evui 3.4.40 → 3.4.42

package/src/components/treeGrid/uses.js

@@ -72,6 +72,9 @@ export const commonFunctions = (params) => {
         && (uncheckableList.length + checkedList.length === rows.length);
       checkInfo.isHeaderUncheckable = isAllUncheckable;
     }
+    checkInfo.isHeaderIndeterminate = !!rows.length
+      && rows.some(row => row.checked || row.indeterminate)
+      && !checkInfo.isHeaderChecked;
   };
   return {
     isRenderer,
@@ -171,7 +174,7 @@ export const scrollEvent = (params) => {
 };
 
 export const resizeEvent = (params) => {
-  const { props } = getCurrentInstance();
+  const { props, emit } = getCurrentInstance();
   const {
     resizeInfo,
     elementInfo,
@@ -233,7 +236,7 @@ export const resizeEvent = (params) => {
       resizeInfo.columnWidth = columnWidth;
     }
 
-    stores.orderedColumns.map((column) => {
+    stores.orderedColumns.forEach((column) => {
       const item = column;
       const minWidth = isRenderer(column) ? resizeInfo.rendererMinWidth : resizeInfo.minWidth;
       if (item.width && item.width < minWidth) {
@@ -262,7 +265,7 @@ export const resizeEvent = (params) => {
   const onResize = () => {
     nextTick(() => {
       if (resizeInfo.adjust) {
-        stores.orderedColumns.map((column) => {
+        stores.orderedColumns.forEach((column) => {
           const item = column;
 
           if (!props.columns[column.index].width && !item.resized) {
@@ -329,7 +332,7 @@ export const resizeEvent = (params) => {
 
       if (stores.orderedColumns[columnIndex]) {
         stores.orderedColumns[columnIndex].width = changedWidth;
-        stores.orderedColumns.map((column) => {
+        stores.orderedColumns.forEach((column) => {
           const item = column;
           item.resized = true;
           return item;
@@ -339,6 +342,10 @@ export const resizeEvent = (params) => {
       resizeInfo.showResizeLine = false;
       document.removeEventListener('mousemove', handleMouseMove);
       onResize();
+      emit('resize-column', {
+        column: stores.orderedColumns[columnIndex],
+        columns: stores.updatedColumns,
+      });
     };
 
     document.addEventListener('mousemove', handleMouseMove);
@@ -477,6 +484,10 @@ export const checkEvent = (params) => {
           parentNode.checked = true;
         }
       }
+
+      parentNode.indeterminate = !isCheck
+        && parentNode.children.some(n => n.checked || n.indeterminate);
+
       if (!parentNode.checked) {
         checkInfo.checkedRows = checkInfo.checkedRows
           .filter(checked => checked.index !== parentNode.index);
@@ -519,6 +530,7 @@ export const checkEvent = (params) => {
       onCheckChildren(row);
       onCheckParent(row);
       checkInfo.checkedRows.push(row);
+      row.indeterminate = false;
     };
     const removeCheckedRow = (row) => {
       if (isSingleMode()) {
@@ -563,7 +575,9 @@ export const checkEvent = (params) => {
         checkInfo.checkedRows = checkInfo.checkedRows
           .filter(checked => checked.index !== row.index);
       }
+      row.indeterminate = false;
     });
+    checkInfo.isHeaderIndeterminate = false;
     emit('update:checked', checkInfo.checkedRows);
     emit('check-all', event, checkInfo.checkedRows);
   };
@@ -613,7 +627,12 @@ export const contextMenuEvent = (params) => {
           text: contextInfo.columnMenuTextInfo?.hide ?? 'Hide',
           iconClass: 'ev-icon-visibility-off',
           disabled: !useGridSetting.value || stores.orderedColumns.length === 1,
-          click: () => setColumnHidden(column.field),
+          click: () => {
+            setColumnHidden(column.field);
+            emit('change-column-status', {
+              columns: stores.updatedColumns,
+            });
+          },
         },
       ];
     } else {
@@ -644,7 +663,7 @@ export const contextMenuEvent = (params) => {
   /**
    * 상단 우측의 Grid 옵션에 대한 Contextmenu 를 생성한다.
    *
-   * @param {object} event - 이벤트 객체
+   * @param {object} e - 이벤트 객체
    */
   const onGridSettingContextMenu = (e) => {
     const columnListMenu = {
@@ -720,6 +739,10 @@ export const treeEvent = (params) => {
           node.uncheckable = uncheckable;
         }
 
+        if (!Object.hasOwnProperty.call(node, 'indeterminate')) {
+          node.indeterminate = false;
+        }
+
         if (!Object.hasOwnProperty.call(node, 'data')) {
           node.data = getDataObj(node);
         }