eli-video-interview 1.1.5 → 1.1.7

package/lib/components/Charts/const.js

@@ -1,385 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = void 0;
-exports.theme = {
-    color: ['#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad', '#96dee8'],
-    backgroundColor: 'rgba(252,252,252,0)',
-    textStyle: {},
-    title: {
-        textStyle: {
-            color: '#666666',
-        },
-        subtextStyle: {
-            color: '#999999',
-        },
-    },
-    line: {
-        itemStyle: {
-            borderWidth: '2',
-        },
-        lineStyle: {
-            width: '3',
-        },
-        symbolSize: '8',
-        symbol: 'emptyCircle',
-        smooth: false,
-    },
-    radar: {
-        itemStyle: {
-            borderWidth: '2',
-        },
-        lineStyle: {
-            width: '3',
-        },
-        symbolSize: '8',
-        symbol: 'emptyCircle',
-        smooth: false,
-    },
-    bar: {
-        itemStyle: {
-            barBorderWidth: 0,
-            barBorderColor: '#ccc',
-        },
-    },
-    pie: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-    },
-    scatter: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-    },
-    boxplot: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-    },
-    parallel: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-    },
-    sankey: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-    },
-    funnel: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-    },
-    gauge: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-    },
-    candlestick: {
-        itemStyle: {
-            color: '#e6a0d2',
-            color0: 'transparent',
-            borderColor: '#e6a0d2',
-            borderColor0: '#3fb1e3',
-            borderWidth: '2',
-        },
-    },
-    graph: {
-        itemStyle: {
-            borderWidth: 0,
-            borderColor: '#ccc',
-        },
-        lineStyle: {
-            width: '1',
-            color: '#cccccc',
-        },
-        symbolSize: '8',
-        symbol: 'emptyCircle',
-        smooth: false,
-        color: ['#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad', '#96dee8'],
-        label: {
-            color: '#ffffff',
-        },
-    },
-    map: {
-        itemStyle: {
-            normal: {
-                areaColor: '#eeeeee',
-                borderColor: '#aaaaaa',
-                borderWidth: 0.5,
-            },
-            emphasis: {
-                areaColor: 'rgba(63,177,227,0.25)',
-                borderColor: '#3fb1e3',
-                borderWidth: 1,
-            },
-        },
-        label: {
-            normal: {
-                textStyle: {
-                    color: '#ffffff',
-                },
-            },
-            emphasis: {
-                textStyle: {
-                    color: '#3fb1e3',
-                },
-            },
-        },
-    },
-    geo: {
-        itemStyle: {
-            normal: {
-                areaColor: '#eeeeee',
-                borderColor: '#aaaaaa',
-                borderWidth: 0.5,
-            },
-            emphasis: {
-                areaColor: 'rgba(63,177,227,0.25)',
-                borderColor: '#3fb1e3',
-                borderWidth: 1,
-            },
-        },
-        label: {
-            normal: {
-                textStyle: {
-                    color: '#ffffff',
-                },
-            },
-            emphasis: {
-                textStyle: {
-                    color: '#3fb1e3',
-                },
-            },
-        },
-    },
-    categoryAxis: {
-        axisLine: {
-            show: true,
-            lineStyle: {
-                color: '#cccccc',
-            },
-        },
-        axisTick: {
-            show: false,
-            lineStyle: {
-                color: '#333',
-            },
-        },
-        axisLabel: {
-            show: true,
-            textStyle: {
-                color: '#999999',
-            },
-        },
-        splitLine: {
-            show: false,
-            lineStyle: {
-                color: ['#eeeeee'],
-            },
-        },
-        splitArea: {
-            show: false,
-            areaStyle: {
-                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
-            },
-        },
-    },
-    valueAxis: {
-        axisLine: {
-            show: true,
-            lineStyle: {
-                color: '#cccccc',
-            },
-        },
-        axisTick: {
-            show: false,
-            lineStyle: {
-                color: '#333',
-            },
-        },
-        axisLabel: {
-            show: true,
-            textStyle: {
-                color: '#999999',
-            },
-        },
-        splitLine: {
-            show: false,
-            lineStyle: {
-                color: ['#eeeeee'],
-            },
-        },
-        splitArea: {
-            show: false,
-            areaStyle: {
-                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
-            },
-        },
-    },
-    logAxis: {
-        axisLine: {
-            show: true,
-            lineStyle: {
-                color: '#cccccc',
-            },
-        },
-        axisTick: {
-            show: false,
-            lineStyle: {
-                color: '#333',
-            },
-        },
-        axisLabel: {
-            show: true,
-            textStyle: {
-                color: '#999999',
-            },
-        },
-        splitLine: {
-            show: false,
-            lineStyle: {
-                color: ['#eeeeee'],
-            },
-        },
-        splitArea: {
-            show: false,
-            areaStyle: {
-                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
-            },
-        },
-    },
-    timeAxis: {
-        axisLine: {
-            show: true,
-            lineStyle: {
-                color: '#cccccc',
-            },
-        },
-        axisTick: {
-            show: false,
-            lineStyle: {
-                color: '#333',
-            },
-        },
-        axisLabel: {
-            show: true,
-            textStyle: {
-                color: '#999999',
-            },
-        },
-        splitLine: {
-            show: false,
-            lineStyle: {
-                color: ['#eeeeee'],
-            },
-        },
-        splitArea: {
-            show: false,
-            areaStyle: {
-                color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
-            },
-        },
-    },
-    toolbox: {
-        iconStyle: {
-            normal: {
-                borderColor: '#999999',
-            },
-            emphasis: {
-                borderColor: '#666666',
-            },
-        },
-    },
-    legend: {
-        textStyle: {
-            color: '#999999',
-        },
-    },
-    tooltip: {
-        axisPointer: {
-            lineStyle: {
-                color: '#cccccc',
-                width: 1,
-            },
-            crossStyle: {
-                color: '#cccccc',
-                width: 1,
-            },
-        },
-    },
-    timeline: {
-        lineStyle: {
-            color: '#626c91',
-            width: 1,
-        },
-        itemStyle: {
-            normal: {
-                color: '#626c91',
-                borderWidth: 1,
-            },
-            emphasis: {
-                color: '#626c91',
-            },
-        },
-        controlStyle: {
-            normal: {
-                color: '#626c91',
-                borderColor: '#626c91',
-                borderWidth: 0.5,
-            },
-            emphasis: {
-                color: '#626c91',
-                borderColor: '#626c91',
-                borderWidth: 0.5,
-            },
-        },
-        checkpointStyle: {
-            color: '#3fb1e3',
-            borderColor: 'rgba(63,177,227,0.15)',
-        },
-        label: {
-            normal: {
-                textStyle: {
-                    color: '#626c91',
-                },
-            },
-            emphasis: {
-                textStyle: {
-                    color: '#626c91',
-                },
-            },
-        },
-    },
-    visualMap: {
-        color: ['#2a99c9', '#afe8ff'],
-    },
-    dataZoom: {
-        backgroundColor: 'rgba(255,255,255,0)',
-        dataBackgroundColor: 'rgba(222,222,222,1)',
-        fillerColor: 'rgba(114,230,212,0.25)',
-        handleColor: '#cccccc',
-        handleSize: '100%',
-        textStyle: {
-            color: '#999999',
-        },
-    },
-    markPoint: {
-        label: {
-            color: '#ffffff',
-        },
-        emphasis: {
-            label: {
-                color: '#ffffff',
-            },
-        },
+exports.levelMapping = void 0;
+exports.levelMapping = {
+    3: {
+        text: '优秀',
+        itemColor: 'rgb(0, 217, 157)',
+        color: 'rgb(0, 217, 157)',
+    },
+    2: {
+        text: '适中',
+        itemColor: 'rgb(166, 234, 193)',
+        color: 'rgba(0, 0, 0, 0.86)',
+    },
+    1: {
+        text: '欠佳',
+        itemColor: 'rgb(239, 154, 154)',
+        color: 'rgb(255, 108, 108)',
     },
 };

package/lib/components/Charts/interface.d.ts

@@ -1,3 +1,18 @@
+import { Collection } from '@/modules/ai-report/interface';
 export interface ChartProps {
+    id: string;
     options: any;
 }
+export interface TemplatePieProps {
+    id: string;
+    source: Array<{
+        name: string;
+        weight: number;
+    }>;
+    isShowTooltip?: boolean;
+    isShowLabel?: boolean;
+}
+export interface ReportPieProps {
+    id: string;
+    source: Collection[];
+}

package/lib/components/RootProvider/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RootProvider: React.FC;
+export default RootProvider;

package/lib/components/RootProvider/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var hox_1 = require("hox");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var styles_1 = require("@mui/styles");
+var AnyStylesProvider = styles_1.StylesProvider;
+var generateClassName = (0, styles_1.createGenerateClassName)({
+    seed: 'eli-video-interview',
+    productionPrefix: 'eli-video-interview',
+    disableGlobal: true,
+});
+var RootProvider = function (_a) {
+    var children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(AnyStylesProvider, __assign({ generateClassName: generateClassName }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(mui_1.StyledEngineProvider, __assign({ injectFirst: true }, { children: (0, jsx_runtime_1.jsx)(hox_1.HoxRoot, { children: children }) })) }) })));
+};
+exports.default = RootProvider;

