es-grid-template 1.7.29 → 1.7.31

package/es/grid-component/InternalTable.js

@@ -517,7 +517,6 @@ const InternalTable = props => {
           const {
             sortOrder
           } = args;
-          console.log('sortOrder', sortOrder);
           return /*#__PURE__*/React.createElement(Fragment, null, !sortOrder && /*#__PURE__*/React.createElement(SortCancel, {
             fontSize: 15,
             style: {

package/es/grid-component/TempTable.js

@@ -9,9 +9,9 @@ const TempTable = props => {
     editAble,
     ...rest
   } = props;
-  const TabComponent = groupAble ? InternalTable : Table;
-  // const TabComponent = editAble ? Table : InternalTable
 
+  // const TabComponent = groupAble ? InternalTable  : Table
+  const TabComponent = editAble ? Table : InternalTable;
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TabComponent, _extends({}, rest, {
     infiniteScroll: infiniteScroll,
     groupAble: groupAble,

package/es/table-component/TableContainerEdit.js

@@ -1012,10 +1012,10 @@ const TableContainerEdit = props => {
   const handleDeleteAll = React.useCallback(() => {
     triggerChangeData?.([]);
   }, [triggerChangeData]);
-  const handleDeleteContent = React.useCallback(() => {
+  const handleDeleteContent = () => {
     if (startCell && endCell) {
       const tmpData = flattenArray([...dataSource]);
-      const rs = tmpData.map(row => {
+      const rs = tmpData.map((row, index) => {
         if (!rangeState?.rowRange.includes(row.rowId)) {
           return row;
         }
@@ -1024,8 +1024,20 @@ const TableContainerEdit = props => {
         };
         for (const colId of rangeState.colRange) {
           const column = table.getVisibleFlatColumns().find(it => it.id === colId)?.columnDef.meta;
+          const columnIndex = table.getVisibleFlatColumns().findIndex(it => it.id === colId);
           if (isEditable(column, row)) {
             updatedRow[colId] = '';
+            handleCellChange({
+              key: row[rowKey],
+              field: column.field ?? column.dataIndex,
+              record: updatedRow,
+              prevState: row[column.field],
+              newState: '',
+              option: '',
+              indexCol: columnIndex,
+              indexRow: index,
+              type: 'blur'
+            });
           }
         }
         return updatedRow;
@@ -1033,7 +1045,7 @@ const TableContainerEdit = props => {
       const newData = unFlattenData(rs);
       triggerChangeData?.([...newData]);
     }
-  }, [dataSource, endCell, rangeState, startCell, table, triggerChangeData]);
+  };
   const toolbarItemsBottom = React.useMemo(() => {
     if (!rowsFocus || rowsFocus.length === 0) {
       return toolbarItems?.filter(it => it.position === 'Bottom' && it.visible !== false && it.key !== 'DUPLICATE' && it.key !== 'INSERT_BEFORE' && it.key !== 'INSERT_AFTER' && it.key !== 'DELETE_ROWS' && it.key !== 'INSERT_CHILDREN').map(item => {

package/es/table-component/body/EditableCell.js

@@ -170,7 +170,7 @@ const EditableCell = props => {
           popupClassName: 'be-popup-container',
           status: isInvalid ? 'error' : undefined,
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`
+          "data-tooltip-id": `${id}-tooltip-error`
         });
       case 'datetime':
         return /*#__PURE__*/React.createElement(DatePicker
@@ -226,7 +226,7 @@ const EditableCell = props => {
           popupClassName: 'be-popup-container',
           status: isInvalid ? 'error' : undefined,
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`,
+          "data-tooltip-id": `${id}-tooltip-error`,
           autoFocus: column.field === startCell?.colId,
           defaultOpen: column.field === startCell?.colId
         });
@@ -254,7 +254,7 @@ const EditableCell = props => {
           popupClassName: 'be-popup-container',
           status: isInvalid ? 'error' : undefined,
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`,
+          "data-tooltip-id": `${id}-tooltip-error`,
           autoFocus: column.field === startCell?.colId,
           defaultOpen: column.field === startCell?.colId
         });
@@ -276,7 +276,7 @@ const EditableCell = props => {
           popupClassName: 'be-popup-container',
           status: isInvalid ? 'error' : undefined,
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`,
+          "data-tooltip-id": `${id}-tooltip-error`,
           autoFocus: column.field === startCell?.colId,
           defaultOpen: column.field === startCell?.colId
         });
@@ -305,7 +305,7 @@ const EditableCell = props => {
           popupClassName: 'be-popup-container',
           status: isInvalid ? 'error' : undefined,
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`,
+          "data-tooltip-id": `${id}-tooltip-error`,
           autoFocus: column.field === startCell?.colId,
           defaultOpen: column.field === startCell?.colId
         });
@@ -433,7 +433,7 @@ const EditableCell = props => {
             }
           },
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`
+          "data-tooltip-id": `${id}-tooltip-error`
         });
       case 'select':
         let valueSelect = value;
@@ -519,7 +519,7 @@ const EditableCell = props => {
             }
           },
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`
+          "data-tooltip-id": `${id}-tooltip-error`
         });
       case 'asyncSelect':
         let valueAsyncSelect = value;
@@ -644,7 +644,7 @@ const EditableCell = props => {
             }
           },
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`
+          "data-tooltip-id": `${id}-tooltip-error`
         });
       case 'treeSelect':
         // let valueTreeSelect
@@ -719,7 +719,7 @@ const EditableCell = props => {
           popupClassName: 'be-popup-container',
           status: isInvalid ? 'error' : undefined,
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`
+          "data-tooltip-id": `${id}-tooltip-error`
         });
       case 'checkbox':
         return /*#__PURE__*/React.createElement("div", {
@@ -956,7 +956,7 @@ const EditableCell = props => {
             }
           },
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`
+          "data-tooltip-id": `${id}-tooltip-error`
         }));
       default:
         return /*#__PURE__*/React.createElement(TextArea, {
@@ -1017,7 +1017,7 @@ const EditableCell = props => {
           onChange: onChange,
           status: isInvalid ? 'error' : undefined,
           "data-tooltip-content": message,
-          "data-tooltip-id": `${id}-tooltip-content`,
+          "data-tooltip-id": `${id}-tooltip-error`,
           autoSize: {
             minRows: 1,
             maxRows: 1