eli-video-interview 1.1.6 → 1.1.7

package/esm/modules/ai-question/components/QuestionPreview/styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const PreviewRoot: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").PaperClasses> | undefined;
+    classes?: Partial<import("fbm-ui/lib/mui").PaperClasses> | undefined;
     elevation?: number | undefined;
     square?: boolean | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
     variant?: "elevation" | "outlined" | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "elevation" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "variant" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "children" | "elevation" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "variant" | "square"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

package/esm/modules/ai-question/components/QuestionPreview/styled.js

@@ -1,9 +1,9 @@
-import { Paper } from '@mui/material';
+import { Paper } from 'fbm-ui/lib/mui';
 import { styled } from 'fbm-ui';
 export var PreviewRoot = styled(Paper)({
     padding: 20,
     position: 'absolute',
-    left: 300,
+    right: 300,
     top: 24,
     zIndex: 9,
     display: 'none',

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

@@ -11,10 +11,11 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { Box, Popover, Button, Typography, AddCircleIcon } from 'fbm-ui';
+import { Box, Popover, Button, Typography, AddIcon, LayerOutlineIcon, SMSOneIcon } from 'fbm-ui';
 import { useSetState } from 'ahooks';
-import { List, ListItem, ListItemButton, ListItemIcon, ListItemText, FormGroup, FormControlLabel, Switch } from '@mui/material';
-import LanguageIcon from '@mui/icons-material/Language';
+import { List, ListItem, ListItemButton, ListItemIcon, ListItemText } from 'fbm-ui/lib/mui';
+import { useAiQuestionStore } from "../../../../store/ai-question/global-store";
+import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
 import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
 import { ADD_QUESTION_TYPE_LIST } from "../../../../constants/ai-question";
@@ -24,8 +25,10 @@ import { uniqueId } from "../../../../utils/utils";
 import { defaultQuestionParams } from '../QuestionUpdate/const';
 import BaseAccordion from '../BaseAccordion';
 var AiEvaluation = function () {
-    var updateQuestionState = useUpdateQuestionStore().updateQuestionState;
-    var aiEvaluationData = useQuestionTemplateStore().aiEvaluationData;
+    var onOpenTemplate = useAiQuestionStore(function (store) { return [store.onOpenTemplate]; }).onOpenTemplate;
+    var updateQuestionState = useUpdateQuestionStore(function (store) { return [store.updateQuestionState]; }).updateQuestionState;
+    var questionModelData = useQuestionModelStore(function (store) { return [store.questionModelData]; }).questionModelData;
+    var aiEvaluationData = useQuestionTemplateStore(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
     var _a = useSetState({
         addQuestionOpen: false,
         showOnlyAITest: false,
@@ -37,11 +40,11 @@ var AiEvaluation = function () {
     }, [setState, updateQuestionState]);
     var content = (_jsx(List, { children: ADD_QUESTION_TYPE_LIST.map(function (_a) {
             var title = _a.title, desc = _a.desc, type = _a.type;
-            return (_jsx(ListItem, __assign({ disablePadding: true }, { children: _jsxs(ListItemButton, __assign({ onClick: function () { return handleClickAdd(type); } }, { children: [_jsx(ListItemIcon, __assign({ sx: { minWidth: 40 } }, { children: type === ADD_QUESTION_TYPE.FREE ? _jsx(SvgIcon, { name: "free" }) : _jsx(LanguageIcon, {}) })), _jsx(ListItemText, { primary: title, secondary: desc })] })) }), "question_type_".concat(type)));
+            return (_jsx(ListItem, __assign({ disablePadding: true }, { children: _jsxs(ListItemButton, __assign({ onClick: function () { return handleClickAdd(type); } }, { children: [_jsx(ListItemIcon, __assign({ sx: { minWidth: 40 } }, { children: type === ADD_QUESTION_TYPE.FREE ? _jsx(SMSOneIcon, { color: "secondary" }) : _jsx(SvgIcon, { name: "free", style: { fill: 'rgba(0, 0, 0, 0.56)' } }) })), _jsx(ListItemText, { primary: title, secondary: desc })] })) }), "question_type_".concat(type)));
         }) }));
-    return (_jsxs(Box, { children: [_jsx(Box, __assign({ textAlign: "center", padding: 1 }, { children: _jsx(Popover, __assign({ open: addQuestionOpen, arrow: false, content: content, onClickAway: function () { return setState({ addQuestionOpen: false }); } }, { children: _jsx(Button, __assign({ variant: "text", icon: _jsx(AddCircleIcon, {}), onClick: function () { return setState({ addQuestionOpen: true }); } }, { children: "\u65B0\u589E\u81EA\u5B9A\u4E49\u9898\u76EE" })) })) })), aiEvaluationData.map(function (_a, index) {
+    return (_jsxs(Box, { children: [_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2 }, { children: [_jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(LayerOutlineIcon, {}), onClick: function () { return onOpenTemplate === null || onOpenTemplate === void 0 ? void 0 : onOpenTemplate(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps); } }, { children: "\u5C97\u4F4D\u6A21\u7248\u5E93" })), _jsx(Popover, __assign({ open: addQuestionOpen, arrow: false, content: content, onClickAway: function () { return setState({ addQuestionOpen: false }); } }, { children: _jsx(Button, __assign({ variant: "outlined", icon: _jsx(AddIcon, {}), onClick: function () { return setState({ addQuestionOpen: true }); } }, { children: "\u81EA\u5B9A\u4E49\u9898\u76EE" })) }))] })), aiEvaluationData.map(function (_a, index) {
                 var name = _a.name, list = _a.list;
-                return (_jsxs(Box, { children: [_jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.86)", mb: 1 }, { children: name })), index === 0 && (_jsx(Box, __assign({ margin: "0 0 8px 4px" }, { children: _jsx(FormGroup, { children: _jsx(FormControlLabel, { control: _jsx(Switch, { size: "small", defaultChecked: showOnlyAITest }), label: _jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u53EA\u770B\u53EFAI\u8BC4\u5206\u7684\u9898" })), onChange: function (e, v) { return setState({ showOnlyAITest: v }); } }) }) }))), list.map(function (item, i) { return (_jsx(BaseAccordion, __assign({ index: i, isShowOnlyAITest: showOnlyAITest, isShowDesc: index !== 0, isShowSummaryAction: index !== 0, isShowConfirm: index !== 0 }, item), item.name + i)); })] }, name));
+                return (_jsxs(Box, { children: [_jsx(Typography, __assign({ fontSize: 12, lineHeight: 1.5, weight: "500", mb: 2 }, { children: name })), list.map(function (item, i) { return (_jsx(BaseAccordion, __assign({ index: i, isShowOnlyAITest: showOnlyAITest, isShowDesc: index !== 0, isShowSummaryAction: index !== 0, isShowConfirm: index !== 0 }, item), item.name + i)); })] }, name));
             })] }));
 };
 export default AiEvaluation;

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

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Skeleton, Paper } from '@mui/material';
+import { Stack, Skeleton, Paper } from 'fbm-ui/lib/mui';
 var QuestionTemplateSkeleton = function () {
     return (_jsxs(Stack, __assign({ spacing: 2 }, { children: [_jsx(Paper, __assign({ elevation: 2 }, { children: _jsx(Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) })), _jsx(Paper, __assign({ elevation: 2 }, { children: _jsx(Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) })), _jsx(Paper, __assign({ elevation: 2 }, { children: _jsx(Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) }))] })));
 };

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

