eli-video-interview 1.2.20 → 1.2.23

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,8 @@ 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))

package/esm/modules/ai-report/components/ScoreReport/Bar.js

@@ -10,11 +10,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Box, Typography } from 'fbm-ui';
+import { rankPercent } from '../../utils';
 import { scoreRankIntervalColors } from "../../../../constants/ai-report";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
-import { rankPercent } from '../../utils';
+import { Box, Typography } from 'fbm-ui';
+import { useEffect, useState } from 'react';
 var Bar = function () {
     var _a = useState(1), currentRank = _a[0], setCurrentRank = _a[1];
     var _b = useState(''), text = _b[0], setText = _b[1];

package/lib/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/lib/components/Charts/Chart.js

@@ -24,20 +24,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var echarts = __importStar(require("echarts"));
+var react_1 = require("react");
 var charts = {};
 var Chart = function (_a) {
     var _b = _a.id, id = _b === void 0 ? '' : _b, options = _a.options;
     var currentId = (0, react_1.useRef)('');
     var target = (0, react_1.useRef)(null);
     (0, react_1.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]);
     (0, react_1.useEffect)(function () {
@@ -49,7 +49,7 @@ var Chart = function (_a) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: target, style: {
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, ref: target, style: {
             width: '100%',
             height: '100%',
         } }));

package/lib/components/Charts/ReportPie.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var Chart_1 = __importDefault(require("./Chart"));
 var const_1 = require("./const");
+var Chart_1 = __importDefault(require("./Chart"));
 var formateTitle = function (originalTitle) {
     var regex = /(\d+?)[.](.+)/;
     if (!regex.test(originalTitle))

package/lib/modules/ai-report/components/ScoreReport/Bar.js

@@ -12,11 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
+var utils_1 = require("../../utils");
 var ai_report_1 = require("../../../../constants/ai-report");
 var global_store_1 = require("../../../../store/ai-report/global-store");
-var utils_1 = require("../../utils");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var Bar = function () {
     var _a = (0, react_1.useState)(1), currentRank = _a[0], setCurrentRank = _a[1];
     var _b = (0, react_1.useState)(''), text = _b[0], setText = _b[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eli-video-interview",
-  "version": "1.2.20",
+  "version": "1.2.23",
   "description": "鳄梨科技 AI视频面试 React SDK",
   "author": "鳄梨科技",
   "license": "MIT",
@@ -29,6 +29,12 @@
     "typescript": "^4.7.2",
     "use-immer": "^0.7.0"
   },
+  "devDependencies": {
+    "@types/jest": "^27.5.1",
+    "@types/node": "^16.11.36",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0"
+  },
   "scripts": {
     "clean": "rimraf lib esm build",
     "serve": "npm run dev",