antd-npm-demo/lib/index.js

React & Redux & Ant.Design

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.Sider = undefined;

var _icon = require('antd/lib/icon');

var _icon2 = _interopRequireDefault(_icon);

var _menu = require('antd/lib/menu');

var _menu2 = _interopRequireDefault(_menu);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactDom = require('react-dom');

var _reactDom2 = _interopRequireDefault(_reactDom);

var _store = require('./store');

var _store2 = _interopRequireDefault(_store);

var _reactRedux = require('react-redux');

var _reactRouter = require('react-router');

var _history = require('history');

var _route = require('./route');

var _route2 = _interopRequireDefault(_route);

require('antd/style/index.less');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var history = (0, _reactRouter.useRouterHistory)(_history.createHistory)({ basename: '' });

// class Root extends React.Component {
//   render () {
//     return (
//       <div>
//         <Provider store={store}>
//           <div>
//             <Router history={history} routes={route(store)}/>
//
//           </div>
//         </Provider>
//       </div>
//     )
//   }
// }


var SubMenu = _menu2.default.SubMenu;
var MenuItemGroup = _menu2.default.ItemGroup;

var Sider = _react2.default.createClass({
    displayName: 'Sider',
    getInitialState: function getInitialState() {
        return {
            current: '1'
        };
    },
    handleClick: function handleClick(e) {
        console.log('click ', e);
        this.setState({
            current: e.key
        });
    },
    render: function render() {
        return _react2.default.createElement(
            _menu2.default,
            { onClick: this.handleClick,
                style: { width: 240 },
                defaultOpenKeys: ['sub1'],
                selectedKeys: [this.state.current],
                mode: 'inline'
            },
            _react2.default.createElement(
                SubMenu,
                { key: 'sub1', title: _react2.default.createElement(
                        'span',
                        null,
                        _react2.default.createElement(_icon2.default, { type: 'mail' }),
                        _react2.default.createElement(
                            'span',
                            null,
                            'Navigation One'
                        )
                    ) },
                _react2.default.createElement(
                    MenuItemGroup,
                    { title: 'Item 1' },
                    _react2.default.createElement(
                        _menu2.default.Item,
                        { key: '1' },
                        '\u771F\u7684\u5417'
                    ),
                    _react2.default.createElement(
                        _menu2.default.Item,
                        { key: '2' },
                        'abcdefg 2'
                    )
                ),
                _react2.default.createElement(
                    MenuItemGroup,
                    { title: 'Item 2' },
                    _react2.default.createElement(
                        _menu2.default.Item,
                        { key: '3' },
                        'Option 3'
                    ),
                    _react2.default.createElement(
                        _menu2.default.Item,
                        { key: '4' },
                        'Option 4'
                    )
                )
            ),
            _react2.default.createElement(
                SubMenu,
                { key: 'sub2', title: _react2.default.createElement(
                        'span',
                        null,
                        _react2.default.createElement(_icon2.default, { type: 'appstore' }),
                        _react2.default.createElement(
                            'span',
                            null,
                            'Navigation Two'
                        )
                    ) },
                _react2.default.createElement(
                    _menu2.default.Item,
                    { key: '5' },
                    'Option 5'
                ),
                _react2.default.createElement(
                    _menu2.default.Item,
                    { key: '6' },
                    'Option 6'
                ),
                _react2.default.createElement(
                    SubMenu,
                    { key: 'sub3', title: 'Submenu' },
                    _react2.default.createElement(
                        _menu2.default.Item,
                        { key: '7' },
                        'Option 7'
                    ),
                    _react2.default.createElement(
                        _menu2.default.Item,
                        { key: '8' },
                        'Option 8'
                    )
                )
            ),
            _react2.default.createElement(
                SubMenu,
                { key: 'sub4', title: _react2.default.createElement(
                        'span',
                        null,
                        _react2.default.createElement(_icon2.default, { type: 'setting' }),
                        _react2.default.createElement(
                            'span',
                            null,
                            'Navigation Three'
                        )
                    ) },
                _react2.default.createElement(
                    _menu2.default.Item,
                    { key: '9' },
                    'Option 9'
                ),
                _react2.default.createElement(
                    _menu2.default.Item,
                    { key: '10' },
                    'Option 10'
                ),
                _react2.default.createElement(
                    _menu2.default.Item,
                    { key: '11' },
                    'Option 11'
                ),
                _react2.default.createElement(
                    _menu2.default.Item,
                    { key: '12' },
                    'Option 12'
                )
            )
        );
    }
});

exports.Sider = Sider;
// const target = document.getElementById('root')
// ReactDOM.render(<Sider/>, target);
//# sourceMappingURL=index.js.map