eli-video-interview 1.2.41-alpha.0 → 1.2.41-alpha.2

package/esm/components/Charts/ReportPie.js

@@ -66,9 +66,6 @@ var ReportPie = function (props) {
         var name = _a.name, score = _a.score, params = __rest(_a, ["name", "score"]);
         return (__assign({ name: formateTitle(name), originalName: name, value: score }, params));
     });
-    // .sort(function (a, b) {
-    //   return a.weight - b.weight;
-    // });
     var options = {
         tooltip: {
             trigger: 'item',

package/esm/constants/ai-question.d.ts

@@ -28,13 +28,7 @@ export declare const DEFAULT_GUIDE_VIDEO: {
     videoUrl: string;
     frameUrl: string;
 }[];
-export declare const DEFAULT_VITUAL_HUMAN_LIST: {
-    name: string;
-    humanToken: string;
-    humanType: number;
-    virtualHumanAvatar: string;
-    virtualPreviewMedia: string;
-}[];
+export declare const DEFAULT_VITUAL_HUMAN_LIST: never[];
 export declare const InteractiveModes: {
     1: string;
     2: string;

package/esm/constants/ai-question.js

@@ -60,13 +60,13 @@ export var DEFAULT_GUIDE_VIDEO = [
     },
 ];
 export var DEFAULT_VITUAL_HUMAN_LIST = [
-    {
-        name: 'xuanxuan',
-        humanToken: '71c932a2db9e420ab8782d68861ad0ff',
-        humanType: 2,
-        virtualHumanAvatar: 'https://alicdn.fbmms.cn/virtual-human-20230720-112709.png',
-        virtualPreviewMedia: 'https://demo1-landing-page.oss-cn-beijing.aliyuncs.com/d5bcc15e-f42f-4bad-bde9-2d6c300bf9ca.mp4',
-    },
+// {
+//   name: 'xuanxuan', // 虚拟人名字
+//   humanToken: '71c932a2db9e420ab8782d68861ad0ff', // 数智虚拟人token
+//   humanType: 2, // 类型 1： 小面 2：虚拟人
+//   virtualHumanAvatar: 'https://alicdn.fbmms.cn/virtual-human-20230720-112709.png',
+//   virtualPreviewMedia: 'https://demo1-landing-page.oss-cn-beijing.aliyuncs.com/d5bcc15e-f42f-4bad-bde9-2d6c300bf9ca.mp4',
+// },
 ];
 export var InteractiveModes = {
     1: '传统读题模式',

package/esm/modules/ai-question/components/BootVideo/CustomVideos.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const CustomVideos: ({ mediaList, setMediaList }: {
+    mediaList: any;
+    setMediaList: any;
+}) => JSX.Element;
+export default CustomVideos;

package/esm/modules/ai-question/components/BootVideo/CustomVideos.js

@@ -0,0 +1,93 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CustomUploadButtonRoot, CustomUploadedImgRoot } from './styled';
+import UploadPreview from './UploadPreview';
+import { PostCommonUpload } from "../../../../services/ai-question";
+import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
+import { useRequest } from 'ahooks';
+import { AddIcon, Box, Button, InfoOutlineIcon, Message, Typography, Upload } from 'fbm-ui';
+import { Stack, Tooltip } from 'fbm-ui/lib/mui';
+import { useCallback } from 'react';
+var CustomVideos = function (_a) {
+    var mediaList = _a.mediaList, setMediaList = _a.setMediaList;
+    var _b = useRequest(PostCommonUpload, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var _b = __read(data, 1), item = _b[0];
+            setMediaList(__spreadArray(__spreadArray([], __read(mediaList.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [
+                {
+                    url: item.url,
+                    selected: true,
+                },
+            ], false));
+        },
+    }), loading = _b.loading, postCommonUpload = _b.run;
+    var uploadProps = {
+        type: 'custom',
+        showUploadList: false,
+        accept: '.mp4,.mov,.m4v,.3gp,.avi,.webm',
+        maxCount: 7,
+        customRequest: function (_a) {
+            var file = _a.file;
+            console.log('customRequest file', file);
+            if (isExceedMaxVideoFileSize(file.size)) {
+                Message.error('视频大小超过500M，请重新上传！');
+            }
+            else {
+                var formData = new FormData();
+                formData.append('files', file);
+                postCommonUpload(formData);
+            }
+        },
+    };
+    var handleSelectVideo = useCallback(function (i) {
+        setMediaList(__spreadArray([], __read(mediaList.map(function (v, ii) { return (__assign(__assign({}, v), { selected: i === ii })); })), false));
+    }, [mediaList, setMediaList]);
+    var handleRemoveVideo = useCallback(function (index) {
+        var newMediaList = __spreadArray([], __read(mediaList), false);
+        newMediaList.splice(index, 1);
+        setMediaList(newMediaList);
+    }, [mediaList, setMediaList]);
+    console.log(mediaList);
+    return (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsxs(CustomUploadedImgRoot, __assign({ sx: { minHeight: 0 } }, { children: [mediaList === null || mediaList === void 0 ? void 0 : mediaList.map(function (_a, i) {
+                        var url = _a.url, selected = _a.selected;
+                        return (_jsx(UploadPreview, { src: "".concat(url, "?x-oss-process=video/snapshot,t_0,f_jpg"), style: { borderColor: selected ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(i); }, onRemove: function () { return handleRemoveVideo(i); } }, url));
+                    }), loading && _jsx(Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] })), _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(Tooltip, __assign({ title: "\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", placement: "bottom-start" }, { children: _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: _jsx(InfoOutlineIcon, { sx: { color: 'rgba(0, 0, 0, 0.56)', fontSize: 16 } }) })) }))] })), mediaList.length === 0 && (_jsx(Typography, __assign({ variant: "caption", color: "error" }, { children: "\u4E0A\u4F20\u89C6\u9891\u4E0D\u53EF\u4E3A\u7A7A" })))] }));
+};
+export default CustomVideos;

package/esm/modules/ai-question/components/BootVideo/UploadPreview.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const UploadPreview: ({ src, style, onClick, onRemove, height, alt, disabledRemove }: {
+    src: any;
+    style: any;
+    onClick: any;
+    onRemove: any;
+    height: any;
+    alt: any;
+    disabledRemove?: boolean | undefined;
+}) => JSX.Element;
+export default UploadPreview;

package/esm/modules/ai-question/components/BootVideo/UploadPreview.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CancelIcon, IconButton } from 'fbm-ui';
+var UploadPreview = function (_a) {
+    var src = _a.src, style = _a.style, onClick = _a.onClick, onRemove = _a.onRemove, height = _a.height, alt = _a.alt, _b = _a.disabledRemove, disabledRemove = _b === void 0 ? false : _b;
+    return (_jsxs(Box, { children: [_jsx("img", { src: src, height: height, style: style, alt: alt, onClick: onClick }), !disabledRemove && (_jsx(IconButton, __assign({ onClick: onRemove, size: "small", sx: { position: 'absolute', top: -14, right: -16 } }, { children: _jsx(CancelIcon, {}) })))] }));
+};
+export default UploadPreview;

