eli-video-interview 1.2.41-alpha.4 → 1.2.41-alpha.41

package/esm/modules/ai-question/components/QuestionTemplate/AiEvaluation.d.ts

@@ -1,3 +1,5 @@
 import { FC } from 'react';
-declare const AiEvaluation: FC;
+declare const AiEvaluation: FC<{
+    isOem?: boolean;
+}>;
 export default AiEvaluation;

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

@@ -46,17 +46,18 @@ var ICONS = (_a = {},
     _a[ADD_QUESTION_TYPE.LANGUAGE] = _jsx(MicIcon, { color: "secondary" }),
     _a[ADD_QUESTION_TYPE.SINGLECHIOCE] = _jsx(RadioCheckedIcon, { color: "secondary" }),
     _a);
-var AiEvaluation = function () {
+var AiEvaluation = function (_a) {
+    var isOem = _a.isOem;
     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 isEdit = (getQuestionModelStore() || {}).isEdit;
     var selctedAbilitys = useAiAbilityListStore().selctedAbilitys;
     var aiEvaluationData = useQuestionTemplateStore(function (store) { return [store.aiEvaluationData]; }).aiEvaluationData;
-    var _a = __read(useSetState({
+    var _b = __read(useSetState({
         addQuestionOpen: false,
         showOnlyAITest: false,
-    }), 2), state = _a[0], setState = _a[1];
+    }), 2), state = _b[0], setState = _b[1];
     var addQuestionOpen = state.addQuestionOpen, showOnlyAITest = state.showOnlyAITest;
     var handleClickAdd = useCallback(function (aiShowType) {
         setState({ addQuestionOpen: false });
@@ -75,6 +76,7 @@ var AiEvaluation = function () {
     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, weight: "500", mb: 2 }, { children: name })), list
+                            .filter(function (v) { return !isOem || v.name !== '游戏测评'; })
                             .filter(function (v) { return !isEdit || !v.isNew || selctedAbilitys.includes(v.token); })
                             .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));
             })] }));

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

@@ -18,7 +18,8 @@ import { PostAiModelQuestions } from "../../../../services/ai-question";
 import { useQuestionTemplateStore } from "../../../../store/ai-question/question-template-store";
 import { useRequest } from 'ahooks';
 import { Box } from 'fbm-ui';
-var QuestionTemplate = function () {
+var QuestionTemplate = function (_a) {
+    var isOem = _a.isOem;
     var updateAiEvaluationData = useQuestionTemplateStore().updateAiEvaluationData;
     var selctedAbilitys = useAiAbilityListStore().selctedAbilitys;
     var enterprise = useEnterpriseStore().enterprise;
@@ -30,6 +31,6 @@ var QuestionTemplate = function () {
             return updateAiEvaluationData(data);
         },
     }).loading;
-    return _jsx(Box, __assign({ sx: { position: 'relative' } }, { children: loading ? _jsx(Skeleton, {}) : _jsx(AiEvaluation, {}) }));
+    return _jsx(Box, __assign({ sx: { position: 'relative' } }, { children: loading ? _jsx(Skeleton, {}) : _jsx(AiEvaluation, { isOem: isOem }) }));
 };
 export default QuestionTemplate;

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

@@ -50,5 +50,6 @@ export interface AiEvaluationState {
     showOnlyAITest: boolean;
 }
 export interface QuestionTemplateProps {
+    isOem?: boolean;
 }
 export {};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { QuestionKeyPointsProps } from './interface';
+declare const FllowupSetting: React.FC<QuestionKeyPointsProps>;
+export default FllowupSetting;

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

