evui 3.4.155 → 3.4.156

package/dist/evui.umd.js

@@ -11244,7 +11244,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.155\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.156\"}");
 
 /***/ }),
 
@@ -39911,7 +39911,7 @@ var modules = {
         return null;
       }
 
-      itemPosition = [this.getItemByPosition([dataInfo.xp, dataInfo.yp], useApproximate, dataIndex, true)];
+      itemPosition = [this.getHitItemByPosition([dataInfo.xp, dataInfo.yp], useApproximate, dataIndex, true)];
     } else {
       var seriesList = Object.entries(this.seriesList);
       var firShowSeriesID;
@@ -39936,7 +39936,7 @@ var modules = {
           return null;
         }
 
-        return _this7.getItemByPosition([(_dataInfo$xp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.xp) !== null && _dataInfo$xp !== void 0 ? _dataInfo$xp : 0, (_dataInfo$yp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.yp) !== null && _dataInfo$yp !== void 0 ? _dataInfo$yp : 0], useApproximate, idx, true);
+        return _this7.getHitItemByPosition([(_dataInfo$xp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.xp) !== null && _dataInfo$xp !== void 0 ? _dataInfo$xp : 0, (_dataInfo$yp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.yp) !== null && _dataInfo$yp !== void 0 ? _dataInfo$yp : 0], useApproximate, idx, true);
       });
     }
 
@@ -39960,30 +39960,50 @@ var modules = {
   },
 
   /**
-   * Find graph item by position x and y
+   * Find the hit item at the given position (x, y).
+   *
+   * 선택 우선순위:
+   *   1. directHit (bar 박스 내부 클릭) — 가장 가까운 것
+   *   2. hit (line 포인트 근접 등) — 가장 가까운 것
+   *   3. hit이 전혀 없으면 데이터가 있는 첫 시리즈로 fallback (기존 동작 호환)
+   *
+   * 과거에는 "같은 라벨 위에서 값이 가장 큰 시리즈"를 돌려주는 max-value 덮어쓰기 방식이었으나,
+   * bar + line combo 차트에서 작은 bar를 클릭해도 큰 값의 line이 선택되는 버그의 원인이었다.
+   * 이번 수정으로 사용자가 실제로 가리킨 시리즈(hit)가 선택되도록 바뀐다.
+   *
    * @param {array}   offset          position x and y
    * @param {boolean} useApproximate  if it's true. it'll look for closed item on mouse position
    * @param {number} dataIndex        selected data index
    * @param {boolean}  useSelectLabelOrItem   used to display select label/item at tooltip location
    *
-   * @returns {object} clicked item information
+   * @returns {object} hit item information
    */