package/esm/modules/ai-question/components/BootVideo/index.js

@@ -35,28 +35,34 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CustomUploadButtonRoot, CustomUploadCardRoot, CustomUploadCardTitle, CustomUploadedImgRoot } from './styled';
+import CustomVideos from './CustomVideos';
+import { CustomUploadButtonRoot, CustomUploadedImgRoot } from './styled';
 import ScrollDialogContent from "../../../../components/ScrollDialogContent";
-import SvgIcon from "../../../../components/SvgIcon";
 import { DEFAULT_GUIDE_VIDEO, DEFAULT_VITUAL_HUMAN_LIST } from "../../../../constants/ai-question";
 import { GetAiInterviewerProfileList, PostCommonUpload } from "../../../../services/ai-question";
 import { useBootVideoStore } from "../../../../store/ai-question/boot-video-store";
 import { useInterviewRoomStore } from "../../../../store/ai-question/interview-room-store";
 import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
 import { useRequest, useSetState } from 'ahooks';
-import { AddIcon, Box, Button, Checkbox, Dialog, Message, Radio, RadioGroup, Typography, Upload } from 'fbm-ui';
-import { Stack } from 'fbm-ui/lib/mui';
-import { useCallback, useEffect, useState } from 'react';
+import { AddIcon, Box, Button, Dialog, InfoOutlineIcon, Message, Radio, RadioGroup, Select, TextField, Typography, Upload, } from 'fbm-ui';
+import { Stack, Tooltip } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+var Options = [
+    { label: '小面播报', value: 1 },
+    { label: '虚拟人播报', value: 2 },
+    { label: '自定义播报', value: 3 },
+];
 var BootVideo = function (props) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var open = props.open, onClose = props.onClose;
-    var _b = useInterviewRoomStore(), interactType = _b.interactType, aiInterviewerProfile = _b.aiInterviewerProfile, updateInterviewRoom = _b.updateInterviewRoom;
-    var _c = __read(useState({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile }), 2), interviewRoomState = _c[0], setInterviewRoomState = _c[1];
-    var _d = __read(useState(DEFAULT_VITUAL_HUMAN_LIST), 2), virtualManList = _d[0], setVirtualManList = _d[1];
-    var _e = useBootVideoStore(), mediaUrl = _e.mediaUrl, thumbUrl = _e.thumbUrl, updateBootVideo = _e.updateBootVideo;
-    var _f = __read(useState(DEFAULT_GUIDE_VIDEO), 2), mediaList = _f[0], setMediaList = _f[1];
-    var _g = __read(useSetState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), 2), mediaState = _g[0], setMediaState = _g[1];
-    var _h = useRequest(PostCommonUpload, {
+    var _k = useInterviewRoomStore(), interactType = _k.interactType, aiInterviewerProfile = _k.aiInterviewerProfile, updateInterviewRoom = _k.updateInterviewRoom, interactionMethods = _k.interactionMethods;
+    console.log(interactionMethods);
+    var _l = __read(useState({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile, interactionMethods: interactionMethods }), 2), interviewRoomState = _l[0], setInterviewRoomState = _l[1];
+    var _m = __read(useState(interactionMethods || DEFAULT_VITUAL_HUMAN_LIST), 2), virtualManList = _m[0], setVirtualManList = _m[1];
+    var _o = useBootVideoStore(), mediaUrl = _o.mediaUrl, thumbUrl = _o.thumbUrl, updateBootVideo = _o.updateBootVideo;
+    var _p = __read(useState(DEFAULT_GUIDE_VIDEO), 2), mediaList = _p[0], setMediaList = _p[1];
+    var _q = __read(useSetState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), 2), mediaState = _q[0], setMediaState = _q[1];
+    var postCommonUpload = useRequest(PostCommonUpload, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
@@ -71,37 +77,67 @@ var BootVideo = function (props) {
             ]);
             setMediaState({ mediaUrl: item.url, thumbUrl: item.mineExtra.firstFrameUrl });
         },
-    }), loading = _h.loading, postCommonUpload = _h.run;
+    }).run;
     var getAiInterviewerProfileList = useRequest(GetAiInterviewerProfileList, {
         manual: true,
         onSuccess: function (_a) {
-            var list = _a.data.list;
-            setVirtualManList(list);
+            var init = _a.data.interactionMethods;
+            if (interactionMethods && interactionMethods.length === 0) {
+                setVirtualManList(init);
+            }
         },
     }).run;
     var handleSelectVideo = useCallback(function (mediaUrl, thumbUrl) {
         setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
     }, [setMediaState]);
-    var handleInteractTypeChange = useCallback(function (e) {
+    var handleSetVideo = useCallback(function (data) {
+        setVirtualManList(virtualManList.map(function (v) {
+            if (v.selected) {
+                return __assign(__assign({}, v), { detail: __assign(__assign({}, v.detail), { tutorialVideos: data }) });
+            }
+            return v;
+        }));
+    }, [virtualManList]);
+    var broadcastType = useMemo(function () {
         var _a;
+        return ((_a = virtualManList.find(function (v) { return v.selected; })) === null || _a === void 0 ? void 0 : _a.type) || 1;
+    }, [virtualManList]);
+    var virtualMan = virtualManList.find(function (v) { return v.selected; });
+    var handleInteractTypeChange = useCallback(function (e) {
+        var _a, _b;
         var value = Number(e.target.value);
         if (value === 1) {
-            setInterviewRoomState({ interactType: value });
+            setInterviewRoomState({ interactType: value, interactionMethods: virtualManList });
         }
         else {
             setInterviewRoomState({
                 interactType: value,
-                aiInterviewerProfile: ((_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanType) ? interviewRoomState.aiInterviewerProfile : virtualManList[0],
+                interactionMethods: virtualManList,
+                // @ts-ignore
+                aiInterviewerProfile: ((_b = (_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _a === void 0 ? void 0 : _a.interviewerShows) === null || _b === void 0 ? void 0 : _b.find(function (v) { return v.selected; })) || (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail),
             });
         }
-    }, [setInterviewRoomState, interviewRoomState, virtualManList]);
+    }, [virtualMan, virtualManList]);
     var handleSelectHumanType = useCallback(function (value) {
-        setInterviewRoomState({ interactType: interviewRoomState.interactType, aiInterviewerProfile: value });
-    }, [setInterviewRoomState, interviewRoomState]);
+        setVirtualManList(virtualManList.map(function (v) {
+            var _a, _b;
+            if (v.selected) {
+                return __assign(__assign({}, v), { detail: __assign(__assign({}, v.detail), { interviewerShows: (_b = (_a = v === null || v === void 0 ? void 0 : v.detail) === null || _a === void 0 ? void 0 : _a.interviewerShows) === null || _b === void 0 ? void 0 : _b.map(function (human) { return (__assign(__assign({}, human), { selected: human.humanToken === value.humanToken })); }) }) });
+            }
+            return v;
+        }));
+        setInterviewRoomState(__assign(__assign({}, interviewRoomState), { aiInterviewerProfile: __assign(__assign({}, value), { humanType: value.type }) }));
+    }, [interviewRoomState, virtualManList]);
     var handleOk = function () {
-        console.log(mediaState);
+        var _a, _b;
+        if (interviewRoomState.interactType === 2) {
+            if (broadcastType === 3 && ((_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.tutorialVideos) === null || _a === void 0 ? void 0 : _a.length) === 0)
+                return;
+            if ([1, 2].includes(broadcastType) && ((_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _b === void 0 ? void 0 : _b.length) === 0)
+                return;
+        }
         updateBootVideo(mediaState);
-        updateInterviewRoom(interviewRoomState);
+        updateInterviewRoom(__assign(__assign({}, interviewRoomState), { interactionMethods: virtualManList }));
         onClose();
     };
     var uploadProps = {
@@ -122,6 +158,14 @@ var BootVideo = function (props) {
             }
         },
     };
