dareway-rui/build/taglib/collapsibleTree/view/index.js

'use strict';

var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');

Object.defineProperty(exports, '__esModule', {
    value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require('@babel/runtime/helpers/classCallCheck'));

var _createClass2 = _interopRequireDefault(require('@babel/runtime/helpers/createClass'));

var _possibleConstructorReturn2 = _interopRequireDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));

var _getPrototypeOf2 = _interopRequireDefault(require('@babel/runtime/helpers/getPrototypeOf'));

var _inherits2 = _interopRequireDefault(require('@babel/runtime/helpers/inherits'));

var _react = _interopRequireDefault(require('react'));

var _antd = require('antd');

var _reactDraggable = _interopRequireDefault(require('react-draggable'));

require('./style.css');

var _common = require('../utils/common');

var _generator = require('../utils/generator');

var _LaneContext = _interopRequireDefault(require('../../lane/LaneContext'));

var Content = _antd.Layout.Content,
    Sider = _antd.Layout.Sider;

var CollapsibleTreeView =
    /*#__PURE__*/
    (function(_React$Component) {
        (0, _inherits2.default)(CollapsibleTreeView, _React$Component);

        function CollapsibleTreeView(props) {
            (0, _classCallCheck2.default)(this, CollapsibleTreeView);
            return (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(CollapsibleTreeView).call(this, props)
            );
        }

        (0, _createClass2.default)(CollapsibleTreeView, [
            {
                key: 'render',
                value: function render() {
                    var _this$props = this.props,
                        treeNodes = _this$props.treeNodes,
                        showVMPath = _this$props.showVMPath,
                        handleTreeNodeSelect = _this$props.handleTreeNodeSelect,
                        onCollapse = _this$props.onCollapse,
                        onOpenChange = _this$props.onOpenChange,
                        selectedTreeNodeName = _this$props.selectedTreeNodeName,
                        collapse = _this$props.collapse,
                        selectedKeys = _this$props.selectedKeys,
                        openKeys = _this$props.openKeys,
                        sideWidth = _this$props.sideWidth,
                        onDrag = _this$props.onDrag,
                        draggable = _this$props.draggable;
                    return _react.default.createElement(_LaneContext.default.Consumer, null, function(__laneID__) {
                        return _react.default.createElement(
                            _antd.Layout,
                            {
                                style: {
                                    height: '100%',
                                    width: '100%',
                                    background: 'white',
                                    position: 'relative'
                                }
                            },
                            _react.default.createElement(
                                Sider,
                                {
                                    onCollapse: onCollapse,
                                    theme: 'light',
                                    className: 'dw-layout-sider',
                                    width: sideWidth,
                                    collapsedWidth: 0,
                                    collapsed: collapse
                                },
                                _react.default.createElement(
                                    _antd.Menu,
                                    {
                                        mode: 'inline',
                                        onSelect: handleTreeNodeSelect,
                                        onOpenChange: onOpenChange,
                                        selectedKeys: selectedKeys,
                                        openKeys: collapse ? [] : openKeys,
                                        inlineIndent: 14
                                    },
                                    (0, _generator.generateTreeNodes)(treeNodes, __laneID__, showVMPath)
                                )
                            ),
                            draggable
                                ? _react.default.createElement(
                                      _reactDraggable.default,
                                      {
                                          axis: 'x',
                                          onDrag: onDrag
                                      },
                                      _react.default.createElement('div', {
                                          className: 'dw-sider-collapsible-draggable',
                                          style: {
                                              left: sideWidth,
                                              width: collapse ? 0 : 4
                                          }
                                      })
                                  )
                                : null,
                            _react.default.createElement('div', {
                                className: 'dw-sider-collapsible-bar dw-sider-collapsible-bar-'.concat(
                                    collapse ? 'collapsible' : 'extend'
                                ),
                                onClick: function onClick() {
                                    onCollapse(!collapse);
                                }
                            }),
                            _react.default.createElement(
                                _antd.Layout,
                                null,
                                _react.default.createElement(
                                    Content,
                                    {
                                        className: 'dw-collapsible-tree-content',
                                        onContextMenu: function onContextMenu(e) {
                                            showVMPath(
                                                e,
                                                (0, _common.getVMPathByTreeNodeName)(treeNodes, selectedTreeNodeName),
                                                __laneID__
                                            );
                                        }
                                    },
                                    (0, _generator.generateBreadCrumb)(treeNodes, selectedTreeNodeName),
                                    (0, _generator.generateTreeNodeContents)(treeNodes, selectedTreeNodeName)
                                )
                            )
                        );
                    });
                }
            }
        ]);
        return CollapsibleTreeView;
    })(_react.default.Component);

exports.default = CollapsibleTreeView;

//@ sourceMappingURL=index.js.map