es-grid-template 1.9.53 → 1.9.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/ali-table/Grid.d.ts +1 -0
- package/es/ali-table/Grid.js +12 -4
- package/es/ali-table/InternalTable.js +39 -7
- package/es/ali-table/base-table/html-table-default.d.ts +20 -0
- package/es/ali-table/base-table/html-table-default.js +224 -0
- package/es/ali-table/base-table/html-table-new.d.ts +20 -0
- package/es/ali-table/base-table/html-table-new.js +417 -0
- package/es/ali-table/base-table/html-table.js +324 -182
- package/es/ali-table/base-table/styles.d.ts +1 -0
- package/es/ali-table/base-table/styles.js +5 -4
- package/es/ali-table/base-table/table.d.ts +4 -0
- package/es/ali-table/base-table/table.js +24 -5
- package/es/ali-table/pipeline/features/columnCustom.js +3 -3
- package/es/ali-table/pipeline/features/pagination.js +1 -1
- package/es/ali-table/utils/convertColumnsChoose.d.ts +2 -2
- package/es/grid-component/control/InputControl/InputControl.js +2 -3
- package/es/grid-component/hooks/calender.d.ts +19 -0
- package/es/grid-component/hooks/calender.js +32 -0
- package/es/grid-component/type.d.ts +15 -2
- package/es/group-component/ColumnsChoose.js +1 -2
- package/es/group-component/ColumnsGroup/ColumnsGroup.js +1 -2
- package/es/group-component/TableContainerEdit.js +3 -4
- package/es/group-component/body/EditableCell.js +7 -6
- package/es/group-component/body/TableBodyRow.js +15 -4
- package/es/group-component/components/EditForm/EditForm.js +1 -2
- package/es/group-component/components/InputControl/InputControl.js +1 -2
- package/es/group-component/components/checkbox-filter/CheckboxFilter.js +1 -2
- package/es/group-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
- package/es/group-component/components/checkbox-filter/FilterSearch.js +0 -3
- package/es/group-component/header/TableHeadCell.js +1 -2
- package/es/group-component/header/TableHeadCell2.js +1 -2
- package/es/group-component/hook/utils.d.ts +4 -4
- package/es/group-component/table/Grid.js +1 -1
- package/es/index.d.ts +2 -2
- package/es/index.js +1 -1
- package/es/table-component/ColumnsChoose.js +1 -1
- package/es/table-component/ColumnsConfig.d.ts +17 -0
- package/es/table-component/ColumnsConfig.js +303 -0
- package/es/table-component/ContextMenu.js +1 -1
- package/es/table-component/InternalTable.js +30 -9
- package/es/table-component/TableContainer.js +4 -2
- package/es/table-component/TableContainerEdit.js +18 -5
- package/es/table-component/body/EditableCell.js +104 -119
- package/es/table-component/body/TableBodyCellEdit.js +1 -1
- package/es/table-component/body/TableBodyRow.js +0 -5
- package/es/table-component/components/EditForm/EditForm.js +1 -4
- package/es/table-component/components/InputControl/InputControl.js +1 -1
- package/es/table-component/components/checkbox-filter/CheckboxFilter.js +1 -2
- package/es/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
- package/es/table-component/components/checkbox-filter/FilterSearch.js +4 -2
- package/es/table-component/header/TableHeadCell.js +1 -1
- package/es/table-component/header/TableHeadCell2.js +1 -1
- package/es/table-component/header/TableHeadRow.js +6 -6
- package/es/table-component/hook/utils.d.ts +3 -3
- package/es/table-component/hook/utils.js +28 -4
- package/es/table-component/style.js +2 -2
- package/es/table-component/table/Grid.js +2 -1
- package/es/table-virtuoso/ColumnsGroup/ColumnsGroup.js +1 -1
- package/es/table-virtuoso/header/TableHeadCell.js +1 -1
- package/es/table-virtuoso/hook/utils.d.ts +1 -1
- package/es/table-virtuoso/table/Grid.js +1 -1
- package/es/table-virtuoso/table/TableContainer.js +1 -1
- package/es/table-virtuoso/table/TableWrapper.d.ts +1 -2
- package/es/table-virtuoso/table/TableWrapper.js +1 -0
- package/lib/ali-table/Grid.d.ts +1 -0
- package/lib/ali-table/Grid.js +12 -4
- package/lib/ali-table/InternalTable.js +39 -7
- package/lib/ali-table/base-table/html-table-default.d.ts +20 -0
- package/lib/ali-table/base-table/html-table-default.js +231 -0
- package/lib/ali-table/base-table/html-table-new.d.ts +20 -0
- package/lib/ali-table/base-table/html-table-new.js +424 -0
- package/lib/ali-table/base-table/html-table.js +324 -182
- package/lib/ali-table/base-table/styles.d.ts +1 -0
- package/lib/ali-table/base-table/styles.js +5 -4
- package/lib/ali-table/base-table/table.d.ts +4 -0
- package/lib/ali-table/base-table/table.js +24 -5
- package/lib/ali-table/pipeline/features/columnCustom.js +4 -4
- package/lib/ali-table/pipeline/features/pagination.js +1 -1
- package/lib/ali-table/utils/convertColumnsChoose.d.ts +2 -2
- package/lib/grid-component/control/InputControl/InputControl.js +4 -6
- package/lib/grid-component/hooks/calender.d.ts +19 -0
- package/lib/grid-component/hooks/calender.js +40 -0
- package/lib/grid-component/type.d.ts +15 -2
- package/lib/group-component/ColumnsChoose.js +6 -7
- package/lib/group-component/ColumnsGroup/ColumnsGroup.js +3 -4
- package/lib/group-component/TableContainerEdit.js +4 -5
- package/lib/group-component/body/EditableCell.js +14 -13
- package/lib/group-component/body/TableBodyRow.js +15 -4
- package/lib/group-component/components/EditForm/EditForm.js +1 -2
- package/lib/group-component/components/InputControl/InputControl.js +4 -6
- package/lib/group-component/components/checkbox-filter/CheckboxFilter.js +1 -2
- package/lib/group-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
- package/lib/group-component/components/checkbox-filter/FilterSearch.js +0 -2
- package/lib/group-component/header/TableHeadCell.js +3 -4
- package/lib/group-component/header/TableHeadCell2.js +3 -4
- package/lib/group-component/hook/utils.d.ts +1 -1
- package/lib/group-component/table/Grid.js +2 -2
- package/lib/index.d.ts +2 -2
- package/lib/index.js +2 -2
- package/lib/table-component/ColumnsChoose.js +5 -5
- package/lib/table-component/ColumnsConfig.d.ts +17 -0
- package/lib/table-component/ColumnsConfig.js +313 -0
- package/lib/table-component/ContextMenu.js +3 -3
- package/lib/table-component/InternalTable.js +25 -8
- package/lib/table-component/TableContainer.js +4 -2
- package/lib/table-component/TableContainerEdit.js +20 -8
- package/lib/table-component/body/EditableCell.js +113 -129
- package/lib/table-component/body/TableBodyCellEdit.js +1 -1
- package/lib/table-component/body/TableBodyRow.js +0 -5
- package/lib/table-component/components/EditForm/EditForm.js +3 -6
- package/lib/table-component/components/InputControl/InputControl.js +1 -2
- package/lib/table-component/components/checkbox-filter/CheckboxFilter.js +1 -2
- package/lib/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
- package/lib/table-component/components/checkbox-filter/FilterSearch.js +5 -2
- package/lib/table-component/header/TableHeadCell.js +4 -5
- package/lib/table-component/header/TableHeadCell2.js +2 -3
- package/lib/table-component/header/TableHeadRow.js +6 -6
- package/lib/table-component/hook/utils.d.ts +3 -3
- package/lib/table-component/hook/utils.js +28 -4
- package/lib/table-component/style.js +2 -2
- package/lib/table-component/table/Grid.js +3 -2
- package/lib/table-virtuoso/ColumnsGroup/ColumnsGroup.js +3 -4
- package/lib/table-virtuoso/header/TableHeadCell.js +4 -5
- package/lib/table-virtuoso/hook/utils.d.ts +1 -1
- package/lib/table-virtuoso/table/Grid.js +2 -2
- package/lib/table-virtuoso/table/TableContainer.js +1 -1
- package/lib/table-virtuoso/table/TableWrapper.d.ts +1 -2
- package/lib/table-virtuoso/table/TableWrapper.js +2 -0
- package/package.json +2 -3
- /package/es/{datepicker → datePicker}/index.d.ts +0 -0
- /package/es/{datepicker → datePicker}/index.js +0 -0
- /package/lib/{datepicker → datePicker}/index.d.ts +0 -0
- /package/lib/{datepicker → datePicker}/index.js +0 -0
|
@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _rcMasterUi = require("rc-master-ui");
|
|
10
10
|
var _button = _interopRequireDefault(require("rc-master-ui/es/button"));
|
|
11
11
|
var _becoxyIcons = require("becoxy-icons");
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
var _rcMasterUi = require("rc-master-ui");
|
|
14
13
|
var _utils = require("../hook/utils");
|
|
15
14
|
var _useContext = require("../useContext");
|
|
16
15
|
var _renderFilter = require("./renderFilter");
|
|
@@ -213,7 +212,7 @@ const TableHeadCell2 = props => {
|
|
|
213
212
|
tableLocal,
|
|
214
213
|
prevFilterValue: column.getFilterValue(),
|
|
215
214
|
triggerVisible
|
|
216
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
215
|
+
})), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Space, {
|
|
217
216
|
style: {
|
|
218
217
|
justifyContent: 'end',
|
|
219
218
|
width: '100%'
|
|
@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _sortable = require("@dnd-kit/sortable");
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _useContext = require("../useContext");
|
|
11
10
|
var _TableHeadCell = _interopRequireDefault(require("./TableHeadCell"));
|
|
11
|
+
// import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable'
|
|
12
|
+
|
|
12
13
|
const TableHeadRow = ({
|
|
13
14
|
table,
|
|
14
15
|
headerGroup,
|
|
@@ -18,7 +19,9 @@ const TableHeadRow = ({
|
|
|
18
19
|
prefix,
|
|
19
20
|
onRowHeaderStyles
|
|
20
21
|
} = _react.default.useContext(_useContext.TableContext);
|
|
21
|
-
|
|
22
|
+
|
|
23
|
+
// const columnOrder = table.getState().columnOrder
|
|
24
|
+
|
|
22
25
|
const rowStyles = typeof onRowHeaderStyles === 'function' ? onRowHeaderStyles() : onRowHeaderStyles;
|
|
23
26
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
27
|
key: headerGroup.id
|
|
@@ -33,9 +36,6 @@ const TableHeadRow = ({
|
|
|
33
36
|
...rowStyles,
|
|
34
37
|
width: '100%'
|
|
35
38
|
}
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
|
|
37
|
-
items: columnOrder,
|
|
38
|
-
strategy: _sortable.horizontalListSortingStrategy
|
|
39
39
|
}, headerGroup.headers.map(header => {
|
|
40
40
|
const columnRelativeDepth = header.depth - header.column.depth;
|
|
41
41
|
if (columnRelativeDepth > 1) {
|
|
@@ -54,6 +54,6 @@ const TableHeadRow = ({
|
|
|
54
54
|
colSpan: header.colSpan,
|
|
55
55
|
rowSpan: rowSpan
|
|
56
56
|
});
|
|
57
|
-
}))
|
|
57
|
+
}));
|
|
58
58
|
};
|
|
59
59
|
var _default = exports.default = TableHeadRow;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { Row, Table } from "@tanstack/react-table";
|
|
2
2
|
import type { Column } from "@tanstack/react-table";
|
|
3
3
|
import type { VirtualItem } from "@tanstack/react-virtual";
|
|
4
|
-
import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterItem, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "./../../grid-component/type";
|
|
4
|
+
import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterItem, FilterOperator, IColumnType, IFormat, RangeState, RowDnd, Sorter, TypeFilter } from "./../../grid-component/type";
|
|
5
5
|
import type { Key } from "react";
|
|
6
6
|
import type { CSSProperties } from "react";
|
|
7
7
|
import dayjs from "dayjs";
|
|
8
8
|
import type { IPositionCell } from "../useContext";
|
|
9
9
|
import type { ColumnDef } from "@tanstack/react-table";
|
|
10
|
-
import type { TreeDataNode } from "
|
|
10
|
+
import type { TreeDataNode } from "rc-master-ui";
|
|
11
11
|
import type { FilterState } from "../../ali-table/interfaces";
|
|
12
12
|
export declare const newGuid: () => any;
|
|
13
13
|
export declare const convertDayjsToDate: (dateString: string, format?: string) => Date;
|
|
@@ -136,7 +136,7 @@ export declare const getVisibleColumnKeys: (columns: any[]) => string[];
|
|
|
136
136
|
export declare const getVisibleColumnKeys1: (columns: any[]) => string[];
|
|
137
137
|
export declare function getVisibleFields(columns: ColumnTable[]): string[];
|
|
138
138
|
export declare function isObjEqual(obj1: any, obj2: any): boolean;
|
|
139
|
-
export declare const sortByType: <T>(arr: ColumnTable<T>[]) => ColumnTable<T>[];
|
|
139
|
+
export declare const sortByType: <T>(arr: ColumnTable<T>[], rowDnd?: RowDnd) => ColumnTable<T>[];
|
|
140
140
|
export declare function convertColumnsToTreeData<T>(columns: ColumnDef<T, any>[], groupColumns?: string[]): TreeDataNode[];
|
|
141
141
|
export declare const updateColumns1: (columns: ColumnTable[], includes: string[]) => ColumnTable[];
|
|
142
142
|
export declare const convertToObj: (arr: any) => {
|
|
@@ -2370,9 +2370,21 @@ function isObjEqual(obj1, obj2) {
|
|
|
2370
2370
|
}
|
|
2371
2371
|
|
|
2372
2372
|
// Sorting function
|
|
2373
|
-
const sortByType = arr => {
|
|
2374
|
-
|
|
2375
|
-
|
|
2373
|
+
const sortByType = (arr, rowDnd) => {
|
|
2374
|
+
const colDnd = {
|
|
2375
|
+
field: 'drag-handle',
|
|
2376
|
+
width: 50,
|
|
2377
|
+
fixed: 'left',
|
|
2378
|
+
headerText: '',
|
|
2379
|
+
allowFiltering: false,
|
|
2380
|
+
allowResizing: false,
|
|
2381
|
+
allowSortering: false
|
|
2382
|
+
};
|
|
2383
|
+
const cols = rowDnd?.enabled ? [{
|
|
2384
|
+
...colDnd
|
|
2385
|
+
}, ...arr] : [...arr];
|
|
2386
|
+
if (cols) {
|
|
2387
|
+
return cols.sort((a, b) => {
|
|
2376
2388
|
if ((a.fixed ?? a.fixedType) === 'left' && (b.fixed ?? b.fixedType) !== 'left') {
|
|
2377
2389
|
return -1;
|
|
2378
2390
|
} else if ((a.fixed ?? a.fixedType) !== 'left' && (b.fixed ?? b.fixedType) === 'left') {
|
|
@@ -2529,7 +2541,19 @@ function updateColumnWidthsRecursive(columns, sizing) {
|
|
|
2529
2541
|
return updated;
|
|
2530
2542
|
});
|
|
2531
2543
|
}
|
|
2532
|
-
function updateWidthsByOther(source, target
|
|
2544
|
+
function updateWidthsByOther(source, target
|
|
2545
|
+
// rowDnd?: RowDnd
|
|
2546
|
+
) {
|
|
2547
|
+
// const columnDnd = {
|
|
2548
|
+
// field: 'drag-handle',
|
|
2549
|
+
// headerText: '',
|
|
2550
|
+
// fixed: 'left',
|
|
2551
|
+
// width: 50
|
|
2552
|
+
// }
|
|
2553
|
+
|
|
2554
|
+
// const tg = rowDnd?.enabled ? [{...columnDnd}, ...target] : [...target]
|
|
2555
|
+
// const sour = rowDnd?.enabled ? [{...columnDnd}, ...source] : [...source]
|
|
2556
|
+
|
|
2533
2557
|
const targetMap = new Map();
|
|
2534
2558
|
|
|
2535
2559
|
// tạo map {field -> width} từ target
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.GridStyle = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
// const prefix = "ui-rc";
|
|
10
|
-
// const
|
|
10
|
+
// const rcUiPrefix = "ant";
|
|
11
11
|
const fontFamily = 'Montserrat, Helvetica, Arial, serif ';
|
|
12
12
|
// const borderRadius = "6px";
|
|
13
13
|
|
|
@@ -55,4 +55,4 @@ const colorDark = '#e6e4f3e6 ';
|
|
|
55
55
|
const GridStyle = exports.GridStyle = _styledComponents.default.div.withConfig({
|
|
56
56
|
displayName: "GridStyle",
|
|
57
57
|
componentId: "es-grid-template__sc-hdqm5k-0"
|
|
58
|
-
})(["&.", "-grid{color:", ";font-size:", ";background-color:", ";font-family:", ";&.", "-grid-editable{.", "-grid-container{.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";&.", "-grid-row-parent{background-color:#ffffff;font-weight:500;}}}}}table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";border-right:0;&::after{position:absolute;top:0px;right:0;z-index:1;height:100%;border-right:1px solid ", ";content:'';pointer-events:none;}.", "-grid-cell{padding:5px 8px;&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{justify-content:flex-end;text-align:right;}&.", "-grid-cell-ellipsis{.ui-rc_cell-content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;&.select-cell{padding-right:18px;position:relative;}.caret-down{float:right;position:absolute;right:0;&::before{content:'';display:inline-block;margin-left:4px;vertical-align:middle;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6f7777;}}}}&.", "-grid-cell-wrap{white-space:normal;text-overflow:ellipsis;word-break:break-word;}.", "-grid-header-text-wrap{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}}.", "-grid-thead{background-color:", ";font-weight:", ";.", "-grid-cell{font-weight:inherit;color:", ";background-color:inherit;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;z-index:3;}.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;z-index:3;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{font-weight:", ";background-color:", ";color:", ";&.", "-grid-row-odd{background-color:#f9f8fd;}&.", "-grid-row-even{}&.", "-grid-row-parent{background-color:#f5f5f5;font-weight:500;}}}.", "-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:", ";}}}.ui-rc-toolbar-bottom{border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;.be-toolbar-item{.ui-rc-btn{font-size:12px;line-height:1.5}.toolbar-dropdown-button{font-size:12px;.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-color:#28c76f;}.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-color:#28c76f;.ui-rc-btn-icon{color:#28c76f;}}}}}.ui-rc-toolbar-bottom_border-bottom{border-bottom:1px solid #e0e0e0;}.ui-rc-toolbar-bottom{position:relative;padding:.15rem 0.5rem;background-color:#ffffff;.toolbar-button{border-radius:3px;}.ui-rc-btn{border-radius:3px;height:28px;&.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-start-start-radius:0;border-end-start-radius:0;}&.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-start-end-radius:0;border-end-end-radius:0;}}}}"], props => props.$prefix, color, fontSize, BgColor, fontFamily, 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.$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.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, fwHeader, 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, fwBody, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);
|
|
58
|
+
})(["&.", "-grid{color:", ";font-size:", ";background-color:", ";font-family:", ";&.", "-grid-editable{.", "-grid-container{.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";&.", "-grid-row-parent{background-color:#ffffff;font-weight:500;}}}}}table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";border-right:0;&::after{position:absolute;top:0px;right:0;z-index:1;height:100%;border-right:1px solid ", ";content:'';pointer-events:none;}.", "-grid-cell{padding:5px 8px;&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{justify-content:flex-end;text-align:right;}&.editable{.ui-rc_cell-content{height:100%}}&.", "-grid-cell-ellipsis{.ui-rc_cell-content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;&.select-cell{padding-right:18px;position:relative;}.caret-down{float:right;position:absolute;right:0;&::before{content:'';display:inline-block;margin-left:4px;vertical-align:middle;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #6f7777;}}}}&.", "-grid-cell-wrap{white-space:normal;text-overflow:ellipsis;word-break:break-word;}.", "-grid-header-text-wrap{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}}.", "-grid-thead{background-color:", ";font-weight:", ";.", "-grid-cell{font-weight:inherit;color:", ";background-color:inherit;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;z-index:3;}.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;z-index:3;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{font-weight:", ";background-color:", ";color:", ";&.", "-grid-row-odd{background-color:#f9f8fd;}&.", "-grid-row-even{}&.", "-grid-row-parent{background-color:#f5f5f5;font-weight:500;}}}.", "-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:", ";}}}.ui-rc-toolbar-bottom{border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;.be-toolbar-item{.ui-rc-btn{font-size:12px;line-height:1.5}.toolbar-dropdown-button{font-size:12px;.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-color:#28c76f;}.ui-rc-btn.ui-rc-btn-default.ui-rc-btn-variant-outlined.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-color:#28c76f;.ui-rc-btn-icon{color:#28c76f;}}}}}.ui-rc-toolbar-bottom_border-bottom{border-bottom:1px solid #e0e0e0;}.ui-rc-toolbar-bottom{position:relative;padding:.15rem 0.5rem;background-color:#ffffff;.toolbar-button{border-radius:3px;}.ui-rc-btn{border-radius:3px;height:28px;&.ui-rc-btn-compact-item.ui-rc-btn-compact-last-item{border-start-start-radius:0;border-end-start-radius:0;}&.ui-rc-btn-compact-item.ui-rc-btn-compact-first-item{border-start-end-radius:0;border-end-end-radius:0;}}}}"], props => props.$prefix, color, fontSize, BgColor, fontFamily, 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.$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.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, fwHeader, 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, fwBody, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var
|
|
9
|
+
var _rcMasterUi = require("rc-master-ui");
|
|
10
10
|
var _faker = require("@faker-js/faker");
|
|
11
11
|
var _reactTable = require("@tanstack/react-table");
|
|
12
12
|
var _core = require("@dnd-kit/core");
|
|
@@ -282,6 +282,7 @@ const Grid = props => {
|
|
|
282
282
|
active,
|
|
283
283
|
over
|
|
284
284
|
} = event;
|
|
285
|
+
// column dnd
|
|
285
286
|
if (active && over && active.id !== over.id) {
|
|
286
287
|
setColumnOrder(cols => {
|
|
287
288
|
const oldIndex = cols.indexOf(active.id);
|
|
@@ -348,7 +349,7 @@ const Grid = props => {
|
|
|
348
349
|
isFullScreen: isFullScreen,
|
|
349
350
|
setIsFullScreen: setIsFullScreen,
|
|
350
351
|
setIsExpandClick: setIsExpandClick
|
|
351
|
-
})))), /*#__PURE__*/_react.default.createElement(
|
|
352
|
+
})))), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Modal, {
|
|
352
353
|
open: isFullScreen,
|
|
353
354
|
footer: null,
|
|
354
355
|
centered: true,
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ColumnsGroup = void 0;
|
|
8
8
|
var _becoxyIcons = require("becoxy-icons");
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _antd = require("antd");
|
|
11
10
|
var _rcMasterUi = require("rc-master-ui");
|
|
12
11
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
12
|
var _hooks = require("../../grid-component/hooks");
|
|
@@ -105,7 +104,7 @@ const ColumnsGroup = props => {
|
|
|
105
104
|
setTempGroup([]);
|
|
106
105
|
}
|
|
107
106
|
};
|
|
108
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
107
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Popover, {
|
|
109
108
|
placement: 'bottomLeft',
|
|
110
109
|
content: /*#__PURE__*/_react.default.createElement("div", {
|
|
111
110
|
style: {
|
|
@@ -213,14 +212,14 @@ const ColumnsGroup = props => {
|
|
|
213
212
|
filterOption: _hooks.customFilterOption
|
|
214
213
|
}))), /*#__PURE__*/_react.default.createElement(BoxAction, {
|
|
215
214
|
className: 'px-1'
|
|
216
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
215
|
+
}, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button
|
|
217
216
|
// className={classnames('btn-action btn-action-submit', {
|
|
218
217
|
// // disable: !columns.find((item) => item.visible !== false || item.visible)
|
|
219
218
|
// })}
|
|
220
219
|
, {
|
|
221
220
|
onClick: handleGroup
|
|
222
221
|
// disabled={!columns.find((item) => item.visible !== false || item.visible)}
|
|
223
|
-
}, t ? t('Thực hiện') : 'Thực hiện'), /*#__PURE__*/_react.default.createElement(
|
|
222
|
+
}, t ? t('Thực hiện') : 'Thực hiện'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
|
|
224
223
|
className: 'btn-action btn-action-cancel',
|
|
225
224
|
onClick: handleClear
|
|
226
225
|
}, t ? t('Clear') : 'Clear'))),
|
|
@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _rcMasterUi = require("rc-master-ui");
|
|
10
10
|
var _becoxyIcons = require("becoxy-icons");
|
|
11
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
-
var _rcMasterUi = require("rc-master-ui");
|
|
13
12
|
var _utils = require("../hook/utils");
|
|
14
13
|
var _renderFilter = require("./renderFilter");
|
|
15
14
|
var _useContext = require("../useContext");
|
|
@@ -160,12 +159,12 @@ const TableHeadCell = props => {
|
|
|
160
159
|
column: column,
|
|
161
160
|
selectedKeys,
|
|
162
161
|
setSelectedKeys
|
|
163
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
162
|
+
})), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Space, {
|
|
164
163
|
style: {
|
|
165
164
|
justifyContent: 'end',
|
|
166
165
|
width: '100%'
|
|
167
166
|
}
|
|
168
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
167
|
+
}, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
|
|
169
168
|
type: "primary",
|
|
170
169
|
onClick: () => {
|
|
171
170
|
doFilter(true);
|
|
@@ -174,7 +173,7 @@ const TableHeadCell = props => {
|
|
|
174
173
|
style: {
|
|
175
174
|
width: 90
|
|
176
175
|
}
|
|
177
|
-
}, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(
|
|
176
|
+
}, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
|
|
178
177
|
type: "link",
|
|
179
178
|
size: "small",
|
|
180
179
|
onClick: () => {
|
|
@@ -6,7 +6,7 @@ import type { Key } from "react";
|
|
|
6
6
|
import type { CSSProperties } from "react";
|
|
7
7
|
import dayjs from "dayjs";
|
|
8
8
|
import type { ColumnDef } from "@tanstack/react-table";
|
|
9
|
-
import type { TreeDataNode } from "
|
|
9
|
+
import type { TreeDataNode } from "rc-master-ui";
|
|
10
10
|
import type { IPositionCell } from "../../table-component/useContext";
|
|
11
11
|
export declare const newGuid: () => any;
|
|
12
12
|
export declare const convertDayjsToDate: (dateString: string, format?: string) => Date;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var
|
|
9
|
+
var _rcMasterUi = require("rc-master-ui");
|
|
10
10
|
var _faker = require("@faker-js/faker");
|
|
11
11
|
var _core = require("@dnd-kit/core");
|
|
12
12
|
var _modifiers = require("@dnd-kit/modifiers");
|
|
@@ -208,7 +208,7 @@ const Grid = props => {
|
|
|
208
208
|
columnSizingInfo: columnSizingInfo,
|
|
209
209
|
isFullScreen: isFullScreen,
|
|
210
210
|
setIsFullScreen: setIsFullScreen
|
|
211
|
-
})))), /*#__PURE__*/_react.default.createElement(
|
|
211
|
+
})))), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Modal, {
|
|
212
212
|
open: isFullScreen,
|
|
213
213
|
footer: null,
|
|
214
214
|
centered: true,
|
|
@@ -121,7 +121,7 @@ const TableContainer = props => {
|
|
|
121
121
|
if (!toolbarItems) {
|
|
122
122
|
return undefined;
|
|
123
123
|
}
|
|
124
|
-
return toolbarItems.filter(it => it.position !== 'Bottom' && it.fixedRight !==
|
|
124
|
+
return toolbarItems.filter(it => it.position !== 'Bottom' && it.visible !== false && it.fixedRight !== true);
|
|
125
125
|
}, [toolbarItems]);
|
|
126
126
|
const toolbarItemTopRight = _react.default.useMemo(() => {
|
|
127
127
|
if (!toolbarItems) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ColumnDef, Table } from "@tanstack/react-table";
|
|
3
|
-
import type { CommandClick, ContextInfo, PaginationConfig } from '../../grid-component/type';
|
|
4
|
-
import type { ContextMenuItem } from "../..";
|
|
3
|
+
import type { CommandClick, ContextInfo, ContextMenuItem, PaginationConfig } from '../../grid-component/type';
|
|
5
4
|
type Props<T> = {
|
|
6
5
|
tableContainerRef: React.RefObject<HTMLDivElement>;
|
|
7
6
|
table: Table<T>;
|
|
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
19
19
|
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; }
|
|
20
20
|
/* eslint-disable @typescript-eslint/no-shadow */
|
|
21
21
|
|
|
22
|
+
// import type { ContextMenuItem } from 'es-grid-template';
|
|
23
|
+
|
|
22
24
|
const TableWrapper = props => {
|
|
23
25
|
const {
|
|
24
26
|
table,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "es-grid-template",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.56",
|
|
4
4
|
"description": "es-grid-template",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -55,7 +55,6 @@
|
|
|
55
55
|
"@types/react-resizable": "3.0.8",
|
|
56
56
|
"@types/styled-components": "5.1.34",
|
|
57
57
|
"@vitest/coverage-v8": "2.0.5",
|
|
58
|
-
"antd": "5.24.1",
|
|
59
58
|
"antd-style": "3.7.1",
|
|
60
59
|
"becoxy-icons": "^2.1.1",
|
|
61
60
|
"classnames": "2.3.1",
|
|
@@ -67,7 +66,7 @@
|
|
|
67
66
|
"rc-checkbox": "3.5.0",
|
|
68
67
|
"rc-dropdown": "4.2.1",
|
|
69
68
|
"rc-field-form": "2.6.0",
|
|
70
|
-
"rc-master-ui": "1.1.
|
|
69
|
+
"rc-master-ui": "1.1.63",
|
|
71
70
|
"rc-select": "14.16.3",
|
|
72
71
|
"rc-tooltip": "6.3.0",
|
|
73
72
|
"rc-tree": "5.10.1",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|