eli-video-interview 1.2.41-alpha.9 → 1.2.42-alpha.2

package/esm/components/AiHeaderTitle/index.js

@@ -14,6 +14,13 @@ import SvgIcon from "../SvgIcon";
 import { Box, Typography } from 'fbm-ui';
 var AiHeaderTitle = function (_a) {
     var name = _a.name;
-    return (_jsxs(Box, __assign({ display: "inline-flex" }, { children: [_jsx(SvgIcon, { name: "AI" }), _jsx(Typography, __assign({ variant: "h6", fontWeight: "medium", sx: { fontWeight: 500 }, ml: 1 }, { children: name }))] })));
+    return (_jsxs(Box, __assign({ display: "inline-flex", sx: {
+            pl: 3,
+            color: '#009D56',
+            pt: 0.5,
+            background: 'url(//webcdn.fbmms.cn/assets/yt-b/yf2BqqIlr8Xtb8N2o44t1) no-repeat center center',
+            backgroundSize: 'contain',
+            width: 24 + (56 / 4) * name.length + 84,
+        } }, { children: [_jsx(SvgIcon, { name: "AI" }), _jsx(Typography, __assign({ variant: "h6" }, { children: name }))] })));
 };
 export default AiHeaderTitle;

package/esm/components/BigBallSvg/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
-export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;
+export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;

package/esm/components/Charts/ReportPie.js

@@ -89,9 +89,8 @@ var ReportPie = function (props) {
                     color: 'rgba(0, 0, 0, 0.86)',
                     fontWeight: 500,
                     formatter: function (_a) {
-                        var _b;
-                        var name = _a.name, value = _a.value, level = _a.data.level;
-                        return "".concat(name, ": {").concat(level, "|").concat(((_b = levelMapping[level]) === null || _b === void 0 ? void 0 : _b.text) || "".concat(value, "\u5206"), "}");
+                        var name = _a.name;
+                        return "".concat(name);
                     },
                     rich: __assign({}, levelMapping),
                 },
@@ -123,7 +122,11 @@ var ReportPie = function (props) {
                     position: 'inner',
                     color: '#fff',
                     fontWeight: 500,
-                    formatter: "{c}",
+                    formatter: function (_a) {
+                        var _b;
+                        var value = _a.value, dataIndex = _a.dataIndex;
+                        return ((_b = data[dataIndex]) === null || _b === void 0 ? void 0 : _b.weight) || 0;
+                    },
                     fontSize: 14,
                 },
                 itemStyle: {

package/esm/components/ScoreBigBall/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
 import { ScoreBigBallProps } from './interface';
+import { FC } from 'react';
 declare const ScoreBigBall: FC<ScoreBigBallProps>;
 export default ScoreBigBall;

package/esm/components/ScoreBigBall/index.js

@@ -10,9 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ScoreBigBallRoot } from './styled';
 import BigBallSvg from "../BigBallSvg";
 import { formatScore } from "../../utils/utils";