@@ -0,0 +1,86 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FollowupKeyPoints from './FollowupKeyPoints';
+import FollowupTarget from './FollowupTarget';
+import { Chip, Layout, Message, Typography } from 'fbm-ui';
+import { Stack, Tooltip } from 'fbm-ui/lib/mui';
+import { useState } from 'react';
+var formater = function (content, title) {
+    if (title === void 0) { title = ''; }
+    return (_jsxs(Stack, __assign({ spacing: 1 }, { children: [_jsx(Typography, __assign({ variant: "caption", color: "white" }, { children: "".concat(title, "\uFF1A") })), content === null || content === void 0 ? void 0 : content.map(function (item, index) { return (_jsx(Typography, __assign({ variant: "caption", color: "white" }, { children: "".concat(index + 1, "\u3001").concat(item) }), index)); })] })));
+};
+var FllowupSetting = function (_a) {
+    var index = _a.index, form = _a.form;
+    var _b = __read(useState(false), 2), openTarget = _b[0], setOpenTarget = _b[1];
+    var _c = __read(useState(false), 2), openKeyPoints = _c[0], setOpenKeyPoints = _c[1];
+    var _d = form.values.questions[index], _e = _d.followUpGoals, followUpGoals = _e === void 0 ? [] : _e, _f = _d.scorePoints, scorePoints = _f === void 0 ? [] : _f, content = _d.content;
+    var handleFollowupGoalsChange = function (followUpGoals) {
+        form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(form.values.questions.map(function (q, i) { return (i === index ? __assign(__assign({}, q), { followUpGoals: followUpGoals }) : q); })), false) }));
+    };
+    var handleScorePointsChange = function (scorePoints) {
+        form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(form.values.questions.map(function (q, i) { return (i === index ? __assign(__assign({}, q), { scorePoints: scorePoints }) : q); })), false) }));
+    };
+    var hasFollowUpGoals = (followUpGoals === null || followUpGoals === void 0 ? void 0 : followUpGoals.length) > 0;
+    var hasFolllowUpPoints = (scorePoints === null || scorePoints === void 0 ? void 0 : scorePoints.length) > 0;
+    return (_jsxs(Layout, { children: [_jsx(Stack, __assign({ spacing: 2, mb: 1, direction: "row", alignItems: "center", justifyContent: "space-between", mt: 0.375 }, { children: _jsxs(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [_jsx(Tooltip, __assign({ title: hasFolllowUpPoints ? formater(scorePoints, '得分点') : '暂未设置得分点' }, { children: _jsx(Chip, { color: hasFolllowUpPoints ? 'primary' : 'default', style: hasFolllowUpPoints
+                                    ? {
+                                        backgroundColor: '#E8F5E9',
+                                        border: '1px solid transparent',
+                                    }
+                                    : {}, label: hasFolllowUpPoints ? "\u542B".concat(scorePoints.length, "\u6761\u9898\u76EE\u5F97\u5206\u70B9") : '添加题目得分点', onClick: function () {
+                                    if (content) {
+                                        setOpenKeyPoints(true);
+                                    }
+                                    else {
+                                        Message.error('面试内容为空，不能设置得分点');
+                                    }
+                                } }) })), _jsx(Tooltip, __assign({ title: hasFollowUpGoals ? formater(followUpGoals, '目标') : '暂未设置追问目标' }, { children: _jsx(Chip, { color: hasFollowUpGoals ? 'primary' : 'default', label: hasFollowUpGoals ? "\u542B".concat(followUpGoals.length, "\u6761\u8FFD\u95EE\u76EE\u6807") : '添加追问目标', style: hasFollowUpGoals
+                                    ? {
+                                        backgroundColor: '#E8F5E9',
+                                        border: '1px solid transparent',
+                                    }
+                                    : {}, onClick: function () {
+                                    if (content) {
+                                        setOpenTarget(true);
+                                    }
+                                    else {
+                                        Message.error('面试内容为空，不能设置追问目标');
+                                    }
+                                } }) }))] })) })), openKeyPoints && (_jsx(FollowupKeyPoints, { question: content, followUpGoals: scorePoints, open: openKeyPoints, onClose: function () { return setOpenKeyPoints(false); }, onOk: handleScorePointsChange })), openTarget && (_jsx(FollowupTarget, { question: content, scorePoints: followUpGoals, open: openTarget, onClose: function () { return setOpenTarget(false); }, onOk: handleFollowupGoalsChange }))] }));
+};
+export default FllowupSetting;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const FollowupKeyPoints: ({ followUpGoals, question, open, onClose, onOk }: {
+    followUpGoals: any;
+    question: any;
+    open: any;
+    onClose: any;
+    onOk: any;
+}) => JSX.Element;
+export default FollowupKeyPoints;

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

