eli-video-interview 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Charts/ReportPie.js +2 -2
- package/esm/index.d.ts +2 -0
- package/esm/index.js +2 -0
- package/esm/modules/ai-report/components/AIEvaluate/index.js +1 -1
- package/esm/modules/ai-report/interface.d.ts +28 -0
- package/esm/modules/ai-report-v3/Root.d.ts +4 -0
- package/esm/modules/ai-report-v3/Root.js +110 -0
- package/esm/modules/ai-report-v3/components/AIEvaluate/Evaluate.d.ts +11 -0
- package/esm/modules/ai-report-v3/components/AIEvaluate/Evaluate.js +79 -0
- package/esm/modules/ai-report-v3/components/AIEvaluate/Graph.d.ts +22 -0
- package/esm/modules/ai-report-v3/components/AIEvaluate/Graph.js +272 -0
- package/esm/modules/ai-report-v3/components/AIEvaluate/index.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/AIEvaluate/index.js +32 -0
- package/esm/modules/ai-report-v3/components/Candidate/Candidate.d.ts +7 -0
- package/esm/modules/ai-report-v3/components/Candidate/Candidate.js +55 -0
- package/esm/modules/ai-report-v3/components/Candidate/Interface.d.ts +16 -0
- package/esm/modules/ai-report-v3/components/Candidate/Interface.js +1 -0
- package/esm/modules/ai-report-v3/components/Candidate/Podium.d.ts +6 -0
- package/esm/modules/ai-report-v3/components/Candidate/Podium.js +50 -0
- package/esm/modules/ai-report-v3/components/Candidate/index.d.ts +2 -0
- package/esm/modules/ai-report-v3/components/Candidate/index.js +2 -0
- package/esm/modules/ai-report-v3/components/CapabilityTable/CapabilityTable.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/CapabilityTable/CapabilityTable.js +62 -0
- package/esm/modules/ai-report-v3/components/CheatRisk/CheatRisk.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/CheatRisk/CheatRisk.js +42 -0
- package/esm/modules/ai-report-v3/components/Form/Form.d.ts +23 -0
- package/esm/modules/ai-report-v3/components/Form/Form.js +67 -0
- package/esm/modules/ai-report-v3/components/Form/Forms.d.ts +9 -0
- package/esm/modules/ai-report-v3/components/Form/Forms.js +45 -0
- package/esm/modules/ai-report-v3/components/Form/Nps.d.ts +6 -0
- package/esm/modules/ai-report-v3/components/Form/Nps.js +57 -0
- package/esm/modules/ai-report-v3/components/Form/index.d.ts +1 -0
- package/esm/modules/ai-report-v3/components/Form/index.js +1 -0
- package/esm/modules/ai-report-v3/components/Form/interface.d.ts +57 -0
- package/esm/modules/ai-report-v3/components/Form/interface.js +1 -0
- package/esm/modules/ai-report-v3/components/MenuAnchor/index.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/MenuAnchor/index.js +130 -0
- package/esm/modules/ai-report-v3/components/ModuleTitle.d.ts +5 -0
- package/esm/modules/ai-report-v3/components/ModuleTitle.js +24 -0
- package/esm/modules/ai-report-v3/components/NotFinish/index.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/NotFinish/index.js +32 -0
- package/esm/modules/ai-report-v3/components/RankingRange/Item.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/RankingRange/Item.js +46 -0
- package/esm/modules/ai-report-v3/components/RankingRange/index.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/RankingRange/index.js +187 -0
- package/esm/modules/ai-report-v3/components/RankingRange/interface.d.ts +26 -0
- package/esm/modules/ai-report-v3/components/RankingRange/interface.js +1 -0
- package/esm/modules/ai-report-v3/components/RankingRange/styled.d.ts +7 -0
- package/esm/modules/ai-report-v3/components/RankingRange/styled.js +11 -0
- package/esm/modules/ai-report-v3/components/ReportHeader/ReportHeader.d.ts +17 -0
- package/esm/modules/ai-report-v3/components/ReportHeader/ReportHeader.js +105 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Bar.d.ts +6 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Bar.js +68 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Failed.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Failed.js +33 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/RecommendIcon.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/RecommendIcon.js +17 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Report.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Report.js +22 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Score.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Score.js +83 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/ScoreLegend.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/ScoreLegend.js +33 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Tips.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/Tips.js +18 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/index.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/index.js +39 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/interface.d.ts +20 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/interface.js +1 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/styled.d.ts +22 -0
- package/esm/modules/ai-report-v3/components/ScoreReport/styled.js +21 -0
- package/esm/modules/ai-report-v3/components/SectionTabs/SectionTabs.d.ts +11 -0
- package/esm/modules/ai-report-v3/components/SectionTabs/SectionTabs.js +114 -0
- package/esm/modules/ai-report-v3/components/Suggestion/Suggestion.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/Suggestion/Suggestion.js +31 -0
- package/esm/modules/ai-report-v3/components/Suggestion/index.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/Suggestion/index.js +27 -0
- package/esm/modules/ai-report-v3/components/V3Header/V3Header.d.ts +11 -0
- package/esm/modules/ai-report-v3/components/V3Header/V3Header.js +154 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/Abilities.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/Abilities.js +42 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/BodyImages.d.ts +7 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/BodyImages.js +56 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/Evaluate.d.ts +11 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/Evaluate.js +79 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/QuestionItem.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/QuestionItem.js +145 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/ScoreSlider.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/ScoreSlider.js +47 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/SingleChoice.d.ts +8 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/SingleChoice.js +31 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/Workplaces.d.ts +10 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/Workplaces.js +91 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/index.d.ts +6 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/index.js +24 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/interface.d.ts +17 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/interface.js +1 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/styled.d.ts +72 -0
- package/esm/modules/ai-report-v3/components/VideoQuestion/styled.js +93 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/ScoreSlider.d.ts +4 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/ScoreSlider.js +24 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/WorkPlace.d.ts +12 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/WorkPlace.js +72 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/index.d.ts +3 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/index.js +70 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/interface.d.ts +7 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/interface.js +1 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/styled.d.ts +62 -0
- package/esm/modules/ai-report-v3/components/WorkPlaces/styled.js +27 -0
- package/esm/modules/ai-report-v3/components/styled.d.ts +42 -0
- package/esm/modules/ai-report-v3/components/styled.js +140 -0
- package/esm/modules/ai-report-v3/index.d.ts +4 -0
- package/esm/modules/ai-report-v3/index.js +20 -0
- package/esm/modules/ai-report-v3/interface.d.ts +257 -0
- package/esm/modules/ai-report-v3/interface.js +1 -0
- package/esm/modules/ai-report-v3/useAiReport.d.ts +37 -0
- package/esm/modules/ai-report-v3/useAiReport.js +18 -0
- package/esm/modules/ai-report-v3/useAiReportVersion.d.ts +5 -0
- package/esm/modules/ai-report-v3/useAiReportVersion.js +45 -0
- package/esm/modules/ai-report-v3/utils.d.ts +1 -0
- package/esm/modules/ai-report-v3/utils.js +1 -0
- package/lib/components/Charts/ReportPie.js +2 -2
- package/lib/index.d.ts +2 -0
- package/lib/index.js +5 -1
- package/lib/modules/ai-report/components/AIEvaluate/index.js +1 -1
- package/lib/modules/ai-report/interface.d.ts +28 -0
- package/lib/modules/ai-report-v3/Root.d.ts +4 -0
- package/lib/modules/ai-report-v3/Root.js +115 -0
- package/lib/modules/ai-report-v3/components/AIEvaluate/Evaluate.d.ts +11 -0
- package/lib/modules/ai-report-v3/components/AIEvaluate/Evaluate.js +81 -0
- package/lib/modules/ai-report-v3/components/AIEvaluate/Graph.d.ts +22 -0
- package/lib/modules/ai-report-v3/components/AIEvaluate/Graph.js +276 -0
- package/lib/modules/ai-report-v3/components/AIEvaluate/index.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/AIEvaluate/index.js +37 -0
- package/lib/modules/ai-report-v3/components/Candidate/Candidate.d.ts +7 -0
- package/lib/modules/ai-report-v3/components/Candidate/Candidate.js +57 -0
- package/lib/modules/ai-report-v3/components/Candidate/Interface.d.ts +16 -0
- package/lib/modules/ai-report-v3/components/Candidate/Interface.js +2 -0
- package/lib/modules/ai-report-v3/components/Candidate/Podium.d.ts +6 -0
- package/lib/modules/ai-report-v3/components/Candidate/Podium.js +52 -0
- package/lib/modules/ai-report-v3/components/Candidate/index.d.ts +2 -0
- package/lib/modules/ai-report-v3/components/Candidate/index.js +10 -0
- package/lib/modules/ai-report-v3/components/CapabilityTable/CapabilityTable.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/CapabilityTable/CapabilityTable.js +64 -0
- package/lib/modules/ai-report-v3/components/CheatRisk/CheatRisk.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/CheatRisk/CheatRisk.js +44 -0
- package/lib/modules/ai-report-v3/components/Form/Form.d.ts +23 -0
- package/lib/modules/ai-report-v3/components/Form/Form.js +73 -0
- package/lib/modules/ai-report-v3/components/Form/Forms.d.ts +9 -0
- package/lib/modules/ai-report-v3/components/Form/Forms.js +50 -0
- package/lib/modules/ai-report-v3/components/Form/Nps.d.ts +6 -0
- package/lib/modules/ai-report-v3/components/Form/Nps.js +59 -0
- package/lib/modules/ai-report-v3/components/Form/index.d.ts +1 -0
- package/lib/modules/ai-report-v3/components/Form/index.js +8 -0
- package/lib/modules/ai-report-v3/components/Form/interface.d.ts +57 -0
- package/lib/modules/ai-report-v3/components/Form/interface.js +2 -0
- package/lib/modules/ai-report-v3/components/MenuAnchor/index.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/MenuAnchor/index.js +132 -0
- package/lib/modules/ai-report-v3/components/ModuleTitle.d.ts +5 -0
- package/lib/modules/ai-report-v3/components/ModuleTitle.js +28 -0
- package/lib/modules/ai-report-v3/components/NotFinish/index.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/NotFinish/index.js +34 -0
- package/lib/modules/ai-report-v3/components/RankingRange/Item.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/RankingRange/Item.js +48 -0
- package/lib/modules/ai-report-v3/components/RankingRange/index.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/RankingRange/index.js +192 -0
- package/lib/modules/ai-report-v3/components/RankingRange/interface.d.ts +26 -0
- package/lib/modules/ai-report-v3/components/RankingRange/interface.js +2 -0
- package/lib/modules/ai-report-v3/components/RankingRange/styled.d.ts +7 -0
- package/lib/modules/ai-report-v3/components/RankingRange/styled.js +14 -0
- package/lib/modules/ai-report-v3/components/ReportHeader/ReportHeader.d.ts +17 -0
- package/lib/modules/ai-report-v3/components/ReportHeader/ReportHeader.js +110 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Bar.d.ts +6 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Bar.js +70 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Failed.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Failed.js +34 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/RecommendIcon.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/RecommendIcon.js +22 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Report.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Report.js +27 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Score.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Score.js +86 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/ScoreLegend.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/ScoreLegend.js +35 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Tips.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/Tips.js +20 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/index.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/index.js +44 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/interface.d.ts +20 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/interface.js +2 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/styled.d.ts +22 -0
- package/lib/modules/ai-report-v3/components/ScoreReport/styled.js +24 -0
- package/lib/modules/ai-report-v3/components/SectionTabs/SectionTabs.d.ts +11 -0
- package/lib/modules/ai-report-v3/components/SectionTabs/SectionTabs.js +116 -0
- package/lib/modules/ai-report-v3/components/Suggestion/Suggestion.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/Suggestion/Suggestion.js +33 -0
- package/lib/modules/ai-report-v3/components/Suggestion/index.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/Suggestion/index.js +32 -0
- package/lib/modules/ai-report-v3/components/V3Header/V3Header.d.ts +11 -0
- package/lib/modules/ai-report-v3/components/V3Header/V3Header.js +159 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/Abilities.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/Abilities.js +47 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/BodyImages.d.ts +7 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/BodyImages.js +61 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/Evaluate.d.ts +11 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/Evaluate.js +81 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/QuestionItem.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/QuestionItem.js +150 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/ScoreSlider.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/ScoreSlider.js +49 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/SingleChoice.d.ts +8 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/SingleChoice.js +33 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/Workplaces.d.ts +10 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/Workplaces.js +93 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/index.d.ts +6 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/index.js +29 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/interface.d.ts +17 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/interface.js +2 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/styled.d.ts +72 -0
- package/lib/modules/ai-report-v3/components/VideoQuestion/styled.js +96 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/ScoreSlider.d.ts +4 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/ScoreSlider.js +26 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/WorkPlace.d.ts +12 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/WorkPlace.js +74 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/index.d.ts +3 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/index.js +75 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/interface.d.ts +7 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/interface.js +2 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/styled.d.ts +62 -0
- package/lib/modules/ai-report-v3/components/WorkPlaces/styled.js +30 -0
- package/lib/modules/ai-report-v3/components/styled.d.ts +42 -0
- package/lib/modules/ai-report-v3/components/styled.js +146 -0
- package/lib/modules/ai-report-v3/index.d.ts +4 -0
- package/lib/modules/ai-report-v3/index.js +25 -0
- package/lib/modules/ai-report-v3/interface.d.ts +257 -0
- package/lib/modules/ai-report-v3/interface.js +2 -0
- package/lib/modules/ai-report-v3/useAiReport.d.ts +37 -0
- package/lib/modules/ai-report-v3/useAiReport.js +25 -0
- package/lib/modules/ai-report-v3/useAiReportVersion.d.ts +5 -0
- package/lib/modules/ai-report-v3/useAiReportVersion.js +49 -0
- package/lib/modules/ai-report-v3/utils.d.ts +1 -0
- package/lib/modules/ai-report-v3/utils.js +5 -0
- package/package.json +2 -2
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
13
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
14
|
+
if (!m) return o;
|
|
15
|
+
var i = m.call(o), r, ar = [], e;
|
|
16
|
+
try {
|
|
17
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
18
|
+
}
|
|
19
|
+
catch (error) { e = { error: error }; }
|
|
20
|
+
finally {
|
|
21
|
+
try {
|
|
22
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
23
|
+
}
|
|
24
|
+
finally { if (e) throw e.error; }
|
|
25
|
+
}
|
|
26
|
+
return ar;
|
|
27
|
+
};
|
|
28
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
29
|
+
import { rankPercent } from '../../utils';
|
|
30
|
+
import { scoreRankIntervalModeColors } from "../../../../constants/ai-report";
|
|
31
|
+
import { useAiReportStore } from "../../../../store/ai-report/global-store";
|
|
32
|
+
import { Box, Typography } from 'fbm-ui';
|
|
33
|
+
import { useEffect, useState } from 'react';
|
|
34
|
+
var Bar = function (_a) {
|
|
35
|
+
var _b = _a.model, model = _b === void 0 ? 'standard' : _b;
|
|
36
|
+
var _c = __read(useState(1), 2), currentRank = _c[0], setCurrentRank = _c[1];
|
|
37
|
+
var _d = __read(useState(''), 2), text = _d[0], setText = _d[1];
|
|
38
|
+
var _e = useAiReportStore(function (store) { return [store.reportResult, store.scoreRankIntervals]; }), reportResult = _e.reportResult, scoreRankIntervals = _e.scoreRankIntervals, reportRank = _e.reportRank;
|
|
39
|
+
var _f = (reportResult || {}).score, score = _f === void 0 ? 0 : _f;
|
|
40
|
+
useEffect(function () {
|
|
41
|
+
var floatInterval = scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.find(function (interval) { return score >= interval.score.startScore && score <= interval.score.endScore; });
|
|
42
|
+
if (floatInterval) {
|
|
43
|
+
var rank = floatInterval.rank;
|
|
44
|
+
setCurrentRank(rank);
|
|
45
|
+
}
|
|
46
|
+
if (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) {
|
|
47
|
+
setText("\u51FB\u8D25\u4E86".concat(rankPercent((reportRank === null || reportRank === void 0 ? void 0 : reportRank.rank) || 0, (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) || 0).toFixed(0), "%\u5019\u9009\u4EBA"));
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
setText('');
|
|
51
|
+
}
|
|
52
|
+
}, [score, reportRank, scoreRankIntervals]);
|
|
53
|
+
if (!scoreRankIntervals || (scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.length) === 0)
|
|
54
|
+
return null;
|
|
55
|
+
return (_jsxs(Box, { children: [_jsxs(Typography, __assign({ color: "inherit", variant: "body2", flexShrink: 0 }, { children: [text, "\u00A0"] })), _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { height: 12, mt: 0.5 } }, { children: scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.map(function (_a, index) {
|
|
56
|
+
var _b;
|
|
57
|
+
var rank = _a.rank, _c = _a.scoreRankIntervals, startRankProportion = _c.startRankProportion, endRankProportion = _c.endRankProportion;
|
|
58
|
+
return [
|
|
59
|
+
_jsx(Box, { sx: {
|
|
60
|
+
width: "".concat((endRankProportion - startRankProportion) * 100, "%"),
|
|
61
|
+
height: currentRank === rank ? 'calc(100% + 4px)' : '100%',
|
|
62
|
+
background: (_b = scoreRankIntervalModeColors === null || scoreRankIntervalModeColors === void 0 ? void 0 : scoreRankIntervalModeColors[model]) === null || _b === void 0 ? void 0 : _b[index],
|
|
63
|
+
border: '2px solid rgb(255, 255, 255)',
|
|
64
|
+
} }, rank),
|
|
65
|
+
];
|
|
66
|
+
}) }))] }));
|
|
67
|
+
};
|
|
68
|
+
export default Bar;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { BackgroundImage, // , Colors, SwitchTitle
|
|
14
|
+
} from "../../../../enum/ai-report";
|
|
15
|
+
import { INTERVIEW_STATUS } from "../../../../enum/ai-report";
|
|
16
|
+
// import { SwitchIcon } from 'fbm-icons';
|
|
17
|
+
import { Box, Button, CancelIcon, RefreshIcon, Typography } from 'fbm-ui';
|
|
18
|
+
var FAILED = INTERVIEW_STATUS.FAILED;
|
|
19
|
+
var Failed = function (_a) {
|
|
20
|
+
var loading = _a.loading, status = _a.status, onRefresh = _a.onRefresh, _b = _a.model, model = _b === void 0 ? 'standard' : _b, onSwitchReportModel = _a.onSwitchReportModel;
|
|
21
|
+
return (_jsxs(Box, __assign({ loading: loading, display: "flex", alignItems: "center", padding: "32px 24px", sx: {
|
|
22
|
+
px: 3,
|
|
23
|
+
height: 280,
|
|
24
|
+
background: "url('".concat(BackgroundImage[model], "') no-repeat center center / cover"),
|
|
25
|
+
overflow: 'hidden',
|
|
26
|
+
borderRadius: '0 0 62px 62px',
|
|
27
|
+
} }, { children: [status === FAILED && (_jsx(CancelIcon, { style: {
|
|
28
|
+
color: '#ff6c6c',
|
|
29
|
+
width: '24px',
|
|
30
|
+
height: '24px',
|
|
31
|
+
} })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: status === FAILED ? '报告计算失败,请手动' : '报告正在计算中,请稍后查看或手动' })), _jsx(Button, __assign({ variant: "text", endIcon: _jsx(RefreshIcon, {}), size: "small", style: { color: '#576B95', padding: '0px 4px' }, onClick: onRefresh }, { children: "\u5237\u65B0\u62A5\u544A" }))] })));
|
|
32
|
+
};
|
|
33
|
+
export default Failed;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import SvgIcon from '@mui/material/SvgIcon';
|
|
14
|
+
var RecommendIcon = function (props) {
|
|
15
|
+
return (_jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 120 120" }, { children: _jsx("path", { d: "M84.407 24.379a2.648 2.648 0 0 1 1.186 2.298c-.131 4.575 3.655 8.601 8.247 8.731a2.656 2.656 0 0 1 2.415 3.58 8.473 8.473 0 0 0 .119 6.286 8.543 8.543 0 0 0 4.889 4.634 2.656 2.656 0 0 1 .898 4.42 8.43 8.43 0 0 0-.343 12.008 2.656 2.656 0 0 1-.82 4.238 8.472 8.472 0 0 0-4.362 4.53 8.42 8.42 0 0 0 .18 6.733 2.656 2.656 0 0 1-2.491 3.764 8.427 8.427 0 0 0-8.73 8.246 2.65 2.65 0 0 1-3.58 2.415 8.473 8.473 0 0 0-6.287.118 8.405 8.405 0 0 0-4.475 4.49 2.642 2.642 0 0 1-.73 1.389c-1.045 1.044-2.746 1.16-3.775-.02l-.085-.084c-1.79-1.79-3.916-2.676-6.164-2.678a8.475 8.475 0 0 0-5.831 2.345 2.659 2.659 0 0 1-4.24-.82 8.487 8.487 0 0 0-4.53-4.362 8.42 8.42 0 0 0-6.733.178 2.656 2.656 0 0 1-3.763-2.49c.133-4.577-3.66-8.602-8.248-8.732a2.651 2.651 0 0 1-2.415-3.58 8.473 8.473 0 0 0-.119-6.286 8.546 8.546 0 0 0-4.889-4.634 2.656 2.656 0 0 1-.898-4.42 8.432 8.432 0 0 0 .344-12.007 2.656 2.656 0 0 1 .82-4.24 8.424 8.424 0 0 0 4.182-11.262 2.656 2.656 0 0 1 2.49-3.764 8.427 8.427 0 0 0 8.731-8.246 2.65 2.65 0 0 1 3.58-2.415 8.436 8.436 0 0 0 10.919-5.007 2.663 2.663 0 0 1 1.96-1.679 2.702 2.702 0 0 1 2.461.782l.011.011c1.79 1.79 3.914 2.675 6.166 2.677a8.472 8.472 0 0 0 5.832-2.346 2.661 2.661 0 0 1 4.239.825 8.426 8.426 0 0 0 11.26 4.181 2.648 2.648 0 0 1 2.58.193Zm-3.778 5.706c-2.532.45-5.14.172-7.522-.798a13.723 13.723 0 0 1-5.704-4.315 13.705 13.705 0 0 1-14.178-.216 13.626 13.626 0 0 1-5.884 4.757 13.68 13.68 0 0 1-7.086.978 13.68 13.68 0 0 1-3.564 6.205 13.624 13.624 0 0 1-6.613 3.671c.45 2.532.174 5.139-.796 7.52a13.672 13.672 0 0 1-4.319 5.71 13.706 13.706 0 0 1 1.87 6.903 13.627 13.627 0 0 1-2.085 7.278 13.683 13.683 0 0 1 5.742 12.965 13.667 13.667 0 0 1 6.203 3.563 13.627 13.627 0 0 1 3.674 6.615c2.532-.45 5.14-.173 7.522.798 2.25.911 4.218 2.4 5.706 4.317a13.705 13.705 0 0 1 14.176.214 13.618 13.618 0 0 1 5.884-4.757 13.68 13.68 0 0 1 7.088-.98 13.664 13.664 0 0 1 3.562-6.203 13.624 13.624 0 0 1 6.61-3.675c-.45-2.532-.174-5.14.797-7.522a13.67 13.67 0 0 1 4.32-5.702 13.705 13.705 0 0 1 .215-14.185 13.683 13.683 0 0 1-5.74-12.963c-4.839-1.274-8.771-5.36-9.878-10.178Zm-37.034 47.32a2.656 2.656 0 1 1-3.756 3.756 2.656 2.656 0 0 1 3.756-3.757Zm5.635 5.634a2.656 2.656 0 1 1-3.756 3.756 2.656 2.656 0 0 1 3.756-3.756ZM36.77 71.082a2.656 2.656 0 1 1-1.376 5.132 2.656 2.656 0 0 1 1.376-5.132ZM50.819 33.61a1.328 1.328 0 0 1-.318 2.278 26.351 26.351 0 0 0-8.786 5.833 26.491 26.491 0 0 0-5.835 8.784 1.328 1.328 0 0 1-2.46-.996 29.024 29.024 0 0 1 6.417-9.666 28.977 28.977 0 0 1 9.666-6.417c.44-.178.942-.108 1.316.184Zm36.508 36.428.094.11c.294.388.353.905.153 1.349a29.024 29.024 0 0 1-6.417 9.666 28.977 28.977 0 0 1-9.666 6.417 1.323 1.323 0 0 1-1.728-.732 1.328 1.328 0 0 1 .73-1.73 26.351 26.351 0 0 0 8.786-5.833 26.491 26.491 0 0 0 5.835-8.784 1.328 1.328 0 0 1 2.307-.353Zm-13.559 3.55-1.473 1.473-3.756-1.172 2.9 2.9-1.593 1.593-3.44-3.441-1.263 1.262c-1.457 1.458-2.329 1.458-4.027 0l-.917-.766 1.082-2.134 1.082.902c.661.54.827.466 1.307-.015l.992-.992-3.53-3.531 1.592-1.593 3.531 3.531.406-.405 2.464.901-4.433-4.433 1.578-1.577 7.498 7.498ZM58.171 45.97l1.352 2.043c-.766.466-1.547.887-2.329 1.248l1.939 1.938 1.307-2.029 1.818 1.638-1.397 2.119 2.239 2.239-1.698 1.698-2.435-2.435-1.487 1.488 2.194 2.194-1.608 1.608-2.194-2.194-1.518 1.517 2.194 2.194-1.668 1.668-2.194-2.194-1.532 1.533 2.795 2.795-1.683 1.683-8.295-8.295 7.048-7.047-.526.105.856-2.78c.33-.06.646-.135.962-.21l-.631-.63-1.863 1.862c.3.15.57.3.841.421l-.796 1.037-.782 1.022-1.142-.601-3.621 3.62c-1.337 1.338-2.104 1.443-3.591.286l-1.097-.856 1.217-2.3 1.007.767c.45.36.826.196 1.232-.21l2.54-2.54c-.872-.42-1.624-.871-2.195-1.111l1.458-2.24c.721.391 1.623.932 2.614 1.473l2.405-2.404-1.398-1.397 1.848-1.849 1.398 1.398 2.103-2.104 1.698 1.848-2.028 2.029 1.052 1.052-1.142 1.142c1.728-.526 3.125-1.202 4.733-2.24Zm16.844 17.175 1.698 1.848-.766.766 3.185 3.186-1.653 1.652-3.185-3.185-.676.676-1.773-1.773.676-.676-2.885-2.885-.376.376.917 1.427-.752.3 6.657 6.657-1.623 1.623-7.483-7.483c-1.112.3-2.179.526-3.32.616l-6.191 6.19-1.728-1.727 4.432-4.433a27.952 27.952 0 0 1-2.509-.285l.857-2.66c2.193.42 4.282.466 6.31.15l-2.479-2.48 1.623-1.622 3.471 3.471.736-.285-.991-.992.646-.646-3.186-3.186 1.653-1.653 3.186 3.186.841-.842 1.728 1.879-.766.766 2.885 2.885.841-.841Zm-24.207-4.313-1.788-1.788-1.533 1.533 1.789 1.788 1.532-1.533Zm3.186-3.185-1.788-1.789-1.518 1.518 1.788 1.788 1.518-1.517Zm3.095-3.096-1.788-1.788-1.488 1.488 1.789 1.788 1.487-1.488Zm29.701-7.073a2.656 2.656 0 1 1-3.756 3.757 2.656 2.656 0 0 1 3.756-3.757Zm-5.635-5.634A2.656 2.656 0 1 1 77.4 43.6a2.656 2.656 0 0 1 3.756-3.756Zm-6.825-6.322a2.656 2.656 0 1 1-1.375 5.131 2.656 2.656 0 0 1 1.375-5.131Z", fill: "currentColor", fillRule: "evenodd" }) })));
|
|
16
|
+
};
|
|
17
|
+
export default RecommendIcon;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import ReportPie from "../../../../components/Charts/ReportPie";
|
|
14
|
+
import ScoreBigBall from "../../../../components/ScoreBigBall";
|
|
15
|
+
import { useAiReportStore } from "../../../../store/ai-report/global-store";
|
|
16
|
+
import { Box } from 'fbm-ui';
|
|
17
|
+
var Report = function () {
|
|
18
|
+
var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
|
|
19
|
+
var _a = reportResult || {}, orderToken = _a.orderToken, score = _a.score, status = _a.status, _b = _a.collection, collection = _b === void 0 ? [] : _b;
|
|
20
|
+
return (_jsx(Box, __assign({ width: 400, flexShrink: 0 }, { children: _jsxs(Box, __assign({ height: 300, sx: { position: 'relative' } }, { children: [_jsx(ReportPie, { id: orderToken || '', source: collection }), _jsx(ScoreBigBall, { score: score || 0, status: status })] })) })));
|
|
21
|
+
};
|
|
22
|
+
export default Report;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
13
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
14
|
+
if (!m) return o;
|
|
15
|
+
var i = m.call(o), r, ar = [], e;
|
|
16
|
+
try {
|
|
17
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
18
|
+
}
|
|
19
|
+
catch (error) { e = { error: error }; }
|
|
20
|
+
finally {
|
|
21
|
+
try {
|
|
22
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
23
|
+
}
|
|
24
|
+
finally { if (e) throw e.error; }
|
|
25
|
+
}
|
|
26
|
+
return ar;
|
|
27
|
+
};
|
|
28
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
29
|
+
import RankingRange from '../RankingRange';
|
|
30
|
+
import Bar from './Bar';
|
|
31
|
+
import RecommendIcon from './RecommendIcon';
|
|
32
|
+
import { RefreshIconRoot, ScoreTypography, ScoreUnitTypography } from './styled';
|
|
33
|
+
// import Tips from './Tips';
|
|
34
|
+
import { BackgroundImage, Colors, // SwitchTitle
|
|
35
|
+
} from "../../../../enum/ai-report";
|
|
36
|
+
import { useAiReportStore } from "../../../../store/ai-report/global-store";
|
|
37
|
+
import { formatScore } from "../../../../utils/utils";
|
|
38
|
+
import dayjs from 'dayjs';
|
|
39
|
+
// import { SwitchIcon } from 'fbm-icons';
|
|
40
|
+
import { Box, Button, DownloadIcon, // InfoOutlineIcon,
|
|
41
|
+
Popover, Typography, } from 'fbm-ui';
|
|
42
|
+
import { Stack } from 'fbm-ui/lib/mui';
|
|
43
|
+
import { useEffect, useState } from 'react';
|
|
44
|
+
var Score = function (_a) {
|
|
45
|
+
var customScore = _a.customScore, loading = _a.loading, onRefresh = _a.onRefresh, onSwitchReportModel = _a.onSwitchReportModel, _b = _a.model, model = _b === void 0 ? 'standard' : _b;
|
|
46
|
+
var _c = __read(useState(false), 2), openRankingRange = _c[0], setOpenRankingRange = _c[1];
|
|
47
|
+
var _d = __read(useState(false), 2), openRefresh = _d[0], setOpenRefresh = _d[1];
|
|
48
|
+
var _e = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _e.reportResult, operableButtons = _e.operableButtons, onExportReportClick = _e.onExportReportClick;
|
|
49
|
+
var _f = reportResult || {}, score = _f.score, createTime = _f.createTime;
|
|
50
|
+
var _g = __read(useState(score || 0), 2), feScore = _g[0], setScore = _g[1];
|
|
51
|
+
useEffect(function () {
|
|
52
|
+
if (typeof customScore === 'number' && customScore > -1) {
|
|
53
|
+
setScore(customScore);
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
setScore(score || 0);
|
|
57
|
+
}
|
|
58
|
+
if (!loading)
|
|
59
|
+
setOpenRefresh(false);
|
|
60
|
+
}, [loading, customScore, score]);
|
|
61
|
+
var content = (_jsxs(Box, __assign({ padding: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", color: "secondary" }, { children: "\u5237\u65B0\u540E\u5C06\u6309\u6700\u65B0\u7B97\u5206\u89C4\u5219\u8BA1\u7B97\uFF0C\u662F\u5426\u786E\u8BA4\u5237\u65B0" })), _jsx(Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: _jsx(Button, __assign({ loading: loading, onClick: onRefresh }, { children: "\u5237\u65B0" })) }))] })));
|
|
62
|
+
return (_jsxs(Stack, __assign({ display: "flex", sx: {
|
|
63
|
+
px: 3,
|
|
64
|
+
height: 280,
|
|
65
|
+
background: "url('".concat(BackgroundImage[model], "') no-repeat center center / cover"),
|
|
66
|
+
overflow: 'hidden',
|
|
67
|
+
borderRadius: '0 0 62px 62px',
|
|
68
|
+
} }, { children: [model === 'pro' && (_jsx(Box, __assign({ display: "flex", alignItems: "center", justifyContent: "center", width: 92, height: 30, sx: {
|
|
69
|
+
position: 'absolute',
|
|
70
|
+
top: 0,
|
|
71
|
+
left: 0,
|
|
72
|
+
backgroundColor: Colors[model],
|
|
73
|
+
borderBottomRightRadius: 16,
|
|
74
|
+
} }, { children: _jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", color: "white" }, { children: "\u9AD8\u7CBE\u51C6\u5EA6" })) }))), _jsx(RankingRange, { open: openRankingRange, onClose: function () { return setOpenRankingRange(false); } }), _jsx(Stack, __assign({ direction: "row", py: 2, justifyContent: "flex-end", spacing: 1, alignContent: "center", color: Colors[model] }, { children: (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && (_jsx(_Fragment, { children: _jsx(Button, __assign({ variant: "outlined", size: "small", icon: _jsx(DownloadIcon, {}), sx: {
|
|
75
|
+
ml: 1,
|
|
76
|
+
color: 'inherit',
|
|
77
|
+
borderColor: 'inherit',
|
|
78
|
+
'&:hover': {
|
|
79
|
+
borderColor: 'inherit',
|
|
80
|
+
},
|
|
81
|
+
}, onClick: onExportReportClick }, { children: "\u5BFC\u51FA\u62A5\u544A" })) })) })), _jsxs(Box, __assign({ display: "flex", alignItems: "center", height: 80, color: Colors[model] }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsx(ScoreTypography, __assign({ color: "inherit" }, { children: formatScore(feScore || 0) })), _jsx(ScoreUnitTypography, __assign({ color: "inherit", sx: { alignSelf: 'flex-end' } }, { children: "\u5206" }))] })), _jsx(Box, __assign({ width: 200, ml: 5, color: Colors[model] }, { children: _jsx(Bar, { model: model }) }))] })), _jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", color: Colors[model] }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", mt: 1, sx: { alignSelf: 'flex-start' } }, { children: [(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(RefreshIconRoot, { htmlColor: "inherit", onClick: function () { return setOpenRefresh(true); } }) }))), _jsxs(Typography, __assign({ variant: "caption", color: "inherit", ml: 0.5 }, { children: ["\u62A5\u544A\u751F\u6210\u4E8E ", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('scoreRank')) && (_jsx(Typography, __assign({ color: "inherit", sx: { textDecoration: 'underline', cursor: 'pointer', ml: 1.5 }, onClick: function () { return setOpenRankingRange(true); } }, { children: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E" })))] })), _jsx(Box, __assign({ width: 120, height: 120, sx: { marginTop: -3 } }, { children: !!feScore && feScore >= 80 && _jsx(RecommendIcon, { size: 120, sx: { width: 120, height: 120 }, htmlColor: Colors[model] }) }))] }))] })));
|
|
82
|
+
};
|
|
83
|
+
export default Score;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useMemo } from 'react';
|
|
14
|
+
import { Box, InfoIcon, Tooltip, Typography } from 'fbm-ui';
|
|
15
|
+
import { INTERVIEW_STEP_STATUS } from "../../../../enum/ai-report";
|
|
16
|
+
import { useAiReportStore } from "../../../../store/ai-report/global-store";
|
|
17
|
+
import { formatScore } from "../../../../utils/utils";
|
|
18
|
+
var STEP_COMPLETED = INTERVIEW_STEP_STATUS.STEP_COMPLETED;
|
|
19
|
+
var ScoreLegend = function (props) {
|
|
20
|
+
var color = props.color;
|
|
21
|
+
var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
|
|
22
|
+
var _a = reportResult || {}, score = _a.score, steps = _a.steps;
|
|
23
|
+
var title = useMemo(function () {
|
|
24
|
+
return (_jsxs(Box, { children: [_jsx(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u8BA1\u7B97\u516C\u5F0F\uFF1A\u7EFC\u5408\u8BC4\u5206 = \u8BC4\u5206 * \u5355\u9898\u6743\u91CD" })), steps === null || steps === void 0 ? void 0 : steps.map(function (step, index) {
|
|
25
|
+
if (step.scoreInfo.weight && step.status === STEP_COMPLETED) {
|
|
26
|
+
return (_jsxs(Box, { children: [_jsxs(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: [index + 1, ".", step.question.name] })), _jsxs(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: ["\u5F97\u5206\uFF1A", formatScore(step.scoreInfo.score), "\u5206 = ", step.scoreInfo.finalScore.toFixed(0), " * ", step.scoreInfo.weight, "%"] }))] }, step.token));
|
|
27
|
+
}
|
|
28
|
+
return null;
|
|
29
|
+
})] }));
|
|
30
|
+
}, [steps]);
|
|
31
|
+
return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", justifyContent: "center", sx: { mb: 2 } }, { children: [_jsx(Box, { style: { width: '8px', height: '8px', backgroundColor: color } }), _jsxs(Box, __assign({ display: "flex", alignItems: "center", sx: { margin: '0 4px' } }, { children: [_jsx(Typography, __assign({ sx: { fontSize: 12, color: color } }, { children: "\u89C6\u9891\u9762\u8BD5\u5F97\u5206\uFF1A" })), _jsxs(Typography, __assign({ sx: { fontSize: 18, color: color, fontWeight: 700 } }, { children: [formatScore(score || 0), _jsx("span", __assign({ style: { fontSize: 12, fontWeight: 'normal', marginLeft: 2 } }, { children: "\u5206" }))] }))] })), _jsx(Box, { children: _jsx(Tooltip, __assign({ title: title }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: _jsx(InfoIcon, { sx: { fontSize: 14, color: color } }) })) })) })] })));
|
|
32
|
+
};
|
|
33
|
+
export default ScoreLegend;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { Typography } from 'fbm-ui';
|
|
14
|
+
import { Stack } from 'fbm-ui/lib/mui';
|
|
15
|
+
var Tips = function () {
|
|
16
|
+
return (_jsxs(Stack, __assign({ width: 588, spacing: 3, pl: 3, pr: 2, py: 3, overflow: "scroll" }, { children: [_jsxs(Stack, __assign({ spacing: 2.5 }, { children: [_jsx(Typography, __assign({ color: "textSecondary" }, { children: "\u4E13\u4E1A\u7248\u8BF4\u660E" })), _jsx(Typography, __assign({ fontWeight: "medium" }, { children: "\u6CE8\u610F\uFF1A\u4E13\u4E1A\u7248\u62A5\u544A\u4EE5\u9AD8\u7EA7AI\u6280\u672F\u63D0\u4F9B\u66F4\u7CBE\u51C6\u8BC4\u4F30\uFF0C\u5C5E\u589E\u503C\u4EA7\u54C1\uFF0C\u6BCF\u4E13\u4E1A\u7248\u62A5\u544A\u6309\u6807\u51C6\u72482\u4EBA\u6B21\u8BA1\u8D39\uFF0C\u4EC5\u9996\u6B21\u5347\u7EA7\u6536\u8D39\u3002\u9ED8\u8BA4\u63D0\u4F9B\u6807\u51C6\u7248\uFF0C\u54A8\u8BE2\u5BA2\u6237\u987E\u95EE\u4E86\u89E3\u8D44\u8D39\u4F18\u60E0\u3002" }))] })), _jsxs(Stack, __assign({ spacing: 2.5 }, { children: [_jsx(Typography, __assign({ fontWeight: "medium" }, { children: "\u62A5\u544A\u8BF4\u660E" })), _jsxs(Stack, __assign({ spacing: 0.5 }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "1.\u4E13\u4E1A\u7248\u62A5\u544A\u91C7\u7528\u4E86\u66F4\u4E3A\u9AD8\u7EA7\u7684AI\u7B97\u6CD5\u548C\u6280\u672F\uFF0C\u5728\u62E9\u4F18\u548C\u7565\u6C70\u65B9\u9762\u90FD\u80FD\u505A\u5230\u66F4\u9AD8\u51C6\u786E\u5EA6\u3002" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "2.\u5728\u6807\u51C6\u6D4B\u8BD5\u96C6\u4E2D\u7ECF\u8FC7\u591A\u6B21\u6D4B\u8BD5\u5F97\u51FA\uFF0C\u5982\u679C\u9898\u76EE\u8003\u6838\u7684\u80FD\u529B\u7684\u540D\u79F0\u548C\u80FD\u529B\u7684\u8BC4\u5206\u5173\u952E\u70B9\u5185\u5BB9\u66F4\u8D34\u5408\u9898\u76EE\u5185\u5BB9\uFF0C\u6253\u5206\u51C6\u786E\u5EA6\u4E5F\u4F1A\u66F4\u9AD8\u3002\u5728\u76F8\u540C\u7684\u80FD\u529B\u540D\u79F0\u548C\u8BC4\u5206\u5173\u952E\u70B9\u65F6\uFF0C\u4E13\u4E1A\u7248\u8F83\u6807\u51C6\u7248\u7684\u5206\u6570\u51C6\u786E\u5EA6\u63D0\u534721%\u3002" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "3.\u6807\u51C6\u6D4B\u8BD5\u96C6\u4E2D\u91C7\u7528\u7EBF\u4E0A\u771F\u5B9E\u6570\u636E\uFF0C\u4E14\u4FDD\u8BC1\u6570\u636E\u7684\u591A\u6837\u5316\uFF0C\u9002\u7528\u4E8E\u5404\u79CD\u62DB\u8058\u573A\u666F\u3002" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "4.\u4E0B\u9762\u6848\u4F8B\u80FD\u591F\u5E2E\u52A9\u7406\u89E3\u4E24\u4E2A\u7248\u672C\u7684\u5DEE\u5F02\uFF1A" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u95EE\u9898\uFF1A\u8BF7\u5206\u4EAB\u4E00\u4E0B\u60A8\u7684\u804C\u4E1A\u89C4\u5212\u548C\u76EE\u6807\uFF1F" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u5019\u9009\u4EBA\u56DE\u7B54\uFF1A\u9996\u5148\u662F\u5165\u804C\u4E00\u4EFD\u8DDF\u6211\u4E13\u4E1A\u76F8\u5173\u7684\u3002 \u5DE5\u4F5C\uFF0C\u7136\u540E\u3002 \u5728\u63A5\u4E0B\u6765\u7684\u51E0\u5E74\u3002 \u6728\u95E8\u3002 \u5C31\u662F\u7A33\u6B65\u5DE5\u4F5C\uFF0C\u7136\u540E\u6709\u6240\u5B66\u4E60\uFF0C\u7136\u540E\u6709\u6240\u6536\u83B7\u3002 \u5E76\u4E14\u3002 \u719F\u6089\u7684\u4E86\u89E3\u3002 \u6211\u6240\u5DE5\u4F5C\u7684\u6A21\u5757\u7684\u3002 \u6240\u6709\u6D41\u7A0B\uFF0C\u5E76\u4E14\u80FD\u5728\u5176\u4E2D\u83B7\u5F97\u4E00\u4E9B\u77E5\u8BC6" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u8003\u5BDF\u80FD\u529B\uFF1A\u804C\u4E1A\u89C4\u5212\u80FD\u529B" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u8BC4\u5206\u5173\u952E\u70B9\uFF1A\u9700\u8981\u5305\u542B\u5177\u4F53\u7684\u5DE5\u4F5C\u5B89\u6392\u7EC6\u8282\u3002\u5982\u679C\u5019\u9009\u4EBA\u7684\u89C4\u5212\u4E0D\u5177\u6709\u660E\u786E\u6027\u548C\u5B9E\u9645\u6027\uFF0C\u5219\u5C06\u5206\u6570\u6263\u51CF\u523070\u5206\u4EE5\u4E0B\uFF1B" }))] }))] })), _jsxs(Stack, __assign({ direction: "row", spacing: 2 }, { children: [_jsxs(Stack, __assign({ p: 2, flex: 1, spacing: 1, sx: { backgroundColor: '#FAFAFA', borderRadius: 2 } }, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: "\u57FA\u7840\u7248\uFF1A70\u5206" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u5019\u9009\u4EBA\u7684\u56DE\u7B54\u7F3A\u4E4F\u660E\u786E\u6027\u548C\u5B9E\u9645\u6027\uFF0C\u8868\u8FBE\u80FD\u529B\u4E5F\u8F83\u5DEE\uFF0C\u6CA1\u6709\u63D0\u4F9B\u5177\u4F53\u7684\u5DE5\u4F5C\u5B89\u6392\u7EC6\u8282\u3002\u9700\u8981\u5728\u8FD9\u65B9\u9762\u8FDB\u884C\u6539\u8FDB\u3002" }))] })), _jsxs(Stack, __assign({ p: 2, flex: 1, spacing: 1, sx: { backgroundColor: '#FAFAFA', borderRadius: 2 } }, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: "\u4E13\u4E1A\u7248\uFF1A60\u5206" })), _jsxs(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: ["\u5019\u9009\u4EBA\u7684\u56DE\u7B54\u867D\u7136\u8868\u8FBE\u4E86\u5BF9\u804C\u4E1A\u89C4\u5212\u7684\u4E00\u4E9B\u7406\u89E3\uFF0C\u4F46\u662F\u5728\u5B8C\u6574\u5EA6\u3001\u903B\u8F91\u6027\u548C\u8868\u8FBE\u80FD\u529B\u4E0A\u90FD\u5B58\u5728\u4E00\u5B9A\u7684\u95EE\u9898\uFF0C\u6CA1\u6709\u660E\u786E\u7684\u53D1\u5C55\u610F\u613F\u548C\u5BF9\u884C\u4E1A\u7684\u7406\u89E3\uFF0C\u4E5F\u6CA1\u6709\u8868\u73B0\u51FA\u5BF9\u751F\u6D3B\u7684\u70ED\u7231\u548C\u79EF\u6781\u7684\u6001\u5EA6\u3002", ' '] }))] }))] }))] })));
|
|
17
|
+
};
|
|
18
|
+
export default Tips;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import Failed from './Failed';
|
|
14
|
+
import Score from './Score';
|
|
15
|
+
import { INTERVIEW_STATUS } from "../../../../enum/ai-report";
|
|
16
|
+
import { PostAiInterviewRefresh } from "../../../../services/ai-report";
|
|
17
|
+
import { useAiReportStore } from "../../../../store/ai-report/global-store";
|
|
18
|
+
import { useRequest } from 'ahooks';
|
|
19
|
+
import { Box, Message } from 'fbm-ui';
|
|
20
|
+
var FAILED = INTERVIEW_STATUS.FAILED, IN_CALCULATION = INTERVIEW_STATUS.IN_CALCULATION;
|
|
21
|
+
var ScoreReport = function (_a) {
|
|
22
|
+
var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, onSwitchReportModel = _a.onSwitchReportModel;
|
|
23
|
+
var _b = useAiReportStore(function (store) { return [store.token, store.reportResult]; }), token = _b.token, reportResult = _b.reportResult;
|
|
24
|
+
var _c = reportResult || {}, _d = _c.status, status = _d === void 0 ? 0 : _d, model = _c.model;
|
|
25
|
+
var _e = useRequest(function () { return PostAiInterviewRefresh(token); }, {
|
|
26
|
+
manual: true,
|
|
27
|
+
onSuccess: function () {
|
|
28
|
+
onRefreshSuccess();
|
|
29
|
+
Message.success('刷新成功');
|
|
30
|
+
},
|
|
31
|
+
}), run = _e.run, loading = _e.loading;
|
|
32
|
+
if ([FAILED, IN_CALCULATION].includes(status)) {
|
|
33
|
+
return (_jsx(Box, __assign({ id: "report-score" }, { children: _jsx(Failed, { status: status, loading: loading, onRefresh: run, model: model, onSwitchReportModel: onSwitchReportModel }) })));
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
return (_jsx(Box, { children: _jsx(Score, { model: model, customScore: customScore, loading: loading, onRefresh: run, onSwitchReportModel: onSwitchReportModel }) }));
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
export default ScoreReport;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface ScoreLegendProps {
|
|
2
|
+
color: string;
|
|
3
|
+
}
|
|
4
|
+
export interface ScoreReportProps {
|
|
5
|
+
customScore?: number;
|
|
6
|
+
onRefreshSuccess: () => void;
|
|
7
|
+
onSwitchReportModel: () => void;
|
|
8
|
+
}
|
|
9
|
+
export interface ScoreProps {
|
|
10
|
+
customScore?: number;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
model?: 'pro' | 'standard';
|
|
13
|
+
onRefresh: () => void;
|
|
14
|
+
onSwitchReportModel?: () => void;
|
|
15
|
+
}
|
|
16
|
+
export interface FailedProps extends ScoreProps {
|
|
17
|
+
status?: number;
|
|
18
|
+
model?: 'pro' | 'standard';
|
|
19
|
+
onSwitchReportModel: () => void;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ScoreTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
|
|
3
|
+
children?: import("react").ReactNode;
|
|
4
|
+
} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
+
export declare const ScoreUnitTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
|
|
6
|
+
children?: import("react").ReactNode;
|
|
7
|
+
} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
8
|
+
export declare const RefreshIconRoot: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
children?: import("react").ReactNode;
|
|
10
|
+
classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
|
|
11
|
+
color?: "inherit" | "disabled" | "action" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
|
|
12
|
+
fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
|
|
13
|
+
htmlColor?: string | undefined;
|
|
14
|
+
shapeRendering?: string | undefined;
|
|
15
|
+
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
16
|
+
titleAccess?: string | undefined;
|
|
17
|
+
viewBox?: string | undefined;
|
|
18
|
+
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "name" | "type" | "className" | "style" | "display" | "overflow" | "visibility" | "order" | "color" | "width" | "height" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "clipPath" | "cursor" | "direction" | "filter" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "opacity" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "mask" | "offset" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "path" | "children" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "d" | "y" | "values" | "end" | "href" | "viewBox" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
|
|
19
|
+
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
20
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "fontSize" | "shapeRendering" | "children" | "sx" | "htmlColor" | "titleAccess" | "viewBox"> & {
|
|
21
|
+
children?: import("react").ReactNode;
|
|
22
|
+
} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { RefreshIcon, styled, Typography } from 'fbm-ui';
|
|
2
|
+
export var ScoreTypography = styled(Typography)(function (_a) {
|
|
3
|
+
var theme = _a.theme;
|
|
4
|
+
return ({
|
|
5
|
+
fontSize: 70,
|
|
6
|
+
fontWeight: 700,
|
|
7
|
+
});
|
|
8
|
+
});
|
|
9
|
+
export var ScoreUnitTypography = styled(Typography)(function (_a) {
|
|
10
|
+
var theme = _a.theme;
|
|
11
|
+
return ({
|
|
12
|
+
fontSize: 24,
|
|
13
|
+
marginLeft: 4,
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
export var RefreshIconRoot = styled(RefreshIcon)({
|
|
17
|
+
fontSize: 16,
|
|
18
|
+
position: 'relative',
|
|
19
|
+
top: 2,
|
|
20
|
+
cursor: 'pointer',
|
|
21
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface SectionTabsProps {
|
|
3
|
+
hasRisk?: boolean;
|
|
4
|
+
operableButtons?: Array<'export' | 'refresh' | 'scoreRank' | 'abilities' | 'sendReminder'>;
|
|
5
|
+
onExportReportClick?: () => void;
|
|
6
|
+
fetchReportUrl?: () => Promise<{
|
|
7
|
+
url: string;
|
|
8
|
+
}>;
|
|
9
|
+
}
|
|
10
|
+
declare const SectionTabs: ({ hasRisk, operableButtons, onExportReportClick, fetchReportUrl }: SectionTabsProps) => JSX.Element;
|
|
11
|
+
export default SectionTabs;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
13
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
14
|
+
if (!m) return o;
|
|
15
|
+
var i = m.call(o), r, ar = [], e;
|
|
16
|
+
try {
|
|
17
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
18
|
+
}
|
|
19
|
+
catch (error) { e = { error: error }; }
|
|
20
|
+
finally {
|
|
21
|
+
try {
|
|
22
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
23
|
+
}
|
|
24
|
+
finally { if (e) throw e.error; }
|
|
25
|
+
}
|
|
26
|
+
return ar;
|
|
27
|
+
};
|
|
28
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
29
|
+
import { Box, Stack } from 'fbm-ui/lib/mui';
|
|
30
|
+
import { Typography } from 'fbm-ui';
|
|
31
|
+
import { ShareIcon } from 'fbm-icons';
|
|
32
|
+
import { useEffect, useRef, useState } from 'react';
|
|
33
|
+
var sections = [
|
|
34
|
+
{ id: 'report-header', name: '基本信息' },
|
|
35
|
+
{ id: 'report-evaluate', name: '综合评价' },
|
|
36
|
+
{ id: 'report-question', name: '答题解析' },
|
|
37
|
+
];
|
|
38
|
+
var SectionTabs = function (_a) {
|
|
39
|
+
var _b = _a.hasRisk, hasRisk = _b === void 0 ? true : _b, _c = _a.operableButtons, operableButtons = _c === void 0 ? [] : _c, onExportReportClick = _a.onExportReportClick, fetchReportUrl = _a.fetchReportUrl;
|
|
40
|
+
var _d = __read(useState('report-header'), 2), active = _d[0], setActive = _d[1];
|
|
41
|
+
var _e = __read(useState(''), 2), reportUrl = _e[0], setReportUrl = _e[1];
|
|
42
|
+
var rootRef = useRef(null);
|
|
43
|
+
useEffect(function () {
|
|
44
|
+
if (!fetchReportUrl)
|
|
45
|
+
return;
|
|
46
|
+
fetchReportUrl()
|
|
47
|
+
.then(function (_a) {
|
|
48
|
+
var url = _a.url;
|
|
49
|
+
return setReportUrl(url);
|
|
50
|
+
})
|
|
51
|
+
.catch(function () { return undefined; });
|
|
52
|
+
}, [fetchReportUrl]);
|
|
53
|
+
useEffect(function () {
|
|
54
|
+
var getScrollParent = function (node) {
|
|
55
|
+
var el = node;
|
|
56
|
+
while (el && el !== document.body) {
|
|
57
|
+
var s = getComputedStyle(el);
|
|
58
|
+
if (/(auto|scroll)/.test(s.overflowY) && el.scrollHeight > el.clientHeight)
|
|
59
|
+
return el;
|
|
60
|
+
el = el.parentElement;
|
|
61
|
+
}
|
|
62
|
+
return window;
|
|
63
|
+
};
|
|
64
|
+
var root = rootRef.current;
|
|
65
|
+
if (!root)
|
|
66
|
+
return;
|
|
67
|
+
var scrollParent = getScrollParent(root);
|
|
68
|
+
var ids = sections.map(function (s) { return s.id; });
|
|
69
|
+
var onScroll = function () {
|
|
70
|
+
var tabHeight = root.offsetHeight || 48;
|
|
71
|
+
var current = ids[0];
|
|
72
|
+
ids.forEach(function (id) {
|
|
73
|
+
var el = document.getElementById(id);
|
|
74
|
+
if (!el)
|
|
75
|
+
return;
|
|
76
|
+
var top = el.getBoundingClientRect().top;
|
|
77
|
+
if (top <= tabHeight)
|
|
78
|
+
current = id;
|
|
79
|
+
});
|
|
80
|
+
setActive(current);
|
|
81
|
+
};
|
|
82
|
+
scrollParent.addEventListener('scroll', onScroll, { passive: true });
|
|
83
|
+
onScroll();
|
|
84
|
+
return function () { return scrollParent.removeEventListener('scroll', onScroll); };
|
|
85
|
+
}, []);
|
|
86
|
+
var handleClick = function (id) {
|
|
87
|
+
var _a;
|
|
88
|
+
if (id === 'report-risk' && !hasRisk)
|
|
89
|
+
return;
|
|
90
|
+
setActive(id);
|
|
91
|
+
(_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
92
|
+
};
|
|
93
|
+
return (_jsx(Box, __assign({ ref: rootRef, sx: {
|
|
94
|
+
position: 'sticky',
|
|
95
|
+
top: 0,
|
|
96
|
+
zIndex: 99,
|
|
97
|
+
background: '#FFFFFF',
|
|
98
|
+
boxShadow: '0 4px 20px rgba(0,0,0,0.08)',
|
|
99
|
+
} }, { children: _jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", px: 3, py: 1, sx: { maxWidth: 1342, mx: 'auto' } }, { children: [_jsx(Stack, __assign({ direction: "row", spacing: 4 }, { children: sections.map(function (section) { return (_jsxs(Box, __assign({ onClick: function () { return handleClick(section.id); }, sx: {
|
|
100
|
+
cursor: 'pointer',
|
|
101
|
+
position: 'relative',
|
|
102
|
+
opacity: section.id === 'report-risk' && !hasRisk ? 0.5 : 1,
|
|
103
|
+
} }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: active === section.id ? 'rgba(0,0,0,0.8)' : 'rgba(0,0,0,0.4)', fontSize: 14 } }, { children: section.name })), active === section.id && (_jsx(Box, { sx: {
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
left: '50%',
|
|
106
|
+
transform: 'translateX(-50%)',
|
|
107
|
+
bottom: -10,
|
|
108
|
+
width: 30,
|
|
109
|
+
height: 3,
|
|
110
|
+
backgroundColor: '#4BCA50',
|
|
111
|
+
borderRadius: 2,
|
|
112
|
+
} }))] }), section.id)); }) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) ? (_jsxs(Typography, __assign({ variant: "body2", onClick: onExportReportClick, sx: { color: '#4BCA50', display: 'flex', alignItems: 'center', gap: 0.5, cursor: 'pointer', fontSize: 14 } }, { children: ["\u5BFC\u51FA\u62A5\u544A", _jsx(ShareIcon, { sx: { width: 16, height: 16 } })] }))) : reportUrl ? (_jsxs(Typography, __assign({ variant: "body2", onClick: function () { return (window.location.href = reportUrl); }, sx: { color: '#4BCA50', display: 'flex', alignItems: 'center', gap: 0.5, cursor: 'pointer', fontSize: 14 } }, { children: ["\u67E5\u770B\u5728\u7EBF\u62A5\u544A", _jsx(ShareIcon, { sx: { width: 16, height: 16 } })] }))) : (_jsx(Box, { width: 80 }))] })) })));
|
|
113
|
+
};
|
|
114
|
+
export default SectionTabs;
|