eli-video-interview 1.1.6 → 1.1.8

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

@@ -0,0 +1,140 @@
+"use strict";
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        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 dayjs_1 = __importDefault(require("dayjs"));
+var ai_ability_1 = require("../../services/ai-ability");
+var styled_1 = require("./styled");
+var UpdateAbility_1 = __importDefault(require("./components/UpdateAbility"));
+var AiAbilityRoot = function () {
+    var _a = (0, ahooks_1.useSetState)({ open: false, name: '', token: '' }), state = _a[0], setState = _a[1];
+    var _b = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionList), data = _b.data, getList = _b.run, listLoading = _b.loading;
+    var deleteList = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionDelete, {
+        manual: true,
+        onSuccess: function () {
+            fbm_ui_1.Message.success('删除能力成功');
+            getList();
+        },
+    }).run;
+    var handleAdd = (0, react_1.useCallback)(function () {
+        setState({ open: true });
+    }, [setState]);
+    var handleEdit = (0, react_1.useCallback)(function (_a) {
+        var name = _a.name, token = _a.token;
+        setState({ open: true, name: name, token: token });
+    }, [setState]);
+    var handleDelete = (0, react_1.useCallback)(function (_a) {
+        var token = _a.token, used = _a.used, tag = _a.tag;
+        if (used) {
+            fbm_ui_1.Message.error('有题目正在使用该能力标签，暂不支持删除');
+        }
+        else {
+            (0, fbm_ui_1.confirm)({
+                title: '确认删除？',
+                content: "\u786E\u8BA4\u5C06".concat(tag, "\u4ECE\u7CFB\u7EDF\u4E2D\u5220\u9664\u5417\uFF1F\u8BE5\u5220\u9664\u52A8\u4F5C\u65E0\u6CD5\u88AB\u64A4\u9500\u3002"),
+                okText: '删除',
+                okProps: {
+                    color: 'error',
+                    variant: 'contained',
+                },
+                onOk: function (_a) {
+                    var onClose = _a.onClose;
+                    return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_b) {
+                            deleteList(token);
+                            onClose === null || onClose === void 0 ? void 0 : onClose();
+                            return [2 /*return*/];
+                        });
+                    });
+                },
+            });
+        }
+    }, [deleteList]);
+    var handleClose = (0, react_1.useCallback)(function () {
+        setState({ open: false, name: '', token: '' });
+    }, [setState]);
+    var columns = [
+        {
+            id: 'name',
+            label: '能力名称',
+        },
+        {
+            id: 'updatedAt',
+            label: '最后更新时间',
+            render: function (_a) {
+                var cell = _a.cell, row = _a.row;
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: row.type === 1 ? '-' : (0, dayjs_1.default)(cell * 1000).format('YYYY-MM-DD HH:mm:ss') });
+            },
+        },
+        {
+            id: 'mateData',
+            label: '最后更新人',
+            render: function (_a) {
+                var cell = _a.cell, row = _a.row;
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: row.type === 1 ? '-' : cell === null || cell === void 0 ? void 0 : cell.account });
+            },
+        },
+        {
+            id: 'action',
+            label: '操作',
+            render: function (_a) {
+                var row = _a.row;
+                return row.type === 1 ? null : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', mr: 3, cursor: 'pointer' }, text: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}), onClick: function () { return handleEdit(row); } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', cursor: 'pointer' }, text: (0, jsx_runtime_1.jsx)(fbm_ui_1.DeleteIcon, {}), onClick: function () { return handleDelete(row); } })] }));
+            },
+        },
+    ];
+    return ((0, jsx_runtime_1.jsxs)(styled_1.AbilityRoot, { children: [(0, jsx_runtime_1.jsx)(UpdateAbility_1.default, __assign({}, state, { onClose: handleClose, onSuccess: getList })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Header, { title: "\u8003\u5BDF\u80FD\u529B\u7BA1\u7406", renderAction: function () { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}), onClick: handleAdd }, { children: "\u65B0\u589E\u80FD\u529B" }))); } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2, border: "1px solid rgba(0, 0, 0, 0.08)", borderRadius: 0.5, overflow: "hidden" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Table, { emptyText: "\u6682\u65E0\u6570\u636E", loading: listLoading, data: data === null || data === void 0 ? void 0 : data.data.list, columns: columns }) }))] }));
+};
+exports.default = AiAbilityRoot;

package/lib/modules/ai-ability/components/UpdateAbility/index.d.ts

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

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

