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

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").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>, {}>;
+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>, {}>;

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").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").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").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").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").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").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").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").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").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/index.d.ts

@@ -1,6 +1,5 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
-export { default as MenuAnchor } from './modules/ai-report/components/MenuAnchor/MenuAnchor';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as VideoPreview } from './components/VideoPreview';

package/esm/index.js

@@ -1,6 +1,5 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
-export { default as MenuAnchor } from './modules/ai-report/components/MenuAnchor/MenuAnchor';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as VideoPreview } from './components/VideoPreview';

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

@@ -46,16 +46,24 @@ 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 { AddIcon, Box, Button, confirm, DeleteIcon, EditIcon, Header, Link, Message, Table } from 'fbm-ui';
-import { useRequest, useSetState } from 'ahooks';
-import dayjs from 'dayjs';
-import { PostQuestionCollectionDelete, PostQuestionCollectionList } from "../../services/ai-ability";
+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 { AddIcon, Box, Button, confirm, DeleteIcon, DocumentIcon, Header, Link, Message, Table, Tooltip } from 'fbm-ui';
+import { useCallback, useState } from 'react';
 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;
+    var _a = useSetState({
+        name: '',
+        token: '',
+        type: 3,
+        isWorkplace: false,
+    }), state = _a[0], setState = _a[1];
+    var _b = useState(false), AddAbilityOpen = _b[0], setAddAbilityOpen = _b[1];
+    var _c = useState(false), UpdateAbilityOpen = _c[0], setUpdateAbilityOpen = _c[1];
+    var _d = useRequest(PostQuestionCollectionList), data = _d.data, getList = _d.run, listLoading = _d.loading;
     var deleteList = useRequest(PostQuestionCollectionDelete, {
         manual: true,
         onSuccess: function () {
@@ -64,12 +72,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 +88,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 +108,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',
@@ -126,10 +138,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(_Fragment, { 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(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: [_jsx(AddAbility, __assign({}, state, { open: AddAbilityOpen, onClose: handleClose, onSuccess: getList })), _jsx(UpdateAbility, __assign({}, state, { open: UpdateAbilityOpen, 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 }) }))] }));
 };
 export default AiAbilityRoot;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface AbilityFormItemProps {
+    token?: string;
+    title: string;
+    name: string;
+    type: number;
+    answer?: string;
+    mode: string;
+    canReplace?: boolean;
+    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,126 @@
+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.answer, answer = _b === void 0 ? '' : _b, _c = _a.mode, mode = _c === void 0 ? 'show' : _c, _d = _a.canReplace, canReplace = _d === void 0 ? false : _d, onChange = _a.onChange;
+    var _e = useState(answer), content = _e[0], setContent = _e[1];
+    var _f = useState(mode), internalMode = _f[0], setMode = _f[1];
+    var _g = 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[0];
+            setContent(defineRes);
+        },
+        onError: function (err) {
+            console.log(err);
+        },
+    }), PostAiDefine = _g.run, loading = _g.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: "\u8BF7\u8F93\u5165".concat(title),
+            },
+        ],
+        onChange: handleChange,
+        max: 100,
+        rows: 3,
+        multiline: true,
+        sx: {
+            marginBottom: '32px',
+        },
+    });
+    useEffect(function () {
+        setMode(mode);
+    }, [mode]);
+    useEffect(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            name: title,
+            type: type,
+            items: content ? [content] : [],
+        });
+        // 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, pr: 2 }, { children: _jsx(TextField, __assign({}, nameTextField)) }))), internalMode === 'show' && (_jsx(Box, __assign({ style: { marginTop: '-8px', marginBottom: '24px' } }, { 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;

package/esm/modules/ai-ability/components/AddAbility/index.js

