evui 3.4.102 → 3.4.104

package/package.json

@@ -1,12 +1,9 @@
 {
   "name": "evui",
-  "version": "3.4.102",
+  "version": "3.4.104",
   "description": "A EXEM Library project",
   "author": "exem <dev_client@ex-em.com>",
   "license": "MIT",
-  "engines": {
-    "node": "<=12.0.0"
-  },
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/chart/scale/scale.time.category.js

@@ -126,7 +126,9 @@ class TimeCategoryScale extends Scale {
     const axisMax = stepInfo.graphMax;
     const stepValue = stepInfo.rawInterval;
     const oriSteps = stepInfo.oriSteps;
-    const count = Math.round(oriSteps / steps);
+
+    // 2개 이하일 경우, 첫번째와 마지막 라벨만 표시
+    const count = steps <= 2 ? oriSteps : Math.round(oriSteps / steps);
 
     let startPoint = aPos[this.units.rectStart];
     const endPoint = aPos[this.units.rectEnd];
@@ -182,7 +184,8 @@ class TimeCategoryScale extends Scale {
     let labelText;
     let labelPoint;
     let ix;
-    for (ix = 0; ix < oriSteps; ix += count) {
+    const maxIndex = oriSteps === count ? oriSteps : oriSteps - 1;
+    for (ix = 0; ix <= maxIndex; ix += count) {
       ticks[ix] = dayjs(axisMin).valueOf() + (ix * stepValue);
 
       labelCenter = Math.round(startPoint + (graphGap * ix));

package/src/components/grid/Grid.vue

@@ -689,6 +689,20 @@ export default {
       type: [Array],
       default: () => [],
     },
+    /**
+     * @type {Object}
+     * @property {number} columnWidth 컬럼 너비 minWidth
+     * @property {number} scrollWidth 스크롤 너비
+     * @property {number} rowHeight 행 높이
+     * @property {number} gridWidth 그리드 너비 width
+     * @property {number} gridHeight 그리드 높이
+     * @property {boolean} adjust 컬럼 너비 조정 여부
+     * @property {boolean} useGridSetting 그리드 설정 사용 여부
+     * @property {number} gridWidth 그리드 너비 width
+     * @property {number} gridHeight 그리드 높이
+     * @property {boolean} adjust 컬럼 너비 조정 여부
+     * @property {boolean} useGridSetting 그리드 설정 사용 여부
+     */
     option: {
       type: Object,
       default: () => ({}),

package/src/components/grid/uses.js

@@ -291,9 +291,14 @@ export const resizeEvent = (params) => {
 
       columnWidth = elWidth - result.totalWidth;
       if (columnWidth > 0) {
-        remainWidth = columnWidth
-          - (Math.floor(columnWidth / result.emptyCount) * result.emptyCount);
-        columnWidth = Math.floor(columnWidth / result.emptyCount);
+        const sharePerEmptyCount = result.emptyCount === 0
+            ? 0
+            : Math.floor(columnWidth / result.emptyCount);
+
+        remainWidth = columnWidth - (sharePerEmptyCount * result.emptyCount);
+        columnWidth = result.emptyCount !== 0
+          ? sharePerEmptyCount
+          : columnWidth;
       } else {
         columnWidth = resizeInfo.columnWidth;
       }
@@ -302,22 +307,23 @@ export const resizeEvent = (params) => {
       resizeInfo.columnWidth = columnWidth;
     }
 
-    stores.orderedColumns.forEach((column) => {
-      const item = column;
-      const minWidth = isRenderer(column) ? resizeInfo.rendererMinWidth : resizeInfo.minWidth;
-      if (item.width && item.width < minWidth) {
-        item.width = minWidth;
+    stores.orderedColumns.forEach((col) => {
+      const minWidth = isRenderer(col) ? resizeInfo.rendererMinWidth : resizeInfo.minWidth;
+      if (col.width && col.width < minWidth) {
+        col.width = minWidth;
       }
-      if (!item.width && !item.hide) {
-        item.width = columnWidth;
+      if (!col.width && !col.hide) {
+        col.width = columnWidth;
       }
-      return item;
     });
 
     if (remainWidth) {
       let index = stores.orderedColumns.length - 1;
       let lastColumn = stores.orderedColumns[index];
-      while (lastColumn.hide) {
+
+      // orderedColumns에 hiddenDisplay === true 컬럼은 포함되어 있지 않다.
+      // 하지만 hide === true 컬럼은 포함되어 있다. 그래서 hiddenDisplay 조건은 필요없지만 조건을 추가해서 코드 가독성과 안정성을 높였다.
+      while (lastColumn.hide || lastColumn.hiddenDisplay) {
         index -= 1;
         lastColumn = stores.orderedColumns[index];
       }

package/src/components/treeGrid/uses.js

@@ -236,9 +236,14 @@ export const resizeEvent = (params) => {
 
       columnWidth = elWidth - result.totalWidth;
       if (columnWidth > 0) {
-        remainWidth = columnWidth
-          - (Math.floor(columnWidth / result.emptyCount) * result.emptyCount);
-        columnWidth = Math.floor(columnWidth / result.emptyCount);
+        const sharePerEmptyCount = result.emptyCount === 0
+            ? 0
+            : Math.floor(columnWidth / result.emptyCount);
+
+        remainWidth = columnWidth - (sharePerEmptyCount * result.emptyCount);
+        columnWidth = result.emptyCount !== 0
+          ? sharePerEmptyCount
+          : columnWidth;
       } else {
         columnWidth = resizeInfo.columnWidth;
       }
@@ -247,22 +252,23 @@ export const resizeEvent = (params) => {
       resizeInfo.columnWidth = columnWidth;
     }
 
-    stores.orderedColumns.forEach((column) => {
-      const item = column;
-      const minWidth = isRenderer(column) ? resizeInfo.rendererMinWidth : resizeInfo.minWidth;
-      if (item.width && item.width < minWidth) {
-        item.width = minWidth;
+    stores.orderedColumns.forEach((col) => {
+      const minWidth = isRenderer(col) ? resizeInfo.rendererMinWidth : resizeInfo.minWidth;
+      if (col.width && col.width < minWidth) {
+        col.width = minWidth;
       }
-      if (!item.width && !item.hide) {
-        item.width = columnWidth;
+      if (!col.width && !col.hide) {
+        col.width = columnWidth;
       }
-      return item;
     });
 
     if (remainWidth) {
       let index = stores.orderedColumns.length - 1;
       let lastColumn = stores.orderedColumns[index];
-      while (lastColumn.hide) {
+
+      // orderedColumns에 hiddenDisplay === true 컬럼은 포함되어 있지 않다.
+      // 하지만 hide === true 컬럼은 포함되어 있다. 그래서 hiddenDisplay 조건은 필요없지만 조건을 추가해서 코드 가독성과 안정성을 높였다.
+      while (lastColumn.hide || lastColumn.hiddenDisplay) {
         index -= 1;
         lastColumn = stores.orderedColumns[index];
       }