eli-video-interview 1.2.2 → 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.js

@@ -13,19 +13,22 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 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 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, Typography, Button } from 'fbm-ui';
-import { forwardRef, useEffect, useCallback, useRef, useImperativeHandle, useMemo, memo } from 'react';
+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;
@@ -43,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();
@@ -65,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(AIEvaluate, {}), _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.js

@@ -11,8 +11,8 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PostAiInterviewEvaluation } from "../../../../services/ai-report";
-import { Button, EditIcon, IconButton, Typography } from 'fbm-ui';
-import { Box, Stack, TextField } from 'fbm-ui/lib/mui';
+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;
@@ -26,20 +26,35 @@ var Evaluate = function (_a) {
         setInternalMode(internalMode === 'show' ? 'edit' : 'show');
     }, [internalMode]);
     var handleSubmit = useCallback(function () {
-        var data = field === 'evaluations'
-            ? {
-                evaluationToken: token,
-                manualEvaluations: [content],
-            }
-            : {
-                evaluationToken: token,
-                manualSuggestions: [content],
-            };
-        PostAiInterviewEvaluation(data).then(handleModeChange).catch(console.log);
+        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, position: "relative" }, { children: [_jsx(TextField, { fullWidth: true, value: content, onChange: handleChange, rows: 3.5, multiline: true }), _jsxs(Stack, __assign({ p: 1, spacing: 1, direction: "row", position: "absolute", bottom: 0, right: 0 }, { children: [_jsx(Button, __assign({ size: "small", color: "inherit", onClick: handleModeChange }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "small", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap' } }, { children: content })))] }));
+    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

@@ -4,6 +4,7 @@ interface Dimension {
     score: number;
     rank: number;
     total: number;
+    level: number;
 }
 interface GraphProps {
     items: Array<Dimension>;

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

@@ -1,21 +1,37 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 function setupCanvas(canvas) {
-    // Get the device pixel ratio, falling back to 1.
     var dpr = window.devicePixelRatio || 1;
-    // Get the size of the canvas in CSS pixels.
     var rect = canvas.getBoundingClientRect();
-    // Give the canvas pixel dimensions of their CSS
-    // size * the device pixel ratio.
     canvas.width = rect.width * dpr;
     canvas.height = rect.height * dpr;
     var ctx = canvas.getContext('2d');
-    // Scale all drawing operations by the dpr, so you
-    // don't have to worry about the difference.
     ctx.scale(dpr, dpr);
     return ctx;
 }
 var levelOrder = ['Bad', 'Good', 'Best'];
+var serverLevelMap = [
+    {
+        level: 'Best',
+        start: 134 + 171 + 10,
+        width: 125 - 12,
+    },
+    {
+        level: 'Good',
+        start: 134 + 5,
+        width: 171 - 10,
+    },
+    {
+        level: 'Bad',
+        start: 0,
+        width: 134 - 10,
+    },
+    {
+        level: 'Bad',
+        start: 0,
+        width: 0,
+    },
+];
 var levelConf = {
     Bad: {
         label: '欠佳',
@@ -33,7 +49,7 @@ var levelConf = {
     },
     Best: {
         label: '优秀',
-        width: 134,
+        width: 125,
         color: [0, 217, 157],
         endScore: 100,
         pointColor: ['RGB(0, 217, 157)', 'RGB(0, 176, 127)'],
@@ -45,8 +61,9 @@ var measureTextWidth = function (ctx, text) {
     return width;
 };
 function isInPath(x, y, tx, ty, ctx) {
+    var dpr = window.devicePixelRatio || 1;
     ctx.beginPath();
-    ctx.arc(tx / 2, ty / 2, 10 / 2, 0, Math.PI * 2, true);
+    ctx.arc(tx / dpr, ty / dpr, 10 / dpr, 0, Math.PI * 2, true);
     var ret = ctx.isPointInPath(x, y);
     ctx.closePath();
     return ret;
@@ -58,7 +75,7 @@ var drawTop = function (layout, ctx) {
     ctx.fillText('0', layout.leftLableWidth, 10);
     ctx.strokeStyle = '#ccc';
     var offset = 0;
-    levelOrder.forEach(function (x) {
+    levelOrder.forEach(function (x, i) {
         var c = levelConf[x];
         var labelWidth = measureTextWidth(ctx, c.label);
         var endScoreWidth = measureTextWidth(ctx, c.endScore);
@@ -69,7 +86,7 @@ var drawTop = function (layout, ctx) {
         ctx.moveTo(layout.leftLableWidth + offset + c.width / 2 + labelWidth / 2 + 5, 6);
         ctx.lineTo(layout.leftLableWidth + offset + c.width - endScoreWidth - 5, 6);
         ctx.fillStyle = '#ccc';
-        ctx.fillText(c.endScore, layout.leftLableWidth + offset + c.width - endScoreWidth, 10);
+        ctx.fillText(c.endScore, layout.leftLableWidth + offset + c.width - endScoreWidth + (i === 0 ? 0 : 5), 10);
         ctx.stroke();
         offset += c.width;
     });
@@ -79,7 +96,7 @@ var drowBackground = function (layout, ctx) {
     levelOrder.forEach(function (x) {
         var c = levelConf[x];
         ctx.fillStyle = "rgb(".concat(c.color.join(','), ")");
-        ctx.fillRect(0 + leftOffset, layout.topLableHeight, c.width, 4);
+        drawRoundedRect(0 + leftOffset, layout.topLableHeight, c.width, 4, 2, true, false, ctx);
         var linearGradient0 = ctx.createLinearGradient(0, 0, 0, layout.height - layout.topLableHeight);
         linearGradient0.addColorStop(0, "RGBA(".concat(c.color.join(','), ", 0.3)"));
         linearGradient0.addColorStop(1, "RGBA(".concat(c.color.join(','), ", 0.05)"));
@@ -90,16 +107,10 @@ var drowBackground = function (layout, ctx) {
 };
 var percent = function (_a) {
     var rank = _a.rank, total = _a.total;
-    return Math.min(0.975, parseFloat((1 - (rank - 1) / total).toFixed(2)));
+    return Math.min(0.975, parseFloat((1 - rank / total).toFixed(2)));
 };
 var getPointColor = function (s) {
-    var conf = Object.entries(levelConf);
-    for (var _i = 0, conf_1 = conf; _i < conf_1.length; _i++) {
-        var _a = conf_1[_i], v = _a[1];
-        if (v.endScore >= s * 100)
-            return v.pointColor;
-    }
-    return [];
+    return levelConf[s].pointColor;
 };
 var drawLable = function (lable, x, y, ctx) {
     ctx.fillStyle = 'black';
@@ -114,6 +125,8 @@ var drawLine = function (sx, ex, ey, ctx) {
     ctx.stroke();
 };
 var drawPoint = function (fill, stroke, x, y, ctx) {
+    ctx.save();
+    ctx.setLineDash([]);
     ctx.fillStyle = fill;
     ctx.strokeStyle = stroke;
     ctx.lineWidth = 1;
@@ -122,21 +135,38 @@ var drawPoint = function (fill, stroke, x, y, ctx) {
     ctx.closePath();
     ctx.fill();
     ctx.stroke();
+    ctx.restore();
+};
+var drawRoundedRect = function (x, y, width, height, r, fill, stroke, ctx) {
+    ctx.save();
+    ctx.beginPath();
+    ctx.moveTo(x + r, y);
+    ctx.arcTo(x + width, y, x + width, y + r, r);
+    ctx.arcTo(x + width, y + height, x + width - r, y + height, r);
+    ctx.arcTo(x, y + height, x, y + height - r, r);
+    ctx.arcTo(x, y, x + r, y, r);
+    if (fill) {
+        ctx.fill();
+    }
+    if (stroke) {
+        ctx.stroke();
+    }
+    ctx.restore();
 };
 var draw = function (layout, color, dimensions, pathRef, ctx) {
     drawTop(layout, ctx);
     drowBackground(layout, ctx);
-    var maxWidth = 439;
     dimensions.forEach(function (v, i) {
+        var level = serverLevelMap[v.level - 1];
         var p = percent(v);
-        var target = maxWidth * p + 4;
-        var endPointX = target + layout.leftLableWidth;
+        var target = level.width * p + 4;
+        var endPointX = level.start + target + layout.leftLableWidth;
         var endPointY = 65 + layout.itemSpacing * i;
         drawLable(v.name, 10, endPointY, ctx);
         drawLine(layout.leftLableWidth, endPointX, endPointY, ctx);
-        var _a = getPointColor(p), fill = _a[0], stroke = _a[1];
+        var _a = getPointColor(level.level), fill = _a[0], stroke = _a[1];
         drawPoint(fill, stroke, endPointX, endPointY, ctx);
-        pathRef.push({ x: endPointX, y: endPointY, tips: "".concat(v === null || v === void 0 ? void 0 : v.name, "\u5F97\u5206:").concat(v === null || v === void 0 ? void 0 : v.score, "\u5206") });
+        pathRef.push({ x: endPointX, y: endPointY, tips: "".concat(v === null || v === void 0 ? void 0 : v.name, "\u5F97\u5206:").concat(v === null || v === void 0 ? void 0 : v.score.toFixed(2), "\u5206") });
     });
 };
 var Graph = function (_a) {
@@ -152,7 +182,7 @@ var Graph = function (_a) {
         tipEl.style.borderRadius = '2px';
         tipEl.style.padding = '2px 5px';
         tipEl.style.position = 'absolute';
-        tipEl.style.zIndex = '999';
+        tipEl.style.zIndex = '9999';
         tipEl.style.fontSize = '12px';
         tipEl.style.display = 'none';
         document.body.appendChild(tipEl);

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Index: () => JSX.Element | null;
 export default Index;