evui 3.4.133 → 3.4.135

package/package.json

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

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

@@ -358,7 +358,9 @@ class Line {
         });
 
         if (validData.length === 0) {
-          return item;
+          gdata.forEach((point, idx) => {
+            validData.push({ ...point, originalIndex: idx });
+          });
         }
 
         // 이진 탐색으로 가장 가까운 포인트 찾기

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

@@ -82,7 +82,6 @@ const modules = {
             label,
             mousePosition: [e.clientX, e.clientY],
             dataLabel: actualLabelValue,
-            isTooltipBased: true,
           };
         }
       } else if (tooltip.use && this.isInitTooltip) {
@@ -109,7 +108,6 @@ const modules = {
           horizontal: this.options.horizontal,
           label,
           mousePosition: [e.clientX, e.clientY],
-          isTooltipBased: false,
         };
       } else if (!args.hoveredLabel) {
         args.hoveredLabel = {
@@ -1034,8 +1032,7 @@ const modules = {
       }
     }
 
-    let closestDistance = this.seriesList?.[referenceSeries]?.useLinearInterpolation?.()
-      ? Infinity : avgInterval;
+    let closestDistance = Infinity;
     let closestIndex = -1;
 
     // 각 라벨에서 가장 가까운 것 찾기
@@ -1068,6 +1065,23 @@ const modules = {
       }
     }
 
+    if (closestDistance >= avgInterval) {
+      const useLinearInterpolation = sIds.some((sId) => {
+        const series = this.seriesList[sId];
+
+        if (series?.show) {
+          const passingValue = series.passingValue;
+          const interpolation = series.interpolation;
+          const hasPassingValueInData = series.hasPassingValueInData;
+
+          return interpolation === 'linear' || (interpolation === 'none' && !!passingValue && hasPassingValueInData);
+        }
+
+        return false;
+      });
+      return useLinearInterpolation ? closestIndex : -1;
+    }
+
     return closestIndex;
   },
 

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

@@ -858,29 +858,18 @@ const modules = {
    *
    * @returns {undefined}
    */
-  drawSyncedIndicator({ horizontal, label, mousePosition, dataLabel, isTooltipBased }) {
-    if (!mousePosition || !!horizontal !== !!this.options.horizontal) {
+  drawSyncedIndicator({ horizontal, label, mousePosition, dataLabel }) {
+    if (!this._canDrawSyncedIndicator(horizontal, mousePosition)) {
       return;
     }
 
-    // tooltip 기반 동기화인 경우
-    if (isTooltipBased) {
+    if (dataLabel) {
       this.drawSyncedIndicatorForTooltip({ dataLabel, mousePosition });
       return;
     }
 
-    // 기존 시간 기반 동기화
-    if (
-      this.options.syncHover === false
-      || (!horizontal && !this.options.axesX.every(({ type }) => type === 'time'))
-      || (horizontal && !this.options.axesY.every(({ type }) => type === 'time'))) {
-      return;
-    }
     const fromTime = +this.data.labels?.[0];
     const toTime = +this.data.labels?.[this.data.labels.length - 1];
-    if (fromTime == null || toTime == null) {
-      return;
-    }
     const [clientX, clientY] = mousePosition;
     const { top, bottom, left, right } = this.chartDOM.getBoundingClientRect();
 
@@ -908,6 +897,30 @@ const modules = {
     }
   },
 
+  _canDrawSyncedIndicator(horizontal, mousePosition) {
+    if (!mousePosition || !!horizontal !== !!this.options.horizontal) {
+      return false;
+    }
+
+    return this._isTimeBasedSyncEnabled(horizontal) && this._hasValidTimeRange();
+  },
+
+  _isTimeBasedSyncEnabled(horizontal) {
+    if (this.options.syncHover === false) return false;
+    if (!this.data?.labels?.length) return false;
+
+    const timeAxes = horizontal
+      ? this.options.axesY.every(({ type }) => type === 'time')
+      : this.options.axesX.every(({ type }) => type === 'time');
+
+    return timeAxes;
+  },
+
+  _hasValidTimeRange() {
+    const fromTime = +this.data.labels?.[0];
+    const toTime = +this.data.labels?.[this.data.labels.length - 1];
+    return fromTime != null && toTime != null;
+  },
 
   /**
    * 제공된 dataLabel과 일치하는 Label이 있다면 indicator를 그림

package/src/components/contextMenu/ContextMenu.vue

@@ -9,7 +9,18 @@
         :items="items"
         :style="menuStyle"
         :comp="comp"
-      />
+      >
+        <template
+          v-for="(_, slotName) in $slots"
+          :key="slotName"
+          #[slotName]="slotProps"
+        >
+          <slot
+            :name="slotName"
+            v-bind="slotProps"
+          />
+        </template>
+      </menu-list>
     </teleport>
   </template>
 </template>

package/src/components/contextMenu/MenuList.vue

@@ -15,7 +15,18 @@
           class="ev-menu-li-prefix"
           :class="item.iconClass"
         />
-        {{ item.text }}
+        <span class="ev-menu-li-text">
+          <slot
+            v-if="item.slotKey"
+            :name="item.slotKey"
+            :item="item"
+          >
+            {{ item.text }}
+          </slot>
+          <template v-else>
+            {{ item.text }}
+          </template>
+        </span>
         <i
           v-if="item.children || item.isShowMenu"
           class="ev-menu-li-suffix ev-icon-arrow-right2"
@@ -31,7 +42,18 @@
         :comp="comp"
         :items="childrenItems"
         :style="menuStyle"
-      />
+      >
+        <template
+          v-for="(_, slotName) in $slots"
+          :key="slotName"
+          #[slotName]="slotProps"
+        >
+          <slot
+            :name="slotName"
+            v-bind="slotProps"
+          />
+        </template>
+      </component>
     </template>
   </div>
 </template>
@@ -152,4 +174,9 @@ export default {
   position: absolute;
   left: 3px;
 }
+
+.ev-menu-li-text {
+  display: inline-block;
+  padding-left: 20px;
+}
 </style>

package/src/components/menu/Menu.vue

@@ -9,7 +9,18 @@
       :disabled="disabled"
       :comp="component"
       @click="clickMenu"
-    />
+    >
+      <template
+        v-for="(_, slotName) in $slots"
+        :key="slotName"
+        #[slotName]="slotProps"
+      >
+        <slot
+          :name="slotName"
+          v-bind="slotProps"
+        />
+      </template>
+    </menu-item>
   </ul>
 </template>
 

package/src/components/menu/MenuItem.vue

@@ -21,7 +21,18 @@
         :class="['front-icon', item.iconClass]"
       />
       <span class="text">
-        {{ item.text || item.value }}
+        <slot
+          v-if="item.slotKey"
+          :name="item.slotKey"
+          :item="item"
+          :depth="depth"
+          :selected-item="selectedItem"
+        >
+          {{ item.text || item.value }}
+        </slot>
+        <template v-else>
+          {{ item.text || item.value }}
+        </template>
       </span>
       <span
         v-if="expandable && hasChild"
@@ -84,6 +95,9 @@ export default {
         } else if (obj.disabled !== undefined && typeof obj.disabled !== 'boolean') {
           console.warn('[EVUI][Menu] disabled attribute must be \'Boolean\' type.');
           return false;
+        } else if (obj.slotKey !== undefined && typeof obj.slotKey !== 'string') {
+          console.warn('[EVUI][Menu] slotKey attribute must be \'String\' type.');
+          return false;
         }
         return true;
       },