eli-video-interview 1.2.42-alpha.30 → 1.2.42-alpha.32

package/esm/components/AiHeaderTitleV2/index.js

@@ -15,14 +15,25 @@ import { Stack } from 'fbm-ui/lib/mui';
 var AiHeaderTitle = function (_a) {
     var name = _a.name;
     return (_jsxs(Stack, __assign({ display: "inline-flex", direction: "row", spacing: 1, sx: {
-            pl: 3,
-            height: 40,
+            left: -12,
+            top: -8,
+            height: 48,
+            position: 'relative',
             color: '#009D56',
-            background: 'url(//webcdn.fbmms.cn/assets/yt-b/yf2BqqIlr8Xtb8N2o44t1) no-repeat center center',
-            backgroundSize: 'contain',
-            width: 24 + (56 / 4) * name.length + 84,
-            dispoly: 'flex',
+            borderRadius: '8px 0px 8px 8px',
+            background: 'linear-gradient( 360deg, #98F79C 0%, #C2FCC4 100%)',
+            width: 155,
             alignItems: 'center',
-        } }, { children: [_jsx("img", { src: "//webcdn.fbmms.cn/assets/7Vj-/P5j2FTojTq7M3W7clK6tX", alt: "", style: { width: 32, height: 20 } }), _jsx(DinTypography, __assign({ variant: "h6", color: "inherit" }, { children: name }))] })));
+            '&:after': {
+                content: "''",
+                position: 'absolute',
+                top: 0,
+                right: -5,
+                width: 0,
+                height: 0,
+                borderTop: '8px solid transparent',
+                borderLeft: '5px solid #6CD970',
+            },
+        } }, { children: [_jsx("img", { src: "//webcdn.fbmms.cn/assets/H4yH/zOBWGb2Np_QoyQk_EH_eZ", alt: "", style: { marginLeft: 16, width: 32, height: 20 } }), _jsx(DinTypography, __assign({ variant: "h6", color: "inherit" }, { children: name }))] })));
 };
 export default AiHeaderTitle;

package/esm/constants/ai-question.d.ts

@@ -54,5 +54,5 @@ export declare const TEST_TYPE_READONLY: number[];
 export declare const DISABLED_REPEAT_TYPE: number[];
 export declare const DISABLED_COST_TYPE: number[];
 export declare const IS_AI_ANALYSIS: (step: Pick<QuestionParams, 'aiType'>) => boolean;
-export declare const IS_AI_FOLLOW_UP: (step: QuestionParams, interaction: InteractionMethod[]) => boolean;
+export declare const IS_AI_FOLLOW_UP: (step: QuestionParams, interaction: InteractionMethod[], interactType: number) => boolean;
 export declare const MAX_RANDOM_QUESTION_NUM = 50;

package/esm/constants/ai-question.js

@@ -96,12 +96,12 @@ export var DISABLED_COST_TYPE = [7, 9, 8, 4, 11, 2, 16];
 // 是否开启AI分析
 export var IS_AI_ANALYSIS = function (step) { return step.aiType === 2; };
 // 是否可以追问
