feat: create CommonXmlEditor component with CodeMirror 6 and custom theme support

src/components/CommonXmlEditor.vue

@@ -379,7 +379,8 @@ const xmlCompletionSource = (context: CompletionContext) => {
 
             return {
                 from: wordMatch.from,
-                options
+                options,
+                validFor: /^[a-zA-Z0-9_-]*$/
             }
         }
     }
@@ -602,9 +603,9 @@ const initCodeMirror = () => {
                         emit('update:modelValue', newValue)
                     }
 
-                    // 如果是用户输入导致的变化，且当前正处于可能需要提示的上下文中，自动激活提示
-                    const isType = update.transactions.some((tr) => tr.isUserEvent('input.type'))
-                    if (isType) {
+                    // 如果是用户编辑（输入或删除）导致的变化，且当前正处于可能需要提示的上下文中，自动激活提示
+                    const isUserEdit = update.transactions.some((tr) => tr.isUserEvent('input') || tr.isUserEvent('delete'))
+                    if (isUserEdit) {
                         const mainSelection = update.state.selection.main
                         if (mainSelection.empty) {
                             const pos = mainSelection.head