@fusion-ops/layout v1.1.9

fusion ops layout

基于 ant design，作为 fusion ops 的 layout 组件库，满足中后台等业务场景通用性组件需求。

安装依赖

$ npm i @fusion-ops/layout

使用方式

在 umi 框架中配置 layout 使用

import { App, ConfigProvider } from "antd";
import { BaseLayout } from "@fusion-ops/layout"
 
export default function Layout() {
  const model = useModel("@@initialState");
  const initialState = model.initialState;
  const permissions = initialState?.currentUser?.permissions as string[];
  const { clientRoutes } = useAppData()

  return (
    <ConfigProvider>
      <App>
        <BaseLayout
          siteConfig={{
            siteName: "统一认证系统",
          }}
          userInfo={{
            userId: initialState?.currentUser?.id,
            username: initialState?.currentUser?.realName
          }}
          routes={clientRoutes}
          permissions={permissions}
          onLogout={() => { // 用户登出回调
          }}
        />
      </App>
    </ConfigProvider>
  );
}