eli-video-interview 1.2.29-beta.2 → 1.2.29-beta.4

package/lib/modules/ai-ability/components/UpdateAbility/index.js

@@ -46,23 +46,49 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 const_1 = require("../../const");
+var AbilityFormItem_1 = __importDefault(require("../AbilityFormItem"));
 var ai_ability_1 = require("../../../../services/ai-ability");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var UpdateAbility = function (props) {
-    var open = props.open, _a = props.name, name = _a === void 0 ? '' : _a, token = props.token, onClose = props.onClose, onSuccess = props.onSuccess;
-    var _b = (0, react_1.useState)(''), value = _b[0], setValue = _b[1];
-    var _c = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionUpsert, {
+    var open = props.open, _a = props.type, type = _a === void 0 ? 1 : _a, isWorkplace = props.isWorkplace, _b = props.name, name = _b === void 0 ? '' : _b, token = props.token, onClose = props.onClose, onSuccess = props.onSuccess;
+    var _c = (0, react_1.useState)(''), value = _c[0], setValue = _c[1];
+    var _d = (0, react_1.useState)(1), step = _d[0], setStep = _d[1];
+    var _e = (0, react_1.useState)('show'), mode = _e[0], setMode = _e[1];
+    var firstLoad = (0, react_1.useRef)(true);
+    var _f = (0, react_1.useState)(false), showAiDefineDetail = _f[0], setShowAiDefineDetail = _f[1];
+    // const [submitDisabled, setSubmitDisabled] = useState<boolean>(true);
+    var _g = (0, react_1.useState)(const_1.InitialValues.workPlaceItems), workPlaceItems = _g[0], setWorkPlaceItems = _g[1];
+    var _h = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionUpsert, {
         manual: true,
         onSuccess: function () {
-            fbm_ui_1.Message.success("".concat(token ? '编辑' : '新增', "\u80FD\u529B\u6210\u529F"));
+            fbm_ui_1.Message.success("\u7F16\u8F91\u80FD\u529B\u6210\u529F");
             onClose();
             onSuccess();
         },
-    }), run = _c.run, loading = _c.loading;
+    }), run = _h.run, loading = _h.loading;
+    var getAbilityDetail = (0, ahooks_1.useRequest)(ai_ability_1.GetAbilityDetail, {
+        manual: true,
+        onSuccess: function (_a) {
+            var _b;
+            var list = _a.data.list;
+            if (list.length) {
+                var res = (_b = list[0]) === null || _b === void 0 ? void 0 : _b.workPlaceItems;
+                firstLoad.current = false;
+                if (res === null || res === void 0 ? void 0 : res.length) {
+                    setWorkPlaceItems(res);
+                }
+                setShowAiDefineDetail(true);
+            }
+        },
+    }).run;
     var nameTextField = (0, fbm_ui_1.useTextField)({
         value: value,
         label: '能力名称',
@@ -70,48 +96,94 @@ var UpdateAbility = function (props) {
         rules: [
             {
                 required: true,
-                message: '请输入能力名称',
+                message: '能力名称不能为空',
             },
         ],
         onChange: function (e) { return setValue(e.target.value); },
         max: 7,
         sx: {
             height: '48px',
+            width: '320px',
+            marginTop: '16px',
         },
     });
+    var handleValue = (0, react_1.useCallback)(function (v) {
+        var index = workPlaceItems.findIndex(function (ele) { return ele.type === v.type; });
+        workPlaceItems.splice(index, 1, v);
+        var list = workPlaceItems;
+        setWorkPlaceItems(list);
+    }, [workPlaceItems]);
     var handleOk = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error, avocadoConfig;
+        var error, workPlaceItemsError, avocadoConfig;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, nameTextField.handleValidate()];
                 case 1:
                     error = _a.sent();
