eli-video-interview 1.2.41-alpha.34 → 1.2.41-alpha.36

package/esm/components/BigBallSvg/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
-export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;
+export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;

package/esm/components/ScoreBigBall/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const ScoreBigBallRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/components/ScrollDialogContent/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const ScrollDialogContent: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export default ScrollDialogContent;

package/esm/components/VideoPreview/styled.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 export declare const VideoPreviewRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const PageTurningRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const FaceAnalysisRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -28,6 +28,7 @@ export declare const DEFAULT_GUIDE_VIDEO_THUMB_URL = "https://public-static-asse
 export declare const DEFAULT_GUIDE_VIDEO: {
     videoUrl: string;
     frameUrl: string;
+    loading: boolean;
 }[];
 export declare const DEFAULT_VITUAL_HUMAN_LIST: never[];
 export declare const InteractiveModes: {

package/esm/constants/ai-question.js

@@ -57,6 +57,7 @@ export var DEFAULT_GUIDE_VIDEO = [
     {
         videoUrl: DEFAULT_GUIDE_VIDEO_URL,
         frameUrl: DEFAULT_GUIDE_VIDEO_THUMB_URL,
+        loading: false,
     },
 ];
 export var DEFAULT_VITUAL_HUMAN_LIST = [

package/esm/modules/ai-ability/styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const AbilityRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const AbilityDrawer: import("@emotion/styled").StyledComponent<import("fbm-ui").DrawerProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/modules/ai-ability-select/components/AiAbilityItem/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const NewBadge: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const NewBadge: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/esm/modules/ai-question/components/AiAssessmentCriteria/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const ListItem: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/modules/ai-question/components/BaseAccordion/styled.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 export declare const AccordionRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const AccordionTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const AccordionSubTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -34,7 +34,7 @@ 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CustomUploadButtonRoot, CustomUploadedImgRoot } from './styled';
 import UploadPreview from './UploadPreview';
 import { PostCommonUpload } from "../../../../services/ai-question";
@@ -45,49 +45,87 @@ 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, {
+    var tutorialVideos = mediaList.tutorialVideos, _b = mediaList.pcTutorialVideos, pcTutorialVideos = _b === void 0 ? [] : _b;
+    var _c = useRequest(function (type, formData) { return PostCommonUpload(formData); }, {
         manual: true,
-        onSuccess: function (_a) {
+        onSuccess: function (_a, params) {
             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));
+            var isMobile = params[0] === 'mobile';
+            setMediaList({
+                tutorialVideos: isMobile
+                    ? __spreadArray(__spreadArray([], __read(tutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [
+                        {
+                            url: item.url,
+                            selected: true,
+                        },
+                    ], false) : tutorialVideos,
+                pcTutorialVideos: !isMobile
+                    ? __spreadArray(__spreadArray([], __read(pcTutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [{ url: item.url, selected: true }], false) : pcTutorialVideos,
+            });
         },
-    }), loading = _b.loading, postCommonUpload = _b.run;
+    }), loading = _c.loading, postCommonUpload = _c.run;
+    var _d = useRequest(function (type, formData) { return PostCommonUpload(formData); }, {
+        manual: true,
+        onSuccess: function (_a, params) {
+            var data = _a.data;
+            var _b = __read(data, 1), item = _b[0];
+            var isMobile = params[0] === 'mobile';
+            setMediaList({
+                tutorialVideos: isMobile
+                    ? __spreadArray(__spreadArray([], __read(tutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [
+                        {
+                            url: item.url,
+                            selected: true,
+                        },
+                    ], false) : tutorialVideos,
+                pcTutorialVideos: !isMobile
+                    ? __spreadArray(__spreadArray([], __read(pcTutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [{ url: item.url, selected: true }], false) : pcTutorialVideos,
+            });
+        },
+    }), loadingPc = _d.loading, postPcCommonUpload = _d.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);
+            var file = _a.file, action = _a.action;
             if (isExceedMaxVideoFileSize(file.size)) {
                 Message.error('视频大小超过500M，请重新上传！');
             }
             else {
                 var formData = new FormData();
                 formData.append('files', file);
-                postCommonUpload(formData);
+                if (action === 'mobile')
+                    postCommonUpload(action, formData);
+                if (action === 'pc')
+                    postPcCommonUpload(action, 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]);
+    var handleSelectVideo = useCallback(function (i, type) {
+        if (type === void 0) { type = 'mobile'; }
+        var isMobile = type === 'mobile';
+        setMediaList({
+            tutorialVideos: isMobile ? __spreadArray([], __read(tutorialVideos.map(function (v, ii) { return (__assign(__assign({}, v), { selected: i === ii })); })), false) : tutorialVideos,
+            pcTutorialVideos: !isMobile ? __spreadArray([], __read(pcTutorialVideos.map(function (v, ii) { return (__assign(__assign({}, v), { selected: i === ii })); })), false) : pcTutorialVideos,
+        });
+    }, [tutorialVideos, pcTutorialVideos, setMediaList]);
+    var handleRemoveVideo = useCallback(function (i, type) {
+        if (type === void 0) { type = 'mobile'; }
+        setMediaList({
+            tutorialVideos: type === 'mobile' ? tutorialVideos.filter(function (_, ii) { return ii !== i; }) : tutorialVideos,
+            pcTutorialVideos: type !== 'mobile' ? pcTutorialVideos.filter(function (_, ii) { return ii !== i; }) : pcTutorialVideos,
+        });
+    }, [tutorialVideos, pcTutorialVideos, 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: [_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: true, 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" })))] }));
+    return (_jsxs(Stack, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(Typography, __assign({ variant: "caption" }, { children: "\u79FB\u52A8\u7AEF" })), _jsxs(CustomUploadedImgRoot, __assign({ sx: { minHeight: 0 } }, { children: [tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.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: [_jsxs(CustomUploadButtonRoot, { children: [(tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.length) < 5 && (_jsx(Upload, __assign({}, uploadProps, { action: "mobile" }, { children: _jsx(Button, __assign({ variant: "outlined", disabled: (tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.length) > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), (tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.length) >= 5 && (_jsx(Button, __assign({ variant: "outlined", disabled: true, 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 } }) })) }))] })), (tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.length) === 0 && (_jsx(Typography, __assign({ variant: "caption", color: "error" }, { children: "\u4E0A\u4F20\u89C6\u9891\u4E0D\u53EF\u4E3A\u7A7A" })))] }), _jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "caption" }, { children: "\u7535\u8111\u7AEF" })), _jsxs(CustomUploadedImgRoot, __assign({ sx: { minHeight: 0 } }, { children: [pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.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, 'pc'); }, onRemove: function () { return handleRemoveVideo(i, 'pc'); } }, url));
+                            }), loadingPc && _jsx(Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsxs(CustomUploadButtonRoot, { children: [(pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.length) < 5 && (_jsx(Upload, __assign({}, uploadProps, { action: "pc" }, { children: _jsx(Button, __assign({ variant: "outlined", disabled: (pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.length) > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), (pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.length) >= 5 && (_jsx(Button, __assign({ variant: "outlined", disabled: true, 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 } }) })) }))] })), (pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.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/index.js

@@ -44,6 +44,7 @@ import { useBootVideoStore } from "../../../../store/ai-question/boot-video-stor
 import { useInterviewRoomStore } from "../../../../store/ai-question/interview-room-store";
 import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
 import { useRequest, useSetState } from 'ahooks';
+import { Checkbox } from 'fbm-ui';
 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';
@@ -53,15 +54,17 @@ var Options = [
     { label: '自定义播报', value: 3 },
 ];
 var BootVideo = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var open = props.open, onClose = props.onClose;
-    var _k = useInterviewRoomStore(), interactType = _k.interactType, aiInterviewerProfile = _k.aiInterviewerProfile, updateInterviewRoom = _k.updateInterviewRoom, interactionMethods = _k.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, {
+    var _j = useInterviewRoomStore(), interactType = _j.interactType, aiInterviewerProfile = _j.aiInterviewerProfile, updateInterviewRoom = _j.updateInterviewRoom, interactionMethods = _j.interactionMethods;
+    var _k = __read(useState({ interactType: interactType, aiInterviewerProfile: aiInterviewerProfile, interactionMethods: interactionMethods }), 2), interviewRoomState = _k[0], setInterviewRoomState = _k[1];
+    var _l = __read(useState(interactionMethods || DEFAULT_VITUAL_HUMAN_LIST), 2), virtualManList = _l[0], setVirtualManList = _l[1];
+    var _m = useBootVideoStore(), pcUrl = _m.pcUrl, mediaUrl = _m.mediaUrl, thumbUrl = _m.thumbUrl, updateBootVideo = _m.updateBootVideo;
+    // 传统引导视频
+    var _o = __read(useState(DEFAULT_GUIDE_VIDEO), 2), mediaList = _o[0], setMediaList = _o[1];
+    var _p = __read(useState(DEFAULT_GUIDE_VIDEO), 2), pcMediaList = _p[0], setPcMediaList = _p[1];
+    var _q = __read(useSetState({ pcUrl: pcUrl, mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), 2), mediaState = _q[0], setMediaState = _q[1];
+    var _r = useRequest(PostCommonUpload, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
@@ -74,9 +77,25 @@ var BootVideo = function (props) {
                     frameUrl: item.mineExtra.firstFrameUrl,
                 },
             ]);
-            setMediaState({ mediaUrl: item.url, thumbUrl: item.mineExtra.firstFrameUrl });
+            setMediaState({ pcUrl: pcUrl, mediaUrl: item.url, thumbUrl: item.mineExtra.firstFrameUrl });
         },
-    }).run;
+    }), loading = _r.loading, postCommonUpload = _r.run;
+    var _s = useRequest(PostCommonUpload, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var _b = __read(data, 1), item = _b[0];
+            var OfficialMedia = pcMediaList[0];
+            setPcMediaList([
+                OfficialMedia,
+                {
+                    videoUrl: item.url,
+                    frameUrl: item.mineExtra.firstFrameUrl,
+                },
+            ]);
+            setMediaState({ pcUrl: item.url, mediaUrl: mediaUrl, thumbUrl: item.mineExtra.firstFrameUrl });
+        },
+    }), pcLoading = _s.loading, postPCCommonUpload = _s.run;
     var getAiInterviewerProfileList = useRequest(GetAiInterviewerProfileList, {
         manual: true,
         onSuccess: function (_a) {
@@ -92,7 +111,7 @@ var BootVideo = function (props) {
     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 __assign(__assign({}, v), { detail: __assign(__assign({}, v.detail), data) });
             }
             return v;
         }));
@@ -157,6 +176,24 @@ var BootVideo = function (props) {
             }
         },
     };
+    var pcUploadProps = {
+        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);
+                postPCCommonUpload(formData);
+            }
+        },
+    };
     var handleGuidanceText = useCallback(function (e) {
         setVirtualManList(virtualManList.map(function (v) {
             if (v.selected) {
@@ -203,13 +240,16 @@ var BootVideo = function (props) {
                                                 // @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, max: 300 })] })), _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: {
+                                    }, sx: { width: 240, height: 'auto', mt: 1 } }), broadcastType === 3 && (_jsxs(Stack, { children: [_jsx(CustomVideos, { mediaList: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail, setMediaList: handleSetVideo }), _jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3, mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u6587\u672C\u6846\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _a === void 0 ? void 0 : _a.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, sx: { mb: 2 }, onChange: handleGuidanceText, max: 300 })] })), _jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 3 }, { children: broadcastType !== 3 ? '面试官形象' : '面试官形象（播报题目）' })), broadcastType !== 3 && (_jsx(CustomUploadedImgRoot, { children: _jsx(Box, { children: _jsx("img", { src: (_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _b === void 0 ? void 0 : _b.virtualHumanAvatar, style: {
                                                 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: {
+                                            }, height: 100, alt: "" }) }) })), broadcastType === 3 && (_jsx(CustomUploadedImgRoot, { children: (_d = (_c = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _c === void 0 ? void 0 : _c.interviewerShows) === null || _d === void 0 ? void 0 : _d.map(function (human) { return (_jsxs(Box, { children: [_jsx("img", { src: human.virtualHumanAvatar, style: {
                                                     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) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, onChange: handleGuidanceText, max: 300 })] }))] })), interviewRoomState.interactType === 1 && (_jsxs(_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 } }) })) }))] }))] }))] })) })) }) })));