-export var IS_AI_FOLLOW_UP = function (step, interaction) {
-    return step.aiShowType === 1 && (step.broadcastType === 2 || !IS_VIRTUAL_HUMAN(interaction));
+export var IS_AI_FOLLOW_UP = function (step, interaction, interactType) {
+    return step.aiShowType === 1 && (interactType === 1 || !IS_VIRTUAL_HUMAN(interaction) || step.broadcastType === 2);
 };
 var IS_VIRTUAL_HUMAN = function (interaction) {
     if (interaction.length === 0)
         return false;
-    return interaction.some(function (v) { var _a; return v.selected && (v.type === 2 || (v.type === 3 && ((_a = v.detail.interviewerShows) === null || _a === void 0 ? void 0 : _a.some(function (v) { return v.selected && v.humanType === 2; }))) || false); });
+    return interaction.some(function (v) { var _a; return v.selected && (v.type === 2 || (v.type === 3 && ((_a = v.detail.interviewerShows) === null || _a === void 0 ? void 0 : _a.some(function (v) { return v.selected && v.humanType === 2; })))); });
 };
 export var MAX_RANDOM_QUESTION_NUM = 50;

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

@@ -60,11 +60,11 @@ var options = __spreadArray(__spreadArray([], __read(__spreadArray([], __read(Ar
     { label: '直到充分为止', value: -1 },
 ], false);
 var QuestionModelListItem = function (props) {
-    var interactionMethods = useInterviewRoomStore().interactionMethods;
+    var _a = useInterviewRoomStore(), interactionMethods = _a.interactionMethods, interactType = _a.interactType;
     var index = props.index, disabledWeight = props.disabledWeight, steps = props.steps, step = __rest(props, ["index", "disabledWeight", "steps"]);
     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, isOpenAIFollowUp = step.isOpenAIFollowUp, followUpMaximum = step.followUpMaximum;
     var isAiAnalysis = IS_AI_ANALYSIS(step);
-    var _a = useQuestionModelStore(), editModel = _a.editModel, removeModel = _a.removeModel, updateModelWeight = _a.updateModelWeight;
+    var _b = useQuestionModelStore(), editModel = _b.editModel, removeModel = _b.removeModel, updateModelWeight = _b.updateModelWeight;
     var updateQuestionState = useUpdateQuestionStore().updateQuestionState;
     var handleEdit = useCallback(function () {
         updateQuestionState({ open: true, token: token, index: index, aiShowType: aiShowType, item: step });
@@ -113,6 +113,6 @@ var QuestionModelListItem = function (props) {
     }, [questions]);
     return (_jsxs(Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [_jsx(Box, __assign({ display: "flex", borderBottom: !DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis ? '1px solid rgba(0, 0, 0, 0.08)' : 'none' }, { children: _jsxs(Box, __assign({ flex: "1 0", padding: "8px 0px 16px 16px" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsxs(Typography, __assign({ variant: "body2", color: "primary.main", fontWeight: "medium" }, { children: ["\u9898\u76EE", index + 1] })), _jsx(Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: _jsx(DragHandleIcon, { className: "dragHandle" }) })), _jsxs(Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!TEST_TYPE_READONLY.includes(type) && (_jsx(IconButton, __assign({ size: "small", onClick: handleEdit }, { children: _jsx(EditIcon, {}) }))), _jsx(IconButton, __assign({ size: "small", onClick: handleRemove }, { children: _jsx(DeleteIcon, {}) }))] }))] })), _jsx(Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: _jsxs(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [_jsxs(Typography, __assign({ variant: "body2", color: "primary.main", fontWeight: "medium", mr: 0.5 }, { children: ["[", QUESTION_TYPE_TITLE_MAP[aiShowType], "]"] })), _jsx(Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) {
                                         return label && (_jsx(Tooltip, __assign({ title: "".concat(label), placement: "bottom" }, { children: _jsx(Chip, { color: "default", label: label, size: "medium", sx: { ml: 1, maxWidth: '158px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' } }, label) })));
-                                    }), aiType === 2 && _jsx(Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } }), (questions === null || questions === void 0 ? void 0 : questions.length) > 1 && _jsx(Chip, { variant: "filled", color: "warning", label: "\u5185\u5BB9\u968F\u673A", size: "medium", sx: { ml: 1 } })] })) })), _jsxs(Box, __assign({ mt: 1, pr: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: formatQuestion })), _jsxs(Typography, __assign({ sx: { ml: 2, flexShrink: 0 }, variant: "caption", color: "secondary", alignSelf: "flex-end" }, { children: ["\u56DE\u7B54\u65F6\u957F:\u00A0", getSecondToTime(Number(duration))] }))] }))] })) })), (!DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis) && (_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1, height: 42 }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 16px" }, { children: isAiAnalysis && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2", sx: { flexShrink: 0 } }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), _jsx(Input, { sx: { width: 92 }, size: "small", value: weight, endAdornment: _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "%" })), disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur }), _jsx(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: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '8px' } }, { children: _jsx(InfoIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.26)' } }) })) }))] })) })), !DISABLED_REPEAT_TYPE.includes(type) && (_jsxs(Stack, __assign({ direction: "row" }, { children: [_jsx(Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }), IS_AI_FOLLOW_UP(step, interactionMethods) && (_jsx(Switch, { sx: { flexShrink: 0, mr: 2 }, size: "small", checked: isOpenAIFollowUp, label: _jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [_jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u56DE\u7B54\u4E0D\u5145\u5206\u65F6\u8FFD\u95EE" })), isOpenAIFollowUp && (_jsx(Select, { sx: { height: 'auto', width: 134 }, size: "small", value: followUpMaximum, options: options, onChange: handleOpenAIFollowUpMaximum }))] })), onChange: handleOpenAIFollowUpStatus }))] })))] })))] })));
+                                    }), aiType === 2 && _jsx(Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } }), (questions === null || questions === void 0 ? void 0 : questions.length) > 1 && _jsx(Chip, { variant: "filled", color: "warning", label: "\u5185\u5BB9\u968F\u673A", size: "medium", sx: { ml: 1 } })] })) })), _jsxs(Box, __assign({ mt: 1, pr: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: formatQuestion })), _jsxs(Typography, __assign({ sx: { ml: 2, flexShrink: 0 }, variant: "caption", color: "secondary", alignSelf: "flex-end" }, { children: ["\u56DE\u7B54\u65F6\u957F:\u00A0", getSecondToTime(Number(duration))] }))] }))] })) })), (!DISABLED_REPEAT_TYPE.includes(type) || isAiAnalysis) && (_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1, height: 42 }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 16px" }, { children: isAiAnalysis && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2", sx: { flexShrink: 0 } }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), _jsx(Input, { sx: { width: 92 }, size: "small", value: weight, endAdornment: _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "%" })), disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur }), _jsx(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: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '8px' } }, { children: _jsx(InfoIcon, { sx: { fontSize: 14, color: 'rgba(0, 0, 0, 0.26)' } }) })) }))] })) })), !DISABLED_REPEAT_TYPE.includes(type) && (_jsxs(Stack, __assign({ direction: "row" }, { children: [_jsx(Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }), IS_AI_FOLLOW_UP(step, interactionMethods, interactType) && (_jsx(Switch, { sx: { flexShrink: 0, mr: 2 }, size: "small", checked: isOpenAIFollowUp, label: _jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [_jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u56DE\u7B54\u4E0D\u5145\u5206\u65F6\u8FFD\u95EE" })), isOpenAIFollowUp && (_jsx(Select, { sx: { height: 'auto', width: 134 }, size: "small", value: followUpMaximum, options: options, onChange: handleOpenAIFollowUpMaximum }))] })), onChange: handleOpenAIFollowUpStatus }))] })))] })))] })));
 };
 export default memo(QuestionModelListItem);

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

@@ -25,7 +25,7 @@ var QuestionTemplate = function (_a) {
     var enterprise = useEnterpriseStore().enterprise;
     var loading = useRequest(function () { return PostAiModelQuestions(__assign({ extraAbilityTokens: selctedAbilitys }, enterprise)); }, {
         manual: false,
-        refreshDeps: [selctedAbilitys, enterprise],
+        refreshDeps: [JSON.stringify(selctedAbilitys), JSON.stringify(enterprise)],
         onSuccess: function (_a) {
             var data = _a.data;
             return updateAiEvaluationData(data);

package/esm/modules/ai-report-v2/Root.d.ts

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

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

@@ -18,7 +18,7 @@ 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, Paper, Typography } from 'fbm-ui';
+import { Box, Button, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 var NO_ANSWER = INTERVIEW_STATUS.NO_ANSWER;
@@ -74,7 +74,7 @@ var AiReportRoot = forwardRef(function (props, ref) {
                             backgroundRepeat: 'no-repeat',
                             backgroundPosition: 'center top',
                             paddingTop: (collection === null || collection === void 0 ? void 0 : collection.length) > 0 ? 0 : 3,
-                        } }, { children: [(collection === null || collection === void 0 ? void 0 : collection.length) > 0 && (_jsx(ReportHeader, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo, status: status, fetchReportUrl: fetchReportUrl })), _jsx(FormReport, { fetchFormResult: fetchFormResult }), _jsx(Paper, __assign({ variant: "outlined", sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4 } }, { children: _jsx(VideoQuestion, { isExportPdf: isExportPdf }) }))] }))] }));
+                        } }, { children: [(collection === null || collection === void 0 ? void 0 : collection.length) > 0 && (_jsx(ReportHeader, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo, status: status, fetchReportUrl: fetchReportUrl })), _jsx(FormReport, { fetchFormResult: fetchFormResult }), _jsx(Box, __assign({ sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4, border: '2px solid #FFFFFF', pb: 1 } }, { children: _jsx(VideoQuestion, { isExportPdf: isExportPdf }) }))] }))] }));
         }
     }, [
         status,

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

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

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

@@ -26,13 +26,13 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PostAiInterviewEvaluation } from "../../../../services/ai-report";
-import { Button, confirm, EditIcon, FormItem, IconButton, Typography } from 'fbm-ui';
+import { PostInterviewEvaluation } from "../../../../services/ai-report";
+import { Button, confirm, FormItem, Typography } from 'fbm-ui';
 import { Box, Stack } from 'fbm-ui/lib/mui';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, 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 ? 'false' : _c;
