eli-video-interview 1.2.2 → 1.2.3-5.alpha

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

@@ -45,17 +45,31 @@ 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 { memo, useEffect, forwardRef, useImperativeHandle } from 'react';
-import { Box, Form, FormItem, Select, Autocomplete, useForm } from 'fbm-ui';
-import { useRequest } from 'ahooks';
-import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
-import { PostQuestionCollectionList } from "../../../../services/ai-ability";
-import { broadcastModeOptions, prepareTimeOptions, durationOptions } from './const';
 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 { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
+import { PostQuestionCollectionList } from "../../../../services/ai-ability";
+import { useRequest } from 'ahooks';
+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;
+    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 form = useForm({
         initialValues: initialValues,
@@ -71,6 +85,9 @@ var QuestionForm = forwardRef(function (props, ref) {
             });
         }); },
     });
+    var handleCategoryChange = function (_, value) {
+        onCategoryChange === null || onCategoryChange === void 0 ? void 0 : onCategoryChange(value);
+    };
     useImperativeHandle(ref, function () { return ({
         handleValues: function () { return form.values; },
         handleSubmit: function () { return form.handleSubmit(); },
@@ -78,16 +95,35 @@ var QuestionForm = forwardRef(function (props, ref) {
     }); });
     useEffect(function () {
         values && form.setValues(values);
+        updateQuestionCollectionList((data === null || data === void 0 ? void 0 : data.data.list) || []);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [values]);
+    }, [values, data]);
     useEffect(function () {
-        console.log(form.values);
+        // 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: data === null || data === void 0 ? void 0 : data.data.list.map(function (_a) {
-                                        var tag = _a.tag;
-                                        return ({ label: tag, value: tag });
-                                    }) }) })))] })), 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: {
+    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) {
+                                        var tag = _a.tag, token = _a.token, isWorkplace = _a.isWorkplace, define = _a.define, type = _a.type;
+                                        return ({
+                                            label: tag,
+                                            value: tag,
+                                            name: tag,
+                                            type: type,
+                                            workplaceType: type,
+                                            token: token,
+                                            define: define,
+                                            isWorkplace: isWorkplace,
+                                        });
+                                    }), 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", sx: { flexGrow: 1 } }, index), 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: form.values.category, 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: '朗读内容（候选人将根据此内容进行朗读）',

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,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);
+};
+import { jsx as _jsx, 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: '快速选题',
+            onClick: function (_a) {
+                var handleClose = _a.handleClose;
+                handleClose();
+                if (!(category === null || category === void 0 ? void 0 : category.token)) {
+                    Message.error('题目未选择考察能力，不可快速选题');
+                }
+                else {
+                    setOpen(true);
+                }
+            },
+        },
+        {
+            text: '自定义',
+            onClick: function (_a) {
+                var handleClose = _a.handleClose;
+                handleClose();
+                onAddCustonQuestion === null || onAddCustonQuestion === void 0 ? void 0 : onAddCustonQuestion();
+            },
+        },
+    ];
+    var isVideoBroadcast = broadcastType === 2;
+    var desc = isVideoBroadcast
+        ? "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\n  \u6700\u591A\u91CD\u590D3\u6B21\u3002\n  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\n  \u9898\u76EE\u7684\u64AD\u62A5\u65B9\u5F0F\u53D8\u6362\u4E3AAI\u8BED\u97F3\u64AD\u62A5\u65B9\u5F0F\n  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" }, { children: [_jsxs(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [_jsx(Popactions, __assign({ actions: actions, trigger: "click", isClickAway: true }, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u968F\u673A\u9762\u8BD5\u5185\u5BB9" })) })), _jsx(Tooltip, __assign({ title: "".concat(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); } })] })) })) }))] })), _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,52 @@
+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, { 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,52 @@ 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 { useRequest } from 'ahooks';
-import { FormItem, Upload, Typography, Box, Button, UploadIcon, Message } from 'fbm-ui';
-import { Checkbox, FormGroup, FormControlLabel } from 'fbm-ui/lib/mui';
-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 { useUpdateQuestionStore } from '@store/ai-question/question-update-store';
+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" }))] }))] })));
+    // const { questionState, updateQuestionState } = useUpdateQuestionStore(store => [store.questionState]);
+    // const { item } = questionState;
+    // const handleVideoBroadcastChange = (key, checked) => {
+    //   updateQuestionState({
+    //     item: { ...item, videoBroadcast: { ...item?.videoBroadcast, [key]: checked ? 1 : 2 } },
+    //   });
+    // };
+    // console.log(item);
+    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 () {
+                                    form.values.questions[index] = __assign(__assign({}, form.values.questions[index]), { videoUrl: '' });
+                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], form.values.questions, true) }));
+                                    // item.questions[index] = { content: '', videoUrl: '' };
+                                    // updateQuestionState({
+                                    //   item: { ...item, questions: [...item.questions], videoBroadcast: { ...item?.videoBroadcast, videoUrl: '' } },
+                                    // });
+                                }, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { index: index })] })), _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,5 @@
+/// <reference types="react" />
+declare const VideoVoiceUploader: ({ index }: {
+    index: any;
+}) => JSX.Element;
+export default VideoVoiceUploader;

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

@@ -0,0 +1,65 @@
+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 { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
+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;
+    var _b = useUpdateQuestionStore(function (store) { return [store.questionState]; }), questionState = _b.questionState, updateQuestionState = _b.updateQuestionState;
+    var item = questionState.item;
+    var _c = useRequest(PostCommonUpload, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var firstData = data[0];
+            item.questions[index].videoUrl = firstData.url;
+            updateQuestionState({
+                item: __assign(__assign({}, item), { questions: __spreadArray([], item.questions, true), videoBroadcast: __assign(__assign({}, item === null || item === void 0 ? void 0 : item.videoBroadcast), { videoUrl: firstData.url }) }),
+            });
+        },
+    }), loading = _c.loading, postCommonUpload = _c.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: {