eli-video-interview 1.1.5 → 1.1.7

package/lib/modules/ai-question/components/BootVideo/index.js

@@ -27,7 +27,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
 var ahooks_1 = require("ahooks");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var SvgIcon_1 = __importDefault(require("../../../../components/SvgIcon"));
 var ScrollDialogContent_1 = __importDefault(require("../../../../components/ScrollDialogContent"));
 var ai_question_1 = require("../../../../services/ai-question");
@@ -97,9 +97,9 @@ var BootVideo = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u66F4\u6362\u5F15\u5BFC\u89C6\u9891", onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto' } }, { children: [(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: loading, sx: { width: 180, height: 330, margin: '0 auto', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)("video", { width: 180, height: 330, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardRoot, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardTitle, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "video" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))), (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadButtonRoot, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "\u8BF7\u52FF\u4E0A\u4F20\u8272\u60C5\u53CA\u53CD\u52A8\u8FDD\u89C4\u89C6\u9891\uFF0C\u5EFA\u8BAE\u4F7F\u7528360\u6D4F\u89C8\u5668\u3002 \u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm\uFF0C\u652F\u6301\u7F16\u7801\u683C\u5F0F\uFF1AH.264\u3001HEV4\u3001 MPRG-4\u3001VP9" }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: 8 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { fontSize: 18, color: 'rgb(118, 118, 118)' } }) })) }))] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u66F4\u6362\u5F15\u5BFC\u89C6\u9891", onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto' } }, { children: [(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: loading, sx: { width: 180, height: 330, margin: '0 auto', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)("video", { width: 180, height: 330, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardRoot, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CustomUploadCardTitle, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "video" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))), (0, jsx_runtime_1.jsxs)(styled_1.CustomUploadButtonRoot, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Upload, __assign({}, uploadProps, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "\u8BF7\u52FF\u4E0A\u4F20\u8272\u60C5\u53CA\u53CD\u52A8\u8FDD\u89C4\u89C6\u9891\uFF0C\u5EFA\u8BAE\u4F7F\u7528360\u6D4F\u89C8\u5668\u3002 \u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm\uFF0C\u652F\u6301\u7F16\u7801\u683C\u5F0F\uFF1AH.264\u3001HEV4\u3001 MPRG-4\u3001VP9" }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: 8 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { fontSize: 18, color: 'rgb(118, 118, 118)' } }) })) }))] }), (0, jsx_runtime_1.jsx)(mui_1.Divider, {}), (0, jsx_runtime_1.jsx)(styled_1.CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
                             var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
                             return ((0, jsx_runtime_1.jsx)("img", { src: frameUrl, height: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? 70 : 64, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
-                        }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ ml: 0.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: mediaState.appliedAllPosition, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] })) }) })));
+                        }) }), (0, jsx_runtime_1.jsx)(mui_1.Divider, {}), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ ml: 0.5 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: mediaState.appliedAllPosition, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] })) }) })));
 };
 exports.default = BootVideo;

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

