eli-video-interview 1.2.42-alpha.51 → 1.2.42-alpha.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/modules/ai-ability/components/AbilityFormItem/index.js +11 -46
- package/esm/modules/ai-ability/components/UpdateAbility/index.js +6 -37
- package/lib/modules/ai-ability/components/AbilityFormItem/index.js +13 -45
- package/lib/modules/ai-ability/components/UpdateAbility/index.js +6 -37
- package/package.json +1 -1
|
@@ -64,32 +64,31 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
64
64
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
65
65
|
import { GetAiDefine } from "../../../../services/ai-ability";
|
|
66
66
|
import { useRequest } from 'ahooks';
|
|
67
|
-
import { AddIcon, Button, CloseIcon, FormItem, IconButton, RefreshIcon, Typography
|
|
67
|
+
import { AddIcon, Button, CloseIcon, FormItem, IconButton, RefreshIcon, Typography } from 'fbm-ui';
|
|
68
|
+
import messages from 'fbm-ui/lib/components/Message';
|
|
68
69
|
import { Box, Stack } from 'fbm-ui/lib/mui';
|
|
69
70
|
import { FieldArray } from 'formik';
|
|
70
71
|
import { useCallback, useEffect, useState } from 'react';
|
|
71
72
|
var AbilityFormItem = function (_a) {
|
|
72
73
|
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;
|
|
73
|
-
var _f = __read(useState(
|
|
74
|
-
var _g =
|
|
75
|
-
var _h = useRequest(GetAiDefine, {
|
|
74
|
+
var _f = __read(useState(mode), 2), internalMode = _f[0], setMode = _f[1];
|
|
75
|
+
var _g = useRequest(GetAiDefine, {
|
|
76
76
|
manual: true,
|
|
77
77
|
onSuccess: function (_a) {
|
|
78
78
|
var data = _a.data;
|
|
79
79
|
var _b = data.list, list = _b === void 0 ? [] : _b;
|
|
80
80
|
var defineRes = list[0].items;
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
82
|
+
name: title,
|
|
83
|
+
type: type,
|
|
84
|
+
items: defineRes,
|
|
85
|
+
});
|
|
83
86
|
},
|
|
84
87
|
onError: function (err) {
|
|
88
|
+
messages.error("".concat(title, "\u751F\u6210\u8D85\u65F6"));
|
|
85
89
|
console.log(err);
|
|
86
|
-
nameTextField.setError("".concat(title, "\u751F\u6210\u8D85\u65F6"));
|
|
87
90
|
},
|
|
88
|
-
}), PostAiDefine =
|
|
89
|
-
var handleChange = useCallback(function (e) {
|
|
90
|
-
var value = e.target.value;
|
|
91
|
-
setContent(value);
|
|
92
|
-
}, []);
|
|
91
|
+
}), PostAiDefine = _g.run, loading = _g.loading;
|
|
93
92
|
var handleReplace = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
94
93
|
return __generator(this, function (_a) {
|
|
95
94
|
PostAiDefine({
|
|
@@ -99,38 +98,9 @@ var AbilityFormItem = function (_a) {
|
|
|
99
98
|
return [2 /*return*/];
|
|
100
99
|
});
|
|
101
100
|
}); }, [type, name, PostAiDefine]);
|
|
102
|
-
var nameTextField = useTextField({
|
|
103
|
-
value: content,
|
|
104
|
-
name: type,
|
|
105
|
-
required: true,
|
|
106
|
-
disabled: loading,
|
|
107
|
-
rules: [
|
|
108
|
-
{
|
|
109
|
-
required: true,
|
|
110
|
-
message: "".concat(title, "\u4E0D\u80FD\u4E3A\u7A7A"),
|
|
111
|
-
},
|
|
112
|
-
],
|
|
113
|
-
onChange: handleChange,
|
|
114
|
-
max: maxTextLength,
|
|
115
|
-
rows: 3,
|
|
116
|
-
multiline: true,
|
|
117
|
-
sx: {
|
|
118
|
-
marginBottom: '43px',
|
|
119
|
-
},
|
|
120
|
-
});
|
|
121
101
|
useEffect(function () {
|
|
122
102
|
setMode(mode);
|
|
123
103
|
}, [mode]);
|
|
124
|
-
useEffect(function () {
|
|
125
|
-
var resItems = [4, 5].includes(type) ? content.split('\n') : [content];
|
|
126
|
-
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
127
|
-
name: title,
|
|
128
|
-
type: type,
|
|
129
|
-
items: content ? resItems : [''],
|
|
130
|
-
});
|
|
131
|
-
// nameTextField.handleValidate();
|
|
132
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
133
|
-
}, [content, title, type]);
|
|
134
104
|
useEffect(function () {
|
|
135
105
|
// don't excute when edit detail
|
|
136
106
|
if (token)
|
|
@@ -141,11 +111,6 @@ var AbilityFormItem = function (_a) {
|
|
|
141
111
|
});
|
|
142
112
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
143
113
|
}, [type, name, token]);
|
|
144
|
-
// useEffect(() => {
|
|
145
|
-
// if (item?.items?.length) {
|
|
146
|
-
// setContent(item.items.join('\n'));
|
|
147
|
-
// }
|
|
148
|
-
// }, [item]);
|
|
149
114
|
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) {
|
|
150
115
|
var _b, _c;
|
|
151
116
|
var pushItem = _a.push, removeItem = _a.remove;
|
|
@@ -101,43 +101,12 @@ var UpdateAbility = function (props) {
|
|
|
101
101
|
},
|
|
102
102
|
}).run;
|
|
103
103
|
var handleValue = useCallback(function (v) {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
// // const error = await nameTextField.handleValidate();
|
|
111
|
-
// const error = false;
|
|
112
|
-
// const workPlaceItemsError = workPlaceItems.some(v => v.items.length === 0);
|
|
113
|
-
// if (!error) {
|
|
114
|
-
// const avocadoConfig = window['AvocadoVideoInterviewConfig'];
|
|
115
|
-
// // 旧自定义能力
|
|
116
|
-
// if (type === 3 && !isWorkplace) {
|
|
117
|
-
// run({
|
|
118
|
-
// name: value,
|
|
119
|
-
// tag: value,
|
|
120
|
-
// token,
|
|
121
|
-
// mateData: {
|
|
122
|
-
// account: avocadoConfig?.account,
|
|
123
|
-
// enterpriseId: avocadoConfig?.enterpriseId,
|
|
124
|
-
// },
|
|
125
|
-
// });
|
|
126
|
-
// } else if (!workPlaceItemsError) {
|
|
127
|
-
// // 职场能力
|
|
128
|
-
// run({
|
|
129
|
-
// name: value,
|
|
130
|
-
// tag: value,
|
|
131
|
-
// token,
|
|
132
|
-
// workPlaceItems,
|
|
133
|
-
// mateData: {
|
|
134
|
-
// account: avocadoConfig?.account,
|
|
135
|
-
// enterpriseId: avocadoConfig?.enterpriseId,
|
|
136
|
-
// },
|
|
137
|
-
// });
|
|
138
|
-
// }
|
|
139
|
-
// }
|
|
140
|
-
// }, [run, token, value, isWorkplace, type, workPlaceItems]);
|
|
104
|
+
var workPlaceItems = formik.values.workPlaceItems;
|
|
105
|
+
var index = workPlaceItems.findIndex(function (ele) { return ele.type === v.type; });
|
|
106
|
+
workPlaceItems.splice(index, 1, v);
|
|
107
|
+
var list = workPlaceItems;
|
|
108
|
+
formik.setFieldValue('workPlaceItems', list);
|
|
109
|
+
}, [formik]);
|
|
141
110
|
var footer = useCallback(function () {
|
|
142
111
|
return step === 1 ? (_jsx(Box, __assign({ display: "flex", padding: "12px 16px" }, { children: type === 1 ? (_jsx(_Fragment, {})) : (_jsx(Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(2); } }, { children: "\u7F16\u8F91" }))) }))) : (_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: loading, onClick: formik.submitForm }, { children: "\u4FDD\u5B58" }))] })));
|
|
143
112
|
}, [step, type, onClose, loading, formik]);
|
|
@@ -62,36 +62,38 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
62
62
|
}
|
|
63
63
|
return ar;
|
|
64
64
|
};
|
|
65
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
66
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
67
|
+
};
|
|
65
68
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
66
69
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
70
|
var ai_ability_1 = require("../../../../services/ai-ability");
|
|
68
71
|
var ahooks_1 = require("ahooks");
|
|
69
72
|
var fbm_ui_1 = require("fbm-ui");
|
|
73
|
+
var Message_1 = __importDefault(require("fbm-ui/lib/components/Message"));
|
|
70
74
|
var mui_1 = require("fbm-ui/lib/mui");
|
|
71
75
|
var formik_1 = require("formik");
|
|
72
76
|
var react_1 = require("react");
|
|
73
77
|
var AbilityFormItem = function (_a) {
|
|
74
78
|
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;
|
|
75
|
-
var _f = __read((0, react_1.useState)(
|
|
76
|
-
var _g =
|
|
77
|
-
var _h = (0, ahooks_1.useRequest)(ai_ability_1.GetAiDefine, {
|
|
79
|
+
var _f = __read((0, react_1.useState)(mode), 2), internalMode = _f[0], setMode = _f[1];
|
|
80
|
+
var _g = (0, ahooks_1.useRequest)(ai_ability_1.GetAiDefine, {
|
|
78
81
|
manual: true,
|
|
79
82
|
onSuccess: function (_a) {
|
|
80
83
|
var data = _a.data;
|
|
81
84
|
var _b = data.list, list = _b === void 0 ? [] : _b;
|
|
82
85
|
var defineRes = list[0].items;
|
|
83
|
-
|
|
84
|
-
|
|
86
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
87
|
+
name: title,
|
|
88
|
+
type: type,
|
|
89
|
+
items: defineRes,
|
|
90
|
+
});
|
|
85
91
|
},
|
|
86
92
|
onError: function (err) {
|
|
93
|
+
Message_1.default.error("".concat(title, "\u751F\u6210\u8D85\u65F6"));
|
|
87
94
|
console.log(err);
|
|
88
|
-
nameTextField.setError("".concat(title, "\u751F\u6210\u8D85\u65F6"));
|
|
89
95
|
},
|
|
90
|
-
}), PostAiDefine =
|
|
91
|
-
var handleChange = (0, react_1.useCallback)(function (e) {
|
|
92
|
-
var value = e.target.value;
|
|
93
|
-
setContent(value);
|
|
94
|
-
}, []);
|
|
96
|
+
}), PostAiDefine = _g.run, loading = _g.loading;
|
|
95
97
|
var handleReplace = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
96
98
|
return __generator(this, function (_a) {
|
|
97
99
|
PostAiDefine({
|
|
@@ -101,38 +103,9 @@ var AbilityFormItem = function (_a) {
|
|
|
101
103
|
return [2 /*return*/];
|
|
102
104
|
});
|
|
103
105
|
}); }, [type, name, PostAiDefine]);
|
|
104
|
-
var nameTextField = (0, fbm_ui_1.useTextField)({
|
|
105
|
-
value: content,
|
|
106
|
-
name: type,
|
|
107
|
-
required: true,
|
|
108
|
-
disabled: loading,
|
|
109
|
-
rules: [
|
|
110
|
-
{
|
|
111
|
-
required: true,
|
|
112
|
-
message: "".concat(title, "\u4E0D\u80FD\u4E3A\u7A7A"),
|
|
113
|
-
},
|
|
114
|
-
],
|
|
115
|
-
onChange: handleChange,
|
|
116
|
-
max: maxTextLength,
|
|
117
|
-
rows: 3,
|
|
118
|
-
multiline: true,
|
|
119
|
-
sx: {
|
|
120
|
-
marginBottom: '43px',
|
|
121
|
-
},
|
|
122
|
-
});
|
|
123
106
|
(0, react_1.useEffect)(function () {
|
|
124
107
|
setMode(mode);
|
|
125
108
|
}, [mode]);
|
|
126
|
-
(0, react_1.useEffect)(function () {
|
|
127
|
-
var resItems = [4, 5].includes(type) ? content.split('\n') : [content];
|
|
128
|
-
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
129
|
-
name: title,
|
|
130
|
-
type: type,
|
|
131
|
-
items: content ? resItems : [''],
|
|
132
|
-
});
|
|
133
|
-
// nameTextField.handleValidate();
|
|
134
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
135
|
-
}, [content, title, type]);
|
|
136
109
|
(0, react_1.useEffect)(function () {
|
|
137
110
|
// don't excute when edit detail
|
|
138
111
|
if (token)
|
|
@@ -143,11 +116,6 @@ var AbilityFormItem = function (_a) {
|
|
|
143
116
|
});
|
|
144
117
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
145
118
|
}, [type, name, token]);
|
|
146
|
-
// useEffect(() => {
|
|
147
|
-
// if (item?.items?.length) {
|
|
148
|
-
// setContent(item.items.join('\n'));
|
|
149
|
-
// }
|
|
150
|
-
// }, [item]);
|
|
151
119
|
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) {
|
|
152
120
|
var _b, _c;
|
|
153
121
|
var pushItem = _a.push, removeItem = _a.remove;
|
|
@@ -129,43 +129,12 @@ var UpdateAbility = function (props) {
|
|
|
129
129
|
},
|
|
130
130
|
}).run;
|
|
131
131
|
var handleValue = (0, react_1.useCallback)(function (v) {
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
// // const error = await nameTextField.handleValidate();
|
|
139
|
-
// const error = false;
|
|
140
|
-
// const workPlaceItemsError = workPlaceItems.some(v => v.items.length === 0);
|
|
141
|
-
// if (!error) {
|
|
142
|
-
// const avocadoConfig = window['AvocadoVideoInterviewConfig'];
|
|
143
|
-
// // 旧自定义能力
|
|
144
|
-
// if (type === 3 && !isWorkplace) {
|
|
145
|
-
// run({
|
|
146
|
-
// name: value,
|
|
147
|
-
// tag: value,
|
|
148
|
-
// token,
|
|
149
|
-
// mateData: {
|
|
150
|
-
// account: avocadoConfig?.account,
|
|
151
|
-
// enterpriseId: avocadoConfig?.enterpriseId,
|
|
152
|
-
// },
|
|
153
|
-
// });
|
|
154
|
-
// } else if (!workPlaceItemsError) {
|
|
155
|
-
// // 职场能力
|
|
156
|
-
// run({
|
|
157
|
-
// name: value,
|
|
158
|
-
// tag: value,
|
|
159
|
-
// token,
|
|
160
|
-
// workPlaceItems,
|
|
161
|
-
// mateData: {
|
|
162
|
-
// account: avocadoConfig?.account,
|
|
163
|
-
// enterpriseId: avocadoConfig?.enterpriseId,
|
|
164
|
-
// },
|
|
165
|
-
// });
|
|
166
|
-
// }
|
|
167
|
-
// }
|
|
168
|
-
// }, [run, token, value, isWorkplace, type, workPlaceItems]);
|
|
132
|
+
var workPlaceItems = formik.values.workPlaceItems;
|
|
133
|
+
var index = workPlaceItems.findIndex(function (ele) { return ele.type === v.type; });
|
|
134
|
+
workPlaceItems.splice(index, 1, v);
|
|
135
|
+
var list = workPlaceItems;
|
|
136
|
+
formik.setFieldValue('workPlaceItems', list);
|
|
137
|
+
}, [formik]);
|
|
169
138
|
var footer = (0, react_1.useCallback)(function () {
|
|
170
139
|
return step === 1 ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", padding: "12px 16px" }, { children: type === 1 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(2); } }, { children: "\u7F16\u8F91" }))) }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: formik.submitForm }, { children: "\u4FDD\u5B58" }))] })));
|
|
171
140
|
}, [step, type, onClose, loading, formik]);
|