eli-video-interview 1.2.41-alpha.11 → 1.2.41-alpha.13

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

@@ -9,33 +9,32 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import Failed from './Failed';
-import Report from './Report';
 import Score from './Score';
 import { INTERVIEW_STATUS } from "../../../../enum/ai-report";
 import { PostAiInterviewRefresh } from "../../../../services/ai-report";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { useRequest } from 'ahooks';
-import { Message } from 'fbm-ui';
-import { Divider, Paper } from 'fbm-ui/lib/mui';
+import { Box, Message } from 'fbm-ui';
+import { Paper } from 'fbm-ui/lib/mui';
 var FAILED = INTERVIEW_STATUS.FAILED, IN_CALCULATION = INTERVIEW_STATUS.IN_CALCULATION;
 var ScoreReport = function (_a) {
-    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess;
+    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, onSwitchReportModel = _a.onSwitchReportModel;
     var _b = useAiReportStore(function (store) { return [store.token, store.reportResult]; }), token = _b.token, reportResult = _b.reportResult;
-    var _c = (reportResult || {}).status, status = _c === void 0 ? 0 : _c;
-    var _d = useRequest(function () { return PostAiInterviewRefresh(token); }, {
+    var _c = reportResult || {}, _d = _c.status, status = _d === void 0 ? 0 : _d, model = _c.model;
+    var _e = useRequest(function () { return PostAiInterviewRefresh(token); }, {
         manual: true,
         onSuccess: function () {
             onRefreshSuccess();
             Message.success('刷新成功');
         },
-    }), run = _d.run, loading = _d.loading;
+    }), run = _e.run, loading = _e.loading;
     if ([FAILED, IN_CALCULATION].includes(status)) {
         return (_jsx(Paper, __assign({ id: "report-score", variant: "outlined" }, { children: _jsx(Failed, { status: status, loading: loading, onRefresh: run }) })));
     }
     else {
-        return (_jsxs(Paper, __assign({ id: "report-score", variant: "outlined" }, { children: [_jsx(Score, { customScore: customScore, loading: loading, onRefresh: run }), _jsx(Divider, {}), _jsx(Report, {})] })));
+        return (_jsx(Box, { children: _jsx(Score, { model: model, customScore: customScore, loading: loading, onRefresh: run, onSwitchReportModel: onSwitchReportModel }) }));
     }
 };
 export default ScoreReport;

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