+    var handleGuidanceText = useCallback(function (e) {
+        setVirtualManList(virtualManList.map(function (v) {
+            if (v.selected) {
+                return __assign(__assign({}, v), { guidanceText: e.target.value });
+            }
+            return v;
+        }));
+    }, [virtualManList]);
     useEffect(function () {
         if (open) {
             getAiInterviewerProfileList();
@@ -141,12 +185,22 @@ var BootVideo = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return (_jsx(Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u786E\u8BA4", 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) {
-                                            var _a;
-                                            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));
-                                        }) }), _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\u76EE\u524D\u53EA\u6709\u5C0F\u9762\u652F\u6301\u5BF9\u9898\u76EE\u8FFD\u95EE\uFF0C\u5176\u4ED6\u5F62\u8C61\u6682\u4E0D\u652F\u6301\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) {
-                                            var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
-                                            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));
-                                        }) }), _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 }) })) })))] })) }) })));
+    return (_jsx(Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk, width: 588 }, { children: _jsx(ScrollDialogContent, { children: _jsx(Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } }, { children: _jsxs(Stack, __assign({ width: "100%" }, { 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(Select, { options: Options, value: broadcastType, onChange: function (e) {
+                                        var _a;
+                                        var value = e.target.value;
+                                        setVirtualManList(__spreadArray([], __read(virtualManList.map(function (v) { return (__assign(__assign({}, v), { selected: v.type === value })); })), false));
+                                        if (value !== 3) {
+                                            setInterviewRoomState(__assign(__assign({}, interviewRoomState), { 
+                                                // @ts-ignore
+                                                aiInterviewerProfile: (_a = virtualManList.find(function (v) { return v.type === value; })) === null || _a === void 0 ? void 0 : _a.detail }));
+                                        }
+                                    }, sx: { width: 240, height: 'auto', mt: 1 } }), broadcastType === 3 && (_jsxs(Stack, { children: [_jsx(CustomVideos, { mediaList: (_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _a === void 0 ? void 0 : _a.tutorialVideos, 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: (((_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _b === void 0 ? void 0 : _b.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 })] })), _jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 3 }, { children: broadcastType !== 3 ? '面试官形象' : '面试官形象（播报题目）' })), broadcastType !== 3 && (_jsx(CustomUploadedImgRoot, { children: _jsx(Box, { children: _jsx("img", { src: (_c = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _c === void 0 ? void 0 : _c.virtualHumanAvatar, style: {
+                                                borderColor: 'transparent',
+                                            }, height: 100, alt: "" }) }) })), broadcastType === 3 && (_jsx(CustomUploadedImgRoot, { children: (_e = (_d = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _d === void 0 ? void 0 : _d.interviewerShows) === null || _e === void 0 ? void 0 : _e.map(function (human) { return (_jsxs(Box, { children: [_jsx("img", { src: human.virtualHumanAvatar, style: {
+                                                    borderColor: human.selected ? '#4CAF50' : 'transparent',
+                                                }, 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) || ((_h = (_g = (_f = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _f === void 0 ? void 0 : _f.interviewerShows) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.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: ((_j = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _j === void 0 ? void 0 : _j.length) === 0, 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 })] }))] })), 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) {
+                                        var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
+                                        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));
+                                    }) }), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsxs(CustomUploadButtonRoot, { children: [mediaList.length <= 5 && (_jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), mediaList.length > 5 && (_jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })))] }), _jsx(Tooltip, __assign({ title: "\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", placement: "bottom-start" }, { children: _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: _jsx(InfoOutlineIcon, { sx: { color: 'rgba(0, 0, 0, 0.56)', fontSize: 16 } }) })) }))] }))] }))] })) })) }) })));
 };
 export default BootVideo;

package/esm/modules/ai-question/components/BootVideo/styled.js

