import { css } from '@emotion/css'; import { observer, RecursionField, useFieldSchema } from '@formily/react'; import { Card } from 'antd'; import React, { useContext, useState } from 'react'; import { ActionContext, BlockItem } from '..'; import { DndContext } from '../..'; import { RecordProvider } from '../../../record-provider'; import { SchemaComponentOptions } from '../../core/SchemaComponentOptions'; import { KanbanCardContext } from './context'; const FormItem = observer((props) => { return ; }); export const KanbanCard: any = observer((props: any) => { const { setDisableCardDrag, cardViewerSchema, card, cardField, columnIndex, cardIndex } = useContext(KanbanCardContext); const fieldSchema = useFieldSchema(); const [visible, setVisible] = useState(false); return ( <> { setVisible(true); }} className={css` /* .ant-description-input { line-height: 1.15; } */ .ant-formily-item-label { display: none; } .ant-formily-item-feedback-layout-loose { margin-bottom: 12px; } .nb-block-item:last-child { .ant-formily-item { margin-bottom: 0; } } `} bordered={false} hoverable style={{ cursor: 'pointer', overflow: 'hidden' }} > { setDisableCardDrag(true); }} onDragEnd={() => { setDisableCardDrag(false); }} > {cardViewerSchema && ( )} ); });