-  getItemByPosition: function getItemByPosition(offset) {
-    var _maxValue;
+  getHitItemByPosition: function getHitItemByPosition(offset) {
+    var _ref4;
 
     var useApproximate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var dataIndex = arguments.length > 2 ? arguments[2] : undefined;
     var useSelectLabelOrItem = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     var seriesIDs = Object.keys(this.seriesList);
-    var isHorizontal = !!this.options.horizontal;
-    var maxType = null;
-    var maxLabel = null;
-    var maxValuePos = null;
-    var maxValue = null;
-    var maxSeriesID = '';
+    var isHorizontal = !!this.options.horizontal; // hit 기반 결과 (최우선)
+
+    var hitType = null;
+    var hitLabel = null;
+    var hitValuePos = null;
+    var hitValue = null;
+    var hitSeriesID = '';
+    var hitDataIndex = null;
+    var hitDistance = Infinity;
+    var hasDirectHit = false; // fallback: hit이 전혀 없을 때 사용할 "데이터 있는 첫 시리즈" 정보
+
+    var fallbackType = null;
+    var fallbackLabel = null;
+    var fallbackValuePos = null;
+    var fallbackValue = null;
+    var fallbackSeriesID = '';
+    var fallbackDataIndex = null;
     var acc = 0;
     var useStack = false;
-    var maxIndex = null;
 
     for (var ix = 0; ix < seriesIDs.length; ix++) {
       var seriesID = seriesIDs[ix];
@@ -39997,12 +40017,13 @@ var modules = {
 
         if (data) {
           if (helpers_util.isPieType(item.type)) {
-            maxLabel = seriesID;
-            maxSeriesID = seriesID;
-            maxValuePos = (data.ea - data.sa) / 2;
-            maxValue = data.o;
-            maxIndex = data.index;
-            maxType = item.type;
+            // pie 차트는 hit detection 체계가 달라 기존 동작 유지 (단일 pie 시리즈가 일반적)
+            hitType = item.type;
+            hitLabel = seriesID;
+            hitSeriesID = seriesID;
+            hitValuePos = (data.ea - data.sa) / 2;
+            hitValue = data.o;
+            hitDataIndex = data.index;
           } else {
             var ldata = isHorizontal ? data.y : data.x;
             var lp = isHorizontal ? data.yp : data.xp;
@@ -40015,24 +40036,48 @@ var modules = {
                 useStack = true;
               } else {
                 acc += data.y;
-              }
+              } // fallback 기록: 데이터가 있는 첫 시리즈를 저장
+
+
+              if (fallbackSeriesID === '') {
+                fallbackType = series.type;
+                fallbackLabel = ldata;
+                fallbackValuePos = lp;
+                fallbackValue = g;
+                fallbackSeriesID = seriesID;
+                fallbackDataIndex = index;
+              } // hit 기반 선택: item.hit이 true이고 유효한 좌표가 있을 때만 고려
+
+
+              if (item.hit && data.xp !== undefined && data.yp !== undefined) {
+                var distance = Math.pow(data.xp - offset[0], 2) + Math.pow(data.yp - offset[1], 2);
+
+                if (item.directHit) {
+                  // 직접 박스 히트는 최우선. 여러 개이면 가장 가까운 것.
+                  if (!hasDirectHit || distance < hitDistance) {
+                    hitDistance = distance;
+                    hitType = series.type;
+                    hitLabel = ldata;
+                    hitValuePos = lp;
+                    hitValue = g;
+                    hitSeriesID = seriesID;
+                    hitDataIndex = index;
+                  }
 
-              if (maxType === 'bar' && useStack) {
-                if (item.hit) {
-                  maxValue = g;
-                  maxSeriesID = seriesID;
-                  maxIndex = index;
-                  maxLabel = ldata;
-                  maxValuePos = lp;
-                  maxType = series.type;
+                  hasDirectHit = true;
+                } else if (!hasDirectHit) {
+                  // directHit가 없을 때만 일반 hit 거리 비교 참여
+                  // (라인 근접 히트가 박스 직접 히트를 이기지 못하도록)
+                  if (distance < hitDistance) {
+                    hitDistance = distance;
+                    hitType = series.type;
+                    hitLabel = ldata;
+                    hitValuePos = lp;
+                    hitValue = g;
+                    hitSeriesID = seriesID;
+                    hitDataIndex = index;
+                  }
                 }
-              } else if (maxValue === null || maxValue <= g) {
-                maxValue = g;
-                maxSeriesID = seriesID;
-                maxLabel = ldata;
-                maxValuePos = lp;
-                maxIndex = index;
-                maxType = series.type;
               }
             }
           }
@@ -40040,22 +40085,23 @@ var modules = {
       }
     }
 
+    var hasHit = hitSeriesID !== '';
     return {
-      type: maxType,
-      label: maxLabel,
-      pos: maxValuePos,
-      value: (_maxValue = maxValue) !== null && _maxValue !== void 0 ? _maxValue : 0,
-      sId: maxSeriesID,
+      type: hasHit ? hitType : fallbackType,
+      label: hasHit ? hitLabel : fallbackLabel,
+      pos: hasHit ? hitValuePos : fallbackValuePos,
+      value: (_ref4 = hasHit ? hitValue : fallbackValue) !== null && _ref4 !== void 0 ? _ref4 : 0,
+      sId: hasHit ? hitSeriesID : fallbackSeriesID,
       acc: acc,
       useStack: useStack,
-      maxIndex: maxIndex
+      dataIndex: hasHit ? hitDataIndex : fallbackDataIndex
     };
   },
 
   /**
    * @typedef {Object} LabelInfoResult
    * @property {number} labelIndex - 선택된 라벨의 인덱스
-   * @property {object} hitInfo - 해당 위치에서의 히트 정보 (getItemByPosition 반환값)
+   * @property {object} hitInfo - 해당 위치에서의 히트 정보 (getHitItemByPosition 반환값)
    */
 
   /**
@@ -40080,9 +40126,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 _ref4, _b$pointSize;
+      var _ref5, _b$pointSize;
 
-      return (_ref4 = (_b$pointSize = b.pointSize) !== null && _b$pointSize !== void 0 ? _b$pointSize : 0 - a.pointSize) !== null && _ref4 !== void 0 ? _ref4 : 0;
+      return (_ref5 = (_b$pointSize = b.pointSize) !== null && _b$pointSize !== void 0 ? _b$pointSize : 0 - a.pointSize) !== null && _ref5 !== void 0 ? _ref5 : 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,
@@ -40114,10 +40160,10 @@ var modules = {
           _scrollbarOpt2$interv = _scrollbarOpt2.interval,
           interval = _scrollbarOpt2$interv === void 0 ? 1 : _scrollbarOpt2$interv;
 
-      var _ref5 = range !== null && range !== void 0 ? range : [0, scale.labels.length],
-          _ref6 = _slicedToArray(_ref5, 2),
-          min = _ref6[0],
-          max = _ref6[1];
+      var _ref6 = range !== null && range !== void 0 ? range : [0, scale.labels.length],
+          _ref7 = _slicedToArray(_ref6, 2),
+          min = _ref7[0],
+          max = _ref7[1];
 
       var labelCount = Math.floor((+max - +min) / interval) + 1;
       var labelGap = (endPoint - startPoint) / labelCount;
@@ -40143,7 +40189,7 @@ var modules = {
 
       labelIndex = scale.labels.length > _index ? _index : -1;
     } else {
-      var _hitInfo$maxIndex;
+      var _hitInfo$dataIndex;
 
       var offsetX;
       var dataIndex;
@@ -40158,8 +40204,8 @@ var modules = {
         offsetX = x;
       }
 
-      hitInfo = this.getItemByPosition([offsetX, y], selectLabel === null || selectLabel === void 0 ? void 0 : selectLabel.useApproximateValue, dataIndex, true);
-      labelIndex = (_hitInfo$maxIndex = hitInfo.maxIndex) !== null && _hitInfo$maxIndex !== void 0 ? _hitInfo$maxIndex : -1;
+      hitInfo = this.getHitItemByPosition([offsetX, y], selectLabel === null || selectLabel === void 0 ? void 0 : selectLabel.useApproximateValue, dataIndex, true);
+      labelIndex = (_hitInfo$dataIndex = hitInfo.dataIndex) !== null && _hitInfo$dataIndex !== void 0 ? _hitInfo$dataIndex : -1;
     }
 
     return {
@@ -42142,7 +42188,7 @@ var element_line_Line = /*#__PURE__*/function () {
   }, {
     key: "findGraphData",
     value: function findGraphData(offset, isHorizontal, dataIndex, useSelectLabelOrItem) {
-      var _item$data;
+      var _this$pointSize, _item$data;
 
       var xp = offset[0];
       var yp = offset[1];
@@ -42154,7 +42200,23 @@ var element_line_Line = /*#__PURE__*/function () {
       var gdata = this.data.filter(function (data) {
         return !helpers_util.isNullOrUndefined(data.x);
       });
-      var isLinearInterpolation = this.useLinearInterpolation();
+      var isLinearInterpolation = this.useLinearInterpolation(); // line 포인트 "정확 히트" 판정용 반경.
+      // combo 차트에서 line 포인트 중심을 직격한 경우, 같은 좌표의 bar(directHit)보다
+      // line이 우선되도록 item.directHit = true로 표시한다. 그 외(단순 Y축 근접)는 기존처럼 hit만.
+      // 포인트 반지름에 기본 포인트 크기(LINE_OPTION.pointSize)만큼의 클릭 여유 마진을 더하고,
+      // 시각적으로 하이라이트되는 포인트 반경(highlight.maxSize)을 최소 보장값으로 사용한다.
+
+      var directHitRadius = Math.max(((_this$pointSize = this.pointSize) !== null && _this$pointSize !== void 0 ? _this$pointSize : LINE_OPTION.pointSize) + LINE_OPTION.pointSize, LINE_OPTION.highlight.maxSize);
+
+      var isLinePointDirectHit = function isLinePointDirectHit(point) {
+        if (!point || point.xp === undefined || point.yp === undefined) {
+          return false;
+        }
+
+        var dx = xp - point.xp;
+        var dy = yp - point.yp;
+        return dx * dx + dy * dy <= directHitRadius * directHitRadius;
+      };
 
       if (gdata !== null && gdata !== void 0 && gdata.length) {
         if (typeof dataIndex === 'number' && this.show) {
@@ -42169,6 +42231,11 @@ var element_line_Line = /*#__PURE__*/function () {
             if (yDist <= directHitThreshold) {
               item.hit = true;
             }
+
+            if (isLinePointDirectHit(point)) {
+              item.hit = true;
+              item.directHit = true;
+            }
           }
         } else if (typeof this.beforeFindItemIndex === 'number' && this.beforeFindItemIndex !== -1 && this.show && useSelectLabelOrItem) {
           item.data = gdata[this.beforeFindItemIndex];
@@ -42317,6 +42384,11 @@ var element_line_Line = /*#__PURE__*/function () {
               if (_yDist <= _directHitThreshold) {
                 item.hit = true;
               }
+
+              if (isLinePointDirectHit(_point3)) {
+                item.hit = true;
+                item.directHit = true;
+              }
             }
           }
         }
@@ -43257,7 +43329,10 @@ var element_bar_Bar = /*#__PURE__*/function () {
         if (barData[clampedIndex]) {
           item.data = barData[clampedIndex];
           item.index = clampedIndex;
-          item.hit = this.isPointInBar(offset, barData[clampedIndex]);
+          item.hit = this.isPointInBar(offset, barData[clampedIndex]); // bar 박스 내부 클릭은 "직접 박스 히트"로 표시.
+          // findHitItem에서 line 포인트 근접 히트보다 우선 선택되도록 하기 위함.
+
+          item.directHit = item.hit;
         }
 
         return item;
@@ -43314,7 +43389,9 @@ var element_bar_Bar = /*#__PURE__*/function () {
         if (inRange) {
           item.data = barData;
           item.index = barData.index;
-          item.hit = this.isPointInBar(offset, barData);
+          item.hit = this.isPointInBar(offset, barData); // bar 박스 내부 클릭은 "직접 박스 히트"로 표시 (findHitItem 우선순위용).
+
+          item.directHit = item.hit;
           return item;
         }
 
@@ -51823,19 +51900,19 @@ var plugins_interaction_modules = {
       var useSelectSeries = (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.use) && (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.useClick);
 
       var setSelectedItemInfo = function setSelectedItemInfo() {
-        var hitInfo = _this.getItemByPosition(offset, false);
+        var hitInfo = _this.getHitItemByPosition(offset, false);
 
         args.label = hitInfo.label;
         args.value = hitInfo.value;
         args.seriesId = hitInfo.sId;
-        args.dataIndex = hitInfo.maxIndex;
+        args.dataIndex = hitInfo.dataIndex;
         args.acc = hitInfo.acc;
 
         if (hitInfo !== null && hitInfo !== void 0 && hitInfo.sId) {
           args.selected = {
             eventTarget: 'item',
             seriesId: _this.isDeselectItem(hitInfo) ? null : hitInfo.sId,
-            dataIndex: _this.isDeselectItem(hitInfo) ? null : hitInfo.maxIndex
+            dataIndex: _this.isDeselectItem(hitInfo) ? null : hitInfo.dataIndex
           };
         }
       };
@@ -52509,7 +52586,10 @@ var plugins_interaction_modules = {
     var maxv = '';
     var maxg = null;
     var maxSID = null;
-    var minDistance = Infinity; // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
+    var minDistance = Infinity; // directHit(bar 박스 내부 클릭/hover) 시리즈가 발견되었는지 추적.
+    // 한 번이라도 directHit가 있으면 line의 근접 포인트 히트는 hitId 후보에서 배제된다.
+
+    var hasDirectHit = false; // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
 
     var targetDataIndex = this.findClosestDataIndex(offset, sIds);
 
@@ -52585,13 +52665,25 @@ var plugins_interaction_modules = {
             if (maxg === null || maxg <= gdata) {
               maxg = gdata;
               maxSID = sId;
-            } // 마우스 위치와의 거리 계산하여 가장 가까운 시리즈 선택
+            } // 마우스 위치와의 거리 계산하여 가장 가까운 시리즈 선택.
+            // directHit(bar 박스 내부)가 하나라도 있으면 그중에서만 선택하고,
+            // 라인의 근접 포인트 히트(item.hit=true, directHit=false)는 hitId 후보에서 배제한다.
+            // bar + line combo 차트에서 작은 bar 클릭 시 큰 값의 line이 잡히던 버그 방지.
 
 
             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) {
+              if (item.directHit) {
+                // directHit는 최우선. 여러 directHit 중에서는 가장 가까운 것 선택.
+                if (!hasDirectHit || distance < minDistance) {
+                  minDistance = distance;
+                  hitId = sId;
+                }
+
+                hasDirectHit = true;
+              } else if (!hasDirectHit && distance < minDistance) {
+                // directHit가 없을 때만 일반 hit 거리 비교
                 minDistance = distance;
                 hitId = sId;
               }
@@ -53287,7 +53379,7 @@ var plugins_interaction_modules = {
   isDeselectItem: function isDeselectItem(hitInfo) {
     var _this$defaultSelectIt, _this$defaultSelectIt2;
 
-    return this.options.selectItem.useDeselectItem && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.maxIndex) === ((_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.dataIndex) && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === ((_this$defaultSelectIt2 = this.defaultSelectItemInfo) === null || _this$defaultSelectIt2 === void 0 ? void 0 : _this$defaultSelectIt2.seriesID) && !isNaN(hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.maxIndex);
+    return this.options.selectItem.useDeselectItem && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.dataIndex) === ((_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.dataIndex) && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === ((_this$defaultSelectIt2 = this.defaultSelectItemInfo) === null || _this$defaultSelectIt2 === void 0 ? void 0 : _this$defaultSelectIt2.seriesID) && !isNaN(hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.dataIndex);
   },
 
   /**
@@ -54961,7 +55053,7 @@ var element_tip_modules = {
 
     if (tipType === 'sel') {
       if (hitInfo && hitInfo.label !== null) {
-        lastTip.pos = type === 'bar' ? hitInfo.maxIndex : hitInfo.label;
+        lastTip.pos = type === 'bar' ? hitInfo.dataIndex : hitInfo.label;
         ldata = lastTip.pos;
       } else if (lastTip.pos !== null) {
         ldata = lastTip.pos;
@@ -56060,10 +56152,10 @@ var chart_core_EvChart = /*#__PURE__*/function () {
                   var lastHitInfo = this.lastHitInfo;
                   var defaultSelectInfo = this.defaultSelectItemInfo;
 
-                  if (lastHitInfo !== null && lastHitInfo !== void 0 && lastHitInfo.maxIndex || (lastHitInfo === null || lastHitInfo === void 0 ? void 0 : lastHitInfo.maxIndex) === 0) {
+                  if (lastHitInfo !== null && lastHitInfo !== void 0 && lastHitInfo.dataIndex || (lastHitInfo === null || lastHitInfo === void 0 ? void 0 : lastHitInfo.dataIndex) === 0) {
                     _selectInfo = {
                       seriesID: lastHitInfo.sId,
-                      dataIndex: lastHitInfo.maxIndex
+                      dataIndex: lastHitInfo.dataIndex
                     };
                   } else if (defaultSelectInfo !== null && defaultSelectInfo !== void 0 && defaultSelectInfo.dataIndex || (defaultSelectInfo === null || defaultSelectInfo === void 0 ? void 0 : defaultSelectInfo.dataIndex) === 0) {
                     _selectInfo = _objectSpread2({}, defaultSelectInfo);