evui 3.4.143 → 3.4.145

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evui",
-  "version": "3.4.143",
+  "version": "3.4.145",
   "description": "A EXEM Library project",
   "author": "exem <dev_client@ex-em.com>",
   "license": "MIT",

package/src/components/chart/element/element.heatmap.js

@@ -467,23 +467,60 @@ class HeatMap {
     ctx.restore();
   }
 
+  /**
+   * 자바스크립트 부동 소수점 오차 때문에 범위를 조정
+   * @param {object} params - range information
+   * @param {number} params.xp - start x position
+   * @param {number} params.yp - start y position
+   * @param {number} params.width - width
+   * @param {number} params.height - height
+   * @returns {object} adjusted range
+   */
+  getAdjustedBounds({ xp, yp, width, height }) {
+    const PRECISION = 100;
+
+    const adjustedWidth = Math.max(0, width);
+    const adjustedHeight = Math.max(0, height);
+
+    return {
+      xsp: Math.floor(xp * PRECISION) / PRECISION,
+      xep: Math.ceil((xp + adjustedWidth) * PRECISION) / PRECISION,
+      ysp: Math.floor(yp * PRECISION) / PRECISION,
+      yep: Math.ceil((yp + adjustedHeight) * PRECISION) / PRECISION,
+    };
+  }
+
   /**
    *Returns items in range
-   * @param {object} params  range values
-   *
-   * @returns {array}
+   * @param {object} params - range information
+   * @param {number} params.xsp - start x position
+   * @param {number} params.width - width
+   * @param {number} params.ysp - start y position
+   * @param {number} params.height - height
+   * @returns {array} items in range
    */
-  findItems({ xsp, ysp, width, height }) {
+  findItems(params) {
     const gdata = this.data;
-    const xep = xsp + width;
-    const yep = ysp + height;
+
+    const { xsp, xep, ysp, yep } = this.getAdjustedBounds({
+      xp: params.xsp,
+      yp: params.ysp,
+      width: params.width,
+      height: params.height,
+    });
+
     return gdata.filter(({ xp, yp, w, h }) => {
-      const x1 = xp;
-      const x2 = xp + w;
-      const y1 = yp;
-      const y2 = yp + h;
+      const { xsp: x1, xep: x2, ysp: y1, yep: y2 } = this.getAdjustedBounds({
+        xp,
+        yp,
+        width: w,
+        height: h,
+      });
 
-      return ((x1 >= xsp && x2 <= xep) && (y1 >= ysp && y2 <= yep));
+      return (
+        (x1 >= xsp && x2 <= xep)
+        && (y1 >= ysp && y2 <= yep)
+      );
     });
   }
 
@@ -655,6 +692,8 @@ class HeatMap {
 
         if (findItem > -1) {
           point[key] = ['xsp', 'ysp'].includes(key) ? itemPoint : itemPoint + gap;
+        } else if (target < startPoint) {
+          point[key] = startPoint;
         }
       };
 

package/src/components/chart/plugins/plugins.legend.js

@@ -931,8 +931,13 @@ const modules = {
       }
       this.setLegendColumnHeader();
     } else if (this.options.legend.virtualScroll) {
-      this.updateVisibleRowCount();
-      this.renderVisibleLegends();
+      const isHidden = this.legendDOM?.style?.display === 'none';
+      if (isHidden) {
+        this.legendNeedsUpdate = true;
+      } else {
+        this.updateVisibleRowCount();
+        this.renderVisibleLegends();
+      }
     } else {
       while (legendBoxDOM.hasChildNodes()) {
         legendBoxDOM.removeChild(legendBoxDOM.firstChild);
@@ -1487,6 +1492,12 @@ const modules = {
     if (this.legendDOM) {
       this.legendDOM.style.display = 'block';
     }
+
+    if (this.legendNeedsUpdate && this.options.legend.virtualScroll && !this.useTable) {
+      this.legendNeedsUpdate = false;
+      this.updateVisibleRowCount();
+      this.renderVisibleLegends();
+    }
   },
 
   /**