eli-video-interview 1.2.36 → 1.2.37-beta.0

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

@@ -45,20 +45,41 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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 AiAnalysis from '../AiAnalysis';
 import { broadcastModeOptions, durationOptions, prepareTimeOptions } from './const';
+import RandomQuestion from './RandomQuestion';
 import VideoVoice from './VideoVoice';
-import { useQuestionCollectionListStore } from "../../../../store/ai-ability/question-ability-store";
+import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
+import { useEnterpriseStore } from "../../../../store/enterprise/enterprise-store";
 import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
-import { PostQuestionCollectionList } from "../../../../services/ai-ability";
+import { GetAiAbilityList } from "../../../../services/ai-ability";
 import { useRequest } from 'ahooks';
-import { Autocomplete, Box, Form, FormItem, Select, useForm } from 'fbm-ui';
+import { Autocomplete, Box, CloseIcon, Form, FormItem, IconButton, Select, useForm } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { FieldArray } from 'formik';
 import { forwardRef, memo, useEffect, useImperativeHandle } from 'react';
 var QuestionForm = forwardRef(function (props, ref) {
     var aiShowType = props.aiShowType, initialValues = props.initialValues, values = props.values, preview = props.preview, onValuesChange = props.onValuesChange, onSubmit = props.onSubmit, onCategoryChange = props.onCategoryChange;
-    var _a = useQuestionCollectionListStore(function (store) { return [store.questionCollectionList]; }), questionCollectionList = _a.questionCollectionList, updateQuestionCollectionList = _a.updateQuestionCollectionList;
-    var data = useRequest(PostQuestionCollectionList, { manual: preview }).data;
+    var _a = useAiAbilityListStore(), aiAbilityList = _a.aiAbilityList, setSpecialAiAbilityList = _a.setSpecialAiAbilityList;
+    var _b = useEnterpriseStore().enterprise, jobToken = _b.jobToken, thirdToken = _b.thirdToken;
+    var data = useRequest(function () { return GetAiAbilityList({ jobToken: jobToken, thirdToken: thirdToken }); }, {
+        refreshDeps: [jobToken, thirdToken],
+        manual: preview,
+    }).data;
+    useEffect(function () {
+        setSpecialAiAbilityList((data === null || data === void 0 ? void 0 : data.data.list) || []);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [data]);
     var form = useForm({
         initialValues: initialValues,
         onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
@@ -73,7 +94,7 @@ var QuestionForm = forwardRef(function (props, ref) {
             });
         }); },
     });