@@ -0,0 +1,94 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostAiModelGenerateByAI } from "../../../../services/ai-question";
+import { AddIcon, AiIcon, CloseIcon } from 'fbm-icons';
+import { Box, Button, Dialog, IconButton, Message, TextField, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useState } from 'react';
+var MAX_TEXT_LENGTH = 100;
+var FollowupKeyPoints = function (_a) {
+    var followUpGoals = _a.followUpGoals, question = _a.question, open = _a.open, onClose = _a.onClose, onOk = _a.onOk;
+    var _b = __read(useState(followUpGoals || []), 2), values = _b[0], setValues = _b[1];
+    var _c = __read(useState(false), 2), loading = _c[0], setLoading = _c[1];
+    var handleMakeFromAi = useCallback(function () {
+        setLoading(true);
+        PostAiModelGenerateByAI({ q: question })
+            .then(function (res) {
+            var _a = res, code = _a.code, _b = _a.data.list, list = _b === void 0 ? [] : _b, message = _a.message;
+            if (code === 0) {
+                setValues(__spreadArray(__spreadArray([], __read(values), false), __read(list), false));
+            }
+            else {
+                return Promise.reject(message);
+            }
+        })
+            .catch(function (err) {
+            Message.error(err.toString());
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    }, [question, values]);
+    var handleChange = useCallback(function (index, value) {
+        setValues(values.map(function (item, i) { return (i === index ? value : item); }));
+    }, [values]);
+    var handleAdd = useCallback(function () {
+        setValues(__spreadArray(__spreadArray([], __read(values), false), [''], false));
+    }, [values]);
+    var handleRemove = useCallback(function (index) {
+        setValues(values.filter(function (_, i) { return i !== index; }));
+    }, [values]);
+    return (_jsx(Dialog, __assign({ open: open, 
+        // @ts-ignore
+        title: _jsxs(Stack, __assign({ direction: "row", spacing: 1 }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 700 }, { children: "\u8BBE\u7F6E\u9898\u76EE\u5F97\u5206\u70B9" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\uFF08\u6700\u591A\u6DFB\u52A03\u6761\uFF09" }))] })), size: "sm", onClose: onClose, okText: "\u786E\u8BA4", onOk: function () {
+            var filtered = values.filter(function (item) { return item.trim(); });
+            if (filtered.length > 3) {
+                return Message.error('最多添加3条得分点，请移除多余的得分点。');
+            }
+            var canUse = filtered.every(function (item) { return item.length <= MAX_TEXT_LENGTH; });
+            if (canUse) {
+                onOk(filtered);
+                onClose();
+            }
+        } }, { children: _jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", color: "textSecondary", mb: 4 }, { children: question })), values === null || values === void 0 ? void 0 : values.map(function (item, index) {
+                    return (_jsxs(Stack, __assign({ direction: "row", spacing: 1 }, { children: [_jsx(TextField, { max: MAX_TEXT_LENGTH, error: item.length > MAX_TEXT_LENGTH, sx: { flexGrow: 1, height: 'auto' }, value: item, onChange: function (e) {
+                                    handleChange(index, e.target.value);
+                                } }), _jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () { return handleRemove(index); } }, { children: _jsx(CloseIcon, {}) })) }))] }), index));
+                }), _jsxs(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [_jsx(Button, __assign({ variant: "outlined", color: "inherit", startIcon: _jsx(AddIcon, {}), onClick: handleAdd }, { children: "\u6DFB\u52A0" })), _jsx(Button, __assign({ variant: "outlined", loading: loading, color: "inherit", startIcon: _jsx(AiIcon, {}), onClick: handleMakeFromAi }, { children: "AI\u751F\u6210" }))] }))] }) })));
+};
+export default FollowupKeyPoints;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const FollowupTarget: ({ scorePoints, question, open, onClose, onOk }: {
+    scorePoints: any;
+    question: any;
+    open: any;
+    onClose: any;
+    onOk: any;
+}) => JSX.Element;
+export default FollowupTarget;

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