@@ -36,7 +36,7 @@ export var CustomUploadedImgRoot = styled(Box)({
     alignItems: 'center',
     padding: '8px 0',
     boxSizing: 'content-box',
-    '& img': {
+    '& img, & div': {
         boxSizing: 'border-box',
         width: 56,
         objectFit: 'cover',

package/esm/modules/ai-question/components/QuestionModel/Item.js

@@ -54,7 +54,7 @@ import { getSecondToTime } from "../../../../utils/utils";
 import { Box, Chip, confirm, DeleteIcon, DragHandleIcon, EditIcon, IconButton, InfoIcon, Input, Select, Switch, Tooltip, Typography } from 'fbm-ui';
 import { Paper, Stack } from 'fbm-ui/lib/mui';
 import { memo, useCallback, useMemo } from 'react';
-var options = __spreadArray(__spreadArray([], __read(__spreadArray([], __read(Array(6).keys()), false).map(function (v) {
+var options = __spreadArray(__spreadArray([], __read(__spreadArray([], __read(Array(7).keys()), false).map(function (v) {
     return { label: "\u6700\u591A\u8FFD\u95EE".concat(v + 1, "\u6B21"), value: v + 1 };
 })), false), [
     { label: '直到充分为止', value: -1 },

package/esm/modules/ai-question/components/QuestionModel/index.js

@@ -36,8 +36,13 @@ var Question = function () {
         onSuccess: function (_a) {
             var data = _a.data;
             updateModel(data);
-            var _b = data.interactType, interactType = _b === void 0 ? 1 : _b, aiInterviewerProfile = data.aiInterviewerProfile, aiVideoStatus = data.aiVideoStatus;
-            updateInterviewRoom({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile, aiVideoStatus: interactType === 1 ? 0 : aiVideoStatus });
+            var _b = data.interactType, interactType = _b === void 0 ? 1 : _b, aiInterviewerProfile = data.aiInterviewerProfile, aiVideoStatus = data.aiVideoStatus, interactionMethods = data.interactionMethods;
+            updateInterviewRoom({
+                interactType: interactType,
+                aiInterviewerProfile: aiInterviewerProfile,
+                aiVideoStatus: interactType === 1 ? 0 : aiVideoStatus,
+                interactionMethods: interactionMethods || [],
+            });
             setSelctedAbilitys((data === null || data === void 0 ? void 0 : data.selectAbilities) || []);
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(data.steps);
         },
@@ -47,7 +52,7 @@ var Question = function () {
             postAiModelDetails();
         }
         else {
-            updateModel({ name: name || '暂无名称', token: '', duration: 0, steps: [] });
+            updateModel({ name: name || '暂无名称', token: '', duration: 0, steps: [], interactionMethods: [] });
         }
     }, [name, token, postAiModelDetails, updateModel]);
     useEffect(function () {

package/esm/modules/ai-question/components/QuestionModel/interface.d.ts

@@ -1,5 +1,5 @@
 import { QuestionParams } from '../QuestionUpdate/interface';
-import { AiInterviewerProfile } from '@/modules/ai-question/interface';
+import { AiInterviewerProfile, InteractionMethod } from '@/modules/ai-question/interface';
 export interface QuestionModelStep extends QuestionParams {
     uniqueId?: string;
     isNotCompute?: boolean;
@@ -13,6 +13,7 @@ export interface QuestionModelData {
     aiVideoStatus?: number;
     aiInterviewerProfile?: AiInterviewerProfile;
     steps: QuestionModelStep[];
+    interactionMethods?: InteractionMethod[];
 }
 export interface QuestionModelDataRes {
     data: QuestionModelData;

package/esm/modules/ai-question/interface.d.ts

@@ -88,10 +88,47 @@ export interface AiInterviewerProfile {
 export interface InterviewRoomProps {
     interactType: number;
     aiVideoStatus?: number;
+    broadcastType?: number;
     aiInterviewerProfile?: AiInterviewerProfile;
+    interactionMethods: InteractionMethod[];
+}
+export interface InteractionMethod {
+    guidanceText: string;
+    defaultGuidanceText: string;
+    type: number;
+    selected: boolean;
+    detail: Detail;
+}
+export interface Detail {
+    name?: string;
+    humanToken?: string;
+    humanType?: number;
+    virtualHumanAvatar?: string;
+    virtualPreviewMedia?: string;
+    xmSoundUrl?: string;
+    desc?: string;
+    tutorialVideos?: TutorialVideo[];
+    interviewerShows?: InterviewerShow[];
+}
+export interface TutorialVideo {
+    token: string;
+    isDefault: boolean;
+    url: string;
+    selected: boolean;
+}
+export interface InterviewerShow {
+    selected: boolean;
+    name: string;
+    humanToken: string;
+    humanType: number;
+    virtualHumanAvatar: string;
+    virtualPreviewMedia: string;
+    xmSoundUrl: string;
+    desc: string;
 }
 export interface AiInterviewerProfileList {
     data: {
         list: AiInterviewerProfile[];
+        interactionMethods: InteractionMethod[];
     };
 }

package/esm/modules/ai-report/components/VideoQuestion/QuestionItem.js

@@ -43,7 +43,7 @@ import update from 'immutability-helper';
 import { useCallback, useMemo, useState } from 'react';
 var STEP_NO_ANSWER = INTERVIEW_STEP_STATUS.STEP_NO_ANSWER, STEP_COMPLETED = INTERVIEW_STEP_STATUS.STEP_COMPLETED, STEP_FAILED = INTERVIEW_STEP_STATUS.STEP_FAILED, STEP_IN_CALCULATION = INTERVIEW_STEP_STATUS.STEP_IN_CALCULATION;
 var QuestionItem = function (props) {
-    var token = props.token, reviewImgs = props.reviewImgs, followupQuestion = props.followupQuestion, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
+    var token = props.token, reviewImgs = props.reviewImgs, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
     var _d = __read(useState(false), 2), showAbilities = _d[0], setShowAbilities = _d[1];
     var _e = useAiReportStore(function (store) { return [store.reportResult, store.stepToken, store.operableButtons, store.showAbilitiesDetails]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
     var steps = (reportResult || {}).steps;
@@ -109,6 +109,6 @@ var QuestionItem = function (props) {
             borderColor: token === stepToken ? theme.palette.primary.main : '',
         }, variant: "outlined", onClick: handleClickItem }, { children: [_jsxs(Typography, __assign({ fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: [index + 1, ".", desc] })), _jsxs(QuestionDesc, { children: [_jsx(BodyImages, { reviewImgs: reviewImgs }), _jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [isSingleChoice && _jsx(SingleChoice, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), _jsx(Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
                 return (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ mt: 1, fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: "\u8FFD\u95EE\uFF1A".concat(v === null || v === void 0 ? void 0 : v.desc) })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), _jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }));
-            }), followupQuestion && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ mt: 1, fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: "\u8FFD\u95EE\uFF1A".concat(followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.desc) })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), _jsx(Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.answer }))] })] })), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice })] }), token));
+            }), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice })] }), token));
 };
 export default QuestionItem;

package/esm/store/ai-question/interview-room-store.d.ts

@@ -4,17 +4,23 @@ export declare const useInterviewRoomStore: (depsFn?: import("hox/es/types").Dep
     updateInterviewRoom: import("ahooks/lib/useSetState").SetState<InterviewRoomProps>;
     interactType: number;
     aiVideoStatus?: number | undefined;
+    broadcastType?: number | undefined;
     aiInterviewerProfile?: import("@/modules/ai-question/interface").AiInterviewerProfile | undefined;
+    interactionMethods: import("@/modules/ai-question/interface").InteractionMethod[];
 }> | undefined) => {
     interviewRoomState: InterviewRoomProps;
     updateInterviewRoom: import("ahooks/lib/useSetState").SetState<InterviewRoomProps>;
     interactType: number;
     aiVideoStatus?: number | undefined;
+    broadcastType?: number | undefined;
     aiInterviewerProfile?: import("@/modules/ai-question/interface").AiInterviewerProfile | undefined;
+    interactionMethods: import("@/modules/ai-question/interface").InteractionMethod[];
 }, getInterviewRoomStore: () => {
     interviewRoomState: InterviewRoomProps;
     updateInterviewRoom: import("ahooks/lib/useSetState").SetState<InterviewRoomProps>;
     interactType: number;
     aiVideoStatus?: number | undefined;
+    broadcastType?: number | undefined;
     aiInterviewerProfile?: import("@/modules/ai-question/interface").AiInterviewerProfile | undefined;
+    interactionMethods: import("@/modules/ai-question/interface").InteractionMethod[];
 } | undefined;

package/esm/store/ai-question/interview-room-store.js

@@ -32,6 +32,7 @@ export var useInterviewRoomStore = (_a = __read(createGlobalStore(function () {
     var _a = __read(useSetState({
         interactType: 1,
         aiVideoStatus: 0,
+        interactionMethods: [],
     }), 2), interviewRoomState = _a[0], updateInterviewRoom = _a[1];
     return __assign(__assign({}, interviewRoomState), { interviewRoomState: interviewRoomState, updateInterviewRoom: updateInterviewRoom });
 }), 2), _a[0]), getInterviewRoomStore = _a[1];

package/lib/components/Charts/ReportPie.js

@@ -71,9 +71,6 @@ var ReportPie = function (props) {
         var name = _a.name, score = _a.score, params = __rest(_a, ["name", "score"]);
         return (__assign({ name: formateTitle(name), originalName: name, value: score }, params));
     });
