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

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

@@ -10,57 +10,56 @@ 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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ahooks_1 = require("ahooks");
+var VideoVoicePreview_1 = __importDefault(require("./VideoVoicePreview"));
+var VideoVoiceUploader_1 = __importDefault(require("./VideoVoiceUploader"));
+// import { useUpdateQuestionStore } from '@store/ai-question/question-update-store';
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
-var ai_question_1 = require("../../../../services/ai-question");
-var question_update_store_1 = require("../../../../store/ai-question/question-update-store");
-var utils_1 = require("../../../../utils/utils");
+var formik_1 = require("formik");
 var VideoVoice = function () {
-    var _a, _b, _c, _d, _e;
-    var _f = (0, question_update_store_1.useUpdateQuestionStore)(function (store) { return [store.questionState]; }), questionState = _f.questionState, updateQuestionState = _f.updateQuestionState;
-    var item = questionState.item;
-    var _g = (0, ahooks_1.useRequest)(ai_question_1.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 ((0, utils_1.isExceedMaxVideoFileSize)(file.size)) {
-                fbm_ui_1.Message.error('视频大小超过500M，请重新上传！');
-            }
-            else {
-                var formData = new FormData();
-                formData.append('files', file);
-                postCommonUpload(formData);
-            }
-        },
-    };
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", mb: 3 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: 168, mr: 2, textAlign: "center" }, { children: [(0, jsx_runtime_1.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) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.UploadIcon, {}), loading: loading }, { children: ((_c = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _c === void 0 ? void 0 : _c.videoUrl) ? '重新上传' : '上传视频' })) }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { required: true, name: "desc", label: "\u9762\u8BD5\u5185\u5BB9", max: 300, InputProps: {
-                            rows: 5,
-                            multiline: true,
-                            placeholder: '面试内容（系统将根据此内容向候选人进行语音播报）',
-                            sx: { padding: 0 },
-                        } }), (0, jsx_runtime_1.jsx)(mui_1.FormGroup, __assign({ sx: { mt: 9 } }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(mui_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(mui_1.Checkbox, { checked: ((_d = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _d === void 0 ? void 0 : _d.videoRetry) === 1 }), label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u91CD\u590D\u542C\u9898" })), onChange: function (e, checked) { return handleVideoBroadcastChange('videoRetry', checked); } }), (0, jsx_runtime_1.jsx)(mui_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(mui_1.Checkbox, { checked: ((_e = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _e === void 0 ? void 0 : _e.videoSkip) === 1 }), label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u8DF3\u8FC7" })), onChange: function (e, checked) { return handleVideoBroadcastChange('videoSkip', checked); } })] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", sx: { mb: 1 } }, { children: "\u89C6\u9891\u8BED\u97F3\u64AD\u62A5\u8BF4\u660E\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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 ((0, jsx_runtime_1.jsx)(formik_1.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 ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", mb: 3 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.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 && ((0, jsx_runtime_1.jsx)(VideoVoicePreview_1.default, { 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 })), (0, jsx_runtime_1.jsx)(VideoVoiceUploader_1.default, { index: index })] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ flexGrow: 1, direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ height: 84, pt: 1 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.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: (0, jsx_runtime_1.jsx)(fbm_ui_1.CloseIcon, {}) })) })))] }))] }), index)); });
+        } }));
 };
 exports.default = VideoVoice;