+                    workPlaceItemsError = workPlaceItems.some(function (v) { return v.items.length === 0; });
                     if (!error) {
                         avocadoConfig = window['AvocadoVideoInterviewConfig'];
-                        run({
-                            name: value,
-                            tag: value,
-                            token: token,
-                            mateData: {
-                                account: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.account,
-                                enterpriseId: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.enterpriseId,
-                            },
-                        });
+                        // 旧自定义能力
+                        if (type === 3 && !isWorkplace) {
+                            run({
+                                name: value,
+                                tag: value,
+                                token: token,
+                                mateData: {
+                                    account: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.account,
+                                    enterpriseId: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.enterpriseId,
+                                },
+                            });
+                        }
+                        else if (!workPlaceItemsError) {
+                            // 职场能力
+                            run({
+                                name: value,
+                                tag: value,
+                                token: token,
+                                workPlaceItems: workPlaceItems,
+                                mateData: {
+                                    account: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.account,
+                                    enterpriseId: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.enterpriseId,
+                                },
+                            });
+                        }
                     }
                     return [2 /*return*/];
             }
         });
-    }); }, [nameTextField, run, token, value]);
+    }); }, [nameTextField, run, token, value, isWorkplace, type, workPlaceItems]);
+    var footer = (0, react_1.useCallback)(function () {
+        return step === 1 ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", padding: "12px 16px" }, { children: type === 1 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(2); } }, { children: "\u7F16\u8F91" }))) }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: handleOk }, { children: "\u4FDD\u5B58" }))] })));
+    }, [type, step, loading, setStep, handleOk, onClose]);
     (0, react_1.useEffect)(function () {
         setValue(name);
     }, [name]);
     (0, react_1.useEffect)(function () {
         if (!open) {
             setValue('');
+            setWorkPlaceItems([]);
+            setStep(1);
             nameTextField.setError();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ title: token ? '编辑能力' : '新增能力', open: open, okText: token ? '保存' : '新建', okProps: { loading: loading }, onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, __assign({}, nameTextField)) })));
+    (0, react_1.useEffect)(function () {
+        setMode(step === 1 ? 'show' : 'edit');
+    }, [step]);
+    (0, react_1.useEffect)(function () {
+        if (type === 3 && !isWorkplace)
+            return;
+        if (token) {
+            setShowAiDefineDetail(false);
+            getAbilityDetail({ tokens: [token] });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token, name]);
+    (0, react_1.useEffect)(function () {
+        setWorkPlaceItems(workPlaceItems);
+    }, [workPlaceItems, setWorkPlaceItems]);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Drawer, __assign({ className: "abilityDrawer", title: '能力详情', open: open, footer: footer, onClose: onClose }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: step === 1 ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: ["\u80FD\u529B\u540D\u79F0\uFF1A", value] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary" }, { children: "\u4F7F\u7528\u901A\u7528\u7684\u80FD\u529B\u540D\u79F0\uFF08\u4F8B\u5982\uFF1A\u9886\u5BFC\u529B\u3001\u5E94\u53D8\u80FD\u529B\u7B49\u5E38\u89C1\u8003\u6838\u9879\uFF09\u547D\u540D\u6709\u52A9\u4E8E\u63D0\u9AD8 AI \u8BC4\u4EF7\u53CA\u8BC4\u5206\u51C6\u786E\u6027\u3002" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, __assign({}, nameTextField))] })) })), !(type === 3 && !isWorkplace) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Divider, { style: { margin: '24px 0' } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), showAiDefineDetail &&
+                        workPlaceItems.map(function (v) { return ((0, jsx_runtime_1.jsx)(AbilityFormItem_1.default, { token: token, name: value, title: v.name, type: v.type, items: v.items, mode: mode, maxTextLength: v.type === 4 || v.type === 5 ? 300 : 100, canReplace: mode === 'edit' ? true : false, onChange: handleValue }, v.type)); })] })))] })));
 };
 exports.default = UpdateAbility;

package/lib/modules/ai-ability/const.d.ts

@@ -0,0 +1,8 @@
+export declare const InitialValues: {
+    workPlaceItems: {
+        name: string;
+        type: number;
+        items: never[];
+        maxTextLength: number;
+    }[];
+};

