eli-video-interview 1.1.6 → 1.1.7

package/esm/components/Charts/const.js

@@ -1,382 +1,17 @@
-export var 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',
-            },
-        },
+export var 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/esm/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/esm/components/RootProvider/index.d.ts

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

package/esm/components/RootProvider/index.js

@@ -0,0 +1,27 @@
+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 } 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';
+var AnyStylesProvider = StylesProvider;
+var generateClassName = createGenerateClassName({
+    seed: 'eli-video-interview',
+    productionPrefix: 'eli-video-interview',
+    disableGlobal: true,
+});
+var RootProvider = function (_a) {
+    var children = _a.children;
+    return (_jsx(AnyStylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, { children: _jsx(StyledEngineProvider, __assign({ injectFirst: true }, { children: _jsx(HoxRoot, { children: children }) })) }) })));
+};
+export default RootProvider;

package/esm/components/ScoreBigBall/index.js

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

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

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

package/esm/components/ScoreBigBall/interface.js

@@ -0,0 +1 @@
+export {};

package/esm/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/esm/components/ScoreBigBall/styled.js

@@ -0,0 +1,12 @@
+import { Box, styled } from 'fbm-ui';
+export var ScoreBigBallRoot = styled(Box)({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    borderRadius: '50%',
+    overflow: 'hidden',
+});

package/esm/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/esm/components/SvgIcon/index.js

@@ -21,11 +21,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { ReactSVG } from '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 = useState(''), src = _b[0], setSrc = _b[1];
+    import("../../assets/icons/".concat(name, ".svg")).then(function (v) { return setSrc(v.default); });
     return _jsx(ReactSVG, __assign({ src: src }, props));
 };
 export default Icon;

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

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

package/esm/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/esm/index.js

@@ -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/esm/modules/ai-ability/Root.d.ts

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