touchstudy-core 0.1.71 → 0.1.73

package/dist/containers/ExamResult/configs/constants.d.ts

@@ -40,6 +40,7 @@ export declare const DEFAULT_LINE_CHART_OPTIONS: {
         show: boolean;
         fontSize: string;
         fontWeight: number;
+        height: number;
         markers: {
             width: number;
             height: number;

package/dist/containers/ExamResult/hooks/useExamResult.d.ts

@@ -18,6 +18,9 @@ declare const useExamResult: (searchParam: string, history: any, examSessionId:
         colors: string[];
         xaxis: {
             categories: any[];
+            tooltip: {
+                formatter: (val: number) => any;
+            };
             axisBorder: {
                 show: boolean;
                 color: string;
@@ -57,6 +60,7 @@ declare const useExamResult: (searchParam: string, history: any, examSessionId:
             show: boolean;
             fontSize: string;
             fontWeight: number;
+            height: number;
             markers: {
                 width: number;
                 height: number;
@@ -93,6 +97,9 @@ declare const useExamResult: (searchParam: string, history: any, examSessionId:
         };
         xaxis: {
             categories: any[];
+            tooltip: {
+                formatter: (val: number) => any;
+            };
             axisBorder: {
                 show: boolean;
                 color: string;
@@ -133,6 +140,7 @@ declare const useExamResult: (searchParam: string, history: any, examSessionId:
             show: boolean;
             fontSize: string;
             fontWeight: number;
+            height: number;
             markers: {
                 width: number;
                 height: number;

package/dist/index.js

@@ -11566,6 +11566,7 @@ var DEFAULT_LINE_CHART_OPTIONS = {
     show: true,
     fontSize: "12px",
     fontWeight: 600,
+    height: 64,
     markers: {
       width: 16,
       height: 1
@@ -11833,11 +11834,17 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
           }
         }),
         xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
-          categories: ["."].concat(Array.from({
+          categories: [""].concat(Array.from({
             length: questionLength
           }, function (_, i) {
             return ORDER_NUMBERS[i + 1] ? t(ORDER_NUMBERS[i + 1]) : toNumberOrder(i + 1);
-          }), ["."])
+          }), [""]),
+          tooltip: {
+            formatter: function formatter(val) {
+              if (val > 1) return t(ORDER_NUMBERS[val - 1]);
+              return null;
+            }
+          }
         }),
         yaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis, {
           tickAmount: questions.length + 1,
@@ -11913,11 +11920,17 @@ var useExamResult = function useExamResult(searchParam, history, examSessionId,
       }),
       colors: ['#3DC674', '#C3099A'],
       xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
-        categories: ["."].concat(Array.from({
+        categories: [""].concat(Array.from({
           length: questionLength
         }, function (_, i) {
           return ORDER_NUMBERS[i + 1] ? t(ORDER_NUMBERS[i + 1]) : toNumberOrder(i + 1);
-        }), ["."])
+        }), [""]),
+        tooltip: {
+          formatter: function formatter(val) {
+            if (val > 1) return t(ORDER_NUMBERS[val - 1]);
+            return null;
+          }
+        }
       }),
       yaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis, {
         tickAmount: questionLength + 1,
@@ -13707,6 +13720,13 @@ function MyAnswer(_ref) {
     handleSelectQuestionOrder(id);
     toggleCreateQuestion();
   };
+  var formatTimeDiff = function formatTimeDiff(my, top) {
+    var diff = Math.round(my - top);
+    var prefix = "";
+    if (diff < 0) prefix = "-";
+    if (diff > 0) prefix = "+";
+    return "" + prefix + formatTimeSecond(Math.abs(diff), t);
+  };
   var renderQuestions = function renderQuestions(questions) {
     return questions.map(function (question, index) {
       return React__default.createElement("div", {
@@ -13769,7 +13789,7 @@ function MyAnswer(_ref) {
           margin: 0
         },
         className: styles$4["answer-response"] + " " + styles$4["answer-response-" + question.answerResponseSignal]
-      }, formatTimeSecond(Math.round(question.topDuration - question.duration), t)) : React__default.createElement("p", {
+      }, formatTimeDiff(question.duration, question.topDuration)) : React__default.createElement("p", {
         style: {
           margin: 0,
           textAlign: "center"