eli-video-interview 1.2.37-beta.1 → 1.2.37-beta.2
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/constants/ai-question.d.ts +10 -0
- package/esm/constants/ai-question.js +10 -0
- package/esm/modules/ai-question/components/BootVideo/index.js +3 -3
- package/esm/modules/ai-question/components/QuestionModel/Interactive.js +1 -10
- package/esm/modules/ai-question/components/QuestionUpdate/RandomQuestion.js +1 -1
- package/lib/constants/ai-question.d.ts +10 -0
- package/lib/constants/ai-question.js +11 -1
- package/lib/modules/ai-question/components/BootVideo/index.js +3 -3
- package/lib/modules/ai-question/components/QuestionModel/Interactive.js +2 -11
- package/lib/modules/ai-question/components/QuestionUpdate/RandomQuestion.js +1 -1
- package/package.json +1 -1
|
@@ -27,6 +27,16 @@ export declare const DEFAULT_VITUAL_HUMAN_LIST: {
|
|
|
27
27
|
virtualHumanAvatar: string;
|
|
28
28
|
virtualPreviewMedia: string;
|
|
29
29
|
}[];
|
|
30
|
+
export declare const InteractiveModes: {
|
|
31
|
+
1: string;
|
|
32
|
+
2: string;
|
|
33
|
+
};
|
|
34
|
+
export declare const AiVideoStatus: {
|
|
35
|
+
0: string;
|
|
36
|
+
1: string;
|
|
37
|
+
2: string;
|
|
38
|
+
3: string;
|
|
39
|
+
};
|
|
30
40
|
export declare const MAX_UPLOAD_FILE_SIZE: number;
|
|
31
41
|
export declare const MAX_UPLOAD_VIDEO_FILE_SIZE: number;
|
|
32
42
|
export declare const TEST_TYPE_READONLY: number[];
|
|
@@ -40,6 +40,16 @@ export var DEFAULT_VITUAL_HUMAN_LIST = [
|
|
|
40
40
|
virtualPreviewMedia: 'https://demo1-landing-page.oss-cn-beijing.aliyuncs.com/d5bcc15e-f42f-4bad-bde9-2d6c300bf9ca.mp4',
|
|
41
41
|
},
|
|
42
42
|
];
|
|
43
|
+
export var InteractiveModes = {
|
|
44
|
+
1: '传统读题模式',
|
|
45
|
+
2: 'AI面试官对话模式',
|
|
46
|
+
};
|
|
47
|
+
export var AiVideoStatus = {
|
|
48
|
+
0: '播报视频生成中...',
|
|
49
|
+
1: '播报视频生成中...',
|
|
50
|
+
2: '播报视频已生成',
|
|
51
|
+
3: '播报视频生成中...',
|
|
52
|
+
};
|
|
43
53
|
export var MAX_UPLOAD_FILE_SIZE = 1024 * 1024 * 20;
|
|
44
54
|
export var MAX_UPLOAD_VIDEO_FILE_SIZE = 1024 * 1024 * 500;
|
|
45
55
|
export var TEST_TYPE_READONLY = [2, 3, 4, 7, 8, 9, 10, 11, 12];
|
|
@@ -125,12 +125,12 @@ var BootVideo = function (props) {
|
|
|
125
125
|
}
|
|
126
126
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
127
127
|
}, [open]);
|
|
128
|
-
return (_jsx(Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u4FDD\u5B58", onClose: onClose, onOk: handleOk, width: 768 }, { children: _jsx(ScrollDialogContent, { children: _jsxs(Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between' } }, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), _jsxs(RadioGroup, __assign({ 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: [
|
|
128
|
+
return (_jsx(Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u4FDD\u5B58", onClose: onClose, onOk: handleOk, width: 768 }, { children: _jsx(ScrollDialogContent, { children: _jsxs(Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between' } }, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), _jsxs(RadioGroup, __assign({ 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(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u9762\u8BD5\u5B98\u5F62\u8C61" })), _jsx(CustomUploadedImgRoot, { children: virtualManList.map(function (human) {
|
|
129
129
|
var _a;
|
|
130
130
|
return (_jsxs(Box, { children: [_jsx("img", { src: human.virtualHumanAvatar, style: { borderColor: ((_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanToken) === human.humanToken ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), _jsx(Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken));
|
|
131
|
-
}) })] })), interviewRoomState.interactType === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500, mt:
|
|
131
|
+
}) }), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", width: 462, color: "disabled", mb: 1 }, { children: "\u8BF4\u660E\uFF1A\u6B65\u9AA4\u4E0B\u7684\u6240\u6709\u9898\u76EE\u7684\u865A\u62DF\u4EBA\u64AD\u653E\u89C6\u9891\u5747\u751F\u6210\u540E\uFF0C\u624D\u80FD\u751F\u6548\u865A\u62DF\u4EBA\u6548\u679C\u3002\u5426\u5219\uFF0C\u5C06\u4EE5\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F\u8FDB\u884C\u4EA4\u4E92\u3002" }))] })), interviewRoomState.interactType === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
|
|
132
132
|
var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
|
|
133
133
|
return (_jsx("img", { src: frameUrl, style: { borderColor: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
|
|
134
|
-
}) }), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", width:
|
|
134
|
+
}) }), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", width: 462, color: "text.disabled", mb: 1 }, { children: "\u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u6700\u591A\u652F\u6301\u4E0A\u4F205\u4E2A\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm" })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsx(CustomUploadButtonRoot, { children: _jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })) }), _jsx(Box, __assign({ ml: 2 }, { children: _jsx(Checkbox, { checked: mediaState.appliedAllPosition, label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] }))] }))] }), interviewRoomState.interactType === 1 && (_jsx(Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto', flexGrow: 1 } }, { children: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? (_jsx(Box, __assign({ loading: loading, sx: { width: 160, height: 286, margin: 'auto', cursor: 'pointer' } }, { children: _jsx("video", { width: 160, height: 286, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : (_jsx(Upload, __assign({}, uploadProps, { children: _jsxs(CustomUploadCardRoot, { children: [_jsxs(CustomUploadCardTitle, { children: [_jsx(SvgIcon, { name: "video" }), _jsx(Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), _jsx(Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))) }))), interviewRoomState.interactType === 2 && (_jsx(Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto', flexGrow: 1 } }, { children: _jsx(Box, __assign({ sx: { width: 160, height: 286, margin: 'auto', cursor: 'pointer' } }, { children: _jsx("video", { width: 160, height: 286, src: (_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.virtualPreviewMedia, controls: true }) })) })))] })) }) })));
|
|
135
135
|
};
|
|
136
136
|
export default BootVideo;
|
|
@@ -11,21 +11,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import BootVideo from '../BootVideo';
|
|
14
|
+
import { AiVideoStatus, InteractiveModes } from "../../../../constants/ai-question";
|
|
14
15
|
import { useInterviewRoomStore } from "../../../../store/ai-question/interview-room-store";
|
|
15
16
|
import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
|
|
16
17
|
import { Button, CheckCircleOutlineIcon, Typography, VideocamOutlineIcon } from 'fbm-ui';
|
|
17
18
|
import { Paper, Stack } from 'fbm-ui/lib/mui';
|
|
18
19
|
import { useState } from 'react';
|
|
19
|
-
var InteractiveModes = {
|
|
20
|
-
1: '传统读题模式',
|
|
21
|
-
2: 'AI面试官对话模式',
|
|
22
|
-
};
|
|
23
|
-
var AiVideoStatus = {
|
|
24
|
-
0: '播报视频生成中...',
|
|
25
|
-
1: '播报视频生成中...',
|
|
26
|
-
2: '播报视频已生成',
|
|
27
|
-
3: '播报视频生成中...',
|
|
28
|
-
};
|
|
29
20
|
var Interactive = function () {
|
|
30
21
|
var questionModelData = useQuestionModelStore().questionModelData;
|
|
31
22
|
var _a = useInterviewRoomStore(), interactType = _a.interactType, aiInterviewerProfile = _a.aiInterviewerProfile;
|
|
@@ -29,7 +29,7 @@ var RandomQuestion = function (_a) {
|
|
|
29
29
|
var handleClose = _a.handleClose;
|
|
30
30
|
handleClose();
|
|
31
31
|
if (!(category === null || category === void 0 ? void 0 : category.token)) {
|
|
32
|
-
Message.error('
|
|
32
|
+
Message.error('题目未选择考察能力或选择的能力不可参与AI分析时，不可快速选题');
|
|
33
33
|
}
|
|
34
34
|
else {
|
|
35
35
|
setOpen(true);
|
|
@@ -27,6 +27,16 @@ export declare const DEFAULT_VITUAL_HUMAN_LIST: {
|
|
|
27
27
|
virtualHumanAvatar: string;
|
|
28
28
|
virtualPreviewMedia: string;
|
|
29
29
|
}[];
|
|
30
|
+
export declare const InteractiveModes: {
|
|
31
|
+
1: string;
|
|
32
|
+
2: string;
|
|
33
|
+
};
|
|
34
|
+
export declare const AiVideoStatus: {
|
|
35
|
+
0: string;
|
|
36
|
+
1: string;
|
|
37
|
+
2: string;
|
|
38
|
+
3: string;
|
|
39
|
+
};
|
|
30
40
|
export declare const MAX_UPLOAD_FILE_SIZE: number;
|
|
31
41
|
export declare const MAX_UPLOAD_VIDEO_FILE_SIZE: number;
|
|
32
42
|
export declare const TEST_TYPE_READONLY: number[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.IS_AI_ANALYSIS = exports.DISABLED_REPEAT_TYPE = exports.TEST_TYPE_READONLY = exports.MAX_UPLOAD_VIDEO_FILE_SIZE = exports.MAX_UPLOAD_FILE_SIZE = exports.DEFAULT_VITUAL_HUMAN_LIST = exports.DEFAULT_GUIDE_VIDEO = exports.DEFAULT_GUIDE_VIDEO_THUMB_URL = exports.DEFAULT_GUIDE_VIDEO_URL = exports.QUESTION_TYPE_MAPPING_LABEL = exports.ADD_QUESTION_TYPE_LIST = void 0;
|
|
4
|
+
exports.IS_AI_ANALYSIS = exports.DISABLED_REPEAT_TYPE = exports.TEST_TYPE_READONLY = exports.MAX_UPLOAD_VIDEO_FILE_SIZE = exports.MAX_UPLOAD_FILE_SIZE = exports.AiVideoStatus = exports.InteractiveModes = exports.DEFAULT_VITUAL_HUMAN_LIST = exports.DEFAULT_GUIDE_VIDEO = exports.DEFAULT_GUIDE_VIDEO_THUMB_URL = exports.DEFAULT_GUIDE_VIDEO_URL = exports.QUESTION_TYPE_MAPPING_LABEL = exports.ADD_QUESTION_TYPE_LIST = void 0;
|
|
5
5
|
var ai_question_1 = require("../enum/ai-question");
|
|
6
6
|
var FREE = ai_question_1.ADD_QUESTION_TYPE.FREE, LANGUAGE = ai_question_1.ADD_QUESTION_TYPE.LANGUAGE;
|
|
7
7
|
var QA = ai_question_1.QUESTION_TYPE.QA, COLOR_BLINDNESS = ai_question_1.QUESTION_TYPE.COLOR_BLINDNESS, ALPHABETIC_DICTATION = ai_question_1.QUESTION_TYPE.ALPHABETIC_DICTATION, AI_ANALYSIS = ai_question_1.QUESTION_TYPE.AI_ANALYSIS, POLICY_DECISION_GAME = ai_question_1.QUESTION_TYPE.POLICY_DECISION_GAME, MEMORY_GAME = ai_question_1.QUESTION_TYPE.MEMORY_GAME, EMOTION_GAME = ai_question_1.QUESTION_TYPE.EMOTION_GAME;
|
|
@@ -43,6 +43,16 @@ exports.DEFAULT_VITUAL_HUMAN_LIST = [
|
|
|
43
43
|
virtualPreviewMedia: 'https://demo1-landing-page.oss-cn-beijing.aliyuncs.com/d5bcc15e-f42f-4bad-bde9-2d6c300bf9ca.mp4',
|
|
44
44
|
},
|
|
45
45
|
];
|
|
46
|
+
exports.InteractiveModes = {
|
|
47
|
+
1: '传统读题模式',
|
|
48
|
+
2: 'AI面试官对话模式',
|
|
49
|
+
};
|
|
50
|
+
exports.AiVideoStatus = {
|
|
51
|
+
0: '播报视频生成中...',
|
|
52
|
+
1: '播报视频生成中...',
|
|
53
|
+
2: '播报视频已生成',
|
|
54
|
+
3: '播报视频生成中...',
|
|
55
|
+
};
|
|
46
56
|
exports.MAX_UPLOAD_FILE_SIZE = 1024 * 1024 * 20;
|
|
47
57
|
exports.MAX_UPLOAD_VIDEO_FILE_SIZE = 1024 * 1024 * 500;
|
|
48
58
|
exports.TEST_TYPE_READONLY = [2, 3, 4, 7, 8, 9, 10, 11, 12];
|
|
@@ -130,12 +130,12 @@ var BootVideo = function (props) {
|
|
|
130
130
|
}
|
|
131
131
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
132
132
|
}, [open]);
|
|
133
|
-
return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u4FDD\u5B58", onClose: onClose, onOk: handleOk, width: 768 }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.RadioGroup, __assign({ defaultValue: "outlined", onChange: handleInteractTypeChange, value: interviewRoomState.interactType }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: 1, label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.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.
|
|
133
|
+
return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u4FDD\u5B58", onClose: onClose, onOk: handleOk, width: 768 }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.RadioGroup, __assign({ defaultValue: "outlined", onChange: handleInteractTypeChange, value: interviewRoomState.interactType }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: 1, label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.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_1.Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u9762\u8BD5\u5B98\u5F62\u8C61" })), (0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: virtualManList.map(function (human) {
|
|
134
134
|
var _a;
|
|
135
135
|
return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { src: human.virtualHumanAvatar, style: { borderColor: ((_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanToken) === human.humanToken ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken));
|
|
136
|
-
}) })] })), interviewRoomState.interactType === 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500, mt:
|
|
136
|
+
}) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", flexWrap: "wrap", width: 462, color: "disabled", mb: 1 }, { children: "\u8BF4\u660E\uFF1A\u6B65\u9AA4\u4E0B\u7684\u6240\u6709\u9898\u76EE\u7684\u865A\u62DF\u4EBA\u64AD\u653E\u89C6\u9891\u5747\u751F\u6210\u540E\uFF0C\u624D\u80FD\u751F\u6548\u865A\u62DF\u4EBA\u6548\u679C\u3002\u5426\u5219\uFF0C\u5C06\u4EE5\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F\u8FDB\u884C\u4EA4\u4E92\u3002" }))] })), interviewRoomState.interactType === 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), (0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
|
|
137
137
|
var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
|
|
138
138
|
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 () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
|
|
139
|
-
}) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", flexWrap: "wrap", width:
|
|
139
|
+
}) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", flexWrap: "wrap", width: 462, color: "text.disabled", mb: 1 }, { children: "\u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u6700\u591A\u652F\u6301\u4E0A\u4F205\u4E2A\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm" })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(styled_1.CustomUploadButtonRoot, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ ml: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: mediaState.appliedAllPosition, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] }))] }))] }), interviewRoomState.interactType === 1 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto', flexGrow: 1 } }, { children: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: loading, sx: { width: 160, height: 286, margin: 'auto', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)("video", { width: 160, height: 286, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardRoot, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardTitle, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "video" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))) }))), interviewRoomState.interactType === 2 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto', flexGrow: 1 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { width: 160, height: 286, margin: 'auto', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)("video", { width: 160, height: 286, src: (_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.virtualPreviewMedia, controls: true }) })) })))] })) }) })));
|
|
140
140
|
};
|
|
141
141
|
exports.default = BootVideo;
|
|
@@ -16,25 +16,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
18
|
var BootVideo_1 = __importDefault(require("../BootVideo"));
|
|
19
|
+
var ai_question_1 = require("../../../../constants/ai-question");
|
|
19
20
|
var interview_room_store_1 = require("../../../../store/ai-question/interview-room-store");
|
|
20
21
|
var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
|
|
21
22
|
var fbm_ui_1 = require("fbm-ui");
|
|
22
23
|
var mui_1 = require("fbm-ui/lib/mui");
|
|
23
24
|
var react_1 = require("react");
|
|
24
|
-
var InteractiveModes = {
|
|
25
|
-
1: '传统读题模式',
|
|
26
|
-
2: 'AI面试官对话模式',
|
|
27
|
-
};
|
|
28
|
-
var AiVideoStatus = {
|
|
29
|
-
0: '播报视频生成中...',
|
|
30
|
-
1: '播报视频生成中...',
|
|
31
|
-
2: '播报视频已生成',
|
|
32
|
-
3: '播报视频生成中...',
|
|
33
|
-
};
|
|
34
25
|
var Interactive = function () {
|
|
35
26
|
var questionModelData = (0, question_model_store_1.useQuestionModelStore)().questionModelData;
|
|
36
27
|
var _a = (0, interview_room_store_1.useInterviewRoomStore)(), interactType = _a.interactType, aiInterviewerProfile = _a.aiInterviewerProfile;
|
|
37
28
|
var _b = (0, react_1.useState)(false), bootVideoOpen = _b[0], setBootVideoOpen = _b[1];
|
|
38
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [bootVideoOpen && (0, jsx_runtime_1.jsx)(BootVideo_1.default, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", component: mui_1.Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ display: "flex", alignItems: "center", variant: "body1", fontWeight: 500 }, { children: ["\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[interactType]), interactType === 2 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["-".concat(aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.name), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 2 }, { children: AiVideoStatus[(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) || 1] })), (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) === 2 && interactType === questionModelData.interactType ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.CheckCircleOutlineIcon, { sx: { fontSize: '16px', ml: 1, color: 'RGBA(0, 0, 0, 0.56)' } })) : ('')] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [bootVideoOpen && (0, jsx_runtime_1.jsx)(BootVideo_1.default, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", component: mui_1.Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ display: "flex", alignItems: "center", variant: "body1", fontWeight: 500 }, { children: ["\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(ai_question_1.InteractiveModes[interactType]), interactType === 2 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["-".concat(aiInterviewerProfile === null || aiInterviewerProfile === void 0 ? void 0 : aiInterviewerProfile.name), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 2 }, { children: ai_question_1.AiVideoStatus[(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) || 1] })), (questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.aiVideoStatus) === 2 && interactType === questionModelData.interactType ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.CheckCircleOutlineIcon, { sx: { fontSize: '16px', ml: 1, color: 'RGBA(0, 0, 0, 0.56)' } })) : ('')] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
|
|
39
30
|
};
|
|
40
31
|
exports.default = Interactive;
|
|
@@ -34,7 +34,7 @@ var RandomQuestion = function (_a) {
|
|
|
34
34
|
var handleClose = _a.handleClose;
|
|
35
35
|
handleClose();
|
|
36
36
|
if (!(category === null || category === void 0 ? void 0 : category.token)) {
|
|
37
|
-
fbm_ui_1.Message.error('
|
|
37
|
+
fbm_ui_1.Message.error('题目未选择考察能力或选择的能力不可参与AI分析时，不可快速选题');
|
|
38
38
|
}
|
|
39
39
|
else {
|
|
40
40
|
setOpen(true);
|