@firesoon/design-layout NPM

为了进一步降低研发成本，提供 @firesoon/design-layout 包，结合 @firesoon/plugin-layout插件将布局内置

@firesoon/design-layout

安装

npm install @firesoon/design-layout --save-dev

使用方式请查看@firesoon/plugin-layout 插件

修改记录

V 0.1.4

extraCacheUserKeys：缓存额外用户信息到 localStorage；
layoutWhitePath：布局路由白名单配置，当前路由包含在白名单内，则不使用当前 header 及 layout 布局；
initDispatcher：初始化完成后执行的回调，会返回一个dispatch方法，用于执行初始化后的一些操作；
versionModel：历史版本信息查看弹窗组件，用于展示历史版本信息；
onShowVersion：操作显示版本信息弹窗

import VerisonsModel from '@/components/VerisonsModel';

export const firesoonLayout = {
    ...,
    extraCacheUserKeys: ['hospitalCode'],
    layoutWhitePath: ['/analysis/inpatient'],
    initDispatcher: (dispatch) => {
        dispatch({
            type: 'global/initProject'
        })
    },
    versionModel: VerisonsModel
    onShowVersion: (dispatch) => {
        dispatch({
            type: 'global/updateState',
            payload: {
                versionVisible: true
            }
        })
    },
    ...
}

V 0.0.7

窗口最小宽度调整 1280px

V 0.1.5

添加浏览器类型判断标识，同时在firesoon-design节点添加浏览器类型样式 class

V 0.1.6

根据用户信息，改造多机构信息展示

V 0.1.7

权限菜单数据存储，放在 context 里面，可通过如下方式获取：

import { useContext } from 'react';
import { MenuContext } from '@firesoon/design-layout';

const { searchTree = [], accessMenu = [] } = useContext(MenuContext);

V 0.1.8

多机构展示逻辑调整，提供isMultiAgency配置用于判断是否展示多机构，提供hideMultiCampusAll配置用于判断是否展示全部选项，app.ts配置如下：

export const firesoonLayout = {
    ...,
    hideMultiCampusAll: true,// true：隐藏全部选项；false：显示全部选项
    isMultiAgency: (sysRole) => { // 不配置isMultiAgency，则不显示多机构；如果始终显示多机构，isMultiAgency函数里面return true即可；也可以根据选中的角色信息里面的hospitalInfoVos长度判断，如下：
        const { hospitalInfoVos = [] } = sysRole
        return hospitalInfoVos.length > 0
    },
    ...
}

V 0.1.11

多院区版本返回应用中心时，参数适配处理

V 0.1.16

Header添加hideRoles配置

V 0.1.17

isMultiAgency属性增强，支持Promise操作

export const firesoonLayout = {
    ...,
    isMultiAgency: (sysRole) => { 
        return new Promise(resolve => {
            resolve(true)
        })
    },
    ...
}

V 0.1.18

优化返回应用中心携带的id取值逻辑

V 0.1.19

面包屑缓存数据逻辑优化

V 0.1.20

机构名称展示字段choiceHospitalName适配新本应用中心choiceOrgName字段

V 0.1.20

hideMultiCampusAll配置调整 1、默认可不配置。会根据sysRole.hospitalInfoVos的个数进行判断是否显示全部，当对于两个机构，则显示全部选项，否则隐藏全部选项 2、可配置boolean值。true隐藏全部选项，false显示全部选项 3、可配置函数，如下：

export const firesoonLayout = {
    ...,
    hideMultiCampusAll: (sysRole) => {
        // 可自己控制全部选项显示逻辑
        return sysRole?.hospitalInfoVos.length <= 1
    },
    ...
}