es-grid-template 1.7.27 → 1.7.28

package/es/table-component/style.scss

@@ -53,16 +53,17 @@ $fontFamily: "Montserrat", Helvetica, Arial, serif !default;
 
       }
 
-       &.#{$prefix}-grid-cell-text-right {
+      &.#{$prefix}-grid-cell-text-right {
         justify-content: flex-end;
         text-align: right;
 
       }
-      
+
 
 
       &.#{$prefix}-grid-cell-ellipsis {
 
+
         .ui-rc_cell-content {
           width: 100%;
           overflow: hidden;
@@ -98,6 +99,7 @@ $fontFamily: "Montserrat", Helvetica, Arial, serif !default;
 
       }
 
+    
 
       &.#{$prefix}-grid-cell-wrap {
         white-space: normal;
@@ -258,6 +260,16 @@ $fontFamily: "Montserrat", Helvetica, Arial, serif !default;
 
         background-color: $body-color;
 
+          &.#{$prefix}-grid-cell-ellipsis:not(:has(>.ui-rc_cell-content)) {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        word-break: keep-all;
+
+      }
+
+
+
         &.cell-editable {
 
           // padding: 0;
@@ -775,6 +787,16 @@ $fontFamily: "Montserrat", Helvetica, Arial, serif !default;
     }
   }
 
+  .spinner-loading {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 4;
+    background-color: #ffffff80;
+  }
+
 
 
 }

package/es/table-component/table/Grid.d.ts

@@ -21,6 +21,7 @@ type Props<T> = Omit<TableProps<T>, 'columns'> & {
     triggerSorter: Dispatch<SetStateAction<Sorter[]>>;
     onContextMenu?: (data: T) => (event: any) => void;
     triggerChangeColumns?: (args: any, keys: any) => void;
+    windowSize: any;
 };
 declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
 export default Grid;

package/es/table-component/table/Grid.js

@@ -45,6 +45,7 @@ const Grid = props => {
     height = 700,
     editAble,
     triggerChangeColumns,
+    infiniteScroll,
     ...rest
   } = props;
   const [columnResizeMode] = React.useState('onChange');
@@ -78,7 +79,8 @@ const Grid = props => {
       expanded,
       columnPinning,
       columnVisibility: columnHidden,
-      pagination: pagination ? paginationState : undefined,
+      pagination: pagination && !infiniteScroll ? paginationState : undefined,
+      // pagination: pagination ? paginationState : undefined,
       grouping,
       columnSizing,
       columnOrder,
@@ -120,7 +122,7 @@ const Grid = props => {
     getGroupedRowModel: getGroupedRowModel(),
     // onExpandedChange: setExpanded,
     getExpandedRowModel: getExpandedRowModel(),
-    getPaginationRowModel: pagination ? getPaginationRowModel() : undefined,
+    getPaginationRowModel: pagination && !infiniteScroll ? getPaginationRowModel() : undefined,
     onPaginationChange: setPagination
 
     // onColumnVisibilityChange: setColumnVisibility,
@@ -230,7 +232,8 @@ const Grid = props => {
     triggerChangeColumns: triggerChangeColumns,
     columnHidden: columnHidden,
     setExpanded: setExpanded,
-    expanded: expanded
+    expanded: expanded,
+    infiniteScroll: infiniteScroll
   }))));
 };
 export default Grid;

package/es/table-component/table/TableWrapper.d.ts

@@ -0,0 +1,32 @@
+import { type Table } from "@tanstack/react-table";
+import type { CommandClick, ContextInfo, ContextMenuItem, PaginationConfig } from "../type";
+import React from "react";
+import type { Virtualizer } from "@tanstack/react-virtual";
+import type { Column } from "@tanstack/react-table";
+type Props<T> = {
+    prefix: string;
+    id: string;
+    tableContainerRef: React.RefObject<HTMLDivElement>;
+    height: number;
+    table: Table<T>;
+    summary?: boolean;
+    loading?: boolean;
+    commandClick?: (args: Omit<CommandClick<T>, 'rows'>) => void;
+    editAble?: boolean;
+    contextMenuItems?: ContextMenuItem[];
+    showEmptyText?: boolean;
+    contextMenuClick?: any;
+    contextMenuOpen?: (args: Omit<ContextInfo<T>, 'item'>) => void;
+    contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<T>, 'item' | 'event'>) => string[]);
+    next?: () => void;
+    dataSource: T[];
+    pagination?: false | PaginationConfig;
+    infiniteScroll?: boolean;
+    columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
+    virtualPaddingLeft: number | undefined;
+    virtualPaddingRight: number | undefined;
+    fixedLeftColumns: Column<T, unknown>[];
+    fixedRightColumns: Column<T, unknown>[];
+};
+declare const TableWrapper: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+export default TableWrapper;

