dtable-statistic 4.1.8 → 4.1.9

package/es/stat-list/chart-preview.js

@@ -34,6 +34,8 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
       var id = statItem._id;
       var originalElement = document.querySelector("#stat-item-".concat(id, " .statistic-chart-container > div"));
       if (originalElement) {
+        originalElement.style.width = "".concat(window.innerWidth, "px");
+        originalElement.style.height = "".concat(window.innerHeight, "px");
         var containerWidth = originalElement.scrollWidth + 15 * 2;
         var containerHeight = originalElement.scrollHeight + 15 * 2;
         exportContainer.setAttribute('style', "width: ".concat(containerWidth, "px; height: ").concat(containerHeight, "px;"));
@@ -52,6 +54,10 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
           eleA.download = "".concat(statItem.name || 'image', ".png");
           eleA.click();
           document.body.removeChild(exportContainer);
+          if (originalElement) {
+            originalElement.style.width = 'unset';
+            originalElement.style.height = 'unset';
+          }
         });
       }, 1000);
     };

package/es/stat-list/index.js

@@ -4,9 +4,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
 import GridLayout, { WidthProvider } from 'react-grid-layout';
-import html2canvas from 'html2canvas';
 import intl from 'react-intl-universal';
 import ChartPreview from './chart-preview';
 import { NewTableDialog, toaster } from '../components';
@@ -39,36 +37,6 @@ var StatList = /*#__PURE__*/function (_Component) {
     _this.onLayoutChange = function (layout) {
       _this.props.modifyDashboardLayout(layout);
     };
-    _this.onExportChart = function (statItem) {
-      var exportContainerID = 'exported-statistic-chart-container';
-      var exportContainer = document.createElement('div');
-      exportContainer.setAttribute('id', exportContainerID);
-
-      // for charts rendered with `<canvas>`
-      var id = statItem._id;
-      var originalElement = document.querySelector("#stat-item-".concat(id, " .statistic-chart-container > div"));
-      if (originalElement) {
-        var containerWidth = originalElement.scrollWidth + 15 * 2;
-        var containerHeight = originalElement.scrollHeight + 15 * 2;
-        exportContainer.setAttribute('style', "width: ".concat(containerWidth, "px; height: ").concat(containerHeight, "px;"));
-      }
-      document.body.appendChild(exportContainer);
-      ReactDOM.render(_this.renderView(statItem), exportContainer);
-      setTimeout(function () {
-        var ele = document.querySelector("#".concat(exportContainerID, " .statistic-chart-container"));
-        if (!ele) return;
-        html2canvas(ele, {
-          windowWidth: ele.scrollWidth,
-          windowHeight: ele.scrollHeight
-        }).then(function (canvas) {
-          var eleA = document.createElement('a');
-          eleA.href = canvas.toDataURL('image/png');
-          eleA.download = "".concat(statItem.name || 'image', ".png");
-          eleA.click();
-          document.body.removeChild(exportContainer);
-        });
-      }, 1000);
-    };
     _this.enlargeChart = function (chartIndex) {
       _this.setState({
         enlargedChartIndex: chartIndex

package/es/stat-view/treemap-chart.js

@@ -299,7 +299,7 @@ var TreemapChart = /*#__PURE__*/function (_BaseChart) {
         ref: function ref(_ref3) {
           return _this2.container = _ref3;
         },
-        className: "statistic-chart-loading-container ".concat(chartStyles['statistic-treemap-chart-container'])
+        className: "statistic-chart-container ".concat(chartStyles['statistic-treemap-chart-container'])
       }));
     }
   }]);

package/es/utils/column-utils.js

@@ -1,4 +1,4 @@
-import { CellType, isDateColumn, FORMULA_RESULT_TYPE, FORMULA_COLUMN_TYPES, Views } from 'dtable-store';
+import { CellType, isDateColumn, FORMULA_RESULT_TYPE, FORMULA_COLUMN_TYPES } from 'dtable-store';
 import { MIRROR_COLUMN_LIST } from '../constants';
 export function getColorFromSingleSelectColumn(column, target) {
   var columnType = column.type,

package/package.json

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