-    var _d = __read(useState(evaluations), 2), content = _d[0], setContent = _d[1];
+    var title = _a.title, evaluation = _a.evaluation, orderToken = _a.orderToken, _b = _a.mode, mode = _b === void 0 ? 'show' : _b, _c = _a.canEdit, canEdit = _c === void 0 ? 'false' : _c;
+    var _d = __read(useState(evaluation), 2), content = _d[0], setContent = _d[1];
     var _e = __read(useState('show'), 2), internalMode = _e[0], setInternalMode = _e[1];
     var handleChange = useCallback(function (e) {
         var value = e.target.value;
@@ -41,7 +41,12 @@ var Evaluate = function (_a) {
     var handleModeChange = useCallback(function () {
         setInternalMode(internalMode === 'show' ? 'edit' : 'show');
     }, [internalMode]);
+    var isValidate = useMemo(function () {
+        return content.trim().length > 0;
+    }, [content]);
     var handleSubmit = useCallback(function () {
+        if (!isValidate)
+            return;
         confirm({
             header: null,
             content: '确认将评价内容修改吗？该动作无法被撤销。',
@@ -52,19 +57,14 @@ var Evaluate = function (_a) {
             },
             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);
+                var data = {
+                    orderToken: orderToken,
+                    manualEvaluation: content,
+                };
+                PostInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.error);
             },
         });
-    }, [token, content, field, handleModeChange]);
+    }, [isValidate, orderToken, content, handleModeChange]);
     useEffect(function () {
         setInternalMode(mode);
     }, [mode]);