package/lib/modules/ai-ability/const.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialValues = void 0;
+exports.InitialValues = {
+    workPlaceItems: [
+        {
+            name: '能力定义',
+            type: 1,
+            items: [],
+            maxTextLength: 100,
+        },
+        {
+            name: '优次表现-优秀表现',
+            type: 2,
+            items: [],
+            maxTextLength: 100,
+        },
+        {
+            name: '优次表现-较差表现',
+            type: 3,
+            items: [],
+            maxTextLength: 100,
+        },
+        {
+            name: '考察建议-面试题目',
+            type: 4,
+            items: [],
+            maxTextLength: 300,
+        },
+        {
+            name: '考察建议-评分关键点',
+            type: 5,
+            items: [],
+            maxTextLength: 300,
+        },
+    ],
+};

package/lib/modules/ai-ability/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var Root_1 = __importDefault(require("./Root"));
+var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var AiAbility = function () {
     return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, {}) }));
 };

package/lib/modules/ai-ability/interface.d.ts

@@ -5,7 +5,10 @@ export interface QuestionCollectionList {
     type: 1 | 3;
     sort: number;
     updatedAt: number;
+    used: boolean;
     isWorkplace: boolean;
+    define?: string;
+    workPlaceItems?: AiDefineItem[];
 }
 export interface QuestionCollectionListData {
     list: QuestionCollectionList[];
@@ -14,3 +17,27 @@ export interface QuestionCollectionListData {
 export interface QuestionCollectionListRes {
     data: QuestionCollectionListData;
 }
+export interface AbilityProps {
+    open: boolean;
+    type: number;
+    isWorkplace?: boolean;
+    name?: string;
+    token?: string;
+    onClose: () => void;
+    onSuccess: () => void;
+}
+export interface AiDefineItem {
+    name: string;
+    type: number;
+    items: string[];
+}
+export interface AiDefineData {
+    total: number;
+    list: AiDefineItem[];
+}
+export interface AiDefineRes {
+    data: AiDefineData;
+}
+export interface AbilityDetailRes {
+    data: AiDefineData;
+}

package/lib/modules/ai-ability/styled.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
 export declare const AbilityRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const AbilityDrawer: import("@emotion/styled").StyledComponent<import("fbm-ui").DrawerProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/modules/ai-ability/styled.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbilityRoot = void 0;
+exports.AbilityDrawer = exports.AbilityRoot = void 0;
 var fbm_ui_1 = require("fbm-ui");
 exports.AbilityRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)({
     width: '100%',
     height: '100%',
     overflow: 'auto',
 });
+exports.AbilityDrawer = (0, fbm_ui_1.styled)(fbm_ui_1.Drawer)({
+    boxSizing: 'border-box',
+    width: '588px',
+});

package/lib/modules/ai-question/components/AiAnalysis/AnalysisItem.js

@@ -29,7 +29,7 @@ var AnalysisItem = function (props) {
     var desc = props.desc || props.name;
     var NotUsedAilibity = ['英文能力', '游戏测评'];
     if (abilityType === 2 && !isWorkplace) {
-        desc = "".concat(NotUsedAilibity.includes(name) ? name : '自定义能力', "\u4E0D\u80FD\u53C2\u4E0EAI\u5206\u6790");
+        desc = "".concat(NotUsedAilibity.includes(name) ? name : '该能力', "\u4E0D\u80FD\u53C2\u4E0EAI\u5206\u6790");
     }
     var handleRemove = (0, react_1.useCallback)(function () {
         removeAiAbilities(index);
@@ -44,6 +44,6 @@ var AnalysisItem = function (props) {
         var value = _a.target.value;
         updateAiAbilitiesWeight(value, index);
     }, [updateAiAbilitiesWeight, index]);
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(mui_1.ListItem, __assign({ sx: { pl: 0, pr: 4 }, secondaryAction: (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ sx: { position: 'relative', left: 16 }, onClick: handleRemove }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.CloseIcon, {}) })) }, { children: [(0, jsx_runtime_1.jsx)(mui_1.ListItemText, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle2" }, { children: name })), abilityType === 2 && !isWorkplace ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", style: { color: 'RGBA(0, 0, 0, 0.26)', fontSize: 12 }, ml: 1 }, { children: desc }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "".concat(desc) }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { color: 'rgba(0, 0, 0, 0.26)', fontSize: 16 } }) })) }))), type === 8 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { sx: { width: 150, ml: 1 }, options: const_1.willOrNotOptions, value: (_a = JSON.parse(extra)) === null || _a === void 0 ? void 0 : _a.expect, size: "small", onChange: handleWillOrNotChange }))] })) }), (abilityType === 1 || (abilityType === 2 && isWorkplace)) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Input, { sx: { width: 84, mr: 1 }, value: weight, disabled: index === aiAbilities.length - 1, size: "small", endAdornment: "%", onChange: handleWeightChange }))] })), type === 6 && (0, jsx_runtime_1.jsx)(MainPoints_1.default, { extra: extra, index: index })] }));
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(mui_1.ListItem, __assign({ sx: { pl: 0, pr: 4 }, secondaryAction: (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ sx: { position: 'relative', left: 16 }, onClick: handleRemove }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.CloseIcon, {}) })) }, { children: [(0, jsx_runtime_1.jsx)(mui_1.ListItemText, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle2" }, { children: name })), abilityType === 2 && !isWorkplace ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", style: { color: 'RGBA(0, 0, 0, 0.26)', fontSize: 12 }, ml: 1 }, { children: desc }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [abilityType === 2 && isWorkplace && type === 3 && (0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: 'primary', label: '自定义', size: "small", sx: { ml: 1 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: "".concat(desc), placement: "right" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { color: 'rgba(0, 0, 0, 0.26)', fontSize: 16 } }) })) }))] })), type === 8 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { sx: { width: 150, ml: 1 }, options: const_1.willOrNotOptions, value: (_a = JSON.parse(extra)) === null || _a === void 0 ? void 0 : _a.expect, size: "small", onChange: handleWillOrNotChange }))] })) }), (abilityType === 1 || (abilityType === 2 && isWorkplace)) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Input, { sx: { width: 84, mr: 1 }, value: weight, disabled: index === aiAbilities.length - 1, size: "small", endAdornment: "%", onChange: handleWeightChange }))] })), type === 6 && (0, jsx_runtime_1.jsx)(MainPoints_1.default, { extra: extra, index: index })] }));
 };
 exports.default = AnalysisItem;

