dareway-rui
Version:
241 lines (211 loc) • 10.3 kB
JavaScript
'use strict';
var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');
Object.defineProperty(exports, '__esModule', {
value: true
});
exports.default = void 0;
var _objectSpread2 = _interopRequireDefault(require('@babel/runtime/helpers/objectSpread'));
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 _assertThisInitialized2 = _interopRequireDefault(require('@babel/runtime/helpers/assertThisInitialized'));
var _inherits2 = _interopRequireDefault(require('@babel/runtime/helpers/inherits'));
var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));
var _react = _interopRequireDefault(require('react'));
var _propTypes = _interopRequireDefault(require('prop-types'));
var _ruiIcon = _interopRequireDefault(require('rui-icon'));
var _antd = require('antd');
var _ = require('../../');
var _LaneSwitcher = _interopRequireDefault(require('./LaneSwitcher.png'));
var _util = require('../../util');
var _normalLane = _interopRequireDefault(require('./normalLane.png'));
/////////////////////////////////////////////////////////////////////////////
// Dependency
//
// React
// RUI
/////////////////////////////////////////////////////////////////////////////
// View
//
var LaneSwitcher =
/*#__PURE__*/
(function(_React$Component) {
(0, _inherits2.default)(LaneSwitcher, _React$Component);
function LaneSwitcher(props) {
var _this;
(0, _classCallCheck2.default)(this, LaneSwitcher);
_this = (0, _possibleConstructorReturn2.default)(
this,
(0, _getPrototypeOf2.default)(LaneSwitcher).call(this, props)
);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'changeImageStyle', function(
value
) {
var userStyle = document.getElementById(_this.divId);
if (value === true) {
userStyle.style.backgroundColor = '#3271CF';
userStyle.style.marginTop = '1px';
} else {
userStyle.style.backgroundColor = '';
}
});
_this.divId = 'divID' + '_' + (0, _util.uuid)();
return _this;
}
(0, _createClass2.default)(LaneSwitcher, [
{
key: 'handleLogOut',
value: function handleLogOut() {
_.CurrentUser.logout();
}
},
{
key: 'render',
value: function render() {
var _this2 = this;
var _this$props = this.props,
lanes = _this$props.lanes,
currentActiveLaneId = _this$props.currentActiveLaneId,
handleChangeActiveLane = _this$props.handleChangeActiveLane,
mainLaneId = _this$props.mainLaneId,
handleSysInfoClick = _this$props.handleSysInfoClick;
var iconBlockStyle = {
position: 'relative',
right: 5
};
var infoBlockStyle = {
position: 'relative',
right: '10px',
width: '10px'
};
var mainLaneTextStyle = {
display: 'inline-block',
width: '150px'
};
var menu = _react.default.createElement(
_antd.Menu,
{
onClick: function onClick() {
_this2.changeImageStyle(false);
}
},
lanes.map(function(_ref) {
var laneID = _ref.laneID,
labelValue = _ref.labelValue;
var itemStyle = {};
if (laneID === currentActiveLaneId) {
itemStyle = (0, _objectSpread2.default)({}, itemStyle, {
backgroundColor: '#e6f7ff'
});
}
return _react.default.createElement(
_antd.Menu.Item,
{
key: laneID,
onClick: function onClick() {
return handleChangeActiveLane(laneID);
},
style: itemStyle
},
mainLaneId === laneID
? _react.default.createElement(
'div',
null,
_react.default.createElement(
'span',
{
style: iconBlockStyle
},
_react.default.createElement(_ruiIcon.default, {
type: 'home',
style: {
fontSize: 12
}
})
),
_react.default.createElement(
'span',
{
style: mainLaneTextStyle
},
labelValue
),
_react.default.createElement(
'span',
{
onClick: handleSysInfoClick,
style: infoBlockStyle
},
_react.default.createElement(_ruiIcon.default, {
type: 'info-circle'
})
)
)
: _react.default.createElement(
'div',
null,
_react.default.createElement(
'span',
{
style: iconBlockStyle
},
_react.default.createElement(_ruiIcon.default, {
type: 'block'
})
),
_react.default.createElement('span', null, labelValue)
)
);
})
);
return _react.default.createElement(
'div',
null,
_react.default.createElement('div', {
id: this.divId,
style: {
width: '26px',
height: '48px',
zIndex: 10,
position: 'absolute',
right: '0px'
}
}),
_react.default.createElement(
'div',
{
name: 'laneSwitcher',
className: 'rui-laneswitcher'
},
_react.default.createElement(
_antd.Dropdown,
{
overlay: menu,
placement: 'bottomCenter',
onVisibleChange: this.changeImageStyle
},
_react.default.createElement('div', {
style: {
width: '16px',
height: '48px',
background: 'url('.concat(
_LaneSwitcher.default,
') no-repeat right 0px top 16px'
),
cursor: 'pointer'
}
})
)
)
);
}
}
]);
return LaneSwitcher;
})(_react.default.Component);
exports.default = LaneSwitcher;
(0, _defineProperty2.default)(LaneSwitcher, 'propTypes', {
mainLaneId: _propTypes.default.string
});
//@ sourceMappingURL=LaneSwitcher.js.map