@@ -73,8 +73,8 @@ var Evaluate = function (_a) {
             background: '#FFFBE8',
             boxShadow: ' 0px 2px 6px 0px rgba(91,108,95,0.15)',
             padding: '8px 24px',
-            borderRadius: 1.5,
-        } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1 }, { children: [_jsx(Box, __assign({ sx: {
+            borderRadius: 3,
+        } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1, position: "relative" }, { children: [_jsx(Box, __assign({ sx: {
                             position: 'relative',
                             '&:after': {
                                 position: 'absolute',
@@ -88,9 +88,9 @@ var Evaluate = function (_a) {
                                 display: 'inline-block',
                                 margin: '0 4px',
                             },
-                        } }, { children: _jsx(Typography, __assign({ fontWeight: "medium", zIndex: 1, sx: { position: 'relative', zIndex: 1 } }, { 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 () {
+                        } }, { children: _jsx(Typography, __assign({ fontWeight: "medium", zIndex: 1, sx: { position: 'relative', zIndex: 1 } }, { children: title })) })), canEdit && (_jsx("img", { onClick: handleModeChange, src: "https://webcdn.fbmms.cn/assets/pWED/KpgryvNScI7XZdjNBgTNC", alt: "", style: { width: 36, height: 36, position: 'absolute', top: -8, right: -24, cursor: 'pointer' } }))] })), 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, error: !isValidate }), _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?.join('\n'));
+                                    setContent(evaluation);
                                 } }, { 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-v2/components/AIEvaluate/Graph.js

@@ -25,6 +25,11 @@ function setupCanvas(canvas) {
     ctx.scale(dpr, dpr);
     return ctx;
 }
+// interface GradeColor {
+//   Bad: Array<number>;
+//   Good: Array<number>;
+//   Best: Array<number>;
+// }
 var MAX_WIDTH = 315;
 var MAX_HEIGHT = 24;
 var levelOrder = ['Bad', 'Good', 'Best'];
@@ -105,7 +110,7 @@ var drawTop = function (layout, ctx) {
         // 绘制结束的虚线和文本 '100'
         if (i === levelOrder.length - 1) {
             drawVerticalDashedLine(ctx, offset - 2, 0, height + topLableHeight - 54, 2, 2);
-            ctx.fillText('100', offset - 2 - 10, height + topLableHeight - 40);
+            ctx.fillText('100', offset - 2 - 24, height + topLableHeight - 40);
         }
     });
 };
