From c9cc6a3db9aa4275aff4ca000a7c3894b0bb0be0 Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Tue, 10 Mar 2026 10:06:47 +0800
Subject: [PATCH] fix: replace v-bind="$attrs" with v-bind="editorAttrs" for
 improved attribute handling

---
 ui/src/components/codemirror-editor/index.vue       |  5 +++--
 ui/src/components/dynamics-form/items/JsonInput.vue |  6 ++++--
 ui/src/components/markdown/MdEditor.vue             |  5 +++--
 ui/src/components/markdown/MdPreview.vue            | 11 +++++++++--
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/codemirror-editor/index.vue b/ui/src/components/codemirror-editor/index.vue
index 52fc72367b8..99829f8b731 100644
--- a/ui/src/components/codemirror-editor/index.vue
+++ b/ui/src/components/codemirror-editor/index.vue
@@ -7,7 +7,7 @@
       :style="codemirrorStyle"
       :tab-size="4"
       :autofocus="true"
-      v-bind="$attrs"
+      v-bind="editorAttrs"
     />
 
     <div class="codemirror-editor__footer">
@@ -39,7 +39,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue'
+import { ref, computed, watch, useAttrs } from 'vue'
 import { Codemirror } from 'vue-codemirror'
 import { python } from '@codemirror/lang-python'
 import { oneDark } from '@codemirror/theme-one-dark'
@@ -47,6 +47,7 @@ import { linter, type Diagnostic } from '@codemirror/lint'
 import FunctionApi from '@/api/function-lib'
 
 defineOptions({ name: 'CodemirrorEditor' })
+const editorAttrs = useAttrs() as any
 
 const props = defineProps<{
   title: String
diff --git a/ui/src/components/dynamics-form/items/JsonInput.vue b/ui/src/components/dynamics-form/items/JsonInput.vue
index 19b68a901d3..e859d5093dc 100644
--- a/ui/src/components/dynamics-form/items/JsonInput.vue
+++ b/ui/src/components/dynamics-form/items/JsonInput.vue
@@ -1,7 +1,7 @@
 <template>
   <div style="width: 100%" class="function-CodemirrorEditor">
     <Codemirror
-      v-bind="$attrs"
+      v-bind="editorAttrs"
       ref="cmRef"
       v-model="model_value"
       :extensions="extensions"
@@ -51,7 +51,7 @@ import { json, jsonParseLinter } from '@codemirror/lang-json'
 import { oneDark } from '@codemirror/theme-one-dark'
 import { Codemirror } from 'vue-codemirror'
 import { linter } from '@codemirror/lint'
-import { computed, ref } from 'vue'
+import { computed, ref, useAttrs } from 'vue'
 import { t } from '@/locales'
 const props = withDefaults(defineProps<{ modelValue?: any }>(), { modelValue: () => {} })
 const emit = defineEmits(['update:modelValue'])
@@ -124,6 +124,8 @@ const validate_rules = (rule: any, value: any, callback: any) => {
   return true
 }
 
+const editorAttrs = useAttrs() as any
+
 defineExpose({ validate_rules: validate_rules })
 </script>
 <style lang="scss">
diff --git a/ui/src/components/markdown/MdEditor.vue b/ui/src/components/markdown/MdEditor.vue
index 6a621a04ed6..48ab2967b71 100644
--- a/ui/src/components/markdown/MdEditor.vue
+++ b/ui/src/components/markdown/MdEditor.vue
@@ -1,5 +1,5 @@
 <template>
-  <MdEditor :language="language" noIconfont noPrettier v-bind="$attrs">
+  <MdEditor :language="language" noIconfont noPrettier v-bind="editorAttrs">
     <template #defFooters>
       <slot name="defFooters"> </slot>
     </template>
@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, useAttrs } from 'vue'
 import { MdEditor, config } from 'md-editor-v3'
 import { getBrowserLang } from '@/locales/index'
 import './assets/markdown-iconfont.js'
@@ -15,6 +15,7 @@ import './assets/markdown-iconfont.js'
 import ZH_TW from '@vavt/cm-extension/dist/locale/zh-TW'
 
 defineOptions({ name: 'MdEditor' })
+const editorAttrs = useAttrs() as any
 const language = computed(() => localStorage.getItem('MaxKB-locale') || getBrowserLang() || '')
 config({
   editorConfig: {
diff --git a/ui/src/components/markdown/MdPreview.vue b/ui/src/components/markdown/MdPreview.vue
index 0d8c3ab15fc..a4c0dfa8ba3 100644
--- a/ui/src/components/markdown/MdPreview.vue
+++ b/ui/src/components/markdown/MdPreview.vue
@@ -1,9 +1,15 @@
 <template>
-  <MdPreview :language="language" noIconfont noPrettier :codeFoldable="false" v-bind="$attrs" />
+  <MdPreview
+    :language="language"
+    noIconfont
+    noPrettier
+    :codeFoldable="false"
+    v-bind="previewAttrs"
+  />
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, useAttrs } from 'vue'
 import { MdPreview, config } from 'md-editor-v3'
 import { getBrowserLang } from '@/locales/index'
 import useStore from '@/stores'
@@ -11,6 +17,7 @@ import useStore from '@/stores'
 import ZH_TW from '@vavt/cm-extension/dist/locale/zh-TW'
 
 defineOptions({ name: 'MdPreview' })
+const previewAttrs = useAttrs() as any
 const { user } = useStore()
 const language = computed(() => user.getLanguage() || getBrowserLang() || '')
 config({