package/lib/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/lib/modules/ai-question/components/QuestionUpdate/VideoVoicePreview.js

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = require("./styled");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var VideoVoicePreview = function (_a) {
+    var videoUrl = _a.videoUrl, onDel = _a.onDel;
+    var videoRef = (0, react_1.useRef)(null);
+    var handlePlay = function () {
+        if (videoRef.current) {
+            videoRef.current.play();
+            videoRef.current.requestFullscreen();
+            videoRef.current.style.objectFit = 'contain';
+        }
+    };
+    var handleDel = onDel;
+    (0, react_1.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 ((0, jsx_runtime_1.jsxs)(styled_1.VideoPreviewWrapper, { children: [(0, jsx_runtime_1.jsx)(styled_1.VideoPreview, { src: videoUrl, ref: videoRef }), (0, jsx_runtime_1.jsx)(styled_1.VideoPreviewMask, __assign({ className: "video-preview" }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-around", alignItems: "center", height: "100%" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ color: "inherit", onClick: handlePlay }, { children: (0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/assets/mPfO/oPs2dSpKQW5Rw-cOavSwz", alt: "", width: 24, height: 24 }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Divider, { orientation: "vertical", sx: { height: 20 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ color: "inherit", onClick: handleDel }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}) }))] })) }))] }));
+};
+exports.default = VideoVoicePreview;

package/lib/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/lib/modules/ai-question/components/QuestionUpdate/VideoVoiceUploader.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_question_1 = require("../../../../services/ai-question");
+var question_update_store_1 = require("../../../../store/ai-question/question-update-store");
+var utils_1 = require("../../../../utils/utils");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var VideoVoiceUploader = function (_a) {
+    var index = _a.index;
+    var _b = (0, question_update_store_1.useUpdateQuestionStore)(function (store) { return [store.questionState]; }), questionState = _b.questionState, updateQuestionState = _b.updateQuestionState;
+    var item = questionState.item;
+    var _c = (0, ahooks_1.useRequest)(ai_question_1.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 ((0, utils_1.isExceedMaxVideoFileSize)(file.size)) {
+                fbm_ui_1.Message.error('视频大小超过500M，请重新上传！');
+            }
+            else {
+                var formData = new FormData();
+                formData.append('files', file);
+                postCommonUpload(formData);
+            }
+        },
+    };
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ justifyContent: "center", alignItems: "center", color: "text.secondary", sx: {
+                cursor: 'pointer',
+                width: 94,
+                height: 94,
+            } }, { children: [!loading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.UploadIcon, { color: "inherit" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "inherit" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] })), loading && (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption" }, { children: "\u4E0A\u4F20\u4E2D..." }))] })) })));
+};
+exports.default = VideoVoiceUploader;

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

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

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

@@ -62,35 +62,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
-var mui_1 = require("fbm-ui/lib/mui");
+var const_1 = require("./const");
+var Form_1 = __importDefault(require("./Form"));
+var question_ability_store_1 = require("../../../../store/ai-ability/question-ability-store");
+var ScrollDialogContent_1 = __importDefault(require("../../../../components/ScrollDialogContent"));
 var ai_question_1 = require("../../../../enum/ai-question");
+var ai_analysis_store_1 = require("../../../../store/ai-question/ai-analysis-store");
 var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
 var question_update_store_1 = require("../../../../store/ai-question/question-update-store");