package/lib/components/ScoreBigBall/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../utils/utils");
+var BigBallSvg_1 = __importDefault(require("../BigBallSvg"));
+var styled_1 = require("./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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ScoreBigBallRoot, __assign({ width: width, height: height, sx: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && (0, jsx_runtime_1.jsx)(BigBallSvg_1.default, {}), status === 1 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: '#40be47' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { color: '#40be47' } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: { fontFamily: 'DIN Alternate Bold', fontSize: fontSize, fontWeight: 'bold' } }, { children: (0, utils_1.formatScore)(score) > 100 ? 100 : (0, utils_1.formatScore)(score) })), (0, jsx_runtime_1.jsx)("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0,
+                } }))] }));
+};
+exports.default = ScoreBigBall;

package/lib/components/ScoreBigBall/interface.d.ts

@@ -0,0 +1,7 @@
+export interface ScoreBigBallProps {
+    score: number;
+    status?: number;
+    width?: number;
+    height?: number;
+    fontSize?: number;
+}

package/lib/components/ScoreBigBall/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +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>, {}, {}>;

package/lib/components/ScoreBigBall/styled.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScoreBigBallRoot = void 0;
+var fbm_ui_1 = require("fbm-ui");
+exports.ScoreBigBallRoot = (0, fbm_ui_1.styled)(fbm_ui_1.Box)({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    borderRadius: '50%',
+    overflow: 'hidden',
+});

