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

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

@@ -57,35 +57,39 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, useCallback } from 'react';
-import { Box, Dialog, Typography, Popover, Message, Button, confirm } from 'fbm-ui';
-import { MenuItem } from 'fbm-ui/lib/mui';
+import { defaultQuestionParams } from './const';
+import Form from './Form';
+import { useQuestionCollectionListStore } from "../../../../store/ai-ability/question-ability-store";
+import ScrollDialogContent from "../../../../components/ScrollDialogContent";
 import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
+import { useAiAnalysisStore } from "../../../../store/ai-question/ai-analysis-store";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
-import { useAiAnalysisStore } from "../../../../store/ai-question/ai-analysis-store";
-import ScrollDialogContent from "../../../../components/ScrollDialogContent";
-import { defaultQuestionParams } from './const';
-import Form from './Form';
+import { Box, Button, confirm, Dialog, Message, Popover, Typography } from 'fbm-ui';
+import { MenuItem } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useRef, useState } from 'react';
 var QuestionUpdate = function () {
     var _a;
     var formRef = useRef();
     var _b = useState(false), switchTypeOpen = _b[0], setSwitchTypeOpen = _b[1];
     var _c = useQuestionModelStore(), addModel = _c.addModel, editModel = _c.editModel;
     var _d = useUpdateQuestionStore(function (store) { return [store.questionState]; }), questionState = _d.questionState, updateQuestionState = _d.updateQuestionState;
+    var questionCollectionList = useQuestionCollectionListStore(function (store) { return [store.questionCollectionList]; }).questionCollectionList;
     var _e = 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 = (_jsxs(_Fragment, { children: [_jsx(MenuItem, __assign({ sx: { backgroundColor: aiShowType === ADD_QUESTION_TYPE.FREE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
@@ -99,17 +103,19 @@ var QuestionUpdate = function () {
                         (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: defaultQuestionParams.broadcastType });
                         updateQuestionState({ aiShowType: ADD_QUESTION_TYPE.LANGUAGE });
                     } }, { children: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u8DDF\u8BFB\u80FD\u529B" })) }))] }));
-        return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [_jsx(Typography, __assign({ variant: "subtitle1" }, { children: aiShowType === ADD_QUESTION_TYPE.FREE ? '自由作答' : '跟读能力' })), _jsx(Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: _jsx(Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
+        return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [_jsx(Typography, __assign({ ml: 3, variant: "subtitle1" }, { children: aiShowType === ADD_QUESTION_TYPE.FREE ? '自由作答' : '跟读能力' })), _jsx(Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: _jsx(Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
     };
     var getModelParams = useCallback(function (values, isSubmit) {
         return new Promise(function (resolve, reject) {
             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)
@@ -123,14 +129,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 = 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]);
@@ -147,7 +159,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)) {
                         confirm({
                             header: null,
@@ -181,7 +193,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) {
+                        Message.error('最多可添加5个面试内容。');
+                        return [2 /*return*/, false];
+                    }
+                    if (values.broadcastType === 2 && !(values === null || values === void 0 ? void 0 : values.questions.every(function (v) { return v.videoUrl !== ''; }))) {
                         Message.error('请上传视频素材');
                         return [2 /*return*/, false];
                     }
@@ -192,14 +208,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 = 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 = 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]);
     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 (_jsx(Dialog, __assign({ open: open, header: CustomHeader, size: "sm", okText: "\u786E\u8BA4", onClose: handleClose, onOk: handleOk }, { children: _jsx(ScrollDialogContent, { children: _jsx(Box, __assign({ sx: { mt: 1 } }, { children: _jsx(Form, { ref: formRef, initialValues: initialValues, aiShowType: aiShowType, onSubmit: handleSubmit }) })) }) })));
+    }, [open, item.aiAbilities]);
+    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 (_jsx(Dialog, __assign({ open: open, header: CustomHeader, size: "sm", okText: "\u786E\u8BA4", onClose: handleClose, onOk: handleOk }, { children: _jsx(ScrollDialogContent, { children: _jsx(Box, __assign({ sx: { mt: 1 } }, { children: _jsx(Form, { ref: formRef, initialValues: initialValues, aiShowType: aiShowType, onSubmit: handleSubmit, onCategoryChange: handleCategoryChange }) })) }) })));
 };
 export default QuestionUpdate;

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

@@ -4,12 +4,17 @@ export interface VideoBroadcastParams {
     videoUrl?: string;
     videoSkip?: number;
 }
+export interface Question {
+    content: string;
+    videoUrl: string;
+}
 export interface QuestionParams {
     name: string;
     token: string;
     originToken: string;
     type: number;
     desc: string;
+    questions: Question[];
     prepareTime: number;
     duration: number;
     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/esm/modules/ai-question/components/QuestionUpdate/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const VideoPreview: import("@emotion/styled").StyledComponent<import("@mui/system").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/esm/modules/ai-question/components/QuestionUpdate/styled.js

@@ -0,0 +1,52 @@
+import { styled } from 'fbm-ui';
+export var VideoPreview = styled('video')({
+    width: '100%',
+    height: '100%',
+    objectFit: 'cover',
+});
+export var VideoPreviewWrapper = styled('div')({
+    width: '100%',
+    height: '100%',
+    position: 'relative',
+    backgroundColor: 'rgb(222, 222, 222)',
+    overflow: 'hidden',
+    '& .video-preview': {
+        opacity: 0,
+    },
+    '&:hover': {
+        '& .video-preview': {
+            opacity: 1,
+        },
+    },
+});
+export var VideoPreviewMask = 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,
+    });
+});
+export var VideoPreviewMaskContent = styled('div')({
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+});
+export var VideoPreviewMaskIcon = 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/esm/modules/ai-question/index.js

@@ -10,11 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import RootProvider from "../../components/RootProvider";
 import QuestionRoot from './Root';
-var AiQuestion = forwardRef(function (props, ref) {
-    return (_jsx(RootProvider, { children: _jsx(QuestionRoot, __assign({ ref: ref }, props)) }));
-});
+import RootProvider from "../../components/RootProvider";
+import { forwardRef, memo } from 'react';
+var AiQuestion = forwardRef(function (props, ref) { return (_jsx(RootProvider, { children: _jsx(QuestionRoot, __assign({ ref: ref }, props)) })); });
 AiQuestion.displayName = 'AiQuestion';
 export default memo(AiQuestion);

package/esm/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/esm/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/esm/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;

package/esm/modules/ai-report/Root.js

@@ -10,21 +10,25 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useCallback, useRef, useImperativeHandle, useMemo, memo } from 'react';
-import { Box, Typography, Button } from 'fbm-ui';
-import { useRequest } from 'ahooks';
-import { useAiReportStore } from "../../store/ai-report/global-store";
-import { PostAiInterviewResult } from "../../services/ai-report";
-import { INTERVIEW_STATUS } from "../../enum/ai-report";
+import AIEvaluate from './components/AIEvaluate';
+import NotFinish from './components/NotFinish';
 import ScoreReport from './components/ScoreReport';
+import Suggestion from './components/Suggestion';
 import VideoQuestion from './components/VideoQuestion';
-import NotFinish from './components/NotFinish';
+import WorkPlaces from './components/WorkPlaces';
+import { INTERVIEW_STATUS } from "../../enum/ai-report";
+import { PostAiInterviewResult } from "../../services/ai-report";
+import { useAiReportStore } from "../../store/ai-report/global-store";
+import { useRequest } from 'ahooks';
+import { Box, Button, Typography } from 'fbm-ui';
+import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 var NO_ANSWER = INTERVIEW_STATUS.NO_ANSWER;
 var AiReportRoot = forwardRef(function (props, ref) {
-    var token = props.token, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick;
+    var token = props.token, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick;
     var firstLoad = useRef(true);
-    var _a = useAiReportStore(), updateState = _a.updateState, updateReportResult = _a.updateReportResult;
-    var _b = useRequest(function () { return PostAiInterviewResult([token]); }, {
+    var _a = useAiReportStore(), updateState = _a.updateState, updateReportResult = _a.updateReportResult, reportResult = _a.reportResult;
+    var _b = reportResult || {}, _c = _b.collection, collection = _c === void 0 ? [] : _c, _d = _b.workplaces, workplaces = _d === void 0 ? [] : _d;
+    var _e = useRequest(function () { return PostAiInterviewResult([token]); }, {
         manual: true,
         onSuccess: function (_a) {
             var list = _a.data.list;
@@ -42,7 +46,7 @@ var AiReportRoot = forwardRef(function (props, ref) {
                 onLoad === null || onLoad === void 0 ? void 0 : onLoad(__assign({ pageStepIndexes: pageStepIndexes_1 }, result));
             }
         },
-    }), data = _b.data, loading = _b.loading, postAiInterviewResult = _b.run;
+    }), data = _e.data, loading = _e.loading, postAiInterviewResult = _e.run;
     var status = (data === null || data === void 0 ? void 0 : data.data.list[0].status) || NO_ANSWER;
     var handleRefreshSuccess = useCallback(function () {
         postAiInterviewResult();
@@ -64,9 +68,9 @@ var AiReportRoot = forwardRef(function (props, ref) {
             return (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", style: { marginTop: '149px' } }, { children: [_jsx(Box, { children: _jsx("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/CandidateInfoEmpty.png", alt: "", style: { width: '140px', height: '140px' } }) }), _jsx(Box, __assign({ mt: 2 }, { children: _jsx(Typography, __assign({ variant: "body1", color: "textPrimary", style: { fontWeight: '500' } }, { children: "\u8BE5\u5019\u9009\u4EBA\u5C1A\u672A\u5F00\u59CB\u9762\u8BD5" })) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('sendReminder')) && (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ style: { marginTop: '2px' } }, { children: _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u82E5\u957F\u65F6\u95F4\u672A\u5F00\u59CB\uFF0C\u5EFA\u8BAE\u4F60\u7ED9\u5019\u9009\u4EBA\u53D1\u9001\u77ED\u4FE1\u63D0\u9192" })) })), _jsx(Box, __assign({ mt: 2 }, { children: _jsx(Button, __assign({ size: "large", variant: "outlined", color: "primary", disabled: reminderSent, onClick: onSendReminderClick }, { children: reminderSent ? '已提醒' : '发送提醒' })) }))] }))] })));
         }
         else {
-            return (_jsxs(Box, { children: [_jsx(NotFinish, {}), _jsx(ScoreReport, { onRefreshSuccess: handleRefreshSuccess }), _jsx(VideoQuestion, {})] }));
+            return (_jsxs(Box, { children: [_jsx(NotFinish, {}), (collection === null || collection === void 0 ? void 0 : collection.length) > 0 && _jsx(ScoreReport, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess }), (workplaces === null || workplaces === void 0 ? void 0 : workplaces.length) > 0 && _jsx(WorkPlaces, {}), (collection === null || collection === void 0 ? void 0 : collection.length) > 0 && _jsx(AIEvaluate, {}), _jsx(Suggestion, {}), _jsx(VideoQuestion, {})] }));
         }