@@ -0,0 +1,117 @@
+"use strict";
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var fbm_ui_1 = require("fbm-ui");
+var ahooks_1 = require("ahooks");
+var ai_ability_1 = require("../../../../services/ai-ability");
+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, {
+        manual: true,
+        onSuccess: function () {
+            fbm_ui_1.Message.success("".concat(token ? '编辑' : '新增', "\u80FD\u529B\u6210\u529F"));
+            onClose();
+            onSuccess();
+        },
+    }), run = _c.run, loading = _c.loading;
+    var nameTextField = (0, fbm_ui_1.useTextField)({
+        value: value,
+        label: '能力名称',
+        required: true,
+        rules: [
+            {
+                required: true,
+                message: '请输入能力名称',
+            },
+        ],
+        onChange: function (e) { return setValue(e.target.value); },
+        max: 7,
+        sx: {
+            height: '48px',
+        },
+    });
+    var handleOk = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error, avocadoConfig;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, nameTextField.handleValidate()];
+                case 1:
+                    error = _a.sent();
+                    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,
+                            },
+                        });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [nameTextField, run, token, value]);
+    (0, react_1.useEffect)(function () {
+        setValue(name);
+    }, [name]);
+    (0, react_1.useEffect)(function () {
+        if (!open) {
+            setValue('');
+            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)) })));
+};
+exports.default = UpdateAbility;

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

@@ -0,0 +1,7 @@
+export interface UpdateAbilityProps {
+    open: boolean;
+    name?: string;
+    token?: string;
+    onClose: () => void;
+    onSuccess: () => void;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,2 @@
+declare const AiAbility: () => JSX.Element;
+export default AiAbility;

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

@@ -0,0 +1,12 @@
+"use strict";
+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 RootProvider_1 = __importDefault(require("../../components/RootProvider"));
+var Root_1 = __importDefault(require("./Root"));
+var AiAbility = function () {
+    return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, {}) }));
+};
+exports.default = AiAbility;

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

@@ -0,0 +1,15 @@
+export interface QuestionCollectionList {
+    name: string;
+    token: string;
+    tag: string;
+    type: 1 | 3;
+    sort: number;
+    updatedAt: number;
+}
+export interface QuestionCollectionListData {
+    list: QuestionCollectionList[];
+    total: number;
+}
+export interface QuestionCollectionListRes {
+    data: QuestionCollectionListData;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,4 @@
+/// <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>, {}, {}>;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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',
+});

package/lib/modules/ai-question/Root.js

@@ -57,6 +57,7 @@ var global_store_1 = require("../../store/ai-question/global-store");
 var ai_analysis_store_1 = require("../../store/ai-question/ai-analysis-store");
 var question_model_store_1 = require("../../store/ai-question/question-model-store");
 var boot_video_store_1 = require("../../store/ai-question/boot-video-store");
+var question_model_store_2 = require("../../store/ai-question/question-model-store");
 var ai_question_1 = require("../../services/ai-question");
 var QuestionTemplate_1 = __importDefault(require("./components/QuestionTemplate"));
 var QuestionModel_1 = __importDefault(require("./components/QuestionModel"));
@@ -65,6 +66,7 @@ var QuestionUpdate_1 = __importDefault(require("./components/QuestionUpdate"));
 var AiQuestionRoot = (0, react_1.forwardRef)(function (props, ref) {
     var updateState = (0, global_store_1.useAiQuestionStore)().updateState;
     var updateBootVideo = (0, boot_video_store_1.useBootVideoStore)().updateBootVideo;
+    var addModel = (0, question_model_store_2.useQuestionModelStore)(function (store) { return [store.addModel]; }).addModel;
     var handleValues = function () { return __awaiter(void 0, void 0, void 0, function () {
         var questionModelData, _a, mediaUrl, thumbUrl, appliedAllPosition, steps;
         return __generator(this, function (_b) {
@@ -90,6 +92,7 @@ var AiQuestionRoot = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         handleValues: handleValues,
+        handleTemplate: function (steps) { return addModel(steps); },
         handleSubmit: function () { return __awaiter(void 0, void 0, void 0, function () {
             var _a, _b, name, token, questions, _c, mediaUrl, thumbUrl, appliedAllPosition, data, error_1;
             return __generator(this, function (_d) {
@@ -133,14 +136,14 @@ var AiQuestionRoot = (0, react_1.forwardRef)(function (props, ref) {
             height: '100%',
             position: 'relative',
         } }, { children: [(0, jsx_runtime_1.jsx)(QuestionPreview_1.default, {}), (0, jsx_runtime_1.jsx)(ai_analysis_store_1.AiAnalysisStoreProvider, { children: (0, jsx_runtime_1.jsx)(QuestionUpdate_1.default, {}) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: {
-                    width: '248px',
+                    flex: '1 0',
                     height: '100%',
                     overflow: 'auto',
-                } }, { children: (0, jsx_runtime_1.jsx)(QuestionTemplate_1.default, {}) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: {
-                    flex: '1 0',
+                } }, { children: (0, jsx_runtime_1.jsx)(QuestionModel_1.default, {}) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: {
+                    width: '256px',
                     height: '100%',
                     overflow: 'auto',
-                } }, { children: (0, jsx_runtime_1.jsx)(QuestionModel_1.default, {}) }))] })));
+                } }, { children: (0, jsx_runtime_1.jsx)(QuestionTemplate_1.default, {}) }))] })));
 });
 AiQuestionRoot.displayName = 'AiQuestionRoot';
 exports.default = (0, react_1.memo)(AiQuestionRoot);

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

