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.
NewEduCoderBuild/p__Classrooms__Lists__Video...

876 lines
43 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[113],{
/***/ "1v2r":
/*!***********************************************************!*\
!*** ./src/pages/Classrooms/Lists/Video/Upload/index.tsx ***!
\***********************************************************/
/*! exports provided: default */
/*! all exports used */
/*! ModuleConcatenation bailout: Module is referenced from these modules with unsupported syntax: ./src/.umi-production/core/routes.ts (referenced with import()) */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var antd_es_spin_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/es/spin/style */ "T2oS");
/* harmony import */ var antd_es_spin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/es/spin */ "W9HT");
/* harmony import */ var antd_es_input_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd/es/input/style */ "5NDa");
/* harmony import */ var antd_es_input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd/es/input */ "5rEg");
/* harmony import */ var antd_es_button_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd/es/button/style */ "+L6B");
/* harmony import */ var antd_es_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd/es/button */ "2/Rp");
/* harmony import */ var antd_es_progress_style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd/es/progress/style */ "MXD1");
/* harmony import */ var antd_es_progress__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd/es/progress */ "CFYs");
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator */ "9og8");
/* harmony import */ var antd_es_modal_style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! antd/es/modal/style */ "2qtc");
/* harmony import */ var antd_es_modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! antd/es/modal */ "kLXV");
/* harmony import */ var antd_es_message_style__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! antd/es/message/style */ "miYZ");
/* harmony import */ var antd_es_message__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! antd/es/message */ "tsqr");
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray */ "tJVT");
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties */ "PpiC");
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "k1fw");
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/toConsumableArray */ "oBTY");
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/regenerator */ "WmNS");
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_17__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react */ "cDcd");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_18__);
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! umi */ "Ty5D");
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! umi */ "9kvl");
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! umi */ "55Ip");
/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @ant-design/icons */ "5bA4");
/* harmony import */ var _assets_images_video_upload_png__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @/assets/images/video/upload.png */ "0eFM");
/* harmony import */ var _assets_images_video_upload_png__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(_assets_images_video_upload_png__WEBPACK_IMPORTED_MODULE_23__);
/* harmony import */ var _assets_images_video_upload_hover_png__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @/assets/images/video/upload_hover.png */ "yG4R");
/* harmony import */ var _assets_images_video_upload_hover_png__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(_assets_images_video_upload_hover_png__WEBPACK_IMPORTED_MODULE_24__);
/* harmony import */ var _index_less_modules__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./index.less?modules */ "goie");
/* harmony import */ var _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(_index_less_modules__WEBPACK_IMPORTED_MODULE_25__);
/* harmony import */ var _utils_aliyunUpload__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @/utils/aliyunUpload */ "Aky1");
/* harmony import */ var _components_CoverUpload__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @/components/CoverUpload */ "h/US");
/* harmony import */ var _service_user__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @/service/user */ "jb+D");
/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @/utils/util */ "1vsH");
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(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"])(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(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"])(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 Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])({}, 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 Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])({}, 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 Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"])({}, 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,
props = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"])(_ref, ["user", "userDetail", "globalSetting", "loading", "dispatch"]);
var params = Object(umi__WEBPACK_IMPORTED_MODULE_19__[/* useParams */ "i"])();
var Location = Object(umi__WEBPACK_IMPORTED_MODULE_19__[/* useLocation */ "h"])();
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(false),
_useState2 = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"])(_useState, 2),
isLoading = _useState2[0],
setIsLoading = _useState2[1];
var _useReducer = Object(react__WEBPACK_IMPORTED_MODULE_18__["useReducer"])(videoReducer, {
videoList: []
}),
_useReducer2 = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"])(_useReducer, 2),
state = _useReducer2[0],
stateDispatch = _useReducer2[1];
var uploader = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])();
var files = Object(react__WEBPACK_IMPORTED_MODULE_18__["useRef"])();
Object(react__WEBPACK_IMPORTED_MODULE_18__["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) {
antd_es_message__WEBPACK_IMPORTED_MODULE_12__[/* default */ "b"].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) {
antd_es_message__WEBPACK_IMPORTED_MODULE_12__[/* default */ "b"].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;
})) {
antd_es_message__WEBPACK_IMPORTED_MODULE_12__[/* default */ "b"].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) {
antd_es_modal__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"].confirm({
title: '提示',
centered: true,
okText: '确定',
cancelText: '取消',
content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: "tc"
}, "\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;
}
Object(_utils_aliyunUpload__WEBPACK_IMPORTED_MODULE_26__[/* getUploader */ "a"])(params === null || params === void 0 ? void 0 : params.username, '', {
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) {
antd_es_message__WEBPACK_IMPORTED_MODULE_12__[/* default */ "b"].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 = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])( /*#__PURE__*/_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_17___default.a.mark(function _callee() {
var _state$videoList4;
var res;
return _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_17___default.a.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;
}
antd_es_message__WEBPACK_IMPORTED_MODULE_12__[/* default */ "b"].info('请先上传视频');
return _context.abrupt("return");
case 3:
_context.next = 5;
return Object(_service_user__WEBPACK_IMPORTED_MODULE_28__[/* batchPublish */ "d"])({
username: params.username,
videos: state.videoList.map(function (item) {
var _Location$query;
return {
video_id: item.videoId,
title: item.title,
attachment_id: item.attachment_id,
course_id: params.coursesId,
category_id: Location === null || Location === void 0 ? void 0 : (_Location$query = Location.query) === null || _Location$query === void 0 ? void 0 : _Location$query.categoryId
};
})
});
case 5:
res = _context.sent;
if ((res === null || res === void 0 ? void 0 : res.status) === 0) {
Object(_utils_util__WEBPACK_IMPORTED_MODULE_29__[/* trackEvent */ "ab"])(['教学课堂', '视频', '上传视频']);
umi__WEBPACK_IMPORTED_MODULE_20__[/* history */ "d"].goBack();
dispatch({
type: 'classroomList/getClassroomLeftMenus',
payload: {
id: params.coursesId
}
});
}
case 7:
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__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.main
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.uploadTop
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("label", {
htmlFor: "fileUpload",
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.imgWrap
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("img", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.defaultImg,
src: _assets_images_video_upload_png__WEBPACK_IMPORTED_MODULE_23___default.a
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("img", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.hoverImg,
src: _assets_images_video_upload_hover_png__WEBPACK_IMPORTED_MODULE_24___default.a
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.uploadTitle
}, "\u9009\u62E9\u60A8\u8981\u4E0A\u4F20\u7684\u89C6\u9891"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, "\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(umi__WEBPACK_IMPORTED_MODULE_21__[/* Link */ "a"], {
to: "/users/".concat(params === null || params === void 0 ? void 0 : params.username, "/videos/protocol"),
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.colorBlue
}, "\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE"), "\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.uploadDescription
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.description
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, "\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__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, "\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, "\u6E29\u99A8\u63D0\u793A\uFF1A", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("span", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.colorOrange
}, "\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__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.fileMain
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(antd_es_spin__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"], {
spinning: isLoading
}, (_state$videoList6 = state.videoList) === null || _state$videoList6 === void 0 ? void 0 : _state$videoList6.map(function (item, index) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.fileWrap
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, index + 1, ". ", item.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.fileProgress
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(antd_es_progress__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
percent: item.loaded,
status: item.loaded == 100 ? "normal" : 'active'
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.fileCancel
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(antd_es_button__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], {
type: "primary",
onClick: function onClick() {
return handleRemove(item.name, item.loaded == 100);
}
}, item.loaded === 100 ? '删除' : '取消上传'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.fileInputWrap
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("span", {
className: "mr5"
}, "\u6807\u9898:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(antd_es_input__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
value: item.title,
onChange: function onChange(e) {
stateDispatch({
type: 'updateTitle',
payload: {
title: e.target.value,
item: item
}
});
},
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.fileInput,
placeholder: "\u6807\u9898\u652F\u6301\u6700\u591A".concat(MAX_LENGTH, "\u4E2A\u5B57\u7B26"),
maxLength: MAX_LENGTH,
addonAfter: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("span", {
className: "c-light-black font12"
}, String(item.title.length), "/", MAX_LENGTH)
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.fileImgWrap
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("aside", {
className: "mr5"
}, "\u4E0A\u4F20\u5C01\u9762\u56FE:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(_components_CoverUpload__WEBPACK_IMPORTED_MODULE_27__[/* default */ "a"], {
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__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: "mt10"
}, ((_state$videoList7 = state.videoList) === null || _state$videoList7 === void 0 ? void 0 : _state$videoList7.length) <= 2 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("label", {
htmlFor: "fileUpload",
className: "".concat(_index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.continueAdd, " current")
}, "\u7EE7\u7EED\u6DFB\u52A0") : '提示单次最多支持3个视频文件上传'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.description
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, "\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__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, "\u89C6\u9891\u89C4\u683C\uFF1Aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", null, "\u6E29\u99A8\u63D0\u793A\uFF1A", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("span", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.colorOrange
}, "\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__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.flexRowCenter
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(antd_es_button__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], {
type: "primary",
onClick: handlePublish
}, "\u7ACB\u5373\u53D1\u5E03")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: "".concat(_index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.flexRowCenter, " mt10")
}, "\u4E0A\u4F20\u89C6\u9891\uFF0C\u5373\u8868\u793A\u60A8\u5DF2\u540C\u610F", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(umi__WEBPACK_IMPORTED_MODULE_21__[/* Link */ "a"], {
to: "/users/".concat(params === null || params === void 0 ? void 0 : params.username, "/videos/protocol"),
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.colorBlue
}, "\u4E0A\u4F20\u5185\u5BB9\u534F\u8BAE"), "\uFF0C\u4E0D\u5F97\u4E0A\u4F20\u672A\u7ECF\u4ED6\u4EBA\u6388\u6743\u7684\u4F5C\u54C1"));
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("section", {
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_25___default.a.bg,
style: {
width: '100%'
}
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("div", {
className: "mt5",
style: {
display: 'flex'
}
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(_ant_design_icons__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"], {
style: {
marginTop: '8px'
},
className: "current mr10 font16",
onClick: function onClick() {
umi__WEBPACK_IMPORTED_MODULE_20__[/* history */ "d"].push("/classrooms/".concat(params.coursesId, "/video"));
}
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("h2", null, "\u4E0A\u4F20\u89C6\u9891")), hasFile ? renderFile() : renderUpload(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("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 */ __webpack_exports__["default"] = (Object(umi__WEBPACK_IMPORTED_MODULE_20__[/* connect */ "a"])(function (_ref3) {
var user = _ref3.user,
userDetail = _ref3.userDetail,
loading = _ref3.loading,
globalSetting = _ref3.globalSetting;
return {
user: user,
userDetail: userDetail,
globalSetting: globalSetting,
loading: loading.models.index
};
})(Upload));
/***/ }),
/***/ "7ixt":
/*!**************************************************!*\
!*** ./node_modules/rc-tooltip/es/placements.js ***!
\**************************************************/
/*! exports provided: placements, default */
/*! exports used: placements */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return placements; });
var autoAdjustOverflow = {
adjustX: 1,
adjustY: 1
};
var targetOffset = [0, 0];
var placements = {
left: {
points: ['cr', 'cl'],
overflow: autoAdjustOverflow,
offset: [-4, 0],
targetOffset: targetOffset
},
right: {
points: ['cl', 'cr'],
overflow: autoAdjustOverflow,
offset: [4, 0],
targetOffset: targetOffset
},
top: {
points: ['bc', 'tc'],
overflow: autoAdjustOverflow,
offset: [0, -4],
targetOffset: targetOffset
},
bottom: {
points: ['tc', 'bc'],
overflow: autoAdjustOverflow,
offset: [0, 4],
targetOffset: targetOffset
},
topLeft: {
points: ['bl', 'tl'],
overflow: autoAdjustOverflow,
offset: [0, -4],
targetOffset: targetOffset
},
leftTop: {
points: ['tr', 'tl'],
overflow: autoAdjustOverflow,
offset: [-4, 0],
targetOffset: targetOffset
},
topRight: {
points: ['br', 'tr'],
overflow: autoAdjustOverflow,
offset: [0, -4],
targetOffset: targetOffset
},
rightTop: {
points: ['tl', 'tr'],
overflow: autoAdjustOverflow,
offset: [4, 0],
targetOffset: targetOffset
},
bottomRight: {
points: ['tr', 'br'],
overflow: autoAdjustOverflow,
offset: [0, 4],
targetOffset: targetOffset
},
rightBottom: {
points: ['bl', 'br'],
overflow: autoAdjustOverflow,
offset: [4, 0],
targetOffset: targetOffset
},
bottomLeft: {
points: ['tl', 'bl'],
overflow: autoAdjustOverflow,
offset: [0, 4],
targetOffset: targetOffset
},
leftBottom: {
points: ['br', 'bl'],
overflow: autoAdjustOverflow,
offset: [-4, 0],
targetOffset: targetOffset
}
};
/* unused harmony default export */ var _unused_webpack_default_export = (placements);
/***/ }),
/***/ "Gytx":
/*!********************************************!*\
!*** ./node_modules/shallowequal/index.js ***!
\********************************************/
/*! no static exports found */
/*! exports used: default */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
/***/ (function(module, exports) {
//
module.exports = function shallowEqual(objA, objB, compare, compareContext) {
var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
if (ret !== void 0) {
return !!ret;
}
if (objA === objB) {
return true;
}
if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
return false;
}
var keysA = Object.keys(objA);
var keysB = Object.keys(objB);
if (keysA.length !== keysB.length) {
return false;
}
var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
// Test for A's keys different from B.
for (var idx = 0; idx < keysA.length; idx++) {
var key = keysA[idx];
if (!bHasOwnProperty(key)) {
return false;
}
var valueA = objA[key];
var valueB = objB[key];
ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
if (ret === false || (ret === void 0 && valueA !== valueB)) {
return false;
}
}
return true;
};
/***/ }),
/***/ "OLES":
/*!*********************************************************!*\
!*** ./node_modules/rc-tooltip/es/index.js + 2 modules ***!
\*********************************************************/
/*! exports provided: default */
/*! exports used: default */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/typeof.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-tooltip/es/placements.js because of ./node_modules/antd/es/tooltip/placements.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-trigger/es/index.js */
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
var esm_typeof = __webpack_require__("U8pU");
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
var objectSpread2 = __webpack_require__("VTBJ");
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__("Ff2n");
// EXTERNAL MODULE: external "window.React"
var external_window_React_ = __webpack_require__("cDcd");
// EXTERNAL MODULE: ./node_modules/rc-trigger/es/index.js + 5 modules
var es = __webpack_require__("uciX");
// EXTERNAL MODULE: ./node_modules/rc-tooltip/es/placements.js
var placements = __webpack_require__("7ixt");
// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/Content.js
var Content_Content = function Content(props) {
var overlay = props.overlay,
prefixCls = props.prefixCls,
id = props.id,
overlayInnerStyle = props.overlayInnerStyle;
return external_window_React_["createElement"]("div", {
className: "".concat(prefixCls, "-inner"),
id: id,
role: "tooltip",
style: overlayInnerStyle
}, typeof overlay === 'function' ? overlay() : overlay);
};
/* harmony default export */ var es_Content = (Content_Content);
// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/Tooltip.js
var Tooltip_Tooltip = function Tooltip(props, ref) {
var overlayClassName = props.overlayClassName,
_props$trigger = props.trigger,
trigger = _props$trigger === void 0 ? ['hover'] : _props$trigger,
_props$mouseEnterDela = props.mouseEnterDelay,
mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
_props$mouseLeaveDela = props.mouseLeaveDelay,
mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
overlayStyle = props.overlayStyle,
_props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === void 0 ? 'rc-tooltip' : _props$prefixCls,
children = props.children,
onVisibleChange = props.onVisibleChange,
afterVisibleChange = props.afterVisibleChange,
transitionName = props.transitionName,
animation = props.animation,
_props$placement = props.placement,
placement = _props$placement === void 0 ? 'right' : _props$placement,
_props$align = props.align,
align = _props$align === void 0 ? {} : _props$align,
_props$destroyTooltip = props.destroyTooltipOnHide,
destroyTooltipOnHide = _props$destroyTooltip === void 0 ? false : _props$destroyTooltip,
defaultVisible = props.defaultVisible,
getTooltipContainer = props.getTooltipContainer,
overlayInnerStyle = props.overlayInnerStyle,
restProps = Object(objectWithoutProperties["a" /* default */])(props, ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle"]);
var domRef = Object(external_window_React_["useRef"])(null);
Object(external_window_React_["useImperativeHandle"])(ref, function () {
return domRef.current;
});
var extraProps = Object(objectSpread2["a" /* default */])({}, restProps);
if ('visible' in props) {
extraProps.popupVisible = props.visible;
}
var getPopupElement = function getPopupElement() {
var _props$arrowContent = props.arrowContent,
arrowContent = _props$arrowContent === void 0 ? null : _props$arrowContent,
overlay = props.overlay,
id = props.id;
return [external_window_React_["createElement"]("div", {
className: "".concat(prefixCls, "-arrow"),
key: "arrow"
}, arrowContent), external_window_React_["createElement"](es_Content, {
key: "content",
prefixCls: prefixCls,
id: id,
overlay: overlay,
overlayInnerStyle: overlayInnerStyle
})];
};
var destroyTooltip = false;
var autoDestroy = false;
if (typeof destroyTooltipOnHide === 'boolean') {
destroyTooltip = destroyTooltipOnHide;
} else if (destroyTooltipOnHide && Object(esm_typeof["a" /* default */])(destroyTooltipOnHide) === 'object') {
var keepParent = destroyTooltipOnHide.keepParent;
destroyTooltip = keepParent === true;
autoDestroy = keepParent === false;
}
return external_window_React_["createElement"](es["a" /* default */], Object.assign({
popupClassName: overlayClassName,
prefixCls: prefixCls,
popup: getPopupElement,
action: trigger,
builtinPlacements: placements["a" /* placements */],
popupPlacement: placement,
ref: domRef,
popupAlign: align,
getPopupContainer: getTooltipContainer,
onPopupVisibleChange: onVisibleChange,
afterPopupVisibleChange: afterVisibleChange,
popupTransitionName: transitionName,
popupAnimation: animation,
defaultPopupVisible: defaultVisible,
destroyPopupOnHide: destroyTooltip,
autoDestroy: autoDestroy,
mouseLeaveDelay: mouseLeaveDelay,
popupStyle: overlayStyle,
mouseEnterDelay: mouseEnterDelay
}, extraProps), children);
};
/* harmony default export */ var es_Tooltip = (Object(external_window_React_["forwardRef"])(Tooltip_Tooltip));
// CONCATENATED MODULE: ./node_modules/rc-tooltip/es/index.js
/* harmony default export */ var rc_tooltip_es = __webpack_exports__["a"] = (es_Tooltip);
/***/ }),
/***/ "goie":
/*!********************************************************************!*\
!*** ./src/pages/Classrooms/Lists/Video/Upload/index.less?modules ***!
\********************************************************************/
/*! no static exports found */
/*! exports used: default */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
module.exports = {"bg":"bg___3KBzW","main":"main___1PLlj","uploadTop":"uploadTop___deJNX","imgWrap":"imgWrap___3RmIu","defaultImg":"defaultImg___25gRM","hoverImg":"hoverImg___1tdFl","uploadTitle":"uploadTitle___TEJxi","colorBlue":"colorBlue___33TfR","uploadDescription":"uploadDescription___1Oy4N","description":"description___3mDMY","colorOrange":"colorOrange___22ipR","fileMain":"fileMain___23G4g","fileWrap":"fileWrap___1ptzT","fileProgress":"fileProgress___itUOS","fileCancel":"fileCancel___23JLk","fileInputWrap":"fileInputWrap___JQW8a","fileImgWrap":"fileImgWrap___2FvyK","fileInput":"fileInput___2XF5G","flexRowCenter":"flexRowCenter___3OevG","continueAdd":"continueAdd___1bZfK"};
/***/ })
}]);