-    var handleCategoryChange = function (e, value) {
+    var handleCategoryChange = function (_, value) {
         onCategoryChange === null || onCategoryChange === void 0 ? void 0 : onCategoryChange(value);
     };
     var handleMinResponseDurationChange = function (e) {
@@ -99,14 +120,14 @@ var QuestionForm = forwardRef(function (props, ref) {
     }); });
     useEffect(function () {
         values && form.setValues(values);
-        updateQuestionCollectionList((data === null || data === void 0 ? void 0 : data.data.list) || []);
+        // updateQuestionCollectionList(data?.data.list || []);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [values, data]);
     useEffect(function () {
         // console.log(form.values);
         onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(form.values);
     }, [form.values, onValuesChange]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Form, __assign({}, form, { children: [_jsx(FormItem, { required: true, disabled: preview, name: "name", label: "\u6807\u9898", placeholder: "\u6807\u9898\uFF08\u7528\u4E8E\u7CFB\u7EDF\u7BA1\u7406\uFF09", max: 15 }), _jsxs(Box, __assign({ display: "flex" }, { children: [!preview && aiShowType === ADD_QUESTION_TYPE.FREE && (_jsx(FormItem, __assign({ sx: { flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "broadcastType", label: "\u64AD\u62A5\u65B9\u5F0F" }, { children: _jsx(Select, { placeholder: "\u64AD\u62A5\u65B9\u5F0F", options: broadcastModeOptions }) }))), !preview && (_jsx(FormItem, __assign({ style: { flex: '1 0' }, disabled: preview, name: "category", label: "\u8003\u5BDF\u80FD\u529B" }, { children: _jsx(Autocomplete, { placeholder: "\u8003\u5BDF\u80FD\u529B", options: questionCollectionList.map(function (_a) {
+    return (_jsxs(_Fragment, { children: [_jsxs(Form, __assign({}, form, { children: [_jsx(FormItem, { required: true, disabled: preview, name: "name", label: "\u6807\u9898", placeholder: "\u6807\u9898\uFF08\u7528\u4E8E\u7CFB\u7EDF\u7BA1\u7406\uFF09", max: 15 }), _jsxs(Box, __assign({ display: "flex" }, { children: [!preview && aiShowType === ADD_QUESTION_TYPE.FREE && (_jsx(FormItem, __assign({ sx: { flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "broadcastType", label: "\u64AD\u62A5\u65B9\u5F0F" }, { children: _jsx(Select, { placeholder: "\u64AD\u62A5\u65B9\u5F0F", options: broadcastModeOptions }) }))), !preview && (_jsx(FormItem, __assign({ style: { flex: '1 0' }, disabled: preview, name: "category", label: "\u8003\u5BDF\u80FD\u529B" }, { children: _jsx(Autocomplete, { placeholder: "\u8003\u5BDF\u80FD\u529B", options: aiAbilityList.map(function (_a) {
                                         var tag = _a.tag, token = _a.token, isWorkplace = _a.isWorkplace, define = _a.define, type = _a.type;
                                         return ({
                                             label: tag,
@@ -118,12 +139,25 @@ var QuestionForm = forwardRef(function (props, ref) {
                                             define: define,
                                             isWorkplace: isWorkplace,
                                         });
-                                    }), onChange: handleCategoryChange }) })))] })), form.values.broadcastType === 1 || preview ? (_jsx(FormItem, { required: true, disabled: preview, name: "desc", 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" })) : (_jsx(VideoVoice, {})), aiShowType === ADD_QUESTION_TYPE.LANGUAGE && (_jsx(FormItem, { sx: { height: 'auto', mb: 2 }, required: true, name: "readText", label: "\u6717\u8BFB\u5185\u5BB9", max: 240, InputProps: {
+                                    }), onChange: handleCategoryChange }) })))] })), (form === null || form === void 0 ? void 0 : form.values.broadcastType) === 1 || preview ? (_jsx(FieldArray, { name: "questions", render: function () {
+                            var _a;
+                            return (_a = form.values.questions) === null || _a === void 0 ? void 0 : _a.map(function (_, index) { return (_jsxs(Stack, __assign({ 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,
+                                            sx: { padding: 0 },
+                                        }, sx: { flexGrow: 1, height: 120 } }), form.values.questions.length > 1 && (_jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () {
+                                                form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], form.values.questions.filter(function (_, i) { return i !== index; }), true) }));
+                                            } }, { children: _jsx(CloseIcon, {}) })) })))] }), index)); });
+                        } })) : (_jsx(VideoVoice, {})), !preview && aiShowType === ADD_QUESTION_TYPE.FREE && (_jsx(RandomQuestion, { category: aiAbilityList === null || aiAbilityList === void 0 ? void 0 : aiAbilityList.find(function (v) { var _a; return v.name === ((_a = form.values.category) === null || _a === void 0 ? void 0 : _a.value); }), broadcastType: form.values.broadcastType, onAddCustonQuestion: function () {
+                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray(__spreadArray([], form.values.questions, true), [{ content: '', videoUrl: '' }], false) }));
+                        }, onAddRandomQuestion: function (qs) {
+                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray(__spreadArray([], form.values.questions, true), qs.map(function (v) { return ({ content: v, videoUrl: '' }); }), true) }));
+                        } })), aiShowType === ADD_QUESTION_TYPE.LANGUAGE && (_jsx(FormItem, { sx: { height: 'auto', mb: 2 }, required: true, name: "readText", label: "\u6717\u8BFB\u5185\u5BB9", max: 240, InputProps: {
                             rows: 3,
                             multiline: true,
                             placeholder: '朗读内容（候选人将根据此内容进行朗读）',
                             sx: { padding: 0 },
-                        } })), _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 2 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: _jsx(Select, { options: prepareTimeOptions }) })), _jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: _jsx(Select, { options: durationOptions }) })), _jsx(FormItem, { sx: { height: 64, flex: '1 0', ml: 2 }, name: "minResponseDuration", label: "\u6700\u5C11\u56DE\u7B54\u65F6\u957F", type: "number", 
+                        } })), _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 2 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: _jsx(Select, { options: prepareTimeOptions }) })), _jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: _jsx(Select, { options: durationOptions }) })), _jsx(FormItem, { sx: { height: 64, flex: '1 0', ml: 2 }, name: "minResponseDuration", label: "\u6700\u5C11\u56DE\u7B54\u65F6\u957F", type: "number", disabled: preview, 
                                 // rules={[
                                 //   e => {
                                 //     if (!/^[1-9]\d*$/.test(e.value)) {

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RandomQuestionProps } from './interface';
+declare const RandomQuestion: React.FC<RandomQuestionProps>;
+export default RandomQuestion;

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

@@ -0,0 +1,58 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import SelectQuestion from './SelectQuestion';
+import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
+import { AddIcon, Box, Button, InfoIcon, Layout, Message, Popactions, Tooltip } from 'fbm-ui';
+import { Checkbox, FormControlLabel, FormGroup, Typography } from 'fbm-ui/lib/mui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { useState } from 'react';
+var RandomQuestion = function (_a) {
+    var _b, _c;
+    var broadcastType = _a.broadcastType, onAddCustonQuestion = _a.onAddCustonQuestion, onAddRandomQuestion = _a.onAddRandomQuestion, category = _a.category;
+    var _d = useUpdateQuestionStore(function (store) { return [store.questionState]; }), questionState = _d.questionState, updateQuestionState = _d.updateQuestionState;
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var item = questionState.item;
+    var actions = [
+        {
+            text: _jsx(Typography, __assign({ width: 108 }, { children: "\u5FEB\u901F\u9009\u9898" })),
+            onClick: function (_a) {
+                var handleClose = _a.handleClose;
+                handleClose();
+                if (!(category === null || category === void 0 ? void 0 : category.token)) {
+                    Message.error('题目未选择考察能力，不可快速选题');
+                }
+                else {
+                    setOpen(true);
+                }
+            },
+        },
+        {
+            text: _jsx(Typography, __assign({ width: 108 }, { children: "\u81EA\u5B9A\u4E49" })),
+            onClick: function (_a) {
+                var handleClose = _a.handleClose;
+                handleClose();
+                onAddCustonQuestion === null || onAddCustonQuestion === void 0 ? void 0 : onAddCustonQuestion();
+            },
+        },
+    ];
+    var isVideoBroadcast = broadcastType === 2;
+    var desc = isVideoBroadcast ? (_jsxs(_Fragment, { children: ["1. \u89C6\u9891\u5EFA\u8BAE\u7AD6\u7248\uFF0C\u6BD4\u4F8B9\uFF1A16\uFF0C\u683C\u5F0F.mp4\uFF1B\u5019\u9009\u4EBA\u53EF\u91CD\u590D\u542C\u9898\uFF0C\u4F46\u5355\u9898 \u6700\u591A\u91CD\u590D3\u6B21\u3002", _jsx("br", {}), "2. \u5F53\u9762\u8BD5\u95F4\u4EA4\u4E92\u65B9\u5F0F\u662FAI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F\u65F6\uFF0C\u5019\u9009\u4EBA\u9762\u8BD5\u65F6\u5C06\u81EA\u52A8\u628A \u9898\u76EE\u7684\u64AD\u62A5\u65B9\u5F0F\u53D8\u6362\u4E3AAI\u8BED\u97F3\u64AD\u62A5\u65B9\u5F0F", _jsx("br", {}), "3.\u6BCF\u4F4D\u5019\u9009\u4EBA\u968F\u673A1\u9898\uFF0C\u6700\u591A5\u4E2A\u9009\u9879\u3002"] })) : ('每位候选人随机1题，最多5个选项。');
+    var handleVideoBroadcastChange = function (key, checked) {
+        var _a;
+        updateQuestionState({
+            item: __assign(__assign({}, item), { videoBroadcast: __assign(__assign({}, item === null || item === void 0 ? void 0 : item.videoBroadcast), (_a = {}, _a[key] = checked ? 1 : 2, _a)) }),
+        });
+    };
+    return (_jsxs(Layout, { children: [_jsxs(Stack, __assign({ spacing: 2, mb: 1, direction: "row", alignItems: "center", justifyContent: "space-between", mt: 0.375 }, { children: [_jsxs(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [_jsx(Popactions, __assign({ actions: actions, trigger: "click", isClickAway: true, sx: { height: 1 } }, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u968F\u673A\u9762\u8BD5\u5185\u5BB9" })) })), _jsx(Tooltip, __assign({ title: desc, placement: "bottom-start" }, { children: _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1, height: 48 } }, { children: _jsx(InfoIcon, { sx: { color: 'rgba(0, 0, 0, 0.26)', fontSize: 16 } }) })) }))] })), _jsx(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center", mb: 2 }, { children: isVideoBroadcast && (_jsx(FormGroup, { children: _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: ((_b = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _b === void 0 ? void 0 : _b.videoRetry) === 1 }), label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u91CD\u590D\u542C\u9898" })), onChange: function (e, checked) { return handleVideoBroadcastChange('videoRetry', checked); } }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: ((_c = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _c === void 0 ? void 0 : _c.videoSkip) === 1 }), label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u8DF3\u8FC7" })), onChange: function (e, checked) { return handleVideoBroadcastChange('videoSkip', checked); } })] })) })) }))] })), open && _jsx(SelectQuestion, { token: category === null || category === void 0 ? void 0 : category.token, open: open, onClose: function () { return setOpen(false); }, onOk: onAddRandomQuestion })] }));
+};
+export default RandomQuestion;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const SelectQuestion: ({ token, open, onClose, onOk }: {
+    token: any;
+    open: any;
+    onClose: any;
+    onOk: any;
+}) => JSX.Element;
+export default SelectQuestion;

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