@@ -4,11 +4,14 @@ export interface ScoreLegendProps {
 export interface ScoreReportProps {
     customScore?: number;
     onRefreshSuccess: () => void;
+    onSwitchReportModel: () => void;
 }
 export interface ScoreProps {
     customScore?: number;
     loading?: boolean;
+    model?: 'pro' | 'standard';
     onRefresh: () => void;
+    onSwitchReportModel?: () => void;
 }
 export interface FailedProps extends ScoreProps {
     status?: number;

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

@@ -2,16 +2,14 @@ import { RefreshIcon, styled, Typography } from 'fbm-ui';
 export var ScoreTypography = styled(Typography)(function (_a) {
     var theme = _a.theme;
     return ({
-        color: theme.palette.primary.main,
-        fontSize: 48,
+        fontSize: 70,
         fontWeight: 700,
     });
 });
 export var ScoreUnitTypography = styled(Typography)(function (_a) {
     var theme = _a.theme;
     return ({
-        color: theme.palette.primary.main,
-        fontSize: 14,
+        fontSize: 24,
         marginLeft: 4,
     });
 });

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

@@ -14,13 +14,13 @@ import Suggestion from './Suggestion';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import AiHeaderTitle from "../../../../components/AiHeaderTitle";
 import { Typography } from 'fbm-ui';
-import { Box, Collapse, Paper, Stack } from 'fbm-ui/lib/mui';
+import { Box, Collapse, Stack } from 'fbm-ui/lib/mui';
 var Index = function () {
     var _a, _b, _c, _d;
     var _e = useAiReportStore(function (store) { return [store.reportResult]; }), reportResult = _e.reportResult, showAiDimension = _e.showAiDimension;
     if (!showAiDimension || !((_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _a === void 0 ? void 0 : _a.show))
         return null;
-    return (_jsxs(Box, __assign({ id: "report-suggestion", component: Paper, variant: "outlined", px: 2, mt: 2, pb: 2 }, { children: [_jsx(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1 }, { children: _jsx(AiHeaderTitle, { name: "\u8003\u5BDF\u5EFA\u8BAE" }) })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: (_b = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _b === void 0 ? void 0 : _b.text })), _jsx(Collapse, __assign({ in: true }, { children: (_d = (_c = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _c === void 0 ? void 0 : _c.abilitys) === null || _d === void 0 ? void 0 : _d.map(function (v) {
+    return (_jsxs(Box, __assign({ id: "report-suggestion", px: 2, mt: 2, pb: 2 }, { children: [_jsx(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1 }, { children: _jsx(AiHeaderTitle, { name: "\u8003\u5BDF\u5EFA\u8BAE" }) })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: (_b = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _b === void 0 ? void 0 : _b.text })), _jsx(Collapse, __assign({ in: true }, { children: (_d = (_c = reportResult === null || reportResult === void 0 ? void 0 : reportResult.suggestion) === null || _c === void 0 ? void 0 : _c.abilitys) === null || _d === void 0 ? void 0 : _d.map(function (v) {
                     return _jsx(Suggestion, { abilityName: v.abilityName, interviewQuestion: v.interviewQuestion, keyPoints: v.keyPoints }, v.abilityName);
                 }) }))] })));
 };

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

@@ -13,10 +13,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import QuestionItem from './QuestionItem';
 import AiHeaderTitle from "../../../../components/AiHeaderTitle";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
-import { Box, Empty, Paper } from 'fbm-ui';
+import { Box, Empty } from 'fbm-ui';
 var VideoQuestion = function () {
     var reportResult = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }).reportResult;
     var steps = (reportResult || {}).steps;
-    return (_jsxs(Box, __assign({ id: "report-question", component: Paper, p: 2, style: { background: '#fff', border: '1px solid rgb(244, 244, 244)' }, mt: 2 }, { children: [_jsx(AiHeaderTitle, { name: "\u89C6\u9891\u9898" }), _jsx(Box, __assign({ mt: 3 }, { children: steps && steps.length > 0 ? (steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) { return _jsx(QuestionItem, __assign({ index: index }, item), item.token); })) : (_jsx(Empty, { src: "//public-static-assets.oss-cn-beijing.aliyuncs.com/img/empty.png", desc: "\u6682\u65E0\u9898\u76EE" })) }))] })));
+    return (_jsxs(Box, __assign({ id: "report-question", p: 2, mt: 2 }, { children: [_jsx(AiHeaderTitle, { name: "\u89C6\u9891\u9898" }), _jsx(Box, __assign({ mt: 3 }, { children: steps && steps.length > 0 ? (steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) { return _jsx(QuestionItem, __assign({ index: index }, item), item.token); })) : (_jsx(Empty, { src: "//public-static-assets.oss-cn-beijing.aliyuncs.com/img/empty.png", desc: "\u6682\u65E0\u9898\u76EE" })) }))] })));
 };
 export default VideoQuestion;

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

@@ -16,7 +16,7 @@ import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import AiHeaderTitle from "../../../../components/AiHeaderTitle";
 import { blue, orange, purple } from '@mui/material/colors';
 import { Chip, InfoOutlineIcon, styled, Tooltip, Typography } from 'fbm-ui';
-import { Box, Collapse, Paper, Stack } from 'fbm-ui/lib/mui';
+import { Box, Collapse, Stack } from 'fbm-ui/lib/mui';
 var TagTitle = styled(Box)(function (bgcolor) { return ({
     boxSizing: 'border-box',
     position: 'relative',
@@ -62,8 +62,8 @@ var Index = function () {
     var _b = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _b.reportResult, showAiDimension = _b.showAiDimension, canEditAiDimension = _b.canEditAiDimension;
     if (!showAiDimension)
         return null;
-    return (_jsxs(Box, __assign({ id: "report-workplace", component: Paper, variant: "outlined", px: 2, mt: 2 }, { children: [_jsx(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: _jsx(AiHeaderTitle, { name: "\u804C\u573A\u80FD\u529B\u8868\u73B0" }) })), _jsx(Collapse, __assign({ in: true }, { children: (_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaces) === null || _a === void 0 ? void 0 : _a.map(function (v, idx) {
-                    return (_jsxs(Box, __assign({ component: Paper, variant: "outlined", elevation: 0, mb: 2, pb: 2, pr: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", mb: 2, mt: 1, justifyContent: "space-between", alignItems: "center" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", maxWidth: "calc(100% - 90px)" }, { children: [_jsx(TagTitle, __assign({ bgcolor: ColorIndexMap[idx % 3][200] }, { children: _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px', color: '#fff', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, { children: v.dimensionName })) })), v.dimensionType === 3 && _jsx(Chip, { color: 'primary', label: '自定义', size: "small", sx: { ml: 1 } })] })), _jsx(Tooltip, __assign({ title: _jsxs("span", { children: ["\u9AD8\u5206\u8868\u73B0\uFF1A", v.abilityExpression.good, _jsx("br", {}), "\u4F4E\u5206\u8868\u73B0\uFF1A", v.abilityExpression.bad] }) }, { children: _jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "body2", style: { lineHeight: '32px' }, mr: 1 }, { children: "\u4F18\u6B21\u8868\u73B0" })), _jsx(InfoOutlineIcon, { sx: { fontSize: '16px' } })] })) }))] })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", ml: 2, style: { background: '#F5F5F5', borderRadius: 4, padding: 8 } }, { children: v.define })), _jsxs(Stack, __assign({ pl: 2 }, { children: [_jsx(Box, __assign({ mt: 2 }, { children: _jsx(ScoreSlider, { width: "100%", isShowLabel: true, score: v.score, scoreText: v.scoreText, scoreLevel: v.scoreLevel }) })), _jsx(Stack, __assign({ spacing: 2 }, { children: _jsx(WorkPlace, { token: v.token, canEdit: canEditAiDimension, answer: v.answer, mode: "show", bgcolor: ColorIndexMap[idx % 3][50] }) }))] }))] }), v.token));
+    return (_jsxs(Box, __assign({ id: "report-workplace", px: 2, mt: 2 }, { children: [_jsx(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: _jsx(AiHeaderTitle, { name: "\u804C\u573A\u80FD\u529B\u8868\u73B0" }) })), _jsx(Collapse, __assign({ in: true }, { children: (_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaces) === null || _a === void 0 ? void 0 : _a.map(function (v, idx) {
+                    return (_jsxs(Box, __assign({ mb: 2, pb: 2, pr: 2 }, { children: [_jsxs(Box, __assign({ display: "flex", mb: 2, mt: 1, justifyContent: "space-between", alignItems: "center" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", maxWidth: "calc(100% - 90px)" }, { children: [_jsx(TagTitle, __assign({ bgcolor: ColorIndexMap[idx % 3][200] }, { children: _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "medium", style: { lineHeight: '32px', color: '#fff', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, { children: v.dimensionName })) })), v.dimensionType === 3 && _jsx(Chip, { color: 'primary', label: '自定义', size: "small", sx: { ml: 1 } })] })), _jsx(Tooltip, __assign({ title: _jsxs("span", { children: ["\u9AD8\u5206\u8868\u73B0\uFF1A", v.abilityExpression.good, _jsx("br", {}), "\u4F4E\u5206\u8868\u73B0\uFF1A", v.abilityExpression.bad] }) }, { children: _jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "body2", style: { lineHeight: '32px' }, mr: 1 }, { children: "\u4F18\u6B21\u8868\u73B0" })), _jsx(InfoOutlineIcon, { sx: { fontSize: '16px' } })] })) }))] })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", ml: 2, style: { background: '#F5F5F5', borderRadius: 4, padding: 8 } }, { children: v.define })), _jsxs(Stack, __assign({ pl: 2 }, { children: [_jsx(Box, __assign({ mt: 2 }, { children: _jsx(ScoreSlider, { width: "100%", isShowLabel: true, score: v.score, scoreText: v.scoreText, scoreLevel: v.scoreLevel }) })), _jsx(Stack, __assign({ spacing: 2 }, { children: _jsx(WorkPlace, { token: v.token, canEdit: canEditAiDimension, answer: v.answer, mode: "show", bgcolor: ColorIndexMap[idx % 3][50] }) }))] }))] }), v.token));
                 }) }))] })));
 };
 export default Index;

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

@@ -135,12 +135,14 @@ export interface AiInterviewReportList {
     workplaces: WorkPlaceAbility[];
     suggestion: Suggestion;
     summaryText: SummaryText;
+    model: 'pro' | 'standard';
     score: number;
     status: number;
     completedStatus: number;
     createTime: number;
     startTime: number;
     completeTime: number;
+    hasProVersion: boolean;
     steps: AiInterviewReportStep[];
 }
 export interface AiInterviewReportData {

package/esm/services/ai-report.d.ts

@@ -11,4 +11,9 @@ interface PostAiInterviewWorkplaceData {
     answer?: string;
 }
 export declare const PostAiInterviewWorkplace: <R>(data: PostAiInterviewWorkplaceData) => import("axios").AxiosPromise<R>;
+interface SwitchReportModelParams {
+    model: 'standard' | 'pro';
+    thirdOrderID: string;
+}
+export declare const SwitchReportModel: (data: SwitchReportModelParams) => import("axios").AxiosPromise<unknown>;
 export {};

package/esm/services/ai-report.js

@@ -11,3 +11,4 @@ export var PostAiInterviewEvaluation = function (data) {
 export var PostAiInterviewWorkplace = function (data) {
     return POST({ url: "/standard/b/aiInterview/workplace/answer/modify", data: data });
 };
+export var SwitchReportModel = function (data) { return POST({ url: "standard/b/reports/switch-model", data: data }); };

package/lib/constants/ai-report.d.ts

@@ -1,5 +1,10 @@
 export declare const RosePieColors: string[][];
 export declare const scoreRankIntervalColors: string[];
+export declare const scoreRankIntervalProColors: string[];
+export declare const scoreRankIntervalModeColors: {
+    pro: string[];
+    standard: string[];
+};
 export declare const REPORT_MODULE_MAP: {
     score: {
         id: string;

package/lib/constants/ai-report.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.REPORT_MODULE_MAP = exports.scoreRankIntervalColors = exports.RosePieColors = void 0;
+exports.REPORT_MODULE_MAP = exports.scoreRankIntervalModeColors = exports.scoreRankIntervalProColors = exports.scoreRankIntervalColors = exports.RosePieColors = void 0;
 exports.RosePieColors = [
     ['rgba(78, 163, 253, 0.2)', 'rgba(78, 163, 253, 0.4)', 'rgba(78, 163, 253, 0.6)', 'rgba(78, 163, 253, 1)'],
     ['rgba(82, 206, 220, 0.2)', 'rgba(82, 206, 220, 0.4)', 'rgba(82, 206, 220, 0.6)', 'rgba(82, 206, 220, 1)'],
@@ -13,6 +13,11 @@ exports.RosePieColors = [
     ['rgba(160, 115, 255, 0.2)', 'rgba(160, 115, 255, 0.4)', 'rgba(160, 115, 255, 0.6)', 'rgba(160, 115, 255, 1)'],
 ];
 exports.scoreRankIntervalColors = ['#C8E6C9', '#A5D6A7', '#81C784', '#66BB6A', '#4CAF50'];
+exports.scoreRankIntervalProColors = ['#F2E8D1', '#e1c492', '#cd9f55', '#AF6805', '#4CAF50'];
+exports.scoreRankIntervalModeColors = {
+    pro: exports.scoreRankIntervalProColors,
+    standard: exports.scoreRankIntervalColors,
+};
 exports.REPORT_MODULE_MAP = {
     score: {
         id: 'report-score',

package/lib/modules/ai-ability/components/AbilityFormItem/AbilityFormItem.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface AbilityFormItemProps {
+    token?: string;
+    title: string;
+    name: string;
+    type: number;
+    items?: string[];
+    mode: string;
+    canReplace?: boolean;
+    maxTextLength?: number;
+    onChange?: (v: any) => void;
+}
+declare const AbilityFormItem: React.FC<AbilityFormItemProps>;
+export default AbilityFormItem;

package/lib/modules/ai-ability/components/AbilityFormItem/AbilityFormItem.js

@@ -0,0 +1,147 @@
+"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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_ability_1 = require("../../../../services/ai-ability");
+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 AbilityFormItem = function (_a) {
+    var token = _a.token, title = _a.title, name = _a.name, type = _a.type, _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.mode, mode = _c === void 0 ? 'show' : _c, _d = _a.canReplace, canReplace = _d === void 0 ? false : _d, _e = _a.maxTextLength, maxTextLength = _e === void 0 ? 100 : _e, onChange = _a.onChange;
+    var _f = __read((0, react_1.useState)(items.length ? items.join('\n') : ''), 2), content = _f[0], setContent = _f[1];
+    var _g = __read((0, react_1.useState)(mode), 2), internalMode = _g[0], setMode = _g[1];
+    var _h = (0, ahooks_1.useRequest)(ai_ability_1.GetAiDefine, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var _b = data.list, list = _b === void 0 ? [] : _b;
+            var defineRes = list[0].items;
+            setContent(defineRes.length ? defineRes.join('\n') : '');
+            nameTextField.setError();
+        },
+        onError: function (err) {
+            console.log(err);
+            nameTextField.setError("".concat(title, "\u751F\u6210\u8D85\u65F6"));
+        },
+    }), PostAiDefine = _h.run, loading = _h.loading;
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleReplace = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            PostAiDefine({
+                queryType: type,
+                collectionName: name,
+            });
+            return [2 /*return*/];
+        });
+    }); }, [type, name, PostAiDefine]);
+    var nameTextField = (0, fbm_ui_1.useTextField)({
+        value: content,
+        name: type,
+        required: true,
+        disabled: loading,
+        rules: [
+            {
+                required: true,
+                message: "".concat(title, "\u4E0D\u80FD\u4E3A\u7A7A"),
+            },
+        ],
+        onChange: handleChange,
+        max: maxTextLength,
+        rows: 3,
+        multiline: true,
+        sx: {
+            marginBottom: '43px',
+        },
+    });
+    (0, react_1.useEffect)(function () {
+        setMode(mode);
+    }, [mode]);
+    (0, react_1.useEffect)(function () {
+        var resItems = [4, 5].includes(type) ? content.split('\n') : [content];
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            name: title,
+            type: type,
+            items: content ? resItems : [],
+        });
+        // nameTextField.handleValidate();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [content, title, type]);
+    (0, react_1.useEffect)(function () {
+        // don't excute when edit detail
+        if (token)
+            return;
+        PostAiDefine({
+            queryType: type,
+            collectionName: name,
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [type, name, token]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ style: { marginBottom: '18px' }, direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canReplace && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: handleReplace, variant: "outlined", color: "inherit", size: "small", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.RefreshIcon, {}) }, { children: loading ? '生成中' : '换一换' })))] })), internalMode === 'edit' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: 1 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, __assign({}, nameTextField)) }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ style: { marginTop: '-8px', marginBottom: '32px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
+};
+exports.default = AbilityFormItem;

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

@@ -8,7 +8,9 @@ interface AbilityFormItemProps {
     mode: string;
     canReplace?: boolean;
     maxTextLength?: number;
+    index: number;
     onChange?: (v: any) => void;
+    item: any;
 }
 declare const AbilityFormItem: React.FC<AbilityFormItemProps>;
 export default AbilityFormItem;

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

@@ -68,10 +68,11 @@ var ai_ability_1 = require("../../../../services/ai-ability");
 var ahooks_1 = require("ahooks");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
+var formik_1 = require("formik");
 var react_1 = require("react");
 var AbilityFormItem = function (_a) {
-    var token = _a.token, title = _a.title, name = _a.name, type = _a.type, _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.mode, mode = _c === void 0 ? 'show' : _c, _d = _a.canReplace, canReplace = _d === void 0 ? false : _d, _e = _a.maxTextLength, maxTextLength = _e === void 0 ? 100 : _e, onChange = _a.onChange;
-    var _f = __read((0, react_1.useState)(items.length ? items.join('\n') : ''), 2), content = _f[0], setContent = _f[1];
+    var token = _a.token, title = _a.title, name = _a.name, type = _a.type, index = _a.index, _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.mode, mode = _c === void 0 ? 'show' : _c, _d = _a.canReplace, canReplace = _d === void 0 ? false : _d, _e = _a.maxTextLength, maxTextLength = _e === void 0 ? 100 : _e, item = _a.item, onChange = _a.onChange;
+    var _f = __read((0, react_1.useState)(''), 2), content = _f[0], setContent = _f[1];
     var _g = __read((0, react_1.useState)(mode), 2), internalMode = _g[0], setMode = _g[1];
     var _h = (0, ahooks_1.useRequest)(ai_ability_1.GetAiDefine, {
         manual: true,
@@ -142,6 +143,16 @@ var AbilityFormItem = function (_a) {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [type, name, token]);
-    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ style: { marginBottom: '18px' }, direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canReplace && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: handleReplace, variant: "outlined", color: "inherit", size: "small", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.RefreshIcon, {}) }, { children: loading ? '生成中' : '换一换' })))] })), internalMode === 'edit' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: 1 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, __assign({}, nameTextField)) }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ style: { marginTop: '-8px', marginBottom: '32px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) {
+            setContent(item.items.join('\n'));
+        }
+    }, [item]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ style: { marginBottom: '18px' }, direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canReplace && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: handleReplace, variant: "outlined", color: "inherit", size: "small", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.RefreshIcon, {}) }, { children: loading ? '生成中' : '换一换' })))] })), internalMode === 'edit' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ width: 1 }, { children: (0, jsx_runtime_1.jsx)(formik_1.FieldArray, __assign({ name: "workPlaceItems[".concat(index, "].items") }, { children: function (_a) {
+                        var _b;
+                        var pushEmail = _a.push, removeEmail = _a.remove;
+                        return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ mb: 5 }, { children: [(_b = item === null || item === void 0 ? void 0 : item.items) === null || _b === void 0 ? void 0 : _b.map(function (email, emailIndex) { return ((0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [4, 5].includes(item === null || item === void 0 ? void 0 : item.type) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { name: "workPlaceItems[".concat(index, "].items[").concat(emailIndex, "]"), sx: { width: 512 }, max: maxTextLength }), (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ onClick: function () { return removeEmail(emailIndex); }, sx: { alignSelf: 'flex-start', mt: 0.5 } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.CloseIcon, {}) }))] })) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { multiline: true, rows: 3, max: maxTextLength, name: "workPlaceItems[".concat(index, "].items[").concat(emailIndex, "]"), sx: { width: '100%' } })) }), emailIndex)); }), [4, 5].includes(item === null || item === void 0 ? void 0 : item.type) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ startIcon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}), type: "button", onClick: function () { return pushEmail(''); }, variant: "outlined", color: "inherit", sx: { alignSelf: 'flex-start' } }, { children: { 4: '评分关键点', 5: '面试题目' }[item.type] })))] })));
+                    } })) }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ style: { marginTop: '-8px', marginBottom: '32px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
 };
 exports.default = AbilityFormItem;