@1money/component-ui 0.0.45 → 0.0.47
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/components/Table/Table.d.ts +2 -2
- package/es/components/Table/Table.js +25 -148
- package/es/components/Table/VirtualTable.d.ts +2 -2
- package/es/components/Table/VirtualTable.js +30 -143
- package/es/components/Table/core/useTableColumns.d.ts +21 -7
- package/es/components/Table/core/useTableColumns.js +65 -13
- package/es/components/Table/core/useTableDataPipeline.d.ts +13 -6
- package/es/components/Table/core/useTableDataPipeline.js +193 -27
- package/es/components/Table/core/useTableExpand.d.ts +2 -2
- package/es/components/Table/core/useTableSelection.d.ts +3 -5
- package/es/components/Table/core/useTableSelection.js +1 -1
- package/es/components/Table/core/useTableSetup.d.ts +42 -0
- package/es/components/Table/core/useTableSetup.js +175 -0
- package/es/components/Table/features/ExpandTrigger.js +2 -1
- package/es/components/Table/features/FilterTrigger.d.ts +9 -0
- package/es/components/Table/features/FilterTrigger.js +157 -0
- package/es/components/Table/features/SelectionColumn.d.ts +3 -2
- package/es/components/Table/features/SelectionColumn.js +19 -6
- package/es/components/Table/interface.d.ts +102 -21
- package/es/components/Table/renderers/BodyCell.d.ts +4 -4
- package/es/components/Table/renderers/BodyCell.js +1 -1
- package/es/components/Table/renderers/HeaderCell.d.ts +8 -4
- package/es/components/Table/renderers/HeaderCell.js +13 -3
- package/es/components/Table/style/Table.css +1 -1
- package/es/components/Tooltip/Tooltip.js +24 -19
- package/es/components/Tooltip/interface.d.ts +2 -0
- package/es/index.css +1 -1
- package/lib/components/Table/Table.d.ts +2 -2
- package/lib/components/Table/Table.js +24 -150
- package/lib/components/Table/VirtualTable.d.ts +2 -2
- package/lib/components/Table/VirtualTable.js +28 -144
- package/lib/components/Table/core/useTableColumns.d.ts +21 -7
- package/lib/components/Table/core/useTableColumns.js +65 -13
- package/lib/components/Table/core/useTableDataPipeline.d.ts +13 -6
- package/lib/components/Table/core/useTableDataPipeline.js +192 -26
- package/lib/components/Table/core/useTableExpand.d.ts +2 -2
- package/lib/components/Table/core/useTableSelection.d.ts +3 -5
- package/lib/components/Table/core/useTableSelection.js +1 -1
- package/lib/components/Table/core/useTableSetup.d.ts +42 -0
- package/lib/components/Table/core/useTableSetup.js +184 -0
- package/lib/components/Table/features/ExpandTrigger.js +2 -1
- package/lib/components/Table/features/FilterTrigger.d.ts +9 -0
- package/lib/components/Table/features/FilterTrigger.js +164 -0
- package/lib/components/Table/features/SelectionColumn.d.ts +3 -2
- package/lib/components/Table/features/SelectionColumn.js +19 -6
- package/lib/components/Table/interface.d.ts +102 -21
- package/lib/components/Table/renderers/BodyCell.d.ts +4 -4
- package/lib/components/Table/renderers/BodyCell.js +1 -1
- package/lib/components/Table/renderers/HeaderCell.d.ts +8 -4
- package/lib/components/Table/renderers/HeaderCell.js +13 -3
- package/lib/components/Table/style/Table.css +1 -1
- package/lib/components/Tooltip/Tooltip.js +24 -19
- package/lib/components/Tooltip/interface.d.ts +2 -0
- package/lib/index.css +1 -1
- package/package.json +1 -1
- package/scripts/mcp-server/examples.generated.json +126 -0
- package/scripts/mcp-server/index.generated.json +348 -14
|
@@ -1,23 +1,33 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import type { CSSProperties, HTMLAttributes, Key, ReactNode } from 'react';
|
|
3
|
+
import type { CheckboxProps } from "../Checkbox";
|
|
3
4
|
import type { EmptyProps } from "../Empty";
|
|
5
|
+
import type { DataIndex as InternalDataIndex } from './internal/kernel/interface';
|
|
4
6
|
export type TableSize = 'large' | 'small';
|
|
5
7
|
export type TableVariant = 'fill' | 'stroke';
|
|
6
8
|
export type TableAlign = 'left' | 'center' | 'right';
|
|
7
9
|
export type TableSortOrder = 'ascend' | 'descend' | null;
|
|
8
|
-
export type TableAction = 'paginate' | 'sort';
|
|
10
|
+
export type TableAction = 'paginate' | 'sort' | 'filter';
|
|
9
11
|
export type TableLayout = 'auto' | 'fixed';
|
|
10
12
|
export type TableDirection = 'ltr' | 'rtl';
|
|
13
|
+
/** Default record shape — matches `rc-table`'s `DefaultRecordType`. */
|
|
14
|
+
export type TableRecord = Record<string, any>;
|
|
15
|
+
/**
|
|
16
|
+
* Path used to derive a value from a record. Re-exported from the kernel so the
|
|
17
|
+
* public API supports the same shapes as `rc-table` (string / number / array /
|
|
18
|
+
* recursive deep paths) instead of the previous narrower union.
|
|
19
|
+
*/
|
|
20
|
+
export type TableDataIndex<T extends TableRecord = TableRecord> = InternalDataIndex<T>;
|
|
11
21
|
export interface TablePaginationConfig {
|
|
12
22
|
current?: number;
|
|
13
23
|
defaultCurrent?: number;
|
|
14
24
|
pageSize?: number;
|
|
15
25
|
defaultPageSize?: number;
|
|
16
26
|
}
|
|
17
|
-
export interface TableCellRenderMeta<T> {
|
|
27
|
+
export interface TableCellRenderMeta<T extends TableRecord = TableRecord> {
|
|
18
28
|
column: TableColumn<T>;
|
|
19
29
|
}
|
|
20
|
-
export interface TableHeaderRenderMeta<T> {
|
|
30
|
+
export interface TableHeaderRenderMeta<T extends TableRecord = TableRecord> {
|
|
21
31
|
column: TableColumn<T>;
|
|
22
32
|
}
|
|
23
33
|
export interface TableCellContentValue {
|
|
@@ -26,7 +36,7 @@ export interface TableCellContentValue {
|
|
|
26
36
|
leading?: ReactNode;
|
|
27
37
|
trailing?: ReactNode;
|
|
28
38
|
}
|
|
29
|
-
export interface TableRenderedCell<T> {
|
|
39
|
+
export interface TableRenderedCell<T extends TableRecord = TableRecord> {
|
|
30
40
|
children?: ReactNode;
|
|
31
41
|
props?: {
|
|
32
42
|
colSpan?: number;
|
|
@@ -34,16 +44,18 @@ export interface TableRenderedCell<T> {
|
|
|
34
44
|
className?: string;
|
|
35
45
|
style?: CSSProperties;
|
|
36
46
|
};
|
|
47
|
+
/** Reserved for future record/column-aware overrides; preserves T for variance. */
|
|
48
|
+
__recordType?: T;
|
|
37
49
|
}
|
|
38
|
-
export interface TableColumnSorterConfig<T> {
|
|
50
|
+
export interface TableColumnSorterConfig<T extends TableRecord = TableRecord> {
|
|
39
51
|
compare: (a: T, b: T) => number;
|
|
40
52
|
/** Priority number for multi-column sort. Columns with higher values are compared first. */
|
|
41
53
|
multiple: number;
|
|
42
54
|
}
|
|
43
55
|
export type TableGetComponentProps<T> = (data: T, index?: number) => HTMLAttributes<HTMLElement> & React.TdHTMLAttributes<HTMLElement>;
|
|
44
|
-
export type TableRowClassName<T> = string | ((record: T, index: number, indent: number) => string);
|
|
56
|
+
export type TableRowClassName<T extends TableRecord = TableRecord> = string | ((record: T, index: number, indent: number) => string);
|
|
45
57
|
type TableCustomizeComponent = React.ComponentType<any> | React.ForwardRefExoticComponent<any> | React.FC<any> | keyof React.JSX.IntrinsicElements;
|
|
46
|
-
export interface TableComponents<T> {
|
|
58
|
+
export interface TableComponents<T extends TableRecord = TableRecord> {
|
|
47
59
|
table?: TableCustomizeComponent;
|
|
48
60
|
header?: {
|
|
49
61
|
table?: TableCustomizeComponent;
|
|
@@ -56,10 +68,31 @@ export interface TableComponents<T> {
|
|
|
56
68
|
row?: TableCustomizeComponent;
|
|
57
69
|
cell?: TableCustomizeComponent;
|
|
58
70
|
};
|
|
71
|
+
/** Reserved to preserve record-type variance. */
|
|
72
|
+
__recordType?: T;
|
|
59
73
|
}
|
|
60
|
-
export
|
|
74
|
+
export type TableFilterValue = (Key | boolean)[];
|
|
75
|
+
export interface TableColumnFilterItem {
|
|
76
|
+
text: ReactNode;
|
|
77
|
+
value: Key | boolean;
|
|
78
|
+
children?: TableColumnFilterItem[];
|
|
79
|
+
}
|
|
80
|
+
export interface TableFilterDropdownProps<T extends TableRecord = TableRecord> {
|
|
81
|
+
prefixCls: string;
|
|
82
|
+
setSelectedKeys: (selectedKeys: TableFilterValue) => void;
|
|
83
|
+
selectedKeys: TableFilterValue;
|
|
84
|
+
/** Apply current selection and close the dropdown. */
|
|
85
|
+
confirm: () => void;
|
|
86
|
+
/** Reset selection for this column. */
|
|
87
|
+
clearFilters?: () => void;
|
|
88
|
+
filters?: TableColumnFilterItem[];
|
|
89
|
+
visible: boolean;
|
|
90
|
+
close: () => void;
|
|
91
|
+
column: TableColumn<T>;
|
|
92
|
+
}
|
|
93
|
+
export interface TableColumn<T extends TableRecord = TableRecord> {
|
|
61
94
|
key?: Key;
|
|
62
|
-
dataIndex?:
|
|
95
|
+
dataIndex?: TableDataIndex<T>;
|
|
63
96
|
title?: ReactNode;
|
|
64
97
|
width?: number | string;
|
|
65
98
|
minWidth?: number;
|
|
@@ -76,6 +109,23 @@ export interface TableColumn<T> {
|
|
|
76
109
|
sorter?: boolean | ((a: T, b: T) => number) | TableColumnSorterConfig<T>;
|
|
77
110
|
sortOrder?: TableSortOrder;
|
|
78
111
|
defaultSortOrder?: Exclude<TableSortOrder, null>;
|
|
112
|
+
filters?: TableColumnFilterItem[];
|
|
113
|
+
filteredValue?: TableFilterValue | null;
|
|
114
|
+
defaultFilteredValue?: TableFilterValue | null;
|
|
115
|
+
filterMultiple?: boolean;
|
|
116
|
+
filterMode?: 'menu' | 'tree';
|
|
117
|
+
filterSearch?: boolean | ((input: string, item: TableColumnFilterItem) => boolean);
|
|
118
|
+
filterIcon?: ReactNode | ((filtered: boolean) => ReactNode);
|
|
119
|
+
filterDropdown?: ReactNode | ((props: TableFilterDropdownProps<T>) => ReactNode);
|
|
120
|
+
filterDropdownOpen?: boolean;
|
|
121
|
+
defaultFilterDropdownOpen?: boolean;
|
|
122
|
+
/**
|
|
123
|
+
* Predicate used to filter rows when `filters` (built-in UI) or `filteredValue`
|
|
124
|
+
* (controlled) is set. Receives one filter value at a time per row; row is kept
|
|
125
|
+
* if the predicate returns `true` for ANY currently selected value.
|
|
126
|
+
*/
|
|
127
|
+
onFilter?: (value: Key | boolean, record: T) => boolean;
|
|
128
|
+
onFilterDropdownOpenChange?: (open: boolean) => void;
|
|
79
129
|
onCell?: TableGetComponentProps<T>;
|
|
80
130
|
onHeaderCell?: TableGetComponentProps<TableColumn<T>>;
|
|
81
131
|
shouldCellUpdate?: (record: T, prevRecord: T) => boolean;
|
|
@@ -83,37 +133,60 @@ export interface TableColumn<T> {
|
|
|
83
133
|
headerClassName?: string;
|
|
84
134
|
cellClassName?: string | ((value: unknown, record: T, index: number) => string);
|
|
85
135
|
}
|
|
86
|
-
export interface TableColumnGroup<T> extends Pick<TableColumn<T>, 'key' | 'title' | 'align' | 'className' | 'headerClassName' | 'fixed'> {
|
|
136
|
+
export interface TableColumnGroup<T extends TableRecord = TableRecord> extends Pick<TableColumn<T>, 'key' | 'title' | 'align' | 'className' | 'headerClassName' | 'fixed'> {
|
|
87
137
|
children: TableColumnType<T>[];
|
|
88
138
|
}
|
|
89
|
-
export type TableColumnType<T> = TableColumn<T> | TableColumnGroup<T>;
|
|
90
|
-
export interface TableChangeMeta<T> {
|
|
139
|
+
export type TableColumnType<T extends TableRecord = TableRecord> = TableColumn<T> | TableColumnGroup<T>;
|
|
140
|
+
export interface TableChangeMeta<T extends TableRecord = TableRecord> {
|
|
91
141
|
currentDataSource: T[];
|
|
92
142
|
action: TableAction;
|
|
143
|
+
/**
|
|
144
|
+
* Current pagination state after this change. Always present so consumers can
|
|
145
|
+
* mirror the table's state.
|
|
146
|
+
*/
|
|
147
|
+
pagination?: {
|
|
148
|
+
current: number;
|
|
149
|
+
pageSize: number;
|
|
150
|
+
} | false;
|
|
151
|
+
/** Current sorter (single-column shape — `{ columnKey, order }`). */
|
|
152
|
+
sorter?: {
|
|
153
|
+
columnKey?: Key;
|
|
154
|
+
order?: TableSortOrder;
|
|
155
|
+
};
|
|
156
|
+
/**
|
|
157
|
+
* Current filter selection keyed by column key. Required for controlled-mode
|
|
158
|
+
* consumers who want clicks inside the built-in filter dropdown to round-trip
|
|
159
|
+
* back to their state — e.g. `onChange={meta => setFilteredValue(meta.filters?.network ?? [])}`.
|
|
160
|
+
*/
|
|
161
|
+
filters?: Record<string, TableFilterValue | null>;
|
|
93
162
|
}
|
|
94
163
|
export type TableRowSelectMethod = 'all' | 'none' | 'single';
|
|
95
|
-
|
|
164
|
+
/**
|
|
165
|
+
* Properties returned from `getCheckboxProps`. Mirrors antd: any prop accepted
|
|
166
|
+
* by the underlying Checkbox EXCEPT `checked` / `defaultChecked` (those are
|
|
167
|
+
* controlled by the table) can be customized per-row.
|
|
168
|
+
*/
|
|
169
|
+
export type TableCheckboxProps = Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onChange'>>;
|
|
170
|
+
export interface TableRowSelection<T extends TableRecord = TableRecord> {
|
|
96
171
|
type?: 'checkbox' | 'radio';
|
|
97
172
|
selectedRowKeys?: Key[];
|
|
98
173
|
defaultSelectedRowKeys?: Key[];
|
|
99
174
|
onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
|
|
100
175
|
type: TableRowSelectMethod;
|
|
101
176
|
}) => void;
|
|
102
|
-
getCheckboxProps?: (record: T) =>
|
|
103
|
-
disabled: boolean;
|
|
104
|
-
}>;
|
|
177
|
+
getCheckboxProps?: (record: T) => TableCheckboxProps;
|
|
105
178
|
preserveSelectedRowKeys?: boolean;
|
|
106
179
|
fixed?: boolean;
|
|
107
180
|
columnWidth?: number | string;
|
|
108
181
|
}
|
|
109
|
-
export interface TableExpandIconProps<T> {
|
|
182
|
+
export interface TableExpandIconProps<T extends TableRecord = TableRecord> {
|
|
110
183
|
prefixCls: string;
|
|
111
184
|
expanded: boolean;
|
|
112
185
|
record: T;
|
|
113
186
|
expandable: boolean;
|
|
114
187
|
onExpand: (record: T, e: React.MouseEvent<HTMLElement>) => void;
|
|
115
188
|
}
|
|
116
|
-
export interface TableExpandableConfig<T> {
|
|
189
|
+
export interface TableExpandableConfig<T extends TableRecord = TableRecord> {
|
|
117
190
|
expandedRowKeys?: Key[];
|
|
118
191
|
defaultExpandedRowKeys?: Key[];
|
|
119
192
|
defaultExpandAllRows?: boolean;
|
|
@@ -137,11 +210,19 @@ export interface TableRef {
|
|
|
137
210
|
offset?: number;
|
|
138
211
|
}) => void;
|
|
139
212
|
}
|
|
140
|
-
export interface TableProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
213
|
+
export interface TableProps<T extends TableRecord = TableRecord> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
141
214
|
prefixCls?: string;
|
|
142
215
|
columns: TableColumnType<T>[];
|
|
143
216
|
dataSource: T[];
|
|
144
|
-
|
|
217
|
+
/**
|
|
218
|
+
* Row key for tracking. Accepts:
|
|
219
|
+
* - `string` — a property name, including synthetic keys not statically known on `T`
|
|
220
|
+
* (e.g. records carrying an injected `key` field). Same shape as `rc-table`.
|
|
221
|
+
* - `keyof T` — type-checked property name.
|
|
222
|
+
* - `(record) => Key` — function form for composite or computed keys.
|
|
223
|
+
* Defaults to `'key'` at runtime (kernel falls back to row index if the field is absent).
|
|
224
|
+
*/
|
|
225
|
+
rowKey?: string | keyof T | ((record: T) => Key);
|
|
145
226
|
size?: TableSize;
|
|
146
227
|
variant?: TableVariant;
|
|
147
228
|
bordered?: boolean;
|
|
@@ -170,7 +251,7 @@ export interface TableProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
|
|
|
170
251
|
summary?: (data: readonly T[]) => ReactNode;
|
|
171
252
|
onChange?: (meta: TableChangeMeta<T>) => void;
|
|
172
253
|
}
|
|
173
|
-
export interface VirtualTableProps<T> extends Omit<TableProps<T>, 'scroll'> {
|
|
254
|
+
export interface VirtualTableProps<T extends TableRecord = TableRecord> extends Omit<TableProps<T>, 'scroll'> {
|
|
174
255
|
scroll: {
|
|
175
256
|
x: number;
|
|
176
257
|
y: number;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { TableColumn } from '../interface';
|
|
2
|
-
export declare const BodyCell: ({ column, value, record, index, }: {
|
|
3
|
-
column: TableColumn<
|
|
1
|
+
import type { TableColumn, TableRecord } from '../interface';
|
|
2
|
+
export declare const BodyCell: <T extends TableRecord = TableRecord>({ column, value, record, index, }: {
|
|
3
|
+
column: TableColumn<T>;
|
|
4
4
|
value: unknown;
|
|
5
|
-
record:
|
|
5
|
+
record: T;
|
|
6
6
|
index: number;
|
|
7
7
|
}) => import("react/jsx-runtime").JSX.Element | {
|
|
8
8
|
children: string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
|
|
@@ -37,4 +37,4 @@ export var BodyCell = function BodyCell(_ref) {
|
|
|
37
37
|
children: rendered
|
|
38
38
|
});
|
|
39
39
|
};
|
|
40
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0JvZHlDZWxsLmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsIkNlbGxDb250ZW50IiwiaXNDZWxsQ29udGVudFZhbHVlIiwidmFsdWUiLCJfdHlwZW9mIiwiaXNSZW5kZXJlZENlbGwiLCJvYmoiLCJwcm9wcyIsIkJvZHlDZWxsIiwiX3JlZiIsImNvbHVtbiIsInJlY29yZCIsImluZGV4IiwicmVuZGVyZWQiLCJyZW5kZXIiLCJpbm5lciIsImNoaWxkcmVuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLFFBQVEsSUFBSUMsU0FBUyxRQUFRLG1CQUFtQjtBQ0N0RSxTQUFTQyxXQUFXLFFBQVEsZUFBZTtBQUUzQyxJQUFNQyxrQkFBa0IsR0FBRyxTQUFyQkEsa0JBQWtCQSxDQUFJQyxLQUFjLEVBQW9DO0VBQzVFLE9BQU8sQ0FBQyxDQUFDQSxLQUFLLElBQUlDLE9BQUEsQ0FBT0QsS0FBSyxNQUFLLFFBQVEsSUFBSSxTQUFTLElBQUtBLEtBQWlDO0FBQ2hHLENBQUM7QUFFRCxJQUFNRSxjQUFjLEdBQUcsU0FBakJBLGNBQWNBLENBQTJCRixLQUFjLEVBQW1DO0VBQzlGLElBQUksQ0FBQ0EsS0FBSyxJQUFJQyxPQUFBLENBQU9ELEtBQUssTUFBSyxRQUFRLEVBQUUsT0FBTyxLQUFLO0VBQ3JELElBQU1HLEdBQUcsR0FBR0gsS0FBZ0M7RUFDNUM7RUFDQSxJQUFJLFVBQVUsSUFBSUcsR0FBRyxFQUFFLE9BQU8sS0FBSztFQUNuQyxPQUFPLE9BQU8sSUFBSUEsR0FBRyxJQUFJRixPQUFBLENBQU9FLEdBQUcsQ0FBQ0MsS0FBSyxNQUFLLFFBQVE7QUFDeEQsQ0FBQztBQUVELE9BQU8sSUFBTUMsUUFBUSxHQUFHLFNBQVhBLFFBQVFBLENBQUFDLElBQUEsRUFVaEI7RUFBQSxJQVRIQyxNQUFNLEdBQUFELElBQUEsQ0FBTkMsTUFBTTtJQUNOUCxLQUFLLEdBQUFNLElBQUEsQ0FBTE4sS0FBSztJQUNMUSxNQUFNLEdBQUFGLElBQUEsQ0FBTkUsTUFBTTtJQUNOQyxLQUFLLEdBQUFILElBQUEsQ0FBTEcsS0FBSztFQU9MLElBQU1DLFFBQVEsR0FBR0gsTUFBTSxDQUFDSSxNQUFNLEdBQzFCSixNQUFNLENBQUNJLE1BQU0sQ0FBQ1gsS0FBSyxFQUFFUSxNQUFNLEVBQUVDLEtBQUssRUFBRTtJQUFFRixNQUFNLEVBQU5BO0VBQU0sQ0FBRSxDQUFDLEdBQy9DUCxLQUFLO0VBRVQsSUFBSUUsY0FBYyxDQUFJUSxRQUFRLENBQUMsRUFBRTtJQUMvQixJQUFNRSxLQUFLLEdBQUdiLGtCQUFrQixDQUFDVyxRQUFRLENBQUNHLFFBQVEsQ0FBQyxHQUMvQ2xCLElBQUEsQ0FBQ0csV0FBVyxFQUFBO01BQUNFLEtBQUssRUFBRVUsUUFBUSxDQUFDRztJQUFRLENBQUEsQ0FBSSxHQUN6Q0gsUUFBUSxDQUFDRyxRQUFRO0lBQ3JCLE9BQU87TUFBRUEsUUFBUSxFQUFFRCxLQUFLO01BQUVSLEtBQUssRUFBRU0sUUFBUSxDQUFDTjtJQUFLLENBQUU7RUFDbkQ7RUFFQSxJQUFJTCxrQkFBa0IsQ0FBQ1csUUFBUSxDQUFDLEVBQUU7SUFDaEMsT0FBT2YsSUFBQSxDQUFDRyxXQUFXLEVBQUE7TUFBQ0UsS0FBSyxFQUFFVTtJQUFRLENBQUEsQ0FBSTtFQUN6QztFQUVBLE9BQU9mLElBQUEsQ0FBQUUsU0FBQSxFQUFBO0lBQUFnQixRQUFBLEVBQUdIO0VBQVEsQ0FBQSxDQUFJO0FBQ3hCLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBDZWxsQ29udGVudCB9IGZyb20gJy4vQ2VsbENvbnRlbnQnO1xuY29uc3QgaXNDZWxsQ29udGVudFZhbHVlID0gKHZhbHVlKSA9PiB7XG4gICAgcmV0dXJuICEhdmFsdWUgJiYgdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0JyAmJiAncHJpbWFyeScgaW4gdmFsdWU7XG59O1xuY29uc3QgaXNSZW5kZXJlZENlbGwgPSAodmFsdWUpID0+IHtcbiAgICBpZiAoIXZhbHVlIHx8IHR5cGVvZiB2YWx1ZSAhPT0gJ29iamVjdCcpXG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICBjb25zdCBvYmogPSB2YWx1ZTtcbiAgICAvLyBSZWFjdCBlbGVtZW50cyBhbHNvIGhhdmUgJ3Byb3BzJywgc28gZXhjbHVkZSB0aGVtIGJ5IGNoZWNraW5nIGZvciAkJHR5cGVvZlxuICAgIGlmICgnJCR0eXBlb2YnIGluIG9iailcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIHJldHVybiAncHJvcHMnIGluIG9iaiAmJiB0eXBlb2Ygb2JqLnByb3BzID09PSAnb2JqZWN0Jztcbn07XG5leHBvcnQgY29uc3QgQm9keUNlbGwgPSAoeyBjb2x1bW4sIHZhbHVlLCByZWNvcmQsIGluZGV4LCB9KSA9PiB7XG4gICAgY29uc3QgcmVuZGVyZWQgPSBjb2x1bW4ucmVuZGVyXG4gICAgICAgID8gY29sdW1uLnJlbmRlcih2YWx1ZSwgcmVjb3JkLCBpbmRleCwgeyBjb2x1bW4gfSlcbiAgICAgICAgOiB2YWx1ZTtcbiAgICBpZiAoaXNSZW5kZXJlZENlbGwocmVuZGVyZWQpKSB7XG4gICAgICAgIGNvbnN0IGlubmVyID0gaXNDZWxsQ29udGVudFZhbHVlKHJlbmRlcmVkLmNoaWxkcmVuKVxuICAgICAgICAgICAgPyBfanN4KENlbGxDb250ZW50LCB7IHZhbHVlOiByZW5kZXJlZC5jaGlsZHJlbiB9KVxuICAgICAgICAgICAgOiByZW5kZXJlZC5jaGlsZHJlbjtcbiAgICAgICAgcmV0dXJuIHsgY2hpbGRyZW46IGlubmVyLCBwcm9wczogcmVuZGVyZWQucHJvcHMgfTtcbiAgICB9XG4gICAgaWYgKGlzQ2VsbENvbnRlbnRWYWx1ZShyZW5kZXJlZCkpIHtcbiAgICAgICAgcmV0dXJuIF9qc3goQ2VsbENvbnRlbnQsIHsgdmFsdWU6IHJlbmRlcmVkIH0pO1xuICAgIH1cbiAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IHJlbmRlcmVkIH0pO1xufTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import type { TableColumn, TableSize, TableSortOrder } from '../interface';
|
|
2
|
-
|
|
3
|
-
column: TableColumn<
|
|
1
|
+
import type { TableColumn, TableFilterValue, TableRecord, TableSize, TableSortOrder } from '../interface';
|
|
2
|
+
interface HeaderCellProps<T extends TableRecord> {
|
|
3
|
+
column: TableColumn<T>;
|
|
4
4
|
size: TableSize;
|
|
5
5
|
sortOrder?: TableSortOrder;
|
|
6
6
|
onSortClick: () => void;
|
|
7
|
-
|
|
7
|
+
filterSelected: TableFilterValue;
|
|
8
|
+
onFilterChange: (next: TableFilterValue) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const HeaderCell: <T extends TableRecord = TableRecord>({ column, size, sortOrder, onSortClick, filterSelected, onFilterChange, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -1,22 +1,32 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { SortTrigger } from '../features/SortTrigger';
|
|
3
|
+
import { FilterTrigger } from '../features/FilterTrigger';
|
|
3
4
|
import { TABLE_DEFAULT_PREFIX } from '../constants';
|
|
4
5
|
export var HeaderCell = function HeaderCell(_ref) {
|
|
5
6
|
var column = _ref.column,
|
|
6
7
|
size = _ref.size,
|
|
7
8
|
sortOrder = _ref.sortOrder,
|
|
8
|
-
onSortClick = _ref.onSortClick
|
|
9
|
+
onSortClick = _ref.onSortClick,
|
|
10
|
+
filterSelected = _ref.filterSelected,
|
|
11
|
+
onFilterChange = _ref.onFilterChange;
|
|
12
|
+
var titleText = typeof column.title === 'string' || typeof column.title === 'number' ? String(column.title) : '';
|
|
13
|
+
var hasFilter = column.filters && column.filters.length > 0 || column.filterDropdown !== undefined;
|
|
9
14
|
return _jsxs("div", {
|
|
10
15
|
className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell ").concat(TABLE_DEFAULT_PREFIX, "-header-cell--").concat(size),
|
|
11
16
|
children: [_jsx("span", {
|
|
12
17
|
className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell__title"),
|
|
13
18
|
children: column.title
|
|
14
19
|
}), column.sorter ? _jsx(SortTrigger, {
|
|
15
|
-
label:
|
|
20
|
+
label: titleText,
|
|
16
21
|
order: sortOrder,
|
|
17
22
|
size: size,
|
|
18
23
|
onClick: onSortClick
|
|
24
|
+
}) : null, hasFilter ? _jsx(FilterTrigger, {
|
|
25
|
+
column: column,
|
|
26
|
+
size: size,
|
|
27
|
+
selectedKeys: filterSelected,
|
|
28
|
+
onChange: onFilterChange
|
|
19
29
|
}) : null]
|
|
20
30
|
});
|
|
21
31
|
};
|
|
22
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiU29ydFRyaWdnZXIiLCJGaWx0ZXJUcmlnZ2VyIiwiVEFCTEVfREVGQVVMVF9QUkVGSVgiLCJIZWFkZXJDZWxsIiwiX3JlZiIsImNvbHVtbiIsInNpemUiLCJzb3J0T3JkZXIiLCJvblNvcnRDbGljayIsImZpbHRlclNlbGVjdGVkIiwib25GaWx0ZXJDaGFuZ2UiLCJ0aXRsZVRleHQiLCJ0aXRsZSIsIlN0cmluZyIsImhhc0ZpbHRlciIsImZpbHRlcnMiLCJsZW5ndGgiLCJmaWx0ZXJEcm9wZG93biIsInVuZGVmaW5lZCIsImNsYXNzTmFtZSIsImNvbmNhdCIsImNoaWxkcmVuIiwic29ydGVyIiwibGFiZWwiLCJvcmRlciIsIm9uQ2xpY2siLCJzZWxlY3RlZEtleXMiLCJvbkNoYW5nZSJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ0E5RCxTQUFTQyxXQUFXLFFBQVEseUJBQXlCO0FBQ3JELFNBQVNDLGFBQWEsUUFBUSwyQkFBMkI7QUFDekQsU0FBU0Msb0JBQW9CLFFBQVEsY0FBYztBQWtCbkQsT0FBTyxJQUFNQyxVQUFVLEdBQUcsU0FBYkEsVUFBVUEsQ0FBQUMsSUFBQSxFQU9FO0VBQUEsSUFOdkJDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQ05DLElBQUksR0FBQUYsSUFBQSxDQUFKRSxJQUFJO0lBQ0pDLFNBQVMsR0FBQUgsSUFBQSxDQUFURyxTQUFTO0lBQ1RDLFdBQVcsR0FBQUosSUFBQSxDQUFYSSxXQUFXO0lBQ1hDLGNBQWMsR0FBQUwsSUFBQSxDQUFkSyxjQUFjO0lBQ2RDLGNBQWMsR0FBQU4sSUFBQSxDQUFkTSxjQUFjO0VBRWQsSUFBTUMsU0FBUyxHQUFHLE9BQU9OLE1BQU0sQ0FBQ08sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPUCxNQUFNLENBQUNPLEtBQUssS0FBSyxRQUFRLEdBQ2xGQyxNQUFNLENBQUNSLE1BQU0sQ0FBQ08sS0FBSyxDQUFDLEdBQ3BCLEVBQUU7RUFFTixJQUFNRSxTQUFTLEdBQ1pULE1BQU0sQ0FBQ1UsT0FBTyxJQUFJVixNQUFNLENBQUNVLE9BQU8sQ0FBQ0MsTUFBTSxHQUFHLENBQUMsSUFDNUNYLE1BQU0sQ0FBQ1ksY0FBYyxLQUFLQyxTQUFTO0VBRXJDLE9BQ0VuQixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQUtvQixTQUFTLEtBQUFDLE1BQUEsQ0FBS2xCLG9CQUFvQixtQkFBQWtCLE1BQUEsQ0FBZ0JsQixvQkFBb0Isb0JBQUFrQixNQUFBLENBQWlCZCxJQUFJLENBQUU7SUFBQWUsUUFBQSxFQUFBLENBQ2hHeEIsSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFNc0IsU0FBUyxLQUFBQyxNQUFBLENBQUtsQixvQkFBb0Isd0JBQXFCO01BQUFtQixRQUFBLEVBQUdoQixNQUFNLENBQUNPO0lBQUssQ0FBQSxDQUFRLEVBQ25GUCxNQUFNLENBQUNpQixNQUFNLEdBQ1p6QixJQUFBLENBQUNHLFdBQVcsRUFBQTtNQUNWdUIsS0FBSyxFQUFFWixTQUFTO01BQ2hCYSxLQUFLLEVBQUVqQixTQUFTO01BQ2hCRCxJQUFJLEVBQUVBLElBQUk7TUFDVm1CLE9BQU8sRUFBRWpCO0lBQVcsQ0FBQSxDQUNwQixHQUNBLElBQUksRUFDUE0sU0FBUyxHQUNSakIsSUFBQSxDQUFDSSxhQUFhLEVBQUE7TUFDWkksTUFBTSxFQUFFQSxNQUFNO01BQ2RDLElBQUksRUFBRUEsSUFBSTtNQUNWb0IsWUFBWSxFQUFFakIsY0FBYztNQUM1QmtCLFFBQVEsRUFBRWpCO0lBQWMsQ0FBQSxDQUN4QixHQUNBLElBQUk7RUFBQSxDQUFBLENBQ0o7QUFFVixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgU29ydFRyaWdnZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9Tb3J0VHJpZ2dlcic7XG5pbXBvcnQgeyBGaWx0ZXJUcmlnZ2VyIH0gZnJvbSAnLi4vZmVhdHVyZXMvRmlsdGVyVHJpZ2dlcic7XG5pbXBvcnQgeyBUQUJMRV9ERUZBVUxUX1BSRUZJWCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7IGNvbHVtbiwgc2l6ZSwgc29ydE9yZGVyLCBvblNvcnRDbGljaywgZmlsdGVyU2VsZWN0ZWQsIG9uRmlsdGVyQ2hhbmdlLCB9KSA9PiB7XG4gICAgY29uc3QgdGl0bGVUZXh0ID0gdHlwZW9mIGNvbHVtbi50aXRsZSA9PT0gJ3N0cmluZycgfHwgdHlwZW9mIGNvbHVtbi50aXRsZSA9PT0gJ251bWJlcidcbiAgICAgICAgPyBTdHJpbmcoY29sdW1uLnRpdGxlKVxuICAgICAgICA6ICcnO1xuICAgIGNvbnN0IGhhc0ZpbHRlciA9IChjb2x1bW4uZmlsdGVycyAmJiBjb2x1bW4uZmlsdGVycy5sZW5ndGggPiAwKSB8fFxuICAgICAgICBjb2x1bW4uZmlsdGVyRHJvcGRvd24gIT09IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGwgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGwtLSR7c2l6ZX1gLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGxfX3RpdGxlYCwgY2hpbGRyZW46IGNvbHVtbi50aXRsZSB9KSwgY29sdW1uLnNvcnRlciA/IChfanN4KFNvcnRUcmlnZ2VyLCB7IGxhYmVsOiB0aXRsZVRleHQsIG9yZGVyOiBzb3J0T3JkZXIsIHNpemU6IHNpemUsIG9uQ2xpY2s6IG9uU29ydENsaWNrIH0pKSA6IG51bGwsIGhhc0ZpbHRlciA/IChfanN4KEZpbHRlclRyaWdnZXIsIHsgY29sdW1uOiBjb2x1bW4sIHNpemU6IHNpemUsIHNlbGVjdGVkS2V5czogZmlsdGVyU2VsZWN0ZWQsIG9uQ2hhbmdlOiBvbkZpbHRlckNoYW5nZSB9KSkgOiBudWxsXSB9KSk7XG59OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.om-component-ui-table{position:relative;box-sizing:border-box;width:100%;overflow:clip;font-variant:tabular-nums;background:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-300,12px)}.om-component-ui-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{text-align:start;background:var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-label-md-font-size);font-family:var(--om-label-md-font-family);line-height:var(--om-label-md-line-height);letter-spacing:var(--om-label-md-letter-spacing);font-weight:var(--om-label-md-font-weight)}.om-component-ui-table-tbody>tr>td,.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4)}.om-component-ui-table-tbody>tr>td{color:var(--om-text-default,#131313);vertical-align:middle;font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-tbody>tr:last-child>td{border-bottom:0}.om-component-ui-table-tbody>tr:has(+.om-component-ui-table-expanded-row:last-child)>td{border-bottom:0}.om-component-ui-table-tbody>tr:hover>td{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-body,.om-component-ui-table-content{overflow:auto}.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-sticky-holder{position:sticky;z-index:3;background:var(--om-bg-default,#fff)}.om-component-ui-table-fixed-header>.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-fixed-header>.om-component-ui-table-body{overflow:auto scroll}.om-component-ui-table-cell-fix-end,.om-component-ui-table-cell-fix-start{position:sticky!important;z-index:calc(2 + var(--z-offset, 0));background:var(--om-bg-default,#fff)}.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-end,.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-start,.om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-cell-fix-end-shadow:after,.om-component-ui-table-cell-fix-start-shadow:after{position:absolute;top:0;bottom:-1px;width:30px;transition:box-shadow .3s;content:"";pointer-events:none}.om-component-ui-table-cell-fix-start-shadow:after{right:0;transform:translateX(100%)}.om-component-ui-table-cell-fix-start-shadow-show:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-cell-fix-end-shadow:after{left:0;transform:translateX(-100%)}.om-component-ui-table-cell-fix-end-shadow-show:after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-expanded-row .om-component-ui-table-cell{padding:var(--om-spacing-300,12px);background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-placeholder{text-align:center}.om-component-ui-table-tbody-virtual .om-component-ui-table-row{display:flex}.om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-tbody-virtual .om-component-ui-table-cell{padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4);font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-body,.om-component-ui-table-container,.om-component-ui-table-content,.om-component-ui-table-header{background:inherit}.om-component-ui-table-pagination{display:flex;justify-content:flex-end;margin-top:var(--om-spacing-600,24px)}.om-component-ui-table-small{--table-row-height:56px;--table-header-height:40px}.om-component-ui-table-small .om-component-ui-table-tbody>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>th{padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px)}.om-component-ui-table-large{--table-row-height:66px;--table-header-height:48px}.om-component-ui-table-fill{border:0;border-radius:0}.om-component-ui-table-fill .om-component-ui-table-thead>tr>td,.om-component-ui-table-fill .om-component-ui-table-thead>tr>th{background:transparent}.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default,#fff)}.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th{border-bottom:none}.om-component-ui-table-stroke .om-component-ui-table-tbody>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th.om-component-ui-table-cell--spacer{padding:0;border-bottom:none}.om-component-ui-table .om-component-ui-table-header-cell{display:inline-flex;gap:4px;align-items:center}.om-component-ui-table .om-component-ui-table-header-cell__title{color:var(--om-text-default,#131313);white-space:nowrap}.om-component-ui-table .om-component-ui-table-header-cell--large .om-component-ui-table-header-cell__title{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-table .om-component-ui-table-header-cell--small .om-component-ui-table-header-cell__title{font-size:var(--om-title-sm-font-size);font-family:var(--om-title-sm-font-family);line-height:var(--om-title-sm-line-height);letter-spacing:var(--om-title-sm-letter-spacing);font-weight:var(--om-title-sm-strong-font-weight)}.om-component-ui-table .om-component-ui-table-sort-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;cursor:pointer}.om-component-ui-table .om-component-ui-table-sort-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-sort-trigger--large{width:16px;height:16px}.om-component-ui-table .om-component-ui-table-sort-trigger--small{width:12px;height:12px}.om-component-ui-table .om-component-ui-table-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--om-spacing-400,16px);height:var(--om-spacing-400,16px);padding:0;color:var(--om-icon-default,#131313);background:transparent;border:0;cursor:pointer;transition:color .2s ease}.om-component-ui-table .om-component-ui-table-expand-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-expand-trigger:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]{color:var(--om-icon-default,#131313)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger__icon{transition:transform .2s ease}.om-component-ui-table .om-component-ui-table-cell-content{display:inline-flex;gap:8px;align-items:center}.om-component-ui-table .om-component-ui-table-cell-content__text{display:inline-flex;flex-direction:column;gap:0}.om-component-ui-table .om-component-ui-table-expanded-row{background:var(--om-bg-default,#fff)}.om-component-ui-table .om-component-ui-table-expanded-row__content{padding:var(--om-spacing-200,8px) 0}.om-component-ui-table-wrapper{position:relative}.om-component-ui-table-wrapper--loading>.om-component-ui-table{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.om-component-ui-table-loading-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}
|
|
1
|
+
.om-component-ui-table{position:relative;box-sizing:border-box;width:100%;overflow:clip;font-variant:tabular-nums;background:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-300,12px)}.om-component-ui-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);text-align:start;overflow-wrap:break-word;background:var(--om-bg-default-secondary,#f8f8f8);border-bottom:1px solid var(--om-border-neutral,#e3e4e4);font-size:var(--om-label-md-font-size);font-family:var(--om-label-md-font-family);line-height:var(--om-label-md-line-height);letter-spacing:var(--om-label-md-letter-spacing);font-weight:var(--om-label-md-font-weight)}.om-component-ui-table-tbody>tr>td{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);vertical-align:middle;overflow-wrap:break-word;border-bottom:1px solid var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-tbody>tr:last-child>td{border-bottom:0}.om-component-ui-table-tbody>tr:has(+.om-component-ui-table-expanded-row:last-child)>td{border-bottom:0}.om-component-ui-table-tbody>tr:hover>td{background:var(--om-bg-default-secondary,#f8f8f8);cursor:pointer}.om-component-ui-table-body,.om-component-ui-table-content{overflow:auto}.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-sticky-holder{position:sticky;z-index:3;background:var(--om-bg-default,#fff)}.om-component-ui-table-fixed-header>.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-fixed-header>.om-component-ui-table-body{overflow:auto scroll}.om-component-ui-table-cell-fix-end,.om-component-ui-table-cell-fix-start{position:sticky!important;z-index:calc(2 + var(--z-offset, 0));background:var(--om-bg-default,#fff)}.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-end,.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-start,.om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-cell-fix-end-shadow:after,.om-component-ui-table-cell-fix-start-shadow:after{position:absolute;top:0;bottom:-1px;width:30px;transition:box-shadow .3s;content:"";pointer-events:none}.om-component-ui-table-cell-fix-start-shadow:after{right:0;transform:translateX(100%)}.om-component-ui-table-cell-fix-start-shadow-show:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-cell-fix-end-shadow:after{left:0;transform:translateX(-100%)}.om-component-ui-table-cell-fix-end-shadow-show:after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-expanded-row .om-component-ui-table-cell{padding:var(--om-spacing-300,12px);background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-placeholder{text-align:center}.om-component-ui-table-tbody-virtual .om-component-ui-table-row{display:flex}.om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell{background:var(--om-bg-default-secondary,#f8f8f8);cursor:pointer}.om-component-ui-table-tbody-virtual .om-component-ui-table-cell{padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);overflow-wrap:break-word;border-bottom:1px solid var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-body,.om-component-ui-table-container,.om-component-ui-table-content,.om-component-ui-table-header{background:inherit}.om-component-ui-table-pagination{display:flex;justify-content:flex-end;margin-top:var(--om-spacing-600,24px)}.om-component-ui-table-small{--table-row-height:56px;--table-header-height:40px}.om-component-ui-table-small .om-component-ui-table-tbody>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>th{padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px)}.om-component-ui-table-large{--table-row-height:66px;--table-header-height:48px}.om-component-ui-table-fill{border:0;border-radius:0}.om-component-ui-table-fill .om-component-ui-table-thead>tr>td,.om-component-ui-table-fill .om-component-ui-table-thead>tr>th{background:transparent}.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default,#fff)}.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th{border-bottom:none}.om-component-ui-table-stroke .om-component-ui-table-tbody>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th.om-component-ui-table-cell--spacer{padding:0;border-bottom:none}.om-component-ui-table .om-component-ui-table-header-cell{display:inline-flex;gap:4px;align-items:center}.om-component-ui-table .om-component-ui-table-header-cell__title{color:var(--om-text-default,#131313);white-space:nowrap}.om-component-ui-table .om-component-ui-table-header-cell--large .om-component-ui-table-header-cell__title{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-table .om-component-ui-table-header-cell--small .om-component-ui-table-header-cell__title{font-size:var(--om-title-sm-font-size);font-family:var(--om-title-sm-font-family);line-height:var(--om-title-sm-line-height);letter-spacing:var(--om-title-sm-letter-spacing);font-weight:var(--om-title-sm-strong-font-weight)}.om-component-ui-table .om-component-ui-table-sort-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;cursor:pointer}.om-component-ui-table .om-component-ui-table-sort-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-sort-trigger--large{width:16px;height:16px}.om-component-ui-table .om-component-ui-table-sort-trigger--small{width:12px;height:12px}.om-component-ui-table .om-component-ui-table-filter-trigger{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--om-spacing-100,4px);padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;border-radius:var(--om-radius-100,4px);cursor:pointer}.om-component-ui-table .om-component-ui-table-filter-trigger:hover{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table .om-component-ui-table-filter-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-filter-trigger--active{color:var(--om-icon-brand,#073387)}.om-component-ui-table .om-component-ui-table-filter-trigger--large{width:20px;height:20px}.om-component-ui-table .om-component-ui-table-filter-trigger--small{width:16px;height:16px}.om-component-ui-table-filter-dropdown{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);min-width:200px;padding:var(--om-spacing-200,8px);background:var(--om-bg-default,#fff);border-radius:var(--om-radius-200,8px);box-shadow:0 8px 24px hsla(0,0%,7%,.12)}.om-component-ui-table-filter-dropdown__item{display:flex;gap:var(--om-spacing-200,8px);align-items:center;padding:var(--om-spacing-100,4px) var(--om-spacing-200,8px);cursor:pointer}.om-component-ui-table-filter-dropdown__item:hover{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-filter-dropdown__footer{display:flex;gap:var(--om-spacing-200,8px);justify-content:flex-end;padding-top:var(--om-spacing-100,4px);border-top:1px solid var(--om-border-neutral,#e3e4e4)}.om-component-ui-table .om-component-ui-table-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--om-spacing-400,16px);height:var(--om-spacing-400,16px);padding:0;color:var(--om-icon-default,#131313);background:transparent;border:0;cursor:pointer;transition:color .2s ease}.om-component-ui-table .om-component-ui-table-expand-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-expand-trigger:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]{color:var(--om-icon-default,#131313)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger__icon{transition:transform .2s ease}.om-component-ui-table .om-component-ui-table-cell-content{display:inline-flex;gap:8px;align-items:center}.om-component-ui-table .om-component-ui-table-cell-content__text{display:inline-flex;flex-direction:column;gap:0}.om-component-ui-table .om-component-ui-table-expanded-row{background:var(--om-bg-default,#fff)}.om-component-ui-table .om-component-ui-table-expanded-row__content{padding:var(--om-spacing-200,8px) 0}.om-component-ui-table-wrapper{position:relative}.om-component-ui-table-wrapper--loading>.om-component-ui-table{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.om-component-ui-table-loading-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}
|
|
@@ -13,6 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { memo } from 'react';
|
|
14
14
|
import { Tooltip as ReactTooltip } from 'react-tooltip';
|
|
15
15
|
import { useControlledState, useEventCallback } from '@1money/hooks';
|
|
16
|
+
import { Portal } from '../Portal';
|
|
16
17
|
import { default as classnames, joinCls } from '../../utils/classnames';
|
|
17
18
|
import './style';
|
|
18
19
|
export var Tooltip = function Tooltip(props) {
|
|
@@ -31,7 +32,8 @@ export var Tooltip = function Tooltip(props) {
|
|
|
31
32
|
open = props.open,
|
|
32
33
|
defaultOpen = props.defaultOpen,
|
|
33
34
|
onOpenChange = props.onOpenChange,
|
|
34
|
-
|
|
35
|
+
getPopupContainer = props.getPopupContainer,
|
|
36
|
+
rest = __rest(props, ["className", "prefixCls", "placement", "title", "body", "arrow", "clickable", "open", "defaultOpen", "onOpenChange", "getPopupContainer"]);
|
|
35
37
|
var classes = classnames(prefixCls);
|
|
36
38
|
var hasTitle = title !== null && title !== undefined && title !== false;
|
|
37
39
|
var tooltipClassName = joinCls(hasTitle ? classes('with-title') : undefined, className);
|
|
@@ -44,23 +46,26 @@ export var Tooltip = function Tooltip(props) {
|
|
|
44
46
|
setInnerOpen(value);
|
|
45
47
|
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(value);
|
|
46
48
|
});
|
|
47
|
-
return
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
children:
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
49
|
+
return _jsx(Portal, {
|
|
50
|
+
container: getPopupContainer,
|
|
51
|
+
children: _jsxs(ReactTooltip, Object.assign({}, rest, {
|
|
52
|
+
place: placement,
|
|
53
|
+
noArrow: !arrow,
|
|
54
|
+
clickable: clickable,
|
|
55
|
+
isOpen: isOpen,
|
|
56
|
+
setIsOpen: handleSetIsOpen,
|
|
57
|
+
role: "tooltip",
|
|
58
|
+
className: classes(undefined, tooltipClassName),
|
|
59
|
+
classNameArrow: classes('arrow'),
|
|
60
|
+
children: [hasTitle && _jsx("div", {
|
|
61
|
+
className: classes('title'),
|
|
62
|
+
children: title
|
|
63
|
+
}), body && _jsx("div", {
|
|
64
|
+
className: classes('body'),
|
|
65
|
+
children: body
|
|
66
|
+
})]
|
|
67
|
+
}))
|
|
68
|
+
});
|
|
64
69
|
};
|
|
65
70
|
export default /*#__PURE__*/memo(Tooltip);
|
|
66
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnRzeCIsImNvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLmpzIl0sIm5hbWVzIjpbIl9zbGljZWRUb0FycmF5IiwiX19yZXN0IiwicyIsImUiLCJ0IiwicCIsIk9iamVjdCIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpIiwibGVuZ3RoIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwibWVtbyIsIlRvb2x0aXAiLCJSZWFjdFRvb2x0aXAiLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VFdmVudENhbGxiYWNrIiwiUG9ydGFsIiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwicHJvcHMiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIl9wcm9wcyRwbGFjZW1lbnQiLCJwbGFjZW1lbnQiLCJ0aXRsZSIsImJvZHkiLCJfcHJvcHMkYXJyb3ciLCJhcnJvdyIsIl9wcm9wcyRjbGlja2FibGUiLCJjbGlja2FibGUiLCJvcGVuIiwiZGVmYXVsdE9wZW4iLCJvbk9wZW5DaGFuZ2UiLCJnZXRQb3B1cENvbnRhaW5lciIsInJlc3QiLCJjbGFzc2VzIiwiaGFzVGl0bGUiLCJ1bmRlZmluZWQiLCJ0b29sdGlwQ2xhc3NOYW1lIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiaW5uZXJPcGVuIiwic2V0SW5uZXJPcGVuIiwiaXNPcGVuIiwiaGFuZGxlU2V0SXNPcGVuIiwidmFsdWUiLCJjb250YWluZXIiLCJjaGlsZHJlbiIsImFzc2lnbiIsInBsYWNlIiwibm9BcnJvdyIsInNldElzT3BlbiIsInJvbGUiLCJjbGFzc05hbWVBcnJvdyJdLCJtYXBwaW5n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QXFELE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFDUGQsSUFBSSxFQUFBO01BQ1JlLEtBQUssRUFBRTFCLFNBQVM7TUFDaEIyQixPQUFPLEVBQUUsQ0FBQ3ZCLEtBQUs7TUFDZkUsU0FBUyxFQUFFQSxTQUFTO01BQ3BCYyxNQUFNLEVBQUVBLE1BQU07TUFDZFEsU0FBUyxFQUFFUCxlQUFlO01BQzFCUSxJQUFJLEVBQUMsU0FBUztNQUNkakMsU0FBUyxFQUFFZ0IsT0FBTyxDQUFDRSxTQUFTLEVBQUVDLGdCQUFnQixDQUFDO01BQy9DZSxjQUFjLEVBQUVsQixPQUFPLENBQUMsT0FBTyxDQUFDO01BQUFZLFFBQUEsRUFBQSxDQUUvQlgsUUFBUSxJQUFJL0IsSUFBQSxDQUFBLEtBQUEsRUFBQTtRQUFLYyxTQUFTLEVBQUVnQixPQUFPLENBQUMsT0FBTyxDQUFDO1FBQUFZLFFBQUEsRUFBR3ZCO01BQUssQ0FBQSxDQUFPLEVBQzNEQyxJQUFJLElBQUlwQixJQUFBLENBQUEsS0FBQSxFQUFBO1FBQUtjLFNBQVMsRUFBRWdCLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFBQVksUUFBQSxFQUFHdEI7TUFBSSxDQUFBLENBQU87SUFBQSxDQUFBLENBQUE7RUFDekMsQ0FBQSxDQUNSO0FBRWIsQ0FBQztBQUVELDRCQUFlakIsSUFBSSxDQUFDQyxPQUFPLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIid1c2UgY2xpZW50JztcbnZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVG9vbHRpcCBhcyBSZWFjdFRvb2x0aXAgfSBmcm9tICdyZWFjdC10b29sdGlwJztcbmltcG9ydCB7IHVzZUNvbnRyb2xsZWRTdGF0ZSwgdXNlRXZlbnRDYWxsYmFjayB9IGZyb20gJ0AxbW9uZXkvaG9va3MnO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSAnLi4vUG9ydGFsJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0ICcuL3N0eWxlJztcbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gJ3Rvb2x0aXAnLCBwbGFjZW1lbnQgPSAndG9wJywgdGl0bGUsIGJvZHksIGFycm93ID0gdHJ1ZSwgY2xpY2thYmxlID0gdHJ1ZSwgb3BlbiwgZGVmYXVsdE9wZW4sIG9uT3BlbkNoYW5nZSwgZ2V0UG9wdXBDb250YWluZXIgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJjbGFzc05hbWVcIiwgXCJwcmVmaXhDbHNcIiwgXCJwbGFjZW1lbnRcIiwgXCJ0aXRsZVwiLCBcImJvZHlcIiwgXCJhcnJvd1wiLCBcImNsaWNrYWJsZVwiLCBcIm9wZW5cIiwgXCJkZWZhdWx0T3BlblwiLCBcIm9uT3BlbkNoYW5nZVwiLCBcImdldFBvcHVwQ29udGFpbmVyXCJdKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IGhhc1RpdGxlID0gdGl0bGUgIT09IG51bGwgJiYgdGl0bGUgIT09IHVuZGVmaW5lZCAmJiB0aXRsZSAhPT0gZmFsc2U7XG4gICAgY29uc3QgdG9vbHRpcENsYXNzTmFtZSA9IGpvaW5DbHMoaGFzVGl0bGUgPyBjbGFzc2VzKCd3aXRoLXRpdGxlJykgOiB1bmRlZmluZWQsIGNsYXNzTmFtZSk7XG4gICAgY29uc3QgW2lubmVyT3Blbiwgc2V0SW5uZXJPcGVuXSA9IHVzZUNvbnRyb2xsZWRTdGF0ZShkZWZhdWx0T3BlbiAhPT0gbnVsbCAmJiBkZWZhdWx0T3BlbiAhPT0gdm9pZCAwID8gZGVmYXVsdE9wZW4gOiBmYWxzZSwgb3Blbik7XG4gICAgY29uc3QgaXNPcGVuID0gb3BlbiAhPT0gdW5kZWZpbmVkID8gaW5uZXJPcGVuIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGhhbmRsZVNldElzT3BlbiA9IHVzZUV2ZW50Q2FsbGJhY2soKHZhbHVlKSA9PiB7XG4gICAgICAgIHNldElubmVyT3Blbih2YWx1ZSk7XG4gICAgICAgIG9uT3BlbkNoYW5nZSA9PT0gbnVsbCB8fCBvbk9wZW5DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uT3BlbkNoYW5nZSh2YWx1ZSk7XG4gICAgfSk7XG4gICAgcmV0dXJuIChfanN4KFBvcnRhbCwgeyBjb250YWluZXI6IGdldFBvcHVwQ29udGFpbmVyLCBjaGlsZHJlbjogX2pzeHMoUmVhY3RUb29sdGlwLCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IHBsYWNlOiBwbGFjZW1lbnQsIG5vQXJyb3c6ICFhcnJvdywgY2xpY2thYmxlOiBjbGlja2FibGUsIGlzT3BlbjogaXNPcGVuLCBzZXRJc09wZW46IGhhbmRsZVNldElzT3Blbiwgcm9sZTogXCJ0b29sdGlwXCIsIGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIHRvb2x0aXBDbGFzc05hbWUpLCBjbGFzc05hbWVBcnJvdzogY2xhc3NlcygnYXJyb3cnKSwgY2hpbGRyZW46IFtoYXNUaXRsZSAmJiBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0aXRsZScpLCBjaGlsZHJlbjogdGl0bGUgfSksIGJvZHkgJiYgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnYm9keScpLCBjaGlsZHJlbjogYm9keSB9KV0gfSkpIH0pKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFRvb2x0aXApOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -17,4 +17,6 @@ export interface TooltipProps extends Omit<ITooltip, 'place' | 'noArrow' | 'chil
|
|
|
17
17
|
defaultOpen?: boolean;
|
|
18
18
|
/** Callback when the tooltip open state changes */
|
|
19
19
|
onOpenChange?: (open: boolean) => void;
|
|
20
|
+
/** Return the DOM node the tooltip is portaled into. Defaults to `document.body`. */
|
|
21
|
+
getPopupContainer?: () => HTMLElement;
|
|
20
22
|
}
|