@@ -25,14 +25,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
 var question_update_store_1 = require("../../../../store/ai-question/question-update-store");
 var utils_1 = require("../../../../utils/utils");
 var ai_question_1 = require("../../../../constants/ai-question");
 var QuestionModelListItem = function (props) {
     var index = props.index, disabledWeight = props.disabledWeight, steps = props.steps, step = __rest(props, ["index", "disabledWeight", "steps"]);
-    var token = step.token, name = step.name, desc = step.desc, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, answerStatus = step.answerStatus, category = step.category;
+    var token = step.token, name = step.name, desc = step.desc, duration = step.duration, weight = step.weight, type = step.type, aiShowType = step.aiShowType, aiType = step.aiType, answerStatus = step.answerStatus, category = step.category;
     var isAiAnalysis = (0, ai_question_1.IS_AI_ANALYSIS)(step);
     var _a = (0, question_model_store_1.useQuestionModelStore)(), editModel = _a.editModel, removeModel = _a.removeModel, updateModelWeight = _a.updateModelWeight;
     var updateQuestionState = (0, question_update_store_1.useUpdateQuestionStore)().updateQuestionState;
@@ -69,6 +69,6 @@ var QuestionModelListItem = function (props) {
         console.log(answerStatus);
         editModel(__assign(__assign({}, step), { answerStatus: answerStatus === 2 ? 1 : 2 }), index);
     }, [editModel, answerStatus, step, index]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", borderBottom: "1px solid rgba(0, 0, 0, 0.08)" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DragIndicatorIcon, { className: "dragHandle" }) })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", padding: "16px 0" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) { return label && (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label, size: "medium", sx: { ml: 1 } }, label); }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { ml: 2 }, variant: "body2", color: "secondary" }, { children: (0, utils_1.getSecondToTime)(Number(duration)) }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!ai_question_1.TEST_TYPE_READONLY.includes(type) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleEdit }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}) }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleRemove }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}) }))] }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary" }, { children: desc })), !ai_question_1.DISABLED_REPEAT_TYPE.includes(type) && ((0, jsx_runtime_1.jsx)(material_1.FormGroup, __assign({ sx: { flexShrink: 0, ml: 2 } }, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Switch, { size: "small", checked: answerStatus === 1 }), label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }) })))] }))] }))] })), isAiAnalysis && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Input, { sx: { width: 82 }, size: "small", value: weight, endAdornment: "%", disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur })] })))] })));
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ variant: "outlined", sx: { display: 'block', mt: 2 } }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", borderBottom: isAiAnalysis ? '1px solid rgba(0, 0, 0, 0.08)' : 'none' }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 40, display: "flex", alignItems: "center", justifyContent: "center", sx: { cursor: 'move' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DragIndicatorIcon, { className: "dragHandle" }) })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", padding: "16px 0" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1" }, { children: name })), category === null || category === void 0 ? void 0 : category.map(function (label) { return label && (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label, size: "medium", sx: { ml: 1 } }, label); }), aiType === 2 && (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { variant: "filled", color: "primary", label: "AI\u8BC4\u5206", size: "medium", sx: { ml: 1 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { ml: 2 }, variant: "body2", color: "secondary" }, { children: (0, utils_1.getSecondToTime)(Number(duration)) }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: 62, mr: 1, textAlign: "right" }, { children: [!ai_question_1.TEST_TYPE_READONLY.includes(type) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleEdit }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}) }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ size: "small", onClick: handleRemove }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}) }))] }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mt: 1, display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary" }, { children: desc })), !ai_question_1.DISABLED_REPEAT_TYPE.includes(type) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Switch, { sx: { flexShrink: 0, ml: 2, mr: 2 }, size: "small", checked: answerStatus === 1, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.56)" }, { children: "\u5141\u8BB8\u91CD\u590D\u7B54\u9898" })), onChange: handleAnswerStatus }))] }))] }))] })), isAiAnalysis && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", padding: "3px 0 3px 40px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u6743\u91CD\u5360\u6BD4\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Input, { sx: { width: 82 }, size: "small", value: weight, endAdornment: "%", disabled: disabledWeight, onChange: handleWeightChange, onBlur: handleWeightBlur })] })))] })));
 };
 exports.default = (0, react_1.memo)(QuestionModelListItem);

package/lib/modules/ai-question/components/QuestionModel/Skeleton.js

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var QuestionModelSkeleton = function () {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 2, sx: { mb: 3 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 120, height: 28 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 120, height: 18 })] })), (0, jsx_runtime_1.jsxs)(material_1.Stack, __assign({ spacing: 3 }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Paper, __assign({ elevation: 2, sx: { height: 80, padding: 3 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 128, height: 8, sx: { mb: 3 } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 360, height: 8 })] })), (0, jsx_runtime_1.jsxs)(material_1.Paper, __assign({ elevation: 2, sx: { height: 80, padding: 3 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 128, height: 8, sx: { mb: 3 } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 360, height: 8 })] }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 2, sx: { mb: 3 } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 120, height: 28 }), (0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 120, height: 18 })] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 3 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ elevation: 2, sx: { height: 80, padding: 3 } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 128, height: 8, sx: { mb: 3 } }), (0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 360, height: 8 })] })), (0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ elevation: 2, sx: { height: 80, padding: 3 } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 128, height: 8, sx: { mb: 3 } }), (0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 360, height: 8 })] }))] }))] }));
 };
 exports.default = QuestionModelSkeleton;