package/lib/modules/ai-question/components/AiAssessmentCriteria/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const ListItem: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/modules/ai-question/components/BaseAccordion/styled.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 export declare const AccordionRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const AccordionTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const AccordionSubTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/modules/ai-question/components/BootVideo/styled.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const CustomUploadCardRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadCardTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadButtonRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const CustomUploadedImgRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/lib/modules/ai-question/components/QuestionModel/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const QuestionModelRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -4,8 +4,8 @@ export declare const PreviewRoot: import("@emotion/styled").StyledComponent<{
     classes?: Partial<import("fbm-ui/lib/mui").PaperClasses> | undefined;
     elevation?: number | undefined;
     square?: boolean | undefined;
-    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
+    sx?: import("@mui/system/styleFunctionSx").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" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant" | "square"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
+}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant" | "square"> & import("@mui/system/createStyled").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

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

@@ -96,12 +96,14 @@ var QuestionForm = (0, react_1.forwardRef)(function (props, ref) {
         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 }), (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: questionCollectionList.map(function (_a) {
-                                        var tag = _a.tag, token = _a.token, isWorkplace = _a.isWorkplace;
+                                        var tag = _a.tag, token = _a.token, isWorkplace = _a.isWorkplace, define = _a.define, type = _a.type;
                                         return ({
                                             label: tag,
                                             value: tag,
                                             name: tag,
+                                            type: type,
                                             token: token,
+                                            define: define,
                                             isWorkplace: isWorkplace,
                                         });
                                     }), onChange: handleCategoryChange }) })))] })), 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: {

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

@@ -107,7 +107,7 @@ var QuestionUpdate = function () {
                         (_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.LANGUAGE });
                     } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u8DDF\u8BFB\u80FD\u529B" })) }))] }));
