"use strict"; (self["webpackChunk"] = self["webpackChunk"] || []).push([[5348],{ /***/ 93899: /*!**********************************************************!*\ !*** ./src/components/CoverUpload/index.tsx + 1 modules ***! \**********************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ components_CoverUpload; } }); // EXTERNAL MODULE: ./node_modules/antd/es/upload/style/index.js + 1 modules var style = __webpack_require__(13759); // EXTERNAL MODULE: ./node_modules/antd/es/upload/index.js + 20 modules var upload = __webpack_require__(7426); // EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js + 1 modules var message_style = __webpack_require__(14934); // EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules var message = __webpack_require__(12461); // EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules var button_style = __webpack_require__(29913); // EXTERNAL MODULE: ./node_modules/antd/es/button/index.js var es_button = __webpack_require__(71577); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js var slicedToArray = __webpack_require__(27424); var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray); // EXTERNAL MODULE: ./node_modules/react/index.js var react = __webpack_require__(67294); // EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/UploadOutlined.js + 1 modules var UploadOutlined = __webpack_require__(88484); // EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js var CloseCircleFilled = __webpack_require__(38900); // EXTERNAL MODULE: ./src/utils/env.ts + 1 modules var env = __webpack_require__(59758); ;// CONCATENATED MODULE: ./src/components/CoverUpload/index.less?modules // extracted by mini-css-extract-plugin /* harmony default export */ var CoverUploadmodules = ({"img":"img___BgL9D"}); // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js var jsx_runtime = __webpack_require__(85893); ;// CONCATENATED MODULE: ./src/components/CoverUpload/index.tsx var CoverUpload = function CoverUpload(_ref) { var value = _ref.value, onChange = _ref.onChange, getFileProgress = _ref.getFileProgress; var _useState = (0,react.useState)(false), _useState2 = slicedToArray_default()(_useState, 2), imgLoading = _useState2[0], setImgLoading = _useState2[1]; var uploadButton = /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, { loading: imgLoading, icon: /*#__PURE__*/(0,jsx_runtime.jsx)(UploadOutlined/* default */.Z, {}), children: "\u9009\u62E9\u4E0A\u4F20\u6587\u4EF6" }); var renderImg = function renderImg() { return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: CoverUploadmodules.img, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", { src: env/* default.API_SERVER */.Z.API_SERVER + "/api/attachments/" + value, alt: "avatar", style: { width: 288 } }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { children: /*#__PURE__*/(0,jsx_runtime.jsx)(CloseCircleFilled/* default */.Z, { onClick: function onClick() { return onChange(''); }, style: { fontSize: '16px', color: 'red' } }) })] }); }; var handleChange = function handleChange(info) { if (getFileProgress) { getFileProgress(info); } if (info.file.status === 'uploading') { setImgLoading(true); return; } if (info.file.status === 'done') { var _info$file, _info$file$response, _info$file3, _info$file3$response; setImgLoading(false); if (info.file.status === 'done' && ((_info$file = info.file) === null || _info$file === void 0 ? void 0 : (_info$file$response = _info$file.response) === null || _info$file$response === void 0 ? void 0 : _info$file$response.status) === -1) { var _info$file2, _info$file2$response; message/* default.error */.ZP.error((_info$file2 = info.file) === null || _info$file2 === void 0 ? void 0 : (_info$file2$response = _info$file2.response) === null || _info$file2$response === void 0 ? void 0 : _info$file2$response.message); // onChange() return; } onChange(info === null || info === void 0 ? void 0 : (_info$file3 = info.file) === null || _info$file3 === void 0 ? void 0 : (_info$file3$response = _info$file3.response) === null || _info$file3$response === void 0 ? void 0 : _info$file3$response.id); } }; return /*#__PURE__*/(0,jsx_runtime.jsx)(react.Fragment, { children: value ? renderImg() : /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { children: [/*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, { withCredentials: true, name: "file", showUploadList: false, action: "".concat(env/* default.API_SERVER */.Z.API_SERVER, "/api/attachments.json"), onChange: handleChange, accept: "image/*", children: uploadButton }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: "mt20 c-light-black", children: "\u8BF4\u660E\uFF1A\u652F\u6301\u4E0A\u4F20jpg/png\u7B49\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC72M,\u5EFA\u8BAE\u4F7F\u7528288*158\u50CF\u7D20\uFF1B" }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: "c-light-black", children: "\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002" })] }) }); }; /* harmony default export */ var components_CoverUpload = (CoverUpload); /***/ }), /***/ 97257: /*!**************************************************************************!*\ !*** ./src/pages/virtualSpaces/Lists/Video/Upload/index.tsx + 1 modules ***! \**************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // EXPORTS __webpack_require__.d(__webpack_exports__, { "default": function() { return /* binding */ Video_Upload; } }); // EXTERNAL MODULE: ./node_modules/antd/es/spin/style/index.js + 1 modules var style = __webpack_require__(22536); // EXTERNAL MODULE: ./node_modules/antd/es/spin/index.js var spin = __webpack_require__(11382); // EXTERNAL MODULE: ./node_modules/antd/es/input/style/index.js + 1 modules var input_style = __webpack_require__(69463); // EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules var input = __webpack_require__(75008); // EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules var button_style = __webpack_require__(29913); // EXTERNAL MODULE: ./node_modules/antd/es/button/index.js var es_button = __webpack_require__(71577); // EXTERNAL MODULE: ./node_modules/antd/es/progress/style/index.js + 1 modules var progress_style = __webpack_require__(57273); // EXTERNAL MODULE: ./node_modules/antd/es/progress/index.js + 10 modules var progress = __webpack_require__(97910); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js var regeneratorRuntime = __webpack_require__(17061); var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js var asyncToGenerator = __webpack_require__(17156); var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator); // EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js + 1 modules var modal_style = __webpack_require__(35611); // EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules var modal = __webpack_require__(85402); // EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js + 1 modules var message_style = __webpack_require__(14934); // EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules var message = __webpack_require__(12461); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js var slicedToArray = __webpack_require__(27424); var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js var objectWithoutProperties = __webpack_require__(70215); var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js var objectSpread2 = __webpack_require__(42122); var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/toConsumableArray.js var toConsumableArray = __webpack_require__(861); var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray); // EXTERNAL MODULE: ./node_modules/react/index.js var react = __webpack_require__(67294); // EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules var _umi_production_exports = __webpack_require__(89214); // EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/LeftOutlined.js var LeftOutlined = __webpack_require__(37653); // EXTERNAL MODULE: ./src/assets/images/video/upload.png var upload = __webpack_require__(59215); // EXTERNAL MODULE: ./src/assets/images/video/upload_hover.png var upload_hover = __webpack_require__(19213); ;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Video/Upload/index.less?modules // extracted by mini-css-extract-plugin /* harmony default export */ var Uploadmodules = ({"bg":"bg___A7pt2","main":"main___A_F3d","uploadTop":"uploadTop___dn9vb","imgWrap":"imgWrap___WxyGy","defaultImg":"defaultImg___vvmEM","hoverImg":"hoverImg___fMyWE","uploadTitle":"uploadTitle___hHP3m","colorBlue":"colorBlue___nJz02","uploadDescription":"uploadDescription___xx9sF","description":"description___xR0tF","colorOrange":"colorOrange___Pv7RB","fileMain":"fileMain___igOkv","fileWrap":"fileWrap___X4c43","fileProgress":"fileProgress___wrob1","fileCancel":"fileCancel___PAA0m","fileInputWrap":"fileInputWrap____q6EX","fileImgWrap":"fileImgWrap___qKYhv","fileInput":"fileInput___Nupiq","flexRowCenter":"flexRowCenter___ooOly","continueAdd":"continueAdd___jq7fk"}); // EXTERNAL MODULE: ./src/utils/aliyunUpload.ts var aliyunUpload = __webpack_require__(77320); // EXTERNAL MODULE: ./src/components/CoverUpload/index.tsx + 1 modules var CoverUpload = __webpack_require__(93899); // EXTERNAL MODULE: ./src/service/virtualSpaces.ts var service_virtualSpaces = __webpack_require__(51207); // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js var jsx_runtime = __webpack_require__(85893); ;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Video/Upload/index.tsx var _excluded = ["user", "userDetail", "globalSetting", "loading", "dispatch", "virtualSpaces"]; var MAX_LENGTH = 30; var MAX_FILE_SIZE = 1024; var videoReducer = function videoReducer(state, action) { var _state$videoList, _state$videoList2; var uploadInfo = action.payload.uploadInfo; switch (action.type) { case 'addVideo': // console.log(uploadInfo,{ // videoList: [...state.videoList, { // videoId: uploadInfo.videoId, // name: uploadInfo.file.name, // size: uploadInfo.file.size, // type: uploadInfo.file.type, // fileHash: uploadInfo.fileHash, // state: uploadInfo.state, // loaded: 0, // title: '' // }] // }); console.log("videoList: ", uploadInfo, uploadInfo.videoId, [].concat(toConsumableArray_default()(state.videoList), [{ name: uploadInfo.file.name, size: uploadInfo.file.size, type: uploadInfo.file.type, fileHash: uploadInfo.fileHash, state: uploadInfo.state, videoId: uploadInfo.videoId, attachment_id: '', loaded: 0, title: '' }])); return { videoList: [].concat(toConsumableArray_default()(state.videoList), [{ name: uploadInfo.file.name, size: uploadInfo.file.size, type: uploadInfo.file.type, fileHash: uploadInfo.fileHash, state: uploadInfo.state, videoId: uploadInfo.videoId, attachment_id: '', loaded: 0, title: '' }]) }; case 'removeVideo': return { videoList: state.videoList.filter(function (item) { return item.name !== action.payload.name; }) }; case 'removeAll': return []; case 'updateProgress': return { videoList: state.videoList.map(function (item) { if (item.name === action.payload.uploadInfo.file.name) { return objectSpread2_default()(objectSpread2_default()({}, item), { loaded: action.payload.progressPercent, videoId: uploadInfo.videoId, fileHash: uploadInfo.fileHash }); } return item; }) }; case 'updateTitle': return { videoList: (_state$videoList = state.videoList) === null || _state$videoList === void 0 ? void 0 : _state$videoList.map(function (video) { if (video.name === action.payload.item.name) { return objectSpread2_default()(objectSpread2_default()({}, video), { title: action.payload.title }); } return video; }) }; case 'updateImg': return { videoList: (_state$videoList2 = state.videoList) === null || _state$videoList2 === void 0 ? void 0 : _state$videoList2.map(function (video) { if (video.name === action.payload.item.name) { return objectSpread2_default()(objectSpread2_default()({}, video), { attachment_id: action.payload.attachment_id }); } return video; }) }; default: return []; } }; var Upload = function Upload(_ref) { var _state$videoList5; var user = _ref.user, userDetail = _ref.userDetail, globalSetting = _ref.globalSetting, loading = _ref.loading, dispatch = _ref.dispatch, virtualSpaces = _ref.virtualSpaces, props = objectWithoutProperties_default()(_ref, _excluded); var params = (0,_umi_production_exports.useParams)(); var Location = (0,_umi_production_exports.useLocation)(); var _useState = (0,react.useState)(false), _useState2 = slicedToArray_default()(_useState, 2), isLoading = _useState2[0], setIsLoading = _useState2[1]; var _useReducer = (0,react.useReducer)(videoReducer, { videoList: [] }), _useReducer2 = slicedToArray_default()(_useReducer, 2), state = _useReducer2[0], stateDispatch = _useReducer2[1]; var _useState3 = (0,react.useState)(false), _useState4 = slicedToArray_default()(_useState3, 2), isclick = _useState4[0], setisclick = _useState4[1]; var uploader = (0,react.useRef)(); var files = (0,react.useRef)(); (0,react.useEffect)(function () { window.addEventListener('beforeunload', handleBeforeunload); return function () { window.removeEventListener('beforeunload', handleBeforeunload); }; }, []); var handleBeforeunload = function handleBeforeunload(event) { event.preventDefault(); event.returnValue = ''; }; var clearInput = function clearInput() { var input = document.getElementById('fileUpload'); input.value = ''; }; var handleChangeUpload = function handleChangeUpload(e) { var _user$userInfo, _user$userInfo2, _state$videoList3; var file = e.target.files[0]; if (!file) { clearInput(); return; } var name = file.name.toLowerCase(); if (name && name.indexOf('.avi') == -1 && name.indexOf('.flv') == -1 && name.indexOf('.f4v') == -1 && name.indexOf('.m4v') == -1 && name.indexOf('.mov') == -1 && name.indexOf('.mp4') == -1 && name.indexOf('.rmvb') == -1 && name.indexOf('.swf') == -1 && name.indexOf('.webm') == -1 && name.indexOf('.wmv') == -1) { message/* default.info */.ZP.info("\u4E0D\u652F\u6301\u7684\u89C6\u9891\u683C\u5F0F"); clearInput(); return; } if (!((_user$userInfo = user.userInfo) !== null && _user$userInfo !== void 0 && _user$userInfo.admin || (_user$userInfo2 = user.userInfo) !== null && _user$userInfo2 !== void 0 && _user$userInfo2.business) && file.size > MAX_FILE_SIZE * 1024 * 1024) { message/* default.info */.ZP.info("\u89C6\u9891\u5927\u5C0F\u8D85\u8FC7".concat(MAX_FILE_SIZE, "M")); clearInput(); return; } if ((_state$videoList3 = state.videoList) !== null && _state$videoList3 !== void 0 && _state$videoList3.find(function (item) { return item.name === file.name; })) { message/* default.info */.ZP.info("\u4F60\u4E0D\u80FD\u4E0A\u4F20\u540C\u4E00\u4E2A\u89C6\u9891\u6587\u4EF6\u540D\u79F0\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u3002"); clearInput(); return; } handleUpload(file); }; var handleRemove = function handleRemove(name, isSuccess) { modal/* default.confirm */.Z.confirm({ title: '提示', centered: true, okText: '确定', cancelText: '取消', content: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "tc", children: ["\u60A8\u786E\u8BA4\u8981", isSuccess ? '删除' : '取消上传', "\u8BE5\u89C6\u9891\u5417\uFF1F"] }), onOk: function onOk() { clearInput(); stateDispatch({ type: 'removeVideo', payload: { name: name } }); } }); }; var handleUpload = function handleUpload(file) { var userData = '{"Vod":{}}'; setIsLoading(true); if (uploader.current) { uploader.current.addFile(file, null, null, null, userData); return; } (0,aliyunUpload/* getUploader */.o)(params === null || params === void 0 ? void 0 : params.username, params.virtual_spacesId, { create: !uploader, addFileSuccess: function addFileSuccess(uploadInfo) { stateDispatch({ type: 'addVideo', payload: { uploadInfo: uploadInfo } }); }, onUploadProgress: function onUploadProgress(uploadInfo, totalSize, progress) { var progressPercent = Math.ceil(progress * 100); stateDispatch({ type: 'updateProgress', payload: { uploadInfo: uploadInfo, progressPercent: progressPercent } }); clearInput(); }, onUploadFailed: function onUploadFailed(uploadInfo) { message/* default.info */.ZP.info('视频云服务出现异常，请重新上传。'); }, onUploadEnd: function onUploadEnd(uploadInfo) { setIsLoading(false); }, onUploadSucceed: function onUploadSucceed(uploadInfo) { setIsLoading(false); console.log("files.current", files.current); // files.current }, onUploadError: function onUploadError(uploadInfo) { setIsLoading(false); }, gotUploader: function gotUploader(_uploader) { _uploader.addFile(file, null, null, null, userData); uploader.current = _uploader; } }); }; var handlePublish = /*#__PURE__*/function () { var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() { var _state$videoList4; var res; return regeneratorRuntime_default()().wrap(function _callee$(_context) { while (1) switch (_context.prev = _context.next) { case 0: if ((_state$videoList4 = state.videoList) !== null && _state$videoList4 !== void 0 && _state$videoList4.length) { _context.next = 3; break; } message/* default.info */.ZP.info('请先上传视频'); return _context.abrupt("return"); case 3: setisclick(true); _context.next = 6; return (0,service_virtualSpaces/* upvideos */._6)({ id: params.virtual_spacesId, videos: state.videoList.map(function (item) { return { video_id: item.videoId, title: item.title, attachment_id: item.attachment_id, virtual_classroom_id: params.virtual_spacesId, module_id: virtualSpaces.actionTabs.module_id }; }) }); case 6: res = _context.sent; setisclick(false); if ((res === null || res === void 0 ? void 0 : res.status) === 0) { _umi_production_exports.history.back(); dispatch({ type: 'classroomList/setActionTabs', payload: { key: '刷新数据' } }); } case 9: case "end": return _context.stop(); } }, _callee); })); return function handlePublish() { return _ref2.apply(this, arguments); }; }(); var hasFile = (_state$videoList5 = state.videoList) === null || _state$videoList5 === void 0 ? void 0 : _state$videoList5.length; var renderUpload = function renderUpload() { return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.main, children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.uploadTop, children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("label", { htmlFor: "fileUpload", className: Uploadmodules.imgWrap, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", { className: Uploadmodules.defaultImg, src: upload }), /*#__PURE__*/(0,jsx_runtime.jsx)("img", { className: Uploadmodules.hoverImg, src: upload_hover })] }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Uploadmodules.uploadTitle, children: "\u9009\u62E9\u60A8\u8981\u4E0A\u4F20\u7684\u89C6\u9891" }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { children: ["\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F", /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, { to: "/users/".concat(params === null || params === void 0 ? void 0 : params.username, "/videos/protocol"), className: Uploadmodules.colorBlue, children: "\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE" }), "\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1"] })] }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Uploadmodules.uploadDescription, children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.description, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", { children: "\u4E0A\u4F20\u8BF4\u660E\uFF1A\u76EE\u524D\u4E0D\u652F\u6301\u65AD\u70B9\u7EED\u4F20\uFF0C\u5355\u4E2A\u89C6\u9891\u6587\u4EF6\u6700\u5927\u9650\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 " }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { children: "\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv " }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { children: ["\u6E29\u99A8\u63D0\u793A\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: Uploadmodules.colorOrange, children: "\u4E3A\u4E86\u66F4\u597D\u7684\u64AD\u653E\u4F53\u9A8C\uFF0C\u5EFA\u8BAE\u60A8\u4F18\u5148\u4E0A\u4F20MP4\u683C\u5F0F\u3002\u5982\u679C\u60A8\u662F\u81EA\u5DF1\u5F55\u5236\u89C6\u9891\uFF0C\u5EFA\u8BAE\u60A8\u4FDD\u5B58\u7684\u65F6\u5019\u5C06\u89C6\u9891\u7F16\u7801\u8BBE\u7F6E\u4E3AAVC(H264)" })] })] }) })] }); }; var renderFile = function renderFile() { var _state$videoList6, _state$videoList7; return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.fileMain, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(spin/* default */.Z, { spinning: isLoading, children: (_state$videoList6 = state.videoList) === null || _state$videoList6 === void 0 ? void 0 : _state$videoList6.map(function (item, index) { return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.fileWrap, children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", { children: [index + 1, ". ", item.name] }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.fileProgress, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(progress/* default */.Z, { percent: item.loaded, status: item.loaded == 100 ? "normal" : 'active' }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Uploadmodules.fileCancel, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, { type: "primary", onClick: function onClick() { return handleRemove(item.name, item.loaded == 100); }, children: item.loaded === 100 ? '删除' : '取消上传' }) })] }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.fileInputWrap, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: "mr5", children: "\u6807\u9898:" }), /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, { value: item.title, onChange: function onChange(e) { stateDispatch({ type: 'updateTitle', payload: { title: e.target.value, item: item } }); }, className: Uploadmodules.fileInput, placeholder: "\u6807\u9898\u652F\u6301\u6700\u591A".concat(MAX_LENGTH, "\u4E2A\u5B57\u7B26"), maxLength: MAX_LENGTH, addonAfter: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", { className: "c-light-black font12", children: [String(item.title.length), "/", MAX_LENGTH] }) })] }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.fileImgWrap, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", { className: "mr5", children: "\u4E0A\u4F20\u5C01\u9762\u56FE:" }), /*#__PURE__*/(0,jsx_runtime.jsx)(CoverUpload/* default */.Z, { value: item === null || item === void 0 ? void 0 : item.attachment_id, onChange: function onChange(e) { stateDispatch({ type: 'updateImg', payload: { attachment_id: e, item: item } }); } })] })] }); }) }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: "mt10", children: ((_state$videoList7 = state.videoList) === null || _state$videoList7 === void 0 ? void 0 : _state$videoList7.length) <= 2 ? /*#__PURE__*/(0,jsx_runtime.jsx)("label", { htmlFor: "fileUpload", className: "".concat(Uploadmodules.continueAdd, " current"), children: "\u7EE7\u7EED\u6DFB\u52A0" }) : '提示：单次最多支持3个视频文件上传' }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: Uploadmodules.description, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", { children: "\u4E0A\u4F20\u8BF4\u660E\uFF1A\u76EE\u524D\u4E0D\u652F\u6301\u65AD\u70B9\u7EED\u4F20\uFF0C\u5355\u4E2A\u89C6\u9891\u6587\u4EF6\u6700\u5927\u9650\u52361G\uFF0C\u5355\u6B21\u6700\u591A\u652F\u63013\u4E2A\u89C6\u9891\u6587\u4EF6\u4E0A\u4F20 " }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { children: "\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv " }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { children: ["\u6E29\u99A8\u63D0\u793A\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: Uploadmodules.colorOrange, children: "\u4E3A\u4E86\u66F4\u597D\u7684\u64AD\u653E\u4F53\u9A8C\uFF0C\u5EFA\u8BAE\u60A8\u4F18\u5148\u4E0A\u4F20MP4\u683C\u5F0F\u3002\u5982\u679C\u60A8\u662F\u81EA\u5DF1\u5F55\u5236\u89C6\u9891\uFF0C\u5EFA\u8BAE\u60A8\u4FDD\u5B58\u7684\u65F6\u5019\u5C06\u89C6\u9891\u7F16\u7801\u8BBE\u7F6E\u4E3AAVC(H264)" })] })] }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: Uploadmodules.flexRowCenter, children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, { type: "primary", loading: isclick, onClick: handlePublish, children: "\u7ACB\u5373\u53D1\u5E03" }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "".concat(Uploadmodules.flexRowCenter, " mt10"), children: ["\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F", /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, { to: "/users/".concat(params === null || params === void 0 ? void 0 : params.username, "/videos/protocol"), className: Uploadmodules.colorBlue, children: "\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE" }), "\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1"] })] }); }; return /*#__PURE__*/(0,jsx_runtime.jsxs)("section", { className: Uploadmodules.bg, style: { width: '100%' }, children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "mt5", style: { display: 'flex' }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(LeftOutlined/* default */.Z, { style: { marginTop: '8px' }, className: "current mr10 font16", onClick: function onClick() { _umi_production_exports.history.back(); } }), /*#__PURE__*/(0,jsx_runtime.jsx)("h2", { children: "\u4E0A\u4F20\u89C6\u9891" })] }), hasFile ? renderFile() : renderUpload(), /*#__PURE__*/(0,jsx_runtime.jsx)("input", { ref: files, type: "file", id: "fileUpload", style: { display: 'none' }, onChange: handleChangeUpload, accept: ".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*" })] }); }; /* harmony default export */ var Video_Upload = ((0,_umi_production_exports.connect)(function (_ref3) { var user = _ref3.user, userDetail = _ref3.userDetail, loading = _ref3.loading, globalSetting = _ref3.globalSetting, virtualSpaces = _ref3.virtualSpaces; return { user: user, userDetail: userDetail, globalSetting: globalSetting, loading: loading.models.index, virtualSpaces: virtualSpaces }; })(Upload)); /***/ }), /***/ 77320: /*!***********************************!*\ !*** ./src/utils/aliyunUpload.ts ***! \***********************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "o": function() { return /* binding */ getUploader; } /* harmony export */ }); /* harmony import */ var _utils_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/utils/fetch */ 84519); /* harmony import */ var aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! aliyun-vod-upload-ll */ 69548); /* harmony import */ var aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1__); var login = ''; var uploader; var virtual_classroom_id = ''; function createUploader(options) { doCreateUploader(options); } function doCreateUploader(options) { uploader = new (aliyun_vod_upload_ll__WEBPACK_IMPORTED_MODULE_1___default().Vod)({ timeout: 60000, partSize: 1048576, parallel: 5, retryCount: 3, retryDuration: 2, region: 'ap-southeast-1', userId: 1829848226361863, enableUploadProgress: false, addFileSuccess: function addFileSuccess(uploadInfo) { console.log("addFileSuccess: " + uploadInfo.file.name); options.addFileSuccess && options.addFileSuccess(uploadInfo); uploader.startUpload(); }, // 开始上传 onUploadstarted: function onUploadstarted(uploadInfo) { var fileName = uploadInfo.file.name; if (!uploadInfo.videoId) { var createUrl = "/api/users/".concat(login, "/video_auths.json"); var _random = ''; // Math.random().toString().substring(3, 6)+'-' (0,_utils_fetch__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)(createUrl, { method: 'Post', body: { title: _random + fileName, file_name: _random + fileName, virtual_classroom_id: virtual_classroom_id } }).then(function (response) { if (response) { var data = response.data; var uploadAuth = data.UploadAuth; var uploadAddress = data.UploadAddress; var videoId = data.VideoId; uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress, videoId); } })["catch"](function (error) { uploader.deleteFile(uploader._curIndex); uploader.nextUpload(); console.log(error); }); console.log('文件开始上传...'); } else { // 如果videoId有值，根据videoId刷新上传凭证 var refreshUrl = "/api/users/".concat(login, "/video_auths.json"); (0,_utils_fetch__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)(refreshUrl, { method: 'put', body: { video_id: uploadInfo.videoId, title: fileName, file_name: fileName, virtual_classroom_id: virtual_classroom_id } }).then(function (response) { if (response.status == -1) { options.onUploadError && options.onUploadError(uploadInfo); return; } var data = response.data; var uploadAuth = data.UploadAuth; var uploadAddress = data.UploadAddress; var videoId = data.VideoId; uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress); })["catch"](function (error) { uploader.deleteFile(uploader._curIndex); uploader.nextUpload(); console.log(error); }); } }, // 文件上传成功 onUploadSucceed: function onUploadSucceed(uploadInfo) { options.onUploadSucceed && options.onUploadSucceed(uploadInfo); console.log('文件上传成功!'); }, // 文件上传失败 onUploadFailed: function onUploadFailed(uploadInfo, code, message) { options.onUploadFailed && options.onUploadFailed(uploadInfo); console.log('文件上传失败!'); }, // 取消文件上传 onUploadCanceled: function onUploadCanceled(uploadInfo, code, message) { console.log('文件上传已暂停!'); }, // 文件上传进度，单位：字节, 可以在这个函数中拿到上传进度并显示在页面上 onUploadProgress: function onUploadProgress(uploadInfo, totalSize, progress) { options.onUploadProgress && options.onUploadProgress(uploadInfo, totalSize, progress); var progressPercent = Math.ceil(progress * 100); console.log('文件上传中...'); }, // 上传凭证超时 onUploadTokenExpired: function onUploadTokenExpired(uploadInfo) { console.log('文件上传超时!'); var refreshUrl = "/api/users/".concat(login, "/video_auths.json"); (0,_utils_fetch__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .ZP)(refreshUrl, { method: 'put', body: { video_id: uploadInfo.videoId } }).then(function (response) { var data = response.data; var uploadAuth = data.UploadAuth; uploader.resumeUploadWithAuth(uploadAuth); })["catch"](function (error) { console.log(error); }); }, // 全部文件上传结束 onUploadEnd: function onUploadEnd(uploadInfo) { options.onUploadEnd && options.onUploadEnd(uploadInfo); console.log("onUploadEnd: uploaded all the files"); } }); if (options.gotUploader) { options.gotUploader(uploader); } } function getUploader(_login, _virtual_classroom_id, options) { _login && (login = _login); _virtual_classroom_id && (virtual_classroom_id = _virtual_classroom_id); // if (!uploader || options.create == true) { createUploader(options); // } } /***/ }), /***/ 59215: /*!********************************************!*\ !*** ./src/assets/images/video/upload.png ***! \********************************************/ /***/ (function(module) { module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAwBAMAAABTZWEsAAAAIVBMVEVHcExMrf9Qr/9TuP9Mrf9Nrf9Mrf9MrP9Nrv9Orv9MrP98EuefAAAACnRSTlMA3CULV5jA84JH4j3LZgAAANVJREFUOMvl1a0OwjAUBeCb/QgcGckSphqeAASBoKaR4KpwJDwAYhaHQuGbLNtynpKWmTWs92rg2n45orc7I9qeEZzrjSgqwIxRtAI7M7rzoKMLjhScNRqqsAyDGC0BxIw9/UYQKQEUHQ9SoGSBBmoOpG4/JQO0A3UYpP2KyyDQaGG8CB/YgDnMfhjhAw2zgEmGER6wAVkEQzbiMQp29g07YCOmo2CDjBywEadRkOSqB5NcBa/6Dbhd/AmIq0Z41c/DL3y8n0AsMbEGxSIVq1gsc+l38AI000Nd23IRqQAAAABJRU5ErkJggg=="; /***/ }), /***/ 19213: /*!**************************************************!*\ !*** ./src/assets/images/video/upload_hover.png ***! \**************************************************/ /***/ (function(module) { module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABgBAMAAAAnVGd6AAAAJFBMVEVHcExMrf9Orf9Nrf90uv9MrP////95wP/M5//z+v+x2/9cs//eVCejAAAABXRSTlMA10ycBa32wqwAAAFsSURBVFjD7dk/TsMwFMfxJ8QNIHsHOABDduAGJXoyUnZTsmcoByg3KANz/0i9AHA6YruBIjXPr/6hLrWlLlXy0dcZrPSViOj+puCENb64Ir/Okm73xMjdf15y8qpuO+COgXXZASUCVN0TYGiNsB24PVxjwAP2CNxDKDBgjAMMrgxkIANHAr5aDPiwtoWAubVPCPBobSxBBmYOeEsHfIB9bpMBHxBJoGhAJIHiAXICxQPkBFIEiAmkCBATSBMgJZAmQEogMWDiPnMxgcSAlQOmYgJJAY1xgBETSApYeIDFBJICOABiAkkBW0BM2A8sQ0APhIR3PVBvA3ogJDR6wPTX94BPmBwILHYAn3AA4A7jhncBM3g87wemIeAX+PlGCdTrFf8FeP2acqybwa1nIAMZODWgHjyMtW+qM/BNlT+HjkItUL9s8i+WDGTgSECB3f8Ps7QSAyp8IAmPROGhLDwWxgfT8GgcHs6Dfw98A1V0Ca+XaA0MAAAAAElFTkSuQmCC"; /***/ }) }]);