@@ -18,7 +18,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var immutability_helper_1 = __importDefault(require("immutability-helper"));
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ai_analysis_store_1 = require("../../../../store/ai-question/ai-analysis-store");
 var const_1 = require("./const");
 var MainPoints_1 = __importDefault(require("./MainPoints"));
@@ -39,6 +39,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)(material_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)(material_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 })), (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 }))] })) }), (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 })), (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 }))] })) }), (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/AiAnalysis/MainPointsItem.js

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ai_analysis_store_1 = require("../../../../store/ai-question/ai-analysis-store");
 var const_1 = require("./const");
 var MainPointsItem = function (props) {
@@ -59,6 +59,6 @@ var MainPointsItem = function (props) {
                 }, onBlur: function (_a) {
                     var value = _a.target.value;
                     return value === '' && handleChange('score', '0');
-                } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ label: "\u9AD8\u4EAE\u8272", size: "small", sx: { width: 100, height: 39 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, __assign({ value: color, renderValue: function () { return (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { width: 54, height: 23, borderRadius: '4px', backgroundColor: color } }); }, onChange: function (e) { return handleChange('color', e.target.value); } }, { children: const_1.HIGH_BRIGHT_COLOR.map(function (c) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: c }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { width: 54, height: 23, borderRadius: '4px', backgroundColor: c } }) }), c)); }) })) })), isDelete && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ sx: { ml: 1 }, onClick: onDelete }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.CloseIcon, {}) })))] })));
+                } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ label: "\u9AD8\u4EAE\u8272", size: "small", sx: { width: 100, height: 39 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, __assign({ value: color, renderValue: function () { return (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { width: 54, height: 23, borderRadius: '4px', backgroundColor: color } }); }, onChange: function (e) { return handleChange('color', e.target.value); } }, { children: const_1.HIGH_BRIGHT_COLOR.map(function (c) { return ((0, jsx_runtime_1.jsx)(mui_1.MenuItem, __assign({ value: c }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { width: 54, height: 23, borderRadius: '4px', backgroundColor: c } }) }), c)); }) })) })), isDelete && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ sx: { ml: 1 }, onClick: onDelete }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.CloseIcon, {}) })))] })));
 };
 exports.default = MainPointsItem;

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

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ai_analysis_store_1 = require("../../../../store/ai-question/ai-analysis-store");
 var const_1 = require("../AiAssessmentCriteria/const");
 var AiAssessmentCriteria_1 = __importDefault(require("../AiAssessmentCriteria"));
