dtable-statistic 5.0.33 → 5.0.35

package/es/assets/css/dashboard.css

@@ -153,14 +153,7 @@
   align-items: center;
   overflow: hidden;
   position: relative;
-}
-
-.statistic-list .statistic-chart-preview-container .sea-chart-table-formatter-container {
-  padding-right: 15px;
-}
-
-.statistic-list .statistic-chart-preview-container .sea-chart-table-formatter-container .sea-chart-one-table-wrapper {
-  padding-left: 15px;
+  padding: 0px 20px 20px 20px
 }
 
 .statistic-list .statistic-chart-preview-container  .sea-chart-formatter-tip {
@@ -191,6 +184,11 @@
   height: 100%;
 }
 
+.statistic-chart-container .sea-chart-formatter .sea-chart-container {
+  left: 0;
+  top: 0;
+}
+
 .statistic-chart-container.map {
   padding: 20px;
 }
@@ -262,7 +260,6 @@
 
 .statistic-list .statistic-chart-preview-name {
   color: var(--common-font-color);
-  font-size: 18px;
 }
 
 .statistic-list .statistic-chart-preview-microscope {

package/es/index.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _dtableStore = require("dtable-store");
+var _seaChart = require("sea-chart");
 var _dashboard = _interopRequireDefault(require("./dashboard"));
 var _converStatItem = require("./model/conver-statItem");
 class Statistic {
@@ -36,6 +37,7 @@ class Statistic {
   static convertStatistics(value) {
     value.statistics.forEach(dashboard => {
       const new_stat_items = dashboard.stat_items.map(item => {
+        var _item$config, _item$config2, _item$config3;
         if (!item.config) {
           const newItem = {
             config: {
@@ -52,6 +54,63 @@ class Statistic {
           };
           return newItem;
         }
+        const {
+          summary_columns
+        } = item.config || {};
+        if ((item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.type) === _seaChart.CHART_TYPE.TABLE && Array.isArray(summary_columns) && (summary_columns === null || summary_columns === void 0 ? void 0 : summary_columns.length) !== 0) {
+          const new_summary_columns = [];
+          summary_columns.forEach(item => {
+            if (Object.keys(item).length !== 0) {
+              new_summary_columns.push({
+                column_key: (item === null || item === void 0 ? void 0 : item.column_key) || (item === null || item === void 0 ? void 0 : item.key),
+                summary_method: (item === null || item === void 0 ? void 0 : item.summary_method) || (item === null || item === void 0 ? void 0 : item.method)
+              });
+            }
+          });
+          item.config.summary_columns = [...new_summary_columns];
+        }
+        if ((item === null || item === void 0 ? void 0 : (_item$config2 = item.config) === null || _item$config2 === void 0 ? void 0 : _item$config2.type) === _seaChart.CHART_TYPE.BASIC_NUMBER_CARD) {
+          const {
+            font_size,
+            font_weight,
+            font_color,
+            text_align,
+            card_label_font_size,
+            label_font_color,
+            label_font_weight,
+            label_text_align
+          } = item.config || {};
+          if (!font_size && !font_weight && !font_color && !text_align && !card_label_font_size && !label_font_color && !label_font_weight && !label_text_align) {
+            item.config = {
+              ...item.config,
+              font_size: 34,
+              font_weight: 700,
+              card_label_font_size: 14,
+              label_font_weight: 400
+            };
+          }
+        }
+        if ((item === null || item === void 0 ? void 0 : (_item$config3 = item.config) === null || _item$config3 === void 0 ? void 0 : _item$config3.type) === _seaChart.CHART_TYPE.TREND) {
+          const {
+            num_font_size,
+            num_font_weight,
+            num_font_color,
+            num_text_align,
+            card_label_font_size,
+            label_font_color,
+            label_font_weight,
+            label_text_align
+          } = item.config || {};
+          if (!num_font_size && !num_font_weight && !num_font_color && !num_text_align && !card_label_font_size && !label_font_color && !label_font_weight && !label_text_align) {
+            item.config = {
+              ...item.config,
+              num_font_size: 34,
+              num_font_weight: 700,
+              card_label_font_size: 14,
+              label_font_weight: 400
+            };
+          }
+        }
         return item;
       });
       dashboard.stat_items = new_stat_items;

package/es/model/conver-statItem.js

@@ -52,10 +52,12 @@ const convertByType = statItem => {
     newStatItem['x_axis_include_empty_cells'] = (statItem === null || statItem === void 0 ? void 0 : statItem.x_axis_include_empty) || false;
     newStatItem['x_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_x_axis_label) || false;
     newStatItem['y_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_y_axis_label) || false;
-    newStatItem['y_axises'] = statItem === null || statItem === void 0 ? void 0 : statItem.y_axises.map(item => ({
-      ...item,
-      type: 'bar_stack'
-    }));
+    if (statItem !== null && statItem !== void 0 && statItem.y_axises) {
+      newStatItem['y_axises'] = statItem === null || statItem === void 0 ? void 0 : statItem.y_axises.map(item => ({
+        ...item,
+        type: 'bar_stack'
+      }));
+    }
   }
   if (type === 'completeness_chart' || type === 'group_completeness_chart') {
     newStatItem['type'] = typeMapping[type];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-statistic",
-  "version": "5.0.33",
+  "version": "5.0.35",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",