@hsu-react/ui 0.0.1

package/es/components/Upload/_components/UploadingItem/index.js

@@ -0,0 +1,58 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from "react";
+import { Progress, Tooltip, Popconfirm } from "antd";
+import classNames from "classnames";
+import Button from "../../../Button";
+import styles from "../../index.module.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var UploadingItem = function UploadingItem(_ref) {
+  var _listProps$itemProgre, _listProps$itemProgre2;
+  var file = _ref.file,
+    listProps = _ref.listProps,
+    en = _ref.en,
+    onRemove = _ref.onRemove;
+  var name = file.name,
+    url = file.url,
+    percent = file.percent;
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames(styles.fileItem, listProps === null || listProps === void 0 ? void 0 : listProps.item),
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.uploading,
+      children: [/*#__PURE__*/_jsx(Tooltip, {
+        title: name,
+        color: "#f2f4f5",
+        styles: {
+          body: {
+            color: "#131212",
+            padding: "6px 16px"
+          }
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          className: classNames(styles.fileName, listProps === null || listProps === void 0 ? void 0 : listProps.itemName),
+          children: name || (url === null || url === void 0 ? void 0 : url.split("/").pop())
+        })
+      }), !(listProps !== null && listProps !== void 0 && (_listProps$itemProgre = listProps.itemProgress) !== null && _listProps$itemProgre !== void 0 && _listProps$itemProgre.hide) && /*#__PURE__*/_jsx(Progress, {
+        className: classNames(styles.progress, listProps === null || listProps === void 0 || (_listProps$itemProgre2 = listProps.itemProgress) === null || _listProps$itemProgre2 === void 0 ? void 0 : _listProps$itemProgre2.className),
+        percent: percent,
+        showInfo: false
+      })]
+    }), /*#__PURE__*/_jsx(Popconfirm, {
+      placement: "bottom",
+      title: en ? "Are you sure you want to delete?" : "确认删除?",
+      okText: en ? "Confirm" : "确认",
+      cancelText: en ? "Cancel" : "取消",
+      onConfirm: onRemove,
+      children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        danger: true
+      }, listProps === null || listProps === void 0 ? void 0 : listProps.itemRemove), {}, {
+        children: en ? "Delete" : "删除"
+      }))
+    })]
+  });
+};

package/es/components/Upload/_hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useUploadFileList } from "./useUploadFileList";
+export { useUploadOperations } from "./useUploadOperations";
+export { useUploadPreview } from "./useUploadPreview";

package/es/components/Upload/_hooks/index.js

@@ -0,0 +1,3 @@
+export { useUploadFileList } from "./useUploadFileList";
+export { useUploadOperations } from "./useUploadOperations";
+export { useUploadPreview } from "./useUploadPreview";

package/es/components/Upload/_hooks/useUploadFileList.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { UploadFile } from "antd";
+interface UseUploadFileListProps {
+    fileList?: UploadFile[];
+    onChange?: (params: {
+        file: UploadFile;
+        fileList: UploadFile[];
+    }) => void;
+    rmFile?: string;
+}
+/**
+ * 管理上传文件列表状态
+ */
+export declare function useUploadFileList({ fileList, onChange, rmFile, }: UseUploadFileListProps): {
+    fileList: UploadFile<any>[];
+    setFileList: import("react").Dispatch<import("react").SetStateAction<UploadFile<any>[]>>;
+    onChange: ({ file, fileList: newFileList, }: {
+        file: UploadFile;
+        fileList: UploadFile[];
+    }) => void;
+};
+export {};

package/es/components/Upload/_hooks/useUploadFileList.js