@@ -9,22 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useRequest } from 'ahooks';
 import { Box } from 'fbm-ui';
-import TabContext from '@mui/lab/TabContext';
 import { PostAiModelQuestions } from "../../../../services/ai-question";
-import { useAiQuestionStore } from "../../../../store/ai-question/global-store";
 import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
 import AiEvaluation from './AiEvaluation';
-import HistoryPattern from './HistoryPattern';
 import Skeleton from './Skeleton';
-import { CardTabs, CardTab, CardTabPanel } from './styled';
 var QuestionTemplate = function () {
-    var historyPatterns = useAiQuestionStore().historyPatterns;
     var updateAiEvaluationData = useQuestionTemplateStore().updateAiEvaluationData;
-    var _a = useState('1'), value = _a[0], setValue = _a[1];
     var loading = useRequest(PostAiModelQuestions, {
         manual: false,
         onSuccess: function (_a) {
@@ -32,7 +25,6 @@ var QuestionTemplate = function () {
             return updateAiEvaluationData(data);
         },
     }).loading;
-    var handleChange = function (e, v) { return setValue(v); };
-    return (_jsx(Box, __assign({ sx: { position: 'relative' } }, { children: loading ? (_jsx(Skeleton, {})) : (_jsxs(TabContext, __assign({ value: value }, { children: [_jsxs(CardTabs, __assign({ value: value, onChange: handleChange }, { children: [_jsx(CardTab, { label: "AI\u6D4B\u8BC4", value: "1" }), _jsx(CardTab, { label: "\u5DF2\u6709\u5C97\u4F4D\u6A21\u578B", value: "2", disabled: historyPatterns && (historyPatterns === null || historyPatterns === void 0 ? void 0 : historyPatterns.length) === 0 })] })), _jsx(CardTabPanel, __assign({ value: "1" }, { children: _jsx(AiEvaluation, {}) })), _jsx(CardTabPanel, __assign({ value: "2" }, { children: _jsx(HistoryPattern, {}) }))] }))) })));
+    return _jsx(Box, __assign({ sx: { position: 'relative' } }, { children: loading ? _jsx(Skeleton, {}) : _jsx(AiEvaluation, {}) }));
 };
 export default QuestionTemplate;

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

@@ -47,13 +47,16 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo, useEffect, forwardRef, useImperativeHandle } from 'react';
-import { Box, Form, FormItem, Select, useForm } from 'fbm-ui';
+import { Box, Form, FormItem, Select, Autocomplete, useForm } from 'fbm-ui';
+import { useRequest } from 'ahooks';
 import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
