@fe-free/core 2.2.6 → 2.2.7
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/CHANGELOG.md +7 -0
- package/package.json +2 -2
- package/src/crud/crud.stories.tsx +3 -0
- package/src/crud/crud.tsx +4 -3
- package/src/crud/use_row_selection.tsx +10 -2
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fe-free/core",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.7",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"author": "",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"remark-gfm": "^4.0.1",
|
|
40
40
|
"vanilla-jsoneditor": "^0.23.1",
|
|
41
41
|
"zustand": "^4.5.4",
|
|
42
|
-
"@fe-free/tool": "2.2.
|
|
42
|
+
"@fe-free/tool": "2.2.7"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"@ant-design/pro-components": "2.8.9",
|
package/src/crud/crud.tsx
CHANGED
|
@@ -118,7 +118,7 @@ function CRUDComponent<
|
|
|
118
118
|
const disabled = readProps?.operateIsDisabled?.(record) || false;
|
|
119
119
|
if (disabled) {
|
|
120
120
|
btns.push(
|
|
121
|
-
<span key="read" className="
|
|
121
|
+
<span key="read" className="cursor-not-allowed text-desc">
|
|
122
122
|
{readProps?.operateText || '查看'}
|
|
123
123
|
</span>,
|
|
124
124
|
);
|
|
@@ -144,7 +144,7 @@ function CRUDComponent<
|
|
|
144
144
|
const disabled = readProps?.operateIsDisabled?.(record) || false;
|
|
145
145
|
if (disabled) {
|
|
146
146
|
btns.push(
|
|
147
|
-
<span key="read" className="
|
|
147
|
+
<span key="read" className="cursor-not-allowed text-desc">
|
|
148
148
|
{readProps?.operateText || '查看'}
|
|
149
149
|
</span>,
|
|
150
150
|
);
|
|
@@ -169,7 +169,7 @@ function CRUDComponent<
|
|
|
169
169
|
|
|
170
170
|
if (disabled) {
|
|
171
171
|
btns.push(
|
|
172
|
-
<span key="update" className="
|
|
172
|
+
<span key="update" className="cursor-not-allowed text-desc">
|
|
173
173
|
{updateProps?.operateText || '编辑'}
|
|
174
174
|
</span>,
|
|
175
175
|
);
|
|
@@ -284,6 +284,7 @@ function CRUDComponent<
|
|
|
284
284
|
DataSource,
|
|
285
285
|
Key
|
|
286
286
|
>({
|
|
287
|
+
rowSelection: tableProps.rowSelection,
|
|
287
288
|
batchActions,
|
|
288
289
|
actionRef,
|
|
289
290
|
});
|
|
@@ -6,13 +6,20 @@ import { LoadingButton } from '../button';
|
|
|
6
6
|
import type { CRUDProps } from './types';
|
|
7
7
|
|
|
8
8
|
function useRowSelection<DataSource, Key>({
|
|
9
|
+
rowSelection: originRowSelection,
|
|
9
10
|
batchActions,
|
|
10
11
|
actionRef,
|
|
11
12
|
}: {
|
|
13
|
+
rowSelection?: CRUDProps<DataSource, Key>['tableProps']['rowSelection'];
|
|
12
14
|
batchActions?: CRUDProps<DataSource, Key>['batchActions'];
|
|
13
15
|
actionRef?: MutableRefObject<ActionType | undefined>;
|
|
14
16
|
}) {
|
|
15
|
-
const rowSelection = useMemo(
|
|
17
|
+
const rowSelection = useMemo(
|
|
18
|
+
() => ({
|
|
19
|
+
...originRowSelection,
|
|
20
|
+
}),
|
|
21
|
+
[originRowSelection],
|
|
22
|
+
);
|
|
16
23
|
|
|
17
24
|
const tableAlertRender = useCallback(({ selectedRowKeys, onCleanSelected }) => {
|
|
18
25
|
return (
|
|
@@ -30,13 +37,14 @@ function useRowSelection<DataSource, Key>({
|
|
|
30
37
|
const tableAlertOptionRender = useCallback(
|
|
31
38
|
({ selectedRowKeys, selectedRows }) => {
|
|
32
39
|
return (
|
|
33
|
-
<div className="flex gap-2
|
|
40
|
+
<div className="flex items-center gap-2">
|
|
34
41
|
{batchActions?.map((action) => (
|
|
35
42
|
<LoadingButton
|
|
36
43
|
key={action.btnText}
|
|
37
44
|
type="link"
|
|
38
45
|
danger={action.danger}
|
|
39
46
|
className="!px-0"
|
|
47
|
+
disabled={selectedRowKeys.length === 0}
|
|
40
48
|
onClick={async (event) => {
|
|
41
49
|
if (action.danger) {
|
|
42
50
|
await new Promise((resolve) => {
|