-import { ScoreBigBallRoot } from './styled';
 var ScoreBigBall = function (_a) {
     var score = _a.score, status = _a.status, _b = _a.width, width = _b === void 0 ? 80 : _b, _c = _a.height, height = _c === void 0 ? 80 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 20 : _d;
     return (_jsxs(_Fragment, { children: [_jsxs(ScoreBigBallRoot, __assign({ width: width, height: height, sx: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && _jsx(BigBallSvg, {}), status === 1 && (_jsx("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: _jsx("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && (_jsx("div", __assign({ style: { color: '#40be47' } }, { children: _jsx("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && (_jsxs("div", __assign({ style: { color: '#40be47' } }, { children: [_jsx("span", __assign({ style: { fontFamily: 'DIN Alternate Bold', fontSize: fontSize, fontWeight: 'bold' } }, { children: formatScore(score) > 100 ? 100 : formatScore(score) })), _jsx("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && (_jsx("div", { style: {

package/esm/components/ScoreBigBall/styled.d.ts

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

package/esm/components/ScrollDialogContent/index.d.ts

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

package/esm/components/VideoPreview/styled.d.ts

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

package/esm/components/react-photo-view/hooks/useAnimationPosition.d.ts

@@ -1,2 +1,2 @@
 import type { MutableRefObject } from 'react';
-export default function useAnimationPosition(visible: boolean | undefined, originRef: MutableRefObject<HTMLElement | null> | undefined, loaded: boolean, x: number, y: number, width: number, height: number, scale: number, speed: number, updateEasing: (pause: boolean) => void): readonly [number, number, number, number, number, 0 | 1, import("../types").EasingMode, "fill" | "contain" | "cover" | undefined];
+export default function useAnimationPosition(visible: boolean | undefined, originRef: MutableRefObject<HTMLElement | null> | undefined, loaded: boolean, x: number, y: number, width: number, height: number, scale: number, speed: number, updateEasing: (pause: boolean) => void): readonly [number, number, number, number, number, 0 | 1, import("../types").EasingMode, "contain" | "fill" | "cover" | undefined];

package/esm/constants/ai-question.d.ts

@@ -1,3 +1,4 @@
+import { InteractionMethod } from '../modules/ai-question/interface';
 import { QuestionParams } from '@/modules/ai-question/components/QuestionUpdate/interface';
 import { ADD_QUESTION_TYPE } from '@enum/ai-question';
 export declare const ADD_QUESTION_TYPE_LIST: {
@@ -22,11 +23,19 @@ export declare const QUESTION_TYPE_MAPPING_LABEL: {
     8: string;
     9: string;
 };
-export declare const DEFAULT_GUIDE_VIDEO_URL = "https://public-static-assets.oss-cn-beijing.aliyuncs.com/wxprogram/guide_video.mp4";
-export declare const DEFAULT_GUIDE_VIDEO_THUMB_URL = "https://public-static-assets.oss-cn-beijing.aliyuncs.com/wxprogram/guide_video.mp4?x-oss-process=video/snapshot,t_0,f_jpg";
+export declare const DEFAULT_GUIDE_VIDEO_URL = "https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4";
+export declare const DEFAULT_GUIDE_VIDEO_THUMB_URL = "https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4?x-oss-process=video/snapshot,t_0,f_jpg";
 export declare const DEFAULT_GUIDE_VIDEO: {
     videoUrl: string;
     frameUrl: string;
+    loading: boolean;
+}[];
+export declare const DEFAULT_PC_GUIDE_VIDEO_URL = "https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4";
+export declare const DEFAULT_PC_GUIDE_VIDEO_THUMB_URL = "https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4?x-oss-process=video/snapshot,t_0,f_jpg";
+export declare const DEFAULT_PC_GUIDE_VIDEO: {
+    videoUrl: string;
+    frameUrl: string;
+    loading: boolean;
 }[];
 export declare const DEFAULT_VITUAL_HUMAN_LIST: never[];
 export declare const InteractiveModes: {
@@ -45,3 +54,5 @@ export declare const TEST_TYPE_READONLY: number[];
 export declare const DISABLED_REPEAT_TYPE: number[];
 export declare const DISABLED_COST_TYPE: number[];
 export declare const IS_AI_ANALYSIS: (step: Pick<QuestionParams, 'aiType'>) => boolean;
+export declare const IS_AI_FOLLOW_UP: (step: QuestionParams, interaction: InteractionMethod[]) => boolean;
+export declare const MAX_RANDOM_QUESTION_NUM = 50;

package/esm/constants/ai-question.js

@@ -51,12 +51,22 @@ export var QUESTION_TYPE_MAPPING_LABEL = (_a = {},
     _a[MEMORY_GAME] = '短期记忆-游戏题',
     _a[EMOTION_GAME] = '情绪判断-游戏题',
     _a);
-export var DEFAULT_GUIDE_VIDEO_URL = 'https://public-static-assets.oss-cn-beijing.aliyuncs.com/wxprogram/guide_video.mp4';
-export var DEFAULT_GUIDE_VIDEO_THUMB_URL = 'https://public-static-assets.oss-cn-beijing.aliyuncs.com/wxprogram/guide_video.mp4?x-oss-process=video/snapshot,t_0,f_jpg';
+export var DEFAULT_GUIDE_VIDEO_URL = 'https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4';
+export var DEFAULT_GUIDE_VIDEO_THUMB_URL = 'https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4?x-oss-process=video/snapshot,t_0,f_jpg';
 export var DEFAULT_GUIDE_VIDEO = [
     {
         videoUrl: DEFAULT_GUIDE_VIDEO_URL,
         frameUrl: DEFAULT_GUIDE_VIDEO_THUMB_URL,
+        loading: false,
+    },
+];
+export var DEFAULT_PC_GUIDE_VIDEO_URL = 'https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4';
+export var DEFAULT_PC_GUIDE_VIDEO_THUMB_URL = 'https://alicdn.fbmms.cn/CPAL19KVV5RR06ISK1L0.mp4?x-oss-process=video/snapshot,t_0,f_jpg';
+export var DEFAULT_PC_GUIDE_VIDEO = [
+    {
+        videoUrl: DEFAULT_PC_GUIDE_VIDEO_URL,
+        frameUrl: DEFAULT_PC_GUIDE_VIDEO_THUMB_URL,
+        loading: false,
     },
 ];
 export var DEFAULT_VITUAL_HUMAN_LIST = [
@@ -85,3 +95,13 @@ export var DISABLED_REPEAT_TYPE = [2, 4, 7, 8, 9, 11, 12, 16, 17];
 export var DISABLED_COST_TYPE = [7, 9, 8, 4, 11, 2, 16];
 // 是否开启AI分析
 export var IS_AI_ANALYSIS = function (step) { return step.aiType === 2; };
+// 是否可以追问
+export var IS_AI_FOLLOW_UP = function (step, interaction) {
+    return step.aiShowType === 1 && (step.broadcastType === 2 || !IS_VIRTUAL_HUMAN(interaction));
+};
+var IS_VIRTUAL_HUMAN = function (interaction) {
+    if (interaction.length === 0)
+        return false;
+    return interaction.some(function (v) { var _a; return v.selected && (v.type === 2 || (v.type === 3 && ((_a = v.detail.interviewerShows) === null || _a === void 0 ? void 0 : _a.some(function (v) { return v.selected && v.humanType === 2; }))) || false); });
+};
+export var MAX_RANDOM_QUESTION_NUM = 50;

package/esm/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/esm/constants/ai-report.js

@@ -10,6 +10,11 @@ export var RosePieColors = [
     ['rgba(160, 115, 255, 0.2)', 'rgba(160, 115, 255, 0.4)', 'rgba(160, 115, 255, 0.6)', 'rgba(160, 115, 255, 1)'],
 ];
 export var scoreRankIntervalColors = ['#C8E6C9', '#A5D6A7', '#81C784', '#66BB6A', '#4CAF50'];
+export var scoreRankIntervalProColors = ['#F2E8D1', '#e1c492', '#cd9f55', '#AF6805', '#4CAF50'];
+export var scoreRankIntervalModeColors = {
+    pro: scoreRankIntervalProColors,
+    standard: scoreRankIntervalColors,
+};
 export var REPORT_MODULE_MAP = {
     score: {
         id: 'report-score',

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

@@ -25,3 +25,15 @@ export declare enum COMPLETED_STATUS {
     NOT_COMPLETED = 2,
     COMPLETED = 3
 }
+export declare const BackgroundImage: {
+    pro: string;
+    standard: string;
+};
+export declare const Colors: {
+    pro: string;
+    standard: string;
+};
+export declare const SwitchTitle: {
+    standard: string;
+    pro: string;
+};

package/esm/enum/ai-report.js

@@ -28,3 +28,15 @@ export var COMPLETED_STATUS;
     COMPLETED_STATUS[COMPLETED_STATUS["NOT_COMPLETED"] = 2] = "NOT_COMPLETED";
     COMPLETED_STATUS[COMPLETED_STATUS["COMPLETED"] = 3] = "COMPLETED";
 })(COMPLETED_STATUS || (COMPLETED_STATUS = {}));
+export var BackgroundImage = {
+    pro: 'https://webcdn.fbmms.cn/assets/DPXE/Oj-k12zdt9HuOrcEECDsm',
+    standard: 'https://webcdn.fbmms.cn/assets/S3uM/nAU25qJa6bVmZVHpcb11G',
+};
+export var Colors = {
+    pro: '#86350F',
+    standard: '#4caf50',
+};
+export var SwitchTitle = {
+    standard: '升级为专业版',
+    pro: '切换为标准版',
+};

package/esm/index.d.ts

@@ -1,9 +1,11 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
+export { default as AiReportV2 } from './modules/ai-report-v2';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as AiAbilitySelect } from './modules/ai-ability-select';
 export { default as VideoPreview } from './components/VideoPreview';
 export { useAiQuestion } from './modules/ai-question/useAiQuestion';
 export { useAiReport } from './modules/ai-report/useAiReport';
+export { useAiReportV2 } from './modules/ai-report-v2/useAiReport';
 export { avocadoVideoInterview } from './utils/config';

package/esm/index.js

@@ -1,9 +1,11 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
+export { default as AiReportV2 } from './modules/ai-report-v2';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as AiAbilitySelect } from './modules/ai-ability-select';
 export { default as VideoPreview } from './components/VideoPreview';
 export { useAiQuestion } from './modules/ai-question/useAiQuestion';
 export { useAiReport } from './modules/ai-report/useAiReport';
+export { useAiReportV2 } from './modules/ai-report-v2/useAiReport';
 export { avocadoVideoInterview } from './utils/config';

package/esm/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/esm/modules/ai-ability/components/AbilityFormItem/AbilityFormItem.js

@@ -0,0 +1,145 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GetAiDefine } from "../../../../services/ai-ability";
+import { useRequest } from 'ahooks';
+import { Button, RefreshIcon, TextField, Typography, useTextField } from 'fbm-ui';
+import { Box, Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, useState } from '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(useState(items.length ? items.join('\n') : ''), 2), content = _f[0], setContent = _f[1];
+    var _g = __read(useState(mode), 2), internalMode = _g[0], setMode = _g[1];
+    var _h = useRequest(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 = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleReplace = 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 = 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',
+        },
+    });
+    useEffect(function () {
+        setMode(mode);
+    }, [mode]);
+    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]);
+    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 (_jsxs(Stack, { children: [_jsxs(Stack, __assign({ style: { marginBottom: '18px' }, direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canReplace && (_jsx(Button, __assign({ loading: loading, onClick: handleReplace, variant: "outlined", color: "inherit", size: "small", icon: _jsx(RefreshIcon, {}) }, { children: loading ? '生成中' : '换一换' })))] })), internalMode === 'edit' && (_jsx(Box, __assign({ width: 1 }, { children: _jsx(TextField, __assign({}, nameTextField)) }))), internalMode === 'show' && (_jsx(Box, __assign({ style: { marginTop: '-8px', marginBottom: '32px' } }, { children: _jsx(Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
+};
+export default AbilityFormItem;

package/esm/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/esm/modules/ai-ability/components/AbilityFormItem/index.js

@@ -61,15 +61,16 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { GetAiDefine } from "../../../../services/ai-ability";
 import { useRequest } from 'ahooks';
-import { Button, RefreshIcon, TextField, Typography, useTextField } from 'fbm-ui';
+import { AddIcon, Button, CloseIcon, FormItem, IconButton, RefreshIcon, Typography, useTextField } from 'fbm-ui';
 import { Box, Stack } from 'fbm-ui/lib/mui';
+import { FieldArray } from 'formik';
 import { useCallback, useEffect, useState } from '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(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(useState(''), 2), content = _f[0], setContent = _f[1];
     var _g = __read(useState(mode), 2), internalMode = _g[0], setMode = _g[1];
     var _h = useRequest(GetAiDefine, {
         manual: true,
@@ -125,7 +126,7 @@ var AbilityFormItem = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange({
             name: title,
             type: type,
-            items: content ? resItems : [],
+            items: content ? resItems : [''],
         });
         // nameTextField.handleValidate();
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -140,6 +141,15 @@ var AbilityFormItem = function (_a) {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [type, name, token]);
-    return (_jsxs(Stack, { children: [_jsxs(Stack, __assign({ style: { marginBottom: '18px' }, direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canReplace && (_jsx(Button, __assign({ loading: loading, onClick: handleReplace, variant: "outlined", color: "inherit", size: "small", icon: _jsx(RefreshIcon, {}) }, { children: loading ? '生成中' : '换一换' })))] })), internalMode === 'edit' && (_jsx(Box, __assign({ width: 1 }, { children: _jsx(TextField, __assign({}, nameTextField)) }))), internalMode === 'show' && (_jsx(Box, __assign({ style: { marginTop: '-8px', marginBottom: '32px' } }, { children: _jsx(Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: content })) })))] }));
+    // useEffect(() => {
+    //   if (item?.items?.length) {
+    //     setContent(item.items.join('\n'));
+    //   }
+    // }, [item]);
+    return (_jsxs(Stack, { children: [_jsxs(Stack, __assign({ style: { marginBottom: '18px' }, direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canReplace && (_jsx(Button, __assign({ loading: loading, onClick: handleReplace, variant: "outlined", color: "inherit", size: "small", icon: _jsx(RefreshIcon, {}) }, { children: loading ? '生成中' : '换一换' })))] })), internalMode === 'edit' && (_jsx(Box, __assign({ width: 1 }, { children: _jsx(FieldArray, __assign({ name: "workPlaceItems[".concat(index, "].items") }, { children: function (_a) {
+                        var _b, _c;
+                        var pushItem = _a.push, removeItem = _a.remove;
+                        return (_jsxs(Stack, __assign({ mb: 5 }, { children: [(_b = item === null || item === void 0 ? void 0 : item.items) === null || _b === void 0 ? void 0 : _b.map(function (_, itemIndex) { return (_jsx(Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [4, 5].includes(item === null || item === void 0 ? void 0 : item.type) ? (_jsxs(_Fragment, { children: [_jsx(FormItem, { name: "workPlaceItems[".concat(index, "].items[").concat(itemIndex, "]"), sx: { width: 512 }, max: maxTextLength }), _jsx(IconButton, __assign({ onClick: function () { return removeItem(itemIndex); }, sx: { alignSelf: 'flex-start', mt: 0.5 } }, { children: _jsx(CloseIcon, {}) }))] })) : (_jsx(FormItem, { multiline: true, rows: 3, max: maxTextLength, name: "workPlaceItems[".concat(index, "].items[").concat(itemIndex, "]"), sx: { width: '100%' } })) }), itemIndex)); }), [4, 5].includes(item === null || item === void 0 ? void 0 : item.type) && (_jsx(Button, __assign({ sx: { alignSelf: 'flex-start', display: "".concat(item.type === 5 && ((_c = item === null || item === void 0 ? void 0 : item.items) === null || _c === void 0 ? void 0 : _c.length) >= 3 ? 'none' : 'flex') }, startIcon: _jsx(AddIcon, {}), type: "button", onClick: function () { return pushItem(''); }, variant: "outlined", color: "inherit" }, { children: { 5: '评分关键点', 4: '面试题目' }[item.type] })))] })));
+                    } })) }))), internalMode === 'show' && (_jsx(Box, __assign({ style: { marginTop: '-8px', marginBottom: '32px' } }, { children: _jsx(Typography, __assign({ variant: "body2", sx: { whiteSpace: 'pre-wrap', color: 'RGBA(0, 0, 0, 0.56)' } }, { children: items })) })))] }));
 };
 export default AbilityFormItem;