package/lib/modules/ai-question/components/QuestionModel/index.js

@@ -28,9 +28,9 @@ var List_1 = __importDefault(require("./List"));
 var Skeleton_1 = __importDefault(require("./Skeleton"));
 var Question = function () {
     var isDefaultAdded = (0, react_1.useRef)(false);
-    var _a = (0, global_store_1.useAiQuestionStore)(), token = _a.token, name = _a.name, onLoad = _a.onLoad;
-    var aiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)().aiEvaluationData;
-    var _b = (0, question_model_store_1.useQuestionModelStore)(), questionModelData = _b.questionModelData, updateModel = _b.updateModel, addModel = _b.addModel;
+    var _a = (0, global_store_1.useAiQuestionStore)(function (store) { return [store.token, store.name, store.templateList]; }), token = _a.token, name = _a.name, templateList = _a.templateList, onLoad = _a.onLoad;
+    var aiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
+    var _b = (0, question_model_store_1.useQuestionModelStore)(function (store) { return [store.questionModelData]; }), questionModelData = _b.questionModelData, updateModel = _b.updateModel, addModel = _b.addModel;
     var _c = (0, ahooks_1.useRequest)(function () { return (0, ai_question_1.PostAiModelDetails)(token); }, {
         manual: true,
         onSuccess: function (_a) {
@@ -48,22 +48,29 @@ var Question = function () {
         }
     }, [name, token, postAiModelDetails, updateModel]);
     (0, react_1.useEffect)(function () {
-        if (!(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps.length) && aiEvaluationData.length && !token && !isDefaultAdded.current) {
-            setTimeout(function () {
-                var defaultStep = [];
-                aiEvaluationData[0].list.forEach(function (_a) {
-                    var list = _a.list;
-                    list.forEach(function (item) {
-                        if (item.isDefault) {
-                            defaultStep.push(__assign(__assign(__assign({}, const_1.defaultQuestionParams), item), { originToken: item.token }));
-                        }
+        if (!(questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps.length) && !token) {
+            if (templateList === null || templateList === void 0 ? void 0 : templateList.length) {
+                setTimeout(function () {
+                    addModel(templateList);
+                });
+            }
+            else if (aiEvaluationData.length && !isDefaultAdded.current) {
+                setTimeout(function () {
+                    var defaultStep = [];
+                    aiEvaluationData[0].list.forEach(function (_a) {
+                        var list = _a.list;
+                        list.forEach(function (item) {
+                            if (item.isDefault) {
+                                defaultStep.push(__assign(__assign(__assign({}, const_1.defaultQuestionParams), item), { originToken: item.token }));
+                            }
+                        });
                     });
+                    isDefaultAdded.current = true;
+                    addModel(defaultStep);
                 });
-                isDefaultAdded.current = true;
-                addModel(defaultStep);
-            });
+            }
         }
-    }, [token, aiEvaluationData, questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps, addModel]);
+    }, [token, aiEvaluationData, questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps, templateList, addModel]);
     return ((0, jsx_runtime_1.jsx)(styled_1.QuestionModelRoot, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Header_1.default, {}), (0, jsx_runtime_1.jsx)(List_1.default, {})] })) }));
 };
 exports.default = Question;

package/lib/modules/ai-question/components/QuestionModel/styled.js

@@ -6,6 +6,6 @@ exports.QuestionModelRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)({
     width: '100%',
     height: '100%',
     maxWidth: 710,
-    padding: '0 0 0 16px',
+    padding: '0 16px 0 0',
     margin: '0 auto',
 });

