fix(editor-md): tooltip position when fullscreen (DevCloudFE#1727)

Author: GreatZPP

packages/devui-vue/devui/editor-md/src/components/toolbar-item.tsx

@@ -30,15 +30,18 @@ export default defineComponent({
       const editorIns = getEditorIns();
       if (config.id === 'fullscreen') {
         showFullscreen.value = !showFullscreen.value;
-      } else {
-        config.handler?.(editorIns, config.params);
+        if (window) {
+          const event = new Event('resize');
+          window.dispatchEvent(event);
+        }
       }
+      config.handler?.(editorIns, config.params);
     };
 
     return () => (
       <>
         {config.type === 'button' && (
-          <Tooltip position={['top', 'bottom']} content={getTooltipContent(config.name, config.shortKey)}>
+          <Tooltip position={['top', 'bottom']} content={getTooltipContent(config.name, config.shortKey)} hide-after={1000}>
             <span
               class="md-toolbar-item"
               onClick={onToolbarItemClick}
@@ -50,7 +53,7 @@ export default defineComponent({
             {{
               default: () => (
                 <span>
-                  <Tooltip position={['top']} content={getTooltipContent(config.name)}>
+                  <Tooltip position={showFullscreen.value ? ['right'] : ['top']} content={getTooltipContent(config.name)} hide-after={1000}>
                     <span class="md-toolbar-item" onClick={() => config.handler?.()} innerHTML={config.icon}></span>
                   </Tooltip>
                 </span>

packages/devui-vue/devui/fullscreen/index.ts

@@ -7,7 +7,7 @@ export { Fullscreen };
 
 export default {
   title: 'Fullscreen 全屏',
-  category: '基础组件',
+  category: '通用',
   install(app: App): void {
     app.component(Fullscreen.name, Fullscreen);
   },

packages/devui-vue/docs/components/editor-md/index.md

@@ -242,6 +242,7 @@ editor-md/checkbox
     v-model="content"
     :placeholder="'You can enter @ associate member, enter # to associate an order number...'"
     :hint-config="hintConfig"
+    fullscreen-z-index="1000"
     @content-change="valueChange"
   >
     <template #hintTemplate>