@@ -0,0 +1,178 @@
+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 AbilityFormItem from '../AbilityFormItem';
+import { PostQuestionCollectionUpsert } from "../../../../services/ai-ability";
+import { useRequest } from 'ahooks';
+import { Box, Button, Drawer, Message, TextField, Typography, useTextField } from 'fbm-ui';
+import { useCallback, useEffect, useState } from 'react';
+var AddAbility = function (props) {
+    var open = props.open, _a = props.name, name = _a === void 0 ? '' : _a, _b = props.type, type = _b === void 0 ? 3 : _b, token = props.token, onClose = props.onClose, onSuccess = props.onSuccess;
+    var _c = useState(''), value = _c[0], setValue = _c[1];
+    var _d = useState(1), step = _d[0], setStep = _d[1];
+    var _e = useState(false), stepLoading = _e[0], setStepLoading = _e[1];
+    var initialValues = {
+        workPlaceItems: [
+            {
+                name: '能力定义',
+                type: 1,
+                answer: '',
+            },
+            {
+                name: '次表现-优秀表现',
+                type: 2,
+                answer: '',
+            },
+            {
+                name: '优次表现-较差表现',
+                type: 3,
+                answer: '',
+            },
+            {
+                name: '考察建议-面试题目',
+                type: 4,
+                answer: '',
+            },
+            {
+                name: '考察建议-评分关键点',
+                type: 5,
+                answer: '',
+            },
+        ],
+    };
+    var _f = useState(initialValues.workPlaceItems), workPlaceItems = _f[0], setWorkPlaceItems = _f[1];
+    var _g = useRequest(PostQuestionCollectionUpsert, {
+        manual: true,
+        onSuccess: function () {
+            Message.success('新增能力成功');
+            onClose();
+            onSuccess();
+        },
+    }), run = _g.run, loading = _g.loading;
+    var nameTextField = useTextField({
+        value: value,
+        label: '能力名称',
+        required: true,
+        rules: [
+            {
+                required: true,
+                message: '请输入能力名称',
+            },
+        ],
+        onChange: function (e) { return setValue(e.target.value); },
+        max: 7,
+        sx: {
+            height: '48px',
+            width: '320px',
+            marginTop: '16px',
+        },
+    });
+    var handleStep = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, nameTextField.handleValidate()];
+                case 1:
+                    error = _a.sent();
+                    if (!error) {
+                        setStepLoading(true);
+                        setTimeout(function () {
+                            setStep(2);
+                            setStepLoading(false);
+                        }, 300);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [nameTextField]);
+    var handleValue = useCallback(function (v) {
+        var index = workPlaceItems.findIndex(function (ele) { return ele.type === v.type; });
+        workPlaceItems.splice(index, 1, v);
+        var list = workPlaceItems;
+        console.log(v, list);
+        setWorkPlaceItems(list);
+    }, [workPlaceItems]);
+    var handleOk = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error, avocadoConfig;
+        return __generator(this, function (_a) {
+            console.log(workPlaceItems);
+            error = workPlaceItems.some(function (v) { return v.items.length === 0; });
+            if (!error) {
+                avocadoConfig = window['AvocadoVideoInterviewConfig'];
+                run({
+                    name: value,
+                    tag: value,
+                    token: token,
+                    type: type,
+                    workPlaceItems: workPlaceItems,
+                    mateData: {
+                        account: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.account,
+                        enterpriseId: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.enterpriseId,
+                    },
+                });
+            }
+            return [2 /*return*/];
+        });
+    }); }, [run, type, token, value, workPlaceItems]);
+    var footer = useCallback(function () {
+        return step === 1 ? (_jsxs(Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [_jsx(Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ loading: stepLoading, onClick: handleStep }, { children: "\u4E0B\u4E00\u6B65" }))] }))) : (_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", padding: "12px 16px" }, { children: [_jsx(Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(1); } }, { children: "\u4E0A\u4E00\u6B65" })), _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ loading: loading, onClick: handleOk }, { children: "\u65B0\u589E" }))] }))] })));
+    }, [step, loading, stepLoading, handleStep, setStep, handleOk, onClose]);
+    useEffect(function () {
+        setValue(name);
+    }, [name]);
+    useEffect(function () {
+        if (!open) {
+            setValue('');
+            setStep(1);
+            nameTextField.setError();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    return (_jsx(Drawer, __assign({ className: "abilityDrawer", title: '新增能力', open: open, footer: footer, onClose: onClose }, { children: step === 1 ? (_jsxs(Box, __assign({ style: { width: '556px' } }, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: "\u4F7F\u7528\u901A\u7528\u7684\u80FD\u529B\u540D\u79F0\uFF08\u4F8B\u5982\uFF1A\u9886\u5BFC\u529B\u3001\u5E94\u53D8\u80FD\u529B\u7B49\u5E38\u89C1\u8003\u6838\u9879\uFF09\u547D\u540D\u6709\u52A9\u4E8E\u63D0\u9AD8 AI \u8BC4\u4EF7\u53CA\u8BC4\u5206\u51C6\u786E\u6027\u3002" })), _jsx(TextField, __assign({}, nameTextField))] }))) : (_jsxs(Box, __assign({ style: { width: '556px' } }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), _jsxs(Typography, __assign({ variant: "body2", color: "secondary", mb: 2 }, { children: ["\u6839\u636E\u60A8\u8F93\u5165\u7684\u80FD\u529B\u540D\u79F0\u300C", _jsx("span", __assign({ style: { color: '#4CAF50', fontWeight: '500' } }, { children: value })), "\u300D\uFF0C\u5E2E\u60A8\u81EA\u52A8\u751F\u6210\u5173\u4E8E\u8BE5\u80FD\u529B\u7684\u5B9A\u4E49\u5185\u5BB9\u3001\u4F18\u6B21\u8868\u73B0\u4EE5\u53CA\u8003\u5BDF\u5EFA\u8BAE\u5185\u5BB9\uFF0C\u786E\u5B9A\u540E\u5C06\u4F1A\u6309\u7167\u8BE5\u6807\u51C6\u751F\u6210AI\u62A5\u544A\u3002"] })), initialValues.workPlaceItems.map(function (v) { return (_jsx(AbilityFormItem, { name: value, title: v.name, type: v.type, answer: v.answer, mode: "edit", canReplace: true, onChange: handleValue }, v.type)); })] }))) })));
+};
+export default AddAbility;

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

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