@@ -0,0 +1,73 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AddIcon, CloseIcon } from 'fbm-icons';
+import { Box, Button, Dialog, IconButton, Message, TextField, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useState } from 'react';
+var MAX_TEXT_LENGTH = 100;
+var FollowupTarget = function (_a) {
+    var scorePoints = _a.scorePoints, question = _a.question, open = _a.open, onClose = _a.onClose, onOk = _a.onOk;
+    var _b = __read(useState(scorePoints || []), 2), values = _b[0], setValues = _b[1];
+    var handleChange = useCallback(function (index, value) {
+        setValues(values.map(function (item, i) { return (i === index ? value : item); }));
+    }, [values]);
+    var handleAdd = useCallback(function () {
+        setValues(__spreadArray(__spreadArray([], __read(values), false), [''], false));
+    }, [values]);
+    var handleRemove = useCallback(function (index) {
+        setValues(values.filter(function (_, i) { return i !== index; }));
+    }, [values]);
+    return (_jsx(Dialog, __assign({ open: open, 
+        // @ts-ignore
+        title: _jsxs(Stack, __assign({ direction: "row", spacing: 1 }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 700 }, { children: "\u8BBE\u7F6E\u8FFD\u95EE\u76EE\u6807" })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\uFF08\u6700\u591A\u6DFB\u52A03\u6761\uFF09" }))] })), size: "sm", onClose: onClose, okText: "\u786E\u8BA4", onOk: function () {
+            var filtered = values.filter(function (item) { return item.trim(); });
+            if (filtered.length > 3) {
+                return Message.error('最多添加3条追问目标，请移除多余的目标。');
+            }
+            var canUse = filtered.every(function (item) { return item.length <= MAX_TEXT_LENGTH; });
+            if (canUse) {
+                onOk(filtered);
+                onClose();
+            }
+        } }, { children: _jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", color: "textSecondary", mb: 4 }, { children: question })), values === null || values === void 0 ? void 0 : values.map(function (item, index) {
+                    return (_jsxs(Stack, __assign({ direction: "row", spacing: 1 }, { children: [_jsx(TextField, { max: MAX_TEXT_LENGTH, error: item.length > MAX_TEXT_LENGTH, sx: { flexGrow: 1, height: 'auto' }, value: item, onChange: function (e) {
+                                    handleChange(index, e.target.value);
+                                } }), _jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () { return handleRemove(index); } }, { children: _jsx(CloseIcon, {}) })) }))] }), index));
+                }), _jsx(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", startIcon: _jsx(AddIcon, {}), onClick: handleAdd }, { children: "\u6DFB\u52A0" })) }))] }) })));
+};
+export default FollowupTarget;

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

@@ -74,6 +74,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import AiAnalysis from '../AiAnalysis';
 import Chioce from './Chioce';
 import { broadcastModeOptions, durationOptions, prepareTimeOptions } from './const';
+import FllowupSetting from './FllowupSetting';
 import RandomQuestion from './RandomQuestion';
 import VideoVoice from './VideoVoice';
 import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
