fix: 编辑器中国际化词条配置弹窗切换全屏时位置问题

yy-wow · Dec 27, 2024 · dc3f7f2 · dc3f7f2
1 parent 9027902
commit dc3f7f2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/common/component/MonacoEditor.vue b/packages/common/component/MonacoEditor.vue
@@ -28,6 +28,8 @@
         :options="editorOptions"
         language="javascript"
         @editorDidMount="$emit('editorDidMount', $event)"
+        @change="$emit('change', $event)"
+        @shortcutSave="$emit('shortcutSave', $event)"
       ></monaco-editor>
     </div>
     <slot v-if="fullscreen" name="fullscreenFooter"></slot>
@@ -60,8 +62,8 @@ export default {
       default: true
     }
   },
-  emits: ['editorDidMount'],
-  setup(props) {
+  emits: ['editorDidMount', 'change', 'shortcutSave', 'fullscreenChange'],
+  setup(props, { emit }) {
     const editor = ref(null)
     const fullscreen = ref(false)
     const editorOptions = computed(() => {
@@ -112,6 +114,7 @@ export default {
 
     const switchFullScreen = (value) => {
       fullscreen.value = value
+      emit('fullscreenChange', value)
     }
 
     return {

diff --git a/packages/plugins/state/src/CreateVariable.vue b/packages/plugins/state/src/CreateVariable.vue
@@ -28,6 +28,7 @@
             :showFormatBtn="true"
             :options="state.editorOptions"
             @editorDidMount="editorDidMount"
+            @fullscreenChange="fullscreenChange"
           >
             <template #buttons>
               <editor-i18n-tool ref="i18nToolRef" @confirm="insertContent"></editor-i18n-tool>
@@ -340,6 +341,10 @@ export default {
       }
     }
 
+    const fullscreenChange = () => {
+      i18nToolRef.value.state.showPopover = false
+    }
+
     onBeforeUnmount(() => {
       state.completionProvider?.forEach((provider) => {
         provider.dispose()
@@ -398,6 +403,7 @@ export default {
       validate,
       getFormData,
       insertContent,
+      fullscreenChange,
       cancel
     }
   }