import { MenuOutlined } from '@ant-design/icons'; import { css } from '@emotion/css'; import { useField, useFieldSchema } from '@formily/react'; import { Space } from 'antd'; import React from 'react'; import { useTranslation } from 'react-i18next'; import { useCompile, useDesignable } from '../../../schema-component'; import { SchemaInitializer } from '../../../schema-initializer'; import { useCardItemInitializerFields } from './hoooks'; const titleCss = css` pointer-events: none; position: absolute; font-size: 12px; background: #f18b62; color: #fff; padding: 0 5px; line-height: 16px; height: 16px; border-bottom-right-radius: 2px; border-radius: 2px; top: 2px; left: 2px; `; export const KanbanCardDesigner = (props: any) => { const { dn, designable } = useDesignable(); const { t } = useTranslation(); const field = useField(); const fieldSchema = useFieldSchema(); const compile = useCompile(); const schemaSettingsProps = { dn, field, fieldSchema, }; if (!designable) { return null; } return (