feat: integrate platform backend and application interfaces

admin/src/layouts/components/Header/index.tsx

@@ -1,11 +1,12 @@
 import React, { memo } from 'react';
-import { Layout, Button, Space } from 'tdesign-react';
-import { ViewListIcon } from 'tdesign-icons-react';
+import { Layout } from '@miragenflow/ui/layout';
+import { Space } from '@miragenflow/ui/space';
+import { MiragenFlowButton } from '@miragenflow/ui';
+import { ViewListIcon } from 'components/LineIcons';
 import { useAppDispatch, useAppSelector } from 'modules/store';
 import { selectGlobal, toggleMenu } from 'modules/global';
 import HeaderIcon from './HeaderIcon';
 import { HeaderMenu } from '../Menu';
-import Search from './Search';
 import Style from './index.module.less';
 
 const { Header } = Layout;
@@ -28,14 +29,15 @@ export default memo((props: { showMenu?: boolean }) => {
   } else {
     HeaderLeft = (
       <Space align='center'>
-        <Button
+        <MiragenFlowButton
+          aria-label={globalState.collapsed ? '展开菜单' : '收起菜单'}
+          className={Style.menuButton}
           shape='square'
           size='large'
-          variant='text'
+          type='text'
           onClick={() => dispatch(toggleMenu(null))}
           icon={<ViewListIcon />}
         />
-        <Search />
       </Space>
     );
   }