-var ai_analysis_store_1 = require("../../../../store/ai-question/ai-analysis-store");
-var ScrollDialogContent_1 = __importDefault(require("../../../../components/ScrollDialogContent"));
-var const_1 = require("./const");
-var Form_1 = __importDefault(require("./Form"));
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
 var QuestionUpdate = function () {
     var _a;
     var formRef = (0, react_1.useRef)();
     var _b = (0, react_1.useState)(false), switchTypeOpen = _b[0], setSwitchTypeOpen = _b[1];
     var _c = (0, question_model_store_1.useQuestionModelStore)(), addModel = _c.addModel, editModel = _c.editModel;
     var _d = (0, question_update_store_1.useUpdateQuestionStore)(function (store) { return [store.questionState]; }), questionState = _d.questionState, updateQuestionState = _d.updateQuestionState;
+    var questionCollectionList = (0, question_ability_store_1.useQuestionCollectionListStore)(function (store) { return [store.questionCollectionList]; }).questionCollectionList;
     var _e = (0, ai_analysis_store_1.useAiAnalysisStore)(function (store) { return [
         store.aiAbilities,
         store.analysisState,
-    ]; }), aiAbilities = _e.aiAbilities, analysisState = _e.analysisState, setKeyPointAnalysisError = _e.setKeyPointAnalysisError, updateAiAbilities = _e.updateAiAbilities, updateState = _e.updateState;
+        store.workplaces,
+    ]; }), aiAbilities = _e.aiAbilities, workplaces = _e.workplaces, analysisState = _e.analysisState, setKeyPointAnalysisError = _e.setKeyPointAnalysisError, updateAiAbilities = _e.updateAiAbilities, updateState = _e.updateState;
     var open = questionState.open, item = questionState.item, aiShowType = questionState.aiShowType, token = questionState.token, index = questionState.index;
     var initialValues = {
         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,
-        category: (item === null || item === void 0 ? void 0 : item.category) ? { label: item === null || item === void 0 ? void 0 : item.category[0], value: item === null || item === void 0 ? void 0 : item.category[0] } : { label: '', value: '' },
+        category: (item === null || item === void 0 ? void 0 : item.category) ? { label: (item === null || item === void 0 ? void 0 : item.category[0]) || '', value: (item === null || item === void 0 ? void 0 : item.category[0]) || '' } : { label: '', value: '' },
     };
     var CustomHeader = function () {
         var content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(mui_1.MenuItem, __assign({ sx: { backgroundColor: aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
@@ -104,17 +108,19 @@ var QuestionUpdate = function () {
                         (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: const_1.defaultQuestionParams.broadcastType });
                         updateQuestionState({ aiShowType: ai_question_1.ADD_QUESTION_TYPE.LANGUAGE });
                     } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u8DDF\u8BFB\u80FD\u529B" })) }))] }));
-        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1" }, { children: aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE ? '自由作答' : '跟读能力' })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
+        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ ml: 3, variant: "subtitle1" }, { children: aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE ? '自由作答' : '跟读能力' })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.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 = (0, react_1.useCallback)(function (values, isSubmit) {
         return new Promise(function (resolve, reject) {
             var _a;
             var errorIndexes = [];
-            var newAiAbilities = aiAbilities.map(function (item) {
-                item.isNotCompute = true;
-                if (item.type === 6) {
+            // 职场能力中不参与AI分析的提交时，过滤掉
+            var newAiAbilities = aiAbilities
+                .map(function (i) {
+                i.isNotCompute = true;
+                if (i.type === 6) {
                     var extra_1 = {};
-                    var extraJson = JSON.parse(item.extra);
+                    var extraJson = JSON.parse(i.extra);
                     extraJson.forEach(function (_a, index) {
                         var words = _a.words, score = _a.score, color = _a.color;
                         if (!words)
@@ -128,14 +134,20 @@ var QuestionUpdate = function () {
                             reject();
                         }
                     }
-                    return __assign(__assign({}, item), { extra: JSON.stringify(extra_1) });
+                    return __assign(__assign({}, i), { extra: JSON.stringify(extra_1) });
                 }
-                return item;
-            });
+                return i;
+            })
+                .filter(function (v) { return v.abilityType === 1 || (v.abilityType === 2 && v.isWorkplace); });
             var _b = values || { category: undefined }, _c = _b.readText, readText = _c === void 0 ? '' : _c, otherValues = __rest(_b, ["readText"]);
+            // fixbug: 从多维度能力测评题库选择题目且更改为跟读题时，朗读内容无法保存成功的问题
+            if (!item.extra && readText) {
+                item.extra = const_1.defaultQuestionParams.extra;
+            }
             resolve({
                 errorIndexes: errorIndexes,
-                params: __assign(__assign(__assign(__assign({}, item), otherValues), analysisState), { category: (otherValues === null || otherValues === void 0 ? void 0 : otherValues.category) ? [(_a = otherValues === null || otherValues === void 0 ? void 0 : otherValues.category) === null || _a === void 0 ? void 0 : _a.value] : [], extra: readText && item.extra ? __assign(__assign({}, item.extra), { readText: readText }) : item.extra, aiType: newAiAbilities.length > 0 && analysisState.aiSwitch === 1 ? 2 : 1, aiShowType: aiShowType, aiAbilities: newAiAbilities }),
+                params: __assign(__assign(__assign(__assign({}, item), otherValues), analysisState), { category: (otherValues === null || otherValues === void 0 ? void 0 : otherValues.category) ? [(_a = otherValues === null || otherValues === void 0 ? void 0 : otherValues.category) === null || _a === void 0 ? void 0 : _a.value] : [], extra: readText && item.extra ? __assign(__assign({}, item.extra), { readText: readText }) : item.extra, aiType: newAiAbilities.length > 0 ? 2 : 1, // 不参与AI分析的考察能力不可设置题目权重，只有可AI分析的职场能力和AI基础能力
+                    aiShowType: aiShowType, aiAbilities: newAiAbilities }),
             });
         });
     }, [aiAbilities, aiShowType, analysisState, item, setKeyPointAnalysisError]);
@@ -152,7 +164,7 @@ var QuestionUpdate = function () {
                     if (item.extra === null) {
                         item.extra = params.extra;
                     }
-                    console.log(item, params);
+                    // console.log(item, params);
                     if (JSON.stringify(item) !== JSON.stringify(params)) {
                         (0, fbm_ui_1.confirm)({
                             header: null,
@@ -186,7 +198,11 @@ var QuestionUpdate = function () {
                 case 0: return [4 /*yield*/, getModelParams(values, true)];
                 case 1:
                     _a = _b.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) > 4) {
+                        fbm_ui_1.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 !== ''; }))) {
                         fbm_ui_1.Message.error('请上传视频素材');
                         return [2 /*return*/, false];
                     }
@@ -197,14 +213,59 @@ 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 = (0, react_1.useCallback)(function (curSelectWorkPlace) {
+        // console.log('curSelectWorkPlace', curSelectWorkPlace);
+        var curAiAbilities = aiAbilities.slice();
+        // 是否是初始化
+        var inInit = true;
+        // 考察能力是否包含在AI能力
+        var workplaceTypeIndex = curAiAbilities.findIndex(function (v) { return v.abilityType === 2; });
+        var CurWorkplace = questionCollectionList.find(function (v) { return v.name === curSelectWorkPlace.label; }) || {};
+        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);
+        }
+        else {
+            curAiAbilities.unshift(CurWorkPlaceAiAbility);
+        }
+        console.log('curAiAbilities', curAiAbilities, inInit);
+        updateAiAbilities(curAiAbilities, inInit);
+    }, [questionCollectionList, aiAbilities, updateAiAbilities]);
+    var handleCategoryChange = (0, react_1.useCallback)(function (value) {
+        // console.log('category value:', value);
+        // 考察能力更改
+        if (value && value.label) {
+            handleWorkplaceData(value);
+        }
+        else if (!(value === null || value === void 0 ? void 0 : value.label)) {
+            var curAiAbilities = aiAbilities.filter(function (v) { return v.abilityType === 1; });
+            updateAiAbilities(curAiAbilities);
+            // 考察能力删除
+            // console.log('考察能力删除', aiAbilities);
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [aiAbilities, handleWorkplaceData]);
     (0, react_1.useEffect)(function () {
         if (open) {
             updateState({ language: item.language, aiSwitch: item.aiSwitch });
             updateAiAbilities(item.aiAbilities, true);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [open]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, header: CustomHeader, size: "sm", okText: "\u786E\u8BA4", onClose: handleClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { mt: 1 } }, { children: (0, jsx_runtime_1.jsx)(Form_1.default, { ref: formRef, initialValues: initialValues, aiShowType: aiShowType, onSubmit: handleSubmit }) })) }) })));
