temp: 适配mac桌面

src/modules/layout/index.tsx

@@ -3,9 +3,9 @@ import { MenuOutlined, SwapOutlined } from '@ant-design/icons';
 import { Button, Tooltip } from 'antd';
 import { Outlet } from 'react-router-dom';
 import { LayoutMenu } from './Menu';
-import { useLayoutStore } from './store';
+import { useLayoutStore, usePlatformStore } from './store';
 import { useShallow } from 'zustand/react/shallow';
-import { useEffect } from 'react';
+import { useEffect, useLayoutEffect, useState } from 'react';
 import { LayoutUser } from './LayoutUser';
 import PandaPNG from '@/assets/panda.png';
 import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
@@ -28,27 +28,46 @@ export const LayoutMain = (props: LayoutMainProps) => {
       };
     }),
   );
+  const platformStore = usePlatformStore(
+    useShallow((state) => {
+      return {
+        isMac: state.isMac,
+        mount: state.mount,
+        isElectron: state.isElectron,
+        init: state.init,
+      };
+    }),
+  );
+  const { isMac, mount, isElectron } = platformStore;
   const aiStore = useAiStore(
     useShallow((state) => {
       return { open: state.open };
     }),
   );
+  useLayoutEffect(() => {
+    platformStore.init();
+  }, []);
+
   useEffect(() => {
     menuStore.getMe();
   }, []);
   return (
     <div className='flex w-full h-full flex-col relative'>
       <LayoutMenu />
-      <div className='layout-menu items-center'>
+      <div
+        className={clsx('layout-menu items-center', !mount && '!invisible')}
+        style={{
+          cursor: isElectron ? 'move' : 'default',
+        }}>
         <Button
-          className='mr-4'
+          className={clsx('mr-4 cursor-pointer no-drag', isMac && 'ml-16')}
           onClick={() => {
             menuStore.setOpen(true);
           }}
           icon={<MenuOutlined />}></Button>
         <div className='flex flex-grow justify-between'>
           {props.title}
-          <div className='mr-4 flex gap-4 items-center'>
+          <div className='mr-4 flex gap-4 items-center no-drag'>
             {menuStore.me?.type === 'org' && (
               <div>
                 <Tooltip title='Switch To User'>