You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
617 lines
26 KiB
617 lines
26 KiB
(self["webpackChunk"] = self["webpackChunk"] || []).push([[794],{
|
|
|
|
/***/ 59349:
|
|
/*!***********************************************************!*\
|
|
!*** ./src/components/CaptureVideo/index.tsx + 1 modules ***!
|
|
\***********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ components_CaptureVideo; }
|
|
});
|
|
|
|
// UNUSED EXPORTS: CaptureVideo
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 14 modules
|
|
var _umi_production_exports = __webpack_require__(87210);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
|
|
var message = __webpack_require__(8591);
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(87101);
|
|
// EXTERNAL MODULE: ./node_modules/_uuid@8.3.0@uuid/dist/esm-browser/v4.js + 4 modules
|
|
var v4 = __webpack_require__(1012);
|
|
// EXTERNAL MODULE: ./src/components/UploadFile/index.tsx
|
|
var UploadFile = __webpack_require__(6064);
|
|
// EXTERNAL MODULE: ./node_modules/_ali-oss@6.18.1@ali-oss/dist/aliyun-oss-sdk.js
|
|
var aliyun_oss_sdk = __webpack_require__(47257);
|
|
var aliyun_oss_sdk_default = /*#__PURE__*/__webpack_require__.n(aliyun_oss_sdk);
|
|
;// CONCATENATED MODULE: ./src/components/CaptureVideo/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var CaptureVideomodules = ({"flex_box_center":"flex_box_center___kVqBh","flex_space_between":"flex_space_between___FMnNq","flex_box_vertical_center":"flex_box_vertical_center___meESe","flex_box_center_end":"flex_box_center_end___KFpOb","flex_box_column":"flex_box_column___GHIK9","video":"video___nn_cD"});
|
|
// EXTERNAL MODULE: ./src/service/video.ts
|
|
var service_video = __webpack_require__(85513);
|
|
;// CONCATENATED MODULE: ./src/components/CaptureVideo/index.tsx
|
|
var __async = (__this, __arguments, generator) => {
|
|
return new Promise((resolve, reject) => {
|
|
var fulfilled = (value) => {
|
|
try {
|
|
step(generator.next(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var rejected = (value) => {
|
|
try {
|
|
step(generator.throw(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
});
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const dataURLtoFile = function dataURLtoFile2(dataurl, filename) {
|
|
const arr = dataurl.split(",");
|
|
const mime = arr[0].match(/:(.*?);/)[1];
|
|
const bstr = atob(arr[1]);
|
|
let n = bstr.length;
|
|
const u8arr = new Uint8Array(n);
|
|
while (n--) {
|
|
u8arr[n] = bstr.charCodeAt(n);
|
|
}
|
|
return new Blob([u8arr], { type: mime });
|
|
};
|
|
const CaptureVideo = (0,_react_17_0_2_react.forwardRef)(({ time, number, supportCamera, take_photo, isExercise = true, update, onUserMediaLoaded }, ref) => {
|
|
const video = (0,_react_17_0_2_react.useRef)();
|
|
const canvas = (0,_react_17_0_2_react.useRef)();
|
|
const params = (0,_umi_production_exports.useParams)();
|
|
let [phoneStep, setPhoneStep] = (0,_react_17_0_2_react.useState)([]);
|
|
let [status, setStatus] = (0,_react_17_0_2_react.useState)(0);
|
|
const [src, setSrc] = (0,_react_17_0_2_react.useState)("");
|
|
let [interval, setInter] = (0,_react_17_0_2_react.useState)();
|
|
const [isPause, setIsPause] = (0,_react_17_0_2_react.useState)(0);
|
|
const uploadImgFile = (title, imgUrl) => __async(void 0, null, function* () {
|
|
return (0,fetch/* default */.ZP)("/api/attachments.json", {
|
|
method: "POST",
|
|
body: {
|
|
file_type: "base64",
|
|
original_filename: title,
|
|
file: imgUrl
|
|
}
|
|
});
|
|
});
|
|
const takePhotoAndUpload = (base64Res) => __async(void 0, null, function* () {
|
|
const timeStamp = (/* @__PURE__ */ new Date()).valueOf();
|
|
if (base64Res) {
|
|
const res = yield uploadImgFile(`\u7167\u7247${timeStamp}`, base64Res);
|
|
if (!res.status) {
|
|
yield (0,service_video/* savePhoto */.Ju)({
|
|
container_id: params.categoryId,
|
|
container_type: "Exercise",
|
|
attachment_id: res == null ? void 0 : res.id
|
|
});
|
|
}
|
|
}
|
|
});
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
checkMediaDevices();
|
|
return () => {
|
|
handleStop();
|
|
clearTimer();
|
|
};
|
|
}, []);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
if (status === 2 && time && number > 0) {
|
|
calcPhoto();
|
|
setIsPause(1);
|
|
}
|
|
}, [time]);
|
|
(0,_react_17_0_2_react.useEffect)(() => {
|
|
if (isPause === 0)
|
|
return;
|
|
if (isPause === 2) {
|
|
clearInterval(interval);
|
|
} else {
|
|
let n = 0;
|
|
let id = setInterval(() => {
|
|
if (phoneStep.includes(n)) {
|
|
handlePhoto();
|
|
}
|
|
n++;
|
|
}, 1e3);
|
|
setInter(id);
|
|
}
|
|
return () => clearInterval(interval);
|
|
}, [isPause]);
|
|
(0,_react_17_0_2_react.useImperativeHandle)(ref, () => ({
|
|
handlePhoto,
|
|
handleTakePhoto
|
|
}));
|
|
const clearTimer = () => {
|
|
setIsPause(2);
|
|
};
|
|
const calcPhoto = () => {
|
|
const step = time / number;
|
|
const arr = [];
|
|
function getRndInteger(min, max) {
|
|
return parseInt(Math.floor(Math.random() * (max - min + 1)) + min);
|
|
}
|
|
new Array(number).fill(0).map((item, key) => {
|
|
if (take_photo) {
|
|
arr.push(getRndInteger(step * key, step * (key + 1)));
|
|
} else {
|
|
if (key == 0) {
|
|
arr.push(0);
|
|
} else {
|
|
arr.push(getRndInteger(step * key, step * (key + 1)));
|
|
}
|
|
}
|
|
});
|
|
phoneStep = arr;
|
|
setPhoneStep([...arr]);
|
|
console.log(arr);
|
|
};
|
|
const checkMediaDevices = () => {
|
|
if (navigator.mediaDevices === void 0) {
|
|
navigator.mediaDevices = {};
|
|
}
|
|
if (navigator.mediaDevices.getUserMedia === void 0) {
|
|
navigator.mediaDevices.getUserMedia = function(constraints) {
|
|
const getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
|
|
if (!getUserMedia) {
|
|
return Promise.reject(new Error("getUserMedia is not implemented in this browser"));
|
|
}
|
|
return new Promise(function(resolve, reject) {
|
|
getUserMedia.call(navigator, constraints, resolve, reject);
|
|
});
|
|
};
|
|
}
|
|
navigator.mediaDevices.getUserMedia({ video: { width: 640, height: 480 } }).then(function(stream) {
|
|
streamRef.current = stream;
|
|
supportCamera && supportCamera(2);
|
|
setStatus(2);
|
|
if ("srcObject" in video.current) {
|
|
video.current.srcObject = stream;
|
|
} else {
|
|
video.current.src = window.URL.createObjectURL(stream);
|
|
}
|
|
video.current.onloadedmetadata = function(e) {
|
|
video.current.play();
|
|
if (onUserMediaLoaded) {
|
|
onUserMediaLoaded();
|
|
}
|
|
};
|
|
video.current.addEventListener("ended", function() {
|
|
console.log("\u64AD\u653E\u7ED3\u675F");
|
|
clearTimer();
|
|
if (isExercise) {
|
|
message/* default */.ZP.error({
|
|
content: "\u60A8\u5DF2\u7ECF\u5173\u95ED\u4E86\u6444\u50CF\u5934\uFF0C\u8BF7\u572810\u79D2\u949F\u5185\u6062\u590D\u6444\u50CF\u5934\uFF0C\u5426\u5219\u5C06\u63A8\u51FA\u8003\u8BD5",
|
|
duration: 10,
|
|
key: 9998
|
|
});
|
|
}
|
|
}, false);
|
|
}).catch(function(err) {
|
|
setStatus(1);
|
|
supportCamera && supportCamera(1);
|
|
if (err.message === "Permission denied" || err.name === "NotAllowedError") {
|
|
message/* default */.ZP.error("\u60A8\u5DF2\u62D2\u7EDD\u4E86\u83B7\u53D6\u6444\u50CF\u5934");
|
|
} else {
|
|
message/* default */.ZP.error("\u6444\u50CF\u5934\u83B7\u53D6\u5931\u8D25\uFF0C\u6216\u60A8\u5DF2\u62D2\u7EDD\u4E86\u83B7\u53D6\u6444\u50CF\u5934");
|
|
}
|
|
console.log("errname: " + err.name);
|
|
console.log("err: " + err.message);
|
|
});
|
|
};
|
|
const handlePhoto = () => {
|
|
try {
|
|
canvas.current.width = video.current.videoWidth;
|
|
canvas.current.height = video.current.videoHeight;
|
|
const context = canvas.current.getContext("2d");
|
|
context.drawImage(video.current, 0, 0, canvas.current.width, canvas.current.height);
|
|
setSrc(canvas.current.toDataURL("image/png"));
|
|
takePhotoAndUpload(canvas.current.toDataURL("image/png"));
|
|
uploadFile(canvas.current.toDataURL("image/png"));
|
|
} catch (e) {
|
|
}
|
|
};
|
|
const handleTakePhoto = () => {
|
|
try {
|
|
canvas.current.width = video.current.videoWidth;
|
|
canvas.current.height = video.current.videoHeight;
|
|
const context = canvas.current.getContext("2d");
|
|
context.drawImage(video.current, 0, 0, canvas.current.width, canvas.current.height);
|
|
return canvas.current.toDataURL("image/png");
|
|
} catch (e) {
|
|
}
|
|
};
|
|
const streamRef = (0,_react_17_0_2_react.useRef)();
|
|
const handleStop = () => {
|
|
try {
|
|
const stream = streamRef.current;
|
|
const tracks = stream.getTracks();
|
|
tracks.forEach(function(track) {
|
|
track.stop();
|
|
});
|
|
video.current.srcObject = null;
|
|
} catch (e) {
|
|
}
|
|
};
|
|
const uploadFile = (file) => __async(void 0, null, function* () {
|
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
const res = yield (0,fetch/* default */.ZP)("/api/buckets/get_upload_token.json", { method: "get" });
|
|
res.data = JSON.parse((0,UploadFile/* decrypt */.pe)(res.data));
|
|
const name = (0,v4/* default */.Z)();
|
|
const client = new (aliyun_oss_sdk_default())({
|
|
endpoint: (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.end_point,
|
|
region: (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.region,
|
|
accessKeyId: (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.access_key_id,
|
|
accessKeySecret: (_d = res == null ? void 0 : res.data) == null ? void 0 : _d.access_key_secret,
|
|
bucket: (_e = res == null ? void 0 : res.data) == null ? void 0 : _e.bucket,
|
|
stsToken: (_f = res == null ? void 0 : res.data) == null ? void 0 : _f.security_token
|
|
});
|
|
const imgfile = dataURLtoFile(file, name);
|
|
client.multipartUpload(`${name}.png`, imgfile, {
|
|
timeout: 10 * 1e3,
|
|
partSize: 10485760,
|
|
callback: {
|
|
url: (_g = res == null ? void 0 : res.data) == null ? void 0 : _g.callback_url,
|
|
host: res == null ? void 0 : res.data.bucket_host,
|
|
body: "bucket=${bucket}&object=${object}&etag=${etag}&size=${size}&mimeType=${mimeType}&my_var=${x:my_var}&login=" + params.login + "&container_id=" + params.categoryId + "&container_type=Exercise"
|
|
}
|
|
}).then(function(result) {
|
|
console.log("result:", result);
|
|
}).catch(function(err) {
|
|
console.log("err:", err);
|
|
});
|
|
});
|
|
return /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, status !== 3 && /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: CaptureVideomodules.video, id: "screenshot" }, status === 0 && /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u6B63\u5728\u5F00\u542F\u6444\u50CF\u5934..."), status === 1 && /* @__PURE__ */ _react_17_0_2_react.createElement("span", null, "\u6444\u50CF\u5934\u5F00\u542F\u5931\u8D25"), status === 2 && /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement("video", { width: "288", ref: video, autoPlay: true }), /* @__PURE__ */ _react_17_0_2_react.createElement("canvas", { style: { display: "none" }, ref: canvas }))));
|
|
});
|
|
/* harmony default export */ var components_CaptureVideo = (CaptureVideo);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 6064:
|
|
/*!*********************************************!*\
|
|
!*** ./src/components/UploadFile/index.tsx ***!
|
|
\*********************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ cT: function() { return /* binding */ uploadFile; },
|
|
/* harmony export */ pe: function() { return /* binding */ decrypt; }
|
|
/* harmony export */ });
|
|
/* unused harmony exports reNameFile, UploadFile */
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301);
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ 6557);
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ 8591);
|
|
/* harmony import */ var _utils_fetch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/fetch */ 87101);
|
|
/* harmony import */ var crypto_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! crypto-js */ 28209);
|
|
/* harmony import */ var crypto_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(crypto_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var uuid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! uuid */ 1012);
|
|
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! umi */ 87210);
|
|
/* harmony import */ var ali_oss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ali-oss */ 47257);
|
|
/* harmony import */ var ali_oss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(ali_oss__WEBPACK_IMPORTED_MODULE_5__);
|
|
var __defProp = Object.defineProperty;
|
|
var __defProps = Object.defineProperties;
|
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var __spreadValues = (a, b) => {
|
|
for (var prop in b || (b = {}))
|
|
if (__hasOwnProp.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
if (__getOwnPropSymbols)
|
|
for (var prop of __getOwnPropSymbols(b)) {
|
|
if (__propIsEnum.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
}
|
|
return a;
|
|
};
|
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
var __objRest = (source, exclude) => {
|
|
var target = {};
|
|
for (var prop in source)
|
|
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
target[prop] = source[prop];
|
|
if (source != null && __getOwnPropSymbols)
|
|
for (var prop of __getOwnPropSymbols(source)) {
|
|
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
target[prop] = source[prop];
|
|
}
|
|
return target;
|
|
};
|
|
var __async = (__this, __arguments, generator) => {
|
|
return new Promise((resolve, reject) => {
|
|
var fulfilled = (value) => {
|
|
try {
|
|
step(generator.next(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var rejected = (value) => {
|
|
try {
|
|
step(generator.throw(value));
|
|
} catch (e) {
|
|
reject(e);
|
|
}
|
|
};
|
|
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
step((generator = generator.apply(__this, __arguments)).next());
|
|
});
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const { Dragger } = antd__WEBPACK_IMPORTED_MODULE_4__["default"];
|
|
|
|
const decrypt = (word) => {
|
|
const ENC_KEY = "bf3c199c2470cb477d907b1e0917c17b";
|
|
const IV = "5183666c72eec9e4";
|
|
var key = crypto_js__WEBPACK_IMPORTED_MODULE_2___default().enc.Utf8.parse(ENC_KEY);
|
|
let iv = crypto_js__WEBPACK_IMPORTED_MODULE_2___default().enc.Utf8.parse(IV);
|
|
var decrypt2 = crypto_js__WEBPACK_IMPORTED_MODULE_2___default().AES.decrypt(word, key, {
|
|
iv,
|
|
mode: (crypto_js__WEBPACK_IMPORTED_MODULE_2___default().mode).CBC
|
|
// padding: CryptoJS.pad.ZeroPadding
|
|
});
|
|
return decrypt2.toString((crypto_js__WEBPACK_IMPORTED_MODULE_2___default().enc).Utf8);
|
|
};
|
|
let tempCheckpoint;
|
|
const reNameFile = (_0) => __async(void 0, [_0], function* ({ identifier, oldFilename, newFilename }) {
|
|
var _a, _b, _c, _d, _e, _f;
|
|
const res = yield Fetch("/api/buckets/get_upload_token_for_big_files.json", { method: "get" });
|
|
res.data = JSON.parse(decrypt(res.data));
|
|
const client = new OSS({
|
|
endpoint: (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.end_point,
|
|
region: (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.region,
|
|
accessKeyId: (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.access_key_id,
|
|
accessKeySecret: (_d = res == null ? void 0 : res.data) == null ? void 0 : _d.access_key_secret,
|
|
bucket: (_e = res == null ? void 0 : res.data) == null ? void 0 : _e.bucket,
|
|
stsToken: (_f = res == null ? void 0 : res.data) == null ? void 0 : _f.security_token
|
|
});
|
|
return new Promise((resolve, reject) => {
|
|
console.log(11111, `${identifier}/${oldFilename}`, `${identifier}/${newFilename}`, res.data);
|
|
client.copy(`/${identifier}/${oldFilename}`, `/${identifier}/${newFilename}`).then((r) => {
|
|
console.log("\u62F7\u8D1D\u6210\u529F", r);
|
|
}).catch((e) => {
|
|
console.log(e);
|
|
});
|
|
});
|
|
});
|
|
const uploadFile = (file, obj, config) => __async(void 0, null, function* () {
|
|
var _a, _b, _c, _d, _e, _f;
|
|
obj.file_name = file.name;
|
|
const res = yield (0,_utils_fetch__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .ZP)("/api/buckets/get_upload_token.json", { method: "get" });
|
|
console.log("decrypt(res.data):", decrypt(res.data));
|
|
res.data = JSON.parse(decrypt(res.data));
|
|
const namearrs = file.name.split(".");
|
|
namearrs.pop();
|
|
const name = obj.realFileName ? namearrs.join("") : (0,uuid__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)();
|
|
const client = new (ali_oss__WEBPACK_IMPORTED_MODULE_5___default())({
|
|
endpoint: (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.end_point,
|
|
region: (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.region,
|
|
accessKeyId: (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.access_key_id,
|
|
accessKeySecret: (_d = res == null ? void 0 : res.data) == null ? void 0 : _d.access_key_secret,
|
|
bucket: (_e = res == null ? void 0 : res.data) == null ? void 0 : _e.bucket,
|
|
stsToken: (_f = res == null ? void 0 : res.data) == null ? void 0 : _f.security_token
|
|
});
|
|
return new Promise((resolve, reject) => {
|
|
var _a2;
|
|
client.multipartUpload(`${name}`, new Blob([file], { type: file.type }), __spreadProps(__spreadValues({
|
|
timeout: 200 * 1e3,
|
|
partSize: 102400
|
|
}, config), {
|
|
callback: {
|
|
url: (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.callback_url,
|
|
host: res == null ? void 0 : res.data.bucket_host,
|
|
body: "bucket=${bucket}&object=${object}&etag=${etag}&size=${size}&mimeType=${mimeType}&my_var=${x:my_var}&" + (0,_utils_fetch__WEBPACK_IMPORTED_MODULE_1__/* .parseParams */ .rz)(obj)
|
|
// body: 'bucket=${bucket}&object=${object}&etag=${etag}&size=${size}&mimeType=${mimeType}&my_var=${x:my_var}&login=' + obj.login + '&container_id=' + obj.container_id + '&container_type='+obj.container_type,
|
|
}
|
|
})).then(function(result) {
|
|
var _a3;
|
|
file.response = (_a3 = result.data) == null ? void 0 : _a3.data;
|
|
resolve(result == null ? void 0 : result.data);
|
|
}).catch(function(err) {
|
|
reject(err);
|
|
console.log("err:", err);
|
|
});
|
|
});
|
|
});
|
|
const UploadFile = (_a) => {
|
|
var _b = _a, { user, cancelUpload } = _b, props = __objRest(_b, ["user", "cancelUpload"]);
|
|
const [fileList, setFileList] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
|
|
let [client, setClient] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();
|
|
const _props = {
|
|
onRemove: (e) => {
|
|
setFileList([...fileList.filter((item) => item.name !== e.name)]);
|
|
props.onChange(fileList.filter((item) => item.name !== e.name));
|
|
},
|
|
disabled: props.disabled,
|
|
multiple: true,
|
|
fileList: fileList == null ? void 0 : fileList.map((item) => item.file),
|
|
customRequest: () => {
|
|
},
|
|
beforeUpload: (file) => __async(void 0, null, function* () {
|
|
let fileSize = props.maxSize || 1024 * 1024 * 1024 * 1;
|
|
if (!!fileList.filter((item) => item.name === file.name).length) {
|
|
antd__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP.info(`${file.name}\u5DF2\u5B58\u5728\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9`);
|
|
return;
|
|
}
|
|
if ((file == null ? void 0 : file.size) > fileSize) {
|
|
antd__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP.info(`\u6587\u4EF6\u8D85\u8FC7${fileSize / 1024 / 1024 / 1024}GB\uFF0C\u4E0D\u7B26\u5408\u4E0A\u4F20\u8981\u6C42`);
|
|
return false;
|
|
}
|
|
fileList.push({ name: file.name, file });
|
|
setFileList([...fileList]);
|
|
props.onChange(fileList);
|
|
return false;
|
|
})
|
|
};
|
|
const _uploadFiles = (file, obj) => __async(void 0, null, function* () {
|
|
var _a2, _b2, _c, _d, _e, _f;
|
|
obj.file_name = file.name;
|
|
const name = file.name;
|
|
const res = yield (0,_utils_fetch__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .ZP)("/api/buckets/get_upload_token_for_big_files.json", { method: "get" });
|
|
res.data = JSON.parse(decrypt(res.data));
|
|
if ((res == null ? void 0 : res.status) !== 0) {
|
|
fileList[fileList.findIndex((item) => item.name === name)]["status"] = "error";
|
|
fileList[fileList.findIndex((item) => item.name === name)]["file"]["status"] = "error";
|
|
props.onChange(fileList);
|
|
antd__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP.warning("\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u5C1D\u8BD5");
|
|
return;
|
|
}
|
|
client = new (ali_oss__WEBPACK_IMPORTED_MODULE_5___default())({
|
|
endpoint: (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.end_point,
|
|
region: (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.region,
|
|
accessKeyId: (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.access_key_id,
|
|
accessKeySecret: (_d = res == null ? void 0 : res.data) == null ? void 0 : _d.access_key_secret,
|
|
bucket: (_e = res == null ? void 0 : res.data) == null ? void 0 : _e.bucket,
|
|
stsToken: (_f = res == null ? void 0 : res.data) == null ? void 0 : _f.security_token
|
|
});
|
|
console.log(file, "file");
|
|
setClient(client);
|
|
const namearrs = file.name.split(".");
|
|
namearrs.pop();
|
|
const filename = obj.realFileName ? namearrs.join(".") : (0,uuid__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)();
|
|
return new Promise((resolve, reject) => {
|
|
var _a3;
|
|
try {
|
|
client.multipartUpload(`${props.identifier}/${filename}${name.indexOf(".") > -1 ? "." + name.split(".").pop() : ""}`, new Blob([file.file], { type: file.file.type }), {
|
|
timeout: 3600 * 1e3,
|
|
partSize: 1002400,
|
|
progress: (p, checkpoint, res2) => {
|
|
try {
|
|
console.log("\u8FDB\u5EA6", p, checkpoint, res2);
|
|
const index = fileList.findIndex((item) => item.name === name);
|
|
fileList[index]["file"]["percent"] = p * 100;
|
|
fileList[index].tempCheckpoint = checkpoint;
|
|
setFileList([...fileList]);
|
|
} catch (e) {
|
|
}
|
|
},
|
|
checkpoint: fileList[fileList.findIndex((item) => item.name === name)].tempCheckpoint,
|
|
callback: {
|
|
customValue: {
|
|
id: name + ""
|
|
},
|
|
url: (_a3 = res == null ? void 0 : res.data) == null ? void 0 : _a3.callback_url,
|
|
host: res == null ? void 0 : res.data.bucket_host,
|
|
body: "bucket=${bucket}&object=${object}&etag=${etag}&size=${size}&mimeType=${mimeType}&my_var=${x:my_var}&" + (0,_utils_fetch__WEBPACK_IMPORTED_MODULE_1__/* .parseParams */ .rz)(obj)
|
|
}
|
|
}).then(function(result) {
|
|
var _a4, _b3, _c2;
|
|
const index = fileList.findIndex((item) => item.name === name);
|
|
let status = "done";
|
|
if (((_a4 = result.data) == null ? void 0 : _a4.status) === 0) {
|
|
file.response = (_b3 = result.data) == null ? void 0 : _b3.data;
|
|
const index2 = fileList.findIndex((item) => item.name === name);
|
|
fileList[index2]["status"] = "done";
|
|
fileList[index2]["file"]["status"] = "done";
|
|
} else {
|
|
antd__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP.warning((_c2 = result.data) == null ? void 0 : _c2.message);
|
|
status = "error";
|
|
}
|
|
fileList[index]["status"] = status;
|
|
fileList[index]["file"]["status"] = status;
|
|
props.onChange(fileList);
|
|
resolve(result == null ? void 0 : result.data);
|
|
}).catch(function(err) {
|
|
fileList[fileList.findIndex((item) => item.name === name)]["status"] = "error";
|
|
fileList[fileList.findIndex((item) => item.name === name)]["file"]["status"] = "error";
|
|
antd__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .ZP.warning("\u4E0A\u4F20\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u5C1D\u8BD5");
|
|
setFileList([...fileList]);
|
|
props.onChange(fileList);
|
|
reject(err);
|
|
console.log("err:", err);
|
|
});
|
|
} catch (e) {
|
|
}
|
|
});
|
|
});
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
if (fileList.every((item) => item === "done" || item === "error")) {
|
|
props.onComplete(fileList);
|
|
}
|
|
}, [fileList]);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
if (cancelUpload) {
|
|
client == null ? void 0 : client.cancel();
|
|
}
|
|
}, [cancelUpload]);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
if (props.uploading)
|
|
fileList.map((item) => __async(void 0, null, function* () {
|
|
var _a2;
|
|
if ((!item.status || item.status === "error") && !cancelUpload) {
|
|
item.status = "uploading";
|
|
item.file.status = "uploading";
|
|
const res = yield _uploadFiles(item, {
|
|
login: (_a2 = user == null ? void 0 : user.userInfo) == null ? void 0 : _a2.login,
|
|
container_type: props.container_type,
|
|
container_id: props.container_id,
|
|
description: props.description,
|
|
realFileName: props.realFileName
|
|
});
|
|
}
|
|
}));
|
|
}, [props.uploading]);
|
|
return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(
|
|
Dragger,
|
|
__spreadProps(__spreadValues({}, _props), {
|
|
height: props.height,
|
|
className: props.className
|
|
}),
|
|
/* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("p", { className: "ant-upload-hint" }, props.text || "\u62D6\u62FD\u6587\u4EF6\u6216\u8005\u70B9\u51FB\u4E0A\u4F20")
|
|
);
|
|
};
|
|
/* harmony default export */ __webpack_exports__.ZP = ((0,umi__WEBPACK_IMPORTED_MODULE_3__.connect)(
|
|
({
|
|
loading,
|
|
globalSetting,
|
|
user
|
|
}) => ({
|
|
globalSetting,
|
|
loading: loading.models.competitions,
|
|
user
|
|
})
|
|
)(UploadFile));
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 3828:
|
|
/*!************************!*\
|
|
!*** crypto (ignored) ***!
|
|
\************************/
|
|
/***/ (function() {
|
|
|
|
/* (ignored) */
|
|
|
|
/***/ })
|
|
|
|
}]); |