comp-sidebar v1.0.23

comp-sidebar

API

Example

import React from 'react';
import { render } from 'react-dom';
import { Layout } from 'antd';
import CompSidebar from 'comp-sidebar';

const data = [
  {
    title: '酒店业务',
    key: 'hotel',
    entries: [
      {
        title: '酒店产品',
        key: 'key1',
        link: 'link1.html'
      },
      {
        title: '渠道运营',
        key: 'key2',
        link: 'link2.html'
      },
      {
        title: '订单管理',
        key: 'key3',
        link: 'order.html'
      }
    ]
  },
  {
    title: '合作伙伴',
    key: 'partner',
    entries: [
      {
        title: '供应商管理',
        key: 'key3',
        link: 'link3.html'
      },
      {
        title: '分销商管理',
        key: 'key4',
        link: 'link4.html'
      }
    ]
  }
];

render(
  <Layout style={{height: '100%'}}>
    <CompSidebar
      logoUrl="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
      dataSource={data}
      openKeys={['hotel']}
      selectedKeys={['key1']}
      theme="dark"
    />
  </Layout>,
  document.getElementById('app')
);

Develop

$ npm run start

Publish

$ cd ../..          // 返回项目根目录，通过 `lerna` 来构建与发布
$ npm run build
$ npm publish