+                                                }, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), _jsx(Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken)); }) })), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_g = (_f = (_e = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _e === void 0 ? void 0 : _e.interviewerShows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.desc) })), broadcastType !== 3 && (_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_h = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _h === void 0 ? void 0 : _h.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, onChange: handleGuidanceText, max: 300 })] }))] })), interviewRoomState.interactType === 1 && (_jsxs(Stack, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(Typography, __assign({ variant: "caption", mb: 2 }, { children: "\u79FB\u52A8\u7AEF" })), _jsxs(CustomUploadedImgRoot, { children: [mediaList.map(function (_a) {
+                                                    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));
+                                                }), loading && _jsx(Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] }), _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 } }) })) }))] }))] }), _jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "caption", mb: 2 }, { children: "\u7535\u8111\u7AEF" })), _jsxs(CustomUploadedImgRoot, __assign({ platform: "pc" }, { children: [pcMediaList.map(function (_a) {
+                                                    var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
+                                                    return (_jsx(Box, { children: _jsx("img", { src: frameUrl, style: { borderColor: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.pcUrl) === videoUrl ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }) }, videoUrl));
+                                                }), pcLoading && _jsx(Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsxs(CustomUploadButtonRoot, { children: [pcMediaList.length <= 5 && (_jsx(Upload, __assign({}, pcUploadProps, { children: _jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), pcMediaList.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 } }) })) })), _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 }); } }) }))] }))] })] }))] })) })) }) })));
 };
 export default BootVideo;

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