@@ -161,13 +162,13 @@ var QuestionForm = forwardRef(function (props, ref) {
                                     }), onChange: handleCategoryChange }) })))] })), aiShowType !== ADD_QUESTION_TYPE.SINGLECHIOCE &&
                         ((form === null || form === void 0 ? void 0 : form.values.broadcastType) === 1 || preview ? (_jsx(FieldArray, { name: "questions", render: function () {
                                 var _a;
-                                return (_a = form.values.questions) === null || _a === void 0 ? void 0 : _a.map(function (_, index) { return (_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [_jsx(FormItem, { required: true, name: "questions.".concat(index, ".content"), 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", InputProps: {
-                                                rows: 3,
-                                                multiline: true,
-                                                sx: { padding: 0 },
-                                            }, sx: { flexGrow: 1, height: 120 } }), form.values.questions.length > 1 && (_jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () {
-                                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(form.values.questions.filter(function (_, i) { return i !== index; })), false) }));
-                                                } }, { children: _jsx(CloseIcon, {}) })) })))] }), index)); });
+                                return (_a = form.values.questions) === null || _a === void 0 ? void 0 : _a.map(function (_, index) { return (_jsxs(_Fragment, { children: [_jsxs(Stack, __assign({ direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [_jsx(FormItem, { required: true, name: "questions.".concat(index, ".content"), 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", InputProps: {
+                                                        rows: 3,
+                                                        multiline: true,
+                                                        sx: { padding: 0 },
+                                                    }, sx: { flexGrow: 1, height: 120 } }), form.values.questions.length > 1 && (_jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () {
+                                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(form.values.questions.filter(function (_, i) { return i !== index; })), false) }));
+                                                        } }, { children: _jsx(CloseIcon, {}) })) })))] }), index), aiShowType === ADD_QUESTION_TYPE.FREE && _jsx(FllowupSetting, { index: index, form: form })] })); });
                             } })) : (_jsx(VideoVoice, {}))), !preview && aiShowType === ADD_QUESTION_TYPE.SINGLECHIOCE && (
                     // @ts-ignore
                     _jsx(Box, { children: _jsx(FieldArray, { name: "questions", render: function () {

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

@@ -27,6 +27,7 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import SelectQuestion from './SelectQuestion';
+import { MAX_RANDOM_QUESTION_NUM } from "../../../../constants/ai-question";
 import { ADD_QUESTION_TYPE } from "../../../../enum/ai-question";
 import { useUpdateQuestionStore } from "../../../../store/ai-question/question-update-store";
 import { AddIcon, Box, Button, Checkbox, InfoIcon, Layout, Message, Popactions, Tooltip } from 'fbm-ui';
@@ -63,7 +64,7 @@ var RandomQuestion = function (_a) {
         },
     ];
     var isVideoBroadcast = broadcastType === 2;
-    var desc = isVideoBroadcast ? (_jsxs(_Fragment, { children: ["1. \u89C6\u9891\u5EFA\u8BAE\u7AD6\u7248\uFF0C\u6BD4\u4F8B9\uFF1A16\uFF0C\u683C\u5F0F.mp4\uFF1B\u5019\u9009\u4EBA\u53EF\u91CD\u590D\u542C\u9898\uFF0C\u4F46\u5355\u9898 \u6700\u591A\u91CD\u590D3\u6B21\u3002", _jsx("br", {}), "2. \u5F53\u9762\u8BD5\u95F4\u4EA4\u4E92\u65B9\u5F0F\u662FAI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F\u65F6\uFF0C\u5019\u9009\u4EBA\u9762\u8BD5\u65F6\u5C06\u81EA\u52A8\u628A \u9898\u76EE\u7684\u64AD\u62A5\u65B9\u5F0F\u53D8\u6362\u4E3AAI\u8BED\u97F3\u64AD\u62A5\u65B9\u5F0F", _jsx("br", {}), "3.\u6BCF\u4F4D\u5019\u9009\u4EBA\u968F\u673A1\u9898\uFF0C\u6700\u591A5\u4E2A\u9009\u9879\u3002"] })) : ('每位候选人随机1题，最多5个选项。');
+    var desc = isVideoBroadcast ? (_jsx(_Fragment, { children: "\n      1. \u89C6\u9891\u5EFA\u8BAE\u7AD6\u7248\uFF0C\u6BD4\u4F8B9\uFF1A16\uFF0C\u683C\u5F0F.mp4\uFF1B\u5019\u9009\u4EBA\u53EF\u91CD\u590D\u542C\u9898\uFF0C\u4F46\u5355\u9898 \u6700\u591A\u91CD\u590D3\u6B21\u3002\n      <br />\n      2. \u5F53\u9762\u8BD5\u95F4\u4EA4\u4E92\u65B9\u5F0F\u662FAI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F\u65F6\uFF0C\u5019\u9009\u4EBA\u9762\u8BD5\u65F6\u5C06\u81EA\u52A8\u628A \u9898\u76EE\u7684\u64AD\u62A5\u65B9\u5F0F\u53D8\u6362\u4E3AAI\u8BED\u97F3\u64AD\u62A5\u65B9\u5F0F\n      <br />\n      3.\u6BCF\u4F4D\u5019\u9009\u4EBA\u968F\u673A1\u9898\uFF0C\u6700\u591A".concat(MAX_RANDOM_QUESTION_NUM, "\u4E2A\u9009\u9879\u3002") })) : ("\u6BCF\u4F4D\u5019\u9009\u4EBA\u968F\u673A1\u9898\uFF0C\u6700\u591A".concat(MAX_RANDOM_QUESTION_NUM, "\u4E2A\u9009\u9879\u3002"));
     var handleVideoBroadcastChange = function (key, checked) {
         var _a;
         updateQuestionState({

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

@@ -35,6 +35,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FllowupSetting from './FllowupSetting';
 import VideoVoicePreview from './VideoVoicePreview';
 import VideoVoiceUploader from './VideoVoiceUploader';
 import { Box, CloseIcon, FormItem, IconButton } from 'fbm-ui';
@@ -44,23 +45,32 @@ var VideoVoice = function () {
     return (_jsx(FieldArray, { name: "questions", render: function (_a) {
             var _b;
             var form = _a.form;
-            return (_b = form.values.questions) === null || _b === void 0 ? void 0 : _b.map(function (q, index) { return (_jsxs(Box, __assign({ display: "flex", mb: 3 }, { children: [_jsxs(Box, __assign({ width: 96, height: 96, mr: 2, textAlign: "center", overflow: "hidden", sx: {
-                            borderRadius: 2,
-                            border: '1px dashed rgba(0,0,0, 0.08)',
-                        } }, { children: [q.videoUrl && (_jsx(VideoVoicePreview, { onDel: function () {
-                                    var questons = __spreadArray([], __read(form.values.questions), false);
-                                    questons[index] = __assign(__assign({}, questons[index]), { videoUrl: '' });
-                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
-                                }, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { index: index, questions: form.values.questions, setQuestions: function (qs) {
-                                    form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
-                                } })] })), _jsxs(Stack, __assign({ flexGrow: 1, direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [_jsx(FormItem, { required: true, name: "questions.".concat(index, ".content"), 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", InputProps: {
-                                    rows: 3,
-                                    multiline: true,
-                                    placeholder: '面试内容（系统将根据此内容向候选人进行语音播报）',
-                                    sx: { padding: 0 },
-                                }, sx: { flexGrow: 1 } }), form.values.questions.length > 1 && (_jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () {
-                                        form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(form.values.questions.filter(function (_, i) { return i !== index; })), false) }));
-                                    } }, { children: _jsx(CloseIcon, {}) })) })))] }))] }), index)); });
+            return (_b = form.values.questions) === null || _b === void 0 ? void 0 : _b.map(function (q, index) { return (_jsxs(Box, __assign({ display: "flex", mb: 3 }, { children: [_jsxs(Stack, __assign({ spacing: 2, width: 96, mr: 2 }, { children: [_jsxs(Box, __assign({ textAlign: "center", overflow: "hidden", height: 57, sx: {
+                                    borderRadius: 2,
+                                    border: '1px dashed rgba(0,0,0, 0.08)',
+                                } }, { children: [q.videoUrl && (_jsx(VideoVoicePreview, { onDel: function () {
+                                            var questons = __spreadArray([], __read(form.values.questions), false);
+                                            questons[index] = __assign(__assign({}, questons[index]), { videoUrl: '' });
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
+                                        }, videoUrl: q.videoUrl })), _jsx(VideoVoiceUploader, { index: index, questions: form.values.questions, setQuestions: function (qs) {
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
+                                        } })] })), _jsxs(Box, __assign({ textAlign: "center", overflow: "hidden", height: 57, sx: {
+                                    borderRadius: 2,
+                                    border: '1px dashed rgba(0,0,0, 0.08)',
+                                } }, { children: [q.videoURLWide && (_jsx(VideoVoicePreview, { onDel: function () {
+                                            var questons = __spreadArray([], __read(form.values.questions), false);
+                                            questons[index] = __assign(__assign({}, questons[index]), { videoURLWide: '' });
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(questons), false) }));
+                                        }, videoUrl: q.videoURLWide })), _jsx(VideoVoiceUploader, { index: index, type: "pc", questions: form.values.questions, setQuestions: function (qs) {
+                                            form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(qs), false) }));
+                                        } })] }))] })), _jsxs(Stack, __assign({ flexGrow: 1, justifyContent: "space-between", spacing: 3 }, { children: [_jsxs(Stack, __assign({ flexGrow: 1, direction: "row", justifyContent: "space-between", spacing: 1 }, { children: [_jsx(FormItem, { required: true, name: "questions.".concat(index, ".content"), 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", InputProps: {
+                                            rows: 3,
+                                            multiline: true,
+                                            placeholder: '面试内容（系统将根据此内容向候选人进行语音播报）',
+                                            sx: { padding: 0 },
+                                        }, sx: { flexGrow: 1 } }), form.values.questions.length > 1 && (_jsx(Box, __assign({ height: 84, pt: 1 }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () {
+                                                form.setValues(__assign(__assign({}, form.values), { questions: __spreadArray([], __read(form.values.questions.filter(function (_, i) { return i !== index; })), false) }));
+                                            } }, { children: _jsx(CloseIcon, {}) })) })))] })), _jsx(FllowupSetting, { index: index, form: form })] }))] }), index)); });
         } }));
 };
 export default VideoVoice;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-declare const VideoVoiceUploader: ({ index, questions, setQuestions }: {
+declare const VideoVoiceUploader: ({ index, questions, setQuestions, type }: {
     index: any;
     questions: any;
     setQuestions: any;
+    type?: string | undefined;
 }) => JSX.Element;
 export default VideoVoiceUploader;

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

@@ -34,23 +34,23 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PostCommonUpload } from "../../../../services/ai-question";
 import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
 import { useRequest } from 'ahooks';
 import { Message, Typography, Upload, UploadIcon } from 'fbm-ui';
-import { Stack } from 'fbm-ui/lib/mui';
+import { CircularProgress, Stack } from 'fbm-ui/lib/mui';
 var VideoVoiceUploader = function (_a) {
-    var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions;
-    var _b = useRequest(PostCommonUpload, {
+    var index = _a.index, questions = _a.questions, setQuestions = _a.setQuestions, _b = _a.type, type = _b === void 0 ? 'mobile' : _b;
+    var _c = useRequest(PostCommonUpload, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
             var _b = __read(data, 1), firstData = _b[0];
-            questions[index] = __assign(__assign({}, questions[index]), { videoUrl: firstData.url });
+            questions[index] = __assign(__assign({}, questions[index]), (type === 'mobile' ? { videoUrl: firstData.url } : { videoURLWide: firstData.url }));
             setQuestions(__spreadArray([], __read(questions), false));
         },
-    }), loading = _b.loading, postCommonUpload = _b.run;
+    }), loading = _c.loading, postCommonUpload = _c.run;
     var uploadProps = {
         type: 'custom',
         showUploadList: false,
@@ -67,10 +67,15 @@ var VideoVoiceUploader = function (_a) {
             }
         },
     };