package/es/table-component/table/TableWrapper.js

@@ -0,0 +1,242 @@
+import classNames from "classnames";
+import TableHead from "../header/TableHead";
+import TableBody from "../body/TableBody";
+import TableFooter from "../footer/TableFooter";
+import ComponentSpinner from "../../grid-component/LoadingSpinner";
+import { Tooltip } from "react-tooltip";
+import ContextMenu from "../ContextMenu";
+import React, { useContext } from "react";
+import { TableContext } from "../useContext";
+const TableWrapper = props => {
+  const {
+    id,
+    prefix,
+    tableContainerRef,
+    height,
+    summary,
+    table,
+    loading,
+    commandClick,
+    editAble,
+    contextMenuItems: propContextMenuItems,
+    contextMenuHidden,
+    showEmptyText,
+    contextMenuClick,
+    contextMenuOpen,
+    next,
+    dataSource,
+    pagination,
+    infiniteScroll,
+    columnVirtualizer,
+    fixedLeftColumns,
+    fixedRightColumns,
+    virtualPaddingLeft,
+    virtualPaddingRight
+  } = props;
+  const menuRef = React.useRef(null);
+  const loadingRef = React.useRef(false);
+  const hasMoreRef = React.useRef(true);
+  const {
+    windowSize
+  } = useContext(TableContext);
+  const {
+    currentPage,
+    pageSize,
+    total
+  } = pagination ?? {};
+  const [menuVisible, setMenuVisible] = React.useState(false);
+  const [selectedRowData, setSelectedRowData] = React.useState(null);
+  const [position, setPosition] = React.useState({
+    x: 0,
+    y: 0,
+    viewportWidth: windowSize.innerWidth,
+    viewportHeight: windowSize.innerHeight
+  });
+  const contextMenuItems = React.useMemo(() => {
+    if (typeof contextMenuHidden === 'function' && propContextMenuItems && selectedRowData) {
+      const hiddenItems = contextMenuHidden({
+        rowInfo: {
+          rowData: selectedRowData
+        }
+      });
+      return propContextMenuItems.filter(item => !hiddenItems.includes(item?.key));
+    }
+    if (contextMenuHidden && typeof contextMenuHidden !== 'function' && propContextMenuItems) {
+      return propContextMenuItems.filter(item => !contextMenuHidden.includes(item?.key));
+    }
+    return propContextMenuItems;
+  }, [propContextMenuItems, contextMenuHidden, selectedRowData]);
+  const loadData = page => {
+    if (!hasMoreRef.current || loadingRef.current || loading) return;
+    loadingRef.current = true;
+    setTimeout(() => {
+      next?.();
+      if (page * pageSize >= total) {
+        hasMoreRef.current = false;
+      }
+      loadingRef.current = false;
+    }, 10);
+  };
+  const handleNext = () => {
+    loadData(currentPage + 1);
+  };
+  const handleScroll = e => {
+    if (infiniteScroll) {
+      if (loadingRef.current || loading || dataSource?.length === 0) {
+        e.stopPropagation();
+        e.preventDefault();
+        return;
+      }
+      const {
+        scrollHeight: tbScrollHeight,
+        scrollTop,
+        clientHeight
+      } = e.currentTarget;
+      const isEnd = scrollTop + clientHeight >= tbScrollHeight - 50;
+      if (isEnd && !loadingRef.current && hasMoreRef.current && dataSource?.length > 0) {
+        handleNext();
+      }
+    }
+    if (e.target.scrollLeft >= 0 && e.target.scrollLeft + e.target.clientWidth < e.target.scrollWidth) {
+      e.target.classList.add('ui-rc-table-ping-right');
+    } else {
+      e.target.classList.remove('ui-rc-table-ping-right');
+    }
+    if ((e.target.scrollLeft ?? 0) > 0) {
+      e.target.classList.add('ui-rc-table-ping-left');
+    } else {
+      e.target.classList.remove('ui-rc-table-ping-left');
+    }
+  };
+  const onContextMenu = data => event => {
+    event.preventDefault(); // Ngăn chặn menu mặc định của trình duyệt
+
+    setSelectedRowData(data);
+    contextMenuOpen?.({
+      rowInfo: {
+        rowData: data
+      },
+      event
+    });
+    setMenuVisible(true);
+
+    // Đợi DOM cập nhật và lấy kích thước menu
+    setTimeout(() => {
+      const menuElement = menuRef.current; // Lấy menu từ DOM
+      const menuWidth = menuElement?.offsetWidth || 200; // Mặc định 200px nếu chưa render
+      const menuHeight = menuElement?.offsetHeight; // Mặc định 450px nếu chưa render
+
+      // Điều chỉnh vị trí menu
+      let x = event.clientX;
+      let y = event.clientY;
+      if (x + menuWidth > windowSize.innerWidth) {
+        x = x - menuWidth - 10; // Cách cạnh phải 10px
+      }
+      if (y + menuHeight > windowSize.innerHeight) {
+        if (y < menuHeight) {
+          y = 10;
+        } else {
+          y = y - 10 - menuHeight; // Cách cạnh dưới 10px
+        }
+      }
+      setPosition(prevState => ({
+        ...prevState,
+        x,
+        y
+      }));
+    }, 100);
+    if (!menuVisible) {
+      document.addEventListener(`click`, function onClickOutside(e) {
+        const element = e.target;
+        const menuContainer = document.querySelector('.popup-context-menu');
+        const isInsideContainer = element.closest('.popup-context-menu') && menuContainer;
+        if (isInsideContainer) {
+          return;
+        }
+        setMenuVisible(false);
+        setPosition(prevState => ({
+          ...prevState,
+          x: undefined,
+          y: undefined
+        }));
+        document.removeEventListener(`click`, onClickOutside);
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(`${prefix}-grid-container`, {
+      'ui-rc-table-ping-right': tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) >= 0 && (tableContainerRef.current?.scrollLeft ?? 0) + (tableContainerRef.current?.clientWidth ?? 0) < (tableContainerRef.current?.scrollWidth ?? 0),
+      'ui-rc-table-ping-left': tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) > 0
+    }),
+    id: id,
+    ref: tableContainerRef,
+    style: {
+      overflow: 'auto',
+      //our scrollable table container
+      position: 'relative',
+      //needed for sticky header
+      // height: tableHeight ?? '500px' //should be a fixed height
+      maxHeight: height //should be a fixed height
+      // minWidth: table.getTotalSize()
+    }
+    // onScroll={infiniteScroll ? handleScroll : undefined}
+    ,
+    onScroll: handleScroll
+  }, /*#__PURE__*/React.createElement("table", {
+    style: {
+      display: 'grid'
+      // minWidth: table.getTotalSize()
+    }
+  }, /*#__PURE__*/React.createElement(TableHead, {
+    tableContainerRef: tableContainerRef,
+    table: table,
+    columnVirtualizer: columnVirtualizer,
+    virtualPaddingLeft: virtualPaddingLeft,
+    virtualPaddingRight: virtualPaddingRight,
+    fixedLeftColumns: fixedLeftColumns,
+    fixedRightColumns: fixedRightColumns
+  }), /*#__PURE__*/React.createElement(TableBody, {
+    tableId: id,
+    table: table,
+    tableContainerRef: tableContainerRef,
+    commandClick: commandClick,
+    editAble: editAble,
+    contextMenuItems: contextMenuItems,
+    showEmptyText: showEmptyText,
+    onContextMenu: onContextMenu,
+    columnVirtualizer: columnVirtualizer,
+    virtualPaddingLeft: virtualPaddingLeft,
+    virtualPaddingRight: virtualPaddingRight,
+    fixedLeftColumns: fixedLeftColumns,
+    fixedRightColumns: fixedRightColumns
+  }), summary && /*#__PURE__*/React.createElement(TableFooter
+  // columnVirtualizer={columnVirtualizer}
+  , {
+    table: table
+    // virtualPaddingLeft={virtualPaddingLeft}
+    // virtualPaddingRight={virtualPaddingRight}
+    // fixedLeftColumns={fixedLeftColumns}
+    // fixedRightColumns={fixedRightColumns}
+  }))), loading && /*#__PURE__*/React.createElement("div", {
+    className: "spinner-loading"
+  }, /*#__PURE__*/React.createElement(ComponentSpinner, null)), /*#__PURE__*/React.createElement(Tooltip, {
+    id: `${id}-tooltip-content`,
+    style: {
+      zIndex: 1999,
+      maxWidth: 450
+    }
+  }), menuVisible && /*#__PURE__*/React.createElement(ContextMenu, {
+    open: menuVisible,
+    pos: position,
+    setOpen: setMenuVisible,
+    menuRef: menuRef,
+    contextMenuItems: contextMenuItems,
+    contextMenuClick: contextMenuClick,
+    rowData: selectedRowData
+  }));
+};
+export default TableWrapper;