@@ -0,0 +1,82 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from "react";
+import { deepCopy, Equal } from "hsu-utils";
+import { extractFileUrl } from "../_utils";
+/**
+ * 管理上传文件列表状态
+ */
+export function useUploadFileList(_ref) {
+  var fileList = _ref.fileList,
+    onChange = _ref.onChange,
+    rmFile = _ref.rmFile;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    _fileList = _useState2[0],
+    setFilelist = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    lastFileList = _useState4[0],
+    setLastFileList = _useState4[1];
+  useEffect(function () {
+    if (rmFile) {
+      var file = _fileList.find(function (item) {
+        return item.uid === rmFile;
+      });
+      var filteredList = _fileList.filter(function (item) {
+        return item.uid !== rmFile;
+      });
+      if (file) {
+        setFilelist(filteredList);
+        setTimeout(function () {
+          onChange === null || onChange === void 0 || onChange({
+            file: file,
+            fileList: filteredList
+          });
+        }, 100);
+      }
+    }
+  }, [_fileList, onChange, rmFile]);
+  useEffect(function () {
+    if (!Equal.ObjEqual(fileList !== null && fileList !== void 0 ? fileList : [], lastFileList)) {
+      if (fileList !== null && fileList !== void 0 && fileList.length) {
+        setFilelist(deepCopy(fileList));
+        setLastFileList(deepCopy(fileList));
+      } else {
+        setFilelist([]);
+        setLastFileList([]);
+      }
+    }
+  }, [fileList, lastFileList]);
+  var handleChange = function handleChange(_ref2) {
+    var file = _ref2.file,
+      newFileList = _ref2.fileList;
+    setFilelist(newFileList);
+    var uploaded = newFileList.filter(function (item) {
+      return item.status !== "uploading";
+    });
+    if (uploaded.length) {
+      var _uploaded$filter;
+      var processedList = (_uploaded$filter = uploaded.filter(function (item) {
+        var _item$response;
+        return (item === null || item === void 0 || (_item$response = item.response) === null || _item$response === void 0 ? void 0 : _item$response.code) !== "ERR_CANCELED";
+      })) === null || _uploaded$filter === void 0 ? void 0 : _uploaded$filter.map(function (item) {
+        return extractFileUrl(item);
+      });
+      onChange === null || onChange === void 0 || onChange({
+        file: file,
+        fileList: processedList
+      });
+      setLastFileList(processedList);
+    }
+  };
+  return {
+    fileList: _fileList,
+    setFileList: setFilelist,
+    onChange: handleChange
+  };
+}

package/es/components/Upload/_hooks/useUploadOperations.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { UploadingList } from "..";
+interface UseUploadOperationsProps {
+    onUploadingList?: (list: UploadingList) => void;
+}
+/**
+ * 管理上传和下载操作
+ */
+export declare function useUploadOperations({ onUploadingList, }: UseUploadOperationsProps): {
+    uploadingList: UploadingList;
+    setUploadingList: import("react").Dispatch<import("react").SetStateAction<UploadingList>>;
+    downloading: Record<string, AbortController>;
+    setDownloading: import("react").Dispatch<import("react").SetStateAction<Record<string, AbortController>>>;
+    operationsRef: import("react").MutableRefObject<{
+        downloading: Record<string, AbortController>;
+        uploadingList: UploadingList;
+    }>;
+};
+export {};

package/es/components/Upload/_hooks/useUploadOperations.js

@@ -0,0 +1,76 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useRef, useState } from "react";
+import { deepCopy, Equal } from "hsu-utils";
+/**
+ * 管理上传和下载操作
+ */
+export function useUploadOperations(_ref) {
+  var onUploadingList = _ref.onUploadingList;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploadingList = _useState2[0],
+    setUploadingList = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    lastUploadList = _useState4[0],
+    setLastUploadList = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    downloading = _useState6[0],
+    setDownloading = _useState6[1];
+  var operationsRef = useRef({
+    downloading: {},
+    uploadingList: {}
+  });
+
+  // 更新时同步到 ref
+  useEffect(function () {
+    operationsRef.current.downloading = downloading;
+  }, [downloading]);
+  useEffect(function () {
+    operationsRef.current.uploadingList = uploadingList;
+  }, [uploadingList]);
+  useEffect(function () {
+    if (!Equal.ObjEqual(uploadingList, lastUploadList)) {
+      onUploadingList === null || onUploadingList === void 0 || onUploadingList(deepCopy(uploadingList));
+      setLastUploadList(deepCopy(uploadingList));
+    }
+  }, [uploadingList, lastUploadList, onUploadingList]);
+
+  // 清理函数
+  useEffect(function () {
+    return function () {
+      var _Object$values, _Object$values2;
+      var _operationsRef$curren = operationsRef.current,
+        currentDownloading = _operationsRef$curren.downloading,
+        currentUploadingList = _operationsRef$curren.uploadingList;
+      (_Object$values = Object.values(currentDownloading)) === null || _Object$values === void 0 || _Object$values.forEach(function (controller) {
+        controller === null || controller === void 0 || controller.abort();
+      });
+      (_Object$values2 = Object.values(currentUploadingList)) === null || _Object$values2 === void 0 || _Object$values2.forEach(function (controllers) {
+        controllers === null || controllers === void 0 || controllers.forEach(function (c) {
+          return c === null || c === void 0 ? void 0 : c();
+        });
+      });
+      operationsRef.current = {
+        downloading: {},
+        uploadingList: {}
+      };
+      setDownloading({});
+      setUploadingList({});
+      setLastUploadList({});
+    };
+  }, []);
+  return {
+    uploadingList: uploadingList,
+    setUploadingList: setUploadingList,
+    downloading: downloading,
+    setDownloading: setDownloading,
+    operationsRef: operationsRef
+  };
+}