-    // .sort(function (a, b) {
-    //   return a.weight - b.weight;
-    // });
     var options = {
         tooltip: {
             trigger: 'item',

package/lib/constants/ai-question.d.ts

@@ -28,13 +28,7 @@ export declare const DEFAULT_GUIDE_VIDEO: {
     videoUrl: string;
     frameUrl: string;
 }[];
-export declare const DEFAULT_VITUAL_HUMAN_LIST: {
-    name: string;
-    humanToken: string;
-    humanType: number;
-    virtualHumanAvatar: string;
-    virtualPreviewMedia: string;
-}[];
+export declare const DEFAULT_VITUAL_HUMAN_LIST: never[];
 export declare const InteractiveModes: {
     1: string;
     2: string;

package/lib/constants/ai-question.js

@@ -63,13 +63,13 @@ exports.DEFAULT_GUIDE_VIDEO = [
     },
 ];
 exports.DEFAULT_VITUAL_HUMAN_LIST = [
-    {
-        name: 'xuanxuan',
-        humanToken: '71c932a2db9e420ab8782d68861ad0ff',
-        humanType: 2,
-        virtualHumanAvatar: 'https://alicdn.fbmms.cn/virtual-human-20230720-112709.png',
-        virtualPreviewMedia: 'https://demo1-landing-page.oss-cn-beijing.aliyuncs.com/d5bcc15e-f42f-4bad-bde9-2d6c300bf9ca.mp4',
-    },
+// {
+//   name: 'xuanxuan', // 虚拟人名字
+//   humanToken: '71c932a2db9e420ab8782d68861ad0ff', // 数智虚拟人token
+//   humanType: 2, // 类型 1： 小面 2：虚拟人
+//   virtualHumanAvatar: 'https://alicdn.fbmms.cn/virtual-human-20230720-112709.png',
+//   virtualPreviewMedia: 'https://demo1-landing-page.oss-cn-beijing.aliyuncs.com/d5bcc15e-f42f-4bad-bde9-2d6c300bf9ca.mp4',
+// },
 ];
 exports.InteractiveModes = {
     1: '传统读题模式',

package/lib/modules/ai-question/components/BootVideo/CustomVideos.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const CustomVideos: ({ mediaList, setMediaList }: {
+    mediaList: any;
+    setMediaList: any;
+}) => JSX.Element;
+export default CustomVideos;

package/lib/modules/ai-question/components/BootVideo/CustomVideos.js

@@ -0,0 +1,98 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = require("./styled");
+var UploadPreview_1 = __importDefault(require("./UploadPreview"));
+var ai_question_1 = require("../../../../services/ai-question");
+var utils_1 = require("../../../../utils/utils");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var CustomVideos = function (_a) {
+    var mediaList = _a.mediaList, setMediaList = _a.setMediaList;
+    var _b = (0, ahooks_1.useRequest)(ai_question_1.PostCommonUpload, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var _b = __read(data, 1), item = _b[0];
+            setMediaList(__spreadArray(__spreadArray([], __read(mediaList.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [
+                {
+                    url: item.url,
+                    selected: true,
+                },
+            ], false));
+        },
+    }), loading = _b.loading, postCommonUpload = _b.run;
+    var uploadProps = {
+        type: 'custom',
+        showUploadList: false,
+        accept: '.mp4,.mov,.m4v,.3gp,.avi,.webm',
+        maxCount: 7,
+        customRequest: function (_a) {
+            var file = _a.file;
+            console.log('customRequest file', file);
+            if ((0, utils_1.isExceedMaxVideoFileSize)(file.size)) {
+                fbm_ui_1.Message.error('视频大小超过500M，请重新上传！');
+            }
+            else {
+                var formData = new FormData();
+                formData.append('files', file);
+                postCommonUpload(formData);
+            }
+        },
+    };
+    var handleSelectVideo = (0, react_1.useCallback)(function (i) {
+        setMediaList(__spreadArray([], __read(mediaList.map(function (v, ii) { return (__assign(__assign({}, v), { selected: i === ii })); })), false));
+    }, [mediaList, setMediaList]);
+    var handleRemoveVideo = (0, react_1.useCallback)(function (index) {
+        var newMediaList = __spreadArray([], __read(mediaList), false);
+        newMediaList.splice(index, 1);
+        setMediaList(newMediaList);
+    }, [mediaList, setMediaList]);
+    console.log(mediaList);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadedImgRoot, __assign({ sx: { minHeight: 0 } }, { children: [mediaList === null || mediaList === void 0 ? void 0 : mediaList.map(function (_a, i) {
+                        var url = _a.url, selected = _a.selected;
+                        return ((0, jsx_runtime_1.jsx)(UploadPreview_1.default, { src: "".concat(url, "?x-oss-process=video/snapshot,t_0,f_jpg"), style: { borderColor: selected ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(i); }, onRemove: function () { return handleRemoveVideo(i); } }, url));
+                    }), loading && (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] })), (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)(mui_1.Tooltip, __assign({ title: "\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", placement: "bottom-start" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { color: 'rgba(0, 0, 0, 0.56)', fontSize: 16 } }) })) }))] })), mediaList.length === 0 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "error" }, { children: "\u4E0A\u4F20\u89C6\u9891\u4E0D\u53EF\u4E3A\u7A7A" })))] }));
+};
+exports.default = CustomVideos;

package/lib/modules/ai-question/components/BootVideo/UploadPreview.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const UploadPreview: ({ src, style, onClick, onRemove, height, alt, disabledRemove }: {
+    src: any;
+    style: any;
+    onClick: any;
+    onRemove: any;
+    height: any;
+    alt: any;
+    disabledRemove?: boolean | undefined;
+}) => JSX.Element;
+export default UploadPreview;

package/lib/modules/ai-question/components/BootVideo/UploadPreview.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var UploadPreview = function (_a) {
+    var src = _a.src, style = _a.style, onClick = _a.onClick, onRemove = _a.onRemove, height = _a.height, alt = _a.alt, _b = _a.disabledRemove, disabledRemove = _b === void 0 ? false : _b;
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { src: src, height: height, style: style, alt: alt, onClick: onClick }), !disabledRemove && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ onClick: onRemove, size: "small", sx: { position: 'absolute', top: -14, right: -16 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.CancelIcon, {}) })))] }));
+};
+exports.default = UploadPreview;

package/lib/modules/ai-question/components/BootVideo/index.js

@@ -40,9 +40,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var CustomVideos_1 = __importDefault(require("./CustomVideos"));
 var styled_1 = require("./styled");
 var ScrollDialogContent_1 = __importDefault(require("../../../../components/ScrollDialogContent"));
-var SvgIcon_1 = __importDefault(require("../../../../components/SvgIcon"));
 var ai_question_1 = require("../../../../constants/ai-question");
 var ai_question_2 = require("../../../../services/ai-question");
 var boot_video_store_1 = require("../../../../store/ai-question/boot-video-store");