@@ -227,9 +232,9 @@ var Graph = function (_a) {
             draw(layout, items, pathRef.current, ctx);
         }
     }, [ctx, items, height]);
-    useEffect(function () {
-        console.log(pathRef);
-    }, [pathRef]);
+    // useEffect(() => {
+    //   console.log(pathRef);
+    // }, [pathRef]);
     var handleMouseMove = useCallback(function (e) {
         if (ctx) {
             var p = pathRef.current.find(function (p) { return isInPath(e.nativeEvent.offsetX, e.nativeEvent.offsetY, p.x, p.y, ctx); });

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

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

package/esm/modules/ai-report-v2/components/AIEvaluate/index.js

@@ -15,15 +15,19 @@ import Evaluate from './Evaluate';
 import Graph from './Graph';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Box, Paper, Stack } from 'fbm-ui/lib/mui';
+import { memo, useMemo } from 'react';
 var Index = function () {
     var _a = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _a.reportResult, showAiDimension = _a.showAiDimension, canEditAiDimension = _a.canEditAiDimension;
-    var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
-    var items = collection.map(function (item) { return ({
-        name: item.name,
-        score: item.avgScore,
-    }); });
+    var _b = reportResult || {}, _c = _b.collection, collection = _c === void 0 ? [] : _c, _d = _b.workplaceEvaluation, workplaceEvaluation = _d === void 0 ? '' : _d, _e = _b.orderToken, orderToken = _e === void 0 ? '' : _e;
+    var items = useMemo(function () {
+        return collection.map(function (item) { return ({
+            name: item.name,
+            score: item.avgScore,
+        }); });
+    }, [collection]);
+    console.log('reportResult', reportResult, workplaceEvaluation);
     if (!showAiDimension)
         return null;
-    return (_jsx(Box, __assign({ id: "report-evaluate", px: 2, width: 1 }, { children: _jsx(Box, __assign({ component: Paper, elevation: 0, bgcolor: "transparent", mb: 3 }, { children: _jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ mt: 2, flex: 1 }, { children: _jsx(Graph, { items: items }) })), _jsx(Report, {})] })), (reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation) && (_jsx(Evaluate, { token: "", canEdit: canEditAiDimension, evaluations: reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation, title: "\u7EFC\u5408\u8BC4\u4EF7", field: "evaluations", mode: "show" }))] }) })) })));
+    return (_jsx(Box, __assign({ id: "report-evaluate", px: 2, width: 1 }, { children: _jsx(Box, __assign({ component: Paper, elevation: 0, bgcolor: "transparent", mb: 3 }, { children: _jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ mt: 2, flex: 1 }, { children: _jsx(Graph, { items: items }) })), _jsx(Report, {})] })), workplaceEvaluation && (_jsx(Evaluate, { orderToken: orderToken, canEdit: canEditAiDimension, evaluation: workplaceEvaluation, title: "\u7EFC\u5408\u8BC4\u4EF7", mode: "show" }))] }) })) })));
 };
-export default Index;
+export default memo(Index);

package/esm/modules/ai-report-v2/components/Form/Form.js

