import { useFieldSchema, useForm } from '@formily/react'; import { EllipsisWithTooltip, useCollection_deprecated, useFieldTitle } from '@nocobase/client'; import React from 'react'; import { MapComponent } from './MapComponent'; const ReadPretty = (props) => { const { value } = props; const fieldSchema = useFieldSchema(); const { getField } = useCollection_deprecated(); const collectionField = getField(fieldSchema.name); const mapType = props.mapType || collectionField?.uiSchema['x-component-props']?.mapType; const form = useForm(); useFieldTitle(); if (!form.readPretty) { return (