darth-portal-ui v1.1.4

UI-Components

公司内部项目UI标准React组件库。

支持环境

• 现代浏览器和 IE11 及以上。
• 内部css使用的sass预处理语言
• 国际化采用i18n

说明

• 内部css使用的sass预处理语言
• 国际化采用i18n， 需要在将内部的国际语言配置项目的国际话配置中 import{portal_cn， portal_en} from darth-portal-ui/language
• 获取内部store import{stores} from darth-portal-ui import{stores as portalStores} from darth-portal-ui 在入口文件中

const App = () => {
const allStore = {...stores, ...portalStores}
    return (
        <Provider {...stores}>
            <StoresContext.Provider value={allStore}>
                <BrowserRouter>
                    <div>
                        {renderRoutes(routers)}
                    </div>
                </BrowserRouter>
            </StoresContext.Provider>
        </Provider>
    )
};

安装

npm install --save darth-portal-ui

示例

import React from 'react';
import {observer } from 'mobx-react';
import logo from '../../images/logo.jpeg'
import Portal from "../../components/portal";

const Home = (props) => {
    const homeRouter = [
        {
            to:'/',
            title:'首页',
            key: '/'
        },
        {
            to:'/home',
            title:'组织中心',
            key: 'org'
        },
    ]

    const onSearch = (e) => {
        console.log(e, 'search')
    }

    const data = []


    return <Portal
        logo={logo}
        routers={homeRouter}
        enterSearch={onSearch}
        AsideComponent={ 'side'}
        FooterComponent={'footer'}
        redirect={'/login'}
        {...props}
    >
        content
        <div>111</div>
    </Portal>
}

export default observer(Home)

import {PortalLogin} from 'darth-portal-ui'

<PortalLogin logoImg={logo}
        contentImg={contentImg}
        {...props}
        loginGoRouter={'/'}
    >
        {this.props.children}
    </PortalLogin>