evui 3.4.141 → 3.4.142

package/dist/evui.umd.js

@@ -11200,7 +11200,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.141\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.142\"}");
 
 /***/ }),
 
@@ -26945,13 +26945,13 @@ var notification_componentObj = Object(external_commonjs_vue_commonjs2_vue_root_
 var notification_rootId = 'ev-notification-modal';
 var notification_root = document.createElement('div');
 notification_root.id = notification_rootId;
-var notification_positionList = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+var positionList = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
 
 var notification_notification = function notification() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var position = options.position || 'top-right';
 
-  if (!notification_positionList.includes(position)) {
+  if (!positionList.includes(position)) {
     console.warn('[EVUI][Notification] The position value is incorrectly entered.');
     return;
   }
@@ -38885,10 +38885,6 @@ function isNil(value) {
 
 
 
-
-
-
-
 
 
 
@@ -39895,190 +39891,6 @@ var modules = {
     };
   },
 
-  /**
-   * Find seriesId by position x and y
-   * @param {array}   offset          position x and y
-   *
-   * @returns {object} clicked series id
-   */
-  getSeriesInfoByPosition: function getSeriesInfoByPosition(offset) {
-    var _this8 = this;
-
-    var _offset = _slicedToArray(offset, 2),
-        clickedX = _offset[0],
-        clickedY = _offset[1];
-
-    var chartRect = this.chartRect;
-    var labelOffset = this.labelOffset;
-    var aPos = {
-      x1: chartRect.x1 + labelOffset.left,
-      x2: chartRect.x2 - labelOffset.right,
-      y1: chartRect.y1 + labelOffset.top,
-      y2: chartRect.y2 - labelOffset.bottom
-    };
-    var valueAxes = this.axesY[0];
-    var labelAxes = this.axesX[0];
-    var valueStartPoint = aPos[valueAxes.units.rectStart];
-    var valueEndPoint = aPos[valueAxes.units.rectEnd];
-    var labelStartPoint = aPos[labelAxes.units.rectStart];
-    var labelEndPoint = aPos[labelAxes.units.rectEnd];
-    var result = {
-      sId: null
-    };
-
-    if (clickedY > valueEndPoint && clickedY < valueStartPoint && clickedX < labelEndPoint && clickedX > labelStartPoint) {
-      var hitSeries;
-      var positionList;
-      var hitItem = this.findHitItem(offset);
-      var hitSeriesList = Object.keys(hitItem.items);
-
-      switch (this.options.type) {
-        case 'line':
-          {
-            var orderedSeriesList = this.seriesInfo.charts.line;
-            var isStackChart = Object.values(this.seriesList).some(function (_ref3) {
-              var stackIndex = _ref3.stackIndex;
-              return stackIndex;
-            });
-
-            if (hitSeriesList.length) {
-              // 클릭한 위치에 data 가 존재하는 경우
-              if (isStackChart) {
-                var _positionList$find;
-
-                positionList = orderedSeriesList.filter(function (sId) {
-                  return hitSeriesList.includes(sId);
-                }).map(function (sId) {
-                  var _hitItem$items$sId, _hitItem$items$sId$da;
-
-                  return {
-                    sId: sId,
-                    position: (_hitItem$items$sId = hitItem.items[sId]) === null || _hitItem$items$sId === void 0 ? void 0 : (_hitItem$items$sId$da = _hitItem$items$sId.data) === null || _hitItem$items$sId$da === void 0 ? void 0 : _hitItem$items$sId$da.yp
-                  };
-                });
-                hitSeries = (_positionList$find = positionList.find(function (_ref4) {
-                  var position = _ref4.position;
-                  return clickedY > position;
-                })) === null || _positionList$find === void 0 ? void 0 : _positionList$find.sId;
-              } else {
-                var _Object$entries$find;
-
-                hitSeries = (_Object$entries$find = Object.entries(hitItem.items).find(function (_ref5) {
-                  var _ref6 = _slicedToArray(_ref5, 2),
-                      hit = _ref6[1].hit;
-
-                  return hit;
-                })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[0];
-              }
-            } else {
-              var _positionList$0$posit;
-
-              // 클릭한 위치에 data 가 존재하지 않는 경우
-              var visibleSeriesList = orderedSeriesList.filter(function (sId) {
-                return _this8.seriesList[sId].show;
-              });
-              positionList = visibleSeriesList.map(function (sId) {
-                var _this8$seriesList$sId;
-
-                return {
-                  sId: sId,
-                  position: (_this8$seriesList$sId = _this8.seriesList[sId].data) === null || _this8$seriesList$sId === void 0 ? void 0 : _this8$seriesList$sId.map(function (_ref7) {
-                    var xp = _ref7.xp,
-                        yp = _ref7.yp;
-                    return [xp, yp];
-                  })
-                };
-              });
-              var dataIndex = (_positionList$0$posit = positionList[0].position) === null || _positionList$0$posit === void 0 ? void 0 : _positionList$0$posit.findIndex(function (_ref8) {
-                var _ref9 = _slicedToArray(_ref8, 1),
-                    xp = _ref9[0];
-
-                return xp >= clickedX;
-              });
-              var vectorList = positionList.map(function (_ref10) {
-                var sId = _ref10.sId,
-                    position = _ref10.position;
-                return {
-                  sId: sId,
-                  vector: {
-                    start: position[dataIndex - 1],
-                    end: position[dataIndex]
-                  }
-                };
-              });
-
-              var isEmptyVector = function isEmptyVector(arr) {
-                return !arr || !Array.isArray(arr) || (arr === null || arr === void 0 ? void 0 : arr.length) !== 2;
-              }; // canvas 의 클릭 위치값은 제 4 사분면의 위치이므로 clickedY, y1, y2 의 값은 음수를 취한다.
-
-
-              if (isStackChart) {
-                var _vectorList$find;
-
-                hitSeries = (_vectorList$find = vectorList.find(function (_ref11) {
-                  var vector = _ref11.vector;
-
-                  if (isEmptyVector(vector === null || vector === void 0 ? void 0 : vector.start) && isEmptyVector(vector === null || vector === void 0 ? void 0 : vector.end)) {
-                    return false;
-                  }
-
-                  var _vector$start = _slicedToArray(vector.start, 2),
-                      x1 = _vector$start[0],
-                      y1 = _vector$start[1];
-
-                  var _vector$end = _slicedToArray(vector.end, 2),
-                      x2 = _vector$end[0],
-                      y2 = _vector$end[1];
-
-                  var v1 = [x2 - x1, y1 - y2];
-                  var v2 = [x2 - clickedX, clickedY - y2];
-                  var xp = v1[0] * v2[1] - v1[1] * v2[0];
-                  return vector.start.every(function (v) {
-                    return typeof v === 'number';
-                  }) && vector.end.every(function (v) {
-                    return typeof v === 'number';
-                  }) && xp > 0;
-                })) === null || _vectorList$find === void 0 ? void 0 : _vectorList$find.sId;
-              } else {
-                var _vectorList$find2;
-
-                hitSeries = (_vectorList$find2 = vectorList.find(function (_ref12) {
-                  var vector = _ref12.vector;
-
-                  if (isEmptyVector(vector === null || vector === void 0 ? void 0 : vector.start) && isEmptyVector(vector === null || vector === void 0 ? void 0 : vector.end)) {
-                    return false;
-                  }
-
-                  var _vector$start2 = _slicedToArray(vector.start, 2),
-                      x1 = _vector$start2[0],
-                      y1 = _vector$start2[1];
-
-                  var _vector$end2 = _slicedToArray(vector.end, 2),
-                      x2 = _vector$end2[0],
-                      y2 = _vector$end2[1];
-
-                  var a = (y1 - y2) / (x2 - x1);
-                  var b = -1;
-                  var c = -y1 - a * x1;
-                  var distance = Math.abs(a * clickedX - b * clickedY + c) / Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
-                  return distance < 3;
-                })) === null || _vectorList$find2 === void 0 ? void 0 : _vectorList$find2.sId;
-              }
-            }
-
-            break;
-          }
-
-        default:
-          break;
-      }
-
-      result.sId = hitSeries;
-    }
-
-    return result;
-  },
-
   /**
    * @typedef {Object} LabelInfoResult
    * @property {number} labelIndex - 선택된 라벨의 인덱스
@@ -40095,9 +39907,9 @@ var modules = {
   getLabelInfoByPosition: function getLabelInfoByPosition(offset, targetAxis) {
     var _Object$values$sort$, _Object$values$sort$2, _scrollbarOpt, _scale, _scale$labels, _scale3, _scale3$labels;
 
-    var _offset2 = _slicedToArray(offset, 2),
-        x = _offset2[0],
-        y = _offset2[1];
+    var _offset = _slicedToArray(offset, 2),
+        x = _offset[0],
+        y = _offset[1];
 
     var aPos = {
       x1: this.chartRect.x1 + this.labelOffset.left,
@@ -40107,9 +39919,9 @@ var modules = {
     };
     var seriesList = this.data.series;
     var pointSize = (_Object$values$sort$ = (_Object$values$sort$2 = Object.values(seriesList).sort(function (a, b) {
-      var _ref13, _b$pointSize;
+      var _ref3, _b$pointSize;
 
-      return (_ref13 = (_b$pointSize = b.pointSize) !== null && _b$pointSize !== void 0 ? _b$pointSize : 0 - a.pointSize) !== null && _ref13 !== void 0 ? _ref13 : 0;
+      return (_ref3 = (_b$pointSize = b.pointSize) !== null && _b$pointSize !== void 0 ? _b$pointSize : 0 - a.pointSize) !== null && _ref3 !== void 0 ? _ref3 : 0;
     })[0]) === null || _Object$values$sort$2 === void 0 ? void 0 : _Object$values$sort$2.pointSize) !== null && _Object$values$sort$ !== void 0 ? _Object$values$sort$ : 3; // default pointSize 3
 
     var _this$options = this.options,
@@ -40141,10 +39953,10 @@ var modules = {
           _scrollbarOpt2$interv = _scrollbarOpt2.interval,
           interval = _scrollbarOpt2$interv === void 0 ? 1 : _scrollbarOpt2$interv;
 
-      var _ref14 = range !== null && range !== void 0 ? range : [0, scale.labels.length],
-          _ref15 = _slicedToArray(_ref14, 2),
-          min = _ref15[0],
-          max = _ref15[1];
+      var _ref4 = range !== null && range !== void 0 ? range : [0, scale.labels.length],
+          _ref5 = _slicedToArray(_ref4, 2),
+          min = _ref5[0],
+          max = _ref5[1];
 
       var labelCount = Math.floor((+max - +min) / interval) + 1;
       var labelGap = (endPoint - startPoint) / labelCount;
@@ -40207,7 +40019,7 @@ var modules = {
    * @returns {MouseLabelValue} current mouse target label value
    */
   getCurMouseLabelVal: function getCurMouseLabelVal(targetAxis, offset, labelIndex) {
-    var _this9 = this;
+    var _this8 = this;
 
     var _this$options2 = this.options,
         chartType = _this$options2.type,
@@ -40224,13 +40036,13 @@ var modules = {
         case 'bar':
         case 'line':
           {
-            result = horizontal && !isXAxis || !horizontal && isXAxis ? _this9.data.labels[labelIndex] : '';
+            result = horizontal && !isXAxis || !horizontal && isXAxis ? _this8.data.labels[labelIndex] : '';
             break;
           }
 
         case 'heatMap':
           {
-            result = _this9.data.labels[targetAxisDirection][labelIndex];
+            result = _this8.data.labels[targetAxisDirection][labelIndex];
             break;
           }
 
@@ -40244,19 +40056,19 @@ var modules = {
     var calLabelValUseMousePos = function calLabelValUseMousePos() {
       var result = '';
       var aPos = {
-        x1: _this9.chartRect.x1 + _this9.labelOffset.left,
-        x2: _this9.chartRect.x2 - _this9.labelOffset.right,
-        y1: _this9.chartRect.y1 + _this9.labelOffset.top,
-        y2: _this9.chartRect.y2 - _this9.labelOffset.bottom
+        x1: _this8.chartRect.x1 + _this8.labelOffset.left,
+        x2: _this8.chartRect.x2 - _this8.labelOffset.right,
+        y1: _this8.chartRect.y1 + _this8.labelOffset.top,
+        y2: _this8.chartRect.y2 - _this8.labelOffset.bottom
       };
-      var _this9$axesSteps$targ = _this9.axesSteps[targetAxisDirection][0],
-          steps = _this9$axesSteps$targ.steps,
-          labelValInterval = _this9$axesSteps$targ.interval,
-          graphMin = _this9$axesSteps$targ.graphMin;
-      var _this9$axesRange$targ = _this9.axesRange[targetAxisDirection][0].size,
-          labelWidth = _this9$axesRange$targ.width,
-          labelHeight = _this9$axesRange$targ.height;
-      var axes = isXAxis ? _this9.axesX : _this9.axesY;
+      var _this8$axesSteps$targ = _this8.axesSteps[targetAxisDirection][0],
+          steps = _this8$axesSteps$targ.steps,
+          labelValInterval = _this8$axesSteps$targ.interval,
+          graphMin = _this8$axesSteps$targ.graphMin;
+      var _this8$axesRange$targ = _this8.axesRange[targetAxisDirection][0].size,
+          labelWidth = _this8$axesRange$targ.width,
+          labelHeight = _this8$axesRange$targ.height;
+      var axes = isXAxis ? _this8.axesX : _this8.axesY;
       var axisStartPoint = aPos[axes[0].units.rectStart];
       var axisEndPoint = aPos[axes[0].units.rectEnd];
       var curMousePosInAxis = Math.abs(offset[isXAxis ? 0 : 1] - axisStartPoint);
@@ -40294,7 +40106,7 @@ var modules = {
    * @returns {object} min/max info for all of data
    */
   getStoreMinMax: function getStoreMinMax() {
-    var _this10 = this;
+    var _this9 = this;
 
     var keys = Object.keys(this.seriesList);
     var isHorizontal = this.options.horizontal;
@@ -40312,7 +40124,7 @@ var modules = {
     if (keys.length) {
       return keys.reduce(function (acc, key) {
         var minmax = acc;
-        var series = _this10.seriesList[key];
+        var series = _this9.seriesList[key];
         var smm = series.minMax;
         var axisX = series.xAxisIndex;
         var axisY = series.yAxisIndex;
@@ -51406,10 +51218,8 @@ var plugins_interaction_modules = {
         var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
         var hitItem = hitInfo.items[hitItemId];
 
-        var seriesHitInfo = _this.getSeriesInfoByPosition(offset);
-
-        if (seriesHitInfo.sId !== null) {
-          var allSelectedList = _this.updateSelectedSeriesInfo(seriesHitInfo.sId, true);
+        if (hitItemId !== null) {
+          var allSelectedList = _this.updateSelectedSeriesInfo(hitItemId, true);
 
           if (hitItem) {
             var _hitItem$data9, _hitItem$data10, _hitItem$data11, _allSelectedList$seri, _hitItem$data12;
@@ -51528,19 +51338,20 @@ var plugins_interaction_modules = {
       };
 
       var setSelectedSeriesInfo = function setSelectedSeriesInfo() {
-        var itemHitInfo = _this.getItemByPosition(offset, false);
+        var hitInfo = _this.findHitItem(offset);
 
-        var hitInfo = _this.getSeriesInfoByPosition(offset);
+        var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+        var hitItem = hitInfo.items[hitItemId];
 
-        if (hitInfo.sId !== null) {
-          var allSelectedList = _this.updateSelectedSeriesInfo(hitInfo.sId, false);
+        if (hitItemId !== null) {
+          var allSelectedList = _this.updateSelectedSeriesInfo(hitItemId, false);
 
           _this.defaultSelectInfo.seriesId = allSelectedList.seriesId;
           args.selected = _objectSpread2({
             eventTarget: 'series'
           }, lodash_es_cloneDeep(_this.defaultSelectInfo));
-          args.label = itemHitInfo.label;
-          args.dataIndex = itemHitInfo.maxIndex;
+          args.label = hitItem.label;
+          args.dataIndex = hitItem.maxIndex;
         }
       };
 
@@ -52158,7 +51969,8 @@ var plugins_interaction_modules = {
     var maxsw = 0;
     var maxv = '';
     var maxg = null;
-    var maxSID = null; // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
+    var maxSID = null;
+    var minDistance = Infinity; // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
 
     var targetDataIndex = this.findClosestDataIndex(offset, sIds);
 
@@ -52231,10 +52043,16 @@ var plugins_interaction_modules = {
             if (maxg === null || maxg <= gdata) {
               maxg = gdata;
               maxSID = sId;
-            }
+            } // 마우스 위치와의 거리 계산하여 가장 가까운 시리즈 선택
+
 
-            if (item.hit) {
-              hitId = sId;
+            if (item.hit && item.data.xp !== undefined && item.data.yp !== undefined) {
+              var distance = Math.pow(item.data.xp - offset[0], 2) + Math.pow(item.data.yp - offset[1], 2);
+
+              if (distance < minDistance) {
+                minDistance = distance;
+                hitId = sId;
+              }
             }
           }
         }