tachybase_todo/packages/plugins/@tachybase/plugin-graph-collection-manager/src/client/components/EditFieldAction.tsx
sealday ede7ead8b1 chore(version): release v0.21.34 (#1045)
Co-authored-by: sealday <sealday@gmail.com>
Reviewed-on: daoyoucloud/tachybase#1045
2024-05-24 01:06:06 +08:00

34 lines
963 B
TypeScript

import React from 'react';
import { EditFieldAction as EditCollectionFieldAction } from '@tachybase/client';
import { EditOutlined } from '@ant-design/icons';
import { useCancelAction, useUpdateFieldAction } from '../action-hooks';
import { getPopupContainer } from '../utils';
const useUpdateCollectionField = (record) => {
const collectionName = record.collectionName;
const { run } = useUpdateFieldAction({ collectionName, name: record.name, key: record.id });
return {
async run() {
await run();
},
};
};
export const EditFieldAction = ({ item: record, parentItem: ParentRecord }) => {
return (
<EditCollectionFieldAction
item={record}
parentItem={ParentRecord}
scope={{
useCancelAction,
useUpdateCollectionField: () => useUpdateCollectionField(record),
}}
getContainer={getPopupContainer}
>
<EditOutlined className="btn-edit" />
</EditCollectionFieldAction>
);
};