@@ -52,16 +52,22 @@ var ahooks_1 = require("ahooks");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
+var Options = [
+    { label: '小面播报', value: 1 },
+    { label: '虚拟人播报', value: 2 },
+    { label: '自定义播报', value: 3 },
+];
 var BootVideo = function (props) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var open = props.open, onClose = props.onClose;
-    var _b = (0, interview_room_store_1.useInterviewRoomStore)(), interactType = _b.interactType, aiInterviewerProfile = _b.aiInterviewerProfile, updateInterviewRoom = _b.updateInterviewRoom;
-    var _c = __read((0, react_1.useState)({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile }), 2), interviewRoomState = _c[0], setInterviewRoomState = _c[1];
-    var _d = __read((0, react_1.useState)(ai_question_1.DEFAULT_VITUAL_HUMAN_LIST), 2), virtualManList = _d[0], setVirtualManList = _d[1];
-    var _e = (0, boot_video_store_1.useBootVideoStore)(), mediaUrl = _e.mediaUrl, thumbUrl = _e.thumbUrl, updateBootVideo = _e.updateBootVideo;
-    var _f = __read((0, react_1.useState)(ai_question_1.DEFAULT_GUIDE_VIDEO), 2), mediaList = _f[0], setMediaList = _f[1];
-    var _g = __read((0, ahooks_1.useSetState)({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), 2), mediaState = _g[0], setMediaState = _g[1];
-    var _h = (0, ahooks_1.useRequest)(ai_question_2.PostCommonUpload, {
+    var _k = (0, interview_room_store_1.useInterviewRoomStore)(), interactType = _k.interactType, aiInterviewerProfile = _k.aiInterviewerProfile, updateInterviewRoom = _k.updateInterviewRoom, interactionMethods = _k.interactionMethods;
+    console.log(interactionMethods);
+    var _l = __read((0, react_1.useState)({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile, interactionMethods: interactionMethods }), 2), interviewRoomState = _l[0], setInterviewRoomState = _l[1];
+    var _m = __read((0, react_1.useState)(interactionMethods || ai_question_1.DEFAULT_VITUAL_HUMAN_LIST), 2), virtualManList = _m[0], setVirtualManList = _m[1];
+    var _o = (0, boot_video_store_1.useBootVideoStore)(), mediaUrl = _o.mediaUrl, thumbUrl = _o.thumbUrl, updateBootVideo = _o.updateBootVideo;
+    var _p = __read((0, react_1.useState)(ai_question_1.DEFAULT_GUIDE_VIDEO), 2), mediaList = _p[0], setMediaList = _p[1];
+    var _q = __read((0, ahooks_1.useSetState)({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), 2), mediaState = _q[0], setMediaState = _q[1];
+    var postCommonUpload = (0, ahooks_1.useRequest)(ai_question_2.PostCommonUpload, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
@@ -76,37 +82,67 @@ var BootVideo = function (props) {
             ]);
             setMediaState({ mediaUrl: item.url, thumbUrl: item.mineExtra.firstFrameUrl });
         },
-    }), loading = _h.loading, postCommonUpload = _h.run;
+    }).run;
     var getAiInterviewerProfileList = (0, ahooks_1.useRequest)(ai_question_2.GetAiInterviewerProfileList, {
         manual: true,
         onSuccess: function (_a) {
-            var list = _a.data.list;
-            setVirtualManList(list);
+            var init = _a.data.interactionMethods;
+            if (interactionMethods && interactionMethods.length === 0) {
+                setVirtualManList(init);
+            }
         },
     }).run;
     var handleSelectVideo = (0, react_1.useCallback)(function (mediaUrl, thumbUrl) {
         setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
     }, [setMediaState]);
-    var handleInteractTypeChange = (0, react_1.useCallback)(function (e) {
+    var handleSetVideo = (0, react_1.useCallback)(function (data) {
+        setVirtualManList(virtualManList.map(function (v) {
+            if (v.selected) {
+                return __assign(__assign({}, v), { detail: __assign(__assign({}, v.detail), { tutorialVideos: data }) });
+            }
+            return v;
+        }));
+    }, [virtualManList]);
+    var broadcastType = (0, react_1.useMemo)(function () {
         var _a;
+        return ((_a = virtualManList.find(function (v) { return v.selected; })) === null || _a === void 0 ? void 0 : _a.type) || 1;
+    }, [virtualManList]);
+    var virtualMan = virtualManList.find(function (v) { return v.selected; });
+    var handleInteractTypeChange = (0, react_1.useCallback)(function (e) {
+        var _a, _b;
         var value = Number(e.target.value);
         if (value === 1) {
-            setInterviewRoomState({ interactType: value });
+            setInterviewRoomState({ interactType: value, interactionMethods: virtualManList });
         }
         else {
             setInterviewRoomState({
                 interactType: value,
-                aiInterviewerProfile: ((_a = interviewRoomState.aiInterviewerProfile) === null || _a === void 0 ? void 0 : _a.humanType) ? interviewRoomState.aiInterviewerProfile : virtualManList[0],
+                interactionMethods: virtualManList,
+                // @ts-ignore
+                aiInterviewerProfile: ((_b = (_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _a === void 0 ? void 0 : _a.interviewerShows) === null || _b === void 0 ? void 0 : _b.find(function (v) { return v.selected; })) || (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail),
             });
         }
-    }, [setInterviewRoomState, interviewRoomState, virtualManList]);
+    }, [virtualMan, virtualManList]);
     var handleSelectHumanType = (0, react_1.useCallback)(function (value) {
-        setInterviewRoomState({ interactType: interviewRoomState.interactType, aiInterviewerProfile: value });
-    }, [setInterviewRoomState, interviewRoomState]);
+        setVirtualManList(virtualManList.map(function (v) {
+            var _a, _b;
+            if (v.selected) {
+                return __assign(__assign({}, v), { detail: __assign(__assign({}, v.detail), { interviewerShows: (_b = (_a = v === null || v === void 0 ? void 0 : v.detail) === null || _a === void 0 ? void 0 : _a.interviewerShows) === null || _b === void 0 ? void 0 : _b.map(function (human) { return (__assign(__assign({}, human), { selected: human.humanToken === value.humanToken })); }) }) });
+            }
+            return v;
+        }));
+        setInterviewRoomState(__assign(__assign({}, interviewRoomState), { aiInterviewerProfile: __assign(__assign({}, value), { humanType: value.type }) }));
+    }, [interviewRoomState, virtualManList]);
     var handleOk = function () {
-        console.log(mediaState);
+        var _a, _b;
+        if (interviewRoomState.interactType === 2) {
+            if (broadcastType === 3 && ((_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.tutorialVideos) === null || _a === void 0 ? void 0 : _a.length) === 0)
+                return;
+            if ([1, 2].includes(broadcastType) && ((_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _b === void 0 ? void 0 : _b.length) === 0)
+                return;
+        }
         updateBootVideo(mediaState);
-        updateInterviewRoom(interviewRoomState);
+        updateInterviewRoom(__assign(__assign({}, interviewRoomState), { interactionMethods: virtualManList }));
         onClose();
     };
     var uploadProps = {
@@ -127,6 +163,14 @@ var BootVideo = function (props) {
             }
         },
     };