@@ -0,0 +1,62 @@
+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 __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 } from "react/jsx-runtime";
+import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
+import { Checkbox, Dialog } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { useState } from 'react';
+var formatQuestion = function (questions) { return questions === null || questions === void 0 ? void 0 : questions.map(function (v) { return v.content; }).join('\n'); };
+var SelectQuestion = function (_a) {
+    var token = _a.token, open = _a.open, onClose = _a.onClose, onOk = _a.onOk;
+    var aiEvaluationData = useQuestionTemplateStore(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
+    var _b = useState([]), questions = _b[0], setQuestions = _b[1];
+    var handleChange = function (q, checked) {
+        if (checked) {
+            setQuestions(__spreadArray(__spreadArray([], questions, true), [q], false));
+        }
+        else {
+            setQuestions(questions.filter(function (v) { return v.token !== q.token; }));
+        }
+    };
+    return (_jsx(Dialog, __assign({ open: open, title: "\u5FEB\u901F\u9009\u9898", size: "sm", onClose: onClose, onOk: function () {
+            onOk(questions.map(function (v) { return formatQuestion(v.questions); }));
+            onClose();
+        } }, { children: _jsx(Stack, { children: aiEvaluationData.map(function (item) {
+                var _a;
+                return (_a = item.list
+                    .find(function (v) { return v.token === token; })) === null || _a === void 0 ? void 0 : _a.list.map(function (q) {
+                    return (_jsx(Checkbox
+                    // @ts-ignore
+                    , { 
+                        // @ts-ignore
+                        sx: {
+                            alignItems: 'flex-start',
+                            '& .MuiCheckbox-root': {},
+                            '& .MuiTypography-root': {
+                                pt: 0.75,
+                            },
+                        }, label: formatQuestion(q.questions), onChange: function (_, checked) {
+                            handleChange(q, checked);
+                        } }, q.token));
+                });
+            }) }) })));
+};
+export default SelectQuestion;

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-declare const VideoVoice: FC;
+/// <reference types="react" />
+declare const VideoVoice: React.FC;
 export default VideoVoice;

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

@@ -9,56 +9,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 } from "react/jsx-runtime";
-import { Box, Button, FormItem, Message, Typography, Upload, UploadIcon } from 'fbm-ui';
-import { Checkbox, FormControlLabel, FormGroup } from 'fbm-ui/lib/mui';
-import { useRequest } from 'ahooks';
-import { PostCommonUpload } from "../../../../services/ai-question";
-import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
-import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
+import VideoVoicePreview from './VideoVoicePreview';
+import VideoVoiceUploader from './VideoVoiceUploader';
+import { Box, CloseIcon, FormItem, IconButton } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { FieldArray } from 'formik';
 var VideoVoice = function () {
-    var _a, _b, _c, _d, _e;
-    var _f = useUpdateQuestionStore(function (store) { return [store.questionState]; }), questionState = _f.questionState, updateQuestionState = _f.updateQuestionState;
-    var item = questionState.item;
-    var _g = useRequest(PostCommonUpload, {
-        manual: true,
-        onSuccess: function (_a) {
-            var data = _a.data;
-            var firstData = data[0];
-            updateQuestionState({
-                item: __assign(__assign({}, item), { videoBroadcast: __assign(__assign({}, item === null || item === void 0 ? void 0 : item.videoBroadcast), { videoUrl: firstData.url }) }),
-            });
-        },
-    }), loading = _g.loading, postCommonUpload = _g.run;
-    var handleVideoBroadcastChange = function (key, checked) {
-        var _a;
-        updateQuestionState({
-            item: __assign(__assign({}, item), { videoBroadcast: __assign(__assign({}, item === null || item === void 0 ? void 0 : item.videoBroadcast), (_a = {}, _a[key] = checked ? 1 : 2, _a)) }),
-        });
-    };
-    var uploadProps = {
-        type: 'custom',
-        showUploadList: false,
-        accept: '.mp4',
-        maxCount: 1,
-        customRequest: function (_a) {
-            var file = _a.file;
-            console.log(file);
-            if (isExceedMaxVideoFileSize(file.size)) {
-                Message.error('视频大小超过500M，请重新上传！');
-            }
-            else {
-                var formData = new FormData();
-                formData.append('files', file);
-                postCommonUpload(formData);
-            }
-        },
-    };
-    return (_jsxs(Box, __assign({ display: "flex", mb: 3 }, { children: [_jsxs(Box, __assign({ width: 168, mr: 2, textAlign: "center" }, { children: [_jsx("video", { style: { width: '100%', height: 292, backgroundColor: 'rgb(222, 222, 222)' }, src: (_a = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _a === void 0 ? void 0 : _a.videoUrl, controls: !!((_b = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _b === void 0 ? void 0 : _b.videoUrl) }), _jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(UploadIcon, {}), loading: loading }, { children: ((_c = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _c === void 0 ? void 0 : _c.videoUrl) ? '重新上传' : '上传视频' })) }))] })), _jsxs(Box, __assign({ flex: "1 0" }, { children: [_jsx(FormItem, { required: true, name: "desc", label: "\u9762\u8BD5\u5185\u5BB9", max: 300, InputProps: {
-                            rows: 5,
-                            multiline: true,
-                            placeholder: '面试内容（系统将根据此内容向候选人进行语音播报）',
-                            sx: { padding: 0 },
-                        } }), _jsx(FormGroup, __assign({ sx: { mt: 9 } }, { children: _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: ((_d = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _d === void 0 ? void 0 : _d.videoRetry) === 1 }), label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u91CD\u590D\u542C\u9898" })), onChange: function (e, checked) { return handleVideoBroadcastChange('videoRetry', checked); } }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: ((_e = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _e === void 0 ? void 0 : _e.videoSkip) === 1 }), label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u8DF3\u8FC7" })), onChange: function (e, checked) { return handleVideoBroadcastChange('videoSkip', checked); } })] })) })), _jsx(Typography, __assign({ fontSize: 12, variant: "body2", sx: { mb: 1 } }, { children: "\u89C6\u9891\u8BED\u97F3\u64AD\u62A5\u8BF4\u660E\uFF1A" })), _jsx(Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "1.\u89C6\u9891\u7D20\u6750\u5C3A\u5BF8\u5EFA\u8BAE\u4E3A\u7AD6\u7248\uFF0C\u6BD4\u4F8B\u63A7\u5236\u57289\uFF1A16 \uFF0C\u683C\u5F0F\u9650\u4E8E.mp4" })), _jsx(Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "2.\u89C6\u9891\u8BED\u97F3\u64AD\u62A5\u8FC7\u7A0B\u4E2D\uFF0C\u9762\u8BD5\u5185\u5BB9\u5C06\u4E0D\u8FDB\u884CAI\u8BED\u97F3\u64AD\u62A5\u5904\u7406" })), _jsx(Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "3.\u5982\u5141\u8BB8\u5019\u9009\u4EBA\u91CD\u590D\u542C\u9898\uFF0C\u5355\u9898\u5168\u7A0B\u91CD\u590D\u6B21\u6570\u4E3A3\u6B21\u3002" }))] }))] })));
+    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([], form.values.questions, true);
+                                    questons[index] = __assign(__assign({}, questons[index]), { videoUrl: '' });
+                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], questons, true) }));
+                                }, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { index: index, questions: form.values.questions, setQuestions: function (qs) {
+                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], qs, true) }));
+                                } })] })), _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: '面试内容（系统将根据此内容向候选人进行语音播报）',
+                                    sx: { padding: 0 },
+                                }, sx: { flexGrow: 1 } }), form.values.questions.length > 1 && (_jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () {
+                                        form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], form.values.questions.filter(function (_, i) { return i !== index; }), true) }));
+                                    } }, { children: _jsx(CloseIcon, {}) })) })))] }))] }), index)); });
+        } }));
 };
 export default VideoVoice;

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

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

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