package/lib/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/lib/modules/ai-question/components/QuestionPreview/styled.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreviewRoot = void 0;
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var fbm_ui_1 = require("fbm-ui");
-exports.PreviewRoot = (0, fbm_ui_1.styled)(material_1.Paper)({
+exports.PreviewRoot = (0, fbm_ui_1.styled)(mui_1.Paper)({
     padding: 20,
     position: 'absolute',
-    left: 300,
+    right: 300,
     top: 24,
     zIndex: 9,
     display: 'none',

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

@@ -18,8 +18,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
 var ahooks_1 = require("ahooks");
-var material_1 = require("@mui/material");
-var Language_1 = __importDefault(require("@mui/icons-material/Language"));
+var mui_1 = require("fbm-ui/lib/mui");
+var global_store_1 = require("../../../../store/ai-question/global-store");
+var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
 var question_update_store_1 = require("../../../../store/ai-question/question-update-store");
 var question_template_store_1 = require("../../../../store/ai-question/question-template-store");
 var ai_question_1 = require("../../../../constants/ai-question");
@@ -29,8 +30,10 @@ var utils_1 = require("../../../../utils/utils");
 var const_1 = require("../QuestionUpdate/const");
 var BaseAccordion_1 = __importDefault(require("../BaseAccordion"));
 var AiEvaluation = function () {
-    var updateQuestionState = (0, question_update_store_1.useUpdateQuestionStore)().updateQuestionState;
-    var aiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)().aiEvaluationData;
+    var onOpenTemplate = (0, global_store_1.useAiQuestionStore)(function (store) { return [store.onOpenTemplate]; }).onOpenTemplate;
+    var updateQuestionState = (0, question_update_store_1.useUpdateQuestionStore)(function (store) { return [store.updateQuestionState]; }).updateQuestionState;
+    var questionModelData = (0, question_model_store_1.useQuestionModelStore)(function (store) { return [store.questionModelData]; }).questionModelData;
+    var aiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
     var _a = (0, ahooks_1.useSetState)({
         addQuestionOpen: false,
         showOnlyAITest: false,
@@ -40,13 +43,13 @@ var AiEvaluation = function () {
         setState({ addQuestionOpen: false });
         updateQuestionState({ open: true, aiShowType: aiShowType, token: '', index: -1, item: __assign(__assign({}, const_1.defaultQuestionParams), { aiShowType: aiShowType, token: (0, utils_1.uniqueId)() }) });
     }, [setState, updateQuestionState]);
-    var content = ((0, jsx_runtime_1.jsx)(material_1.List, { children: ai_question_1.ADD_QUESTION_TYPE_LIST.map(function (_a) {
+    var content = ((0, jsx_runtime_1.jsx)(mui_1.List, { children: ai_question_1.ADD_QUESTION_TYPE_LIST.map(function (_a) {
             var title = _a.title, desc = _a.desc, type = _a.type;
-            return ((0, jsx_runtime_1.jsx)(material_1.ListItem, __assign({ disablePadding: true }, { children: (0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({ onClick: function () { return handleClickAdd(type); } }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, __assign({ sx: { minWidth: 40 } }, { children: type === ai_question_2.ADD_QUESTION_TYPE.FREE ? (0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "free" }) : (0, jsx_runtime_1.jsx)(Language_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: title, secondary: desc })] })) }), "question_type_".concat(type)));
+            return ((0, jsx_runtime_1.jsx)(mui_1.ListItem, __assign({ disablePadding: true }, { children: (0, jsx_runtime_1.jsxs)(mui_1.ListItemButton, __assign({ onClick: function () { return handleClickAdd(type); } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.ListItemIcon, __assign({ sx: { minWidth: 40 } }, { children: type === ai_question_2.ADD_QUESTION_TYPE.FREE ? (0, jsx_runtime_1.jsx)(fbm_ui_1.SMSOneIcon, { color: "secondary" }) : (0, jsx_runtime_1.jsx)(SvgIcon_1.default, { name: "free", style: { fill: 'rgba(0, 0, 0, 0.56)' } }) })), (0, jsx_runtime_1.jsx)(mui_1.ListItemText, { primary: title, secondary: desc })] })) }), "question_type_".concat(type)));
         }) }));
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ textAlign: "center", padding: 1 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: addQuestionOpen, arrow: false, content: content, onClickAway: function () { return setState({ addQuestionOpen: false }); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddCircleIcon, {}), onClick: function () { return setState({ addQuestionOpen: true }); } }, { children: "\u65B0\u589E\u81EA\u5B9A\u4E49\u9898\u76EE" })) })) })), aiEvaluationData.map(function (_a, index) {
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: addQuestionOpen, arrow: false, content: content, onClickAway: function () { return setState({ addQuestionOpen: false }); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.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 ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, lineHeight: 1.5, color: "rgba(0, 0, 0, 0.86)", mb: 1 }, { children: name })), index === 0 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ margin: "0 0 8px 4px" }, { children: (0, jsx_runtime_1.jsx)(material_1.FormGroup, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Switch, { size: "small", defaultChecked: showOnlyAITest }), label: (0, jsx_runtime_1.jsx)(fbm_ui_1.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 ((0, jsx_runtime_1.jsx)(BaseAccordion_1.default, __assign({ index: i, isShowOnlyAITest: showOnlyAITest, isShowDesc: index !== 0, isShowSummaryAction: index !== 0, isShowConfirm: index !== 0 }, item), item.name + i)); })] }, name));
+                return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, lineHeight: 1.5, weight: "500", mb: 2 }, { children: name })), list.map(function (item, i) { return ((0, jsx_runtime_1.jsx)(BaseAccordion_1.default, __assign({ index: i, isShowOnlyAITest: showOnlyAITest, isShowDesc: index !== 0, isShowSummaryAction: index !== 0, isShowConfirm: index !== 0 }, item), item.name + i)); })] }, name));
             })] }));
 };
 exports.default = AiEvaluation;

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

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var QuestionTemplateSkeleton = function () {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, __assign({ spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Paper, __assign({ elevation: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) })), (0, jsx_runtime_1.jsx)(material_1.Paper, __assign({ elevation: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) })), (0, jsx_runtime_1.jsx)(material_1.Paper, __assign({ elevation: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Paper, __assign({ elevation: 2 }, { children: (0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) })), (0, jsx_runtime_1.jsx)(mui_1.Paper, __assign({ elevation: 2 }, { children: (0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) })), (0, jsx_runtime_1.jsx)(mui_1.Paper, __assign({ elevation: 2 }, { children: (0, jsx_runtime_1.jsx)(mui_1.Skeleton, { variant: "text", width: 127, height: 8, sx: { margin: '25px 16px' } }) }))] })));
 };
 exports.default = QuestionTemplateSkeleton;

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