+    var handleGuidanceText = (0, react_1.useCallback)(function (e) {
+        setVirtualManList(virtualManList.map(function (v) {
+            if (v.selected) {
+                return __assign(__assign({}, v), { guidanceText: e.target.value });
+            }
+            return v;
+        }));
+    }, [virtualManList]);
     (0, react_1.useEffect)(function () {
         if (open) {
             getAiInterviewerProfileList();
@@ -146,12 +190,22 @@ var BootVideo = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u786E\u8BA4", 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) {
-                                            var _a;
-                                            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));
-                                        }) }), (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\u76EE\u524D\u53EA\u6709\u5C0F\u9762\u652F\u6301\u5BF9\u9898\u76EE\u8FFD\u95EE\uFF0C\u5176\u4ED6\u5F62\u8C61\u6682\u4E0D\u652F\u6301\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) {
-                                            var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
-                                            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));
-                                        }) }), (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 }) })) })))] })) }) })));
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk, width: 588 }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ width: "100%" }, { 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.Select, { options: Options, value: broadcastType, onChange: function (e) {
+                                        var _a;
+                                        var value = e.target.value;
+                                        setVirtualManList(__spreadArray([], __read(virtualManList.map(function (v) { return (__assign(__assign({}, v), { selected: v.type === value })); })), false));
+                                        if (value !== 3) {
+                                            setInterviewRoomState(__assign(__assign({}, interviewRoomState), { 
+                                                // @ts-ignore
+                                                aiInterviewerProfile: (_a = virtualManList.find(function (v) { return v.type === value; })) === null || _a === void 0 ? void 0 : _a.detail }));
+                                        }
+                                    }, 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: (_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _a === void 0 ? void 0 : _a.tutorialVideos, setMediaList: handleSetVideo }), (0, jsx_runtime_1.jsx)(fbm_ui_1.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_1.TextField, { multiline: true, error: (((_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _b === void 0 ? void 0 : _b.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 })] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 3 }, { children: broadcastType !== 3 ? '面试官形象' : '面试官形象（播报题目）' })), broadcastType !== 3 && ((0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: (0, jsx_runtime_1.jsx)("img", { src: (_c = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _c === void 0 ? void 0 : _c.virtualHumanAvatar, style: {
+                                                borderColor: 'transparent',
+                                            }, height: 100, alt: "" }) }) })), broadcastType === 3 && ((0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: (_e = (_d = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _d === void 0 ? void 0 : _d.interviewerShows) === null || _e === void 0 ? void 0 : _e.map(function (human) { return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { src: human.virtualHumanAvatar, style: {
+                                                    borderColor: human.selected ? '#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)); }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_h = (_g = (_f = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _f === void 0 ? void 0 : _f.interviewerShows) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.desc) })), broadcastType !== 3 && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, { multiline: true, error: ((_j = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _j === void 0 ? void 0 : _j.length) === 0, 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 })] }))] })), 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) {
+                                        var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
+                                        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));
+                                    }) }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CustomUploadButtonRoot, { children: [mediaList.length <= 5 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), mediaList.length > 5 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })))] }), (0, jsx_runtime_1.jsx)(mui_1.Tooltip, __assign({ title: "\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", placement: "bottom-start" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { color: 'rgba(0, 0, 0, 0.56)', fontSize: 16 } }) })) }))] }))] }))] })) })) }) })));
 };
 exports.default = BootVideo;

package/lib/modules/ai-question/components/BootVideo/styled.js