@@ -0,0 +1,47 @@
+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 { VideoPreview, VideoPreviewMask, VideoPreviewWrapper } from './styled';
+import { DeleteIcon, Divider, IconButton } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { useEffect, useRef } from 'react';
+var VideoVoicePreview = function (_a) {
+    var videoUrl = _a.videoUrl, onDel = _a.onDel;
+    var videoRef = useRef(null);
+    var handlePlay = function () {
+        if (videoRef.current) {
+            videoRef.current.play();
+            videoRef.current.requestFullscreen();
+            videoRef.current.style.objectFit = 'contain';
+        }
+    };
+    var handleDel = onDel;
+    useEffect(function () {
+        var currentVideoRef = videoRef.current;
+        if (currentVideoRef) {
+            currentVideoRef.addEventListener('fullscreenchange', function () {
+                if (!document.fullscreenElement) {
+                    currentVideoRef.pause();
+                    if (currentVideoRef)
+                        currentVideoRef.style.objectFit = 'cover';
+                }
+            });
+        }
+        return function () {
+            if (currentVideoRef) {
+                currentVideoRef.removeEventListener('fullscreenchange', function () { });
+            }
+        };
+    }, []);
+    return (_jsxs(VideoPreviewWrapper, { children: [_jsx(VideoPreview, { src: videoUrl, ref: videoRef }), _jsx(VideoPreviewMask, __assign({ className: "video-preview" }, { children: _jsxs(Stack, __assign({ direction: "row", justifyContent: "space-around", alignItems: "center", height: "100%" }, { children: [_jsx(IconButton, __assign({ color: "inherit", onClick: handlePlay }, { children: _jsx("img", { src: "//webcdn.fbmms.cn/assets/mPfO/oPs2dSpKQW5Rw-cOavSwz", alt: "", width: 24, height: 24 }) })), _jsx(Divider, { orientation: "vertical", sx: { height: 20 } }), _jsx(IconButton, __assign({ color: "inherit", onClick: handleDel }, { children: _jsx(DeleteIcon, {}) }))] })) }))] }));
+};
+export default VideoVoicePreview;

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

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

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

