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

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SERVER_LANGUAGE_TYPE = exports.CATEGORY_NAME = exports.LANGUAGE_NAMES = void 0;
+exports.LANGUAGE_SHOW_NAME = exports.SERVER_LANGUAGE_TYPE = exports.CATEGORY_NAME = exports.LANGUAGE_NAMES = void 0;
 var ai_question_1 = require("../../../../enum/ai-question");
 var MANDARIN = ai_question_1.LANGUAGE_TYPE.MANDARIN, CANTONESE = ai_question_1.LANGUAGE_TYPE.CANTONESE, JAPANESE = ai_question_1.LANGUAGE_TYPE.JAPANESE, ENGLISH = ai_question_1.LANGUAGE_TYPE.ENGLISH;
 var LANGUAGE = ai_question_1.CATEGORY_TYPE.LANGUAGE, SEMANTICS = ai_question_1.CATEGORY_TYPE.SEMANTICS, EXPRESSION = ai_question_1.CATEGORY_TYPE.EXPRESSION, FORM = ai_question_1.CATEGORY_TYPE.FORM, LANGUAGE_ABILITY = ai_question_1.CATEGORY_TYPE.LANGUAGE_ABILITY;
@@ -24,3 +24,10 @@ exports.SERVER_LANGUAGE_TYPE = (_b = {},
     _b[ENGLISH] = 3,
     _b[CANTONESE] = 4,
     _b);
+// 由于语种value 和 name的映射不对应，这里用于前端显示 AI基础能力 中文|英文表达
+exports.LANGUAGE_SHOW_NAME = {
+    2: '中文',
+    13: '中文',
+    12: '日语',
+    11: '英文',
+};

package/lib/modules/ai-question/components/AiAssessmentCriteria/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
 import { AiAssessmentCriteriaProps } from './interface';
+import { FC } from 'react';
 declare const AiAssessmentCriteria: FC<AiAssessmentCriteriaProps>;
 export default AiAssessmentCriteria;

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

@@ -15,16 +15,16 @@ 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 ahooks_1 = require("ahooks");
+var const_1 = require("./const");
 var utils_1 = require("./utils");
+var ScrollDialogContent_1 = __importDefault(require("../../../../components/ScrollDialogContent"));
 var ai_question_1 = require("../../../../enum/ai-question");
 var ai_question_2 = require("../../../../services/ai-question");
 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 ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
 var MANDARIN = ai_question_1.LANGUAGE_TYPE.MANDARIN, CANTONESE = ai_question_1.LANGUAGE_TYPE.CANTONESE;
 var AiAssessmentCriteria = function (props) {
     var open = props.open, onClose = props.onClose;
@@ -49,6 +49,17 @@ var AiAssessmentCriteria = function (props) {
             setGroupData(ret);
         },
     }).loading;