@@ -15,21 +15,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var ahooks_1 = require("ahooks");
 var fbm_ui_1 = require("fbm-ui");
-var TabContext_1 = __importDefault(require("@mui/lab/TabContext"));
 var ai_question_1 = require("../../../../services/ai-question");
-var global_store_1 = require("../../../../store/ai-question/global-store");
 var question_template_store_1 = require("../../../../store/ai-question/question-template-store");
 var AiEvaluation_1 = __importDefault(require("./AiEvaluation"));
-var HistoryPattern_1 = __importDefault(require("./HistoryPattern"));
 var Skeleton_1 = __importDefault(require("./Skeleton"));
-var styled_1 = require("./styled");
 var QuestionTemplate = function () {
-    var historyPatterns = (0, global_store_1.useAiQuestionStore)().historyPatterns;
     var updateAiEvaluationData = (0, question_template_store_1.useQuestionTemplateStore)().updateAiEvaluationData;
-    var _a = (0, react_1.useState)('1'), value = _a[0], setValue = _a[1];
     var loading = (0, ahooks_1.useRequest)(ai_question_1.PostAiModelQuestions, {
         manual: false,
         onSuccess: function (_a) {
@@ -37,7 +30,6 @@ var QuestionTemplate = function () {
             return updateAiEvaluationData(data);
         },
     }).loading;
-    var handleChange = function (e, v) { return setValue(v); };
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { position: 'relative' } }, { children: loading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(TabContext_1.default, __assign({ value: value }, { children: [(0, jsx_runtime_1.jsxs)(styled_1.CardTabs, __assign({ value: value, onChange: handleChange }, { children: [(0, jsx_runtime_1.jsx)(styled_1.CardTab, { label: "AI\u6D4B\u8BC4", value: "1" }), (0, jsx_runtime_1.jsx)(styled_1.CardTab, { label: "\u5DF2\u6709\u5C97\u4F4D\u6A21\u578B", value: "2", disabled: historyPatterns && (historyPatterns === null || historyPatterns === void 0 ? void 0 : historyPatterns.length) === 0 })] })), (0, jsx_runtime_1.jsx)(styled_1.CardTabPanel, __assign({ value: "1" }, { children: (0, jsx_runtime_1.jsx)(AiEvaluation_1.default, {}) })), (0, jsx_runtime_1.jsx)(styled_1.CardTabPanel, __assign({ value: "2" }, { children: (0, jsx_runtime_1.jsx)(HistoryPattern_1.default, {}) }))] }))) })));
+    return (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { position: 'relative' } }, { children: loading ? (0, jsx_runtime_1.jsx)(Skeleton_1.default, {}) : (0, jsx_runtime_1.jsx)(AiEvaluation_1.default, {}) }));
 };
 exports.default = QuestionTemplate;

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

