eli-video-interview 1.2.2 → 1.2.3-5.alpha

package/README.md

@@ -75,7 +75,7 @@ return (
 
 | 名称 | 说明 | 类型 |
 | :--- | :--- | :--- |
-| handleValues | 获取AI视频题目所以字段值 | () => [AiQuestionValues](#aiquestionvalues) |
+| handleValues | 获取AI视频题目所有字段值 | () => [AiQuestionValues](#aiquestionvalues) |
 | handleSubmit | 提交AI视频题目 | () => Promise<[AiQuestionSubmitRes](#aiquestionsubmitres)> |
 
 #### MediaList

package/esm/assets/icons/AI.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><defs><linearGradient id="a" x1="36.62%" x2="71.052%" y1="76.01%" y2="4.425%"><stop offset="0%" stop-color="#00B768"/><stop offset="39%" stop-color="#00AF62"/><stop offset="100%" stop-color="#009953"/><stop offset="100%" stop-color="#009953"/></linearGradient></defs><g fill="none" transform="translate(3 7.16)"><rect width="3.109" height="8.176" x="18.116" y="4.824" fill="#00D97C" rx="1.554"/><path fill="#00D97C" d="M21.4330891 1.95993177 21.4367129 1.93267091C21.4403366 1.90483003 21.4433564 1.87466908 21.4457722 1.84798824L21.4457722 1.82072738C21.4457722 1.78476624 21.4500001 1.74822509 21.4500001 1.71168394L21.4500001 1.71168394C21.4502442 1.01957447 21.0163106.395484118 20.3505677.130462712 19.6848249-.134558695 18.9184003.0116886167 18.4087228.50100097 17.8990452.990313327 17.7465029 1.72631363 18.0222352 2.36576189 18.2979675 3.00521015 18.947665 3.42215785 19.6683358 3.42215789L19.6683358 3.42215789 19.6683358 4.1645813C19.8960264 4.05611788 21.1945274 3.17855021 21.4167824 2.03997429 21.4236272 2.01329345 21.4290628 1.98661261 21.4330891 1.95993177ZM15.4605889 10.719948 9.60706759.98260094C9.24145617.374932483 8.56614784.000646522375 7.83536873.000646522375 7.10458966.000646522375 6.42928134.374932483 6.06366994.98260094L5.39026133 2.1037763 5.39026133 2.1037763 4.64920987 3.33515515C4.92547127 2.86174873 5.4452855 2.56740188 6.01035444 2.56440169 6.57542336 2.5614015 7.09859463 2.8502107 7.3802895 3.32065469L7.3802895 3.32065469 12.7367568 12.2303157C13.0172603 12.6974945 13.5359784 12.9854694 14.0975151 12.9857635 14.6590517 12.9860566 15.178096 12.6986244 15.4591292 12.2317392 15.7401622 11.7648541 15.7404885 11.1894469 15.4599849 10.7222681L15.4605889 10.719948Z"/><path fill="url(#a)" d="M7.37968551,3.32065469 C7.09841787,2.85095068 6.57638695,2.56226386 6.01219476,2.56439864 C5.44800258,2.56658124 4.92838341,2.85925359 4.65102173,3.33109501 L1.83840835,8.01126263 C1.83808295,8.0127936 1.83808295,8.01437187 1.83840835,8.01590276 L0.210148599,10.719948 C-0.0703549557,11.1871269 -0.0700287417,11.762534 0.21100436,12.2294192 C0.49203746,12.6963044 1.01108183,12.9837366 1.57261848,12.9834434 C2.13415513,12.9831493 2.65287327,12.6951745 2.9333768,12.2279956 L7.83506677,4.07409845 L7.38089343,3.32007467 L7.37968551,3.32065469 Z"/></g></svg>

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

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

package/esm/components/AiHeaderTitle/index.js

@@ -0,0 +1,19 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 }))] })));
+};
+export default AiHeaderTitle;

package/esm/components/AiHeaderTitle/interface.d.ts

@@ -0,0 +1,4 @@
+export interface AiHeaderProps {
+    name: string;
+    style?: any;
+}

package/esm/components/BigBallSvg/index.js