+    // fix: type = 3 是考察能力的type, 与AI维度中语义流畅的type 重复了, 会引起默认选中
+    var fixSetCheckAbilities = (0, react_1.useCallback)(function (p) {
+        for (var key in p) {
+            if (Object.prototype.hasOwnProperty.call(p, key)) {
+                var element = p[key];
+                if (element && element.abilityType === 2)
+                    return;
+                setCheckAbilities(p);
+            }
+        }
+    }, [setCheckAbilities]);
     var onLanguageChange = function (_a, list) {
         var value = _a.target.value;
         var language = Number(value === '0' ? MANDARIN : value);
@@ -59,9 +70,10 @@ var AiAssessmentCriteria = function (props) {
         Object.keys(checkAbilities).forEach(function (key) {
             var _a;
             if (!(item === null || item === void 0 ? void 0 : item.relatedAbilities.includes(Number(key)))) {
-                setCheckAbilities((_a = {}, _a[key] = undefined, _a));
+                fixSetCheckAbilities((_a = {}, _a[key] = undefined, _a));
             }
         });
+        console.log(language);
         setLanguage(language);
         setCheckedChinese([MANDARIN, CANTONESE].includes(language));
         setRelatedAbilities(item === null || item === void 0 ? void 0 : item.relatedAbilities);
@@ -76,37 +88,37 @@ var AiAssessmentCriteria = function (props) {
     (0, react_1.useEffect)(function () {
         aiAbilities.forEach(function (item) {
             var _a;
-            return setCheckAbilities((_a = {}, _a[item.type] = item, _a));
+            return fixSetCheckAbilities((_a = {}, _a[item.type] = item, _a));
         });
-    }, [aiAbilities, setCheckAbilities]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u9009\u62E9 AI \u8003\u6838\u6807\u51C6", size: "sm", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: loading ? ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ height: 400 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Loading, { size: 40 }) }))) : (groupData.map(function (_a) {
+    }, [aiAbilities, fixSetCheckAbilities]);
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u9009\u62E9 AI \u8003\u6838\u7EF4\u5EA6", size: "sm", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: loading ? ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ height: 400 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Loading, { size: 40 }) }))) : (groupData.map(function (_a) {
                 var name = _a.name, type = _a.type, list = _a.list;
                 return ((0, jsx_runtime_1.jsxs)(mui_1.Box, { children: [(list.filter(function (_a) {
                             var type = _a.type;
                             return relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type);
-                        }).length > 0 || type === ai_question_1.CATEGORY_TYPE.LANGUAGE) && ((0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsxs)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 14, color: 'rgba(0,0,0,0.86)' } }, { children: [name, type === ai_question_1.CATEGORY_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.RadioGroup, __assign({ sx: { mb: 1, ml: '4px' }, row: false, value: language, onChange: function (e) { return onLanguageChange(e, list); } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: "0", RadioProps: { checked: checkedChinese }, label: "\u4E2D\u6587" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.RadioGroup, __assign({ value: language, sx: { ml: 3 }, onChange: function (e) { return onLanguageChange(e, list); } }, { children: list
-                                        .filter(function (_a) {
-                                        var type = _a.type;
-                                        return [MANDARIN, CANTONESE].includes(type);
-                                    })
-                                        .map(function (_a) {
-                                        var name = _a.name, type = _a.type, token = _a.token;
-                                        return checkedChinese && (0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: type, label: name }, token);
-                                    }) })), list
-                                    .filter(function (_a) {
-                                    var type = _a.type;
-                                    return ![MANDARIN, CANTONESE].includes(type);
-                                })
-                                    .map(function (_a) {
-                                    var name = _a.name, type = _a.type, token = _a.token;
-                                    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: type, label: name }, token));
-                                })] }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: list.map(function (item) {
+                        }).length > 0 || type === ai_question_1.CATEGORY_TYPE.LANGUAGE) && ((0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsxs)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 14, fontWeight: 400, color: 'rgba(0,0,0,0.86)' } }, { children: [type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ style: { fontSize: 16, fontWeight: 500 } }, { children: name }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { children: type === ai_question_1.CATEGORY_TYPE.EXPRESSION ? const_1.LANGUAGE_SHOW_NAME[language] + name : name })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsxs)(mui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.RadioGroup, __assign({ sx: { mb: 1, ml: '4px' }, row: false, value: language, onChange: function (e) { return onLanguageChange(e, list); } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: "0", RadioProps: { checked: checkedChinese }, label: "\u4E2D\u6587" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.RadioGroup, __assign({ value: language, sx: { ml: 3 }, onChange: function (e) { return onLanguageChange(e, list); } }, { children: list
+                                                .filter(function (_a) {
+                                                var type = _a.type;
+                                                return [MANDARIN, CANTONESE].includes(type);
+                                            })
+                                                .map(function (_a) {
+                                                var name = _a.name, type = _a.type, token = _a.token;
+                                                return checkedChinese && (0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: type, label: name }, token);
+                                            }) })), list
+                                            .filter(function (_a) {
+                                            var type = _a.type;
+                                            return ![MANDARIN, CANTONESE].includes(type);
+                                        })
+                                            .map(function (_a) {
+                                            var name = _a.name, type = _a.type, token = _a.token;
+                                            return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: type, label: name }, token));
+                                        })] })), (0, jsx_runtime_1.jsx)(mui_1.Divider, { sx: { mb: 1 } }), (0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsx)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 16, color: 'rgba(0,0,0,0.86)', fontWeight: 500, marginBottom: 16 } }, { children: "AI\u57FA\u7840\u80FD\u529B" })) })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: list.map(function (item) {
                                 var name = item.name, desc = item.desc, type = item.type, token = item.token;
                                 if (relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type)) {
                                     var isLanguageAbility = [14, 15].includes(type);
                                     return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ padding: "4px 0 4px 4px", display: "flex", flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: !!checkAbilities[type], label: isLanguageAbility ? desc : name, onChange: function (e, checked) {
                                                     var _a;
-                                                    return setCheckAbilities((_a = {}, _a[type] = checked ? item : undefined, _a));
+                                                    return fixSetCheckAbilities((_a = {}, _a[type] = checked ? item : undefined, _a));
                                                 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: "26px" }, { children: isLanguageAbility ? '' : desc }))] }), token));
                                 }
                                 return null;

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

