ming-demo3
Version:
mdf metaui web
255 lines (218 loc) • 8.86 kB
JavaScript
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
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 = _interopRequireWildcard(require("react"));
var _baseui = require("@mdf/baseui");
var _formatDate = require("@mdf/cube/lib/helpers/formatDate");
var _row = _interopRequireDefault(require("../../basic/row"));
var _col = _interopRequireDefault(require("../../basic/col"));
var eChartCommon = _interopRequireWildcard(require("../eChartCommon"));
var eChartDemoData = _interopRequireWildcard(require("../eChartDemoData"));
var eChartProxy = _interopRequireWildcard(require("../eChartProxy"));
var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));
var eChartPanelSetNotice = function (_React$Component) {
(0, _inherits2["default"])(eChartPanelSetNotice, _React$Component);
function eChartPanelSetNotice(props) {
var _this;
(0, _classCallCheck2["default"])(this, eChartPanelSetNotice);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(eChartPanelSetNotice).call(this, props));
eChartCommon.LogChartInfo("eChartPanelSetNotice constructor ", "", 900);
_this.bVisible = !!props.bVisible;
_this.state = {
panelType: props.panelType || 1
};
if (_this.bVisible) {
_this.colEle = props.colEle;
var config = props.colEle.componentConfig.noticeConfig || {};
_this.initState(true, config, props.panelType);
}
return _this;
}
(0, _createClass2["default"])(eChartPanelSetNotice, [{
key: "initState",
value: function initState(bFirst, noticeConfig, panelType) {
var self = this;
noticeConfig = noticeConfig || {};
self.state = {
panelType: self.state.panelType || panelType || 1,
title: noticeConfig.title || "公告",
fontSize: noticeConfig.fontSize || 12,
num: noticeConfig.num || 5,
fontFamily: 'STKaiti'
};
}
}, {
key: "shouldComponentUpdate",
value: function shouldComponentUpdate(nextProps, nextState) {
var bFlag;
if (this.state.panelType == 3) {
if (_.isEqual(nextState, this.state) == false) {
bFlag = true;
} else {
bFlag = false;
}
} else {
bFlag = true;
}
eChartCommon.LogChartInfo("eChartPanelSetNotice shouldComponentUpdate return ", bFlag, 900);
return bFlag;
}
}, {
key: "componentWillReceiveProps",
value: function componentWillReceiveProps(nextProps) {
eChartCommon.LogChartInfo("eChartPanelSetNotice componentWillReceiveProps ", "", 900);
if (this.state.panelType == 3) {
var preVisible = this.bVisible;
this.bVisible = !!nextProps.bVisible;
if (preVisible == true && this.bVisible == false) {
this.forceUpdate();
} else if (this.bVisible && (_.isEmpty(this.props.colEle) || _.isEqual(nextProps.colEle.noticeConfig, this.props.colEle.noticeConfig) == false)) {
this.colEle = nextProps.colEle;
this.initState(false, nextProps.colEle.noticeConfig, nextProps.panelType);
this.forceUpdate();
}
}
}
}, {
key: "render",
value: function render() {
eChartCommon.LogChartInfo("eChartPanelSetNotice render ", "", 900);
var self = this;
if (!self.bVisible) {
return _react["default"].createElement("div", {
className: "eChartPanelDesign_SetNotice3_NoData"
});
}
var content = self.getCardContent();
if (this.state.panelType == 3) {
return _react["default"].createElement("div", {
className: "eChartPanelDesign_SetNotice3",
key: "SetNoticeKey_" + self.colEle.colKey
}, content, _react["default"].createElement("div", {
className: "eChartPanelSplit_bottom3"
}, _react["default"].createElement(_baseui.Button, {
type: "primary",
onClick: function onClick() {
return self.doFunc(true);
}
}, "\u786E\u5B9A"), _react["default"].createElement(_baseui.Button, {
type: "default",
onClick: function onClick() {
return self.doFunc(false);
}
}, "\u53D6\u6D88")));
} else {
return _react["default"].createElement(_baseui.Modal, {
className: "eChartPanelDesign_SetNotice",
title: "\u6DFB\u52A0\u516C\u544A",
onOk: function onOk(e) {
return self.doFunc(true);
},
onCancel: function onCancel(e) {
return self.doFunc(false);
},
visible: true
}, content);
}
}
}, {
key: "getCardContent",
value: function getCardContent() {
var _this2 = this;
var self = this;
var panelType = this.state.panelType;
var content = _react["default"].createElement("div", {
className: "hz"
}, _react["default"].createElement(_row["default"], {
className: "width-less-pl"
}, _react["default"].createElement(_col["default"], {
className: "eChartPanelSetNotice_1"
}, "\u663E\u793A\u6761\u6570"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(_baseui.Input, {
defaultValue: self.state.num,
onChange: function onChange(e) {
return _this2.setState({
"num": e.target.value
});
}
}))), _react["default"].createElement(_row["default"], {
className: "width-less-pl"
}, _react["default"].createElement(_col["default"], {
className: "eChartPanelSetNotice_2"
}, "\u6807\u9898\u5185\u5BB9"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(_baseui.Input, {
defaultValue: self.state.title,
onChange: function onChange(e) {
return _this2.setState({
"title": e.target.value
});
}
}))), _react["default"].createElement(_row["default"], {
className: "width-less-pl"
}, _react["default"].createElement(_col["default"], {
className: "eChartPanelSetNotice_3"
}, " \u5B57\u4F53\u5927\u5C0F"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(_baseui.Input, {
defaultValue: self.state.fontSize,
onChange: function onChange(e) {
return _this2.setState({
"fontSize": e.target.value
});
}
}))));
return content;
}
}, {
key: "checkInteger",
value: function checkInteger(fieldValue, bCanZero, bCanSmallThanZero, bCanNumPoint) {
if (fieldValue.toString().trim() == "") {
return false;
} else if (isNaN(fieldValue) == true) {
return false;
} else if (bCanZero == false && Number(fieldValue) == 0) {
return false;
} else if (bCanSmallThanZero == false && Number(fieldValue) < 0) {
return false;
} else if (bCanNumPoint == false && fieldValue.toString().indexOf(".") >= 0) {
return false;
}
return true;
}
}, {
key: "doFunc",
value: function doFunc(bOK) {
if (bOK) {
var info = {};
info.title = this.state.title;
info.fontSize = this.state.fontSize;
info.num = this.state.num;
if (this.checkInteger(info.fontSize, false, false, false) == false) {
cb.utils.alert('标题字体大小设置不正确', 'error');
} else if (this.checkInteger(info.num, false, false, false) == false) {
cb.utils.alert('显示条数设置不正确', 'error');
} else if (_.isEmpty(info.title)) {
cb.utils.alert('标题内容不可为空', 'error');
} else {
this.props.doFunc(bOK, info);
}
} else {
this.props.doFunc(bOK);
}
}
}, {
key: "componentDidMount",
value: function componentDidMount() {}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {}
}]);
return eChartPanelSetNotice;
}(_react["default"].Component);
exports["default"] = eChartPanelSetNotice;
//# sourceMappingURL=eChartPanelSetNotice.js.map