package/es/components/Upload/_hooks/useUploadPreview.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/**
+ * 管理文件预览状态
+ */
+export declare function useUploadPreview(): {
+    file: {
+        fileUrl?: string | undefined;
+        fileType?: string | undefined;
+        fileName?: string | undefined;
+    };
+    setFile: import("react").Dispatch<import("react").SetStateAction<{
+        fileUrl?: string | undefined;
+        fileType?: string | undefined;
+        fileName?: string | undefined;
+    }>>;
+    open: boolean;
+};

package/es/components/Upload/_hooks/useUploadPreview.js

@@ -0,0 +1,21 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState } from "react";
+/**
+ * 管理文件预览状态
+ */
+export function useUploadPreview() {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    file = _useState2[0],
+    setFile = _useState2[1];
+  return {
+    file: file,
+    setFile: setFile,
+    open: !!file.fileUrl
+  };
+}

package/es/components/Upload/_utils/chunkUpload.d.ts

@@ -0,0 +1,26 @@
+import { RcFile } from "antd/es/upload";
+import { UploadingList } from "..";
+interface ChunkUploadOptions {
+    file: RcFile;
+    chunkAction: string;
+    mergeChunkAction: string;
+    chunkNum: number;
+    data?: Partial<Record<string, string>>;
+    headers?: Record<string, string>;
+    accept?: string;
+    size?: number;
+    en?: boolean;
+    uploadingList: UploadingList;
+    setUploadingList: (list: UploadingList) => void;
+    onProgress?: (progress: {
+        percent: number;
+    }) => void;
+    onSuccess?: (response: unknown) => void;
+    onError?: (error: Error) => void;
+    onUploadSuccess?: () => void;
+}
+/**
+ * 分片上传
+ */
+export declare function chunkUpload({ file, chunkAction, mergeChunkAction, chunkNum, data, headers, accept, size, en, uploadingList, setUploadingList, onProgress, onSuccess, onError, onUploadSuccess, }: ChunkUploadOptions): Promise<void>;
+export {};

package/es/components/Upload/_utils/chunkUpload.js

