ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 添加子表格复制功能

Browse Source
This commit is contained in:
wjh 2024-03-13 17:52:32 +08:00
parent 5a7c78d791
commit aa8ac55c28
1 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/core/client/src/schema-component/antd/table-v2/Table.tsx
View File

@ -1,4 +1,4 @@
import { DeleteOutlined, MenuOutlined } from '@ant-design/icons';
import { DeleteOutlined, MenuOutlined, CopyOutlined } from '@ant-design/icons';
import { TinyColor } from '@ctrl/tinycolor';
import { SortableContext, SortableContextProps, useSortable } from '@dnd-kit/sortable';
import { css } from '@emotion/css';
@ -29,7 +29,7 @@ import { useToken } from '../__builtins__';
import { SubFormProvider } from '../association-field/hooks';
import { ColumnFieldProvider } from './components/ColumnFieldProvider';
import { extractIndex, isCollectionFieldComponent, isColumnComponent } from './utils';
import { isNewRecord } from '../../../data-source/collection-record/isNewRecord';
import { isNewRecord, markRecordAsNew } from '../../../data-source/collection-record/isNewRecord';
const useArrayField = (props) => {
const field = useField<ArrayField>();
@ -118,6 +118,16 @@ const useTableColumns = (props: { showDel?: boolean; isSubTable?: boolean }) =>
fixed: 'right',
render: (v, record, index) => {
return (
<>
<CopyOutlined
style={{ cursor: 'pointer', marginRight: '10px' }}
onClick={() => {
action(() => {
field.value = field.value || [];
field.value.push(markRecordAsNew({ ...JSON.parse(JSON.stringify(record)) }));
});
}}
/>
<DeleteOutlined
style={{ cursor: 'pointer' }}
onClick={() => {
@ -133,6 +143,7 @@ const useTableColumns = (props: { showDel?: boolean; isSubTable?: boolean }) =>
});
}}
/>
</>
);
},
});
@ -248,6 +259,7 @@ export const Table: any = observer(
} = { ...others1, ...others2 } as any;
const field = useArrayField(others);
const columns = useTableColumns(others);
const schema = useFieldSchema();
const collection = useCollection_deprecated();
const isTableSelector = schema?.parent?.['x-decorator'] === 'TableSelectorProvider';