+    }, [open, item.aiAbilities]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        // 删除考察能力时，考察能力选择框清空
+        var WorkplaceLength = workplaces.length;
+        if (WorkplaceLength === 0) {
+            (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ category: { label: '', value: '' } });
+        }
+    }, [workplaces]);
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, header: CustomHeader, size: "sm", okText: "\u786E\u8BA4", onClose: handleClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { mt: 1 } }, { children: (0, jsx_runtime_1.jsx)(Form_1.default, { ref: formRef, initialValues: initialValues, aiShowType: aiShowType, onSubmit: handleSubmit, onCategoryChange: handleCategoryChange }) })) }) })));
 };
 exports.default = QuestionUpdate;

package/lib/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;
     category?: string[];
@@ -31,6 +36,7 @@ export interface SubmitModelParams {
 export interface QuestionFormValues {
     name: string;
     desc: string;
+    questions: Question[];
     prepareTime: number;
     duration: number;
     broadcastType: number;
@@ -45,6 +51,7 @@ export interface QuestionFormProps {
     values?: QuestionFormValues;
     preview?: boolean;
     aiShowType: number;
+    onCategoryChange?: (category: any) => void;
     onValuesChange?: (values: QuestionFormValues) => void;
     onSubmit?: (values: QuestionFormValues) => void;
 }
@@ -60,3 +67,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/lib/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").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {}>;
+export declare const VideoPreviewWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMask: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMaskContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMaskIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoPreviewMaskIcon = exports.VideoPreviewMaskContent = exports.VideoPreviewMask = exports.VideoPreviewWrapper = exports.VideoPreview = void 0;
+var fbm_ui_1 = require("fbm-ui");
+exports.VideoPreview = (0, fbm_ui_1.styled)('video')({
+    width: '100%',
+    height: '100%',
+    objectFit: 'cover',
+});
+exports.VideoPreviewWrapper = (0, fbm_ui_1.styled)('div')({
+    width: '100%',
+    height: '100%',
+    position: 'relative',
+    backgroundColor: 'rgb(222, 222, 222)',
+    overflow: 'hidden',
+    '& .video-preview': {
+        opacity: 0,
+    },
+    '&:hover': {
+        '& .video-preview': {
+            opacity: 1,
+        },
+    },
+});
+exports.VideoPreviewMask = (0, fbm_ui_1.styled)('div')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        color: 'white',
+        backgroundColor: theme.palette.text.disabled,
+    });
+});
+exports.VideoPreviewMaskContent = (0, fbm_ui_1.styled)('div')({
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+});
+exports.VideoPreviewMaskIcon = (0, fbm_ui_1.styled)('div')({
+    width: 40,
+    height: 40,
+    borderRadius: '50%',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    cursor: 'pointer',
+    '&:hover': {
+        backgroundColor: 'rgba(0, 0, 0, 0.8)',
+    },
+});

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

