eli-video-interview 1.2.42-alpha.55 → 1.2.42-alpha.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/modules/ai-question/components/BootVideo/index.js +9 -5
- package/esm/modules/ai-question/components/QuestionUpdate/VideoVoice.js +2 -2
- package/esm/modules/ai-question/components/QuestionUpdate/VideoVoiceUploader.d.ts +2 -1
- package/esm/modules/ai-question/components/QuestionUpdate/VideoVoiceUploader.js +4 -4
- package/lib/modules/ai-question/components/BootVideo/index.js +9 -5
- package/lib/modules/ai-question/components/QuestionUpdate/VideoVoice.js +2 -2
- package/lib/modules/ai-question/components/QuestionUpdate/VideoVoiceUploader.d.ts +2 -1
- package/lib/modules/ai-question/components/QuestionUpdate/VideoVoiceUploader.js +4 -4
- package/package.json +1 -1
|
@@ -121,7 +121,6 @@ var BootVideo = function (props) {
|
|
|
121
121
|
}, [virtualManList]);
|
|
122
122
|
var broadcastType = useMemo(function () {
|
|
123
123
|
var _a;
|
|
124
|
-
console.log('virtualManList', virtualManList);
|
|
125
124
|
return ((_a = virtualManList.find(function (v) { return v.selected; })) === null || _a === void 0 ? void 0 : _a.type) || 1;
|
|
126
125
|
}, [virtualManList]);
|
|
127
126
|
var virtualMan = virtualManList.find(function (v) { return v.selected; });
|
|
@@ -162,7 +161,6 @@ var BootVideo = function (props) {
|
|
|
162
161
|
updateInterviewRoom(__assign(__assign({}, interviewRoomState), { interactionMethods: virtualManList }));
|
|
163
162
|
onClose();
|
|
164
163
|
};
|
|
165
|
-
console.log('virtualMan?.detail?', virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail, broadcastType);
|
|
166
164
|
var uploadProps = {
|
|
167
165
|
type: 'custom',
|
|
168
166
|
showUploadList: false,
|
|
@@ -246,19 +244,25 @@ var BootVideo = function (props) {
|
|
|
246
244
|
mr: 4.5,
|
|
247
245
|
},
|
|
248
246
|
}, defaultValue: "outlined", onChange: handleInteractTypeChange, value: interviewRoomState.interactType }, { children: [_jsx(Radio, { value: 1, label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }), _jsx(Radio, { value: 2, label: "AI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F" })] })), interviewRoomState.interactType === 2 && (_jsxs(_Fragment, { children: [_jsx(Select, { options: Options, value: broadcastType, onChange: function (e) {
|
|
249
|
-
var _a;
|
|
247
|
+
var _a, _b, _c;
|
|
250
248
|
var value = e.target.value;
|
|
251
|
-
|
|
249
|
+
var newVirtualManList = virtualManList.map(function (v) { return (__assign(__assign({}, v), { selected: v.type === value })); });
|
|
250
|
+
setVirtualManList(__spreadArray([], __read(newVirtualManList), false));
|
|
252
251
|
if (![3, 4].includes(value)) {
|
|
253
252
|
setInterviewRoomState(__assign(__assign({}, interviewRoomState), {
|
|
254
253
|
// @ts-ignore
|
|
255
254
|
aiInterviewerProfile: (_a = virtualManList.find(function (v) { return v.type === value; })) === null || _a === void 0 ? void 0 : _a.detail }));
|
|
256
255
|
}
|
|
256
|
+
else {
|
|
257
|
+
setInterviewRoomState(__assign(__assign({}, interviewRoomState), {
|
|
258
|
+
// @ts-ignore
|
|
259
|
+
aiInterviewerProfile: ((_c = (_b = virtualManList.find(function (v) { return v.type === value; })) === null || _b === void 0 ? void 0 : _b.detail.interviewerShows) === null || _c === void 0 ? void 0 : _c.find(function (v) { return v.selected; })) || (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) }));
|
|
260
|
+
}
|
|
257
261
|
}, sx: { width: 240, height: 'auto', mt: 1 } }), broadcastType === 3 && (_jsxs(Stack, { children: [_jsx(CustomVideos, { mediaList: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail, setMediaList: handleSetVideo }), _jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3, mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u6587\u672C\u6846\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _a === void 0 ? void 0 : _a.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, sx: { mb: 2 }, onChange: handleGuidanceText, max: 300 })] })), _jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 3 }, { children: ![3, 4].includes(broadcastType) ? '面试官形象' : '面试官形象(播报题目)' })), ![3, 4].includes(broadcastType) && (_jsx(CustomUploadedImgRoot, { children: _jsx(Box, { children: _jsx("img", { src: (_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _b === void 0 ? void 0 : _b.virtualHumanAvatar, style: {
|
|
258
262
|
borderColor: 'transparent',
|
|
259
263
|
}, height: 100, alt: "" }) }) })), [3, 4].includes(broadcastType) && (_jsx(CustomUploadedImgRoot, { children: (_d = (_c = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _c === void 0 ? void 0 : _c.interviewerShows) === null || _d === void 0 ? void 0 : _d.map(function (human) { return (_jsxs(Box, { children: [_jsx("img", { src: human.virtualHumanAvatar, style: {
|
|
260
264
|
borderColor: human.selected ? '#4CAF50' : 'transparent',
|
|
261
|
-
}, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), _jsx(Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken)); }) })), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_g = (_f = (_e = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _e === void 0 ? void 0 : _e.interviewerShows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.desc) })), broadcastType !== 3 && (_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_h = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _h === void 0 ? void 0 : _h.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, onChange: handleGuidanceText, max: 300 })] }))] })), interviewRoomState.interactType === 1 && (_jsxs(Stack, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(Typography, __assign({ variant: "caption", mb: 2 }, { children: "\u79FB\u52A8\u7AEF" })), _jsxs(CustomUploadedImgRoot, { children: [mediaList.map(function (_a) {
|
|
265
|
+
}, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), _jsx(Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken)); }) })), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_g = (_f = (_e = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _e === void 0 ? void 0 : _e.interviewerShows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.desc) })), broadcastType !== 3 && (_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_h = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _h === void 0 ? void 0 : _h.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) || (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.defaultGuidanceText), onChange: handleGuidanceText, max: 300 })] }))] })), interviewRoomState.interactType === 1 && (_jsxs(Stack, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(Typography, __assign({ variant: "caption", mb: 2 }, { children: "\u79FB\u52A8\u7AEF" })), _jsxs(CustomUploadedImgRoot, { children: [mediaList.map(function (_a) {
|
|
262
266
|
var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
|
|
263
267
|
return (_jsx("img", { src: frameUrl, style: { borderColor: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () {
|
|
264
268
|
return handleSelectVideo({
|
|
@@ -52,7 +52,7 @@ var VideoVoice = function () {
|
|
|
52
52
|
var questons = __spreadArray([], __read(form.values.questions), false);
|
|
53
53
|
questons[index] = __assign(__assign({}, questons[index]), { videoUrl: '' });
|
|
54
54
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
|
|
55
|
-
}, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { index: index, questions: form.values.questions, setQuestions: function (qs) {
|
|
55
|
+
}, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { lable: "\u79FB\u52A8\u7AEF", index: index, questions: form.values.questions, setQuestions: function (qs) {
|
|
56
56
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
|
|
57
57
|
} })] })), _jsxs(Box, __assign({ textAlign: "center", overflow: "hidden", height: 57, sx: {
|
|
58
58
|
borderRadius: 2,
|
|
@@ -61,7 +61,7 @@ var VideoVoice = function () {
|
|
|
61
61
|
var questons = __spreadArray([], __read(form.values.questions), false);
|
|
62
62
|
questons[index] = __assign(__assign({}, questons[index]), { videoURLWide: '' });
|
|
63
63
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
|
|
64
|
-
}, videoUrl: q.videoURLWide })), _jsx(VideoVoiceUploader, { index: index, type: "pc", questions: form.values.questions, setQuestions: function (qs) {
|
|
64
|
+
}, videoUrl: q.videoURLWide })), _jsx(VideoVoiceUploader, { lable: "\u7535\u8111\u7AEF", index: index, type: "pc", questions: form.values.questions, setQuestions: function (qs) {
|
|
65
65
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
|
|
66
66
|
} })] }))] })), _jsxs(Stack, __assign({ flexGrow: 1, justifyContent: "space-between", spacing: 3 }, { children: [_jsxs(Stack, __assign({ flexGrow: 1, direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [_jsx(FormItem, { required: true, name: "questions.".concat(index, ".content"), label: "\u9762\u8BD5\u5185\u5BB9", max: 300, placeholder: "\u9762\u8BD5\u5185\u5BB9\uFF08\u7CFB\u7EDF\u5C06\u6839\u636E\u6B64\u5185\u5BB9\u5411\u5019\u9009\u4EBA\u8FDB\u884C\u8BED\u97F3\u64AD\u62A5\uFF09", InputProps: {
|
|
67
67
|
rows: 3,
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const VideoVoiceUploader: ({ index, questions, setQuestions, type }: {
|
|
2
|
+
declare const VideoVoiceUploader: ({ index, questions, setQuestions, type, lable }: {
|
|
3
3
|
index: any;
|
|
4
4
|
questions: any;
|
|
5
5
|
setQuestions: any;
|
|
6
6
|
type?: string | undefined;
|
|
7
|
+
lable?: string | undefined;
|
|
7
8
|
}) => JSX.Element;
|
|
8
9
|
export default VideoVoiceUploader;
|
|
@@ -41,8 +41,8 @@ import { useRequest } from 'ahooks';
|
|
|
41
41
|
import { Message, Typography, Upload, UploadIcon } from 'fbm-ui';
|
|
42
42
|
import { CircularProgress, Stack } from 'fbm-ui/lib/mui';
|
|
43
43
|
var VideoVoiceUploader = function (_a) {
|
|
44
|
-
var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions, _b = _a.type, type = _b === void 0 ? 'mobile' : _b;
|
|
45
|
-
var
|
|
44
|
+
var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions, _b = _a.type, type = _b === void 0 ? 'mobile' : _b, _c = _a.lable, lable = _c === void 0 ? '上传视频' : _c;
|
|
45
|
+
var _d = useRequest(PostCommonUpload, {
|
|
46
46
|
manual: true,
|
|
47
47
|
onSuccess: function (_a) {
|
|
48
48
|
var data = _a.data;
|
|
@@ -50,7 +50,7 @@ var VideoVoiceUploader = function (_a) {
|
|
|
50
50
|
questions[index] = __assign(__assign({}, questions[index]), (type === 'mobile' ? { videoUrl: firstData.url } : { videoURLWide: firstData.url }));
|
|
51
51
|
setQuestions(__spreadArray([], __read(questions), false));
|
|
52
52
|
},
|
|
53
|
-
}), loading =
|
|
53
|
+
}), loading = _d.loading, postCommonUpload = _d.run;
|
|
54
54
|
var uploadProps = {
|
|
55
55
|
type: 'custom',
|
|
56
56
|
showUploadList: false,
|
|
@@ -76,6 +76,6 @@ var VideoVoiceUploader = function (_a) {
|
|
|
76
76
|
cursor: 'pointer',
|
|
77
77
|
width: '100%',
|
|
78
78
|
height: '100%',
|
|
79
|
-
} }, { children: [!loading && (_jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [_jsx(UploadIcon, { color: "inherit" }), _jsx(Typography, __assign({ variant: "caption", color: "inherit" }, { children:
|
|
79
|
+
} }, { children: [!loading && (_jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [_jsx(UploadIcon, { color: "inherit" }), _jsx(Typography, __assign({ variant: "caption", color: "inherit" }, { children: lable }))] }))), loading && (_jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [_jsx(CircularProgress, { size: 24, color: "inherit" }), _jsx(Typography, __assign({ variant: "caption" }, { children: "\u4E0A\u4F20\u4E2D..." }))] })))] })) })));
|
|
80
80
|
};
|
|
81
81
|
export default VideoVoiceUploader;
|
|
@@ -126,7 +126,6 @@ var BootVideo = function (props) {
|
|
|
126
126
|
}, [virtualManList]);
|
|
127
127
|
var broadcastType = (0, react_1.useMemo)(function () {
|
|
128
128
|
var _a;
|
|
129
|
-
console.log('virtualManList', virtualManList);
|
|
130
129
|
return ((_a = virtualManList.find(function (v) { return v.selected; })) === null || _a === void 0 ? void 0 : _a.type) || 1;
|
|
131
130
|
}, [virtualManList]);
|
|
132
131
|
var virtualMan = virtualManList.find(function (v) { return v.selected; });
|
|
@@ -167,7 +166,6 @@ var BootVideo = function (props) {
|
|
|
167
166
|
updateInterviewRoom(__assign(__assign({}, interviewRoomState), { interactionMethods: virtualManList }));
|
|
168
167
|
onClose();
|
|
169
168
|
};
|
|
170
|
-
console.log('virtualMan?.detail?', virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail, broadcastType);
|
|
171
169
|
var uploadProps = {
|
|
172
170
|
type: 'custom',
|
|
173
171
|
showUploadList: false,
|
|
@@ -251,19 +249,25 @@ var BootVideo = function (props) {
|
|
|
251
249
|
mr: 4.5,
|
|
252
250
|
},
|
|
253
251
|
}, defaultValue: "outlined", onChange: handleInteractTypeChange, value: interviewRoomState.interactType }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_2.Radio, { value: 1, label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }), (0, jsx_runtime_1.jsx)(fbm_ui_2.Radio, { value: 2, label: "AI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F" })] })), interviewRoomState.interactType === 2 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_2.Select, { options: Options, value: broadcastType, onChange: function (e) {
|
|
254
|
-
var _a;
|
|
252
|
+
var _a, _b, _c;
|
|
255
253
|
var value = e.target.value;
|
|
256
|
-
|
|
254
|
+
var newVirtualManList = virtualManList.map(function (v) { return (__assign(__assign({}, v), { selected: v.type === value })); });
|
|
255
|
+
setVirtualManList(__spreadArray([], __read(newVirtualManList), false));
|
|
257
256
|
if (![3, 4].includes(value)) {
|
|
258
257
|
setInterviewRoomState(__assign(__assign({}, interviewRoomState), {
|
|
259
258
|
// @ts-ignore
|
|
260
259
|
aiInterviewerProfile: (_a = virtualManList.find(function (v) { return v.type === value; })) === null || _a === void 0 ? void 0 : _a.detail }));
|
|
261
260
|
}
|
|
261
|
+
else {
|
|
262
|
+
setInterviewRoomState(__assign(__assign({}, interviewRoomState), {
|
|
263
|
+
// @ts-ignore
|
|
264
|
+
aiInterviewerProfile: ((_c = (_b = virtualManList.find(function (v) { return v.type === value; })) === null || _b === void 0 ? void 0 : _b.detail.interviewerShows) === null || _c === void 0 ? void 0 : _c.find(function (v) { return v.selected; })) || (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) }));
|
|
265
|
+
}
|
|
262
266
|
}, sx: { width: 240, height: 'auto', mt: 1 } }), broadcastType === 3 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(CustomVideos_1.default, { mediaList: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail, setMediaList: handleSetVideo }), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3, mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u6587\u672C\u6846\u5185\u5BB9" })), (0, jsx_runtime_1.jsx)(fbm_ui_2.TextField, { multiline: true, error: (((_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _a === void 0 ? void 0 : _a.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, sx: { mb: 2 }, onChange: handleGuidanceText, max: 300 })] })), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 3 }, { children: ![3, 4].includes(broadcastType) ? '面试官形象' : '面试官形象(播报题目)' })), ![3, 4].includes(broadcastType) && ((0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: (0, jsx_runtime_1.jsx)(fbm_ui_2.Box, { children: (0, jsx_runtime_1.jsx)("img", { src: (_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _b === void 0 ? void 0 : _b.virtualHumanAvatar, style: {
|
|
263
267
|
borderColor: 'transparent',
|
|
264
268
|
}, height: 100, alt: "" }) }) })), [3, 4].includes(broadcastType) && ((0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: (_d = (_c = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _c === void 0 ? void 0 : _c.interviewerShows) === null || _d === void 0 ? void 0 : _d.map(function (human) { return ((0, jsx_runtime_1.jsxs)(fbm_ui_2.Box, { children: [(0, jsx_runtime_1.jsx)("img", { src: human.virtualHumanAvatar, style: {
|
|
265
269
|
borderColor: human.selected ? '#4CAF50' : 'transparent',
|
|
266
|
-
}, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken)); }) })), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_g = (_f = (_e = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _e === void 0 ? void 0 : _e.interviewerShows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.desc) })), broadcastType !== 3 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), (0, jsx_runtime_1.jsx)(fbm_ui_2.TextField, { multiline: true, error: (((_h = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _h === void 0 ? void 0 : _h.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, onChange: handleGuidanceText, max: 300 })] }))] })), interviewRoomState.interactType === 1 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "caption", mb: 2 }, { children: "\u79FB\u52A8\u7AEF" })), (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadedImgRoot, { children: [mediaList.map(function (_a) {
|
|
270
|
+
}, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken)); }) })), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_g = (_f = (_e = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _e === void 0 ? void 0 : _e.interviewerShows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.desc) })), broadcastType !== 3 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), (0, jsx_runtime_1.jsx)(fbm_ui_2.TextField, { multiline: true, error: (((_h = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _h === void 0 ? void 0 : _h.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) || (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.defaultGuidanceText), onChange: handleGuidanceText, max: 300 })] }))] })), interviewRoomState.interactType === 1 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), (0, jsx_runtime_1.jsx)(fbm_ui_2.Typography, __assign({ variant: "caption", mb: 2 }, { children: "\u79FB\u52A8\u7AEF" })), (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadedImgRoot, { children: [mediaList.map(function (_a) {
|
|
267
271
|
var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
|
|
268
272
|
return ((0, jsx_runtime_1.jsx)("img", { src: frameUrl, style: { borderColor: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () {
|
|
269
273
|
return handleSelectVideo({
|
|
@@ -57,7 +57,7 @@ var VideoVoice = function () {
|
|
|
57
57
|
var questons = __spreadArray([], __read(form.values.questions), false);
|
|
58
58
|
questons[index] = __assign(__assign({}, questons[index]), { videoUrl: '' });
|
|
59
59
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
|
|
60
|
-
}, videoUrl: q.videoUrl })), (0, jsx_runtime_1.jsx)(VideoVoiceUploader_1.default, { index: index, questions: form.values.questions, setQuestions: function (qs) {
|
|
60
|
+
}, videoUrl: q.videoUrl })), (0, jsx_runtime_1.jsx)(VideoVoiceUploader_1.default, { lable: "\u79FB\u52A8\u7AEF", index: index, questions: form.values.questions, setQuestions: function (qs) {
|
|
61
61
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
|
|
62
62
|
} })] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ textAlign: "center", overflow: "hidden", height: 57, sx: {
|
|
63
63
|
borderRadius: 2,
|
|
@@ -66,7 +66,7 @@ var VideoVoice = function () {
|
|
|
66
66
|
var questons = __spreadArray([], __read(form.values.questions), false);
|
|
67
67
|
questons[index] = __assign(__assign({}, questons[index]), { videoURLWide: '' });
|
|
68
68
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
|
|
69
|
-
}, videoUrl: q.videoURLWide })), (0, jsx_runtime_1.jsx)(VideoVoiceUploader_1.default, { index: index, type: "pc", questions: form.values.questions, setQuestions: function (qs) {
|
|
69
|
+
}, videoUrl: q.videoURLWide })), (0, jsx_runtime_1.jsx)(VideoVoiceUploader_1.default, { lable: "\u7535\u8111\u7AEF", index: index, type: "pc", questions: form.values.questions, setQuestions: function (qs) {
|
|
70
70
|
form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
|
|
71
71
|
} })] }))] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ flexGrow: 1, justifyContent: "space-between", spacing: 3 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ flexGrow: 1, direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { required: true, name: "questions.".concat(index, ".content"), label: "\u9762\u8BD5\u5185\u5BB9", max: 300, placeholder: "\u9762\u8BD5\u5185\u5BB9\uFF08\u7CFB\u7EDF\u5C06\u6839\u636E\u6B64\u5185\u5BB9\u5411\u5019\u9009\u4EBA\u8FDB\u884C\u8BED\u97F3\u64AD\u62A5\uFF09", InputProps: {
|
|
72
72
|
rows: 3,
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const VideoVoiceUploader: ({ index, questions, setQuestions, type }: {
|
|
2
|
+
declare const VideoVoiceUploader: ({ index, questions, setQuestions, type, lable }: {
|
|
3
3
|
index: any;
|
|
4
4
|
questions: any;
|
|
5
5
|
setQuestions: any;
|
|
6
6
|
type?: string | undefined;
|
|
7
|
+
lable?: string | undefined;
|
|
7
8
|
}) => JSX.Element;
|
|
8
9
|
export default VideoVoiceUploader;
|
|
@@ -43,8 +43,8 @@ var ahooks_1 = require("ahooks");
|
|
|
43
43
|
var fbm_ui_1 = require("fbm-ui");
|
|
44
44
|
var mui_1 = require("fbm-ui/lib/mui");
|
|
45
45
|
var VideoVoiceUploader = function (_a) {
|
|
46
|
-
var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions, _b = _a.type, type = _b === void 0 ? 'mobile' : _b;
|
|
47
|
-
var
|
|
46
|
+
var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions, _b = _a.type, type = _b === void 0 ? 'mobile' : _b, _c = _a.lable, lable = _c === void 0 ? '上传视频' : _c;
|
|
47
|
+
var _d = (0, ahooks_1.useRequest)(ai_question_1.PostCommonUpload, {
|
|
48
48
|
manual: true,
|
|
49
49
|
onSuccess: function (_a) {
|
|
50
50
|
var data = _a.data;
|
|
@@ -52,7 +52,7 @@ var VideoVoiceUploader = function (_a) {
|
|
|
52
52
|
questions[index] = __assign(__assign({}, questions[index]), (type === 'mobile' ? { videoUrl: firstData.url } : { videoURLWide: firstData.url }));
|
|
53
53
|
setQuestions(__spreadArray([], __read(questions), false));
|
|
54
54
|
},
|
|
55
|
-
}), loading =
|
|
55
|
+
}), loading = _d.loading, postCommonUpload = _d.run;
|
|
56
56
|
var uploadProps = {
|
|
57
57
|
type: 'custom',
|
|
58
58
|
showUploadList: false,
|
|
@@ -78,6 +78,6 @@ var VideoVoiceUploader = function (_a) {
|
|
|
78
78
|
cursor: 'pointer',
|
|
79
79
|
width: '100%',
|
|
80
80
|
height: '100%',
|
|
81
|
-
} }, { children: [!loading && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.UploadIcon, { color: "inherit" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "inherit" }, { children:
|
|
81
|
+
} }, { children: [!loading && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.UploadIcon, { color: "inherit" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "inherit" }, { children: lable }))] }))), loading && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(mui_1.CircularProgress, { size: 24, color: "inherit" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption" }, { children: "\u4E0A\u4F20\u4E2D..." }))] })))] })) })));
|
|
82
82
|
};
|
|
83
83
|
exports.default = VideoVoiceUploader;
|