@@ -0,0 +1,180 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import axios from "axios";
+import { getUUID } from "../../../utils";
+import { deepCopy } from "hsu-utils";
+import { toMB, validateFile, createFormData, isSuccessResponse } from ".";
+/**
+ * 分片上传
+ */
+export function chunkUpload(_x) {
+  return _chunkUpload.apply(this, arguments);
+}
+function _chunkUpload() {
+  _chunkUpload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var file, chunkAction, mergeChunkAction, chunkNum, data, headers, accept, size, en, uploadingList, setUploadingList, onProgress, onSuccess, onError, onUploadSuccess, validation, name, uploadId, sliceSize, totalSlices, chunk, postPromises, success, CancelToken, start, end, slice, formData, postPromise, arrList, errorList, _errorList$slice, _arrList, _errorList, _formData, res, _errorList$slice2;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          file = _ref.file, chunkAction = _ref.chunkAction, mergeChunkAction = _ref.mergeChunkAction, chunkNum = _ref.chunkNum, data = _ref.data, headers = _ref.headers, accept = _ref.accept, size = _ref.size, en = _ref.en, uploadingList = _ref.uploadingList, setUploadingList = _ref.setUploadingList, onProgress = _ref.onProgress, onSuccess = _ref.onSuccess, onError = _ref.onError, onUploadSuccess = _ref.onUploadSuccess;
+          // 验证文件
+          validation = validateFile({
+            file: file,
+            accept: accept,
+            size: size,
+            en: en
+          });
+          if (validation.valid) {
+            _context.next = 5;
+            break;
+          }
+          onError === null || onError === void 0 || onError(validation.error);
+          return _context.abrupt("return");
+        case 5:
+          name = file.name;
+          uploadId = getUUID();
+          sliceSize = toMB(5); // 切片大小，每个切片5MB
+          totalSlices = Math.ceil(file.size / sliceSize); // 获取切片数量
+          chunk = 0;
+          postPromises = [];
+          success = 0;
+          CancelToken = axios.CancelToken;
+        case 13:
+          if (!(chunk < totalSlices)) {
+            _context.next = 49;
+            break;
+          }
+          start = chunk * sliceSize;
+          end = Math.min(start + sliceSize, file.size);
+          slice = file.slice(start, end);
+          formData = createFormData(data);
+          formData.append("file", slice);
+          formData.append("chunkNum", "".concat(chunk));
+          formData.append("fileName", name);
+          formData.append("uploadId", uploadId);
+          postPromise = axios.post(chunkAction, formData, {
+            headers: headers,
+            onUploadProgress: function onUploadProgress(progressEvent) {
+              if (progressEvent.loaded === progressEvent.total) {
+                success += 0.5;
+                var overallProgress = Math.round(success / totalSlices * 100);
+                onProgress === null || onProgress === void 0 || onProgress({
+                  percent: overallProgress
+                });
+              }
+            },
+            cancelToken: new CancelToken(function executor(c) {
+              uploadingList[file.uid] ? uploadingList[file.uid].push(c) : uploadingList[file.uid] = [c];
+              setUploadingList(deepCopy(uploadingList));
+            })
+          });
+          postPromise.then(function (res) {
+            if (isSuccessResponse(res.data)) {
+              success += 0.5;
+              var overallProgress = Math.round(success / totalSlices * 100);
+              onProgress === null || onProgress === void 0 || onProgress({
+                percent: overallProgress
+              });
+            }
+          });
+          postPromises.push(postPromise);
+          if (!((chunk + 1) % chunkNum === 0)) {
+            _context.next = 46;
+            break;
+          }
+          _context.prev = 26;
+          _context.next = 29;
+          return Promise.all(postPromises);
+        case 29:
+          arrList = _context.sent;
+          errorList = arrList.filter(function (v) {
+            return !v.data || !isSuccessResponse(v.data);
+          });
+          postPromises = [];
+          delete uploadingList[file.uid];
+          setUploadingList(deepCopy(uploadingList));
+          if (!errorList.length) {
+            _context.next = 37;
+            break;
+          }
+          onError === null || onError === void 0 || onError(new Error(((_errorList$slice = errorList.slice(-1)) === null || _errorList$slice === void 0 || (_errorList$slice = _errorList$slice[0]) === null || _errorList$slice === void 0 || (_errorList$slice = _errorList$slice.data) === null || _errorList$slice === void 0 ? void 0 : _errorList$slice.msg) || (en ? "Upload failed" : "上传失败")));
+          return _context.abrupt("return");
+        case 37:
+          _context.next = 46;
+          break;
+        case 39:
+          _context.prev = 39;
+          _context.t0 = _context["catch"](26);
+          if (_context.t0.code === "ERR_CANCELED") {
+            onSuccess === null || onSuccess === void 0 || onSuccess({
+              code: "ERR_CANCELED"
+            });
+          } else {
+            onError === null || onError === void 0 || onError(new Error(en ? "Upload failed" : "上传失败"));
+          }
+          postPromises = [];
+          delete uploadingList[file.uid];
+          setUploadingList(deepCopy(uploadingList));
+          return _context.abrupt("return");
+        case 46:
+          chunk++;
+          _context.next = 13;
+          break;
+        case 49:
+          _context.prev = 49;
+          _context.next = 52;
+          return Promise.all(postPromises);
+        case 52:
+          _arrList = _context.sent;
+          _errorList = _arrList.filter(function (v) {
+            return !v.data || !isSuccessResponse(v.data);
+          });
+          if (_errorList.length) {
+            _context.next = 65;
+            break;
+          }
+          _formData = createFormData(data);
+          _formData.append("chunkCount", "".concat(totalSlices));
+          _formData.append("fileName", name);
+          _formData.append("uploadId", uploadId);
+          _context.next = 61;
+          return axios.post(mergeChunkAction, _formData);
+        case 61:
+          res = _context.sent;
+          if (isSuccessResponse(res.data)) {
+            onSuccess === null || onSuccess === void 0 || onSuccess(res.data);
+            onUploadSuccess === null || onUploadSuccess === void 0 || onUploadSuccess();
+          } else {
+            onError === null || onError === void 0 || onError(new Error(res.data.msg || (en ? "Upload failed" : "上传失败")));
+          }
+          _context.next = 66;
+          break;
+        case 65:
+          onError === null || onError === void 0 || onError(new Error(((_errorList$slice2 = _errorList.slice(-1)) === null || _errorList$slice2 === void 0 || (_errorList$slice2 = _errorList$slice2[0]) === null || _errorList$slice2 === void 0 || (_errorList$slice2 = _errorList$slice2.data) === null || _errorList$slice2 === void 0 ? void 0 : _errorList$slice2.msg) || (en ? "Upload failed" : "上传失败")));
+        case 66:
+          _context.next = 71;
+          break;
+        case 68:
+          _context.prev = 68;
+          _context.t1 = _context["catch"](49);
+          if (_context.t1.code === "ERR_CANCELED") {
+            onSuccess === null || onSuccess === void 0 || onSuccess({
+              code: "ERR_CANCELED"
+            });
+          } else {
+            onError === null || onError === void 0 || onError(new Error(en ? "Upload failed" : "上传失败"));
+          }
+        case 71:
+          postPromises = [];
+          delete uploadingList[file.uid];
+          setUploadingList(deepCopy(uploadingList));
+        case 74:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[26, 39], [49, 68]]);
+  }));
+  return _chunkUpload.apply(this, arguments);
+}

