evui 3.4.136 → 3.4.138

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11191,7 +11191,7 @@ $({ target: 'Number', stat: true }, {
11191
11191
  /***/ "9224":
11192
11192
  /***/ (function(module) {
11193
11193
 
11194
- module.exports = JSON.parse("{\"a\":\"3.4.136\"}");
11194
+ module.exports = JSON.parse("{\"a\":\"3.4.138\"}");
11195
11195
 
11196
11196
  /***/ }),
11197
11197
 
@@ -38412,6 +38412,33 @@ var es_number_min_safe_integer = __webpack_require__("e6e1");
38412
38412
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.match.js
38413
38413
  var es_string_match = __webpack_require__("466d");
38414
38414
 
38415
+ // CONCATENATED MODULE: ./node_modules/lodash-es/isNil.js
38416
+ /**
38417
+ * Checks if `value` is `null` or `undefined`.
38418
+ *
38419
+ * @static
38420
+ * @memberOf _
38421
+ * @since 4.0.0
38422
+ * @category Lang
38423
+ * @param {*} value The value to check.
38424
+ * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
38425
+ * @example
38426
+ *
38427
+ * _.isNil(null);
38428
+ * // => true
38429
+ *
38430
+ * _.isNil(void 0);
38431
+ * // => true
38432
+ *
38433
+ * _.isNil(NaN);
38434
+ * // => false
38435
+ */
38436
+ function isNil(value) {
38437
+ return value == null;
38438
+ }
38439
+
38440
+ /* harmony default export */ var lodash_es_isNil = (isNil);
38441
+
38415
38442
  // CONCATENATED MODULE: ./src/components/chart/helpers/helpers.util.js
38416
38443
 
38417
38444
 
@@ -38429,6 +38456,7 @@ var es_string_match = __webpack_require__("466d");
38429
38456
 
38430
38457
 
38431
38458
 
38459
+
38432
38460
  /* harmony default export */ var helpers_util = ({
38433
38461
  /**
38434
38462
  * Transforming hex to rgb code
@@ -38575,7 +38603,7 @@ var es_string_match = __webpack_require__("466d");
38575
38603
  * @returns {string} signed value
38576
38604
  */
38577
38605
  labelSignFormat: function labelSignFormat(value) {
38578
- var decimalPoint = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
38606
+ var decimalPoint = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
38579
38607
  var quad = quadrillion(1);
38580
38608
  var trill = trillion(1);
38581
38609
  var billi = billions(1);
@@ -38589,7 +38617,7 @@ var es_string_match = __webpack_require__("466d");
38589
38617
 
38590
38618
  var assignLabelWith = function assignLabelWith(v, target, lb) {
38591
38619
  if (v % target === 0) {
38592
- return "".concat((v / target).toFixed(decimalPoint)).concat(lb);
38620
+ return lodash_es_isNil(decimalPoint) ? "".concat(v / target).concat(lb) : "".concat((v / target).toFixed(decimalPoint)).concat(lb);
38593
38621
  }
38594
38622
 
38595
38623
  return "".concat((v / target).toFixed(1)).concat(lb);
@@ -38606,7 +38634,7 @@ var es_string_match = __webpack_require__("466d");
38606
38634
  } else if (value >= killo) {
38607
38635
  label = assignLabelWith(value, 1000, 'K');
38608
38636
  } else {
38609
- label = value.toFixed(decimalPoint);
38637
+ label = lodash_es_isNil(decimalPoint) ? value : value.toFixed(decimalPoint);
38610
38638
  }
38611
38639
 
38612
38640
  return label;
@@ -41197,33 +41225,6 @@ var defaultsDeep = _baseRest(function(args) {
41197
41225
 
41198
41226
  /* harmony default export */ var lodash_es_defaultsDeep = (defaultsDeep);
41199
41227
 
41200
- // CONCATENATED MODULE: ./node_modules/lodash-es/isNil.js
41201
- /**
41202
- * Checks if `value` is `null` or `undefined`.
41203
- *
41204
- * @static
41205
- * @memberOf _
41206
- * @since 4.0.0
41207
- * @category Lang
41208
- * @param {*} value The value to check.
41209
- * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
41210
- * @example
41211
- *
41212
- * _.isNil(null);
41213
- * // => true
41214
- *
41215
- * _.isNil(void 0);
41216
- * // => true
41217
- *
41218
- * _.isNil(NaN);
41219
- * // => false
41220
- */
41221
- function isNil(value) {
41222
- return value == null;
41223
- }
41224
-
41225
- /* harmony default export */ var lodash_es_isNil = (isNil);
41226
-
41227
41228
  // CONCATENATED MODULE: ./node_modules/lodash-es/isUndefined.js
41228
41229
  /**
41229
41230
  * Checks if `value` is `undefined`.
@@ -41312,7 +41313,7 @@ var BAR_OPTION = {
41312
41313
  fontSize: 12,
41313
41314
  textColor: '#000000',
41314
41315
  formatter: null,
41315
- decimalPoint: 0
41316
+ decimalPoint: null
41316
41317
  }
41317
41318
  };
41318
41319
  var PIE_OPTION = {
@@ -41340,11 +41341,12 @@ var AXIS_OPTION = {
41340
41341
  axisLineWidth: 1,
41341
41342
  showGrid: true,
41342
41343
  gridLineColor: '#C9CFDC',
41344
+ showAxisTick: true,
41343
41345
  showIndicator: false,
41344
41346
  timeFormat: 'mm:ss',
41345
41347
  range: null,
41346
41348
  interval: null,
41347
- decimalPoint: null,
41349
+ decimalPoint: 'auto',
41348
41350
  labelStyle: {
41349
41351
  show: true,
41350
41352
  fontSize: 12,
@@ -45272,7 +45274,11 @@ var scale_Scale = /*#__PURE__*/function () {
45272
45274
  }
45273
45275
 
45274
45276
  if (this.autoScaleRatio) {
45275
- maxValue = Math.ceil(maxValue * (this.autoScaleRatio + 1));
45277
+ if (this.decimalPoint) {
45278
+ maxValue *= this.autoScaleRatio + 1;
45279
+ } else {
45280
+ maxValue = Math.ceil(maxValue * (this.autoScaleRatio + 1));
45281
+ }
45276
45282
  }
45277
45283
 
45278
45284
  if (this.startToZero) {
@@ -45358,14 +45364,26 @@ var scale_Scale = /*#__PURE__*/function () {
45358
45364
  }
45359
45365
  }
45360
45366
 
45367
+ if (this.decimalPoint === 'auto') {
45368
+ var _this$getDecimalPoint;
45369
+
45370
+ this.decimalPoint = this === null || this === void 0 ? void 0 : (_this$getDecimalPoint = this.getDecimalPointFromRange) === null || _this$getDecimalPoint === void 0 ? void 0 : _this$getDecimalPoint.call(this, {
45371
+ graphRange: graphRange,
45372
+ numberOfSteps: numberOfSteps
45373
+ });
45374
+ }
45375
+
45361
45376
  while (numberOfSteps > maxSteps) {
45362
45377
  interval *= 2;
45363
45378
  numberOfSteps = Math.round(graphRange / interval);
45364
- interval = Math.ceil(graphRange / numberOfSteps);
45379
+ var tempInterval = graphRange / numberOfSteps;
45380
+ interval = this.decimalPoint ? tempInterval : Math.ceil(tempInterval);
45365
45381
  }
45366
45382
 
45367
45383
  if (graphMax - graphMin > numberOfSteps * interval) {
45368
- interval = Math.ceil((graphMax - graphMin) / numberOfSteps);
45384
+ var _tempInterval = (graphMax - graphMin) / numberOfSteps;
45385
+
45386
+ interval = this.decimalPoint ? _tempInterval : Math.ceil(_tempInterval);
45369
45387
  }
45370
45388
 
45371
45389
  return {
@@ -45457,6 +45475,7 @@ var scale_Scale = /*#__PURE__*/function () {
45457
45475
  var endPoint = aPos[this.units.rectEnd];
45458
45476
  var offsetPoint = aPos[this.units.rectOffset(this.position)];
45459
45477
  var offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
45478
+ var AXIS_TICK_LENGTH = 5;
45460
45479
  var aliasPixel;
45461
45480
  this.drawAxisTitle(chartRect, labelOffset); // label font 설정
45462
45481
 
@@ -45481,8 +45500,8 @@ var scale_Scale = /*#__PURE__*/function () {
45481
45500
  ctx.moveTo(startPoint, offsetPoint + aliasPixel);
45482
45501
  ctx.lineTo(endPoint, offsetPoint + aliasPixel);
45483
45502
  } else {
45484
- ctx.moveTo(offsetPoint + aliasPixel + 1, startPoint);
45485
- ctx.lineTo(offsetPoint + aliasPixel + 1, endPoint);
45503
+ ctx.moveTo(offsetPoint + aliasPixel, startPoint);
45504
+ ctx.lineTo(offsetPoint + aliasPixel, endPoint);
45486
45505
  }
45487
45506
 
45488
45507
  ctx.stroke();
@@ -45578,9 +45597,22 @@ var scale_Scale = /*#__PURE__*/function () {
45578
45597
  }
45579
45598
  }
45580
45599
 
45600
+ if (_this3.showAxisTick) {
45601
+ ctx.beginPath();
45602
+ ctx.strokeStyle = _this3.axisLineColor;
45603
+ ctx.moveTo(linePosition, offsetPoint);
45604
+ ctx.lineTo(linePosition, offsetPoint + AXIS_TICK_LENGTH);
45605
+ ctx.stroke();
45606
+ ctx.closePath();
45607
+ }
45608
+
45581
45609
  if ((ix !== 0 || options !== null && options !== void 0 && options.axesX[0].flow) && _this3.showGrid) {
45610
+ ctx.beginPath();
45611
+ ctx.strokeStyle = _this3.gridLineColor;
45582
45612
  ctx.moveTo(linePosition, offsetPoint);
45583
45613
  ctx.lineTo(linePosition, offsetCounterPoint);
45614
+ ctx.stroke();
45615
+ ctx.closePath();
45584
45616
  }
45585
45617
  } else {
45586
45618
  var _options$brush2;
@@ -45595,14 +45627,26 @@ var scale_Scale = /*#__PURE__*/function () {
45595
45627
  linePosition -= 1;
45596
45628
  }
45597
45629
 
45630
+ if (_this3.showAxisTick) {
45631
+ var _this3$axisLineWidth;
45632
+
45633
+ ctx.beginPath();
45634
+ ctx.strokeStyle = _this3.axisLineColor;
45635
+ ctx.moveTo(offsetPoint + ((_this3$axisLineWidth = _this3.axisLineWidth) !== null && _this3$axisLineWidth !== void 0 ? _this3$axisLineWidth : 1), linePosition);
45636
+ ctx.lineTo(offsetPoint - AXIS_TICK_LENGTH, linePosition);
45637
+ ctx.stroke();
45638
+ ctx.closePath();
45639
+ }
45640
+
45598
45641
  if (ix !== 0 && _this3.showGrid) {
45642
+ ctx.beginPath();
45643
+ ctx.strokeStyle = _this3.gridLineColor;
45599
45644
  ctx.moveTo(offsetPoint, linePosition);
45600
45645
  ctx.lineTo(offsetCounterPoint, linePosition);
45646
+ ctx.stroke();
45647
+ ctx.closePath();
45601
45648
  }
45602
45649
  }
45603
-
45604
- ctx.stroke();
45605
- ctx.closePath();
45606
45650
  }
45607
45651
  };
45608
45652
 
@@ -46222,6 +46266,10 @@ var scale_time_TimeScale = /*#__PURE__*/function (_Scale) {
46222
46266
 
46223
46267
 
46224
46268
 
46269
+
46270
+
46271
+
46272
+
46225
46273
  var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
46226
46274
  _inherits(LinearScale, _Scale);
46227
46275
 
@@ -46247,7 +46295,12 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
46247
46295
  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
46248
46296
 
46249
46297
  if (this.formatter) {
46250
- var formattedLabel = this.formatter(value, data);
46298
+ var formattedLabel = this.formatter(Number(value.toFixed(this.decimalPoint)), _objectSpread2(_objectSpread2({}, data), {}, {
46299
+ prevOriginalValue: data === null || data === void 0 ? void 0 : data.prev,
46300
+ prevDecimalPointValue: truthyNumber(data === null || data === void 0 ? void 0 : data.prev) ? Number(data === null || data === void 0 ? void 0 : data.prev.toFixed(this.decimalPoint)) : null,
46301
+ currentOriginalValue: value,
46302
+ currentDecimalPointValue: Number(value.toFixed(this.decimalPoint))
46303
+ }));
46251
46304
 
46252
46305
  if (typeof formattedLabel === 'string') {
46253
46306
  return formattedLabel;
@@ -46269,7 +46322,56 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
46269
46322
  var max = range.maxValue;
46270
46323
  var min = range.minValue;
46271
46324
  var step = range.maxSteps;
46272
- return this.interval ? this.interval : Math.ceil((max - min) / step);
46325
+
46326
+ if (this.interval) {
46327
+ return this.interval;
46328
+ }
46329
+
46330
+ if (this.decimalPoint) {
46331
+ return (max - min) / step;
46332
+ }
46333
+
46334
+ return Math.ceil((max - min) / step);
46335
+ }
46336
+ /**
46337
+ * Get decimal point from range
46338
+ * @param {object} {
46339
+ * graphRange: number,
46340
+ * numberOfSteps: number,
46341
+ * interval: number,
46342
+ * }
46343
+ * @returns {number} decimal point
46344
+ */
46345
+
46346
+ }, {
46347
+ key: "getDecimalPointFromRange",
46348
+ value: function getDecimalPointFromRange(_ref) {
46349
+ var graphRange = _ref.graphRange,
46350
+ numberOfSteps = _ref.numberOfSteps;
46351
+
46352
+ if (numberOfSteps <= 0 || graphRange === 0) {
46353
+ return 0;
46354
+ }
46355
+
46356
+ var interval = graphRange / numberOfSteps;
46357
+
46358
+ if (interval === 0) {
46359
+ return 0;
46360
+ }
46361
+
46362
+ var decimals = 0;
46363
+ var temp = interval;
46364
+
46365
+ while (temp < 1) {
46366
+ temp *= 10;
46367
+ decimals++;
46368
+
46369
+ if (decimals > 10) {
46370
+ break;
46371
+ }
46372
+ }
46373
+
46374
+ return decimals;
46273
46375
  }
46274
46376
  }]);
46275
46377
 
@@ -46617,6 +46719,7 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
46617
46719
  var offsetPoint = aPos[this.units.rectOffset(this.position)];
46618
46720
  var offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
46619
46721
  var maxWidth = (_this$labelStyle$maxW2 = (_this$labelStyle2 = this.labelStyle) === null || _this$labelStyle2 === void 0 ? void 0 : _this$labelStyle2.maxWidth) !== null && _this$labelStyle$maxW2 !== void 0 ? _this$labelStyle$maxW2 : chartRect.chartWidth / (steps + 2);
46722
+ var AXIS_TICK_LENGTH = 5;
46620
46723
  this.drawAxisTitle(chartRect, labelOffset);
46621
46724
 
46622
46725
  if ((_this$labelStyle3 = this.labelStyle) !== null && _this$labelStyle3 !== void 0 && _this$labelStyle3.show) {
@@ -46719,9 +46822,22 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
46719
46822
  }
46720
46823
  }
46721
46824
 
46825
+ if (this.showAxisTick) {
46826
+ ctx.beginPath();
46827
+ ctx.strokeStyle = this.axisLineColor;
46828
+ ctx.moveTo(labelCenter + labelGap / 2, offsetPoint);
46829
+ ctx.lineTo(labelCenter + labelGap / 2, offsetPoint + AXIS_TICK_LENGTH);
46830
+ ctx.stroke();
46831
+ ctx.closePath();
46832
+ }
46833
+
46722
46834
  if (index > 0 && this.showGrid) {
46835
+ ctx.beginPath();
46836
+ ctx.strokeStyle = this.gridLineColor;
46723
46837
  ctx.moveTo(linePosition, offsetPoint);
46724
46838
  ctx.lineTo(linePosition, offsetCounterPoint);
46839
+ ctx.stroke();
46840
+ ctx.closePath();
46725
46841
  }
46726
46842
  } else {
46727
46843
  labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
@@ -46729,9 +46845,24 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
46729
46845
  ctx.fillText(labelText, labelPoint, yPoint);
46730
46846
  drawnLabels.push(labelText);
46731
46847
 
46848
+ if (this.showAxisTick) {
46849
+ var _this$axisLineWidth;
46850
+
46851
+ ctx.beginPath();
46852
+ ctx.strokeStyle = this.axisLineColor;
46853
+ ctx.moveTo(offsetPoint + ((_this$axisLineWidth = this.axisLineWidth) !== null && _this$axisLineWidth !== void 0 ? _this$axisLineWidth : 1), yPoint);
46854
+ ctx.lineTo(offsetPoint - AXIS_TICK_LENGTH, yPoint);
46855
+ ctx.stroke();
46856
+ ctx.closePath();
46857
+ }
46858
+
46732
46859
  if (index > 0 && this.showGrid) {
46860
+ ctx.beginPath();
46861
+ ctx.strokeStyle = this.gridLineColor;
46733
46862
  ctx.moveTo(offsetPoint, linePosition);
46734
46863
  ctx.lineTo(offsetCounterPoint, linePosition);
46864
+ ctx.stroke();
46865
+ ctx.closePath();
46735
46866
  }
46736
46867
  }
46737
46868
 
@@ -47056,6 +47187,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
47056
47187
  var endPoint = aPos[this.units.rectEnd];
47057
47188
  var offsetPoint = aPos[this.units.rectOffset(this.position)];
47058
47189
  var offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
47190
+ var AXIS_TICK_LENGTH = 5;
47059
47191
  this.drawAxisTitle(chartRect, labelOffset); // label font 설정
47060
47192
 
47061
47193
  ctx.font = helpers_util.getLabelStyle(this.labelStyle);
@@ -47175,17 +47307,45 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
47175
47307
  }
47176
47308
  }
