evui 3.4.105 → 3.4.107

package/dist/evui.common.js

@@ -11164,7 +11164,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.105\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.107\"}");
 
 /***/ }),
 
@@ -50123,10 +50123,10 @@ var plugins_interaction_modules = {
    */
   createEventFunctions: function createEventFunctions() {
     var _this = this,
-        _this$options5,
-        _this$options5$toolti,
         _this$options6,
-        _this$options6$toolti;
+        _this$options6$toolti,
+        _this$options7,
+        _this$options7$toolti;
 
     /**
      * To show tooltip and item highlighting, add event listener on mousemove
@@ -50248,23 +50248,126 @@ var plugins_interaction_modules = {
 
 
     this.onDblClick = function (e) {
-      var selectItem = _this.options.selectItem;
       var args = {
         e: e
       };
 
       var offset = _this.getMousePosition(e);
 
-      var hitInfo = _this.getItemByPosition(offset, selectItem.useApproximateValue);
+      var _this$options3 = _this.options,
+          chartType = _this$options3.type,
+          selectItemOpt = _this$options3.selectItem,
+          selectLabelOpt = _this$options3.selectLabel,
+          selectSeriesOpt = _this$options3.selectSeries;
+      var useSelectItem = (selectItemOpt === null || selectItemOpt === void 0 ? void 0 : selectItemOpt.use) && (selectItemOpt === null || selectItemOpt === void 0 ? void 0 : selectItemOpt.useClick);
+      var useSelectLabel = (selectLabelOpt === null || selectLabelOpt === void 0 ? void 0 : selectLabelOpt.use) && (selectLabelOpt === null || selectLabelOpt === void 0 ? void 0 : selectLabelOpt.useClick);
+      var useSelectSeries = (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.use) && (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.useClick);
 
-      if (hitInfo.label !== null) {
-        _this.render(hitInfo);
+      if (useSelectItem) {
+        args.eventTarget = 'item';
+      } else if (useSelectLabel) {
+        args.eventTarget = 'label';
+      } else if (useSelectSeries) {
+        args.eventTarget = 'series';
       }
 
-      args.label = hitInfo.label;
-      args.value = hitInfo.value;
-      args.seriesId = hitInfo.sId;
-      args.acc = hitInfo.acc;
+      var setSelectedItemInfo = function setSelectedItemInfo() {
+        var hitInfo = _this.findHitItem(offset); // 실제 클릭된 아이템의 정보 추출 (hitId가 있으면 해당 아이템, 없으면 첫 번째 아이템)
+
+
+        var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+        var hitItem = hitInfo.items[hitItemId];
+
+        if (hitItem) {
+          var _hitItem$data, _hitItem$data2, _hitItem$data3, _hitItem$data4;
+
+          args.label = ((_hitItem$data = hitItem.data) === null || _hitItem$data === void 0 ? void 0 : _hitItem$data.x) || ((_hitItem$data2 = hitItem.data) === null || _hitItem$data2 === void 0 ? void 0 : _hitItem$data2.y);
+          args.value = (_hitItem$data3 = hitItem.data) === null || _hitItem$data3 === void 0 ? void 0 : _hitItem$data3.o;
+          args.seriesId = hitItemId;
+          args.dataIndex = hitItem.index;
+          args.acc = (_hitItem$data4 = hitItem.data) === null || _hitItem$data4 === void 0 ? void 0 : _hitItem$data4.acc;
+        }
+      };
+
+      var setSelectedLabelInfo = function setSelectedLabelInfo(targetAxis) {
+        var hitInfo = _this.findHitItem(offset);
+
+        var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+        var hitItem = hitInfo.items[hitItemId];
+
+        var _this$getLabelInfoByP = _this.getLabelInfoByPosition(offset, targetAxis),
+            clickedLabelIndex = _this$getLabelInfoByP.labelIndex;
+
+        var _this$regulateSelecte = _this.regulateSelectedLabelInfo(clickedLabelIndex, targetAxis),
+            dataIndexList = _this$regulateSelecte.dataIndex;
+
+        _this.defaultSelectInfo = _this.getSelectedLabelInfoWithLabelData(dataIndexList, targetAxis);
+
+        if (hitItem) {
+          var _hitItem$data5, _hitItem$data6, _hitItem$data7, _hitItem$data8;
+
+          args.label = ((_hitItem$data5 = hitItem.data) === null || _hitItem$data5 === void 0 ? void 0 : _hitItem$data5.x) || ((_hitItem$data6 = hitItem.data) === null || _hitItem$data6 === void 0 ? void 0 : _hitItem$data6.y);
+          args.seriesId = hitItemId;
+          args.value = (_hitItem$data7 = hitItem.data) === null || _hitItem$data7 === void 0 ? void 0 : _hitItem$data7.o;
+          args.acc = (_hitItem$data8 = hitItem.data) === null || _hitItem$data8 === void 0 ? void 0 : _hitItem$data8.acc;
+          args.dataIndex = hitItem.index;
+        }
+      };
+
+      var setSelectedSeriesInfo = function setSelectedSeriesInfo() {
+        var hitInfo = _this.findHitItem(offset);
+
+        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 (hitItem) {
+            var _hitItem$data9, _hitItem$data10, _hitItem$data11, _allSelectedList$seri, _hitItem$data12;
+
+            args.label = ((_hitItem$data9 = hitItem.data) === null || _hitItem$data9 === void 0 ? void 0 : _hitItem$data9.x) || ((_hitItem$data10 = hitItem.data) === null || _hitItem$data10 === void 0 ? void 0 : _hitItem$data10.y);
+            args.value = (_hitItem$data11 = hitItem.data) === null || _hitItem$data11 === void 0 ? void 0 : _hitItem$data11.o;
+            args.seriesId = (_allSelectedList$seri = allSelectedList.seriesId) === null || _allSelectedList$seri === void 0 ? void 0 : _allSelectedList$seri.at(0);
+            args.acc = (_hitItem$data12 = hitItem.data) === null || _hitItem$data12 === void 0 ? void 0 : _hitItem$data12.acc;
+            args.dataIndex = hitItem.index;
+          }
+        }
+      };
+
+      switch (chartType) {
+        case 'bar':
+          {
+            if (useSelectLabel) {
+              setSelectedLabelInfo(_this.options.horizontal ? 'yAxis' : 'xAxis');
+            } else {
+              setSelectedItemInfo();
+            }
+
+            break;
+          }
+
+        case 'line':
+          {
+            if (useSelectItem) {
+              setSelectedItemInfo();
+            } else if (useSelectLabel) {
+              setSelectedLabelInfo();
+            } else if (useSelectSeries) {
+              setSelectedSeriesInfo();
+            }
+
+            break;
+          }
+
+        default:
+          {
+            setSelectedItemInfo();
+            break;
+          }
+      }
 
       if (typeof _this.listeners['dbl-click'] === 'function') {
         _this.listeners['dbl-click'](args);
@@ -50289,11 +50392,11 @@ var plugins_interaction_modules = {
 
       var offset = _this.getMousePosition(e);
 
-      var _this$options3 = _this.options,
-          chartType = _this$options3.type,
-          selectItemOpt = _this$options3.selectItem,
-          selectLabelOpt = _this$options3.selectLabel,
-          selectSeriesOpt = _this$options3.selectSeries;
+      var _this$options4 = _this.options,
+          chartType = _this$options4.type,
+          selectItemOpt = _this$options4.selectItem,
+          selectLabelOpt = _this$options4.selectLabel,
+          selectSeriesOpt = _this$options4.selectSeries;
       var useSelectItem = (selectItemOpt === null || selectItemOpt === void 0 ? void 0 : selectItemOpt.use) && (selectItemOpt === null || selectItemOpt === void 0 ? void 0 : selectItemOpt.useClick);
       var useSelectLabel = (selectLabelOpt === null || selectLabelOpt === void 0 ? void 0 : selectLabelOpt.use) && (selectLabelOpt === null || selectLabelOpt === void 0 ? void 0 : selectLabelOpt.useClick);
       var useSelectSeries = (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.use) && (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.useClick);
@@ -50319,11 +50422,11 @@ var plugins_interaction_modules = {
       var setSelectedLabelInfo = function setSelectedLabelInfo(targetAxis) {
         var itemHitInfo = _this.getItemByPosition(offset, false);
 
-        var _this$getLabelInfoByP = _this.getLabelInfoByPosition(offset, targetAxis),
-            clickedLabelIndex = _this$getLabelInfoByP.labelIndex;
+        var _this$getLabelInfoByP2 = _this.getLabelInfoByPosition(offset, targetAxis),
+            clickedLabelIndex = _this$getLabelInfoByP2.labelIndex;
 
-        var _this$regulateSelecte = _this.regulateSelectedLabelInfo(clickedLabelIndex, targetAxis),
-            dataIndexList = _this$regulateSelecte.dataIndex;
+        var _this$regulateSelecte2 = _this.regulateSelectedLabelInfo(clickedLabelIndex, targetAxis),
+            dataIndexList = _this$regulateSelecte2.dataIndex;
 
         _this.defaultSelectInfo = _this.getSelectedLabelInfoWithLabelData(dataIndexList, targetAxis);
 
@@ -50344,7 +50447,7 @@ var plugins_interaction_modules = {
         var hitInfo = _this.getSeriesInfoByPosition(offset);
 
         if (hitInfo.sId !== null) {
-          var allSelectedList = _this.updateSelectedSeriesInfo(hitInfo.sId);
+          var allSelectedList = _this.updateSelectedSeriesInfo(hitInfo.sId, false);
 
           _this.defaultSelectInfo.seriesId = allSelectedList.seriesId;
           args.selected = _objectSpread2({
@@ -50505,9 +50608,9 @@ var plugins_interaction_modules = {
 
 
     this.onMouseDown = function (e) {
-      var _this$options4 = _this.options,
-          dragSelection = _this$options4.dragSelection,
-          type = _this$options4.type;
+      var _this$options5 = _this.options,
+          dragSelection = _this$options5.dragSelection,
+          type = _this$options5.type;
 
       if (dragSelection.use && (type === 'scatter' || type === 'line' || type === 'heatMap')) {
         _this.removeSelectionArea();
@@ -50535,13 +50638,13 @@ var plugins_interaction_modules = {
       }
     };
 
-    if ((_this$options5 = this.options) !== null && _this$options5 !== void 0 && (_this$options5$toolti = _this$options5.tooltip) !== null && _this$options5$toolti !== void 0 && _this$options5$toolti.useScrollbar) {
+    if ((_this$options6 = this.options) !== null && _this$options6 !== void 0 && (_this$options6$toolti = _this$options6.tooltip) !== null && _this$options6$toolti !== void 0 && _this$options6$toolti.useScrollbar) {
       this.overlayCanvas.addEventListener('wheel', this.onWheel, {
         passive: false
       });
     }
 
-    if ((_this$options6 = this.options) !== null && _this$options6 !== void 0 && (_this$options6$toolti = _this$options6.tooltip) !== null && _this$options6$toolti !== void 0 && _this$options6$toolti.throttledMove) {
+    if ((_this$options7 = this.options) !== null && _this$options7 !== void 0 && (_this$options7$toolti = _this$options7.tooltip) !== null && _this$options7$toolti !== void 0 && _this$options7$toolti.throttledMove) {
       this.onMouseMove = utils_throttle(this.onMouseMove, 30);
     }
 
@@ -50825,9 +50928,9 @@ var plugins_interaction_modules = {
         }
       }
     } else if (location === 'xAxis' || location === 'yAxis') {
-      var _this$options7 = this.options,
-          axesX = _this$options7.axesX,
-          axesY = _this$options7.axesY;
+      var _this$options8 = this.options,
+          axesX = _this$options8.axesX,
+          axesY = _this$options8.axesY;
 
       var setCurMouseLabelVal = function setCurMouseLabelVal(axes, labelIdx, labelVal) {
         curMouseTargetVal.labelIdx = labelIdx;
@@ -51266,10 +51369,10 @@ var plugins_interaction_modules = {
   getSelectedLabelInfoWithLabelData: function getSelectedLabelInfoWithLabelData(labelIndexList, targetAxis) {
     var _this4 = this;
 
-    var _this$options8 = this.options,
-        selectLabelOpt = _this$options8.selectLabel,
-        chartType = _this$options8.type,
-        horizontal = _this$options8.horizontal;
+    var _this$options9 = this.options,
+        selectLabelOpt = _this$options9.selectLabel,
+        chartType = _this$options9.type,
+        horizontal = _this$options9.horizontal;
     var result = lodash_es_cloneDeep(this.defaultSelectInfo);
     result.dataIndex = labelIndexList;
 
@@ -51332,9 +51435,9 @@ var plugins_interaction_modules = {
    * @returns after {number[]}  '[0, 1 ...]' result Label index List
    */
   regulateSelectedLabelInfo: function regulateSelectedLabelInfo(labelIndex, targetAxis) {
-    var _this$options$selectL2, _this$options9, _this$defaultSelectIn;
+    var _this$options$selectL2, _this$options10, _this$defaultSelectIn;
 
-    var option = (_this$options$selectL2 = (_this$options9 = this.options) === null || _this$options9 === void 0 ? void 0 : _this$options9.selectLabel) !== null && _this$options$selectL2 !== void 0 ? _this$options$selectL2 : {};
+    var option = (_this$options$selectL2 = (_this$options10 = this.options) === null || _this$options10 === void 0 ? void 0 : _this$options10.selectLabel) !== null && _this$options$selectL2 !== void 0 ? _this$options$selectL2 : {};
     var before = targetAxis === null || ((_this$defaultSelectIn = this.defaultSelectInfo) === null || _this$defaultSelectIn === void 0 ? void 0 : _this$defaultSelectIn.targetAxis) === targetAxis ? _objectSpread2(_objectSpread2({}, this.defaultSelectInfo), {}, {
       targetAxis: targetAxis
     }) : {
@@ -51364,20 +51467,28 @@ var plugins_interaction_modules = {
   /**
    * Add or delete selected series Index,according to policy and option
    * @param seriesId {number}
+   * @param keepSelection {boolean}
    * @returns after {number[]}  '[0, 1 ...]' result series Id List
    */
-  updateSelectedSeriesInfo: function updateSelectedSeriesInfo(seriesId) {
-    var _this$options$selectS, _this$options10, _this$defaultSelectIn2;
+  updateSelectedSeriesInfo: function updateSelectedSeriesInfo(seriesId, keepSelection) {
+    var _this$options$selectS, _this$options11, _this$defaultSelectIn2;
 
-    var option = (_this$options$selectS = (_this$options10 = this.options) === null || _this$options10 === void 0 ? void 0 : _this$options10.selectSeries) !== null && _this$options$selectS !== void 0 ? _this$options$selectS : {};
+    var option = (_this$options$selectS = (_this$options11 = this.options) === null || _this$options11 === void 0 ? void 0 : _this$options11.selectSeries) !== null && _this$options$selectS !== void 0 ? _this$options$selectS : {};
     var before = (_this$defaultSelectIn2 = this.defaultSelectInfo) !== null && _this$defaultSelectIn2 !== void 0 ? _this$defaultSelectIn2 : {
       seriesId: []
     };
+
+    if (typeof before.seriesId === 'string') {
+      before.seriesId = [before.seriesId];
+    }
+
     var after = lodash_es_cloneDeep(before);
 
     if (before.seriesId.includes(seriesId)) {
-      var idx = before.seriesId.indexOf(seriesId);
-      after.seriesId.splice(idx, 1);
+      if (!keepSelection) {
+        var idx = before.seriesId.indexOf(seriesId);
+        after.seriesId.splice(idx, 1);
+      }
     } else if (seriesId) {
       after.seriesId.push(seriesId);
 
@@ -55702,6 +55813,42 @@ var DEFAULT_DATA = {
   labels: [],
   data: {}
 };
+
+var useWidgetClickEvent = function useWidgetClickEvent() {
+  var timer = null;
+  var clickCount = 0;
+  var Delay = 200;
+
+  var clickEventCallback = function clickEventCallback(callback) {
+    clickCount++;
+
+    if (clickCount === 1) {
+      timer = setTimeout(function () {
+        if (clickCount === 1) {
+          callback();
+        }
+
+        clickCount = 0;
+      }, Delay);
+    }
+  };
+
+  var dblClickEventCallback = function dblClickEventCallback(callback) {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+
+    callback();
+    clickCount = 0;
+  };
+
+  return {
+    clickEventCallback: clickEventCallback,
+    dblClickEventCallback: dblClickEventCallback
+  };
+};
+
 var chart_uses_useModel = function useModel(injectGroupSelectedLabel, injectGroupHoveredLabel) {
   var _props$selectedLabel;
 
@@ -55735,13 +55882,14 @@ var chart_uses_useModel = function useModel(injectGroupSelectedLabel, injectGrou
   var selectItemInfo = lodash_es_cloneDeep(props.selectedItem);
   var selectLabelInfo = lodash_es_cloneDeep((_props$selectedLabel = props.selectedLabel) !== null && _props$selectedLabel !== void 0 ? _props$selectedLabel : injectGroupSelectedLabel === null || injectGroupSelectedLabel === void 0 ? void 0 : injectGroupSelectedLabel.value);
   var selectSeriesInfo = lodash_es_cloneDeep(props.selectedSeries);
+
+  var _useWidgetClickEvent = useWidgetClickEvent(),
+      clickEventCallback = _useWidgetClickEvent.clickEventCallback,
+      dblClickEventCallback = _useWidgetClickEvent.dblClickEventCallback;
+
   var eventListeners = {
     click: function () {
       var _click = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
-        var _e$selected, _e$deselected;
-
-        var _ref, seriesId, dataIndex, eventTarget, targetAxis, _ref2, deselectedEventTarget;
-
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -55750,59 +55898,73 @@ var chart_uses_useModel = function useModel(injectGroupSelectedLabel, injectGrou
                 return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
 
               case 2:
-                _ref = (_e$selected = e === null || e === void 0 ? void 0 : e.selected) !== null && _e$selected !== void 0 ? _e$selected : {}, seriesId = _ref.seriesId, dataIndex = _ref.dataIndex, eventTarget = _ref.eventTarget, targetAxis = _ref.targetAxis;
-                _ref2 = (_e$deselected = e === null || e === void 0 ? void 0 : e.deselected) !== null && _e$deselected !== void 0 ? _e$deselected : {}, deselectedEventTarget = _ref2.eventTarget;
-                _context.t0 = eventTarget;
-                _context.next = _context.t0 === 'item' ? 7 : _context.t0 === 'label' ? 9 : _context.t0 === 'series' ? 11 : 13;
-                break;
-
-              case 7:
-                if (seriesId !== null) {
-                  emit('update:selectedItem', {
-                    seriesID: seriesId,
-                    dataIndex: dataIndex
-                  });
-
-                  if (deselectedEventTarget === 'label') {
-                    emit('update:selectedLabel', {
-                      dataIndex: []
-                    });
-                  }
-                } else {
-                  emit('update:selectedItem', null);
-                }
-
-                return _context.abrupt("break", 14);
-
-              case 9:
-                if (injectGroupSelectedLabel !== null && injectGroupSelectedLabel !== void 0 && injectGroupSelectedLabel.value) {
-                  injectGroupSelectedLabel.value.dataIndex = dataIndex;
-                } else {
-                  emit('update:selectedLabel', {
-                    dataIndex: dataIndex,
-                    targetAxis: targetAxis
-                  });
-
-                  if (deselectedEventTarget === 'item') {
-                    emit('update:selectedItem', null);
+                clickEventCallback(function () {
+                  var _e$selected, _e$deselected;
+
+                  var _ref = (_e$selected = e === null || e === void 0 ? void 0 : e.selected) !== null && _e$selected !== void 0 ? _e$selected : {},
+                      seriesId = _ref.seriesId,
+                      dataIndex = _ref.dataIndex,
+                      eventTarget = _ref.eventTarget,
+                      targetAxis = _ref.targetAxis;
+
+                  var _ref2 = (_e$deselected = e === null || e === void 0 ? void 0 : e.deselected) !== null && _e$deselected !== void 0 ? _e$deselected : {},
+                      deselectedEventTarget = _ref2.eventTarget;
+
+                  switch (eventTarget) {
+                    case 'item':
+                      {
+                        if (seriesId !== null) {
+                          emit('update:selectedItem', {
+                            seriesID: seriesId,
+                            dataIndex: dataIndex
+                          });
+
+                          if (deselectedEventTarget === 'label') {
+                            emit('update:selectedLabel', {
+                              dataIndex: []
+                            });
+                          }
+                        } else {
+                          emit('update:selectedItem', null);
+                        }
+
+                        break;
+                      }
+
+                    case 'label':
+                      {
+                        if (injectGroupSelectedLabel !== null && injectGroupSelectedLabel !== void 0 && injectGroupSelectedLabel.value) {
+                          injectGroupSelectedLabel.value.dataIndex = dataIndex;
+                        } else {
+                          emit('update:selectedLabel', {
+                            dataIndex: dataIndex,
+                            targetAxis: targetAxis
+                          });
+
+                          if (deselectedEventTarget === 'item') {
+                            emit('update:selectedItem', null);
+                          }
+                        }
+
+                        break;
+                      }
+
+                    case 'series':
+                      {
+                        emit('update:selectedSeries', {
+                          seriesId: seriesId
+                        });
+                        break;
+                      }
+
+                    default:
+                      break;
                   }
-                }
-
-                return _context.abrupt("break", 14);
 
-              case 11:
-                emit('update:selectedSeries', {
-                  seriesId: seriesId
+                  emit('click', e);
                 });
-                return _context.abrupt("break", 14);
-
-              case 13:
-                return _context.abrupt("break", 14);
-
-              case 14:
-                emit('click', e);
 
-              case 15:
+              case 3:
               case "end":
                 return _context.stop();
             }
@@ -55826,7 +55988,24 @@ var chart_uses_useModel = function useModel(injectGroupSelectedLabel, injectGrou
                 return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
 
               case 2:
-                emit('dbl-click', e);
+                dblClickEventCallback(function () {
+                  var eventTarget = e.eventTarget;
+
+                  switch (eventTarget) {
+                    case 'series':
+                      {
+                        emit('update:selectedSeries', {
+                          seriesId: e.seriesId ? [e.seriesId] : []
+                        });
+                        break;
+                      }
+
+                    default:
+                      break;
+                  }
+
+                  emit('dbl-click', e);
+                });
 
               case 3:
               case "end":