@@ -15,11 +15,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var Root_1 = __importDefault(require("./Root"));
-var AiQuestion = (0, react_1.forwardRef)(function (props, ref) {
-    return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }));
-});
+var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
+var react_1 = require("react");
+var AiQuestion = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) })); });
 AiQuestion.displayName = 'AiQuestion';
 exports.default = (0, react_1.memo)(AiQuestion);

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

@@ -19,6 +19,9 @@ export interface BaseAiAbilityParams {
     relatedAbilities: number[];
     sort: number;
     weight: number | string;
+    abilityType: number;
+    workplaceType?: number;
+    isWorkplace?: boolean;
 }
 export interface MineExtra {
     firstFrameUrl: string;
@@ -45,6 +48,7 @@ export interface Media {
 export interface AiQuestionProps {
     token: string;
     name?: string;
+    extraAbilityTokens?: string[];
     templateList?: QuestionModelStep[];
     mediaList?: Array<{
         url: string;

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

@@ -7,6 +7,7 @@ export declare const useAiQuestion: (props: AiQuestionProps) => {
     handleTemplate: ((steps: import("./components/QuestionModel/interface").QuestionModelStep[]) => void) | undefined;
     token: string;
     name?: string | undefined;
+    extraAbilityTokens?: string[] | undefined;
     templateList?: import("./components/QuestionModel/interface").QuestionModelStep[] | undefined;
     mediaList?: {
         url: string;

package/lib/modules/ai-report/Root.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { AiReportProps } from './interface';
+import React from 'react';
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AiReportProps & React.RefAttributes<any>>>;
 export default _default;