dtable-statistic 4.1.9 → 4.2.0

package/es/assets/css/dashboard.css

@@ -429,6 +429,16 @@
   display: flex;
   overflow: auto;
   height: 100%;
+  width: 100%;
+}
+
+#exported-chart-container .statistic-chart-container.map {
+  padding: 20px;
+}
+
+#exported-chart-container .statistic-chart-container > div {
+  height: 100%;
+  width: 100%;
 }
 
 /* specific color */

package/es/service/map-json.js

@@ -89,7 +89,7 @@ var MapJsonService = /*#__PURE__*/function () {
   }, {
     key: "setMapJson",
     value: function setMapJson(url, json) {
-      this.urlMapJsonMap[url] = json;
+      this.urlMapJson[url] = json;
     }
   }, {
     key: "queryMapJson",

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

@@ -29,19 +29,12 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
       var exportContainerID = 'exported-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) {
-        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;"));
-      }
+      exportContainer.setAttribute('style', "width: ".concat(window.innerWidth, "px; height: ").concat(window.innerHeight, "px;"));
       document.body.appendChild(exportContainer);
-      ReactDOM.render(_this.renderChart(statItem), exportContainer);
+      ReactDOM.render(_this.renderChart(statItem, {
+        isPreview: false,
+        isEnlarge: true
+      }), exportContainer);
       setTimeout(function () {
         var ele = document.querySelector("#".concat(exportContainerID, " .statistic-chart-container"));
         if (!ele) return;
@@ -54,10 +47,6 @@ 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);
     };
@@ -73,7 +62,11 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
         statisticalResult: statisticalResult
       });
     };
-    _this.renderChart = function (statItem) {
+    _this.renderChart = function (statItem, _ref) {
+      var _ref$isPreview = _ref.isPreview,
+        isPreview = _ref$isPreview === void 0 ? true : _ref$isPreview,
+        _ref$isEnlarge = _ref.isEnlarge,
+        isEnlarge = _ref$isEnlarge === void 0 ? false : _ref$isEnlarge;
       var _this$props = _this.props,
         dtableChangedTime = _this$props.dtableChangedTime,
         chartCalculator = _this$props.chartCalculator,
@@ -81,12 +74,12 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
         colorThemeName = _this$props.colorThemeName,
         eventBus = _this$props.eventBus;
       return /*#__PURE__*/React.createElement(StatView, {
-        ref: function ref(_ref) {
-          return _this.chartView = _ref;
+        ref: function ref(_ref2) {
+          return _this.chartView = _ref2;
         },
-        isPreview: true,
+        isPreview: isPreview,
+        isEnlarge: isEnlarge,
         dtableChangedTime: dtableChangedTime,
-        isEnlarge: false,
         theme: theme,
         colorThemeName: colorThemeName,
         statItem: statItem,
@@ -141,7 +134,10 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
       }))), /*#__PURE__*/React.createElement("div", {
         id: "stat-item-".concat(statItem._id),
         className: "statistic-chart-preview-container"
-      }, this.renderChart(statItem)), /*#__PURE__*/React.createElement("div", {
+      }, this.renderChart(statItem, {
+        isPreview: true,
+        isEnlarge: false
+      })), /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-preview-container-resize"
       }));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-statistic",
-  "version": "4.1.9",
+  "version": "4.2.0",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",
@@ -12,7 +12,7 @@
     "@seafile/seafile-calendar": "0.0.24",
     "comlink": "^4.3.1",
     "dayjs": "1.10.7",
-    "dtable-store": "4.1.5",
+    "dtable-store": "4.2.3",
     "dtable-web-api": "4.0.11",
     "glamor": "^2.20.40",
     "html2canvas": "^1.4.1",