@@ -5,4 +5,5 @@ export interface BootVideoProps {
 export interface MediaListProps {
     videoUrl: string;
     frameUrl: string;
+    loading?: boolean;
 }

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

@@ -1,13 +1,15 @@
 /// <reference types="react" />
 export declare const CustomUploadCardRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadCardTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadButtonRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadedImgRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    platform?: "mobile" | "pc" | undefined;
+}, {}, {}>;

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

@@ -29,21 +29,24 @@ export var CustomUploadButtonRoot = styled(Box)({
     justifyContent: 'center',
     margin: '8px 0',
 });
-export var CustomUploadedImgRoot = styled(Box)({
-    minHeight: 100,
-    display: 'flex',
-    flexWrap: 'wrap',
-    alignItems: 'center',
-    padding: '8px 0',
-    boxSizing: 'content-box',
-    '& img, & div': {
-        boxSizing: 'border-box',
-        width: 56,
-        objectFit: 'cover',
-        // transition: 'all 0.3s ease 0s',
-        cursor: 'pointer',
-        border: '2px solid transparent',
-        borderRadius: 4,
-        marginRight: 4,
-    },
+export var CustomUploadedImgRoot = styled(Box)(function (_a) {
+    var _b = _a.platform, platform = _b === void 0 ? 'mobile' : _b;
+    return ({
+        minHeight: "".concat(platform === 'mobile' ? 100 : 90, "px"),
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        // padding: '8px 0',
+        boxSizing: 'content-box',
+        '& img, & div': {
+            boxSizing: 'border-box',
+            width: "".concat(platform === 'mobile' ? 56 : 160, "px"),
+            objectFit: 'cover',
+            // transition: 'all 0.3s ease 0s',
+            cursor: 'pointer',
+            border: '2px solid transparent',
+            borderRadius: 4,
+            marginRight: 4,
+        },
+    });
 });

package/esm/modules/ai-question/components/QuestionImport/styled.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const CustomUploadCardRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadCardTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadButtonRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadedImgRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const QuestionModelRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/modules/ai-question/components/QuestionPreview/styled.d.ts

@@ -4,8 +4,8 @@ export declare const PreviewRoot: import("@emotion/styled").StyledComponent<{
     classes?: Partial<import("fbm-ui/lib/mui").PaperClasses> | undefined;
     elevation?: number | undefined;
     square?: boolean | undefined;
-    sx?: import("@mui/system/styleFunctionSx").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
+    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
     variant?: "outlined" | "elevation" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

package/esm/modules/ai-question/components/QuestionUpdate/VideoVoice.js

@@ -45,16 +45,25 @@ var VideoVoice = function () {
     return (_jsx(FieldArray, { name: "questions", render: function (_a) {
             var _b;
             var form = _a.form;
-            return (_b = form.values.questions) === null || _b === void 0 ? void 0 : _b.map(function (q, index) { return (_jsxs(Box, __assign({ display: "flex", mb: 3 }, { children: [_jsxs(Box, __assign({ width: 96, height: 96, mr: 2, textAlign: "center", overflow: "hidden", sx: {
-                            borderRadius: 2,
-                            border: '1px dashed rgba(0,0,0, 0.08)',
-                        } }, { children: [q.videoUrl && (_jsx(VideoVoicePreview, { onDel: function () {
-                                    var questons = __spreadArray([], __read(form.values.questions), false);
-                                    questons[index] = __assign(__assign({}, questons[index]), { videoUrl: '' });
-                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
-                                }, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { index: index, questions: form.values.questions, setQuestions: function (qs) {
-                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
-                                } })] })), _jsxs(Stack, __assign({ flexGrow: 1, justifyContent: "space-between", spacing: 3 }, { children: [_jsxs(Stack, __assign({ flexGrow: 1, direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [_jsx(FormItem, { required: true, name: "questions.".concat(index, ".content"), label: "\u9762\u8BD5\u5185\u5BB9", max: 300, placeholder: "\u9762\u8BD5\u5185\u5BB9\uFF08\u7CFB\u7EDF\u5C06\u6839\u636E\u6B64\u5185\u5BB9\u5411\u5019\u9009\u4EBA\u8FDB\u884C\u8BED\u97F3\u64AD\u62A5\uFF09", InputProps: {
+            return (_b = form.values.questions) === null || _b === void 0 ? void 0 : _b.map(function (q, index) { return (_jsxs(Box, __assign({ display: "flex", mb: 3 }, { children: [_jsxs(Stack, __assign({ spacing: 2, width: 96, mr: 2 }, { children: [_jsxs(Box, __assign({ textAlign: "center", overflow: "hidden", height: 57, sx: {
+                                    borderRadius: 2,
+                                    border: '1px dashed rgba(0,0,0, 0.08)',
+                                } }, { children: [q.videoUrl && (_jsx(VideoVoicePreview, { onDel: function () {
+                                            var questons = __spreadArray([], __read(form.values.questions), false);
+                                            questons[index] = __assign(__assign({}, questons[index]), { videoUrl: '' });
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
+                                        }, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { index: index, questions: form.values.questions, setQuestions: function (qs) {
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
+                                        } })] })), _jsxs(Box, __assign({ textAlign: "center", overflow: "hidden", height: 57, sx: {
+                                    borderRadius: 2,
+                                    border: '1px dashed rgba(0,0,0, 0.08)',
+                                } }, { children: [q.videoURLWide && (_jsx(VideoVoicePreview, { onDel: function () {
+                                            var questons = __spreadArray([], __read(form.values.questions), false);
+                                            questons[index] = __assign(__assign({}, questons[index]), { videoURLWide: '' });
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
+                                        }, videoUrl: q.videoURLWide })), _jsx(VideoVoiceUploader, { index: index, type: "pc", questions: form.values.questions, setQuestions: function (qs) {
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
+                                        } })] }))] })), _jsxs(Stack, __assign({ flexGrow: 1, justifyContent: "space-between", spacing: 3 }, { children: [_jsxs(Stack, __assign({ flexGrow: 1, direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [_jsx(FormItem, { required: true, name: "questions.".concat(index, ".content"), label: "\u9762\u8BD5\u5185\u5BB9", max: 300, placeholder: "\u9762\u8BD5\u5185\u5BB9\uFF08\u7CFB\u7EDF\u5C06\u6839\u636E\u6B64\u5185\u5BB9\u5411\u5019\u9009\u4EBA\u8FDB\u884C\u8BED\u97F3\u64AD\u62A5\uFF09", InputProps: {
                                             rows: 3,
                                             multiline: true,
                                             placeholder: '面试内容（系统将根据此内容向候选人进行语音播报）',

package/esm/modules/ai-question/components/QuestionUpdate/VideoVoiceUploader.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-declare const VideoVoiceUploader: ({ index, questions, setQuestions }: {
+declare const VideoVoiceUploader: ({ index, questions, setQuestions, type }: {
     index: any;
     questions: any;
     setQuestions: any;
+    type?: string | undefined;
 }) => JSX.Element;
 export default VideoVoiceUploader;

package/esm/modules/ai-question/components/QuestionUpdate/VideoVoiceUploader.js

@@ -34,23 +34,23 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PostCommonUpload } from "../../../../services/ai-question";
 import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
 import { useRequest } from 'ahooks';
 import { Message, Typography, Upload, UploadIcon } from 'fbm-ui';
-import { Stack } from 'fbm-ui/lib/mui';
+import { CircularProgress, Stack } from 'fbm-ui/lib/mui';
 var VideoVoiceUploader = function (_a) {
-    var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions;
-    var _b = useRequest(PostCommonUpload, {
+    var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions, _b = _a.type, type = _b === void 0 ? 'mobile' : _b;
+    var _c = useRequest(PostCommonUpload, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
             var _b = __read(data, 1), firstData = _b[0];
-            questions[index] = __assign(__assign({}, questions[index]), { videoUrl: firstData.url });
+            questions[index] = __assign(__assign({}, questions[index]), (type === 'mobile' ? { videoUrl: firstData.url } : { videoURLWide: firstData.url }));
             setQuestions(__spreadArray([], __read(questions), false));
         },
-    }), loading = _b.loading, postCommonUpload = _b.run;
+    }), loading = _c.loading, postCommonUpload = _c.run;
     var uploadProps = {
         type: 'custom',
         showUploadList: false,
@@ -67,10 +67,15 @@ var VideoVoiceUploader = function (_a) {
             }
         },
     };
-    return (_jsx(Upload, __assign({}, uploadProps, { children: _jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center", color: "text.secondary", sx: {
+    return (_jsx(Upload, __assign({}, uploadProps, { 
+        // @ts-ignore
+        sx: {
+            width: '100%',
+            height: '100%',
+        } }, { children: _jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center", color: "text.secondary", sx: {
                 cursor: 'pointer',
-                width: 94,
-                height: 94,
-            } }, { children: [!loading && (_jsxs(_Fragment, { children: [_jsx(UploadIcon, { color: "inherit" }), _jsx(Typography, __assign({ variant: "caption", color: "inherit" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] })), loading && _jsx(Typography, __assign({ variant: "caption" }, { children: "\u4E0A\u4F20\u4E2D..." }))] })) })));
+                width: '100%',
+                height: '100%',
+            } }, { children: [!loading && (_jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [_jsx(UploadIcon, { color: "inherit" }), _jsx(Typography, __assign({ variant: "caption", color: "inherit" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }))), loading && (_jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [_jsx(CircularProgress, { size: 24, color: "inherit" }), _jsx(Typography, __assign({ variant: "caption" }, { children: "\u4E0A\u4F20\u4E2D..." }))] })))] })) })));
 };
 export default VideoVoiceUploader;