+import { PostQuestionCollectionList } from "../../../../services/ai-ability";
 import { broadcastModeOptions, prepareTimeOptions, durationOptions } from './const';
 import AiAnalysis from '../AiAnalysis';
 import VideoVoice from './VideoVoice';
 var QuestionForm = forwardRef(function (props, ref) {
     var aiShowType = props.aiShowType, initialValues = props.initialValues, values = props.values, preview = props.preview, onValuesChange = props.onValuesChange, onSubmit = props.onSubmit;
+    var data = useRequest(PostQuestionCollectionList, { manual: preview }).data;
     var form = useForm({
         initialValues: initialValues,
         onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
@@ -78,14 +81,18 @@ var QuestionForm = forwardRef(function (props, ref) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [values]);
     useEffect(function () {
+        console.log(form.values);
         onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(form.values);
     }, [form.values, onValuesChange]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Form, __assign({}, form, { children: [_jsx(FormItem, { required: true, disabled: preview, name: "name", label: "\u6807\u9898", placeholder: "\u6807\u9898\uFF08\u7528\u4E8E\u7CFB\u7EDF\u7BA1\u7406\uFF09", max: 15 }), !preview && aiShowType === ADD_QUESTION_TYPE.FREE && (_jsx(FormItem, __assign({ required: true, disabled: preview, name: "broadcastType", label: "\u64AD\u62A5\u65B9\u5F0F" }, { children: _jsx(Select, { placeholder: "\u64AD\u62A5\u65B9\u5F0F", options: broadcastModeOptions }) }))), form.values.broadcastType === 1 || preview ? (_jsx(FormItem, { required: true, disabled: preview, name: "desc", label: "\u9762\u8BD5\u5185\u5BB9", max: 300, placeholder: "\u9762\u8BD5\u5185\u5BB9\uFF08\u7CFB\u7EDF\u5C06\u6839\u636E\u6B64\u5185\u5BB9\u5411\u5019\u9009\u4EBA\u8FDB\u884C\u8BED\u97F3\u64AD\u62A5\uFF09" })) : (_jsx(VideoVoice, {})), aiShowType === ADD_QUESTION_TYPE.LANGUAGE && (_jsx(FormItem, { sx: { height: 'auto', mb: 2 }, required: true, name: "readText", label: "\u6717\u8BFB\u5185\u5BB9", max: 240, InputProps: {
+    return (_jsxs(_Fragment, { children: [_jsxs(Form, __assign({}, form, { children: [_jsx(FormItem, { required: true, disabled: preview, name: "name", label: "\u6807\u9898", placeholder: "\u6807\u9898\uFF08\u7528\u4E8E\u7CFB\u7EDF\u7BA1\u7406\uFF09", max: 15 }), _jsxs(Box, __assign({ display: "flex" }, { children: [!preview && aiShowType === ADD_QUESTION_TYPE.FREE && (_jsx(FormItem, __assign({ sx: { flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "broadcastType", label: "\u64AD\u62A5\u65B9\u5F0F" }, { children: _jsx(Select, { placeholder: "\u64AD\u62A5\u65B9\u5F0F", options: broadcastModeOptions }) }))), !preview && (_jsx(FormItem, __assign({ style: { flex: '1 0' }, disabled: preview, name: "category", label: "\u8003\u5BDF\u80FD\u529B" }, { children: _jsx(Autocomplete, { placeholder: "\u8003\u5BDF\u80FD\u529B", options: data === null || data === void 0 ? void 0 : data.data.list.map(function (_a) {
+                                        var tag = _a.tag;
+                                        return ({ label: tag, value: tag });
+                                    }) }) })))] })), form.values.broadcastType === 1 || preview ? (_jsx(FormItem, { required: true, disabled: preview, name: "desc", label: "\u9762\u8BD5\u5185\u5BB9", max: 300, placeholder: "\u9762\u8BD5\u5185\u5BB9\uFF08\u7CFB\u7EDF\u5C06\u6839\u636E\u6B64\u5185\u5BB9\u5411\u5019\u9009\u4EBA\u8FDB\u884C\u8BED\u97F3\u64AD\u62A5\uFF09" })) : (_jsx(VideoVoice, {})), aiShowType === ADD_QUESTION_TYPE.LANGUAGE && (_jsx(FormItem, { sx: { height: 'auto', mb: 2 }, required: true, name: "readText", label: "\u6717\u8BFB\u5185\u5BB9", max: 240, InputProps: {
                             rows: 3,
                             multiline: true,
                             placeholder: '朗读内容（候选人将根据此内容进行朗读）',
                             sx: { padding: 0 },
-                        } })), _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormItem, __assign({ style: { height: 64, flex: '1 0', marginRight: 8 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: _jsx(Select, { options: prepareTimeOptions }) })), _jsx(FormItem, __assign({ style: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: _jsx(Select, { options: durationOptions }) }))] }))] })), !preview && _jsx(AiAnalysis, {})] }));
+                        } })), _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: _jsx(Select, { options: prepareTimeOptions }) })), _jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: _jsx(Select, { options: durationOptions }) }))] }))] })), !preview && _jsx(AiAnalysis, {})] }));
 });
 QuestionForm.displayName = 'QuestionForm';
 export default memo(QuestionForm);

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRequest } from 'ahooks';
 import { FormItem, Upload, Typography, Box, Button, UploadIcon, Message } from 'fbm-ui';