@@ -53,12 +53,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
+var ahooks_1 = require("ahooks");
 var ai_question_1 = require("../../../../enum/ai-question");
+var ai_ability_1 = require("../../../../services/ai-ability");
 var const_1 = require("./const");
 var AiAnalysis_1 = __importDefault(require("../AiAnalysis"));
 var VideoVoice_1 = __importDefault(require("./VideoVoice"));
 var QuestionForm = (0, react_1.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 = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionList, { manual: preview }).data;
     var form = (0, fbm_ui_1.useForm)({
         initialValues: initialValues,
         onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
@@ -83,14 +86,18 @@ var QuestionForm = (0, react_1.forwardRef)(function (props, ref) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [values]);
     (0, react_1.useEffect)(function () {
+        console.log(form.values);
         onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(form.values);
     }, [form.values, onValuesChange]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Form, __assign({}, form, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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 === ai_question_1.ADD_QUESTION_TYPE.FREE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ required: true, disabled: preview, name: "broadcastType", label: "\u64AD\u62A5\u65B9\u5F0F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { placeholder: "\u64AD\u62A5\u65B9\u5F0F", options: const_1.broadcastModeOptions }) }))), form.values.broadcastType === 1 || preview ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.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" })) : ((0, jsx_runtime_1.jsx)(VideoVoice_1.default, {})), aiShowType === ai_question_1.ADD_QUESTION_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { sx: { height: 'auto', mb: 2 }, required: true, name: "readText", label: "\u6717\u8BFB\u5185\u5BB9", max: 240, InputProps: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Form, __assign({}, form, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { required: true, disabled: preview, name: "name", label: "\u6807\u9898", placeholder: "\u6807\u9898\uFF08\u7528\u4E8E\u7CFB\u7EDF\u7BA1\u7406\uFF09", max: 15 }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [!preview && aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ sx: { flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "broadcastType", label: "\u64AD\u62A5\u65B9\u5F0F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { placeholder: "\u64AD\u62A5\u65B9\u5F0F", options: const_1.broadcastModeOptions }) }))), !preview && ((0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ style: { flex: '1 0' }, disabled: preview, name: "category", label: "\u8003\u5BDF\u80FD\u529B" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.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 ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.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" })) : ((0, jsx_runtime_1.jsx)(VideoVoice_1.default, {})), aiShowType === ai_question_1.ADD_QUESTION_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.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 },
-                        } })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ style: { height: 64, flex: '1 0', marginRight: 8 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.prepareTimeOptions }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ style: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.durationOptions }) }))] }))] })), !preview && (0, jsx_runtime_1.jsx)(AiAnalysis_1.default, {})] }));
+                        } })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.prepareTimeOptions }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.durationOptions }) }))] }))] })), !preview && (0, jsx_runtime_1.jsx)(AiAnalysis_1.default, {})] }));
 });
 QuestionForm.displayName = 'QuestionForm';
 exports.default = (0, react_1.memo)(QuestionForm);

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

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ahooks_1 = require("ahooks");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ai_question_1 = require("../../../../services/ai-question");
 var question_update_store_1 = require("../../../../store/ai-question/question-update-store");
 var utils_1 = require("../../../../utils/utils");