47177
47309
 
47310
+ if (_this2.showAxisTick) {
47311
+ ctx.beginPath();
47312
+ ctx.strokeStyle = _this2.axisLineColor;
47313
+ ctx.moveTo(linePosition, offsetPoint);
47314
+ ctx.lineTo(linePosition, offsetPoint + AXIS_TICK_LENGTH);
47315
+ ctx.stroke();
47316
+ ctx.closePath();
47317
+ }
47318
+
47178
47319
  if (ix < oriSteps && _this2.showGrid && (isStartPointRightOfRectStart || !isStartPointRightOfRectStart && ix !== 0)) {
47320
+ ctx.beginPath();
47321
+ ctx.strokeStyle = _this2.gridLineColor;
47179
47322
  ctx.moveTo(linePosition, offsetPoint);
47180
47323
  ctx.lineTo(linePosition, offsetCounterPoint);
47324
+ ctx.stroke();
47325
+ ctx.closePath();
47181
47326
  }
47182
47327
  } else {
47183
47328
  labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
47184
47329
  ctx.fillText(labelText, labelPoint, labelCenter);
47185
47330
 
47331
+ if (_this2.showAxisTick) {
47332
+ var _this2$axisLineWidth;
47333
+
47334
+ ctx.beginPath();
47335
+ ctx.strokeStyle = _this2.axisLineColor;
47336
+ ctx.moveTo(offsetPoint + ((_this2$axisLineWidth = _this2.axisLineWidth) !== null && _this2$axisLineWidth !== void 0 ? _this2$axisLineWidth : 1), linePosition);
47337
+ ctx.lineTo(offsetPoint - AXIS_TICK_LENGTH, linePosition);
47338
+ ctx.stroke();
47339
+ ctx.closePath();
47340
+ }
47341
+
47186
47342
  if (ix < oriSteps && _this2.showGrid && (isStartPointRightOfRectStart || !isStartPointRightOfRectStart && ix !== 0)) {
47343
+ ctx.beginPath();
47344
+ ctx.strokeStyle = _this2.gridLineColor;
47187
47345
  ctx.moveTo(offsetPoint, linePosition);
47188
47346
  ctx.lineTo(offsetCounterPoint, linePosition);
47347
+ ctx.stroke();
47348
+ ctx.closePath();
47189
47349
  }
47190
47350
  }