@@ -35,6 +35,6 @@ var AiAnalysis = function () {
             setAiAnalysisOpen(true);
         }
     }, [language, updateState]);
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [aiAnalysisOpen && (0, jsx_runtime_1.jsx)(AiAssessmentCriteria_1.default, { open: aiAnalysisOpen, onClose: function () { return setAiAnalysisOpen(false); } }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(material_1.FormGroup, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Switch, { checked: isOpenAiAnalysis, onChange: handleAiSwitch }), label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5F00\u542FAI\u5206\u6790" })) }) }), isOpenAiAnalysis && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: ["\u8BED\u79CD\uFF1A", language && const_1.LANGUAGE_NAMES[language]] })))] })), isOpenAiAnalysis && aiAbilities.length > 0 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", display: "block", width: 122 }, { children: "\u6743\u91CD\uFF1A" })))] })), isOpenAiAnalysis && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [aiAbilities.length ? ((0, jsx_runtime_1.jsx)(material_1.List, { children: aiAbilities.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(AnalysisItem_1.default, __assign({ index: index }, item), item.token)); }) })) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", sx: { mb: 1 } }, { children: "\u672A\u9009\u62E9 AI \u8BC4\u5206\u7EF4\u5EA6,\u6D4B\u8BD5\u62A5\u544A\u4E0D\u4F1A\u5BF9\u5019\u9009\u4EBA\u8FDB\u884C\u8BC4\u5206" }))), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { mb: 1 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}), onClick: function () { return setAiAnalysisOpen(true); } }, { children: "\u6DFB\u52A0AI\u5206\u6790\u7EF4\u5EA6" }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [aiAnalysisOpen && (0, jsx_runtime_1.jsx)(AiAssessmentCriteria_1.default, { open: aiAnalysisOpen, onClose: function () { return setAiAnalysisOpen(false); } }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", ml: "1px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: isOpenAiAnalysis, label: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: "\u5F00\u542FAI\u5206\u6790" })), onChange: handleAiSwitch }), isOpenAiAnalysis && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary" }, { children: ["\u8BED\u79CD\uFF1A", language && const_1.LANGUAGE_NAMES[language]] })))] })), isOpenAiAnalysis && aiAbilities.length > 0 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", display: "block", width: 122 }, { children: "\u6743\u91CD\uFF1A" })))] })), isOpenAiAnalysis && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [aiAbilities.length ? ((0, jsx_runtime_1.jsx)(mui_1.List, { children: aiAbilities.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(AnalysisItem_1.default, __assign({ index: index }, item), item.token)); }) })) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", sx: { mt: 1, mb: 1 } }, { children: "\u672A\u9009\u62E9 AI \u8BC4\u5206\u7EF4\u5EA6,\u6D4B\u8BD5\u62A5\u544A\u4E0D\u4F1A\u5BF9\u5019\u9009\u4EBA\u8FDB\u884C\u8BC4\u5206" }))), (0, jsx_runtime_1.jsx)(mui_1.Divider, { sx: { mb: 1 } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", color: "inherit", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}), onClick: function () { return setAiAnalysisOpen(true); } }, { children: "\u6DFB\u52A0AI\u5206\u6790\u7EF4\u5EA6" }))] }))] }));
 };
 exports.default = AiAnalysis;

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

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ahooks_1 = require("ahooks");
 var utils_1 = require("./utils");
 var ai_question_1 = require("../../../../enum/ai-question");
@@ -80,12 +80,12 @@ var AiAssessmentCriteria = function (props) {
             return setCheckAbilities((_a = {}, _a[item.type] = item, _a));
         });
     }, [aiAbilities, setCheckAbilities]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u9009\u62E9 AI \u8003\u6838\u6807\u51C6", size: "sm", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: loading ? ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ height: 400 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Loading, { size: 40 }) }))) : (groupData.map(function (_a) {
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u9009\u62E9 AI \u8003\u6838\u6807\u51C6", size: "sm", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: loading ? ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ height: 400 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Loading, { size: 40 }) }))) : (groupData.map(function (_a) {
                 var name = _a.name, type = _a.type, list = _a.list;