@@ -59,23 +59,33 @@ var template = (_a = {},
     _a);
 var Form = function (_a) {
     var answers = _a.answers, _b = _a.customProcessName, customProcessName = _b === void 0 ? '资料收集' : _b;
-    return (_jsxs(Box, __assign({ component: Paper, m: 3, pt: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", sx: {
-                    height: 40,
-                    pl: 3,
-                    pr: 4,
+    return (_jsxs(Box, __assign({ component: Paper, m: 3, borderRadius: 3 }, { children: [_jsxs(Box, __assign({ display: "flex", sx: {
+                    left: -12,
+                    top: -8,
+                    height: 48,
+                    position: 'relative',
                     color: '#009D56',
-                    background: 'url(//webcdn.fbmms.cn/assets/yt-b/yf2BqqIlr8Xtb8N2o44t1) no-repeat center center',
-                    backgroundSize: 'contain',
+                    borderRadius: '8px 0px 8px 8px',
+                    background: 'linear-gradient( 360deg, #98F79C 0%, #C2FCC4 100%)',
                     width: 'fit-content',
-                    overflow: 'hidden',
-                    mb: 2,
                     alignItems: 'center',
-                } }, { children: [_jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/Vj2m/QMPCkdJ4uQYCS0ovOtKJ5", alt: "", width: 20, height: 20 }), _jsx(DinTypography, __assign({ variant: "h6", sx: {
+                    '&:after': {
+                        content: "''",
+                        position: 'absolute',
+                        top: 0,
+                        right: -5,
+                        width: 0,
+                        height: 0,
+                        borderTop: '8px solid transparent',
+                        borderLeft: '5px solid #6CD970',
+                    },
+                } }, { children: [_jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/5ex_/K7bDo1Qy6FdGVUIrXQksl", alt: "", width: 20, height: 20, style: { marginLeft: 16 } }), _jsx(DinTypography, __assign({ variant: "h6", sx: {
                             ml: 1,
                             color: '#009D56',
                             lineHeight: '24px',
                             width: 'auto',
-                        } }, { children: customProcessName }))] })), _jsxs(Stack, __assign({ p: 3, pt: 0 }, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
+                            marginRight: 4,
+                        } }, { children: customProcessName }))] })), _jsxs(Stack, __assign({ p: 3, pt: 2 }, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
                             background: '#E5FDE6',
                             color: '#009D56',
                             borderRadius: 20,

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

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

package/esm/modules/ai-report-v2/components/VideoQuestion/Evaluate.js

@@ -0,0 +1,79 @@
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostInterviewEvaluation } from "../../../../services/ai-report";
+import { Button, confirm, FormItem, Typography } from 'fbm-ui';
+import { Box, Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+var Evaluate = function (_a) {
+    var title = _a.title, evaluation = _a.evaluation, token = _a.token, _b = _a.mode, mode = _b === void 0 ? 'show' : _b;
+    var _c = __read(useState(evaluation), 2), content = _c[0], setContent = _c[1];
+    var _d = __read(useState('show'), 2), internalMode = _d[0], setInternalMode = _d[1];
+    var handleChange = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var isValidate = useMemo(function () {
+        return content.trim().length > 0;
+    }, [content]);
+    var handleSubmit = useCallback(function () {
+        if (!isValidate)
+            return;
+        confirm({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    flowStepToken: token,
+                    scoreManualEvaluation: content,
+                };
+                PostInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.error);
+            },
+        });
+    }, [isValidate, token, content, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return (_jsxs(Stack, { children: [_jsx(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1 }, { children: _jsx(Typography, __assign({ variant: "body1", fontWeight: 700, sx: { color: '#4caf50' } }, { children: title })) })), 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, error: !isValidate, 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(evaluation);
+                                } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, { variant: "body2", sx: {
+                    color: '#424242',
+                    whiteSpace: 'pre-wrap',
+                }, dangerouslySetInnerHTML: { __html: content } }))] }));
+};
+export default Evaluate;

package/esm/modules/ai-report-v2/components/VideoQuestion/QuestionItem.js

@@ -30,6 +30,7 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 import { ExportButton, Video } from '../styled';
 import Abilities from './Abilities';
 import BodyImages from './BodyImages';
+import Evaluate from './Evaluate';
 import ScoreSlider from './ScoreSlider';
 import SingleChoice from './SingleChoice';
 import { QuestionDesc } from './styled';
@@ -54,6 +55,10 @@ var QuestionItem = function (props) {
         store.showAbilitiesDetails,
     ]; }), reportResult = _e.reportResult, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange;
     var _f = reportResult || {}, steps = _f.steps, isSimulated = _f.isSimulated;
+    var _g = __read(useState('show'), 2), internalMode = _g[0], setInternalMode = _g[1];
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
     var isAbilities = operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('abilities');
     var isExistWeight = Number(weight) > 0;
     var isShowAbilitiesButton = abilities.length > 0 && isAbilities && !showAbilitiesDetails;