@@ -60,6 +60,6 @@ var VideoVoice = function () {
                             multiline: true,
                             placeholder: '面试内容（系统将根据此内容向候选人进行语音播报）',
                             sx: { padding: 0 },
-                        } }), (0, jsx_runtime_1.jsx)(material_1.FormGroup, __assign({ sx: { mt: 9 } }, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: ((_d = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _d === void 0 ? void 0 : _d.videoRetry) === 1 }), label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u91CD\u590D\u542C\u9898" })), onChange: handleVideoRetry }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", sx: { mb: 1 } }, { children: "\u89C6\u9891\u8BED\u97F3\u64AD\u62A5\u8BF4\u660E\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "1.\u89C6\u9891\u7D20\u6750\u5C3A\u5BF8\u5EFA\u8BAE\u4E3A\u7AD6\u7248\uFF0C\u6BD4\u4F8B\u63A7\u5236\u57289\uFF1A16 \uFF0C\u683C\u5F0F\u9650\u4E8E.mp4" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "2.\u89C6\u9891\u8BED\u97F3\u64AD\u62A5\u8FC7\u7A0B\u4E2D\uFF0C\u9762\u8BD5\u5185\u5BB9\u5C06\u4E0D\u8FDB\u884CAI\u8BED\u97F3\u64AD\u62A5\u5904\u7406" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "3.\u5982\u5141\u8BB8\u5019\u9009\u4EBA\u91CD\u590D\u542C\u9898\uFF0C\u5355\u9898\u5168\u7A0B\u91CD\u590D\u6B21\u6570\u4E3A3\u6B21\u3002" }))] }))] })));
+                        } }), (0, jsx_runtime_1.jsx)(mui_1.FormGroup, __assign({ sx: { mt: 9 } }, { children: (0, jsx_runtime_1.jsx)(mui_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(mui_1.Checkbox, { checked: ((_d = item === null || item === void 0 ? void 0 : item.videoBroadcast) === null || _d === void 0 ? void 0 : _d.videoRetry) === 1 }), label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5141\u8BB8\u91CD\u590D\u542C\u9898" })), onChange: handleVideoRetry }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", sx: { mb: 1 } }, { children: "\u89C6\u9891\u8BED\u97F3\u64AD\u62A5\u8BF4\u660E\uFF1A" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "1.\u89C6\u9891\u7D20\u6750\u5C3A\u5BF8\u5EFA\u8BAE\u4E3A\u7AD6\u7248\uFF0C\u6BD4\u4F8B\u63A7\u5236\u57289\uFF1A16 \uFF0C\u683C\u5F0F\u9650\u4E8E.mp4" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "2.\u89C6\u9891\u8BED\u97F3\u64AD\u62A5\u8FC7\u7A0B\u4E2D\uFF0C\u9762\u8BD5\u5185\u5BB9\u5C06\u4E0D\u8FDB\u884CAI\u8BED\u97F3\u64AD\u62A5\u5904\u7406" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, variant: "body2", color: "secondary" }, { children: "3.\u5982\u5141\u8BB8\u5019\u9009\u4EBA\u91CD\u590D\u542C\u9898\uFF0C\u5355\u9898\u5168\u7A0B\u91CD\u590D\u6B21\u6570\u4E3A3\u6B21\u3002" }))] }))] })));
 };
 exports.default = VideoVoice;

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

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

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

@@ -64,7 +64,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ai_question_1 = require("../../../../enum/ai-question");
 var question_model_store_1 = require("../../../../store/ai-question/question-model-store");
 var question_update_store_1 = require("../../../../store/ai-question/question-update-store");
