tplus-poslogin
Version:
password login module
230 lines (192 loc) • 8.93 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = undefined;
var _Modal3 = require('tinper-bee/dist/Modal');
var _Modal4 = _interopRequireDefault(_Modal3);
var _Button2 = require('tinper-bee/dist/Button');
var _Button3 = _interopRequireDefault(_Button2);
var _ProgressBar2 = require('tinper-bee/dist/ProgressBar');
var _ProgressBar3 = _interopRequireDefault(_ProgressBar2);
var _stringify = require('babel-runtime/core-js/json/stringify');
var _stringify2 = _interopRequireDefault(_stringify);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
require('tinper-bee/dist/Modal/index.css');
require('tinper-bee/dist/Button/index.css');
require('tinper-bee/dist/ProgressBar/index.css');
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _mutantsMicrofx = require('mutants-microfx');
var _tplusComponentsTouch = require('tplus-components-touch');
require('./style.less');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var updateLogo = "https://newretail.static.chanjet.com/update-logo.png";
var CheckUpdate = function (_Component) {
(0, _inherits3.default)(CheckUpdate, _Component);
function CheckUpdate(props) {
(0, _classCallCheck3.default)(this, CheckUpdate);
var _this = (0, _possibleConstructorReturn3.default)(this, (CheckUpdate.__proto__ || (0, _getPrototypeOf2.default)(CheckUpdate)).call(this, props));
_this.state = {
message: '',
progres: 0,
visible: false,
errorType: false
};
_this.onCancel = _this.onCancel.bind(_this);
_this.handleAgain = _this.handleAgain.bind(_this);
_this.handleClose = _this.handleClose.bind(_this);
return _this;
}
(0, _createClass3.default)(CheckUpdate, [{
key: 'onCancel',
value: function onCancel() {
this.props.handleModal(false);
}
}, {
key: 'handleAgain',
value: function handleAgain() {
this.handleInit();
}
}, {
key: 'handleClose',
value: function handleClose() {
this.setState({ visible: false });
}
}, {
key: 'handleInit',
value: function handleInit() {
var _this2 = this;
_mutantsMicrofx.nativeMs.sendIpcRendererMethod('CheckForUpdate');
_mutantsMicrofx.nativeMs.onIpcRendererMethod("Message", function (ret) {
console.log(ret);
var dt = JSON.parse(ret);
switch (dt.status) {
case 0:
_this2.setState({ message: '更新失败，请重试！', errorType: true });
console.log("错误：" + (0, _stringify2.default)(dt.details));
break;
case 1:
_this2.setState({ message: dt.value, progres: 0 });
break;
case 2:
_this2.setState({ message: dt.value, progres: Math.floor(Math.random() * 50), visible: true });
break;
case 3:
_this2.setState({ message: dt.value, visible: false });
break;
}
});
//注意：“downloadProgress”事件可能存在无法触发的问题，只需要限制一下下载网速就好了
_mutantsMicrofx.nativeMs.onIpcRendererMethod("DownloadProgress", function (event, progressObj) {
console.log('进度条:' + (0, _stringify2.default)(progressObj));
//this.setState({ progres: progressObj && progressObj.percent || 0 })
});
_mutantsMicrofx.nativeMs.onIpcRendererMethod("IsUpdateNow", function () {
_this2.setState({ progres: 100 });
setTimeout(function () {
return _mutantsMicrofx.nativeMs.sendIpcRendererMethod('IsUpdateNow');
}, 3600);
});
}
}, {
key: 'componentDidMount',
value: function componentDidMount() {
this.handleInit();
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
_mutantsMicrofx.nativeMs.removeIpcRendererMethod(["Message", "DownloadProgress", "IsUpdateNow"]);
}
}, {
key: 'render',
value: function render() {
var _state = this.state,
message = _state.message,
progres = _state.progres,
visible = _state.visible,
errorType = _state.errorType;
return _react2.default.createElement(
_Modal4.default,
{
width: 400,
show: visible,
backdropClosable: false,
className: 'CheckModalContainer'
},
_react2.default.createElement(
_Modal4.default.Body,
{ className: 'body' },
_react2.default.createElement(
'div',
{ className: 'container' },
_react2.default.createElement(
'div',
{ className: 'top' },
_react2.default.createElement(
'div',
{ className: 'left' },
_react2.default.createElement('img', { src: updateLogo })
),
_react2.default.createElement(
'div',
{ className: 'right' },
_react2.default.createElement(
'div',
{ className: 'b1' },
'\u7545\u6377\u901AT+\u96F6\u552E\u6536\u94F6\u53D1\u73B0\u65B0\u7248\u672C'
),
_react2.default.createElement(
'div',
{ className: 'b2' },
message
)
)
),
_react2.default.createElement(
'div',
{ className: 'floatBox' },
_react2.default.createElement(_tplusComponentsTouch.Ticon, { className: 'icon', type: 'guanbi-yuan', onClick: this.handleClose })
),
_react2.default.createElement(
'div',
{ className: 'bottom' },
_react2.default.createElement(
'div',
{ className: 'first', style: { display: errorType == false ? '' : 'none' } },
_react2.default.createElement(_ProgressBar3.default, { now: progres, label: progres + '%' })
),
_react2.default.createElement(
'div',
{ className: 'second', style: { display: errorType == true ? '' : 'none' } },
_react2.default.createElement(
'span',
null,
'检查更新出错'
),
_react2.default.createElement(
_Button3.default,
{ onClick: this.handleAgain, colors: 'primary' },
'\u91CD\u8BD5'
)
)
)
)
)
);
}
}]);
return CheckUpdate;
}(_react.Component);
exports.default = CheckUpdate;
//# sourceMappingURL=CheckModal.js.map