-                return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(list.filter(function (_a) {
+                return ((0, jsx_runtime_1.jsxs)(mui_1.Box, { children: [(list.filter(function (_a) {
                             var type = _a.type;
                             return relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type);
-                        }).length > 0 || type === ai_question_1.CATEGORY_TYPE.LANGUAGE) && ((0, jsx_runtime_1.jsx)(material_1.FormControl, { children: (0, jsx_runtime_1.jsxs)(material_1.FormLabel, __assign({ component: "legend", style: { fontSize: 14, color: 'rgba(0,0,0,0.86)' } }, { children: [name, type === ai_question_1.CATEGORY_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.RadioGroup, __assign({ sx: { mb: 1, ml: '4px' }, row: false, value: language, onChange: function (e) { return onLanguageChange(e, list); } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: "0", RadioProps: { checked: checkedChinese }, label: "\u4E2D\u6587" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.RadioGroup, __assign({ value: language, sx: { ml: 2 }, onChange: function (e) { return onLanguageChange(e, list); } }, { children: list
+                        }).length > 0 || type === ai_question_1.CATEGORY_TYPE.LANGUAGE) && ((0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsxs)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 14, color: 'rgba(0,0,0,0.86)' } }, { children: [name, type === ai_question_1.CATEGORY_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.RadioGroup, __assign({ sx: { mb: 1, ml: '4px' }, row: false, value: language, onChange: function (e) { return onLanguageChange(e, list); } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: "0", RadioProps: { checked: checkedChinese }, label: "\u4E2D\u6587" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.RadioGroup, __assign({ value: language, sx: { ml: 2 }, onChange: function (e) { return onLanguageChange(e, list); } }, { children: list
                                         .filter(function (_a) {
                                         var type = _a.type;
                                         return [MANDARIN, CANTONESE].includes(type);
@@ -101,16 +101,16 @@ var AiAssessmentCriteria = function (props) {
                                     .map(function (_a) {
                                     var name = _a.name, type = _a.type, token = _a.token;
                                     return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: type, label: name }, token));
-                                })] }))) : ((0, jsx_runtime_1.jsx)(material_1.List, __assign({ sx: { padding: 0 } }, { children: list.map(function (item) {
+                                })] }))) : ((0, jsx_runtime_1.jsx)(mui_1.List, __assign({ sx: { padding: 0 } }, { children: list.map(function (item) {
                                 var name = item.name, desc = item.desc, type = item.type, token = item.token;
                                 if (relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type)) {
                                     return ((0, jsx_runtime_1.jsxs)(styled_1.ListItemButtonRoot, __assign({ onClick: function () {
                                             var _a;
                                             return setCheckAbilities((_a = {}, _a[type] = checkAbilities[type] ? undefined : item, _a));
-                                        } }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { CheckboxProps: { sx: { mr: 0 } }, checked: !!checkAbilities[type], onChange: function (e, checked) {
+                                        } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { CheckboxProps: { sx: { mr: 0 } }, checked: !!checkAbilities[type], onChange: function (e, checked) {
                                                         var _a;
                                                         return setCheckAbilities((_a = {}, _a[type] = checked ? item : undefined, _a));
-                                                    } }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: name, secondary: desc })] }), token));
+                                                    } }) }), (0, jsx_runtime_1.jsx)(mui_1.ListItemText, { primary: name, secondary: desc })] }), token));
                                 }
                                 return null;
                             }) })))] }, "".concat(name, "-").concat(type)));

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const ListItemButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+export declare const ListItemButtonRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/mui").ListItemButtonBaseProps & Omit<{
+    action?: import("react").Ref<import("fbm-ui/lib/mui").ButtonBaseActions> | undefined;
     centerRipple?: boolean | undefined;
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    classes?: Partial<import("fbm-ui/lib/mui").ButtonBaseClasses> | undefined;
     disabled?: boolean | undefined;
     disableRipple?: boolean | undefined;
     disableTouchRipple?: boolean | undefined;
