ming-demo3
Version:
mdf metaui web
263 lines (240 loc) • 10.5 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 _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));
var RadioGroup = _baseui.Radio.Group;
var eChartPanelSplit = function (_React$Component) {
(0, _inherits2["default"])(eChartPanelSplit, _React$Component);
function eChartPanelSplit(props) {
var _this;
(0, _classCallCheck2["default"])(this, eChartPanelSplit);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(eChartPanelSplit).call(this, props));
_this.state = {
splitInfo: {
splitType: "col",
count: 2,
num1: 1,
num2: 1,
num3: 1,
bInnerBorder: true,
bInnerMargin: true,
bOuterBorder: false,
bOuterMargin: false
},
panelType: props.panelType ? props.panelType : 1
};
return _this;
}
(0, _createClass2["default"])(eChartPanelSplit, [{
key: "render",
value: function render() {
var self = this;
var content = self.getSplitContent();
var visible = self.props.selectedColKey == self.props.colEle.colKey && self.props.curOperateType == "splitCol";
return _react["default"].createElement("div", {
className: "eChartPanelSplit " + (self.props.colEle.backgroundImage ? "eChartPanelSplit_HasImg" : "eChartPanelSplit_NoImg")
}, _react["default"].createElement(_baseui.Popover, {
content: content,
trigger: "click",
visible: visible,
onVisibleChange: function onVisibleChange(visible2) {
return self.showContent(visible2, 1);
}
}, _react["default"].createElement(_baseui.Button, {
className: "chaifen",
onClick: function onClick() {
return self.showContent(true, 2);
},
style: {
color: self.props.skinConfig ? self.props.skinConfig.designSkin.textColor : undefined
},
title: "\u62C6\u5206"
}, _react["default"].createElement(_SvgIcon["default"], {
type: "chaifen"
}))));
}
}, {
key: "setStateInfoValue",
value: function setStateInfoValue(name, value) {
var self = this;
var splitInfo = self.state.splitInfo;
splitInfo[name] = value;
self.setState({
splitInfo: splitInfo
});
}
}, {
key: "getSplitContent",
value: function getSplitContent() {
var self = this;
var splitInfo = self.state.splitInfo;
var content = _react["default"].createElement("div", null, _react["default"].createElement("div", {
className: "eChartPanelSplit_content"
}, _react["default"].createElement("div", {
className: "clearfix"
}, _react["default"].createElement(_row["default"], {
className: "label-title"
}, "\u62C6\u5206\u65B9\u5411"), _react["default"].createElement(_row["default"], {
className: "direction"
}, self.state.panelType == 1 ? _react["default"].createElement(_col["default"], {
className: splitInfo.splitType == "row" ? "selected" : "unselected",
onClick: function onClick() {
return self.setStateInfoValue("splitType", "row");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "hang"
}), " ") : null, _react["default"].createElement(_col["default"], {
className: splitInfo.splitType == "col" ? "selected" : "unselected",
onClick: function onClick() {
return self.setStateInfoValue("splitType", "col");
}
}, _react["default"].createElement(_SvgIcon["default"], {
type: "lie"
})))), _react["default"].createElement("div", {
className: "clearfix"
}, _react["default"].createElement(_row["default"], {
className: "label-title"
}, "\u62C6\u5206\u6570\u91CF"), _react["default"].createElement(_row["default"], {
className: "num"
}, _react["default"].createElement(_baseui.Button, {
type: splitInfo.count == 2 ? "primary" : "",
onClick: function onClick() {
return self.setStateInfoValue("count", 2);
}
}, "2"), _react["default"].createElement(_baseui.Button, {
type: splitInfo.count == 3 ? "primary" : "",
onClick: function onClick() {
return self.setStateInfoValue("count", 3);
}
}, "3"))), _react["default"].createElement("div", {
className: "clearfix"
}, _react["default"].createElement(_row["default"], {
className: "label-title"
}, "\u62C6\u5206\u6BD4\u4F8B"), _react["default"].createElement("div", {
className: "bili clearfix"
}, _react["default"].createElement(_baseui.Input, {
style: {
display: "inline"
},
value: splitInfo.num1,
onChange: function onChange(e) {
return self.setStateInfoValue("num1", e.target.value);
}
}), _react["default"].createElement("span", null, ":"), _react["default"].createElement(_baseui.Input, {
style: {
display: "inline"
},
value: splitInfo.num2,
onChange: function onChange(e) {
return self.setStateInfoValue("num2", e.target.value);
}
}), splitInfo.count == 3 ? _react["default"].createElement("span", null, ":") : "", splitInfo.count == 3 ? _react["default"].createElement(_baseui.Input, {
style: {
display: "inline"
},
value: splitInfo.num3,
onChange: function onChange(e) {
return self.setStateInfoValue("num3", e.target.value);
}
}) : "")), self.state.panelType == 1 ? _react["default"].createElement("div", null, _react["default"].createElement("div", {
className: "clearfix"
}, _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", {
className: "label-title"
}, "\u4FDD\u7559\u5185\u5C42\u8FB9\u6846"), _react["default"].createElement(RadioGroup, {
value: splitInfo.bInnerBorder ? true : false,
onChange: function onChange(e) {
return self.setStateInfoValue("bInnerBorder", e.target.value);
}
}, _react["default"].createElement(_baseui.Radio, {
value: true
}, "\u662F"), _react["default"].createElement(_baseui.Radio, {
value: false
}, "\u5426")))), _react["default"].createElement("div", {
className: "clearfix"
}, _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", {
className: "label-title"
}, "\u4FDD\u7559\u5185\u5C42\u95F4\u8DDD"), _react["default"].createElement(RadioGroup, {
value: splitInfo.bInnerMargin ? true : false,
onChange: function onChange(e) {
return self.setStateInfoValue("bInnerMargin", e.target.value);
}
}, _react["default"].createElement(_baseui.Radio, {
value: true
}, "\u662F"), _react["default"].createElement(_baseui.Radio, {
value: false
}, "\u5426")))), _react["default"].createElement("div", {
className: "clearfix"
}, _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", {
className: "label-title"
}, "\u4FDD\u7559\u5916\u5C42\u8FB9\u6846"), _react["default"].createElement(RadioGroup, {
value: splitInfo.bOuterBorder ? true : false,
onChange: function onChange(e) {
return self.setStateInfoValue("bOuterBorder", e.target.value);
}
}, _react["default"].createElement(_baseui.Radio, {
value: true
}, "\u662F"), _react["default"].createElement(_baseui.Radio, {
value: false
}, "\u5426")))), _react["default"].createElement("div", {
className: "clearfix"
}, _react["default"].createElement(_row["default"], null, _react["default"].createElement("span", {
className: "label-title"
}, "\u4FDD\u7559\u5916\u5C42\u95F4\u8DDD"), _react["default"].createElement(RadioGroup, {
value: splitInfo.bOuterMargin ? true : false,
onChange: function onChange(e) {
return self.setStateInfoValue("bOuterMargin", e.target.value);
}
}, _react["default"].createElement(_baseui.Radio, {
value: true
}, "\u662F"), _react["default"].createElement(_baseui.Radio, {
value: false
}, "\u5426"))))) : null), _react["default"].createElement("div", {
className: "eChartPanelSplit_bottom clearfix"
}, _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")));
return content;
}
}, {
key: "doFunc",
value: function doFunc(bOK) {
var splitInfo = this.state.splitInfo;
this.props.doFunc(bOK, splitInfo);
}
}, {
key: "showContent",
value: function showContent(visible, type) {
if (visible == true && type == 2) {
this.props.showContent(true, this.props.colEle.colKey);
}
if (visible == false && type == 1) {
this.props.showContent(false);
}
}
}]);
return eChartPanelSplit;
}(_react["default"].Component);
exports["default"] = eChartPanelSplit;
//# sourceMappingURL=eChartPanelSplit.js.map