From 811801b70cda800686fef37dd0382ccb9dd453ab Mon Sep 17 00:00:00 2001
From: chenminjie <943130926@qq.com>
Date: Thu, 12 Dec 2024 17:15:35 +0800
Subject: [PATCH] fix: update `ApiComponent` to bind class and style attributes
 from attrs

---
 .../common-ui/src/components/api-component/api-component.vue   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/effects/common-ui/src/components/api-component/api-component.vue b/packages/effects/common-ui/src/components/api-component/api-component.vue
index d1d42ad7..5a40513d 100644
--- a/packages/effects/common-ui/src/components/api-component/api-component.vue
+++ b/packages/effects/common-ui/src/components/api-component/api-component.vue
@@ -81,6 +81,7 @@ const emit = defineEmits<{
 const modelValue = defineModel({ default: '' });
 
 const attrs = useAttrs();
+const { class: className, style }: Record<string, any> = attrs;
 
 const refOptions = ref<OptionsItem[]>([]);
 const loading = ref(false);
@@ -188,7 +189,7 @@ function emitChange() {
 }
 </script>
 <template>
-  <div v-bind="{ ...$attrs }">
+  <div v-bind="{ class: className, style }">
     <component
       :is="component"
       v-bind="bindProps"