-        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "subtitle1" }, { children: aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE ? '自由作答' : '跟读能力' })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
+        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", height: 56 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ ml: 3, variant: "subtitle1" }, { children: aiShowType === ai_question_1.ADD_QUESTION_TYPE.FREE ? '自由作答' : '跟读能力' })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: switchTypeOpen, content: content, onClickAway: function () { return setSwitchTypeOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", size: "small", sx: { fontSize: 12, color: 'rgb(87, 107, 149)' }, onClick: function () { return setSwitchTypeOpen(true); } }, { children: "\u5207\u6362\u9898\u578B" })) }))] })));
     };
     var getModelParams = (0, react_1.useCallback)(function (values, isSubmit) {
         return new Promise(function (resolve, reject) {
@@ -215,7 +215,7 @@ var QuestionUpdate = function () {
         var CurWorkplace = questionCollectionList.find(function (v) { return v.name === curSelectWorkPlace.label; }) || {};
         var CurWorkPlaceAiAbility = __assign(__assign(__assign({}, curSelectWorkPlace), CurWorkplace), { abilityType: 2, weight: 0, sort: 0 });
         inInit = workplaceTypeIndex === -1;
-        CurWorkPlaceAiAbility.desc = CurWorkPlaceAiAbility.name;
+        CurWorkPlaceAiAbility.desc = CurWorkPlaceAiAbility.define ? CurWorkPlaceAiAbility.define : CurWorkPlaceAiAbility.name;
         // console.log('CurWorkPlaceAiAbility', CurWorkPlaceAiAbility);
         // 添加和修改
         if (workplaceTypeIndex > -1) {

package/lib/modules/ai-report/components/MenuAnchor/index.d.ts

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

package/lib/modules/ai-report/components/MenuAnchor/index.js

@@ -10,16 +10,108 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var MenuAnchor_1 = __importDefault(require("./MenuAnchor"));
-var RootProvider_1 = __importDefault(require("../../../../components/RootProvider"));
+var ai_report_1 = require("../../../../constants/ai-report");
+var ai_report_2 = require("../../../../services/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
-var ReportMenuAnchor = (0, react_1.forwardRef)(function (props, ref) {
-    return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(MenuAnchor_1.default, __assign({}, props)) }));
+var MenuAnchor = (0, react_1.forwardRef)(function (props) {
+    var _a = (0, react_1.useState)(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var open = Boolean(anchorEl);
+    // 接口请求
+    var token = props.token, showAiDimension = props.showAiDimension;
+    var firstLoad = (0, react_1.useRef)(true);
+    var _b = (0, react_1.useState)([]), list = _b[0], setList = _b[1];
+    var _c = (0, global_store_1.useAiReportStore)(), reportResult = _c.reportResult, updateState = _c.updateState, updateReportResult = _c.updateReportResult;
+    var postAiInterviewResult = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewResult)([token]); }, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            var result = list[0];
+            updateReportResult(result);
+            if (firstLoad.current) {
+                firstLoad.current = false;
+                handleMenuList(result);
+            }
+        },
+    }).run;
+    (0, react_1.useEffect)(function () {
+        firstLoad.current = true;
+        postAiInterviewResult();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token]);
+    (0, react_1.useEffect)(function () {
+        updateState(props);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props]);
+    // 处理菜单数据
+    var handleMenuList = function (reportResult) {
+        if (!reportResult.status) {
+            return;
+        }
+        var resList = [ai_report_1.REPORT_MODULE_MAP['videoQuestion']];
+        var _a = reportResult.collection, collection = _a === void 0 ? [] : _a, _b = reportResult.workplaces, workplaces = _b === void 0 ? [] : _b, _c = reportResult.suggestion, suggestion = _c === void 0 ? { show: false } : _c, _d = reportResult.evaluations, evaluations = _d === void 0 ? [] : _d;
+        if (showAiDimension) {
+            if (suggestion === null || suggestion === void 0 ? void 0 : suggestion.show) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['suggestion']);
+            }
+            if (collection.length > 0 && evaluations.length > 0) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['evaluate']);
+            }
+            if (workplaces.length > 0) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['workplace']);
+            }
+        }
+        if (collection.length > 0) {
+            resList.unshift(ai_report_1.REPORT_MODULE_MAP['score']);
+        }
+        console.log(resList);
+        setList(resList);
+    };
+    var handlePopoverOpen = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handlePopoverClose = function () {
+        setAnchorEl(null);
+    };
+    var scrollToAnchor = (0, react_1.useCallback)(function (id) {
+        if (id) {
+            var anchorEle = document.getElementById(id);
+            if (anchorEle) {
+                anchorEle.scrollIntoView({ block: 'start', behavior: 'smooth' });
+            }
+        }
+    }, []);
+    var content = (0, react_1.useMemo)(function () {
+        return ((0, jsx_runtime_1.jsx)(mui_1.List, __assign({ style: { minWidth: 150 }, onMouseLeave: handlePopoverClose }, { children: list.map(function (_a) {
+                var name = _a.name, id = _a.id;
+                return ((0, jsx_runtime_1.jsx)(mui_1.ListItem, __assign({ disablePadding: true }, { children: (0, jsx_runtime_1.jsx)(mui_1.ListItemButton, __assign({ onClick: function () { return scrollToAnchor(id); } }, { children: (0, jsx_runtime_1.jsx)(mui_1.ListItemText, { primary: name }) })) }), id));
+            }) })));
+    }, [scrollToAnchor, list]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(reportResult === null || reportResult === void 0 ? void 0 : reportResult.status) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    position: 'absolute',
+                    top: 20,
+                    right: -10,
+                    zIndex: 999,
+                    height: 32,
+                    width: 32,
+                    backgroundColor: '#fff',
+                    borderRadius: 4,
+                    boxShadow: '0px 2px 4px rgba(0,0,0, 0.08)',
+                }, "aria-owns": open ? 'menu-anchor-popover' : undefined, "aria-haspopup": "true", onClick: handlePopoverOpen, onMouseEnter: handlePopoverOpen }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.MenuIcon, {}) }))), (0, jsx_runtime_1.jsx)(mui_1.Popover, __assign({ id: "menu-anchor-popover", open: open, anchorEl: anchorEl, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right',
+                }, transformOrigin: {
+                    vertical: -8,
+                    horizontal: 'right',
+                }, onClose: handlePopoverClose }, { children: content }))] }));
 });