package/es/table-component/type.d.ts

@@ -220,7 +220,7 @@ export type TableProps<RecordType = AnyObject> = {
     showToolbar?: boolean;
     onDataChange?: (data: RecordType[]) => void;
     defaultValue?: AnyObject | (() => AnyObject);
-    summary?: boolean | ((data: readonly RecordType[]) => React.ReactNode);
+    summary?: boolean;
     showEmptyText?: boolean;
     commandSettings?: CommandSettings;
     onCellPaste?: ICellPasteModel<RecordType>;
@@ -236,7 +236,7 @@ export type TableProps<RecordType = AnyObject> = {
     }) => void;
     wrapSettings?: IWrapSettings;
     actionTemplate?: ReactNode | ReactElement | (() => ReactNode | ReactElement);
-    commandClick?: (args: CommandClick) => void;
+    commandClick?: (args: CommandClick<RecordType>) => void;
     expandable?: ExpandableConfig<RecordType>;
     fullScreen?: boolean;
 };
@@ -270,12 +270,12 @@ export interface RenderExpandIconProps<RecordType> {
 export type TriggerEventHandler<RecordType> = (record: RecordType, event: React.MouseEvent<HTMLElement>) => void;
 export type RowClassName<RecordType> = (record: RecordType, index: number, indent: number) => string;
 export type ExpandedRowRender<ValueType> = (record: ValueType, index: number, indent: number, expanded: boolean) => React.ReactNode;
-export type CommandClick = {
+export type CommandClick<T> = {
     id: string;
     rowId: string;
     rowData: any;
     index: number;
-    rows?: any[];
+    rows: T[];
 };
 export type IEditSelectSettings = {
     fieldKey?: string;

package/es/table-component/useContext.d.ts

@@ -27,6 +27,10 @@ export interface IContext<T> {
     setFilterChange: Dispatch<SetStateAction<boolean>>;
     onContextMenu?: (data: T) => (event: any) => void;
     locale?: Locale;
+    windowSize: {
+        innerHeight: number;
+        innerWidth: number;
+    };
     control?: any;
     errors?: any;
     handleSubmit?: any;

package/es/table-component/useContext.js

@@ -6,6 +6,10 @@ export const TableContext = /*#__PURE__*/createContext({
   dataSource: [],
   originData: [],
   expanded: {},
+  windowSize: {
+    innerHeight: 0,
+    innerWidth: 0
+  },
   // triggerFilter: () => { },
 
   setIsSelectionChange: () => {},

package/lib/grid-component/InternalTable.js

@@ -193,6 +193,7 @@ const InternalTable = props => {
     wrapSettings,
     onFilter,
     onSorter,
+    defaultSorter,
     ...rest
   } = props;
   const id = _react.default.useMemo(() => {
@@ -306,6 +307,7 @@ const InternalTable = props => {
     setColumns(propsColumns);
   }, [propsColumns]);
   const handleOnFilter = queries => {
+    console.log('queries', queries);
     if (onFilter) {
       onFilter?.((0, _hooks.convertFilters)(queries));
     } else {
@@ -338,30 +340,6 @@ const InternalTable = props => {
     // @ts-ignore
     return record => record?.[rowKey];
   }, [rowKey]);
-
-  // const [transformSelectionColumns] = useColumns<RecordType>(
-  //   {
-  //     locale,
-  //     t,
-  //     rowKey,
-  //     // dataSource: mergerdData,
-  //     dataSource,
-  //     buddhistLocale,
-  //     dataSourceFilter: propDataSourceFilter,
-  //     format,
-  //     sortMultiple,
-  //     groupAble,
-  //     groupSetting,
-  //     groupColumns,
-  //     handleResize,
-  //     // onMouseHover
-  //   },
-  // );
-
-  // const mergedColumns: any = React.useMemo(() => {
-  //   return transformSelectionColumns(columns)
-  // }, [columns, transformSelectionColumns])
-
   const firstNonGroupColumn = (0, _columns.flatColumns2)(columns).find(col => col.field && col.field !== '#' && !groupColumns?.includes(col.field) && col.hidden !== true);
   const nonGroupColumns = (0, _columns.flatColumns2)(columns).filter(col => col.field && col.field !== '#' && !groupColumns?.includes(col.field) && col.hidden !== true);
   const getColumnSearchProps = (0, _react.useCallback)(column => ({
@@ -375,6 +353,8 @@ const InternalTable = props => {
       searchValue,
       setSearchValue
     }) => {
+      // console.log('selectedKeys', selectedKeys)
+
       const type = (0, _hooks.getTypeFilter)(column);
       // const operatorOptions = type === ('Checkbox' || 'Dropdown' || 'DropTree' || 'CheckboxDropdown') ? booleanOperator : (!type || type === 'Text' ? stringOperator : numberOperator)
 
@@ -410,6 +390,10 @@ const InternalTable = props => {
         type: "primary",
         onClick: () => {
           // confirm({closeDropdown: false})
+          const typeFilter = (0, _hooks.getTypeFilter)(column);
+          if ((!typeFilter || typeFilter === 'Text') && (0, _hooks.isNullOrUndefined)(selectedKeys[0])) {
+            setSelectedKeys(['']);
+          }
           confirm();
           // handleSearch(selectedKeys as string[], confirm)
         },
@@ -468,7 +452,9 @@ const InternalTable = props => {
           id: id,
           wrapSettings: wrapSettings
         })),
-        ellipsis: column.ellipsis !== false,
+        ellipsis: editAble || column.ellipsis !== false && wrapSettings && wrapSettings.wrapMode !== 'Content' && wrapSettings.wrapMode !== 'Both',
+        // ellipsis: column.ellipsis !== false,
+
         align: column.textAlign ?? column.align,
         fixed: column.fixedType ?? column.fixed,
         isSummary: column.isSummary ?? column.haveSum,
@@ -527,15 +513,19 @@ const InternalTable = props => {
         ...(transformedColumn.allowFiltering === false ? {} : {
           ...getColumnSearchProps(column)
         }),
-        sorter: column.sorter === false ? undefined : {
-          // @ts-ignore
-          compare: (a, b) => onSorter ? a : a[column.field] - b[column.field],
-          multiple: sortMultiple ? colIndex : undefined
-        },
+        // sorter: (column.sorter === false ? undefined : {
+        //   // @ts-ignore
+        //   compare: (a: any, b: any) => onSorter ? a : a[column.field] - b[column.field],
+        //   multiple: sortMultiple ? colIndex : undefined
+
+        // }),
+        // @ts-ignore
+        sorter: (a, b) => a[column.field] - b[column.field],
         sortIcon: args => {
           const {
             sortOrder
           } = args;
+          console.log('sortOrder', sortOrder);
           return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, !sortOrder && /*#__PURE__*/_react.default.createElement(_becoxyIcons.SortCancel, {
             fontSize: 15,
             style: {
@@ -574,7 +564,8 @@ const InternalTable = props => {
           id: `${column.field}`,
           width: column.width,
           onResize: handleResize?.(column),
-          className: column.headerTextAlign === 'center' ? 'head-align-center' : column.headerTextAlign === 'right' ? 'head-align-right' : ''
+          className: `${column.headerTextAlign === 'center' ? 'head-align-center' : column.headerTextAlign === 'right' ? 'head-align-right' : ''}
+           ${wrapSettings && wrapSettings.wrapMode === 'Content' ? 'ui-rc-table-cell-ellipsis' : ''}`
         }),
         onCell: (data, index) => {
           return {
@@ -611,10 +602,11 @@ const InternalTable = props => {
           }
           return (0, _columns.renderContent)(column, value, record, rowIndex, colIndex, false, cellFormat);
         },
+        defaultSortOrder: 'ascend',
         hidden: groupSetting && groupSetting.hiddenColumnGroup === false ? transformedColumn.hidden : groupAble && groupColumns && groupColumns.includes(column.field) ? true : transformedColumn.hidden
       };
     });
-  }, [columns, t, id, wrapSettings, getColumnSearchProps, sortMultiple, groupSetting, groupAble, groupColumns, mergedData, filterStates, mergedFilterKeys, pagination, handleResize, firstNonGroupColumn?.field, nonGroupColumns, format]);
+  }, [columns, t, id, wrapSettings, editAble, getColumnSearchProps, groupSetting, groupAble, groupColumns, mergedData, filterStates, mergedFilterKeys, pagination, handleResize, firstNonGroupColumn?.field, nonGroupColumns, format]);
   const transformColumns = _react.default.useCallback(cols => {
     return cols.map(column => {
       const find = convertColumns.find(it => it.field === column.field);
@@ -635,11 +627,13 @@ const InternalTable = props => {
           id: id,
           wrapSettings: wrapSettings
         })),
-        ellipsis: column.ellipsis !== false,
+        // ellipsis: column.ellipsis !== false,
+        ellipsis: editAble || column.ellipsis !== false && wrapSettings && wrapSettings.wrapMode !== 'Content' && wrapSettings.wrapMode !== 'Both',
         align: column.textAlign ?? column.align,
         fixed: column.fixedType ?? column.fixed,
         isSummary: column.isSummary ?? column.haveSum,
-        hidden: column.hidden ?? column.visible === false
+        hidden: column.hidden ?? column.visible === false,
+        defaultSortOrder: 'ascend'
       };
 
       // Xử lý đệ quy cho children
@@ -662,7 +656,7 @@ const InternalTable = props => {
         };
       }
     });
-  }, [convertColumns, id, t, wrapSettings]);
+  }, [convertColumns, editAble, id, t, wrapSettings]);
   const mergedColumns = _react.default.useMemo(() => {
     return transformColumns(columns);
   }, [columns, transformColumns]);
@@ -914,6 +908,7 @@ const InternalTable = props => {
     }
   };
   const handleChange = (paging, filters, sorter) => {
+    console.log('sorter', sorter);
     onSorter?.(sorter);
   };
 

package/lib/grid-component/TempTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { GridTableProps } from "./type";
+declare const TempTable: <RecordType extends object>(props: GridTableProps<RecordType>) => React.JSX.Element;
+export default TempTable;

package/lib/grid-component/TempTable.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _tableComponent = _interopRequireDefault(require("../table-component"));
+var _InternalTable = _interopRequireDefault(require("./InternalTable"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TempTable = props => {
+  const {
+    infiniteScroll,
+    groupAble,
+    editAble,
+    ...rest
+  } = props;
+  const TabComponent = groupAble ? _InternalTable.default : _tableComponent.default;
+  // const TabComponent = editAble ? Table : InternalTable
+
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(TabComponent, (0, _extends2.default)({}, rest, {
+    infiniteScroll: infiniteScroll,
+    groupAble: groupAble,
+    editAble: editAble
+  })));
+};
+var _default = exports.default = TempTable;

package/lib/grid-component/hooks/columns/index.js

@@ -513,7 +513,9 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
       }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, {
         placeholder: t ? t('Search') : `Search`,
         value: selectedKeys[0],
-        onChange: e => setSelectedKeys(e.target.value ? [e.target.value] : [])
+        onChange: e => {
+          setSelectedKeys(e.target.value ? [e.target.value] : ['']);
+        }
         // onPressEnter={() => handleSearch(selectedKeys as string[], confirm)}
         ,
         onPressEnter: () => confirm(),

package/lib/grid-component/index.d.ts

@@ -1,5 +1,5 @@
-import InternalTable from './InternalTable';
+import TempTable from './TempTable';
 import type { ColumnsTable, TableProps, ColumnTable, CommandItem, ContextMenuItem } from './type';
 import type { ToolbarItem } from "rc-master-ui/es/toolbar";
 export type { ColumnsTable, TableProps, ColumnTable, ToolbarItem, CommandItem, ContextMenuItem };
-export default InternalTable;
+export default TempTable;

package/lib/grid-component/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _InternalTable = _interopRequireDefault(require("./InternalTable"));
-// import ConvertColumnTable  from './ConvertColumnTable'
-var _default = exports.default = _InternalTable.default; // export default ConvertColumnTable
+var _TempTable = _interopRequireDefault(require("./TempTable"));
+// import InternalTable  from './InternalTable'
+// 
+// export default InternalTable
+var _default = exports.default = _TempTable.default;

package/lib/grid-component/styles.scss

@@ -1433,7 +1433,6 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 .rc-fullscreen {
   background-color: #ffffff85;
 }
-
 .be-popup-container {
   z-index: 1070 !important;
 }