@@ -9,6 +9,12 @@ export interface AiAbilityItem extends BaseAiAbilityParams {
     groupName?: string;
     isNotCompute?: boolean;
 }
+export interface WorkplaceItem {
+    token: string;
+    name: string;
+    weight: number | string;
+    isWorkplace?: boolean;
+}
 export declare type GroupCategoryRet = Array<{
     name: string;
     type: number;

package/lib/modules/ai-question/components/AiAssessmentCriteria/utils.d.ts

@@ -1,4 +1,4 @@
-import { Mapping, AiAbilityItem, GroupCategoryRet } from './interface';
+import { AiAbilityItem, GroupCategoryRet, Mapping } from './interface';
 /**
  * 根据field对AI考核标准数据进行分组
  * @param list 源数组

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

@@ -16,12 +16,12 @@ var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
 var ahooks_1 = require("ahooks");
+var ai_question_1 = require("../../../../constants/ai-question");
+var ai_question_2 = require("../../../../enum/ai-question");
 var icons_material_1 = require("@mui/icons-material");
-var question_preview_store_1 = require("../../../../store/ai-question/question-preview-store");
 var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
-var ai_question_1 = require("../../../../constants/ai-question");
+var question_preview_store_1 = require("../../../../store/ai-question/question-preview-store");
 var utils_1 = require("../../../../utils/utils");
-var ai_question_2 = require("../../../../enum/ai-question");
 var const_1 = require("../QuestionUpdate/const");
 var const_2 = require("./const");
 var styled_1 = require("./styled");

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
 import { BootVideoProps } from './interface';
+import { FC } from 'react';
 declare const BootVideo: FC<BootVideoProps>;
 export default BootVideo;

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

@@ -24,33 +24,35 @@ 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 ahooks_1 = require("ahooks");
-var mui_1 = require("fbm-ui/lib/mui");
-var SvgIcon_1 = __importDefault(require("../../../../components/SvgIcon"));
+var styled_1 = require("./styled");
 var ScrollDialogContent_1 = __importDefault(require("../../../../components/ScrollDialogContent"));
-var ai_question_1 = require("../../../../services/ai-question");
-var ai_question_2 = require("../../../../constants/ai-question");
+var SvgIcon_1 = __importDefault(require("../../../../components/SvgIcon"));
+var ai_question_1 = require("../../../../constants/ai-question");
+var ai_question_2 = require("../../../../services/ai-question");
 var boot_video_store_1 = require("../../../../store/ai-question/boot-video-store");
 var utils_1 = require("../../../../utils/utils");
-var styled_1 = require("./styled");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
 var BootVideo = function (props) {
     var open = props.open, onClose = props.onClose;
     var _a = (0, boot_video_store_1.useBootVideoStore)(), mediaUrl = _a.mediaUrl, thumbUrl = _a.thumbUrl, updateBootVideo = _a.updateBootVideo;
-    var _b = (0, react_1.useState)(ai_question_2.DEFAULT_GUIDE_VIDEO), mediaList = _b[0], setMediaList = _b[1];
+    var _b = (0, react_1.useState)(ai_question_1.DEFAULT_GUIDE_VIDEO), mediaList = _b[0], setMediaList = _b[1];
     var _c = (0, ahooks_1.useSetState)({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), mediaState = _c[0], setMediaState = _c[1];
-    var _d = (0, ahooks_1.useRequest)(ai_question_1.PostCommonUpload, {
+    var _d = (0, ahooks_1.useRequest)(ai_question_2.PostCommonUpload, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
             var item = data[0];
-            setMediaList(__spreadArray(__spreadArray([], mediaList, true), [
+            var OfficialMedia = mediaList[0];
+            setMediaList([
+                OfficialMedia,
                 {
                     videoUrl: item.url,
                     frameUrl: item.mineExtra.firstFrameUrl,
                 },
-            ], false));
+            ]);
             setMediaState({ mediaUrl: item.url, thumbUrl: item.mineExtra.firstFrameUrl });
         },
     }), loading = _d.loading, postCommonUpload = _d.run;
@@ -66,9 +68,10 @@ var BootVideo = function (props) {
         type: 'custom',
         showUploadList: false,
         accept: '.mp4,.mov,.m4v,.3gp,.avi,.webm',
-        maxCount: 1,
+        maxCount: 7,
         customRequest: function (_a) {
             var file = _a.file;
+            console.log('customRequest file', file);
             if ((0, utils_1.isExceedMaxVideoFileSize)(file.size)) {
                 fbm_ui_1.Message.error('视频大小超过500M，请重新上传！');
             }
@@ -78,6 +81,16 @@ var BootVideo = function (props) {
                 postCommonUpload(formData);
             }
         },
+        // onChange: ({ file }: any) => {
+        //   console.log('onChange', file);
+        //   if (isExceedMaxVideoFileSize(file.size)) {
+        //     Message.error('视频大小超过500M，请重新上传！');
+        //   } else {
+        //     const formData = new FormData();
+        //     formData.append('files', file.originFileObj);
+        //     postCommonUpload(formData);
+        //   }
+        // },
     };
     (0, react_1.useEffect)(function () {
         if (open) {
@@ -93,13 +106,13 @@ var BootVideo = function (props) {
         }
         else {
             setMediaState({ mediaUrl: '', thumbUrl: '' });
-            setMediaList(ai_question_2.DEFAULT_GUIDE_VIDEO);
+            setMediaList(ai_question_1.DEFAULT_GUIDE_VIDEO);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u66F4\u6362\u5F15\u5BFC\u89C6\u9891", onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto' } }, { children: [(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: loading, sx: { width: 180, height: 330, margin: '0 auto', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)("video", { width: 180, height: 330, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardRoot, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardTitle, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "video" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))), (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadButtonRoot, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "\u8BF7\u52FF\u4E0A\u4F20\u8272\u60C5\u53CA\u53CD\u52A8\u8FDD\u89C4\u89C6\u9891\uFF0C\u5EFA\u8BAE\u4F7F\u7528360\u6D4F\u89C8\u5668\u3002 \u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm\uFF0C\u652F\u6301\u7F16\u7801\u683C\u5F0F\uFF1AH.264\u3001HEV4\u3001 MPRG-4\u3001VP9" }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: 8 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { fontSize: 18, color: 'rgb(118, 118, 118)' } }) })) }))] }), (0, jsx_runtime_1.jsx)(mui_1.Divider, {}), (0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
-                            var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
-                            return ((0, jsx_runtime_1.jsx)("img", { src: frameUrl, height: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? 70 : 64, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
-                        }) }), (0, jsx_runtime_1.jsx)(mui_1.Divider, {}), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ ml: 0.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: mediaState.appliedAllPosition, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] })) }) })));
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", onClose: onClose, onOk: handleOk, width: 768 }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.RadioGroup, __assign({ defaultValue: "outlined", value: 1 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: "1", label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500, mt: 3, mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), (0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
+                                    var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
+                                    return ((0, jsx_runtime_1.jsx)("img", { src: frameUrl, style: { borderColor: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
+                                }) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", flexWrap: "wrap", width: 344, color: "text.disabled", mb: 2, mt: 1 }, { children: "\u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u6700\u591A\u652F\u6301\u4E0A\u4F205\u4E2A\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm" })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CustomUploadButtonRoot, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "\u8BF7\u52FF\u4E0A\u4F20\u8272\u60C5\u53CA\u53CD\u52A8\u8FDD\u89C4\u89C6\u9891\uFF0C\u5EFA\u8BAE\u4F7F\u7528360\u6D4F\u89C8\u5668\u3002 \u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm\uFF0C\u652F\u6301\u7F16\u7801\u683C\u5F0F\uFF1AH.264\u3001HEV4\u3001 MPRG-4\u3001VP9" }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: 8 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { fontSize: 18, color: 'rgb(118, 118, 118)' } }) })) }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ ml: 0.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: mediaState.appliedAllPosition, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto', flexGrow: 1 } }, { children: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: loading, sx: { width: 160, height: 286, margin: 'auto', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)("video", { width: 160, height: 286, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardRoot, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardTitle, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "video" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))) }))] })) }) })));
 };
 exports.default = BootVideo;

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

@@ -33,18 +33,19 @@ exports.CustomUploadButtonRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)({
     margin: '8px 0',
 });
 exports.CustomUploadedImgRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)({
-    minHeight: 70,
+    minHeight: 100,
     display: 'flex',
     flexWrap: 'wrap',
     alignItems: 'center',
     padding: '8px 0',
     boxSizing: 'content-box',
     '& img': {
-        width: 36,
+        boxSizing: 'border-box',
+        width: 56,
         objectFit: 'cover',
-        transition: 'all 0.3s ease 0s',
+        // transition: 'all 0.3s ease 0s',
         cursor: 'pointer',
-        border: '1px solid rgb(237, 237, 237)',
+        border: '2px solid transparent',
         borderRadius: 4,
         marginRight: 4,
     },

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var AutoCombine = function (_a) {
+    var onAutoCombine = _a.onAutoCombine;
+    return ((0, jsx_runtime_1.jsx)(mui_1.Stack, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ width: 210, alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u6682\u65E0\u9898\u76EE" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ textAlign: "center", variant: "caption", color: "text.disabled", mb: 2 }, { children: ["\u70B9\u51FB\u300CAI\u81EA\u52A8\u7EC4\u9898\u300D\u6309\u94AE", (0, jsx_runtime_1.jsx)("br", {}), "\u53EF\u6839\u636E\u60A8\u9009\u62E9\u7684\u80FD\u529B\u5B9E\u73B0\u4E00\u952E\u7EC4\u9898"] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ onClick: onAutoCombine }, { children: "AI\u81EA\u52A8\u7EC4\u9898" }))] })) }));
+};
+exports.default = AutoCombine;

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

@@ -10,19 +10,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
 var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
 var utils_1 = require("../../../../utils/utils");
-var BootVideo_1 = __importDefault(require("../BootVideo"));
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
 var QuestionHeader = function () {
     var questionModelData = (0, question_model_store_1.useQuestionModelStore)().questionModelData;
-    var _a = (0, react_1.useState)(false), bootVideoOpen = _a[0], setBootVideoOpen = _a[1];
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(BootVideo_1.default, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), questionModelData && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500", mb: 1 }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ color: "secondary", variant: "caption" }, { children: ["\u9884\u8BA1\u9762\u8BD5\u65F6\u957F\uFF1A", (0, utils_1.getSecondToTime)((questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.duration) || 0)] })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u62D6\u52A8\u8BD5\u9898\u5361\u7247\u53EF\u6539\u53D8\u8BD5\u9898\u987A\u5E8F" }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: 200, textAlign: "right" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5F15\u5BFC\u89C6\u9891" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", justifyContent: "end", sx: { mt: '6px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "AI\u6D4B\u8BC4\u6743\u91CD" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "AI\u6D4B\u8BC4\u9898\u53EF\u4EE5\u8BBE\u7F6E\u6743\u91CD\uFF0C\u7CFB\u7EDF\u5BF9\u5019\u9009\u4EBA\u89C6\u9891\u9762\u8BD5\u7ED3\u679C\u4F1A\u52A0\u5165\u6743\u91CD\u8FDB\u884C\u8BA1\u7B97\uFF0C\u5F97\u51FAAI\u89C6\u9891\u9762\u8BD5\u5F97\u5206\u3002\u8BBE\u7F6E\u540E5\u5206\u949F\u8D77\u6548" }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '4px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.56)' } }) })) }))] }))] }))] }))] })));
+    if (!questionModelData)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ width: "100%", direction: "row", spacing: 2, alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: ["\u9884\u8BA1\u9762\u8BD5\u65F6\u957F\uFF1A", (0, utils_1.getSecondToTime)((questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.duration) || 0)] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u62D6\u52A8\u8BD5\u9898\u5361\u7247\u53EF\u6539\u53D8\u8BD5\u9898\u987A\u5E8F" }))] })));
 };
 exports.default = QuestionHeader;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface InteractiveProps {
+    mode: 'Traditional' | 'Chat';
+}
+declare const Interactive: React.FC<InteractiveProps>;
+export default Interactive;

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

@@ -0,0 +1,31 @@
+"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 __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 BootVideo_1 = __importDefault(require("../BootVideo"));
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var InteractiveModes = {
+    Traditional: '传统读题模式',
+    Chat: 'AI面试官对话模式',
+};
+var Interactive = function (_a) {
+    var mode = _a.mode;
+    var _b = (0, react_1.useState)(false), bootVideoOpen = _b[0], setBootVideoOpen = _b[1];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BootVideo_1.default, { open: bootVideoOpen, onClose: function () { return setBootVideoOpen(false); } }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", component: mui_1.Paper, variant: "outlined", height: 54, alignItems: "center", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F\uFF1A".concat(InteractiveModes[mode]) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.VideocamOutlineIcon, {}), variant: "text", onClick: function () { return setBootVideoOpen(true); } }, { children: "\u5B9A\u5236\u9762\u8BD5\u95F4" }))] }))] }));
+};
+exports.default = Interactive;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { QuestionModelListItemProps } from './interface';
-declare const _default: React.NamedExoticComponent<QuestionModelListItemProps>;
+declare const _default: import("react").NamedExoticComponent<QuestionModelListItemProps>;
 export default _default;

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

@@ -23,16 +23,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 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 ai_question_1 = require("../../../../constants/ai-question");
 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 utils_1 = require("../../../../utils/utils");
-var ai_question_1 = require("../../../../constants/ai-question");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
 var QuestionModelListItem = function (props) {
     var index = props.index, disabledWeight = props.disabledWeight, steps = props.steps, step = __rest(props, ["index", "disabledWeight", "steps"]);
-    var token = step.token, name = step.name, desc = step.desc, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, aiType = step.aiType, answerStatus = step.answerStatus, category = step.category;
+    var token = step.token, name = step.name, questions = step.questions, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, aiType = step.aiType, answerStatus = step.answerStatus, category = step.category;
     var isAiAnalysis = (0, ai_question_1.IS_AI_ANALYSIS)(step);
     var _a = (0, question_model_store_1.useQuestionModelStore)(), editModel = _a.editModel, removeModel = _a.removeModel, updateModelWeight = _a.updateModelWeight;
     var updateQuestionState = (0, question_update_store_1.useUpdateQuestionStore)().updateQuestionState;
@@ -66,9 +66,16 @@ var QuestionModelListItem = function (props) {
         }
     }, [updateModelWeight, index]);
     var handleAnswerStatus = (0, react_1.useCallback)(function () {
-        console.log(answerStatus);
         editModel(__assign(__assign({}, step), { answerStatus: answerStatus === 2 ? 1 : 2 }), index);
     }, [editModel, answerStatus, step, index]);
-    return ((0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", borderBottom: isAiAnalysis ? '1px solid rgba(0, 0, 0, 0.08)' : 'none' }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DragIndicatorIcon, { className: "dragHandle" }) })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", padding: "16px 0" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) { return label && (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label, size: "medium", sx: { ml: 1 } }, label); }), aiType === 2 && (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { ml: 2 }, variant: "body2", color: "secondary" }, { children: (0, utils_1.getSecondToTime)(Number(duration)) }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!ai_question_1.TEST_TYPE_READONLY.includes(type) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleEdit }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}) }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleRemove }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}) }))] }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary" }, { children: desc })), !ai_question_1.DISABLED_REPEAT_TYPE.includes(type) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }))] }))] }))] })), isAiAnalysis && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Input, { sx: { width: 82 }, size: "small", value: weight, endAdornment: "%", disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur })] })))] })));
+    var formatQuestion = (0, react_1.useMemo)(function () {
+        if ((questions === null || questions === void 0 ? void 0 : questions.length) > 1) {
+            return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "#F5C441" }, { children: "[\u5185\u5BB9\u968F\u673A]" })), (0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ spacing: 1 }, { children: questions.map(function (v, index) { return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "text.secondary" }, { children: ["\u2022\u00A0", v.content] }), index)); }) }))] })));
+        }
+        return questions.map(function (v) { return v.content; }).join('\n');
+    }, [questions]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", borderBottom: isAiAnalysis ? '1px solid rgba(0, 0, 0, 0.08)' : 'none' }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DragIndicatorIcon, { className: "dragHandle" }) })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", padding: "16px 0" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) {
+                                                return label && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "".concat(label), placement: "bottom" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label, size: "medium", sx: { ml: 1, maxWidth: '158px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' } }, label) })));
+                                            }), aiType === 2 && (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { ml: 2 }, variant: "body2", color: "secondary" }, { children: (0, utils_1.getSecondToTime)(Number(duration)) }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!ai_question_1.TEST_TYPE_READONLY.includes(type) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleEdit }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}) }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleRemove }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}) }))] }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1, pr: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary" }, { children: formatQuestion })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ sx: { ml: 2, flexShrink: 0 }, variant: "caption", color: "secondary", alignSelf: "flex-end" }, { children: ["\u56DE\u7B54\u65F6\u957F:\u00A0", (0, utils_1.getSecondToTime)(Number(duration))] }))] }))] }))] })), isAiAnalysis && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Input, { sx: { width: 82 }, size: "small", value: weight, endAdornment: "%", disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "AI\u6D4B\u8BC4\u9898\u53EF\u4EE5\u8BBE\u7F6E\u6743\u91CD\uFF0C\u7CFB\u7EDF\u5BF9\u5019\u9009\u4EBA\u89C6\u9891\u9762\u8BD5\u7ED3\u679C\u4F1A\u52A0\u5165\u6743\u91CD\u8FDB\u884C\u8BA1\u7B97\uFF0C\u5F97\u51FAAI\u89C6\u9891\u9762\u8BD5\u5F97\u5206\u3002\u8BBE\u7F6E\u540E5\u5206\u949F\u8D77\u6548" }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '8px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.26)' } }) })) }))] })), !ai_question_1.DISABLED_REPEAT_TYPE.includes(type) && ((0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ direction: "row" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }) })))] })))] })));
 };
 exports.default = (0, react_1.memo)(QuestionModelListItem);

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

@@ -15,23 +15,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 const_1 = require("../QuestionUpdate/const");
+var AutoCombine_1 = __importDefault(require("./AutoCombine"));
+var Item_1 = __importDefault(require("./Item"));
+var global_store_1 = require("../../../../store/ai-question/global-store");
+var question_template_store_1 = require("../../../../store/ai-question/question-template-store");
+var utils_1 = require("../../../../utils/utils");
+var ai_question_1 = require("../../../../constants/ai-question");
+var ai_question_2 = require("../../../../enum/ai-question");
+var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
+var array_move_1 = require("array-move");
 var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var sortablejs_1 = __importDefault(require("sortablejs"));
-var array_move_1 = require("array-move");
-var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
-var ai_question_1 = require("../../../../constants/ai-question");
-var Item_1 = __importDefault(require("./Item"));
+var LANGUAGE_TYPE_LIST = [ai_question_2.LANGUAGE_TYPE.MANDARIN, ai_question_2.LANGUAGE_TYPE.CANTONESE, ai_question_2.LANGUAGE_TYPE.JAPANESE, ai_question_2.LANGUAGE_TYPE.ENGLISH];
 var QuestionModelList = function () {
     var ref = (0, react_1.useRef)();
     var sortable = (0, react_1.useRef)();
-    var _a = (0, question_model_store_1.useQuestionModelStore)(), questionModelData = _a.questionModelData, updateModel = _a.updateModel;
+    var _a = (0, question_model_store_1.useQuestionModelStore)(), questionModelData = _a.questionModelData, updateModel = _a.updateModel, addModel = _a.addModel;
+    var extraAbilityTokens = (0, global_store_1.useAiQuestionStore)().extraAbilityTokens;
+    var aiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
     var _b = (questionModelData || {}).steps, steps = _b === void 0 ? [] : _b;
     var lastAiTestIndex = 0;
     steps.forEach(function (step, i) {
         if ((0, ai_question_1.IS_AI_ANALYSIS)(step))
             lastAiTestIndex = i;
     });
+    var getQuestionStep = function (item) { return (__assign(__assign(__assign({}, const_1.defaultQuestionParams), item), { aiAbilities: item.aiAbilities.filter(function (_a) {
+            var type = _a.type;
+            return !LANGUAGE_TYPE_LIST.includes(type);
+        }), uniqueId: (0, utils_1.uniqueId)(), originToken: item.token })); };
+    var handleUseQuestion = (0, react_1.useCallback)(function (items) {
+        addModel(items.map(getQuestionStep));
+    }, [addModel]);
     (0, react_1.useEffect)(function () {
         if (steps) {
             sortable.current && sortable.current.destroy();
@@ -47,6 +63,10 @@ var QuestionModelList = function () {
     }, [questionModelData, updateModel, steps]);
     return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: "100%", sx: steps.length > 0 ? {} : { height: 'calc(100% - 100px)', display: 'flex', alignItems: 'center', justifyContent: 'center' }, ref: ref }, { children: steps.length > 0 ? (steps.map(function (item, index) {
             return ((0, jsx_runtime_1.jsx)(Item_1.default, __assign({ steps: steps, index: index, disabledWeight: index === lastAiTestIndex }, item), item.uniqueId || item.token));
-        })) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Empty, { desc: "\u6682\u65E0\u6570\u636E" })) })));
+        })) : ((0, jsx_runtime_1.jsx)(AutoCombine_1.default, { onAutoCombine: function () {
+                console.log('steps', extraAbilityTokens, aiEvaluationData);
+                var random = aiEvaluationData[0].list.filter(function (item) { return extraAbilityTokens === null || extraAbilityTokens === void 0 ? void 0 : extraAbilityTokens.includes(item === null || item === void 0 ? void 0 : item.token); }).map(function (v) { return v.list; }) || [];
+                handleUseQuestion(random.map(function (item) { return item[Math.floor(Math.random() * item.length)]; }));
+            } })) })));
 };
 exports.default = QuestionModelList;

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

@@ -15,27 +15,31 @@ 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 ahooks_1 = require("ahooks");
-var ai_question_1 = require("../../../../services/ai-question");
-var global_store_1 = require("../../../../store/ai-question/global-store");
-var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
-var question_template_store_1 = require("../../../../store/ai-question/question-template-store");
 var const_1 = require("../QuestionUpdate/const");
-var styled_1 = require("./styled");
 var Header_1 = __importDefault(require("./Header"));
+var Interactive_1 = __importDefault(require("./Interactive"));
 var List_1 = __importDefault(require("./List"));
 var Skeleton_1 = __importDefault(require("./Skeleton"));
+var styled_1 = require("./styled");
+var question_ability_store_1 = require("../../../../store/ai-ability-select/question-ability-store");
+var ai_question_1 = require("../../../../services/ai-question");
+var global_store_1 = require("../../../../store/ai-question/global-store");
+var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
+var question_template_store_1 = require("../../../../store/ai-question/question-template-store");
+var ahooks_1 = require("ahooks");
+var react_1 = require("react");
 var Question = function () {
     var isDefaultAdded = (0, react_1.useRef)(false);
     var _a = (0, global_store_1.useAiQuestionStore)(function (store) { return [store.token, store.name, store.templateList]; }), token = _a.token, name = _a.name, templateList = _a.templateList, onLoad = _a.onLoad;
     var aiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
     var _b = (0, question_model_store_1.useQuestionModelStore)(function (store) { return [store.questionModelData]; }), questionModelData = _b.questionModelData, updateModel = _b.updateModel, addModel = _b.addModel;
+    var setSelctedAbilitys = (0, question_ability_store_1.useAiAbilityListStore)().setSelctedAbilitys;
     var _c = (0, ahooks_1.useRequest)(function () { return (0, ai_question_1.PostAiModelDetails)(token); }, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
             updateModel(data);
+            setSelctedAbilitys((data === null || data === void 0 ? void 0 : data.selectAbilities) || []);
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(data.steps);
         },
     }), postAiModelDetails = _c.run, loading = _c.loading;
@@ -71,6 +75,6 @@ var Question = function () {
             }
         }
     }, [token, aiEvaluationData, questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps, templateList, addModel]);
-    return ((0, jsx_runtime_1.jsx)(styled_1.QuestionModelRoot, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_1.default, {}), (0, jsx_runtime_1.jsx)(List_1.default, {})] })) }));
+    return ((0, jsx_runtime_1.jsx)(styled_1.QuestionModelRoot, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_1.default, {}), (0, jsx_runtime_1.jsx)(Interactive_1.default, { mode: "Chat" }), (0, jsx_runtime_1.jsx)(List_1.default, {})] })) }));
 };
 exports.default = Question;