From 4ec19e9c0ca9d79fa8d097daaa90bc0d5c3048b4 Mon Sep 17 00:00:00 2001
From: chenos <chenlinxh@gmail.com>
Date: Sat, 18 Feb 2023 11:10:26 +0800
Subject: [PATCH] fix(map): ellipsis with tooltip

---
 .../plugins/map/src/client/components/ReadPretty.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/plugins/map/src/client/components/ReadPretty.tsx b/packages/plugins/map/src/client/components/ReadPretty.tsx
index e6b2e51da5..f96884dbdf 100644
--- a/packages/plugins/map/src/client/components/ReadPretty.tsx
+++ b/packages/plugins/map/src/client/components/ReadPretty.tsx
@@ -1,5 +1,5 @@
 import { useField, useFieldSchema } from '@formily/react';
-import { useCollection } from '@nocobase/client';
+import { EllipsisWithTooltip, useCollection } from '@nocobase/client';
 import React, { useEffect } from 'react';
 import AMapComponent from './AMap';
 
@@ -19,12 +19,10 @@ const ReadPretty = (props) => {
 
   if (!readOnly)
     return (
-      <div
-        style={{
-          whiteSpace: 'pre-wrap',
-        }}
-      >
-        {value?.map((item) => (Array.isArray(item) ? `(${item.join(',')})` : item)).join(',')}
+      <div>
+        <EllipsisWithTooltip ellipsis={true}>
+          {value?.map((item) => (Array.isArray(item) ? `(${item.join(',')})` : item)).join(',')}
+        </EllipsisWithTooltip>
       </div>
     );