-    return (_jsx(Upload, __assign({}, uploadProps, { children: _jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center", color: "text.secondary", sx: {
+    return (_jsx(Upload, __assign({}, uploadProps, { 
+        // @ts-ignore
+        sx: {
+            width: '100%',
+            height: '100%',
+        } }, { children: _jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center", color: "text.secondary", sx: {
                 cursor: 'pointer',
-                width: 94,
-                height: 94,
-            } }, { children: [!loading && (_jsxs(_Fragment, { children: [_jsx(UploadIcon, { color: "inherit" }), _jsx(Typography, __assign({ variant: "caption", color: "inherit" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] })), loading && _jsx(Typography, __assign({ variant: "caption" }, { children: "\u4E0A\u4F20\u4E2D..." }))] })) })));
+                width: '100%',
+                height: '100%',
+            } }, { children: [!loading && (_jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [_jsx(UploadIcon, { color: "inherit" }), _jsx(Typography, __assign({ variant: "caption", color: "inherit" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }))), loading && (_jsxs(Stack, __assign({ justifyContent: "center", alignItems: "center" }, { children: [_jsx(CircularProgress, { size: 24, color: "inherit" }), _jsx(Typography, __assign({ variant: "caption" }, { children: "\u4E0A\u4F20\u4E2D..." }))] })))] })) })));
 };
 export default VideoVoiceUploader;

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

