es-grid-template 1.8.67 → 1.8.69

package/es/table-virtuoso/body/TableBodyRow.js

@@ -12,6 +12,7 @@ const TableBodyRow = ({
   commandClick,
   contextMenuItems,
   onContextMenu,
+  rowheight,
   ...rest
 }) => {
   const {
@@ -36,7 +37,8 @@ const TableBodyRow = ({
       [`${prefix}-grid-row-parent`]: row.subRows && row.subRows.length > 0
     }),
     style: {
-      ...rowStyles
+      ...rowStyles,
+      height: rowheight
     },
     onDoubleClick: e => {
       recordDoubleClick?.({

package/es/table-virtuoso/header/TableHeadCell.js

@@ -4,13 +4,11 @@ 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 { booleanOperator, nonActionColumn, numberOperator, stringOperator, translateOption } from "../hook/constant";
 import { extendsObject, getCommonPinningHeaderStyles, getDefaultOperator, getTypeFilter } from "../hook/utils";
 import { renderFilter } from "./renderFilter";
 import ReactDOMServer from 'react-dom/server';
 import { TableContext } from "../useContext";
-// import type { MenuProps } from 'rc-master-ui/es'
-
+import { booleanOperator, nonActionColumn, numberOperator, stringOperator, translateOption } from "../../grid-component/hooks";
 const TableHeadCell = props => {
   const {
     header,

package/es/table-virtuoso/header/renderFilter.d.ts

@@ -1,6 +1,6 @@
 import type { ColumnDef } from "@tanstack/react-table";
 import React from "react";
-import type { IFormat } from "../../table-component/type";
+import type { IFormat } from "../../grid-component/type";
 type RenderFilterProps<RecordType> = {
     column: ColumnDef<RecordType, unknown>;
     selectedKeys: any[];

package/es/table-virtuoso/header/renderFilter.js

@@ -1,7 +1,3 @@
-// import type { IFormat } from "../../tanstack-table/type";
-
-// import type { AnyObject } from './type';
-
 import React, { Fragment } from "react";
 import moment from "moment/moment";
 import { CustomProvider, DatePicker, DateRangePicker, Empty, Input, Select } from "rc-master-ui";

package/es/table-virtuoso/hook/utils.d.ts

@@ -1,7 +1,7 @@
 import type { Row, Table } from "@tanstack/react-table";
 import { type Column } from "@tanstack/react-table";
 import type { VirtualItem } from "@tanstack/react-virtual";
-import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "../../table-component/type";
+import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "../../grid-component/type";
 import type { Key } from "react";
 import { type CSSProperties } from "react";
 import dayjs from "dayjs";

package/es/table-virtuoso/style.js

@@ -9,4 +9,4 @@ const colorDark = "#e6e4f3e6";
 export const GridStyle = styled.div.withConfig({
   displayName: "GridStyle",
   componentId: "es-grid-template__sc-rs980s-0"
-})(["&.", "-grid{color:", ";font-size:13px;background-color:", ";table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";.", "-grid-thead{&:has(.resizer.isResizing){.", "-grid-cell{touch-action:none;user-select:none;}}.", "-grid-cell{background-color:#ffffff;&:has(.resizer.isResizing){touch-action:none;user-select:none;}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}}}tbody{.", "-grid-row{&.", "-grid-row-parent{.", "-grid-cell{font-weight:600;background-color:#f5f5f5;}}}}.", "-grid-tfoot{z-index:3 !important;.ui-rc-grid-footer-row{.ui-rc-grid-cell{border-top:1px solid ", ";border-bottom:1px solid ", ";}}}.", "-grid-cell{padding:7px 8px;.class-content:has(*){background:lightblue;}.class-content:not(:has(*)){background:lightgreen;}&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-righ{text-align:right;justify-content:flex-end;}}.", "-grid-cell:not(:has(*)){&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{text-align:right;justify-content:flex-end;}&.", "-grid-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}}&.", "-grid-light{.", "-grid-container{.", "-grid-thead{z-index:3 !important;background-color:", ";font-weight:500;.", "-grid-cell{font-weight:inherit;color:", ";background-color:#ffffff;outline:1px solid ", ";border:0;&.ui-rc-grid-cell-ellipsis{.ui-rc-table-column-title,.", "-grid-cell-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}&.ui-rc-grid-cell-wrap{.ui-rc-table-column-title,.", "-grid-cell-text-wrap{white-space:normal;word-break:break-word;overflow:hidden;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "-grid-filter-column{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative;}.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";}}tbody{background-color:", ";color:", ";.", "-grid-row{&.ui-rc-grid-row-selected{.", "-grid-cell{background-color:", ";}}}.", "-grid-cell{outline:none;background-color:#ffffff;outline:1px solid ", ";&.ui-rc-grid-cell-selected{background-color:#33335d !important;}&.disable{background-color:#272A2F;}}}.", "-grid-tfoot{.", "-grid-footer-row{border-bottom-width:1px;border-bottom-color:", ";border-bottom-style:solid;border-top-width:1px;border-top-color:", ";border-top-style:solid;background-color:#fafafa;}.", "-grid-cell{background-color:inherit;border:0;outline:1px solid ", ";}}}}&.", "-grid-dark{background-color:", ";color:", ";.", "-grid-container{border-color:", ";&::after{border-right-color:", ";}}}}"], props => props.$prefix, color, BgColor, props => props.$prefix, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => props.$prefix, props => `${props.$theme.color ? props.$theme.color : color}`, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, rowSelectedBg, props => props.$prefix, tableBorderColor, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);
+})(["&.", "-grid{color:", ";font-size:13px;background-color:", ";table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";.", "-grid-thead{&:has(.resizer.isResizing){.", "-grid-cell{touch-action:none;user-select:none;}}.", "-grid-cell{background-color:#ffffff;&:has(.resizer.isResizing){touch-action:none;user-select:none;}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}}}tbody{.", "-grid-row{&.", "-grid-row-parent{.", "-grid-cell{font-weight:600;background-color:#f5f5f5;}}}}.", "-grid-tfoot{z-index:3 !important;.ui-rc-grid-footer-row{.ui-rc-grid-cell{border-top:1px solid ", ";border-bottom:1px solid ", ";}}}.", "-grid-cell{padding:7px 8px;.class-content:has(*){background:lightblue;}.class-content:not(:has(*)){background:lightgreen;}&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-righ{text-align:right;justify-content:flex-end;}}.", "-grid-cell:not(:has(*)){&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{text-align:right;justify-content:flex-end;}&.", "-grid-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}}&.", "-grid-light{.", "-grid-container{.", "-grid-thead{z-index:3 !important;background-color:", ";font-weight:500;.", "-grid-cell{font-weight:inherit;color:", ";background-color:#ffffff;border-inline-end:1px solid ", ";border-bottom:1px solid ", ";&.ui-rc-grid-cell-ellipsis{.ui-rc-table-column-title,.", "-grid-cell-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}&.ui-rc-grid-cell-wrap{.ui-rc-table-column-title,.", "-grid-cell-text-wrap{white-space:normal;word-break:break-word;overflow:hidden;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "-grid-filter-column{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative;}.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";}}tbody{background-color:", ";color:", ";.", "-grid-row{&.ui-rc-grid-row-selected{.", "-grid-cell{background-color:", ";}}}.", "-grid-cell{outline:none;background-color:#ffffff;border-inline-end:1px solid ", ";border-bottom:1px solid ", ";&.ui-rc-grid-cell-selected{background-color:#33335d !important;}&.disable{background-color:#272A2F;}}}.", "-grid-tfoot{.", "-grid-footer-row{border-bottom-width:1px;border-bottom-color:", ";border-bottom-style:solid;border-top-width:1px;border-top-color:", ";border-top-style:solid;background-color:#fafafa;}.", "-grid-cell{background-color:inherit;border-inline-end:1px solid ", ";}}}}&.", "-grid-dark{background-color:", ";color:", ";.", "-grid-container{border-color:", ";&::after{border-right-color:", ";}}}}"], props => props.$prefix, color, BgColor, props => props.$prefix, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => props.$prefix, props => `${props.$theme.color ? props.$theme.color : color}`, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, rowSelectedBg, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);

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

@@ -1,5 +1,5 @@
 import type { ColumnDef, ColumnFiltersState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, Table, VisibilityState } from '@tanstack/react-table';
-import type { ColumnsTable, Sorter, TableProps } from '../../table-component/type';
+import type { ColumnsTable, Sorter, TableProps } from '../../grid-component/type';
 import type { Dispatch, Key, SetStateAction } from 'react';
 import React from 'react';
 type Props<T> = Omit<TableProps<T>, 'columns'> & {

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

@@ -52,32 +52,9 @@ const Grid = props => {
     columnFilters,
     setColumnOrder,
     rowSelection,
+    classNames: tableClassNames,
     ...rest
   } = props;
-
-  // const [columnResizeMode] = React.useState<ColumnResizeMode>('onChange')
-
-  // const [columnResizeDirection] = React.useState<ColumnResizeDirection>('ltr')
-
-  // const [paginationState, setPagination] = React.useState<PaginationState>({
-  //   pageIndex: pagination && pagination.currentPage ? pagination.currentPage - 1 : 0,
-  //   pageSize: pagination && pagination.pageSize ? pagination.pageSize : 20
-  // })
-
-  // const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})
-
-  // const [grouping, setGrouping] = React.useState<GroupingState>([])
-
-  // const [columnSizing, setColumnSizing] = React.useState<ColumnSizingState>({})
-  // const [columnSizingInfo, setColumnSizingInfo] = React.useState<ColumnSizingInfoState>({} as ColumnSizingInfoState)
-
-  // const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([])
-
-  // const [operator, setOperator] = React.useState<ColumnOperatorState>([])
-  // const [sorting, setSorting] = React.useState<SortingState>([])
-
-  // const [columnOrder, setColumnOrder] = React.useState<string[]>(() => columns.map(c => c.id!))
-
   const [isSelectionChange, setIsSelectionChange] = React.useState({
     isChange: false,
     type: '',
@@ -177,7 +154,7 @@ const Grid = props => {
       theme: theme?.theme,
       ...theme
     },
-    className: classNames(`${prefix}-grid`, {
+    className: classNames(`${prefix}-grid ${tableClassNames}`, {
       [`${prefix}-grid-light`]: !theme || theme.theme === 'light',
       [`${prefix}-grid-dark`]: theme?.theme === 'dark'
     }),

package/es/table-virtuoso/table/TableContainer.d.ts

@@ -1,7 +1,7 @@
 import type { Dispatch, SetStateAction } from 'react';
 import React from 'react';
 import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from '@tanstack/react-table';
-import type { ColumnsTable, TableProps } from '../../table-component/type';
+import type { ColumnsTable, TableProps } from '../../grid-component/type';
 type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
     table: Table<T>;
     prefix: string;

package/es/table-virtuoso/table/TableContainer.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-// import type { Dispatch, SetStateAction } from 'react'
-
 import React from 'react';
 import classNames from 'classnames';
 import Pagination from 'rc-master-ui/es/pagination';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ColumnDef, Table } from "@tanstack/react-table";
-import type { CommandClick } from '../../table-component/type';
+import type { CommandClick } from '../../grid-component/type';
 type Props<T> = {
     tableContainerRef: React.RefObject<HTMLDivElement>;
     table: Table<T>;

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

@@ -22,7 +22,6 @@ import TableFooterCell from "../footer/TableFooterCell";
 const TableWrapper = props => {
   const {
     table,
-    // columns,
     height,
     id,
     commandClick
@@ -42,7 +41,6 @@ const TableWrapper = props => {
     ref: scrollRef,
     style: {
       overflow: "auto",
-      // border: "1px solid #ccc",
       height,
       position: "relative"
     }
@@ -81,12 +79,14 @@ const TableWrapper = props => {
       })),
       TableRow: props => {
         const index = props["data-index"];
+        const rowheight = props["data-known-size"];
         const row = rows[index];
         return /*#__PURE__*/React.createElement(TableBodyRow, _extends({
           tableId: id,
           row: row,
           table: table,
-          commandClick: commandClick
+          commandClick: commandClick,
+          rowheight: rowheight
         }, props));
       }
     }
@@ -140,22 +140,6 @@ const TableWrapper = props => {
         });
       }));
     }
-
-    // itemContent={(index) => {
-
-    //   const row = rows[index]
-    //   return (
-
-    //     <TableBodyRow
-    //       tableId={id}
-    //       row={row}
-    //       table={table}
-    //     // {...props}
-
-    //     />
-
-    //   )
-    // }}
   })));
 };
 export default TableWrapper;

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

@@ -1,5 +1,5 @@
 import type { Dispatch, SetStateAction } from 'react';
-import type { ColumnTable, ExpandableConfig, IFormat, IGroupSetting, IWrapSettings, Locale, PaginationConfig, RangeState, RecordDoubleClickEventArgs, RowClassName, SelectionSettings } from "../table-component/type";
+import type { ColumnTable, ExpandableConfig, IFormat, IGroupSetting, IWrapSettings, Locale, PaginationConfig, RangeState, RecordDoubleClickEventArgs, RowClassName, SelectionSettings } from "../grid-component/type";
 import type { SubmitHandler } from "react-hook-form";
 import type { ExpandedState, Row, Table } from '@tanstack/react-table';
 export type IPositionCell = {

package/lib/grid-component/hooks/useLazyKVMap.d.ts

@@ -1,4 +1,4 @@
 import type { Key } from "react";
-import type { AnyObject, GetRowKey } from '../../table-component/type';
+import type { AnyObject, GetRowKey } from '../type';
 declare const useLazyKVMap: <RecordType extends AnyObject = AnyObject>(data: readonly RecordType[], childrenColumnName: string, getRowKey: GetRowKey<RecordType>) => readonly [(key: Key) => RecordType];
 export default useLazyKVMap;

package/lib/grid-component/hooks/utils.d.ts

@@ -3,7 +3,7 @@ import dayjs from "dayjs";
 import type { EditType, IColumnType, TypeFilter } from "rc-master-ui";
 import type { Key } from "react";
 import type { ColumnsTable } from "./../index";
-import type { AnyObject, ColumnTable, GetRowKey, IFormat } from "../../table-component/type";
+import type { AnyObject, ColumnTable, GetRowKey, IFormat } from "../type";
 export declare const newGuid: () => any;
 export declare const sumDataByField: (data: any[], field: string) => any;
 export declare const checkThousandSeparator: (thousandSeparator: string | undefined, decimalSeparator: string | undefined) => string;

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

@@ -1,5 +1,5 @@
 import TempTable from './TempTable';
-import type { ColumnsTable, TableProps, ColumnTable, CommandItem, ContextMenuItem } from '../table-component/type';
+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 TempTable;