package/lib/components/SvgIcon/index.d.ts

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

package/lib/components/SvgIcon/index.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,11 +46,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_svg_1 = require("react-svg");
 var Icon = function (_a) {
     var name = _a.name, props = __rest(_a, ["name"]);
-    var svg = require("../../assets/icons/".concat(name, ".svg"));
-    var src = (svg === null || svg === void 0 ? void 0 : svg.default) ? svg === null || svg === void 0 ? void 0 : svg.default : svg;
+    var _b = (0, react_1.useState)(''), src = _b[0], setSrc = _b[1];
+    Promise.resolve().then(function () { return __importStar(require("../../assets/icons/".concat(name, ".svg"))); }).then(function (v) { return setSrc(v.default); });
     return (0, jsx_runtime_1.jsx)(react_svg_1.ReactSVG, __assign({ src: src }, props));
 };
 exports.default = Icon;

package/lib/components/SvgIcon/interface.d.ts

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

package/lib/index.d.ts

@@ -1,5 +1,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 VideoPreview } from './components/VideoPreview';
 export { useAiQuestion } from './modules/ai-question/useAiQuestion';
 export { useAiReport } from './modules/ai-report/useAiReport';

package/lib/index.js

@@ -3,11 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.avocadoVideoInterview = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiReport = exports.AiQuestion = void 0;
+exports.avocadoVideoInterview = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiAbility = exports.AiTemplate = exports.AiReport = exports.AiQuestion = void 0;
 var ai_question_1 = require("./modules/ai-question");
 Object.defineProperty(exports, "AiQuestion", { enumerable: true, get: function () { return __importDefault(ai_question_1).default; } });
 var ai_report_1 = require("./modules/ai-report");
 Object.defineProperty(exports, "AiReport", { enumerable: true, get: function () { return __importDefault(ai_report_1).default; } });
+var ai_template_1 = require("./modules/ai-template");
+Object.defineProperty(exports, "AiTemplate", { enumerable: true, get: function () { return __importDefault(ai_template_1).default; } });
+var ai_ability_1 = require("./modules/ai-ability");
+Object.defineProperty(exports, "AiAbility", { enumerable: true, get: function () { return __importDefault(ai_ability_1).default; } });
 var VideoPreview_1 = require("./components/VideoPreview");
 Object.defineProperty(exports, "VideoPreview", { enumerable: true, get: function () { return __importDefault(VideoPreview_1).default; } });
 var useAiQuestion_1 = require("./modules/ai-question/useAiQuestion");

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const AiAbilityRoot: FC;
+export default AiAbilityRoot;