ming-demo3
Version:
mdf metaui web
268 lines (238 loc) • 9.84 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
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 _fileUpload = _interopRequireDefault(require("../../file-upload"));
var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));
var _eChartUpLoad = _interopRequireDefault(require("../eChartUpLoad"));
var RadioGroup = _baseui.Radio.Group;
var eChartPanelSetImageText = function (_React$Component) {
(0, _inherits2["default"])(eChartPanelSetImageText, _React$Component);
function eChartPanelSetImageText(props) {
var _this;
(0, _classCallCheck2["default"])(this, eChartPanelSetImageText);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(eChartPanelSetImageText).call(this, props));
var self = (0, _assertThisInitialized2["default"])(_this);
var colEle = self.props.colEle;
var info;
if (colEle.widgetType == "imagetext") {
info = colEle.panelImageTextConfig;
} else {
info = {
subType: "title",
title: colEle.panelImageTextConfig ? colEle.panelImageTextConfig.title : "默认图文示例",
height: '100%',
width: '100%',
fontSize: 24,
color: '#333',
textAlign: 'center',
fontFamily: 'STKaiti',
alignItems: "center",
display: "flex",
logoImg: "",
logoPosition: {
horizontal: "left",
vertical: "top"
},
logoStretch: false,
innerFName: "看板配置信息-模块配置-图文示例"
};
}
_this.state = {
info: info
};
return _this;
}
(0, _createClass2["default"])(eChartPanelSetImageText, [{
key: "render",
value: function render() {
var self = this;
var content = self.getCardContent();
return _react["default"].createElement(_baseui.Modal, {
className: "eChartPanelDesign_SetImageText",
title: "\u6DFB\u52A0\u56FE\u6587",
onOk: function onOk(e) {
return self.doFunc(true);
},
onCancel: function onCancel(e) {
return self.doFunc(false);
},
visible: true
}, content);
}
}, {
key: "setSubType",
value: function setSubType(value) {
this.state.info.subType = value;
this.setState();
}
}, {
key: "getCardSubContent",
value: function getCardSubContent() {
var self = this;
var subType = self.state.info.subType;
var content;
if (subType == "title") {
content = _react["default"].createElement("div", {
className: "tw"
}, _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", null, "\u6807\u9898\u540D\u79F0"), _react["default"].createElement(_baseui.Input, {
defaultValue: self.state.info.title,
onChange: function onChange(e) {
return self.setStateInfoValue("title", e.target.value);
}
})), _react["default"].createElement(_row["default"], {
className: "fontSize"
}, _react["default"].createElement("span", null, "\u5B57\u4F53\u5927\u5C0F"), _react["default"].createElement(_baseui.Input, {
defaultValue: self.state.info.fontSize,
onChange: function onChange(e) {
return self.setStateInfoValue("fontSize", e.target.value);
}
})));
} else if (subType == "logo") {
content = _react["default"].createElement("div", null, _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", null, "LOGO"), _react["default"].createElement(_eChartUpLoad["default"], {
doUpload: function doUpload(logoImg) {
return self.doUpload(logoImg);
},
logoImg: self.state.info.logoImg
})), _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", null, "\u5BF9\u9F50\u65B9\u5F0F"), _react["default"].createElement("div", {
className: "fl clearfix"
}, _react["default"].createElement(_col["default"], {
title: "\u5C45\u5DE6",
className: self.state.info.logoPosition.horizontal == "left" ? "selected" : "unselected",
onClick: function onClick() {
return self.setLogoPosition("horizontal", "left");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "zuoce"
})), _react["default"].createElement(_col["default"], {
title: "\u5C45\u4E2D",
className: self.state.info.logoPosition.horizontal == "center" ? "selected" : "unselected",
onClick: function onClick() {
return self.setLogoPosition("horizontal", "center");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "zhongjian"
})), _react["default"].createElement(_col["default"], {
title: "\u5C45\u53F3",
className: self.state.info.logoPosition.horizontal == "right" ? "selected" : "unselected",
onClick: function onClick() {
return self.setLogoPosition("horizontal", "right");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "youce"
}))), _react["default"].createElement("div", {
className: "fl clearfix"
}, _react["default"].createElement(_col["default"], {
title: "\u5C45\u4E0A",
className: self.state.info.logoPosition.vertical == "top" ? "selected" : "unselected",
onClick: function onClick() {
return self.setLogoPosition("vertical", "top");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "dingbu"
})), _react["default"].createElement(_col["default"], {
title: "\u5C45\u4E2D",
className: self.state.info.logoPosition.vertical == "middle" ? "selected" : "unselected",
onClick: function onClick() {
return self.setLogoPosition("vertical", "middle");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "zhongjian"
})), _react["default"].createElement(_col["default"], {
title: "\u5C45\u4E0B",
className: self.state.info.logoPosition.vertical == "bottom" ? "selected" : "unselected",
onClick: function onClick() {
return self.setLogoPosition("vertical", "bottom");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "dibu"
})))));
}
return content;
}
}, {
key: "doUpload",
value: function doUpload(logoImg) {
this.state.info.logoImg = logoImg;
this.setState();
}
}, {
key: "setLogoPosition",
value: function setLogoPosition(type, value) {
var logoPosition = this.state.info.logoPosition;
logoPosition[type] = value;
this.setState();
}
}, {
key: "getCardContent",
value: function getCardContent() {
var self = this;
var info = self.state.info;
var subContent = self.getCardSubContent();
var content = _react["default"].createElement("div", {
className: "tuwen-xs"
}, _react["default"].createElement("span", {
className: "tw"
}, "\u56FE\u6587\u5F62\u5F0F"), _react["default"].createElement(RadioGroup, {
onChange: function onChange(e) {
return self.setSubType(e.target.value);
},
value: self.state.info.subType
}, _react["default"].createElement(_baseui.Radio, {
value: "title"
}, "\u6807\u9898"), _react["default"].createElement(_baseui.Radio, {
value: "logo"
}, "LOGO")), subContent);
return content;
}
}, {
key: "setStateInfoValue",
value: function setStateInfoValue(name, value) {
var self = this;
var info = self.state.info;
info[name] = value;
self.setState({
info: info
});
}
}, {
key: "doFunc",
value: function doFunc(bOK) {
if (bOK) {
var info = this.state.info;
if (info.subType == "title") {
if (info.fontSize == "") {
cb.utils.alert('请设置字体大小', 'error');
} else {
this.props.doFunc(bOK, info);
}
} else if (info.subType == "logo") {
if (info.logoImg == "") {
cb.utils.alert('请设置背景图片', 'error');
} else {
this.props.doFunc(bOK, info);
}
}
} else {
this.props.doFunc(bOK);
}
}
}]);
return eChartPanelSetImageText;
}(_react["default"].Component);
exports["default"] = eChartPanelSetImageText;
//# sourceMappingURL=eChartPanelSetImageText.js.map