@@ -75,7 +75,7 @@ var __read = (this && this.__read) || function (o, n) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { defaultQuestionParams } from './const';
 import Form from './Form';
-import { ADD_QUESTION_TYPE_SHOW_LIST, QUESTION_TYPE_TITLE_MAP } from "../../../../constants/ai-question";
+import { ADD_QUESTION_TYPE_SHOW_LIST, MAX_RANDOM_QUESTION_NUM, QUESTION_TYPE_TITLE_MAP } from "../../../../constants/ai-question";
 import { ADD_QUESTION_TYPE, QUESTION_TYPE } from "../../../../enum/ai-question";
 import { useQuestionCollectionListStore } from "../../../../store/ai-ability/question-ability-store";
 import ScrollDialogContent from "../../../../components/ScrollDialogContent";
@@ -228,8 +228,8 @@ var QuestionUpdate = function () {
                 case 0: return [4 /*yield*/, getModelParams(values, true)];
                 case 1:
                     _a = _c.sent(), errorIndexes = _a.errorIndexes, params = _a.params;
-                    if ((values === null || values === void 0 ? void 0 : values.questions.length) > 5) {
-                        Message.error('最多可添加5个面试内容。');
+                    if ((values === null || values === void 0 ? void 0 : values.questions.length) > MAX_RANDOM_QUESTION_NUM) {
+                        Message.error("\u6700\u591A\u53EF\u6DFB\u52A0".concat(MAX_RANDOM_QUESTION_NUM, "\u4E2A\u9762\u8BD5\u5185\u5BB9\u3002"));
                         return [2 /*return*/, false];
                     }
                     if (values.broadcastType === 2 && !(values === null || values === void 0 ? void 0 : values.questions.every(function (v) { return v.videoUrl !== ''; }))) {

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

@@ -1,4 +1,5 @@
 import { BaseAiAbilityParams, BaseExtraParams } from '@/modules/ai-question/interface';
+import { FormProps } from 'fbm-ui';
 import type { FormikErrors } from 'formik';
 export interface VideoBroadcastParams {
     videoRetry?: number;
@@ -13,6 +14,8 @@ export interface Question {
     content: string;
     videoUrl: string;
     options?: Option[];
+    followUpGoals?: string[];
+    scorePoints?: string[];
 }
 export interface QuestionParams {
     name: string;
@@ -86,3 +89,7 @@ export interface RandomQuestionProps {
     onAddCustonQuestion?: () => void;
     onAddRandomQuestion?: (qs: string[]) => void;
 }
+export interface QuestionKeyPointsProps {
+    index: number;
+    form: FormProps<QuestionFormValues>;
+}

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

@@ -1,21 +1,21 @@
 /// <reference types="react" />
-export declare const VideoPreview: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {}>;
-export declare const VideoPreviewWrapper: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VideoPreviewMask: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VideoPreviewMaskContent: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VideoPreviewMaskIcon: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreview: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {}>;
+export declare const VideoPreviewWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMask: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMaskContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreviewMaskIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SmallSelect: import("@emotion/styled").StyledComponent<import("fbm-ui").SelectProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ScoreInput: import("@emotion/styled").StyledComponent<import("fbm-ui").BaseInputProps & import("@mui/material").OutlinedInputProps & import("@mui/material").InputProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ChoiceIcon: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ChoiceItem: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ChoiceItemInput: import("@emotion/styled").StyledComponent<import("fbm-ui").BaseInputProps & import("@mui/material").OutlinedInputProps & import("@mui/material").InputProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;