-ReportMenuAnchor.displayName = 'AiReport';
-exports.default = (0, react_1.memo)(ReportMenuAnchor);
+MenuAnchor.displayName = 'MenuAnchor';
+exports.default = (0, react_1.memo)(MenuAnchor);

package/lib/modules/ai-report/components/RankingRange/styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const RangeInput: import("@emotion/styled").StyledComponent<import("fbm-ui").BaseInputProps & import("@mui/material").OutlinedInputProps & import("@mui/material").InputProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const RangeTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -1,22 +1,22 @@
 /// <reference types="react" />
 export declare const ScoreTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ScoreUnitTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const RefreshIconRoot: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: "inherit" | "disabled" | "action" | "error" | "warning" | "success" | "info" | "secondary" | "primary" | undefined;
+    color?: "inherit" | "disabled" | "action" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
     fontSize?: "small" | "inherit" | "medium" | "large" | undefined;
     htmlColor?: string | undefined;
     shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    sx?: import("@mui/system/styleFunctionSx").SxProps<import("@mui/material").Theme> | undefined;
     titleAccess?: string | undefined;
     viewBox?: string | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "seed" | "children" | "style" | "clipPath" | "filter" | "mask" | "path" | "d" | "y" | "name" | "type" | "onLoad" | "fill" | "values" | "className" | "display" | "overflow" | "visibility" | "order" | "color" | "width" | "height" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "opacity" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "offset" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "end" | "max" | "media" | "method" | "min" | "target" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
 }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "fontSize" | "shapeRendering" | "sx" | "viewBox" | "htmlColor" | "titleAccess"> & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;