@@ -90,14 +90,15 @@ 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 = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ sx: { backgroundColor: aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
+        var content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(mui_1.MenuItem, __assign({ sx: { backgroundColor: aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
                         var _a;
                         setSwitchTypeOpen(false);
                         (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: const_1.defaultQuestionParams.broadcastType });
                         updateQuestionState({ aiShowType: ai_question_1.ADD_QUESTION_TYPE.FREE });
-                    } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u81EA\u7531\u4F5C\u7B54" })) })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ sx: { backgroundColor: aiShowType === ai_question_1.ADD_QUESTION_TYPE.LANGUAGE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
+                    } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u81EA\u7531\u4F5C\u7B54" })) })), (0, jsx_runtime_1.jsx)(mui_1.MenuItem, __assign({ sx: { backgroundColor: aiShowType === ai_question_1.ADD_QUESTION_TYPE.LANGUAGE ? 'rgba(76, 175, 80, 0.08)' : 'rgba(255, 255, 255, 1)' }, onClick: function () {
                         var _a;
                         setSwitchTypeOpen(false);
                         (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.setFormValues({ broadcastType: const_1.defaultQuestionParams.broadcastType });
@@ -107,6 +108,7 @@ var QuestionUpdate = function () {
     };
     var getModelParams = (0, react_1.useCallback)(function (values, isSubmit) {
         return new Promise(function (resolve, reject) {
+            var _a;
             var errorIndexes = [];
             var newAiAbilities = aiAbilities.map(function (item) {
                 item.isNotCompute = true;
@@ -130,10 +132,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/lib/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/lib/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/lib/modules/ai-question/index.js

@@ -16,12 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var hox_1 = require("hox");
-var fbm_ui_1 = require("fbm-ui");
-var styles_1 = require("@mui/material/styles");
+var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var Root_1 = __importDefault(require("./Root"));
 var AiQuestion = (0, react_1.forwardRef)(function (props, ref) {
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledEngineProvider, __assign({ injectFirst: true }, { children: (0, jsx_runtime_1.jsx)(hox_1.HoxRoot, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }) })) }));
+    return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }));
 });
 AiQuestion.displayName = 'AiQuestion';
 exports.default = (0, react_1.memo)(AiQuestion);

package/lib/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/lib/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/lib/modules/ai-question/useAiQuestion.js

@@ -14,9 +14,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAiQuestion = void 0;
 var react_1 = require("react");
 var useAiQuestion = function (props) {
+    var _a;
     var ref = (0, react_1.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 });
 };
 exports.useAiQuestion = useAiQuestion;

package/lib/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/lib/modules/ai-report/components/ScoreReport/Report.js

@@ -18,33 +18,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
 var global_store_1 = require("../../../../store/ai-report/global-store");
-var utils_1 = require("../../../../utils/utils");
-var ai_report_1 = require("../../../../enum/ai-report");
-var RosePie_1 = __importDefault(require("./RosePie"));
-var ScoreLegend_1 = __importDefault(require("./ScoreLegend"));
-var ScoreBigBall_1 = __importDefault(require("./ScoreBigBall"));
-var STEP_COMPLETED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_COMPLETED;
+var ReportPie_1 = __importDefault(require("../../../../components/Charts/ReportPie"));
+// import ScoreLegend from './ScoreLegend';
+var ScoreBigBall_1 = __importDefault(require("../../../../components/ScoreBigBall"));
 var Report = function () {
-    var _a = (0, react_1.useState)([]), source = _a[0], setSource = _a[1];
     var reportResult = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult]; }).reportResult;
-    var _b = reportResult || {}, score = _b.score, status = _b.status, steps = _b.steps;
-    (0, react_1.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),
-                    (0, utils_1.formatScore)(originScore),
-                    (0, utils_1.formatScore)(Number(weight)),
-                    (0, utils_1.formatScore)(score),
-                    (0, utils_1.formatLowScore)(parseInt(score.toString(), 10)),
-                    index,
-                ]
-                : undefined;
-        }).filter(function (p) { return p; });
-        setSource(source);
-    }, [status, steps]);
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ height: 240, sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(RosePie_1.default, { source: source || [] }), (0, jsx_runtime_1.jsx)(ScoreBigBall_1.default, { score: score || 0, status: status })] })), (0, jsx_runtime_1.jsx)(ScoreLegend_1.default, { 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 = (0, react_1.useMemo)(function () {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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%" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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%" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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%" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u4EBA\u6570\u5C0F\u4E8E5\u4EBA\u65F6\uFF0C\u8BC4\u4EF7\u4E0D\u751F\u6548" }))] }));
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", pl: 3, pt: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u80FD\u529B\u6807\u51C6" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: title }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: '4px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: 14, color: 'RGBA(0, 0, 0, 0.86)' } }) })) }))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ height: 300, sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(ReportPie_1.default, { id: orderToken || '', source: collection }), (0, jsx_runtime_1.jsx)(ScoreBigBall_1.default, { score: score || 0, status: status })] }))] })));
 };
 exports.default = Report;