From 9ab91db43248640133ac76ddfa8e4c8c3b8590ab Mon Sep 17 00:00:00 2001
From: ZhaoBingyu <13843076612@163.com>
Date: Thu, 14 Dec 2023 10:23:01 +0800
Subject: [PATCH] feat: Update subTable style

---
 .../registry/associated-data/associated-data.tsx       | 10 +++++-----
 .../form-builder/registry/associated-data/index.scss   |  8 ++++++++
 .../form-builder/registry/sub-table/preview/style.scss |  3 +++
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/clients/components/form-builder/registry/associated-data/associated-data.tsx b/clients/components/form-builder/registry/associated-data/associated-data.tsx
index d38eef5f6..183f11085 100644
--- a/clients/components/form-builder/registry/associated-data/associated-data.tsx
+++ b/clients/components/form-builder/registry/associated-data/associated-data.tsx
@@ -53,17 +53,17 @@ export function AssociatedData({
   }
 
   return (
-    <div className='w-full h-32'>
-      <div className={`ant-input h-full flex justify-between py-2 items-center ${window?.isMobile ? 'is-mobile-associated-data' : ''}`}>
+    <div className='w-full h-32 overflow-auto' >
+      <div className={`ant-input h-full flex justify-between py-2 items-center width-fit-content ${window?.isMobile ? 'is-mobile-associated-data' : ''}`}>
         <div className='flex-1'>
           {value ? (
-            <span className='associated-span'>
+            <span className='associated-span nowrap'>
               {value.label}
               <Icon onClick={handleClose} clickable size={16} name='close' />
             </span>
-          ) : <span className='text-gray-300'>{placeholder}</span>}
+          ) : <span className='text-gray-300 nowrap'>{placeholder}</span>}
         </div>
-        <span className='cursor-pointer text-blue-500' onClick={() => setVisible(true)}>
+        <span className='cursor-pointer text-blue-500 nowrap' onClick={() => setVisible(true)}>
           选择关联数据
         </span>
       </div>
diff --git a/clients/components/form-builder/registry/associated-data/index.scss b/clients/components/form-builder/registry/associated-data/index.scss
index f730e8408..2c6e88e58 100644
--- a/clients/components/form-builder/registry/associated-data/index.scss
+++ b/clients/components/form-builder/registry/associated-data/index.scss
@@ -15,4 +15,12 @@
 
 .associated-box {
   line-height: 32px;
+}
+
+.nowrap{
+  white-space: nowrap;
+}
+
+.width-fit-content{
+  width: fit-content;
 }
\ No newline at end of file
diff --git a/clients/components/form-builder/registry/sub-table/preview/style.scss b/clients/components/form-builder/registry/sub-table/preview/style.scss
index 3c14c20c9..26fd408ed 100644
--- a/clients/components/form-builder/registry/sub-table/preview/style.scss
+++ b/clients/components/form-builder/registry/sub-table/preview/style.scss
@@ -22,5 +22,8 @@
     width: calc(100% - 20px);
     overflow: auto;
   }
+  &>.mega-layout-container{
+    overflow: initial;
+  }
 }