es-grid-template 1.8.66 → 1.8.68

package/lib/table-component/TableContainerEdit.js

@@ -84,7 +84,7 @@ const TableContainerEdit = props => {
     isSelectionChange,
     setIsSelectionChange,
     // onContextMenu,
-    contextMenuItems: propsContext,
+    contextMenuItems,
     setSorterChange,
     setFilterChange,
     onCellPaste,
@@ -124,7 +124,6 @@ const TableContainerEdit = props => {
     contextMenuOpen,
     contextMenuClick,
     contextMenuHidden,
-    showDefaultContext,
     commandSettings,
     isDataTree,
     onCellClick,
@@ -133,7 +132,8 @@ const TableContainerEdit = props => {
     columnSizing,
     columnSizingInfo,
     rowClassName,
-    onRowStyles
+    onRowStyles,
+    dataSourceFilter
   } = props;
   const containerRef = _react.default.useRef(null);
   const bottomToolbarRef = _react.default.useRef(null);
@@ -148,123 +148,6 @@ const TableContainerEdit = props => {
 
   // const columnSizingState = table.getState().columnSizing;
 
-  const defaultContext = _react.default.useMemo(() => {
-    return [{
-      key: 'INSERT_BEFORE',
-      // label: 'Thêm dòng bên trên',
-      // label: `${t ? t(locale?.add_rows_before ?? 'Add rows before') : 'Add rows before'}`,
-      label: locale?.add_rows_before ?? 'Add rows before',
-      icon: /*#__PURE__*/_react.default.createElement(_becoxyIcons.Plus, {
-        fontSize: 14
-      }),
-      children: [{
-        parentKey: 'INSERT_BEFORE',
-        key: 'INSERT_BEFORE_1',
-        label: locale?.add_1 ?? 'Add 1 rows',
-        row: 1
-      }, {
-        parentKey: 'INSERT_BEFORE',
-        key: 'INSERT_BEFORE_10',
-        label: locale?.add_10 ?? 'Add 10 rows',
-        row: 10
-      }, {
-        parentKey: 'INSERT_BEFORE',
-        key: 'INSERT_BEFORE_50',
-        label: locale?.add_50 ?? 'Add 50 rows',
-        row: 50
-      }, {
-        parentKey: 'INSERT_BEFORE',
-        key: 'INSERT_BEFORE_100',
-        label: locale?.add_100 ?? 'Add 100 rows',
-        row: 100
-      }, {
-        parentKey: 'INSERT_BEFORE',
-        key: 'INSERT_BEFORE_ADV',
-        label: locale?.custom ?? 'Custom'
-      }]
-    }, {
-      key: 'INSERT_AFTER',
-      label: locale?.add_rows_after ?? 'Add rows after',
-      icon: /*#__PURE__*/_react.default.createElement(_becoxyIcons.Plus, {
-        fontSize: 14
-      }),
-      children: [{
-        parentKey: 'INSERT_AFTER',
-        key: 'INSERT_AFTER_1',
-        label: locale?.add_1 ?? 'Add 1 rows',
-        row: 1
-      }, {
-        parentKey: 'INSERT_AFTER',
-        key: 'INSERT_AFTER_10',
-        label: locale?.add_10 ?? 'Add 10 rows',
-        row: 10
-      }, {
-        parentKey: 'INSERT_AFTER',
-        key: 'INSERT_AFTER_50',
-        label: locale?.add_50 ?? 'Add 50 rows',
-        row: 50
-      }, {
-        parentKey: 'INSERT_AFTER',
-        key: 'INSERT_AFTER_100',
-        label: locale?.add_100 ?? 'Add 100 rows',
-        row: 100
-      }, {
-        parentKey: 'INSERT_AFTER',
-        key: 'INSERT_AFTER_ADV',
-        label: locale?.custom ?? 'Custom'
-      }]
-    }, {
-      key: 'INSERT_CHILDREN',
-      // label: 'Insert item children',
-      label: locale?.add_children ?? 'Add children',
-      icon: /*#__PURE__*/_react.default.createElement(_becoxyIcons.Plus, {
-        fontSize: 14
-      })
-      // children: [
-      //   {
-      //     parentKey: 'INSERT_AFTER',
-      //     key: 'INSERT_AFTER_1',
-      //     label: 'Thêm 1 dòng',
-      //     row: 1
-      //   },
-      //   {
-      //     parentKey: 'INSERT_AFTER',
-      //     key: 'INSERT_AFTER_10',
-      //     label: 'Thêm 10 dòng',
-      //     row: 10
-      //   },
-      //   {
-      //     parentKey: 'INSERT_AFTER',
-      //     key: 'INSERT_AFTER_50',
-      //     label: 'Thêm 50 dòng',
-      //     row: 50
-      //   },
-      //   {
-      //     parentKey: 'INSERT_AFTER',
-      //     key: 'INSERT_AFTER_100',
-      //     label: 'Thêm 100 dòng',
-      //     row: 100
-      //   },
-      //   {
-      //     parentKey: 'INSERT_AFTER',
-      //     key: 'INSERT_AFTER_ADV',
-      //     label: 'Tùy chỉnh'
-      //   }
-      // ]
-    }, {
-      key: 'DELETE_CONTENT',
-      label: locale?.delete_content ?? 'Delete content',
-      icon: /*#__PURE__*/_react.default.createElement(_becoxyIcons.Trash2, {
-        fontSize: 14
-      })
-    }, {
-      key: 'DELETE_ROWS',
-      label: locale?.delete_rows ?? 'Delete rows',
-      icon: /*#__PURE__*/_react.default.createElement(_becoxyIcons.Trash2, {
-        fontSize: 14
-      })
-    }];
-  }, [locale]);
   const itemsAdd = _react.default.useMemo(() => {
     return [{
       key: '10',
@@ -277,13 +160,6 @@ const TableContainerEdit = props => {
       label: `100 ${t ? t('rows') : 'rows'}`
     }];
   }, [t]);
-  const contextMenuItems = _react.default.useMemo(() => {
-    const a = showDefaultContext !== false ? [...defaultContext] : [];
-    const b = propsContext && propsContext.length > 0 ? [...propsContext, {
-      type: 'divider'
-    }] : [];
-    return [...b, ...a];
-  }, [defaultContext, propsContext, showDefaultContext]);
   const [dataErrors, setDataErrors] = _react.default.useState([]);
   _react.default.useEffect(() => {
     if (validate && dataSource && dataSource.length) {
@@ -2033,7 +1909,8 @@ const TableContainerEdit = props => {
       pagination,
       rowClassName,
       rowEditable,
-      onRowStyles
+      onRowStyles,
+      dataSourceFilter
     }
   }, /*#__PURE__*/_react.default.createElement(_TableWrapper.default, {
     contextMenuItems: contextMenuItems,

package/lib/table-component/body/EditableCell.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { EditType } from "rc-master-ui";
-import type { ColumnTable, IFormat } from "../type";
+import type { ColumnTable, IFormat } from "../../grid-component/type";
 interface EditableCellProps<DataType> extends React.HTMLAttributes<HTMLElement> {
     t?: any;
     dataIndex: string;

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

@@ -22,16 +22,6 @@ var _EditForm = require("../components/EditForm");
 var _useContext = require("../useContext");
 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; }
-// import type {ColumnTable, ColumnSelectTable, IFormat} from "./type"
-
-// import moment from "moment";
-// import dayjs from "dayjs";
-// import {TreeSelect} from "antd";
-
-// import {TableContext} from "./useContext"
-
-// import moment from "moment";
-
 const {
   SHOW_PARENT
 } = _rcMasterUi.TreeSelect;

package/lib/table-component/body/TableBody.d.ts

@@ -1,5 +1,5 @@
 import { type Table } from "@tanstack/react-table";
-import type { CommandClick } from "../type";
+import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 interface TableBodyProps<T> {
     table: Table<T>;

package/lib/table-component/body/TableBodyCell.d.ts

@@ -1,5 +1,5 @@
 import type { Cell, Table } from "@tanstack/react-table";
-import type { CommandClick } from "../type";
+import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {

package/lib/table-component/body/TableBodyCellEdit.d.ts

@@ -1,5 +1,5 @@
 import type { Cell, Table } from "@tanstack/react-table";
-import type { CommandClick } from "../type";
+import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {

package/lib/table-component/body/TableBodyCellEdit.js

@@ -15,14 +15,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _useContext = require("../useContext");
 var _EditableCell = _interopRequireDefault(require("./EditableCell"));
-var _constant = require("../hook/constant");
+var _hooks = require("../../grid-component/hooks");
 var _useColumns = require("../hook/useColumns");
-// import { nonActionColumn } from "../hook/constant";
-
-// import type { Dispatch, SetStateAction } from "react";
-
-// import { nonActionColumn } from "../hook/constant";
-
 const renderCellIndex = props => {
   const {
     parrents,
@@ -646,7 +640,7 @@ const TableBodyCellEdit = props => {
     if (e.key === 'ArrowRight') {
       e.preventDefault();
       e.stopPropagation();
-      const allCols = table.getVisibleLeafColumns().filter(it => !_constant.nonActionColumn.includes(it.id));
+      const allCols = table.getVisibleLeafColumns().filter(it => !_hooks.nonActionColumn.includes(it.id));
       const currentColIndex = allCols.findIndex(it => it.id === cell.column.id);
       const nextCol = allCols[currentColIndex + 1];
       if (nextCol) {
@@ -677,7 +671,7 @@ const TableBodyCellEdit = props => {
     }
     if (e.key === 'ArrowLeft') {
       e.preventDefault();
-      const allCols = table.getVisibleLeafColumns().filter(it => !_constant.nonActionColumn.includes(it.id));
+      const allCols = table.getVisibleLeafColumns().filter(it => !_hooks.nonActionColumn.includes(it.id));
 
       // const currentColIndex = table.getColumn(colId)?.getIndex() ?? 0;
       const currentColIndex = allCols.findIndex(it => it.id === cell.column.id);
@@ -825,7 +819,7 @@ const TableBodyCellEdit = props => {
   }
   const handleMouseDownIndex = rowId => {
     setIsSelecting?.(true);
-    const allColumns = table.getVisibleLeafColumns().filter(it => !_constant.nonActionColumn.includes(it.id));
+    const allColumns = table.getVisibleLeafColumns().filter(it => !_hooks.nonActionColumn.includes(it.id));
     const firstCOl = (0, _utils.findFirst)(allColumns);
     const startCol = allColumns[0].id;
     const endCol = allColumns[allColumns.length - 1].id;
@@ -853,7 +847,7 @@ const TableBodyCellEdit = props => {
   };
   const handleMouseEnterIndex = rowId => {
     if (isSelecting) {
-      const allColumns = table.getVisibleLeafColumns().filter(it => !_constant.nonActionColumn.includes(it.id));
+      const allColumns = table.getVisibleLeafColumns().filter(it => !_hooks.nonActionColumn.includes(it.id));
 
       // const firstCOl = findFirst(allColumns)
 

package/lib/table-component/body/TableBodyRow.d.ts

@@ -1,6 +1,6 @@
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 import { type Column, type Row, type Table } from "@tanstack/react-table";
-import type { CommandClick } from "../type";
+import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 interface TableBodyRowProps<T> {
     tableId: string;

package/lib/table-component/components/ControlCheckbox.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ColumnTable } from "../type";
+import type { ColumnTable } from "../../grid-component/type";
 type Props = {
     column: ColumnTable;
     record?: any;

package/lib/table-component/components/EditForm/EditForm.js

@@ -18,8 +18,6 @@ var _button = _interopRequireDefault(require("rc-master-ui/es/button"));
 var _InputControl = _interopRequireDefault(require("../InputControl/InputControl"));
 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; }
-// import InputControl from "../control/InputControl/InputControl";
-
 const SelectStyle = exports.SelectStyle = _styledComponents.default.div.withConfig({
   displayName: "SelectStyle",
   componentId: "es-grid-template__sc-18plqpt-0"

package/lib/table-component/components/InputControl/InputControl.js

@@ -15,10 +15,6 @@ var _grid = require("rc-master-ui/es/grid");
 var _utils = require("../../hook/utils");
 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; }
-// import {isNullOrUndefined} from "../../hooks";
-
-// import {isNullOrUndefined} from "../../../hooks"
-
 const {
   Text
 } = _antd.Typography;

package/lib/table-component/components/async-select/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
 import type { SelectProps } from "rc-master-ui/es/select";
-import type { LoadOptionsArgs } from '../../type';
+import type { LoadOptionsArgs } from '../../../grid-component/type';
 export interface DebounceSelectProps<OptionType extends BaseOptionType = DefaultOptionType> extends SelectProps {
     loadOptions?: (search: string, callback: (newOptions: OptionType[]) => void, args?: LoadOptionsArgs) => void;
     debounceTimeout?: number;

package/lib/table-component/components/async-select/index.js

@@ -11,8 +11,6 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _rcMasterUi = require("rc-master-ui");
 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; }
-// import type {LoadOptionsArgs} from "../type";
-
 function AsyncSelect({
   loadOptions,
   debounceTimeout = 500,

package/lib/table-component/components/async-table-select/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
 import type { TableSelectProps } from "rc-master-ui";
-import type { LoadOptionsArgs } from '../../type';
+import type { LoadOptionsArgs } from '../../../grid-component/type';
 export interface DebounceSelectProps<OptionType extends BaseOptionType = DefaultOptionType> extends TableSelectProps {
     loadOptions?: (search: string, callback: (newOptions: OptionType[]) => void, args?: LoadOptionsArgs) => void;
     debounceTimeout?: number;

package/lib/table-component/components/async-table-select/index.js

@@ -11,10 +11,6 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _rcMasterUi = require("rc-master-ui");
 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; }
-// import type {TableSelectProps} from "rc-master-ui/es/table-select"
-
-// import type {LoadOptionsArgs} from "../type";
-
 function AsyncTableSelect({
   loadOptions,
   debounceTimeout = 500,

package/lib/table-component/components/checkbox-filter/CheckboxFilter.js

@@ -137,7 +137,7 @@ const CheckboxFilter = props => {
   }) => (filters || []).map((filter, index) => {
     const key = String(filter.value);
     const item = {
-      title: filter.text,
+      title: filter.label,
       key: filter.value !== undefined ? key : String(index)
     };
     if (filter.children) {
@@ -222,7 +222,11 @@ const CheckboxFilter = props => {
           return filterSearch(searchValue, getFilterData(node));
         }
         return searchValueMatched(searchValue, node.title);
-      } : undefined
+      } : undefined,
+      rootStyle: {
+        background: 'none',
+        boxShadow: 'none'
+      }
     })));
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_FilterSearch.default, {

package/lib/table-component/components/checkbox-filter/FilterSearch.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { FilterSearchType, TableLocale } from "antd/es/table/interface";
-import type { AnyObject } from '../../type';
+import type { AnyObject } from '../../../grid-component/type';
 interface FilterSearchProps<RecordType = AnyObject> {
     value: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/lib/table-component/components/checkbox-filter/FilterSearch.js

@@ -10,7 +10,7 @@ var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOu
 var _rcMasterUi = require("rc-master-ui");
 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; }
-// import type {AnyObject} from "./type"
+// import type {AnyObject} from "./../grid-component/type"
 
 const FilterSearch = props => {
   const {

package/lib/table-component/components/command/Command.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CommandItem } from "../../type";
+import type { CommandItem } from "../../../grid-component/type";
 type Props<T> = {
     id: string;
     record: T;

package/lib/table-component/components/number/index.d.ts

@@ -1,5 +1,6 @@
-import React, { KeyboardEventHandler } from "react";
-import type { IFormat } from "../../type";
+import type { KeyboardEventHandler } from "react";
+import React from "react";
+import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
     format?: IFormat;

package/lib/table-component/components/number/index.js

@@ -10,9 +10,6 @@ var _rcMasterUi = require("rc-master-ui");
 var _utils = require("../../hook/utils");
 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; }
-// import type {IFormat} from "../type"
-// import {checkDecimalSeparator, checkThousandSeparator} from "../hooks"
-
 const NumberInput = props => {
   const {
     t,
@@ -22,11 +19,6 @@ const NumberInput = props => {
     onPressEnter
   } = props;
   const values = _react.default.useMemo(() => [value], [value]);
-
-  // const [values, setValues] = React.useState<any[]>(() =>
-  //   mergedValues,
-  // );
-
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
     value: values[0] ?? ''
     // value={min}

package/lib/table-component/components/number-range/index.d.ts

@@ -1,5 +1,6 @@
-import React, { KeyboardEventHandler } from "react";
-import type { IFormat } from "../../type";
+import type { KeyboardEventHandler } from "react";
+import React from "react";
+import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
     format?: IFormat;

package/lib/table-component/components/number-range/index.js

@@ -10,9 +10,6 @@ var _rcMasterUi = require("rc-master-ui");
 var _utils = require("../../hook/utils");
 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; }
-// import type {IFormat} from "../type"
-// import {checkDecimalSeparator, checkThousandSeparator} from "../hooks"
-
 const NumberRange = props => {
   const {
     t,

package/lib/table-component/footer/TableFooterRow.js

@@ -8,34 +8,15 @@ exports.default = void 0;
 var _TableFooterCell = _interopRequireDefault(require("./TableFooterCell"));
 var _react = _interopRequireDefault(require("react"));
 var _useContext = require("../useContext");
-// import type { Virtualizer } from "@tanstack/react-virtual";
-// import type { Person } from "../makeData";
-
-// import type { Person } from "../../tanstack-table/makeData";
-// import TableHeadCell from "./TableHeadCell";
-
 const TableFooterRow = ({
   table,
-  // columnVirtualizer,
   headerGroup
-  // virtualPaddingLeft,
-  // virtualPaddingRight,
-  // fixedLeftColumns,
-  // fixedRightColumns,
-  // virtualColumns,
-  // columnVirtualizer
 }) => {
-  // const virtualColumns = columnVirtualizer.getVirtualItems();
-
-  // const a  =  table.getVisibleFlatColumns()
   const visibleColumns = table.getVisibleLeafColumns();
   const {
     onRowFooterStyles
   } = _react.default.useContext(_useContext.TableContext);
   const rowStyles = typeof onRowFooterStyles === 'function' ? onRowFooterStyles() : onRowFooterStyles;
-
-  // const 
-
   return /*#__PURE__*/_react.default.createElement("div", {
     key: headerGroup.id,
     style: {
@@ -48,11 +29,8 @@ const TableFooterRow = ({
     className: "ui-rc-grid-footer-row"
   }, visibleColumns.map(header => {
     return /*#__PURE__*/_react.default.createElement(_TableFooterCell.default, {
-      key: header.id
-      // header={header as any}
-      ,
+      key: header.id,
       column: header
-      // columnVirtualizer={columnVirtualizer}
     });
   }));
 };

package/lib/table-component/header/TableHead.js

@@ -11,27 +11,9 @@ var _TableHeadCell = _interopRequireDefault(require("./TableHeadCell2"));
 var _TableHeadGroupCell = _interopRequireDefault(require("./TableHeadGroupCell"));
 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; }
-// import TableHeadRow from './TableHeadRow'
-
-// import { getCommonPinningStyles } from '../hook/utils'
-
-// const getVisibleChildCount = <T,>(column: Column<T>): number => {
-//   if (!column.columns?.length) return 0;
-
-//   return column.columns.reduce((count: number, col: Column<T>) => {
-//     const selfCount =  col.getIsVisible() ? 1 : 0;
-//     const childrenCount = getVisibleChildCount(col);
-//     return count + selfCount + (childrenCount ? childrenCount - 1 : childrenCount);
-//   }, 0);
-// }
-
 const TableHead = ({
   columnVirtualizer,
   table
-  // virtualPaddingLeft,
-  // virtualPaddingRight,
-  // fixedLeftColumns,
-  // fixedRightColumns
 }) => {
   const {
     prefix,
@@ -39,7 +21,6 @@ const TableHead = ({
   } = (0, _react.useContext)(_useContext.TableContext);
   const headerGroups = table.getFlatHeaders();
   const leafColumns = table.getVisibleFlatColumns();
-  // const leafColumns11 = table.getIsAllColumnsVisible();
   const headerDepth = table.getHeaderGroups().length;
   const rowStyles = typeof onRowHeaderStyles === 'function' ? onRowHeaderStyles() : onRowHeaderStyles;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -50,8 +31,6 @@ const TableHead = ({
       position: 'sticky',
       top: 0,
       zIndex: 1,
-      // gridTemplateRows: `repeat(${table.getHeaderGroups().length}, auto)`,
-      // gridTemplateColumns: `repeat(${table.getVisibleLeafColumns().length}, 1fr)`,
       gridTemplateColumns: `${table.getVisibleLeafColumns().map(n => `${n.getSize()}fr`).join(" ")}`
     }
   }, leafColumns.map(column => {

package/lib/table-component/header/TableHeadCell.js

@@ -11,32 +11,18 @@ var _antd = require("antd");
 var _becoxyIcons = require("becoxy-icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcMasterUi = require("rc-master-ui");
-var _constant = require("../hook/constant");
+var _hooks = require("../../grid-component/hooks");
 var _utils = require("../hook/utils");
 var _useContext = require("../useContext");
 var _renderFilter = require("./renderFilter");
 var _server = _interopRequireDefault(require("react-dom/server"));
 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; }
-// import { useSortable } from "@dnd-kit/sortable"
-
-// import { CSS } from '@dnd-kit/utilities'
-// import type { Virtualizer } from '@tanstack/react-virtual'
-
-// import { ColumnTable } from "../type";
-
-// import { Tooltip } from 'react-tooltip'
-
 const TableHeadCell = props => {
   const {
     header,
     getPopupContainer,
     table
-    // t,
-    // columnVirtualizer,
-    // rowHeaderVirtualizer,
-    // colSpan,
-    // rowSpan
   } = props;
   const {
     t,
@@ -149,7 +135,7 @@ const TableHeadCell = props => {
     dropdownRender: () => {
       const type = (0, _utils.getTypeFilter)(originalColumn);
       const operatorValue = header.column.getFilterOperator() ?? (0, _utils.getDefaultOperator)(originalColumn);
-      const operatorOptions = ['Checkbox', 'Dropdown', 'DropTree', 'CheckboxDropdown'].includes(type) ? _constant.booleanOperator : !type || type === 'Text' ? _constant.stringOperator : _constant.numberOperator;
+      const operatorOptions = ['Checkbox', 'Dropdown', 'DropTree', 'CheckboxDropdown'].includes(type) ? _hooks.booleanOperator : !type || type === 'Text' ? _hooks.stringOperator : _hooks.numberOperator;
       return /*#__PURE__*/_react.default.createElement("div", {
         // className='ui-rc-table-filter-dropdown'
 
@@ -163,7 +149,7 @@ const TableHeadCell = props => {
       }, /*#__PURE__*/_react.default.createElement("div", null), column.meta?.showOperator !== false && column.meta?.typeFilter !== 'DateRange' && column.meta?.typeFilter !== 'NumberRange' && /*#__PURE__*/_react.default.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
-        options: (0, _constant.translateOption)(operatorOptions, t),
+        options: (0, _hooks.translateOption)(operatorOptions, t),
         style: {
           width: '100%',
           marginBottom: 8
@@ -271,7 +257,7 @@ const TableHeadCell = props => {
       [`${prefix}-grid-cell-ellipsis`]: !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header')),
       [`${prefix}-grid-cell-text-wrap`]: wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header')
     })
-  }, cellContent)), !_constant.nonActionColumn.includes(header.column.id) && header.subHeaders.length < 2 && /*#__PURE__*/_react.default.createElement("span", {
+  }, cellContent)), !_hooks.nonActionColumn.includes(header.column.id) && header.subHeaders.length < 2 && /*#__PURE__*/_react.default.createElement("span", {
     className: "ui-rc-header-trigger"
   }, header.column.getCanSort() && /*#__PURE__*/_react.default.createElement("div", {
     style: {