@@ -11,9 +11,9 @@ export declare const ListItemButtonRoot: import("@emotion/styled").StyledCompone
     focusVisibleClassName?: string | undefined;
     LinkComponent?: import("react").ElementType<any> | undefined;
     onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
     tabIndex?: number | undefined;
     TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
 }, "classes"> & 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" | "className" | "style" | "tabIndex" | "classes" | "alignItems" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "children" | "style" | "className" | "tabIndex" | "classes" | "alignItems" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItemButtonRoot = void 0;
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var fbm_ui_1 = require("fbm-ui");
-exports.ListItemButtonRoot = (0, fbm_ui_1.styled)(material_1.ListItemButton)({
+exports.ListItemButtonRoot = (0, fbm_ui_1.styled)(mui_1.ListItemButton)({
     padding: '4px 0 4px 8px',
     '& .MuiFormControlLabel-root': {
         marginRight: 0,

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

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var fbm_ui_1 = require("fbm-ui");
-var material_1 = require("@mui/material");
+var mui_1 = require("fbm-ui/lib/mui");
 var ahooks_1 = require("ahooks");
 var icons_material_1 = require("@mui/icons-material");
 var question_preview_store_1 = require("../../../../store/ai-question/question-preview-store");
@@ -88,13 +88,13 @@ var BaseAccordion = function (props) {
             setQuestionsList(filterList);
         }
     }, [list, isShowOnlyAITest]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: questionsList.length > 0 && ((0, jsx_runtime_1.jsx)(styled_1.AccordionRoot, { children: (0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: index === 0 }, { children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, __assign({ expandIcon: (0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {}) }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", justifyContent: "space-between", alignItems: "center", overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsx)(styled_1.AccordionTitle, { children: positionName || name }), positionName && (0, jsx_runtime_1.jsxs)(styled_1.AccordionSubTitle, __assign({ color: "secondary" }, { children: ["\u6B65\u9AA4\uFF1A", name] }))] })), isShowSummaryAction && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, flexShrink: 0, height: 24 }, variant: "outlined", color: "inherit", size: "small", onClick: handleUseAllQuestion }, { children: "\u4F7F\u7528" })))] })) })), (0, jsx_runtime_1.jsxs)(material_1.AccordionDetails, { children: [(0, jsx_runtime_1.jsx)(material_1.List, __assign({ ref: ref }, { children: questionsList.map(function (item) {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: questionsList.length > 0 && ((0, jsx_runtime_1.jsx)(styled_1.AccordionRoot, { children: (0, jsx_runtime_1.jsxs)(mui_1.Accordion, __assign({ defaultExpanded: index === 0 }, { children: [(0, jsx_runtime_1.jsx)(mui_1.AccordionSummary, __assign({ expandIcon: (0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {}) }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", display: "flex", justifyContent: "space-between", alignItems: "center", overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ flex: "1 0", overflow: "hidden" }, { children: [(0, jsx_runtime_1.jsx)(styled_1.AccordionTitle, { children: positionName || name }), positionName && (0, jsx_runtime_1.jsxs)(styled_1.AccordionSubTitle, __assign({ color: "secondary" }, { children: ["\u6B65\u9AA4\uFF1A", name] }))] })), isShowSummaryAction && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, flexShrink: 0, height: 24 }, variant: "outlined", color: "inherit", size: "small", onClick: handleUseAllQuestion }, { children: "\u4F7F\u7528" })))] })) })), (0, jsx_runtime_1.jsxs)(mui_1.AccordionDetails, { children: [(0, jsx_runtime_1.jsx)(mui_1.List, __assign({ ref: ref }, { children: questionsList.map(function (item) {
                                     var token = item.token, name = item.name, category = item.category;
                                     var isUsed = questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps.find(function (step) { return step.originToken === token; });
-                                    return ((0, jsx_runtime_1.jsx)(material_1.ListItem, __assign({ secondaryAction: [
+                                    return ((0, jsx_runtime_1.jsx)(mui_1.ListItem, __assign({ secondaryAction: [
                                             isUsed && (0, jsx_runtime_1.jsx)(icons_material_1.Done, {}, "icon"),
-                                            (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", size: "small", onClick: function () { return handleUseQuestion(item); } }, { children: "\u4F7F\u7528" }), "use"),
-                                        ], onMouseOver: function () { return handleMouseOver(item); } }, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: name, secondary: isShowDesc && category ? category[0] : '' }) }), token));
+                                            (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ className: "secondary-action-buttons" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", size: "small", onClick: function () { return handleUseQuestion(item); } }, { children: "\u4F7F\u7528" })) }), "buttons"),
+                                        ], onMouseOver: function () { return handleMouseOver(item); } }, { children: (0, jsx_runtime_1.jsx)(mui_1.ListItemText, { primary: name, secondary: isShowDesc && category ? category[0] : '' }) }), token));
                                 }) })), isPaging && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", sx: { width: '100%', justifyContent: 'start', color: '#576B95' }, onClick: handleShowAll }, { children: "\u5C55\u793A\u5168\u90E8" })))] })] })) })) }));
 };
 exports.default = (0, react_1.memo)(BaseAccordion);

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

@@ -30,10 +30,13 @@ exports.AccordionRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)(function (_a) {
                 color: theme.palette.primary.main,
             },
             '& .MuiButton-root': {
-                display: 'none',
                 background: '#fff',
+            },
+            '& .secondary-action-buttons': {
+                display: 'none',
                 position: 'absolute',
-                width: 48,
+                justifyContent: 'flex-end',
+                width: 100,
                 height: 24,
                 top: 0,
                 bottom: 0,
@@ -44,8 +47,8 @@ exports.AccordionRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)(function (_a) {
         '& .MuiListItem-root:hover': {
             background: 'rgba(0, 0, 0, 0.04)',
             '& .MuiListItemSecondaryAction-root': {
-                '& .MuiButton-root': {
-                    display: 'block',
+                '& .secondary-action-buttons': {
+                    display: 'flex',
                 },
             },
         },