evui 3.4.142 → 3.4.144

package/package.json

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

package/src/components/chart/Chart.vue

@@ -246,7 +246,9 @@
       }, { deep: true, flush: 'post' });
 
       watch(() => props.selectedSeries, (newValue) => {
-        if (newValue.seriesId) {
+        if (!normalizedOptions.selectSeries?.use) {
+          console.warn('[EVUI][Chart] selectSeries.use is false, so selectedSeries is not working');
+        } else if (newValue.seriesId) {
           evChart.selectSeriesByData(newValue.seriesId);
         }
       }, { deep: true, flush: 'post' });

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

@@ -187,7 +187,7 @@ const modules = {
         const hitItem = hitInfo.items[hitItemId];
 
         if (hitItem) {
-          args.label = hitItem.data?.x || hitItem.data?.y;
+          args.label = hitItem.label;
           args.value = hitItem.data?.o;
           args.seriesId = hitItemId;
           args.dataIndex = hitItem.index;
@@ -211,7 +211,7 @@ const modules = {
         this.defaultSelectInfo = this.getSelectedLabelInfoWithLabelData(dataIndexList, targetAxis);
 
         if (hitItem) {
-          args.label = hitItem.data?.x || hitItem.data?.y;
+          args.label = hitItem.label;
           args.seriesId = hitItemId;
           args.value = hitItem.data?.o;
           args.acc = hitItem.data?.acc;
@@ -228,7 +228,7 @@ const modules = {
           const allSelectedList = this.updateSelectedSeriesInfo(hitItemId, true);
 
           if (hitItem) {
-            args.label = hitItem.data?.x || hitItem.data?.y;
+            args.label = hitItem.label;
             args.value = hitItem.data?.o;
             args.seriesId = allSelectedList.seriesId?.at(0);
             args.acc = hitItem.data?.acc;
@@ -350,7 +350,7 @@ const modules = {
             ...cloneDeep(this.defaultSelectInfo),
           };
           args.label = hitItem.label;
-          args.dataIndex = hitItem.maxIndex;
+          args.dataIndex = hitItem.index;
         }
       };
 
@@ -886,9 +886,23 @@ const modules = {
 
   /**
    * Find graph item on mouse position
-   * @param {array} offset    return value from getMousePosition()
+   * @param {number[]} offset    return value from getMousePosition()
    *
-   * @returns {object} hit item information
+   * @returns {{
+   *   items: Record<string, {
+   *     data: any,
+   *     hit: boolean,
+   *     color: string,
+   *     name: string,
+   *     id: string,
+   *     index: number,
+   *     label: string | import('dayjs').Dayjs,
+   *     axis: { x: number, y: number },
+   *   }>,
+   *   hitId: string | null,
+   *   maxTip: [string, string],
+   *   maxHighlight: [string, number] | null,
+   * }} hit item information
    */
   findHitItem(offset) {
     const sIds = Object.keys(this.seriesList);
@@ -945,6 +959,7 @@ const modules = {
             item.id = series.id;
             item.name = formattedSeriesName;
             item.axis = { x: series.xAxisIndex, y: series.yAxisIndex };
+            item.label = isHorizontal ? item.data?.y : item.data?.x;
             items[sId] = item;
 
             const formattedTxt = this.getFormattedTooltipValue({
@@ -1289,7 +1304,7 @@ const modules = {
    * Select Series
    * set backup data that selected series information list
    * render chart
-   * @param seriesIdList {number[]}  '
+   * @param seriesIdList {number[]}
    * @returns {boolean}
    */
   selectSeriesByData(seriesIdList) {

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();
+    }
   },
 
   /**

package/src/components/timePicker/TimePicker.vue

@@ -117,12 +117,12 @@ export default {
         const timeRegexExp = /^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/;
         if (Array.isArray(time) && (!timeRegexExp.test(time[0]) || !timeRegexExp.test(time[1]))) {
           // range mode
-          console.warn('Please check the time format in the Timepicker.');
+          console.warn('[EVUI][TimePicker] Please check the time format in the Timepicker.');
           return false;
         }
         if (!Array.isArray(time) && !timeRegexExp.test(time)) {
           // single mode
-          console.warn('Please check the time format in the Timepicker.');
+          console.warn('[EVUI][TimePicker] Please check the time format in the Timepicker.');
           return false;
         }
         return true;

package/src/components/tree/Tree.vue

@@ -132,7 +132,7 @@ export default {
 
         // check 'value' property and add nodeKey if same value already exists
         if ('value' in node && valueArr.includes(node.value)) {
-          console.warn('The \'value\' of data should be unique.');
+          console.warn('[EVUI][Tree] The \'value\' of data should be unique.');
           node.value += node.nodeKey;
         } else if (!('value' in node)) {
           node.value = node.title + node.nodeKey;

package/src/components/window/uses.js

@@ -97,7 +97,7 @@ const useModel = () => {
     const convertedWidth = removeUnit(props.width, 'horizontal');
     const convertedMinWidth = removeUnit(props.minWidth, 'horizontal');
     if (convertedWidth < convertedMinWidth) {
-      console.warn('Since width is less than min-width, it is replaced by min-width.');
+      console.warn('[EVUI][Window] Since width is less than min-width, it is replaced by min-width.');
       basePosition.width = numberToUnit(props.minWidth);
     } else {
       basePosition.width = numberToUnit(props.width);
@@ -106,7 +106,7 @@ const useModel = () => {
     const convertedHeight = removeUnit(props.height, 'vertical');
     const convertedMinHeight = removeUnit(props.minHeight, 'vertical');
     if (convertedHeight < convertedMinHeight) {
-      console.warn('Since height is less than min-height, it is replaced by min-height.');
+      console.warn('[EVUI][Window] Since height is less than min-height, it is replaced by min-height.');
       basePosition.height = numberToUnit(props.minHeight);
     } else {
       basePosition.height = numberToUnit(props.height);