@@ -0,0 +1,60 @@
+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 __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, Fragment as _Fragment, 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';
+var VideoVoiceUploader = function (_a) {
+    var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions;
+    var _b = useRequest(PostCommonUpload, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var firstData = data[0];
+            questions[index] = __assign(__assign({}, questions[index]), { videoUrl: firstData.url });
+            setQuestions(__spreadArray([], questions, true));
+        },
+    }), loading = _b.loading, postCommonUpload = _b.run;
+    var uploadProps = {
+        type: 'custom',
+        showUploadList: false,
+        accept: '.mp4',
+        customRequest: function (_a) {
+            var file = _a.file;
+            if (isExceedMaxVideoFileSize(file.size)) {
+                Message.error('视频大小超过500M，请重新上传！');
+            }
+            else {
+                var formData = new FormData();
+                formData.append('files', file);
+                postCommonUpload(formData);
+            }
+        },
+    };
+    return (_jsx(Upload, __assign({}, uploadProps, { 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..." }))] })) })));
+};
+export default VideoVoiceUploader;

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

@@ -7,6 +7,7 @@ export var defaultQuestionParams = {
     answerStatus: 2,
     broadcastType: 1,
     desc: '',
+    questions: [{ content: '', videoUrl: '' }],
     duration: 30,
     category: undefined,
     extra: {

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

@@ -85,6 +85,7 @@ var QuestionUpdate = function () {
         name: item === null || item === void 0 ? void 0 : item.name,
         broadcastType: item === null || item === void 0 ? void 0 : item.broadcastType,
         desc: item === null || item === void 0 ? void 0 : item.desc,
+        questions: item === null || item === void 0 ? void 0 : item.questions,
         readText: (_a = item === null || item === void 0 ? void 0 : item.extra) === null || _a === void 0 ? void 0 : _a.readText,
         prepareTime: item === null || item === void 0 ? void 0 : item.prepareTime,
         duration: item === null || item === void 0 ? void 0 : item.duration,
@@ -102,8 +103,8 @@ var QuestionUpdate = function () {
                         setSwitchTypeOpen(false);
                         (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: defaultQuestionParams.broadcastType });
                         updateQuestionState({ aiShowType: ADD_QUESTION_TYPE.LANGUAGE });
-                    } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u8DDF\u8BFB\u80FD\u529B" })) }))] }));
-        return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [_jsx(Typography, __assign({ ml: 3, variant: "subtitle1" }, { children: aiShowType === ADD_QUESTION_TYPE.FREE ? '自由作答' : '跟读能力' })), _jsx(Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: _jsx(Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
+                    } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u6717\u8BFB\u9898" })) }))] }));
+        return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [_jsx(Typography, __assign({ ml: 3, variant: "subtitle1" }, { children: aiShowType === ADD_QUESTION_TYPE.FREE ? '自由作答' : '朗读题' })), _jsx(Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: _jsx(Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
     };
     var getModelParams = useCallback(function (values, isSubmit) {
         return new Promise(function (resolve, reject) {
@@ -193,7 +194,11 @@ var QuestionUpdate = function () {
                 case 0: return [4 /*yield*/, getModelParams(values, true)];
                 case 1:
                     _a = _c.sent(), errorIndexes = _a.errorIndexes, params = _a.params;
-                    if (values.broadcastType === 2 && !(item === null || item === void 0 ? void 0 : item.videoBroadcast.videoUrl)) {
+                    if ((values === null || values === void 0 ? void 0 : values.questions.length) > 5) {
+                        Message.error('最多可添加5个面试内容。');
+                        return [2 /*return*/, false];
+                    }
+                    if (values.broadcastType === 2 && !(values === null || values === void 0 ? void 0 : values.questions.every(function (v) { return v.videoUrl !== ''; }))) {
                         Message.error('请上传视频素材');
                         return [2 /*return*/, false];
                     }
@@ -209,9 +214,8 @@ var QuestionUpdate = function () {
                     return [2 /*return*/];
             }
         });
-    }); }, [getModelParams, item === null || item === void 0 ? void 0 : item.videoBroadcast.videoUrl, token, editModel, index, addModel, updateQuestionState]);
+    }); }, [getModelParams, token, editModel, index, addModel, updateQuestionState]);
     var handleWorkplaceData = useCallback(function (curSelectWorkPlace) {
-        // console.log('curSelectWorkPlace', curSelectWorkPlace);
         var curAiAbilities = aiAbilities.slice();
         // 是否是初始化
         var inInit = true;
@@ -221,7 +225,6 @@ var QuestionUpdate = function () {
         var CurWorkPlaceAiAbility = __assign(__assign(__assign({}, curSelectWorkPlace), CurWorkplace), { abilityType: 2, weight: 0, sort: 0 });
         inInit = workplaceTypeIndex === -1;
         CurWorkPlaceAiAbility.desc = CurWorkPlaceAiAbility.define ? CurWorkPlaceAiAbility.define : CurWorkPlaceAiAbility.name;
-        // console.log('CurWorkPlaceAiAbility', CurWorkPlaceAiAbility);
         // 添加和修改
         if (workplaceTypeIndex > -1) {
             curAiAbilities.splice(workplaceTypeIndex, 1, CurWorkPlaceAiAbility);

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

@@ -4,12 +4,17 @@ export interface VideoBroadcastParams {
     videoUrl?: string;
     videoSkip?: number;
 }
+export interface Question {
+    content: string;
+    videoUrl: string;
+}
 export interface QuestionParams {
     name: string;
     token: string;
     originToken: string;
     type: number;
     desc: string;
+    questions: Question[];
     prepareTime: number;
     duration: number;
     minResponseDuration?: number;
@@ -32,6 +37,7 @@ export interface SubmitModelParams {
 export interface QuestionFormValues {
     name: string;
     desc: string;
+    questions: Question[];
     prepareTime: number;
     duration: number;
     minResponseDuration?: number;
@@ -63,3 +69,9 @@ export interface FormRef {
     handleSubmit: () => void;
     setFormValues: (values: Partial<QuestionFormValues>) => void;
 }
+export interface RandomQuestionProps {
+    broadcastType: number;
+    category: any;
+    onAddCustonQuestion?: () => void;
+    onAddRandomQuestion?: (qs: string[]) => void;
+}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const VideoPreview: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {}>;
+export declare const VideoPreviewWrapper: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMask: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMaskContent: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMaskIcon: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;