From cc5f2efd85213b4ddec2c3cba744c7b97abb8dc1 Mon Sep 17 00:00:00 2001
From: xiejay97 <xiejay97@gmail.com>
Date: Wed, 10 Apr 2024 17:13:05 +0800
Subject: [PATCH] fix(settings): fix text wrap of bind condition

Fixes #370
---
 packages/settings/events/src/components/AdvanceConfig.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/settings/events/src/components/AdvanceConfig.vue b/packages/settings/events/src/components/AdvanceConfig.vue
index a35c100d2c..91f674ed8f 100644
--- a/packages/settings/events/src/components/AdvanceConfig.vue
+++ b/packages/settings/events/src/components/AdvanceConfig.vue
@@ -4,7 +4,9 @@
       <label class="text-ellipsis-multiple">是否渲染</label>
       <div class="advanced-config-form-item">
         <meta-switch v-if="!isBind" :modelValue="condition" @update:modelValue="setConfig"> </meta-switch>
-        <div v-else class="binding-state">已绑定：{{ condition.value }}</div>
+        <div v-else class="binding-state text-ellipsis-multiple" :title="condition.value">
+          已绑定：{{ condition.value }}
+        </div>
         <meta-bind-variable v-model="condition" name="advance" @update:modelValue="setConfig"></meta-bind-variable>
       </div>
     </div>
@@ -19,7 +21,9 @@
           @update:modelValue="setLoop"
           @open="openEditor"
         ></meta-code-editor>
-        <div v-else class="binding-state text-ellipsis-multiple">已绑定：{{ state.loopData?.value }}</div>
+        <div v-else class="binding-state text-ellipsis-multiple" :title="state.loopData?.value">
+          已绑定：{{ state.loopData?.value }}
+        </div>
         <meta-bind-variable v-model="state.loopData" name="advance" @update:modelValue="setLoop"></meta-bind-variable>
       </div>
     </div>