From d5d36b3e0c98c5fb525308a981aa10d201ec159f Mon Sep 17 00:00:00 2001
From: likunming <likunming@163.com>
Date: Fri, 18 Apr 2025 16:57:13 +0800
Subject: [PATCH] =?UTF-8?q?cardpanel=E6=A0=87=E9=A2=98=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/platform/components/panel/WCardPanel.vue          | 2 +-
 .../src/platform/components/splitter/WSplitter.vue        | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue b/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue
index e480aaaf..b44e4053 100644
--- a/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue
@@ -7,7 +7,7 @@
             <q-item-label header :style="headerStyleComputed">
               <q-icon v-if="props.icon" :name="props.icon" size="sm" v-bind="props.iconAttrs" />
               <span v-if="label" style="margin-left: 5px">{{ label }}</span>
-              <div v-else style="margin-left: 5px"><slot name="label"></slot></div>
+              <div v-else style="margin-left: 5px; width: 100%"><slot name="label"></slot></div>
             </q-item-label>
           </q-item-section>
         </q-item>
diff --git a/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue b/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue
index 7f22dfaf..9d11ef4b 100644
--- a/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue
@@ -21,8 +21,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref, useAttrs, watch } from 'vue';
 import { getCssVar } from 'quasar';
-import { ref, useAttrs } from 'vue';
 
 const attrs = useAttrs();
 const props = defineProps({
@@ -85,6 +85,12 @@ const props = defineProps({
 });
 const splitterModel = ref(props.size);
 const lineColor = props.separatorColor || getCssVar('primary');
+watch(
+  () => props.size,
+  (newVal, oldVal) => {
+    splitterModel.value = newVal;
+  },
+);
 </script>
 
 <style lang="css">