es-grid-template 1.9.53 → 1.9.55

package/es/ali-table/base-table/table.js

@@ -14,6 +14,7 @@ import { Classes, LOCK_SHADOW_PADDING, StyledArtTableWrapper } from "./styles";
 import {
 // getScrollbarSize, // scroll mặc định thì bật lên
 OVERSCAN_SIZE, shallowEqual, STYLED_REF_PROP, sum, syncScrollLeft, throttledWindowResize$ } from "./utils";
+import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 let emptyContentDeprecatedWarned = false;
 function warnEmptyContentIsDeprecated() {
   if (!emptyContentDeprecatedWarned) {
@@ -193,7 +194,8 @@ export class BaseTable extends React.Component {
       components,
       id,
       commandClick,
-      format
+      format,
+      dataRowIds
     } = this.props;
     const tableBodyClassName = cx(Classes.tableBody, Classes.horizontalScrollContainer, {
       'no-scrollbar': footerDataSource && footerDataSource.length > 0
@@ -231,7 +233,10 @@ export class BaseTable extends React.Component {
       style: {
         height: topBlank
       }
-    }), /*#__PURE__*/React.createElement(HtmlTable, {
+    }), /*#__PURE__*/React.createElement(SortableContext, {
+      items: dataRowIds ?? [],
+      strategy: verticalListSortingStrategy
+    }, /*#__PURE__*/React.createElement(HtmlTable, {
       id: id ?? '',
       commandClick: commandClick,
       components: components,
@@ -251,7 +256,7 @@ export class BaseTable extends React.Component {
         limit: bottomIndex,
         last: dataSource.length - 1
       }
-    }), bottomBlank > 0 && /*#__PURE__*/React.createElement("div", {
+    })), bottomBlank > 0 && /*#__PURE__*/React.createElement("div", {
       key: "bottom-blank",
       className: cx(Classes.virtualBlank, 'bottom'),
       style: {
@@ -348,7 +353,9 @@ export class BaseTable extends React.Component {
       isStickyFooter,
       isLoading,
       footerDataSource,
-      components
+      components,
+      isBottom,
+      isTitle
     } = this.props;
     const artTableWrapperClassName = cx(Classes.tableWrapper, {
       'use-outer-border': useOuterBorder,
@@ -358,7 +365,9 @@ export class BaseTable extends React.Component {
       'theme-dark': theme?.theme === 'dark',
       'sticky-header': isStickyHeader,
       'has-footer': footerDataSource && footerDataSource.length > 0,
-      'sticky-footer': isStickyFooter
+      'sticky-footer': isStickyFooter,
+      'has-bottom': isBottom,
+      'has-title': isTitle
     }, className);
     const artTableWrapperProps = {
       className: artTableWrapperClassName,
@@ -390,6 +399,15 @@ export class BaseTable extends React.Component {
     this.adjustNeedRenderLock();
     this.updateRowHeightManager();
     this.updateScrollLeftWhenLayoutChanged(prevProps, prevState);
+    this.updateVerticalScrollClass();
+  }
+  updateVerticalScrollClass() {
+    const wrapper = this.domHelper?.artTableWrapper;
+    if (!wrapper) {
+      return;
+    }
+    const hasVerticalScroll = wrapper.scrollHeight > wrapper.clientHeight + 1;
+    wrapper.classList.toggle('has-vertical-scroll', hasVerticalScroll);
   }
   updateScrollLeftWhenLayoutChanged(prevProps, prevState) {
     if (prevState != null) {
@@ -415,6 +433,7 @@ export class BaseTable extends React.Component {
     this.rootSubscription.add(throttledWindowResize$.subscribe(() => {
       this.updateStickyScroll();
       this.adjustNeedRenderLock();
+      this.updateVerticalScrollClass();
     }));
 
     // Scroll synchronization

package/es/ali-table/common-views.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const InlineFlexCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ExpansionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const ExpansionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 }, never>> & string;
 interface IconProps extends React.SVGProps<SVGElement> {

package/es/ali-table/pipeline/features/columnCustom.js

@@ -5,8 +5,7 @@ import Resizer from "../../base-table/ColumnResizer";
 import { ArrowDown, ArrowUp, FilterFill, SortCancel } from 'becoxy-icons';
 import { booleanOperator, findItemPath, nonActionColumn, numberOperator, pageSizeOptions, stringOperator, translateOption, updateArrayByKey } from "../../../grid-component/hooks";
 import classNames from 'classnames';
-import { Button } from 'antd';
-import { Dropdown, Select, Space } from 'rc-master-ui';
+import { Dropdown, Select, Space, Button } from 'rc-master-ui';
 import { convertFilters, extendsObject, getDefaultOperator, getTypeFilter } from "../../../table-component/hook/utils";
 import { renderFilter } from "../../base-table/renderFilter";
 import { renderValueCell } from "../../../table-component/hook/useColumns";
@@ -560,7 +559,8 @@ export function columnCustom(opts) {
               [`${prefix}-grid-cell-text-right`]: col?.textAlign === 'right' || col.type === 'number'
             }),
             onMouseEnter: e => {
-              if (e.target?.clientWidth < e.target?.scrollWidth || e.target.firstChild?.clientWidth < e.target.firstChild?.scrollWidth) {
+              prevCellProps?.onMouseEnter?.(e);
+              if (e.target?.clientWidth < e.target?.scrollWidth || e.target?.firstChild?.clientWidth < e?.target?.firstChild?.scrollWidth) {
                 pipeline.setStateAtKey(stateKeyTooltip, true);
               }
             },

package/es/ali-table/pipeline/features/pagination.js

@@ -18,7 +18,7 @@ export function paginationFeature(opts = {}) {
     pipeline.dataSource(processDataSource(dataSource));
     return pipeline;
     function processDataSource(data) {
-      if (pagination === false || pagination && pagination.onChange) {
+      if (!pagination || pagination && pagination.onChange) {
         return data;
       }
       const currentPage = pagination?.currentPage ?? pipeline.getStateAtKey(stateKey)?.currentPage ?? 1;

package/es/ali-table/utils/convertColumnsChoose.d.ts

@@ -1,5 +1,5 @@
-import type { TreeDataNode } from "antd";
-import type { ColumnTable } from "../../grid-component";
+import { TreeDataNode } from "rc-master-ui";
+import { ColumnTable } from "../../grid-component";
 export declare function convertColumnsToTreeData(columns: ColumnTable[], groupColumns?: string[], t?: any): TreeDataNode[];
 export declare function filterColumnsByField(columns: ColumnTable[], fieldList: string[]): ColumnTable[];
 export declare function filterVisibleColumns(columns: ColumnTable[]): ColumnTable[];

package/es/grid-component/control/InputControl/InputControl.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { Controller } from "react-hook-form";
-import { Input } from "rc-master-ui";
-import { Typography } from "antd";
+import { Input, Typography } from "rc-master-ui";
 import classnames from "classnames";
 import React, { Fragment } from "react";
 import { isNullOrUndefined } from "../../hooks";
-import { Col, Row } from "rc-master-ui/es/grid";
+import { Col, Row } from "rc-master-ui";
 // import {isNullOrUndefined} from "../../../hooks"
 
 const {

package/es/grid-component/hooks/calender.d.ts

@@ -0,0 +1,19 @@
+type WeekRow = {
+    sunday: DayCell;
+    monday: DayCell;
+    tuesday: DayCell;
+    wednesday: DayCell;
+    thursday: DayCell;
+    friday: DayCell;
+    saturday: DayCell;
+};
+type DayCell = {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    events?: {
+        title: string;
+    }[];
+};
+export declare const generateCalendarRows: (currentMonth: Date) => WeekRow[];
+export {};

package/es/grid-component/hooks/calender.js

@@ -0,0 +1,32 @@
+import dayjs from 'dayjs';
+const DAYS = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
+export const generateCalendarRows = currentMonth => {
+  const month = dayjs(currentMonth);
+  const firstDay = month.startOf('month');
+  const lastDay = month.endOf('month');
+
+  // Chủ nhật đầu tiên hiển thị
+  const startDate = firstDay.startOf('week');
+
+  // Thứ 7 cuối cùng hiển thị
+  const endDate = lastDay.endOf('week');
+  const rows = [];
+  let current = startDate;
+  while (current.isBefore(endDate) || current.isSame(endDate, 'day')) {
+    const week = {};
+    for (let i = 0; i < 7; i++) {
+      week[DAYS[i]] = {
+        date: current.toDate(),
+        day: current.date(),
+        isCurrentMonth: current.month() === month.month(),
+        events: []
+      };
+      current = current.add(1, 'day');
+    }
+    rows.push(week);
+  }
+  return rows;
+};
+const dataSource = generateCalendarRows(new Date(2026, 0, 1) // January 2026
+);
+console.log('dataSource', dataSource);

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

@@ -305,6 +305,12 @@ export type ColumnTable<RecordType = AnyObject> = {
     /** Column con (multi header/group column) */
     children?: ColumnTable<RecordType>[];
 };
+export type RowDnd<RecordType = AnyObject> = {
+    enabled?: boolean;
+    onChange?: (args: {
+        rows: RecordType[];
+    }) => void;
+};
 export type ColumnsTable<RecordType = AnyObject> = ColumnTable<RecordType>[];
 export type IFTheme = {
     theme?: 'dark' | 'light';
@@ -490,6 +496,7 @@ export type TableProps<RecordType = AnyObject> = {
         /** Virtual theo chiều dọc */
         vertical?: boolean;
     };
+    rowDnd?: RowDnd<RecordType>;
     /** Cho phép chỉnh sửa dữ liệu */
     editAble?: boolean;
     /** Callback khi data thay đổi */
@@ -554,7 +561,11 @@ export type CommandClick<T> = {
     rows: T[];
 };
 export type IEditSelectSettings = {
+    /** @deprecated This prop is deprecated and should use `fieldNames` instead */
     fieldKey?: string;
+    /** @deprecated This prop is deprecated and should use `fieldNames` instead */
+    inputKey?: string;
+    fieldNames?: FieldNames;
     options: any[] | ((rowData: any, field: string) => any[]);
     /**  get value form other field **/
     fieldValue?: string;
@@ -562,12 +573,15 @@ export type IEditSelectSettings = {
     fieldLabel?: string;
     /** cho phép nhập giá trị - onBlur: giá trị search được set thành value **/
     searchTextAsValue?: boolean;
-    inputKey?: string;
     filterKey?: string[];
     selectMode?: SelectMode;
     getPasteValue?: (value: any) => Record<string, any> | null;
     validateOption?: (rowData: any, field: string) => any[];
     defaultOptions?: any[];
+    /**
+       * @deprecated
+       * @since  1.9.25
+       */
     defaultValue?: (value: any, rowData: any) => {
         value: any;
         label: string;
@@ -586,7 +600,6 @@ export type IEditSelectSettings = {
     hideSelectedOptions?: boolean;
     showItems?: number;
     isLengthSelected?: boolean;
-    fieldNames?: FieldNames;
     filterOption?: boolean | FilterFunc<any>;
 };
 export type IEditFromSettings = {

package/es/group-component/ColumnsChoose.js

@@ -1,8 +1,7 @@
 import useMergedState from "rc-util/es/hooks/useMergedState";
 import React, { Fragment, useState } from "react";
 import styled from "styled-components";
-import { Button, Input, Popover } from "antd";
-import Tree from "rc-master-ui/es/tree";
+import { Button, Input, Popover, Tree } from "rc-master-ui";
 import SearchOutlined from "@ant-design/icons/SearchOutlined";
 import { convertColumnsToTreeData, getVisibleColumnKeys1, updateColumns1 } from "./hook/utils";
 import { Settings } from "becoxy-icons";

package/es/group-component/ColumnsGroup/ColumnsGroup.js

@@ -1,7 +1,6 @@
 import { Group } from "becoxy-icons";
 import React, { useRef, useState } from "react";
-import { Button, Popover } from "antd";
-import { Select } from "rc-master-ui";
+import { Select, Button, Popover } from "rc-master-ui";
 import styled from "styled-components";
 import { customFilterOption } from "../../grid-component/hooks";
 const BoxAction = styled.div.withConfig({

package/es/group-component/TableContainerEdit.js

@@ -10,8 +10,7 @@ import Pagination from "rc-master-ui/es/pagination";
 import { numericFormatter, removeNumericFormat } from "react-numeric-component";
 import { TableContext } from "./useContext";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { Dropdown, Toolbar } from "rc-master-ui";
-import { Modal, Typography } from "antd";
+import { Dropdown, Toolbar, Modal, Typography } from "rc-master-ui";
 import classNames from "classnames";
 import { Collapse2, Expand2, Maximize, Minimize } from "becoxy-icons";
 // import { ColumnsChoose } from "./ColumnsChoose";

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from "react";
-import { DatePicker, TimePicker } from "rc-master-ui";
-import { ColorPicker, Divider, Input, Row, Col } from "antd";
+import { DatePicker, TimePicker, ColorPicker, Divider, Input, Row, Col } from "rc-master-ui";
 import { checkDecimalSeparator, checkThousandSeparator, checkFieldKey, convertArrayWithIndent, convertDateToDayjs, convertLabelToTitle, getDatepickerFormat, isDisable, isEmpty, isNullOrUndefined, customWeekStartEndFormat, convertDayjsToDate, parseBooleanToValue, isColor, genPresets, getFormat } from "../hook/utils";
 import classNames from "classnames";
 import { NumericFormat } from "react-numeric-component";
@@ -478,8 +477,9 @@ const EditableCell = props => {
               indexRow,
               type: 'blur'
             });
-          },
-          autoDestroy: true,
+          }
+          // autoDestroy={true}
+          ,
           showSearch: true,
           mode: isMulti || selectMode === 'checkbox' ? 'multiple' : undefined,
           valueSelectAble: true,
@@ -558,8 +558,9 @@ const EditableCell = props => {
               indexRow,
               type: 'blur'
             });
-          },
-          autoDestroy: true,
+          }
+          // autoDestroy={true}
+          ,
           showSearch: true,
           defaultOpen: column.field === startCell?.colId,
           autoFocus: column.field === startCell?.colId,

package/es/group-component/components/EditForm/EditForm.js

@@ -4,8 +4,7 @@ import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { Col, Row } from "rc-master-ui/es/grid";
 import { isNullOrUndefined, isObjEmpty } from "../../hook/utils";
-import { Input } from "rc-master-ui";
-import { Dropdown } from "antd";
+import { Input, Dropdown } from "rc-master-ui";
 import Divider from "rc-master-ui/es/divider";
 import Button from "rc-master-ui/es/button";
 import InputControl from "../InputControl/InputControl";

package/es/group-component/components/InputControl/InputControl.js

@@ -1,10 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { Controller } from "react-hook-form";
 import { Input } from "rc-master-ui";
-import { Typography } from "antd";
 import classnames from "classnames";
 import React, { Fragment } from "react";
-import { Col, Row } from "rc-master-ui/es/grid";
+import { Col, Row, Typography } from "rc-master-ui";
 import { isNullOrUndefined } from "../../hook/utils";
 const {
   Text

package/es/group-component/components/checkbox-filter/CheckboxFilter.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import classNames from "classnames";
-import { Checkbox, Menu, Radio, Empty } from "rc-master-ui";
-import { Tree } from "antd";
+import { Checkbox, Menu, Radio, Empty, Tree } from "rc-master-ui";
 import { flattenKeys } from "rc-master-ui/es/table/hooks/useFilter";
 import FilterSearch from "./FilterSearch";
 function searchValueMatched(searchValue, text) {

package/es/group-component/components/checkbox-filter/FilterSearch.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FilterSearchType, TableLocale } from "antd/es/table/interface";
+import type { FilterSearchType, TableLocale } from "rc-master-ui/es/table/interface";
 import type { AnyObject } from '../../../grid-component/type';
 interface FilterSearchProps<RecordType = AnyObject> {
     value: string;

package/es/group-component/components/checkbox-filter/FilterSearch.js

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import SearchOutlined from '@ant-design/icons/SearchOutlined';
 import { Input } from 'rc-master-ui';
-
-// import type {AnyObject} from "./../grid-component/type"
-
 const FilterSearch = props => {
   const {
     value,

package/es/group-component/header/TableHeadCell.js

@@ -1,8 +1,7 @@
 import React, { useContext } from 'react';
-import { Button, Space } from 'antd';
 import { ArrowDown, ArrowUp, FilterFill, SortCancel } from 'becoxy-icons';
 import classNames from 'classnames';
-import { Checkbox, Dropdown, Select } from 'rc-master-ui';
+import { Checkbox, Dropdown, Select, Button, Space } from 'rc-master-ui';
 import { booleanOperator, nonActionColumn, numberOperator, stringOperator, translateOption } from "../../grid-component/hooks";
 import { extendsObject, getCommonPinningStyles, getDefaultOperator, getTypeFilter } from "../hook/utils";
 import { TableContext } from "../useContext";

package/es/group-component/header/TableHeadCell2.js

@@ -1,8 +1,7 @@
 import React, { useContext } from 'react';
-import { Button, Space } from 'antd';
 import { ArrowDown, ArrowUp, FilterFill, SortCancel } from 'becoxy-icons';
 import classNames from 'classnames';
-import { Checkbox, Dropdown, Select } from 'rc-master-ui';
+import { Checkbox, Dropdown, Select, Button, Space } from 'rc-master-ui';
 import { excludeItems, extendsObject, getCommonPinningStyles, getDefaultOperator, getTypeFilter, removeDuplicatesByKey } from "../hook/utils";
 import { TableContext } from "../useContext";
 import { renderFilter } from "./renderFilter";

package/es/group-component/hook/utils.d.ts

@@ -7,7 +7,7 @@ import type { CSSProperties } from "react";
 import dayjs from "dayjs";
 import type { IPositionCell } from "../useContext";
 import type { ColumnDef } from "@tanstack/react-table";
-import type { TreeDataNode } from "antd";
+import type { TreeDataNode } from "rc-master-ui";
 export declare const newGuid: () => any;
 export declare const convertDayjsToDate: (dateString: string, format?: string) => Date;
 export declare const convertDateToDayjs: (date: Date | undefined, format?: string) => dayjs.Dayjs;
@@ -194,10 +194,10 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
         value: any;
         rowData: RecordType;
     }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
-    onCellStyles?: Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display">);
-    onCellHeaderStyles?: Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display">);
+    onCellStyles?: Omit<CSSProperties, "left" | "right" | "minWidth" | "position" | "display" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "minWidth" | "position" | "display" | "width">);
+    onCellHeaderStyles?: Omit<CSSProperties, "left" | "right" | "minWidth" | "position" | "display" | "width"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "minWidth" | "position" | "display" | "width">);
     onCell?: (rowData: RecordType, index: number) => import("react").TdHTMLAttributes<HTMLTableCellElement>;
-    onCellFooterStyles?: Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "left" | "right" | "position" | "display">);
+    onCellFooterStyles?: Omit<CSSProperties, "left" | "right" | "minWidth" | "position" | "display" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "minWidth" | "position" | "display" | "width">);
     getValue?: (row: any, rowIndex: number) => any;
     getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;
     headerCellProps?: import("./../../grid-component/type").CellProps;

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { Modal } from 'antd';
+import { Modal } from 'rc-master-ui';
 import { faker } from '@faker-js/faker';
 import { getCoreRowModel, getExpandedRowModel,
 // getFilteredRowModel,

package/es/index.d.ts

@@ -10,8 +10,8 @@ export { default as Select } from './select';
 export type { SelectProps } from './select';
 export { default as DateRangePicker } from './date-range-picker';
 export type { DateRangePickerProps } from './date-range-picker';
-export { default as DatePicker } from './datepicker';
-export type { DatePickerType, DatePickerProps } from './datepicker';
+export { default as DatePicker } from './datePicker';
+export type { DatePickerType, DatePickerProps } from './datePicker';
 export { default as Splitter } from './splitter';
 export type { SplitterProps } from './splitter';
 export { default as Collapse } from './collapse';

package/es/index.js

@@ -4,7 +4,7 @@ export { default as Tabs } from "./tabs";
 export { default as SelectTable } from "./select-table";
 export { default as Select } from "./select";
 export { default as DateRangePicker } from "./date-range-picker";
-export { default as DatePicker } from "./datepicker";
+export { default as DatePicker } from "./datePicker";
 export { default as Splitter } from "./splitter";
 export { default as Collapse } from "./collapse";
 export { default as TableComponent } from "./ali-table";

package/es/table-component/ColumnsChoose.js

@@ -1,7 +1,7 @@
 import useMergedState from "rc-util/es/hooks/useMergedState";
 import React, { Fragment, useState } from "react";
 import styled from "styled-components";
-import { Button, Input, Popover } from "antd";
+import { Button, Input, Popover } from "rc-master-ui";
 import Tree from "rc-master-ui/es/tree";
 import SearchOutlined from "@ant-design/icons/SearchOutlined";
 import { convertColumnsToTreeData, updateColumns1 } from "./hook/utils";

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { ColumnsTable, ColumnTable, GridTableLocale, Locale } from "../grid-component/type";
+import type { ColumnDef, Table } from "@tanstack/react-table";
+export type IColumnsChoose<RecordType> = {
+    id: string;
+    table: Table<RecordType>;
+    columns: ColumnDef<RecordType>[];
+    originColumns: ColumnTable[];
+    columnsGroup?: string[];
+    triggerChangeColumns?: (columns: ColumnsTable<RecordType>, keys: string[], type: string) => void;
+    t?: any;
+    triggerChangeKeys?: any;
+    columnHidden: any;
+    locale?: Locale;
+    tableLocal: GridTableLocale;
+};
+export declare const ColumnsConfig: <RecordType extends object>(props: IColumnsChoose<RecordType>) => JSX.Element;