47191
47351
 
@@ -51069,7 +51229,7 @@ var plugins_interaction_modules = {
51069
51229
  } // tooltip 기반 indicator가 아직 설정되지 않은 경우에만 일반 indicator 처리
51070
51230
 
51071
51231
 
51072
- if (!args.hoveredLabel && type !== 'pie' && type !== 'scatter' && type !== 'heatMap') {
51232
+ if (!args.hoveredLabel && !_this.isNotUseIndicator()) {
51073
51233
  // line 차트가 아니고 line series가 없거나, tooltip이 없을 때는 일반 indicator 표시
51074
51234
  var _hasLineSeries = Object.values(_this.seriesList || {}).some(function (series) {
51075
51235
  return series.type === 'line';
@@ -51966,7 +52126,7 @@ var plugins_interaction_modules = {
51966
52126
 
51967
52127
  var targetDataIndex = this.findClosestDataIndex(offset, sIds);
51968
52128
 
51969
- if (targetDataIndex === -1 && this.options.type !== 'pie') {
52129
+ if (targetDataIndex === -1 && !this.isNotUseIndicator()) {
51970
52130
  return {
51971
52131
  items: items,
51972
52132
  hitId: hitId,
@@ -52763,6 +52923,9 @@ var plugins_interaction_modules = {
52763
52923
 
52764
52924
  return 'canvas';
52765
52925
  },
52926
+ isNotUseIndicator: function isNotUseIndicator() {
52927
+ return this.options.type === 'pie' || this.options.type === 'scatter' || this.options.type === 'heatMap';
52928
+ },
52766
52929
 
52767
52930
  /**
52768
52931
  * Clear 'defaultSelectInfo'