ming-demo3/lib/components/echart/panel/eChartPanelSetDateTime.js

mdf metaui web

"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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 Option = _baseui.Select.Option;
var RadioGroup = _baseui.Radio.Group;
var ConvenientQuery = null;

var eChartPanelSetDateTime = function (_React$Component) {
  (0, _inherits2["default"])(eChartPanelSetDateTime, _React$Component);

  function eChartPanelSetDateTime(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, eChartPanelSetDateTime);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(eChartPanelSetDateTime).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChecked", function (checked, key) {
      var self = (0, _assertThisInitialized2["default"])(_this);
      var sumFields = self.state.sumFields;

      var ele = _.find(sumFields, function (o) {
        return o.key == key;
      });

      if (checked) {
        var tmpOrder = 1;

        _.forEach(sumFields, function (eleTmp) {
          if (eleTmp.iOrder > tmpOrder && eleTmp.iOrder != 9999) tmpOrder = eleTmp.iOrder;
        });

        ele.bSelected = true;
        ele.iOrder = tmpOrder;
      } else {
        ele.bSelected = false;
        ele.iOrder = 9999;
      }

      self.setState({
        sumFields: sumFields
      });
    });

    var _self = (0, _assertThisInitialized2["default"])(_this);

    var config = _self.props.colEle.componentConfig.dateTimeConfig || {};
    _self.state = {
      bShow_Date: config.hasOwnProperty("fontFamily") ? config.bShow_Date : true,
      bShow_HourMinute: config.hasOwnProperty("fontFamily") ? config.bShow_HourMinute : true,
      bShow_Second: config.hasOwnProperty("fontFamily") ? config.bShow_Second : true,
      bShow_Week: config.hasOwnProperty("fontFamily") ? config.bShow_Week : true,
      dateSplit: config.hasOwnProperty("fontFamily") ? config.dateSplit : "-",
      timeSplit: config.hasOwnProperty("fontFamily") ? config.timeSplit : ":",
      fontSize: config.hasOwnProperty("fontFamily") ? config.fontSize : 20,
      fontFamily: config.hasOwnProperty("fontFamily") ? config.fontFamily : "STKaiti"
    };
    return _this;
  }

  (0, _createClass2["default"])(eChartPanelSetDateTime, [{
    key: "render",
    value: function render() {
      var self = this;
      var content = self.getCardContent();
      return _react["default"].createElement(_baseui.Modal, {
        className: "eChartPanelSetDateTime_SetChart eChartPanelSetDateTime_SetDateTime",
        title: "\u6DFB\u52A0\u65E5\u671F\u65F6\u95F4",
        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 content = _react["default"].createElement("div", {
        className: "hz"
      }, _react["default"].createElement(_row["default"], {
        className: "width-less"
      }, _react["default"].createElement(_col["default"], null, "\u663E\u793A\u65E5\u671F"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(RadioGroup, {
        onChange: function onChange(e) {
          return _this2.setState({
            "bShow_Date": e.target.value
          });
        },
        value: self.state.bShow_Date
      }, _react["default"].createElement(_baseui.Radio, {
        value: true
      }, "\u662F"), _react["default"].createElement(_baseui.Radio, {
        value: false
      }, "\u5426")))), _react["default"].createElement(_row["default"], {
        className: "width-less"
      }, _react["default"].createElement(_col["default"], null, "\u663E\u793A\u65F6\u5206"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(RadioGroup, {
        onChange: function onChange(e) {
          return _this2.setState({
            "bShow_HourMinute": e.target.value
          });
        },
        value: self.state.bShow_HourMinute
      }, _react["default"].createElement(_baseui.Radio, {
        value: true
      }, "\u662F"), _react["default"].createElement(_baseui.Radio, {
        value: false
      }, "\u5426")))), _react["default"].createElement(_row["default"], {
        className: "width-less"
      }, _react["default"].createElement(_col["default"], null, "\u663E\u793A\u79D2"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(RadioGroup, {
        onChange: function onChange(e) {
          return _this2.setState({
            "bShow_Second": e.target.value
          });
        },
        value: self.state.bShow_Second,
        disabled: !self.state.bShow_HourMinute
      }, _react["default"].createElement(_baseui.Radio, {
        value: true
      }, "\u662F"), _react["default"].createElement(_baseui.Radio, {
        value: false
      }, "\u5426")))), _react["default"].createElement(_row["default"], {
        className: "width-less"
      }, _react["default"].createElement(_col["default"], null, "\u663E\u793A\u5468"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(RadioGroup, {
        onChange: function onChange(e) {
          return _this2.setState({
            "bShow_Week": e.target.value
          });
        },
        value: self.state.bShow_Week
      }, _react["default"].createElement(_baseui.Radio, {
        value: true
      }, "\u662F"), _react["default"].createElement(_baseui.Radio, {
        value: false
      }, "\u5426")))), _react["default"].createElement(_row["default"], {
        className: "width-less-pl"
      }, _react["default"].createElement(_col["default"], null, "\u65E5\u671F\u5206\u9694\u7B26"), _react["default"].createElement(_col["default"], null, _react["default"].createElement("div", {
        className: "eChartPanelSetDateTime_dateSplit"
      }, _react["default"].createElement(_col["default"], {
        className: self.state.dateSplit == "-" ? "eChartPanelSetDateTime_selected" : "eChartPanelSetDateTime_unselected",
        onClick: function onClick() {
          return self.setState({
            "dateSplit": "-"
          });
        }
      }, "-"), _react["default"].createElement(_col["default"], {
        style: {
          lineHeight: '20px'
        },
        className: self.state.dateSplit == "·" ? "eChartPanelSetDateTime_selected" : "eChartPanelSetDateTime_unselected",
        onClick: function onClick() {
          return self.setState({
            "dateSplit": "·"
          });
        }
      }, "."), _react["default"].createElement(_col["default"], {
        className: self.state.dateSplit == "/" ? "eChartPanelSetDateTime_selected" : "eChartPanelSetDateTime_unselected",
        onClick: function onClick() {
          return self.setState({
            "dateSplit": "/"
          });
        }
      }, "/"), _react["default"].createElement(_col["default"], {
        className: self.state.dateSplit == "年月日" ? "eChartPanelSetDateTime_selected" : "eChartPanelSetDateTime_unselected",
        onClick: function onClick() {
          return self.setState({
            "dateSplit": "年月日"
          });
        }
      }, "\u5E74\u6708\u65E5")))), _react["default"].createElement(_row["default"], {
        className: "width-less-pl",
        style: {
          display: 'none'
        }
      }, _react["default"].createElement(_col["default"], null, "\u65F6\u95F4\u5206\u9694\u7B26"), _react["default"].createElement(_col["default"], null, _react["default"].createElement(_baseui.Input, {
        defaultValue: self.state.timeSplit,
        onChange: function onChange(e) {
          return _this2.setState({
            "timeSplit": e.target.value
          });
        }
      }))), _react["default"].createElement(_row["default"], {
        className: "width-less-pl"
      }, _react["default"].createElement(_col["default"], null, "\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: "displayStyleChange",
    value: function displayStyleChange(value) {
      this.setState({
        subType: value
      });
    }
  }, {
    key: "setEditFieldName",
    value: function setEditFieldName(e, fieldName) {
      e.preventDefault();
      e.stopPropagation();
      this.setState({
        "editFieldName": fieldName
      });
    }
  }, {
    key: "setShowCaption",
    value: function setShowCaption(key, value) {
      var sumFields = this.state.sumFields;

      var ele = _.find(sumFields, function (ele) {
        return ele.key == key;
      });

      if (value) ele.showCaption = value;else ele.showCaption = ele.caption;
      this.setState({
        sumFields: sumFields
      });
    }
  }, {
    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.chartKey = eChartCommon.getNewChartKey();
        info.bShow_Date = this.state.bShow_Date;
        info.bShow_HourMinute = this.state.bShow_HourMinute;
        info.bShow_Second = this.state.bShow_Second;
        info.bShow_Week = this.state.bShow_Week;
        info.dateSplit = this.state.dateSplit;
        info.timeSplit = this.state.timeSplit;
        info.fontFamily = this.state.fontFamily;

        if (this.checkInteger(this.state.fontSize, false, false, false) == false) {
          cb.utils.alert('字体大小设置不正确', 'error');
        } else if (info.bShow_Date == false && info.bShow_HourMinute == false && info.bShow_Week == false) {
          cb.utils.alert('请设置显示内容', 'error');
        } else {
          info.fontSize = Number(this.state.fontSize);
          this.props.doFunc(bOK, info);
        }
      } else {
        this.props.doFunc(bOK);
      }
    }
  }, {
    key: "componentDidMount",
    value: function componentDidMount() {}
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {}
  }]);
  return eChartPanelSetDateTime;
}(_react["default"].Component);

exports["default"] = eChartPanelSetDateTime;
//# sourceMappingURL=eChartPanelSetDateTime.js.map