@@ -101,19 +106,27 @@ var QuestionItem = function (props) {
                 score: score,
             });
     }, [index, reportResult, steps, updateReportResult, onScoreChange, isSingleChoice]);
-    return (_jsxs(Stack, __assign({ sx: {
-            padding: '16px 24px',
+    return (_jsxs(Stack, __assign({ component: Paper, elevation: 1, sx: {
+            padding: '16px 16px',
             mt: 2,
-        } }, { children: [_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 4 }, { children: [_jsxs(Stack, __assign({ flex: 1 }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5 }, { children: [_jsx(Typography, __assign({ variant: "body1", sx: {
-                                            backgroundColor: theme.palette.primary.main,
+            background: '#fff',
+            mx: 1,
+            borderRadius: '12px',
+            position: 'relative',
+        } }, { children: [_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 4 }, { children: [_jsxs(Stack, __assign({ flex: 1, mt: 1 }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "h6", fontWeight: "500", sx: {
+                                            background: 'linear-gradient( 136deg, #65EA6A 0%, #4CAF50 100%)',
                                             color: '#fff',
-                                            borderRadius: '4px 4px 4px 4px',
-                                            alignSelf: 'flex-start',
-                                            px: '8px',
-                                        } }, { children: index + 1 })), _jsx(Typography, __assign({ variant: "body1", color: theme.palette.primary.main }, { children: desc }))] })), _jsxs(QuestionDesc, { children: [_jsx(BodyImages, { reviewImgs: reviewImgs }), _jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c", alt: "", width: 18, height: 11 }), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [isSingleChoice && _jsx(SingleChoice, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), _jsx(Typography, { variant: "body2", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "body2", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
+                                            borderRadius: '12px 0px 12px 0px',
+                                            width: 48,
+                                            height: 42,
+                                            position: 'absolute',
+                                            top: 0,
+                                            left: 0,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                        } }, { children: index + 1 })), _jsx(Typography, __assign({ ml: 5, variant: "body1", color: theme.palette.primary.main }, { children: desc }))] })), _jsxs(QuestionDesc, { children: [_jsx(BodyImages, { reviewImgs: reviewImgs }), _jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c", alt: "", width: 18, height: 11 }), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [isSingleChoice && _jsx(SingleChoice, { options: options || [], selected: (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.selected) || [] }), _jsx(Typography, { variant: "body2", color: "secondary", dangerouslySetInnerHTML: { __html: renderText } }), type === QUESTION_TYPE.COLOR_BLINDNESS && (analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img) && (_jsxs(Box, { children: [_jsx("img", { style: { width: 100, height: 100 }, src: analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.img, alt: "" }), _jsxs(Typography, __assign({ variant: "body2", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), followupQuestions === null || followupQuestions === void 0 ? void 0 : followupQuestions.map(function (v) {
                                 return (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ mt: 1, variant: "body1", color: theme.palette.primary.main }, { children: "\u8FFD\u95EE\uFF1A".concat(v === null || v === void 0 ? void 0 : v.desc) })), _jsxs(QuestionDesc, { children: [_jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/OYDO/1-c2bdx4v1upzLDJ4Ko-c", alt: "", width: 18, height: 11 }), _jsx(Typography, __assign({ variant: "body2", color: "secondary", ml: 1 }, { children: v === null || v === void 0 ? void 0 : v.answer }))] })] }));
-                            })] })), _jsxs(Box, __assign({ position: "relative" }, { children: [_jsx(Video, { src: videoUrl, controls: true }), isExportPdf && _jsx(ExportButton, __assign({ href: videoUrl }, { children: "\u67E5\u770B\u89C6\u9891" }))] }))] })), isExistWeight && status !== STEP_COMPLETED && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center", pl: 2 }, { children: workplaceName && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [_jsx(Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body2", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body2" }, { children: workplaceName }))] }))) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500, noWrap: true, display: "flex" }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isExistWeight && status === STEP_COMPLETED && (_jsxs(Stack, __assign({ mt: 3, spacing: 1, component: Paper, variant: "outlined", sx: { border: '1px solid #9BCC9B', background: '#F7FFF7' }, p: 2 }, { children: [workplaceName && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [_jsx(Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body1", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body1" }, { children: workplaceName }))] }))), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontWeight: 500, noWrap: true, display: "flex" }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice }), isSimulated && (_jsx(_Fragment, { children: abilities.map(function (v) { return (_createElement(Workplaces, __assign({}, v, { key: v.token }))); }) })), workplaceEvaluation && !isSimulated && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 700, sx: { color: '#4caf50' } }, { children: "AI\u8BC4\u4EF7" })), _jsx(Typography, { variant: "body2", sx: {
-                                    color: '#424242',
-                                }, dangerouslySetInnerHTML: { __html: workplaceEvaluation } })] }))] })))] }), token));
+                            })] })), _jsxs(Box, __assign({ position: "relative" }, { children: [isExportPdf && (_jsx(ExportButton, __assign({ href: videoUrl, target: "_blank" }, { children: _jsx("img", { src: "//webcdn.fbmms.cn/assets/htyk/jjn4TDJ1eW5akU_lblzYe", alt: "", style: { width: 166, height: 296 } }) }))), !isExportPdf && _jsx(Video, { src: videoUrl, controls: true })] }))] })), isExistWeight && status !== STEP_COMPLETED && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center", pl: 2 }, { children: workplaceName && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [_jsx(Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body2", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body2" }, { children: workplaceName }))] }))) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500, noWrap: true, display: "flex" }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isExistWeight && status === STEP_COMPLETED && (_jsxs(Stack, __assign({ mt: 3, spacing: 1, component: Paper, variant: "outlined", sx: { border: '1px solid #9BCC9B', background: '#F7FFF7', position: 'relative', borderRadius: 3 }, p: 2 }, { children: [_jsx("img", { onClick: handleModeChange, src: "//webcdn.fbmms.cn/assets/CVlD/V8fHAovf4X6wfXN75KkI9", alt: "", style: { width: 36, height: 36, position: 'absolute', top: 0, right: 0, cursor: 'pointer' } }), workplaceName && (_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 0.5, mb: 1 }, { children: [_jsx(Typography, __assign({ sx: { color: '#4CAF50' }, variant: "body1", fontWeight: "medium" }, { children: "\u8003\u6838\u70B9\uFF1A" })), _jsx(Typography, __assign({ variant: "body1" }, { children: workplaceName }))] }))), isExistWeight && status === STEP_COMPLETED && (_jsxs(Box, __assign({ mt: 2, display: "flex" }, { children: [_jsxs(Typography, __assign({ variant: "body2", mr: 4 }, { children: ["\u8BC4\u5206\uFF1A", finalScore.toFixed(0), "\u5206"] })), _jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5355\u9898\u6743\u91CD\uFF1A", weight, "%"] }))] }))), isExistWeight && (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", mt: 2 }, { children: [_jsx(Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: status === STEP_COMPLETED && (_jsxs(_Fragment, { children: [_jsx(ScoreSlider, { valueLabelDisplay: "".concat(isSingleChoice ? 'off' : 'auto'), originScore: originScore, disabledScore: isSingleChoice, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", style: { whiteSpace: 'nowrap' }, onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontWeight: 500, noWrap: true, display: "flex" }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index, disabledScore: isSingleChoice }), isSimulated && (_jsx(_Fragment, { children: abilities.map(function (v) { return (_createElement(Workplaces, __assign({}, v, { key: v.token, mode: internalMode, token: token }))); }) })), workplaceEvaluation && !isSimulated && (_jsx(_Fragment, { children: _jsx(Evaluate, { token: token, evaluation: workplaceEvaluation, title: " AI\u8BC4\u4EF7", mode: internalMode }) }))] })))] }), token));
 };
 export default QuestionItem;

package/esm/modules/ai-report-v2/components/VideoQuestion/Workplaces.d.ts

@@ -1,6 +1,10 @@
-/// <reference types="react" />
-declare const Workplaces: ({ suggestionAnswer, referenceAnswer }: {
-    suggestionAnswer: any;
-    referenceAnswer: any;
-}) => JSX.Element | null;
+import { FC } from 'react';
+declare type Mode = 'edit' | 'show';
+interface WorkplacesProps {
+    token: string;
+    suggestionAnswer: string;
+    referenceAnswer: string;
+    mode?: Mode;
+}
+declare const Workplaces: FC<WorkplacesProps>;
 export default Workplaces;