-    }, [handleRefreshSuccess, onSendReminderClick, reminderSent, status, operableButtons]);
+    }, [handleRefreshSuccess, onSendReminderClick, reminderSent, status, operableButtons, collection, workplaces]);
     return (_jsx(Box, __assign({ loading: firstLoad.current && loading, sx: { width: '100%', minHeight: '584px', height: '100%', margin: '0 auto', overflow: 'auto' } }, { children: aiReportResult })));
 });
 AiReportRoot.displayName = 'AiReportRoot';

package/esm/modules/ai-report/components/AIEvaluate/Evaluate.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type Mode = 'edit' | 'show';
+declare type Field = 'evaluations' | 'suggestions';
+interface EvaluateProps {
+    title: string;
+    token: string;
+    field: Field;
+    evaluations: Array<string>;
+    mode?: Mode;
+    canEdit?: boolean;
+}
+declare const Evaluate: React.FC<EvaluateProps>;
+export default Evaluate;

package/esm/modules/ai-report/components/AIEvaluate/Evaluate.js

@@ -0,0 +1,60 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostAiInterviewEvaluation } from "../../../../services/ai-report";
+import { Button, EditIcon, IconButton, Typography, confirm, FormItem } from 'fbm-ui';
+import { Box, Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useState } from 'react';
+var Evaluate = function (_a) {
+    var title = _a.title, evaluations = _a.evaluations, token = _a.token, field = _a.field, _b = _a.mode, mode = _b === void 0 ? 'show' : _b, _c = _a.canEdit, canEdit = _c === void 0 ? 'true' : _c;
+    var _d = useState(evaluations === null || evaluations === void 0 ? void 0 : evaluations.join('\n')), content = _d[0], setContent = _d[1];
+    var _e = useState('show'), internalMode = _e[0], setInternalMode = _e[1];
+    var handleChange = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var handleSubmit = useCallback(function () {
+        confirm({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = field === 'evaluations'
+                    ? {
+                        evaluationToken: token,
+                        manualEvaluations: [content],
+                    }
+                    : {
+                        evaluationToken: token,
+                        manualSuggestions: [content],
+                    };
+                PostAiInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.log);
+            },
+        });
+    }, [token, content, field, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return (_jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canEdit && (_jsx(IconButton, __assign({ onClick: handleModeChange }, { children: _jsx(EditIcon, {}) })))] })), internalMode === 'edit' && (_jsxs(Box, __assign({ width: 1, pr: 2 }, { children: [_jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), _jsxs(Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [_jsx(Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+                                    handleModeChange();
+                                    setContent(evaluations === null || evaluations === void 0 ? void 0 : evaluations.join('\n'));
+                                } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap' } }, { children: content })))] }));
+};
+export default Evaluate;

package/esm/modules/ai-report/components/AIEvaluate/Graph.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface Dimension {
+    name: string;
+    score: number;
+    rank: number;
+    total: number;
+    level: number;
+}
+interface GraphProps {
+    items: Array<Dimension>;
+}
+declare const Graph: React.FC<GraphProps>;
+export default Graph;