evui 3.3.25 → 3.3.26

package/dist/evui.common.js

@@ -7959,7 +7959,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.25\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.26\"}");
 
 /***/ }),
 
@@ -36377,7 +36377,10 @@ var element_pie_Pie = /*#__PURE__*/function () {
       var formattedTxt;
 
       if (formatter) {
-        formattedTxt = formatter(value);
+        formattedTxt = formatter({
+          value: value,
+          percentage: this.data.percentage
+        });
       }
 
       if (!formatter || typeof formattedTxt !== 'string') {
@@ -40268,11 +40271,7 @@ var plugins_legend_gradient_modules = {
     this.onLegendBoxLeave = function () {
       _this2.legendDragInfo.dragging = false;
 
-      var lineDOM = _this2.containerDOM.getElementsByClassName('ev-chart-legend-line')[0];
-
-      var targetDOM = lineDOM.getElementsByClassName('ev-chart-legend-thumb')[0];
-
-      _this2.clearOverlay(targetDOM);
+      _this2.clearOverlay();
 
       var seriesList = Object.values(_this2.seriesList);
 
@@ -40351,7 +40350,7 @@ var plugins_legend_gradient_modules = {
   },
   clearOverlay: function clearOverlay() {
     var targetDOM = this.containerDOM.getElementsByClassName('ev-chart-legend-line')[0];
-    var overlayDOM = targetDOM.getElementsByClassName('ev-chart-legend-overlay')[0];
+    var overlayDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName('ev-chart-legend-overlay')[0];
 
     if (overlayDOM) {
       targetDOM.removeChild(overlayDOM);
@@ -40399,12 +40398,15 @@ var plugins_legend_gradient_modules = {
     itemDOM.style.cssText = itemStyle;
     overlayDOM.appendChild(tooltipDOM);
     overlayDOM.appendChild(itemDOM);
-    targetDOM.appendChild(overlayDOM);
-    var thumbDOM = targetDOM.getElementsByClassName('ev-chart-legend-thumb')[0];
-    var labels = thumbDOM.children;
-    labels.forEach(function (labelDOM) {
-      labelDOM.style.opacity = 0.2;
-    });
+    targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.appendChild(overlayDOM);
+    var thumbDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName('ev-chart-legend-thumb')[0];
+
+    if (thumbDOM) {
+      var labels = thumbDOM.children;
+      labels.forEach(function (labelDOM) {
+        labelDOM.style.opacity = 0.2;
+      });
+    }
   },
   createLegendHandle: function createLegendHandle(type) {
     var colorBtnDOM = document.createElement('span');
@@ -40739,36 +40741,7 @@ var plugins_interaction_modules = {
       var hitInfo = _this.findHitItem(offset);
 
       if (tooltip !== null && tooltip !== void 0 && tooltip.showAllValueInRange && hitInfo !== null && hitInfo !== void 0 && hitInfo.items) {
-        (function () {
-          var _hitInfo$items, _hitInfo$items$hitIte, _hitInfo$items$hitIte2, _hitInfo$items2, _hitInfo$items2$hitIt, _hitInfo$items2$hitIt2;
-
-          var isHorizontal = !!_this.options.horizontal;
-          var hitItemId = Object.keys(hitInfo.items)[0];
-          var hitItemData = isHorizontal ? (_hitInfo$items = hitInfo.items) === null || _hitInfo$items === void 0 ? void 0 : (_hitInfo$items$hitIte = _hitInfo$items[hitItemId]) === null || _hitInfo$items$hitIte === void 0 ? void 0 : (_hitInfo$items$hitIte2 = _hitInfo$items$hitIte.data) === null || _hitInfo$items$hitIte2 === void 0 ? void 0 : _hitInfo$items$hitIte2.y : (_hitInfo$items2 = hitInfo.items) === null || _hitInfo$items2 === void 0 ? void 0 : (_hitInfo$items2$hitIt = _hitInfo$items2[hitItemId]) === null || _hitInfo$items2$hitIt === void 0 ? void 0 : (_hitInfo$items2$hitIt2 = _hitInfo$items2$hitIt.data) === null || _hitInfo$items2$hitIt2 === void 0 ? void 0 : _hitInfo$items2$hitIt2.x;
-          var sIds = Object.keys(_this.seriesList);
-
-          for (var ix = 0; ix < sIds.length; ix++) {
-            var sId = sIds[ix];
-            var series = _this.seriesList[sId];
-            var hasData = series.data.find(function (data) {
-              return isHorizontal ? data.y : (data === null || data === void 0 ? void 0 : data.x) === hitItemData;
-            });
-
-            if (hasData && !hitInfo.items[sId] && series !== null && series !== void 0 && series.show) {
-              var item = {};
-              item.color = series.color;
-              item.hit = false;
-              item.name = series.name;
-              item.axis = {
-                x: series.xAxisIndex,
-                y: series.yAxisIndex
-              };
-              item.index = isHorizontal ? series.yAxisIndex : series.xAxisIndex;
-              item.data = hasData;
-              hitInfo.items[sId] = item;
-            }
-          }
-        })();
+        _this.addNotHitInfo(hitInfo);
       }
 
       var ctx = _this.overlayCtx;
@@ -41149,14 +41122,10 @@ var plugins_interaction_modules = {
    * @returns {object} hit item information
    */
   findHitItem: function findHitItem(offset) {
-    var _tooltipOpt$formatter;
-
     var sIds = Object.keys(this.seriesList);
     var items = {};
     var isHorizontal = !!this.options.horizontal;
     var ctx = this.tooltipCtx;
-    var tooltipOpt = this.options.tooltip;
-    var tooltipValueFormatter = typeof tooltipOpt.formatter === 'function' ? tooltipOpt.formatter : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.value;
     var hitId = null;
     var maxs = '';
     var maxsw = 0;
@@ -41191,33 +41160,11 @@ var plugins_interaction_modules = {
               y: series.yAxisIndex
             };
             items[sId] = item;
-            var formattedTxt = '';
-
-            if (tooltipValueFormatter) {
-              if (this.options.type === 'pie') {
-                formattedTxt = tooltipValueFormatter({
-                  value: gdata,
-                  name: sName
-                });
-              } else if (this.options.type === 'heatMap') {
-                formattedTxt = tooltipValueFormatter({
-                  x: item.data.x,
-                  y: item.data.y,
-                  value: gdata > -1 ? gdata : 'error'
-                });
-              } else {
-                formattedTxt = tooltipValueFormatter({
-                  x: this.options.horizontal ? gdata : item.data.x,
-                  y: this.options.horizontal ? item.data.y : gdata,
-                  name: sName
-                });
-              }
-            }
-
-            if (!tooltipValueFormatter || typeof formattedTxt !== 'string') {
-              formattedTxt = numberWithComma(gdata);
-            }
-
+            var formattedTxt = this.getFormattedTooltipValue({
+              seriesName: sName,
+              value: gdata,
+              itemData: item.data
+            });
             item.data.formatted = formattedTxt;
 
             if (maxsw < sw) {
@@ -41252,6 +41199,98 @@ var plugins_interaction_modules = {
     };
   },
 
+  /**
+   * get formatted value for tooltip
+   * @param seriesName
+   * @param value
+   * @param x
+   * @param y
+   * @returns {string}
+   */
+  getFormattedTooltipValue: function getFormattedTooltipValue(_ref2) {
+    var _tooltipOpt$formatter;
+
+    var seriesName = _ref2.seriesName,
+        value = _ref2.value,
+        itemData = _ref2.itemData;
+    var tooltipOpt = this.options.tooltip;
+    var tooltipValueFormatter = typeof tooltipOpt.formatter === 'function' ? tooltipOpt.formatter : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.value;
+    var formattedTxt = value;
+
+    if (tooltipValueFormatter) {
+      if (this.options.type === 'pie') {
+        formattedTxt = tooltipValueFormatter({
+          value: value,
+          name: seriesName,
+          percentage: itemData.percentage
+        });
+      } else if (this.options.type === 'heatMap') {
+        formattedTxt = tooltipValueFormatter({
+          x: itemData.x,
+          y: itemData.y,
+          value: value > -1 ? value : 'error'
+        });
+      } else {
+        formattedTxt = tooltipValueFormatter({
+          x: this.options.horizontal ? value : itemData.x,
+          y: this.options.horizontal ? itemData.y : value,
+          name: seriesName
+        });
+      }
+    }
+
+    if (value && (!tooltipValueFormatter || typeof formattedTxt !== 'string')) {
+      if (this.options.type === 'heatMap') {
+        formattedTxt = value < 0 ? 'error' : numberWithComma(value);
+      } else {
+        formattedTxt = numberWithComma(value);
+      }
+    }
+
+    return formattedTxt;
+  },
+
+  /**
+   * add not hit info
+   * @param hitInfo
+   */
+  addNotHitInfo: function addNotHitInfo(hitInfo) {
+    var _hitInfo$items, _hitInfo$items$hitIte, _hitInfo$items$hitIte2, _hitInfo$items2, _hitInfo$items2$hitIt, _hitInfo$items2$hitIt2;
+
+    var isHorizontal = !!this.options.horizontal;
+    var hitItemId = Object.keys(hitInfo.items)[0];
+    var hitItemData = isHorizontal ? (_hitInfo$items = hitInfo.items) === null || _hitInfo$items === void 0 ? void 0 : (_hitInfo$items$hitIte = _hitInfo$items[hitItemId]) === null || _hitInfo$items$hitIte === void 0 ? void 0 : (_hitInfo$items$hitIte2 = _hitInfo$items$hitIte.data) === null || _hitInfo$items$hitIte2 === void 0 ? void 0 : _hitInfo$items$hitIte2.y : (_hitInfo$items2 = hitInfo.items) === null || _hitInfo$items2 === void 0 ? void 0 : (_hitInfo$items2$hitIt = _hitInfo$items2[hitItemId]) === null || _hitInfo$items2$hitIt === void 0 ? void 0 : (_hitInfo$items2$hitIt2 = _hitInfo$items2$hitIt.data) === null || _hitInfo$items2$hitIt2 === void 0 ? void 0 : _hitInfo$items2$hitIt2.x;
+    var sIds = Object.keys(this.seriesList);
+
+    for (var ix = 0; ix < sIds.length; ix++) {
+      var sId = sIds[ix];
+      var series = this.seriesList[sId];
+      var hasData = series.data.find(function (data) {
+        return isHorizontal ? (data === null || data === void 0 ? void 0 : data.y) === hitItemData : (data === null || data === void 0 ? void 0 : data.x) === hitItemData;
+      });
+
+      if (hasData && !hitInfo.items[sId] && series !== null && series !== void 0 && series.show) {
+        var item = {};
+        item.color = series.color;
+        item.hit = false;
+        item.name = series.name;
+        item.axis = {
+          x: series.xAxisIndex,
+          y: series.yAxisIndex
+        };
+        item.index = isHorizontal ? series.yAxisIndex : series.xAxisIndex;
+        item.data = hasData;
+        item.data.formatted = this.getFormattedTooltipValue({
+          seriesName: series.name,
+          value: hasData.o,
+          x: hasData.x,
+          y: hasData.y
+        });
+        hitInfo.items[sId] = item;
+      }
+    }
+  },
+
   /**
    *
    * @param targetInfo {object}  '{ dataIndex: number, seriesID: string }'
@@ -41324,10 +41363,10 @@ var plugins_interaction_modules = {
       });
       var dataEntries = Object.entries(this.data.data);
       infoObj.data = infoObj.dataIndex.map(function (labelIdx) {
-        return Object.fromEntries(dataEntries.map(function (_ref2) {
-          var _ref3 = _slicedToArray(_ref2, 2),
-              sId = _ref3[0],
-              data = _ref3[1];
+        return Object.fromEntries(dataEntries.map(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+              sId = _ref4[0],
+              data = _ref4[1];
 
           return [sId, data[labelIdx]];
         }));
@@ -41447,12 +41486,12 @@ var plugins_interaction_modules = {
    *                 object.range: coordinate-based range in graph
    * @returns {object}
    */
-  getSelectionRage: function getSelectionRage(_ref4) {
-    var xsp = _ref4.xsp,
-        ysp = _ref4.ysp,
-        width = _ref4.width,
-        height = _ref4.height,
-        range = _ref4.range;
+  getSelectionRage: function getSelectionRage(_ref5) {
+    var xsp = _ref5.xsp,
+        ysp = _ref5.ysp,
+        width = _ref5.width,
+        height = _ref5.height,
+        range = _ref5.range;
     var dataRangeX = this.axesSteps.x.length ? this.axesSteps.x[0] : null;
     var dataRangeY = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
 
@@ -41498,6 +41537,8 @@ var plugins_interaction_modules = {
     return this.seriesList[sId].findBlockRange(range);
   },
   getSelectionRangeForHeatMap: function getSelectionRangeForHeatMap(range) {
+    var _this$seriesList$sId$;
+
     var dataRangeX = this.axesSteps.x.length ? this.axesSteps.x[0] : null;
     var dataRangeY = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
 
@@ -41507,11 +41548,11 @@ var plugins_interaction_modules = {
 
     var sId = Object.keys(this.seriesList)[0];
 
-    var _this$seriesList$sId$ = this.seriesList[sId].findSelectionRange(range),
-        xMin = _this$seriesList$sId$.xMin,
-        xMax = _this$seriesList$sId$.xMax,
-        yMin = _this$seriesList$sId$.yMin,
-        yMax = _this$seriesList$sId$.yMax;
+    var _ref6 = (_this$seriesList$sId$ = this.seriesList[sId].findSelectionRange(range)) !== null && _this$seriesList$sId$ !== void 0 ? _this$seriesList$sId$ : {},
+        xMin = _ref6.xMin,
+        xMax = _ref6.xMax,
+        yMin = _ref6.yMin,
+        yMax = _ref6.yMax;
 
     return {
       xMin: xMin !== null && xMin !== void 0 ? xMin : dataRangeX.graphMin,
@@ -42262,6 +42303,7 @@ var plugins_pie_modules = {
     var startAngle = 1.5 * Math.PI;
     var endAngle;
     var series;
+    var percentage;
     var centerX = chartRect.width / 2;
     var centerY = chartRect.height / 2;
     var chartWidth = centerX - (padding.left + padding.right);
@@ -42301,6 +42343,7 @@ var plugins_pie_modules = {
         for (var jx = 0; jx < pie.data.length; jx++) {
           slice = pie.data[jx];
           value = slice.value;
+          percentage = value / pie.total * 100;
           sliceAngle = 2 * Math.PI * (value / pie.total);
           endAngle = startAngle + sliceAngle;
           slice.sa = startAngle;
@@ -42329,7 +42372,8 @@ var plugins_pie_modules = {
             series.startAngle = startAngle;
             series.endAngle = endAngle;
             series.data = {
-              o: value
+              o: value,
+              percentage: percentage
             };
             series.draw(ctx, strokeOptions);
             startAngle += sliceAngle;
@@ -43249,12 +43293,18 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var opt = this.options;
 
       if (opt.title.show) {
-        this.initTitle();
+        if (!this.isInitTitle) {
+          this.initTitle();
+        }
+
         this.showTitle();
       }
 
       if (opt.legend.show) {
-        this.initLegend();
+        if (!this.isInitLegend) {
+          this.initLegend();
+        }
+
         this.setLegendPosition();
       }
 
@@ -43972,6 +44022,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.clear();
       this.bufferCtx.restore();
       this.bufferCtx.save();
+      this.initRect();
       this.initScale();
       this.chartRect = this.getChartRect();
       this.drawChart();
@@ -45573,10 +45624,12 @@ var treeGrid_uses_clickEvent = function clickEvent(params) {
     var tagName = event.target.tagName.toLowerCase();
     var cellInfo = {};
 
-    if (tagName === 'td') {
-      cellInfo = event.target.dataset;
-    } else {
-      cellInfo = event.target.closest('td').dataset;
+    if (event.target.offsetParent) {
+      if (tagName === 'td') {
+        cellInfo = event.target.dataset;
+      } else {
+        cellInfo = event.target.closest('td').dataset;
+      }
     }
 
     return {