@@ -39,7 +39,7 @@ exports.CustomUploadedImgRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)({
     alignItems: 'center',
     padding: '8px 0',
     boxSizing: 'content-box',
-    '& img': {
+    '& img, & div': {
         boxSizing: 'border-box',
         width: 56,
         objectFit: 'cover',

package/lib/modules/ai-question/components/QuestionModel/Item.js

@@ -56,7 +56,7 @@ var utils_1 = require("../../../../utils/utils");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
-var options = __spreadArray(__spreadArray([], __read(__spreadArray([], __read(Array(6).keys()), false).map(function (v) {
+var options = __spreadArray(__spreadArray([], __read(__spreadArray([], __read(Array(7).keys()), false).map(function (v) {
     return { label: "\u6700\u591A\u8FFD\u95EE".concat(v + 1, "\u6B21"), value: v + 1 };
 })), false), [
     { label: '直到充分为止', value: -1 },

package/lib/modules/ai-question/components/QuestionModel/index.js

@@ -41,8 +41,13 @@ var Question = function () {
         onSuccess: function (_a) {
             var data = _a.data;
             updateModel(data);
-            var _b = data.interactType, interactType = _b === void 0 ? 1 : _b, aiInterviewerProfile = data.aiInterviewerProfile, aiVideoStatus = data.aiVideoStatus;
-            updateInterviewRoom({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile, aiVideoStatus: interactType === 1 ? 0 : aiVideoStatus });
+            var _b = data.interactType, interactType = _b === void 0 ? 1 : _b, aiInterviewerProfile = data.aiInterviewerProfile, aiVideoStatus = data.aiVideoStatus, interactionMethods = data.interactionMethods;
+            updateInterviewRoom({
+                interactType: interactType,
+                aiInterviewerProfile: aiInterviewerProfile,
+                aiVideoStatus: interactType === 1 ? 0 : aiVideoStatus,
+                interactionMethods: interactionMethods || [],
+            });
             setSelctedAbilitys((data === null || data === void 0 ? void 0 : data.selectAbilities) || []);
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(data.steps);
         },
@@ -52,7 +57,7 @@ var Question = function () {
             postAiModelDetails();
         }
         else {
-            updateModel({ name: name || '暂无名称', token: '', duration: 0, steps: [] });
+            updateModel({ name: name || '暂无名称', token: '', duration: 0, steps: [], interactionMethods: [] });
         }
     }, [name, token, postAiModelDetails, updateModel]);
     (0, react_1.useEffect)(function () {

package/lib/modules/ai-question/components/QuestionModel/interface.d.ts

@@ -1,5 +1,5 @@
 import { QuestionParams } from '../QuestionUpdate/interface';
-import { AiInterviewerProfile } from '@/modules/ai-question/interface';
+import { AiInterviewerProfile, InteractionMethod } from '@/modules/ai-question/interface';
 export interface QuestionModelStep extends QuestionParams {
     uniqueId?: string;
     isNotCompute?: boolean;
@@ -13,6 +13,7 @@ export interface QuestionModelData {
     aiVideoStatus?: number;
     aiInterviewerProfile?: AiInterviewerProfile;
     steps: QuestionModelStep[];
+    interactionMethods?: InteractionMethod[];
 }
 export interface QuestionModelDataRes {
     data: QuestionModelData;

package/lib/modules/ai-question/interface.d.ts

@@ -88,10 +88,47 @@ export interface AiInterviewerProfile {
 export interface InterviewRoomProps {
     interactType: number;
     aiVideoStatus?: number;
+    broadcastType?: number;
     aiInterviewerProfile?: AiInterviewerProfile;
+    interactionMethods: InteractionMethod[];
+}
+export interface InteractionMethod {
+    guidanceText: string;
+    defaultGuidanceText: string;
+    type: number;
+    selected: boolean;
+    detail: Detail;
+}
+export interface Detail {
+    name?: string;
+    humanToken?: string;
+    humanType?: number;
+    virtualHumanAvatar?: string;
+    virtualPreviewMedia?: string;
+    xmSoundUrl?: string;
+    desc?: string;
+    tutorialVideos?: TutorialVideo[];
+    interviewerShows?: InterviewerShow[];
+}
+export interface TutorialVideo {
+    token: string;
+    isDefault: boolean;
+    url: string;
+    selected: boolean;
+}
+export interface InterviewerShow {
+    selected: boolean;
+    name: string;
+    humanToken: string;
+    humanType: number;
+    virtualHumanAvatar: string;
+    virtualPreviewMedia: string;
+    xmSoundUrl: string;
+    desc: string;
 }
 export interface AiInterviewerProfileList {
     data: {
         list: AiInterviewerProfile[];
+        interactionMethods: InteractionMethod[];
     };
 }

package/lib/modules/ai-report/components/VideoQuestion/QuestionItem.js

@@ -48,7 +48,7 @@ var immutability_helper_1 = __importDefault(require("immutability-helper"));
 var react_1 = require("react");
 var STEP_NO_ANSWER = ai_report_1.INTERVIEW_STEP_STATUS.STEP_NO_ANSWER, STEP_COMPLETED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_COMPLETED, STEP_FAILED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_FAILED, STEP_IN_CALCULATION = ai_report_1.INTERVIEW_STEP_STATUS.STEP_IN_CALCULATION;
 var QuestionItem = function (props) {
-    var token = props.token, reviewImgs = props.reviewImgs, followupQuestion = props.followupQuestion, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
+    var token = props.token, reviewImgs = props.reviewImgs, followupQuestions = props.followupQuestions, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, desc = _b.desc, type = _b.type, options = _b.options, aiShowType = _b.aiShowType, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
     var _d = __read((0, react_1.useState)(false), 2), showAbilities = _d[0], setShowAbilities = _d[1];
     var _e = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.stepToken, store.operableButtons, store.showAbilitiesDetails]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
     var steps = (reportResult || {}).steps;
@@ -114,6 +114,6 @@ var QuestionItem = function (props) {
             borderColor: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : '',
         }, variant: "outlined", onClick: handleClickItem }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ fontSize: 14, color: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : ThemeProvider_1.theme.palette.text.primary }, { children: [index + 1, ".", desc] })), (0, jsx_runtime_1.jsxs)(styled_1.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(BodyImages_1.default, { reviewImgs: reviewImgs }), (0, jsx_runtime_1.jsx)(FormatQuote_1.default, {}), status === STEP_IN_CALCULATION ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isSingleChoice && (0, jsx_runtime_1.jsx)(SingleChoice_1.default, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { variant: "caption", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === ai_question_1.QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
                 return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ mt: 1, fontSize: 14, color: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : ThemeProvider_1.theme.palette.text.primary }, { children: "\u8FFD\u95EE\uFF1A".concat(v === null || v === void 0 ? void 0 : v.desc) })), (0, jsx_runtime_1.jsxs)(styled_1.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(FormatQuote_1.default, {}), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }));
-            }), followupQuestion && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ mt: 1, fontSize: 14, color: token === stepToken ? ThemeProvider_1.theme.palette.primary.main : ThemeProvider_1.theme.palette.text.primary }, { children: "\u8FFD\u95EE\uFF1A".concat(followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.desc) })), (0, jsx_runtime_1.jsxs)(styled_1.QuestionDesc, { children: [(0, jsx_runtime_1.jsx)(FormatQuote_1.default, {}), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 1 }, { children: followupQuestion === null || followupQuestion === void 0 ? void 0 : followupQuestion.answer }))] })] })), isExistWeight && status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 150, textAlign: "right" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && (0, jsx_runtime_1.jsx)(Abilities_1.default, { stepIndex: index, disabledScore: isSingleChoice })] }), token));
+            }), isExistWeight && status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 2, display: "flex" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), isShowWeight && (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ScoreSlider_1.default, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 150, textAlign: "right" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && (0, jsx_runtime_1.jsx)(Abilities_1.default, { stepIndex: index, disabledScore: isSingleChoice })] }), token));
 };
 exports.default = QuestionItem;

package/lib/store/ai-question/interview-room-store.d.ts

@@ -4,17 +4,23 @@ export declare const useInterviewRoomStore: (depsFn?: import("hox/es/types").Dep
     updateInterviewRoom: import("ahooks/lib/useSetState").SetState<InterviewRoomProps>;
     interactType: number;
     aiVideoStatus?: number | undefined;
+    broadcastType?: number | undefined;
     aiInterviewerProfile?: import("@/modules/ai-question/interface").AiInterviewerProfile | undefined;
+    interactionMethods: import("@/modules/ai-question/interface").InteractionMethod[];
 }> | undefined) => {
     interviewRoomState: InterviewRoomProps;
     updateInterviewRoom: import("ahooks/lib/useSetState").SetState<InterviewRoomProps>;
     interactType: number;
     aiVideoStatus?: number | undefined;
+    broadcastType?: number | undefined;
     aiInterviewerProfile?: import("@/modules/ai-question/interface").AiInterviewerProfile | undefined;
+    interactionMethods: import("@/modules/ai-question/interface").InteractionMethod[];
 }, getInterviewRoomStore: () => {
     interviewRoomState: InterviewRoomProps;
     updateInterviewRoom: import("ahooks/lib/useSetState").SetState<InterviewRoomProps>;
     interactType: number;
     aiVideoStatus?: number | undefined;
+    broadcastType?: number | undefined;
     aiInterviewerProfile?: import("@/modules/ai-question/interface").AiInterviewerProfile | undefined;
+    interactionMethods: import("@/modules/ai-question/interface").InteractionMethod[];
 } | undefined;

package/lib/store/ai-question/interview-room-store.js

@@ -35,6 +35,7 @@ exports.useInterviewRoomStore = (_a = __read((0, hox_1.createGlobalStore)(functi
     var _a = __read((0, ahooks_1.useSetState)({
         interactType: 1,
         aiVideoStatus: 0,
+        interactionMethods: [],
     }), 2), interviewRoomState = _a[0], updateInterviewRoom = _a[1];
     return __assign(__assign({}, interviewRoomState), { interviewRoomState: interviewRoomState, updateInterviewRoom: updateInterviewRoom });
 }), 2), _a[0]), exports.getInterviewRoomStore = _a[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eli-video-interview",
-  "version": "1.2.41-alpha.0",
+  "version": "1.2.41-alpha.2",
   "description": "鳄梨科技 AI视频面试 React SDK",
   "author": "鳄梨科技",
   "license": "MIT",