@@ -10,7 +10,7 @@ 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 { SvgRoot, SvgGRoot } from './styled';
+import { SvgGRoot, SvgRoot } from './styled';
 var BigBallSvg = function () {
     return (_jsxs(_Fragment, { children: [_jsx("style", { children: "\n        @keyframes move-forever {\n          0% {\n            transform: translate3d(-90px, 0, 0); }\n          100% {\n            transform: translate3d(85px, 0, 0); }\n        }\n        " }), _jsxs(SvgRoot, __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 24 150 28", preserveAspectRatio: "none", shapeRendering: "auto" }, { children: [_jsx("defs", { children: _jsx("path", { id: "gentle-wave", d: "M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" }) }), _jsxs(SvgGRoot, { children: [_jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "0", fill: "rgba(59, 203, 120, 0.2)" }), _jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "3", fill: "rgba(59, 203, 120, 0.2)" }), _jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "5", fill: "rgba(59, 203, 120, 0.2)" }), _jsx("use", { xlinkHref: "#gentle-wave", x: "48", y: "7", fill: "rgba(59, 203, 120, 0.2)" })] })] }))] }));
 };

package/esm/components/Charts/Chart.d.ts

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

package/esm/components/Charts/Chart.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
 import * as echarts from 'echarts';
+import { useEffect, useRef } from 'react';
 var charts = {};
 var Chart = function (_a) {
     var _b = _a.id, id = _b === void 0 ? '' : _b, options = _a.options;
     var currentId = useRef('');
     var target = useRef(null);
     useEffect(function () {
-        if (id && !charts[id] && options) {
-            currentId.current = id;
-            charts[id] = echarts.init(target.current);
-            charts[id].resize();
-            charts[id].setOption(options, true);
-        }
+        // if (id && !charts[id] && options) {
+        currentId.current = id;
+        charts[id] = echarts.init(target.current);
+        charts[id].resize();
+        charts[id].setOption(options, true);
+        // }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id, options]);
     useEffect(function () {
@@ -24,7 +24,7 @@ var Chart = function (_a) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (_jsx("div", { ref: target, style: {
+    return (_jsx("div", { id: id, ref: target, style: {
             width: '100%',
             height: '100%',
         } }));

package/esm/components/Charts/ReportPie.js

@@ -21,8 +21,19 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import Chart from "./Chart";
 import { levelMapping } from './const';
+import Chart from "./Chart";
+var formateTitle = function (originalTitle) {
+    var regex = /(\d+?)[.](.+)/;
+    if (!regex.test(originalTitle)) {
+        if (originalTitle.length > 7) {
+            originalTitle = "".concat(originalTitle.slice(0, 6), "...");
+        }
+        return originalTitle;
+    }
+    var _a = originalTitle.match(regex), no = _a[1];
+    return "\u7B2C".concat(no, "\u9898");
+};
 var ReportPie = function (props) {
     var id = props.id, _a = props.source, source = _a === void 0 ? [] : _a;
     var scores = source.map(function (_a) {
@@ -38,7 +49,7 @@ var ReportPie = function (props) {
     var data = source
         .map(function (_a) {
         var name = _a.name, score = _a.score, params = __rest(_a, ["name", "score"]);
-        return (__assign({ name: name, value: score }, params));
+        return (__assign({ name: formateTitle(name), originalName: name, value: score }, params));
     })
         .sort(function (a, b) {
         return a.value - b.value;
@@ -47,8 +58,8 @@ var ReportPie = function (props) {
         tooltip: {
             trigger: 'item',
             formatter: function (_a) {
-                var name = _a.name, value = _a.value, _b = _a.data, rank = _b.rank, total = _b.total;
-                return "".concat(name, "<br />\u5F97\u5206\uFF1A").concat(value, "\u5206").concat(total > 0 ? "<br />\u6392\u540D\uFF1A".concat(rank, "/").concat(total) : '');
+                var value = _a.value, _b = _a.data, rank = _b.rank, total = _b.total, originalName = _b.originalName;
+                return "".concat(originalName, "<br />\u5F97\u5206\uFF1A").concat(value, "\u5206").concat(total > 0 ? "<br />\u6392\u540D\uFF1A".concat(rank, "/").concat(total) : '');
             },
             backgroundColor: 'rgba(0, 0, 0, 0.86)',
             textStyle: {

package/esm/components/RootProvider/index.js

@@ -10,10 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { HoxRoot } from 'hox';
 import { ThemeProvider } from 'fbm-ui';
 import { StyledEngineProvider } from 'fbm-ui/lib/mui';
-import { StylesProvider, createGenerateClassName } from '@mui/styles';
+import { HoxRoot } from 'hox';
+import { createGenerateClassName, StylesProvider } from '@mui/styles';
 var AnyStylesProvider = StylesProvider;
 var generateClassName = createGenerateClassName({
     seed: 'eli-video-interview',

package/esm/components/ScoreBigBall/index.js

@@ -10,8 +10,8 @@ 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 { formatScore } from "../../utils/utils";
 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;

package/esm/components/ScrollDialogContent/index.js

@@ -1,6 +1,6 @@
 import { Box, styled } from 'fbm-ui';
 var ScrollDialogContent = styled(Box)({
     maxHeight: 'calc(100vh - 150px)',
-    overflow: 'auto',
+    // overflow: 'auto',
 });
 export default ScrollDialogContent;

package/esm/components/VideoPreview/index.js

@@ -10,9 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Typography } from 'fbm-ui';
-import { KeyboardArrowLeftIcon, KeyboardArrowRightIcon, IconButton } from 'fbm-ui';
-import { VideoPreviewRoot, PageTurningRoot, FaceAnalysisRoot } from './styled';
+import { Box, IconButton, KeyboardArrowLeftIcon, KeyboardArrowRightIcon, Typography } from 'fbm-ui';
+import { FaceAnalysisRoot, PageTurningRoot, VideoPreviewRoot } from './styled';
 var VideoPreview = function (props) {
     var url = props.url, width = props.width, faceAnalysis = props.faceAnalysis, _a = props.currentPage, currentPage = _a === void 0 ? 1 : _a, _b = props.totalPage, totalPage = _b === void 0 ? 1 : _b, _c = props.isShowPageTurning, isShowPageTurning = _c === void 0 ? true : _c, _d = props.disabledPrev, disabledPrev = _d === void 0 ? false : _d, _e = props.disabledNext, disabledNext = _e === void 0 ? false : _e, style = props.style, onPrev = props.onPrev, onNext = props.onNext;
     return (_jsxs(VideoPreviewRoot, __assign({ style: __assign({ width: width }, style) }, { children: [faceAnalysis && (_jsxs(FaceAnalysisRoot, { children: [(faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.beauty) >= 0 && (_jsxs(Typography, __assign({ variant: "body2", color: "#fff" }, { children: ["AI\u989C\u503C\uFF1A", faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.beauty, "\u5206"] }))), (faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.age) >= 0 && (_jsxs(Typography, __assign({ variant: "body2", color: "#fff" }, { children: ["AI\u5E74\u9F84\uFF1A", faceAnalysis === null || faceAnalysis === void 0 ? void 0 : faceAnalysis.age, "\u5C81"] })))] })), _jsx("video", { src: url, height: 530, controls: true, controlsList: "nodownload noremoteplayback", disablePictureInPicture: true }), isShowPageTurning && (_jsxs(PageTurningRoot, { children: [_jsx(IconButton, __assign({ disabled: disabledPrev, onClick: onPrev }, { children: _jsx(KeyboardArrowLeftIcon, {}) })), _jsxs(Box, { children: [currentPage, "/", totalPage] }), _jsx(IconButton, __assign({ disabled: disabledNext, onClick: onNext }, { children: _jsx(KeyboardArrowRightIcon, {}) }))] }))] })));

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

@@ -1,5 +1,5 @@
-import { ADD_QUESTION_TYPE } from '@enum/ai-question';
 import { QuestionParams } from '@/modules/ai-question/components/QuestionUpdate/interface';
+import { ADD_QUESTION_TYPE } from '@enum/ai-question';
 export declare const ADD_QUESTION_TYPE_LIST: {
     type: ADD_QUESTION_TYPE;
     title: string;

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

@@ -1,2 +1,29 @@
 export declare const RosePieColors: string[][];
 export declare const scoreRankIntervalColors: string[];
+export declare const REPORT_MODULE_MAP: {
+    score: {
+        id: string;
+        name: string;
+        type: string;
+    };
+    workplace: {
+        id: string;
+        name: string;
+        type: string;
+    };
+    evaluate: {
+        id: string;
+        name: string;
+        type: string;
+    };
+    suggestion: {
+        id: string;
+        name: string;
+        type: string;
+    };
+    videoQuestion: {
+        id: string;
+        name: string;
+        type: string;
+    };
+};

package/esm/constants/ai-report.js

@@ -10,3 +10,30 @@ 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 REPORT_MODULE_MAP = {
+    score: {
+        id: 'report-score',
+        name: '综合表现',
+        type: 'score',
+    },
+    workplace: {
+        id: 'report-workplace',
+        name: '职场能力表现',
+        type: 'workplace',
+    },
+    evaluate: {
+        id: 'report-evaluate',
+        name: 'AI基础能力',
+        type: 'evaluate',
+    },
+    suggestion: {
+        id: 'report-suggestion',
+        name: '考察建议',
+        type: 'suggestion',
+    },
+    videoQuestion: {
+        id: 'report-question',
+        name: '视频题',
+        type: 'videoQuestion',
+    },
+};

package/esm/index.d.ts

@@ -2,6 +2,7 @@ export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
 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';

package/esm/index.js

@@ -2,6 +2,7 @@ export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
 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';

package/esm/modules/ai-ability/Root.d.ts

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

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

@@ -46,16 +46,25 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { Box, Button, Header, Table, Link, EditIcon, DeleteIcon, AddIcon, Message, confirm } from 'fbm-ui';
+import AddAbility from './components/AddAbility';
+import UpdateAbility from './components/UpdateAbility';
+import { AbilityRoot } from './styled';
+import { PostQuestionCollectionDelete, PostQuestionCollectionList } from "../../services/ai-ability";
 import { useRequest, useSetState } from 'ahooks';
 import dayjs from 'dayjs';
-import { PostQuestionCollectionList, PostQuestionCollectionDelete } from "../../services/ai-ability";
-import { AbilityRoot } from './styled';
-import UpdateAbility from './components/UpdateAbility';
-var AiAbilityRoot = function () {
-    var _a = useSetState({ open: false, name: '', token: '' }), state = _a[0], setState = _a[1];
-    var _b = useRequest(PostQuestionCollectionList), data = _b.data, getList = _b.run, listLoading = _b.loading;
+import { AddIcon, Box, Button, confirm, DeleteIcon, DocumentIcon, Header, Link, Message, Table, Tooltip } from 'fbm-ui';
+import { useCallback, useState } from 'react';
+var AiAbilityRoot = function (_a) {
+    var _b = _a.ablilityNameLength, ablilityNameLength = _b === void 0 ? 30 : _b;
+    var _c = useSetState({
+        name: '',
+        token: '',
+        type: 3,
+        isWorkplace: false,
+    }), state = _c[0], setState = _c[1];
+    var _d = useState(false), AddAbilityOpen = _d[0], setAddAbilityOpen = _d[1];
+    var _e = useState(false), UpdateAbilityOpen = _e[0], setUpdateAbilityOpen = _e[1];
+    var _f = useRequest(PostQuestionCollectionList), data = _f.data, getList = _f.run, listLoading = _f.loading;
     var deleteList = useRequest(PostQuestionCollectionDelete, {
         manual: true,
         onSuccess: function () {
@@ -64,12 +73,14 @@ var AiAbilityRoot = function () {
         },
     }).run;
     var handleAdd = useCallback(function () {
-        setState({ open: true });
-    }, [setState]);
+        setState({ name: '', token: '' });
+        setAddAbilityOpen(true);
+    }, [setState, setAddAbilityOpen]);
     var handleEdit = useCallback(function (_a) {
-        var name = _a.name, token = _a.token;
-        setState({ open: true, name: name, token: token });
-    }, [setState]);
+        var name = _a.name, token = _a.token, type = _a.type, isWorkplace = _a.isWorkplace;
+        setState({ name: name, token: token, type: type, isWorkplace: isWorkplace });
+        setUpdateAbilityOpen(true);
+    }, [setState, setUpdateAbilityOpen]);
     var handleDelete = useCallback(function (_a) {
         var token = _a.token, used = _a.used, tag = _a.tag;
         if (used) {
@@ -78,7 +89,7 @@ var AiAbilityRoot = function () {
         else {
             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"),
+                content: "\u786E\u8BA4\u5C06\u201C".concat(tag, "\u201D\u4ECE\u7CFB\u7EDF\u4E2D\u5220\u9664\u5417\uFF1F\u8BE5\u5220\u9664\u52A8\u4F5C\u65E0\u6CD5\u88AB\u64A4\u9500\u3002"),
                 okText: '删除',
                 okProps: {
                     color: 'error',
@@ -98,8 +109,10 @@ var AiAbilityRoot = function () {
         }
     }, [deleteList]);
     var handleClose = useCallback(function () {
-        setState({ open: false, name: '', token: '' });
-    }, [setState]);
+        setState({ name: '' });
+        setAddAbilityOpen(false);
+        setUpdateAbilityOpen(false);
+    }, [setState, setAddAbilityOpen, setUpdateAbilityOpen]);
     var columns = [
         {
             id: 'name',
@@ -118,7 +131,7 @@ var AiAbilityRoot = function () {
             label: '最后更新人',
             render: function (_a) {
                 var cell = _a.cell, row = _a.row;
-                return _jsx(_Fragment, { children: row.type === 1 ? '-' : cell === null || cell === void 0 ? void 0 : cell.account });
+                return _jsx(_Fragment, { children: row.type === 1 ? '-' : (cell === null || cell === void 0 ? void 0 : cell.account) || '-' });
             },
         },
         {
@@ -126,10 +139,10 @@ var AiAbilityRoot = function () {
             label: '操作',
             render: function (_a) {
                 var row = _a.row;
-                return row.type === 1 ? null : (_jsxs(_Fragment, { children: [_jsx(Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', mr: 3, cursor: 'pointer' }, text: _jsx(EditIcon, {}), onClick: function () { return handleEdit(row); } }), _jsx(Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', cursor: 'pointer' }, text: _jsx(DeleteIcon, {}), onClick: function () { return handleDelete(row); } })] }));
+                return row.type === 1 ? (_jsx(Tooltip, __assign({ title: "\u80FD\u529B\u8BE6\u60C5" }, { children: _jsx(Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', mr: 3, cursor: 'pointer' }, text: _jsx(DocumentIcon, {}), onClick: function () { return handleEdit(row); } }) }))) : (_jsxs(Box, __assign({ minWidth: "80px" }, { children: [_jsx(Tooltip, __assign({ title: "\u80FD\u529B\u8BE6\u60C5" }, { children: _jsx(Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', mr: 3, cursor: 'pointer' }, text: _jsx(DocumentIcon, {}), onClick: function () { return handleEdit(row); } }) })), _jsx(Tooltip, __assign({ title: "\u5220\u9664" }, { children: _jsx(Link, { sx: { color: 'rgba(0, 0, 0, 0.56)', cursor: 'pointer' }, text: _jsx(DeleteIcon, {}), onClick: function () { return handleDelete(row); } }) }))] })));
             },
         },
     ];
-    return (_jsxs(AbilityRoot, { children: [_jsx(UpdateAbility, __assign({}, state, { onClose: handleClose, onSuccess: getList })), _jsx(Header, { title: "\u8003\u5BDF\u80FD\u529B\u7BA1\u7406", renderAction: function () { return (_jsx(Button, __assign({ icon: _jsx(AddIcon, {}), onClick: handleAdd }, { children: "\u65B0\u589E\u80FD\u529B" }))); } }), _jsx(Box, __assign({ mt: 2, border: "1px solid rgba(0, 0, 0, 0.08)", borderRadius: 0.5, overflow: "hidden" }, { children: _jsx(Table, { emptyText: "\u6682\u65E0\u6570\u636E", loading: listLoading, data: data === null || data === void 0 ? void 0 : data.data.list, columns: columns }) }))] }));
+    return (_jsxs(AbilityRoot, { children: [AddAbilityOpen && (_jsx(AddAbility, __assign({}, state, { open: AddAbilityOpen, ablilityNameLength: ablilityNameLength, onClose: handleClose, onSuccess: getList }))), UpdateAbilityOpen && (_jsx(UpdateAbility, __assign({}, state, { open: UpdateAbilityOpen, ablilityNameLength: ablilityNameLength, onClose: handleClose, onSuccess: getList }))), _jsx(Header, { title: "\u8003\u5BDF\u80FD\u529B\u7BA1\u7406", renderAction: function () { return (_jsx(Button, __assign({ icon: _jsx(AddIcon, {}), onClick: handleAdd }, { children: "\u65B0\u589E\u80FD\u529B" }))); } }), _jsx(Box, __assign({ mt: 2, border: "1px solid rgba(0, 0, 0, 0.08)", borderRadius: 0.5, overflow: "hidden" }, { children: _jsx(Table, { emptyText: "\u6682\u65E0\u6570\u636E", nameText: "\u8003\u5BDF\u80FD\u529B", loading: listLoading, data: data === null || data === void 0 ? void 0 : data.data.list, columns: columns }) }))] }));
 };
 export default AiAbilityRoot;

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

@@ -0,0 +1,129 @@
+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 };
+    }
+};
+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 = useState(items.length ? items.join('\n') : ''), content = _f[0], setContent = _f[1];
+    var _g = useState(mode), 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/AddAbility/index.d.ts

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