@min-module/core v1.1.6

core 核心实现

这里有使用本项目的入口函数

类型定义：

• Module模块类型定义

export interface Module<T = Record<string, unknown>> {
    imports?: Module[]; // 引入别的模块
    options?: ModuleOptions & T;  // 配置选项
    locale?: {    // 国际化配置对象
        type: string;
        content: Record<string, string>;
    }[];
    // 渲染组件，只适用于函数组件
    render?: React.FunctionComponentElement<PropsType>;
}

• options定义

export interface ModuleOptions {
  /**
   * @desc 当前模块的路由路径
   */
  namespace?: string;
  title?: string;
  data?: any;
}

• PropsType定义

export interface PropsType {
  [k: string]: unknown;
  modules: Module[];
}

API:

createFactory

入口函数

const createFactory: (appModule: Module, options?: FactoryOptions) => JSX.Element;

示例

// 页面组件的props类型
interface PropsType { 
    modules? : Module[]
}
// 模块的render，平时写的页面组件
const RootRender : React.FC<PropsType> = props =>{
    const { modules = [] } = props
    return (...)
}
// root模块定义
const rootModule : Module = {
    options : {namespace : ''},
    imports : [AppModule],
    locale : [] ,
    render : <RootRender />
}

const App = createFactory(rootModule , { middleware : renderConfig,renderLocale,renderRouter })

### forRoot
> 提供外部修改引入模块option的能力
```ts
const forRoot: <T>(module: Module, data: T) => Module<Record<string, unknown>>

// root模块定义
const rootModule : Module = {
    options : {namespace : ''},
    imports : [
        forRoot(AppModule , {title:'anotherApp'})
    ],
    locale : [] ,
    render : <RootRender />
}