package/es/components/Upload/_utils/createFormData.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 创建 FormData 并添加数据
+ */
+export declare function createFormData(data?: Partial<Record<string, string>>): FormData;

package/es/components/Upload/_utils/createFormData.js

@@ -0,0 +1,16 @@
+/**
+ * 创建 FormData 并添加数据
+ */
+export function createFormData(data) {
+  var formData = new FormData();
+  if (data) {
+    var _Object$keys;
+    (_Object$keys = Object.keys(data)) === null || _Object$keys === void 0 || _Object$keys.forEach(function (key) {
+      var v = data[key];
+      if (v) {
+        formData.append(key, v);
+      }
+    });
+  }
+  return formData;
+}

package/es/components/Upload/_utils/extractFileUrl.d.ts

@@ -0,0 +1,5 @@
+import { UploadFile } from "antd";
+/**
+ * 从响应中提取文件 URL
+ */
+export declare function extractFileUrl(file: UploadFile): UploadFile;

package/es/components/Upload/_utils/extractFileUrl.js

@@ -0,0 +1,17 @@
+/**
+ * 从响应中提取文件 URL
+ */
+export function extractFileUrl(file) {
+  var _file$response, _file$response2, _file$response3;
+  if ((_file$response = file.response) !== null && _file$response !== void 0 && (_file$response = _file$response.data) !== null && _file$response !== void 0 && (_file$response = _file$response.list) !== null && _file$response !== void 0 && (_file$response = _file$response[0]) !== null && _file$response !== void 0 && _file$response.url) {
+    file.url = file.response.data.list[0].url;
+    file.thumbUrl = file.response.data.list[0].url;
+  } else if ((_file$response2 = file.response) !== null && _file$response2 !== void 0 && (_file$response2 = _file$response2.data) !== null && _file$response2 !== void 0 && _file$response2.url) {
+    file.url = file.response.data.url;
+    file.thumbUrl = file.response.data.url;
+  } else if ((_file$response3 = file.response) !== null && _file$response3 !== void 0 && _file$response3.url) {
+    file.url = file.response.url;
+    file.thumbUrl = file.response.url;
+  }
+  return file;
+}

package/es/components/Upload/_utils/index.d.ts

@@ -0,0 +1,7 @@
+export { toMB } from "./toMB";
+export { validateFile } from "./validateFile";
+export { extractFileUrl } from "./extractFileUrl";
+export { createFormData } from "./createFormData";
+export { isSuccessResponse } from "./isSuccessResponse";
+export { chunkUpload } from "./chunkUpload";
+export { normalUpload } from "./normalUpload";

package/es/components/Upload/_utils/index.js

@@ -0,0 +1,7 @@
+export { toMB } from "./toMB";
+export { validateFile } from "./validateFile";
+export { extractFileUrl } from "./extractFileUrl";
+export { createFormData } from "./createFormData";
+export { isSuccessResponse } from "./isSuccessResponse";
+export { chunkUpload } from "./chunkUpload";
+export { normalUpload } from "./normalUpload";

package/es/components/Upload/_utils/isSuccessResponse.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 检查响应是否成功
+ */
+export declare function isSuccessResponse(response: {
+    code?: number;
+    data?: {
+        code?: number;
+    };
+}): boolean;

package/es/components/Upload/_utils/isSuccessResponse.js

@@ -0,0 +1,8 @@
+/**
+ * 检查响应是否成功
+ */
+export function isSuccessResponse(response) {
+  var _response$code, _response$data;
+  var code = (_response$code = response.code) !== null && _response$code !== void 0 ? _response$code : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.code;
+  return code === 0 || code === 200 || code === undefined;
+}