-import { Checkbox, FormGroup, FormControlLabel } from '@mui/material';
+import { Checkbox, FormGroup, FormControlLabel } from 'fbm-ui/lib/mui';
 import { PostCommonUpload } from "../../../../services/ai-question";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
 import { isExceedMaxVideoFileSize } from "../../../../utils/utils";

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

@@ -8,7 +8,7 @@ export var defaultQuestionParams = {
     broadcastType: 1,
     desc: '',
     duration: 30,
-    category: ['自定义'],
+    category: undefined,
     extra: {
         expect: 'negative',
         readText: '',

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

@@ -59,7 +59,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, useCallback } from 'react';
 import { Box, Dialog, Typography, Popover, Message, Button, confirm } from 'fbm-ui';
-import { MenuItem } from '@mui/material';
+import { MenuItem } from 'fbm-ui/lib/mui';
 import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
@@ -85,6 +85,7 @@ var QuestionUpdate = function () {
         readText: (_a = item === null || item === void 0 ? void 0 : item.extra) === null || _a === void 0 ? void 0 : _a.readText,
         prepareTime: item === null || item === void 0 ? void 0 : item.prepareTime,
         duration: item === null || item === void 0 ? void 0 : item.duration,
+        category: (item === null || item === void 0 ? void 0 : item.category) ? { label: item === null || item === void 0 ? void 0 : item.category[0], value: item === null || item === void 0 ? void 0 : item.category[0] } : { label: '', value: '' },
     };
     var CustomHeader = function () {
         var content = (_jsxs(_Fragment, { children: [_jsx(MenuItem, __assign({ sx: { backgroundColor: aiShowType === ADD_QUESTION_TYPE.FREE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
@@ -102,6 +103,7 @@ var QuestionUpdate = function () {
     };
     var getModelParams = useCallback(function (values, isSubmit) {
         return new Promise(function (resolve, reject) {
+            var _a;
             var errorIndexes = [];
             var newAiAbilities = aiAbilities.map(function (item) {
                 item.isNotCompute = true;
@@ -125,10 +127,10 @@ var QuestionUpdate = function () {
                 }
                 return item;
             });
-            var _a = values || {}, _b = _a.readText, readText = _b === void 0 ? '' : _b, otherValues = __rest(_a, ["readText"]);
+            var _b = values || { category: undefined }, _c = _b.readText, readText = _c === void 0 ? '' : _c, otherValues = __rest(_b, ["readText"]);
             resolve({
                 errorIndexes: errorIndexes,
-                params: __assign(__assign(__assign(__assign({}, item), otherValues), analysisState), { extra: readText && item.extra ? __assign(__assign({}, item.extra), { readText: readText }) : item.extra, aiType: newAiAbilities.length > 0 && analysisState.aiSwitch === 1 ? 2 : 1, aiShowType: aiShowType, aiAbilities: newAiAbilities }),
+                params: __assign(__assign(__assign(__assign({}, item), otherValues), analysisState), { category: (otherValues === null || otherValues === void 0 ? void 0 : otherValues.category) ? [(_a = otherValues === null || otherValues === void 0 ? void 0 : otherValues.category) === null || _a === void 0 ? void 0 : _a.value] : [], extra: readText && item.extra ? __assign(__assign({}, item.extra), { readText: readText }) : item.extra, aiType: newAiAbilities.length > 0 && analysisState.aiSwitch === 1 ? 2 : 1, aiShowType: aiShowType, aiAbilities: newAiAbilities }),
             });
         });
     }, [aiAbilities, aiShowType, analysisState, item, setKeyPointAnalysisError]);

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

@@ -11,7 +11,7 @@ export interface QuestionParams {
     desc: string;
     prepareTime: number;
     duration: number;
-    category: string[];
+    category?: string[];
     extra: BaseExtraParams;
     broadcastType: number;
     aiSwitch?: number;
@@ -33,6 +33,10 @@ export interface QuestionFormValues {
     prepareTime: number;
     duration: number;
     broadcastType: number;
+    category?: {
+        label: string;
+        value: string;
+    };
     readText?: string;
 }
 export interface QuestionFormProps {

package/esm/modules/ai-question/index.d.ts

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

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

@@ -11,12 +11,10 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, memo } from 'react';
-import { HoxRoot } from 'hox';
-import { ThemeProvider } from 'fbm-ui';
-import { StyledEngineProvider } from '@mui/material/styles';
+import RootProvider from "../../components/RootProvider";
 import QuestionRoot from './Root';
 var AiQuestion = forwardRef(function (props, ref) {
-    return (_jsx(ThemeProvider, { children: _jsx(StyledEngineProvider, __assign({ injectFirst: true }, { children: _jsx(HoxRoot, { children: _jsx(QuestionRoot, __assign({ ref: ref }, props)) }) })) }));
+    return (_jsx(RootProvider, { children: _jsx(QuestionRoot, __assign({ ref: ref }, props)) }));
 });
 AiQuestion.displayName = 'AiQuestion';
 export default memo(AiQuestion);

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

@@ -45,18 +45,19 @@ export interface Media {
 export interface AiQuestionProps {
     token: string;
     name?: string;
-    historyPatterns?: any[];
+    templateList?: QuestionModelStep[];
     mediaList?: Array<{
         url: string;
         thumbUrl: string;
     }>;
-    onLoad?: (steps: QuestionModelStep[] | undefined) => void;
+    onLoad?: (steps?: QuestionModelStep[]) => void;
+    onOpenTemplate?: (steps?: QuestionModelStep[]) => void;
 }
 export interface AiQuestionValues {
     data: {
         name?: string;
         token?: string;
-        steps: QuestionModelStep[] | undefined;
+        steps?: QuestionModelStep[];
     };
     media: Media;
 }
@@ -69,6 +70,7 @@ export interface AiQuestionSubmitRes {
     message: string;
 }
 export interface AiQuestionRef {
+    handleTemplate: (steps: QuestionModelStep[]) => void;
     handleValues: () => Promise<AiQuestionValues>;
     handleSubmit: () => Promise<AiQuestionSubmitRes>;
 }

package/esm/modules/ai-question/useAiQuestion.d.ts

@@ -4,12 +4,14 @@ export declare const useAiQuestion: (props: AiQuestionProps) => {
     ref: import("react").MutableRefObject<AiQuestionRef | undefined>;
     handleValues: () => Promise<import("./interface").AiQuestionValues>;
     handleSubmit: () => Promise<import("./interface").AiQuestionSubmitRes>;
+    handleTemplate: ((steps: import("./components/QuestionModel/interface").QuestionModelStep[]) => void) | undefined;
     token: string;
     name?: string | undefined;
-    historyPatterns?: any[] | undefined;
+    templateList?: import("./components/QuestionModel/interface").QuestionModelStep[] | undefined;
     mediaList?: {
         url: string;
         thumbUrl: string;
     }[] | undefined;
-    onLoad?: ((steps: import("./components/QuestionModel/interface").QuestionModelStep[] | undefined) => void) | undefined;
+    onLoad?: ((steps?: import("./components/QuestionModel/interface").QuestionModelStep[] | undefined) => void) | undefined;
+    onOpenTemplate?: ((steps?: import("./components/QuestionModel/interface").QuestionModelStep[] | undefined) => void) | undefined;
 };

package/esm/modules/ai-question/useAiQuestion.js

@@ -11,8 +11,10 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useRef } from 'react';
 export var useAiQuestion = function (props) {
+    var _a;
     var ref = useRef();
     var handleValues = function () { var _a; return (ref.current ? (_a = ref.current) === null || _a === void 0 ? void 0 : _a.handleValues() : Promise.reject()); };
     var handleSubmit = function () { var _a; return (ref.current ? (_a = ref.current) === null || _a === void 0 ? void 0 : _a.handleSubmit() : Promise.reject()); };
-    return __assign(__assign({}, props), { ref: ref, handleValues: handleValues, handleSubmit: handleSubmit });
+    var handleTemplate = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.handleTemplate;
+    return __assign(__assign({}, props), { ref: ref, handleValues: handleValues, handleSubmit: handleSubmit, handleTemplate: handleTemplate });
 };

package/esm/modules/ai-report/components/ScoreReport/Report.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-declare const Report: FC;
+/// <reference types="react" />
+declare const Report: React.FC;
 export default Report;

package/esm/modules/ai-report/components/ScoreReport/Report.js

@@ -9,37 +9,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Box } from 'fbm-ui';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Box, Typography, Tooltip, InfoOutlineIcon } from 'fbm-ui';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
-import { formatScore, formatLowScore } from "../../../../utils/utils";
-import { INTERVIEW_STEP_STATUS } from "../../../../enum/ai-report";
-import RosePie from './RosePie';
-import ScoreLegend from './ScoreLegend';
-import ScoreBigBall from './ScoreBigBall';
-var STEP_COMPLETED = INTERVIEW_STEP_STATUS.STEP_COMPLETED;
+import ReportPie from "../../../../components/Charts/ReportPie";
+// import ScoreLegend from './ScoreLegend';
+import ScoreBigBall from "../../../../components/ScoreBigBall";
 var Report = function () {
-    var _a = useState([]), source = _a[0], setSource = _a[1];
     var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
-    var _b = reportResult || {}, score = _b.score, status = _b.status, steps = _b.steps;
-    useEffect(function () {
-        var source = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
-            var status = item.status, _a = item.question, name = _a.name, type = _a.type, _b = item.scoreInfo, originScore = _b.originScore, weight = _b.weight, score = _b.score;
-            return status === STEP_COMPLETED
-                ? [
-                    type,
-                    "".concat(index + 1, ". ").concat(name),
-                    formatScore(originScore),
-                    formatScore(Number(weight)),
-                    formatScore(score),
-                    formatLowScore(parseInt(score.toString(), 10)),
-                    index,
-                ]
-                : undefined;
-        }).filter(function (p) { return p; });
-        setSource(source);
-    }, [status, steps]);
-    return (_jsxs(Box, __assign({ width: "100%" }, { children: [_jsxs(Box, __assign({ height: 240, sx: { position: 'relative' } }, { children: [_jsx(RosePie, { source: source || [] }), _jsx(ScoreBigBall, { score: score || 0, status: status })] })), _jsx(ScoreLegend, { color: "rgb(59, 203, 121)" })] })));
+    var _a = reportResult || {}, orderToken = _a.orderToken, score = _a.score, status = _a.status, _b = _a.collection, collection = _b === void 0 ? [] : _b;
+    var title = useMemo(function () {
+        return (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u4F18\u79C0 \u4EE3\u8868\u5019\u9009\u4EBA\u8BE5\u9879\u80FD\u529B\u5728\u672C\u6B65\u9AA4\u6240\u6709\u5019\u9009\u4EBA\u4E2D\u6392\u540D\u5728\u524D30%" })), _jsx(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u9002\u4E2D \u4EE3\u8868\u5019\u9009\u4EBA\u8BE5\u9879\u80FD\u529B\u5728\u672C\u6B65\u9AA4\u6240\u6709\u5019\u9009\u4EBA\u4E2D\u6392\u540D\u572830%~70%" })), _jsx(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u6B20\u4F73 \u4EE3\u8868\u5019\u9009\u4EBA\u8BE5\u9879\u80FD\u529B\u5728\u672C\u6B65\u9AA4\u6240\u6709\u5019\u9009\u4EBA\u4E2D\u6392\u540D\u5728\u540E30%" })), _jsx(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u4EBA\u6570\u5C0F\u4E8E5\u4EBA\u65F6\uFF0C\u8BC4\u4EF7\u4E0D\u751F\u6548" }))] }));
+    }, []);
+    return (_jsxs(Box, __assign({ width: "100%" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", pl: 3, pt: 2 }, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: "\u80FD\u529B\u6807\u51C6" })), _jsx(Tooltip, __assign({ title: title }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '4px' } }, { children: _jsx(InfoOutlineIcon, { sx: { fontSize: 14, color: 'RGBA(0, 0, 0, 0.86)' } }) })) }))] })), _jsxs(Box, __assign({ height: 300, sx: { position: 'relative' } }, { children: [_jsx(ReportPie, { id: orderToken || '', source: collection }), _jsx(ScoreBigBall, { score: score || 0, status: status })] }))] })));
 };
 export default Report;

package/esm/modules/ai-report/components/ScoreReport/index.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Message } from 'fbm-ui';
-import { Paper, Divider } from '@mui/material';
+import { Paper, Divider } from 'fbm-ui/lib/mui';
 import { useRequest } from 'ahooks';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { PostAiInterviewRefresh } from "../../../../services/ai-report";

package/esm/modules/ai-report/components/ScoreReport/interface.d.ts

@@ -1,13 +1,6 @@
 export interface ScoreLegendProps {
     color: string;
 }
-export interface ScoreBigBallProps {
-    score: number;
-    status?: number;
-}
-export interface RosePieProps {
-    source: any[];
-}
 export interface ScoreReportProps {
     onRefreshSuccess: () => void;
 }

package/esm/modules/ai-report/components/ScoreReport/styled.d.ts

@@ -15,11 +15,8 @@ export declare const RefreshIconRoot: import("@emotion/styled").StyledComponent<
     sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
     titleAccess?: string | undefined;
     viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "onLoad" | "name" | "type" | "filter" | "fill" | "values" | "d" | "y" | "children" | "key" | "className" | "id" | "lang" | "style" | "tabIndex" | "role" | "color" | "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" | "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" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "seed" | "children" | "style" | "clipPath" | "filter" | "mask" | "path" | "onLoad" | "name" | "type" | "fill" | "values" | "d" | "y" | "key" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "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" | "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" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
 }, "children" | "color" | "fontSize" | "shapeRendering" | "viewBox" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "htmlColor" | "titleAccess"> & {
     children?: import("react").ReactNode;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ScoreBigBallRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
-    children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/modules/ai-report/components/ScoreReport/styled.js

@@ -1,4 +1,4 @@
-import { Box, Typography, RefreshIcon, styled } from 'fbm-ui';
+import { Typography, RefreshIcon, styled } from 'fbm-ui';
 export var ScoreTypography = styled(Typography)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -21,16 +21,3 @@ export var RefreshIconRoot = styled(RefreshIcon)({
     top: 2,
     cursor: 'pointer',
 });
-export var ScoreBigBallRoot = styled(Box)({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    width: 80,
-    height: 80,
-    borderRadius: '50%',
-    overflow: 'hidden',
-});

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

@@ -11,9 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
-import { Box, Typography, Button } from 'fbm-ui';
+import { Box, Typography, Button, Chip } from 'fbm-ui';
 import { theme } from 'fbm-ui/lib/components/ThemeProvider';
-import { Paper } from '@mui/material';
+import { Paper } from 'fbm-ui/lib/mui';
 import update from 'immutability-helper';
 import FormatQuoteIcon from '@mui/icons-material/FormatQuote';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
@@ -25,15 +25,16 @@ import ScoreSlider from './ScoreSlider';
 import Abilities from './Abilities';
 var STEP_NO_ANSWER = INTERVIEW_STEP_STATUS.STEP_NO_ANSWER, STEP_COMPLETED = INTERVIEW_STEP_STATUS.STEP_COMPLETED, STEP_FAILED = INTERVIEW_STEP_STATUS.STEP_FAILED, STEP_IN_CALCULATION = INTERVIEW_STEP_STATUS.STEP_IN_CALCULATION;
 var QuestionItem = function (props) {
-    var token = props.token, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, name = _b.name, type = _b.type, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
+    var token = props.token, index = props.index, status = props.status, _a = props.answer, analysisResult = _a.analysisResult, videoUrl = _a.videoUrl, _b = props.question, name = _b.name, type = _b.type, category = _b.category, _c = props.scoreInfo, score = _c.score, weight = _c.weight, originScore = _c.originScore, finalScore = _c.finalScore, abilities = _c.abilities;
     var _d = useState(false), showAbilities = _d[0], setShowAbilities = _d[1];
-    var _e = useAiReportStore(function (store) { return [store.reportResult, store.stepToken, store.operableButtons, store.showAbilitiesDetails]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, showAbilitiesDetails = _e.showAbilitiesDetails, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
+    var _e = useAiReportStore(function (store) { return [
+        store.reportResult,
+        store.stepToken,
+        store.operableButtons,
+    ]; }), reportResult = _e.reportResult, stepToken = _e.stepToken, operableButtons = _e.operableButtons, updateState = _e.updateState, updateReportResult = _e.updateReportResult, onScoreChange = _e.onScoreChange, onStepChange = _e.onStepChange;
     var steps = (reportResult || {}).steps;
-    var isAbilities = operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('abilities');
+    var isDisplayAbilities = !(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('abilities'));
     var isExistWeight = weight > 0;
-    var isShowAbilitiesButton = abilities.length > 0 && isAbilities && !showAbilitiesDetails;
-    var isShowWeight = abilities.length === 0 || showAbilities || !isAbilities || showAbilitiesDetails;
-    var isShowAbilitiesDetails = abilities.length > 0 && (showAbilities || showAbilitiesDetails);
     var comprehensiveScore = useMemo(function () {
         if (status === STEP_COMPLETED) {
             return (_jsx(Typography, __assign({ variant: "caption", color: theme.palette.primary.main, fontSize: 16, fontWeight: 500 }, { children: formatScore(score) })));
@@ -83,6 +84,6 @@ var QuestionItem = function (props) {
             mt: 2,
             cursor: videoUrl ? 'pointer' : 'inherit',
             borderColor: token === stepToken ? theme.palette.primary.main : '',
-        }, variant: "outlined", onClick: handleClickItem }, { children: [_jsxs(Typography, __assign({ fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: [index + 1, ".", name] })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "caption", 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: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), 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"] })), isShowWeight && _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, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), isShowAbilitiesButton && (_jsx(Button, __assign({ variant: "text", onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), isShowAbilitiesDetails && _jsx(Abilities, { stepIndex: index })] }), token));
+        }, variant: "outlined", onClick: handleClickItem }, { children: [_jsxs(Typography, __assign({ fontSize: 14, color: token === stepToken ? theme.palette.primary.main : theme.palette.text.primary }, { children: [index + 1, ".", name] })), _jsxs(QuestionDesc, { children: [_jsx(FormatQuoteIcon, {}), status === STEP_IN_CALCULATION ? (_jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u89C6\u9891\u5904\u7406\u4E2D\uFF0C\u8BF7\u7A0D\u5019" }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, { variant: "caption", 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: "caption", color: "secondary", ml: 1 }, { children: ["\u56DE\u7B54\uFF1A", analysisResult === null || analysisResult === void 0 ? void 0 : analysisResult.answer] }))] }))] }))] }), _jsx(Box, __assign({ display: "flex", alignItems: "center", mt: 2 }, { children: category === null || category === void 0 ? void 0 : category.map(function (label) { return (_jsx(Chip, { color: "default", label: label, size: "small" }, label)); }) })), 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"] })), (abilities.length === 0 || showAbilities || isDisplayAbilities) && _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, { originScore: originScore, finalScore: finalScore, isShowScoreRank: true, onChangeCommitted: handleChangeCommitted }), abilities.length > 0 && !isDisplayAbilities && (_jsx(Button, __assign({ variant: "text", onClick: function () { return setShowAbilities(!showAbilities); } }, { children: showAbilities ? '收起' : '详情' })))] })) })), _jsx(Box, __assign({ width: 150, textAlign: "right" }, { children: _jsxs(Typography, __assign({ variant: "body1", fontSize: 16, fontWeight: 500 }, { children: ["\u7EFC\u5408\u8BC4\u5206\uFF1A", comprehensiveScore] })) }))] }))), abilities.length > 0 && (showAbilities || isDisplayAbilities) && _jsx(Abilities, { stepIndex: index })] }), token));
 };
 export default QuestionItem;