ming-demo1/lib/components/message-center/AddMessage.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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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 _reactDom = require("react-dom");

var _reactRedux = require("react-redux");

var _redux = require("redux");

var _baseui = require("@mdf/baseui");

var addActions = _interopRequireWildcard(require("../../redux/addMessage"));

var _label = _interopRequireDefault(require("../basic/label"));

var _Footer = _interopRequireDefault(require("./Footer"));

var _LeftContent = _interopRequireDefault(require("./LeftContent"));

var Operator = function (_Component) {
  (0, _inherits2["default"])(Operator, _Component);

  function Operator() {
    (0, _classCallCheck2["default"])(this, Operator);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Operator).apply(this, arguments));
  }

  (0, _createClass2["default"])(Operator, [{
    key: "render",
    value: function render() {
      var _this = this;

      var dataSource = this.props.dataSource;
      if (!dataSource || !dataSource.length) return null;
      var items = [];
      dataSource.forEach(function (item) {
        var key = item.key,
            value = item.value;
        items.push(_react["default"].createElement(_baseui.Tag, {
          key: key,
          onClick: function onClick() {
            return _this.props.onClick(key);
          }
        }, value));
      });
      return _react["default"].createElement("div", null, items);
    }
  }]);
  return Operator;
}(_react.Component);

var SubscribeRadio = function (_Component2) {
  (0, _inherits2["default"])(SubscribeRadio, _Component2);

  function SubscribeRadio() {
    (0, _classCallCheck2["default"])(this, SubscribeRadio);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SubscribeRadio).apply(this, arguments));
  }

  (0, _createClass2["default"])(SubscribeRadio, [{
    key: "render",
    value: function render() {
      var RadioGroup = _baseui.Radio.Group;
      return _react["default"].createElement(RadioGroup, {
        value: this.props.stopstatus,
        onChange: this.props.onChange
      }, _react["default"].createElement(_baseui.Radio, {
        value: 0
      }, "\u542F\u7528"), _react["default"].createElement(_baseui.Radio, {
        value: 1
      }, "\u505C\u7528"));
    }
  }]);
  return SubscribeRadio;
}(_react.Component);

var SubscribeCycle = function (_Component3) {
  (0, _inherits2["default"])(SubscribeCycle, _Component3);

  function SubscribeCycle() {
    (0, _classCallCheck2["default"])(this, SubscribeCycle);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SubscribeCycle).apply(this, arguments));
  }

  (0, _createClass2["default"])(SubscribeCycle, [{
    key: "render",
    value: function render() {
      var RangePicker = _baseui.DatePicker.RangePicker;
      var _this$props = this.props,
          startTime = _this$props.startTime,
          endTime = _this$props.endTime;
      var format = "YYYY-MM-DD";
      return _react["default"].createElement(RangePicker, {
        value: [startTime, endTime],
        format: format,
        onChange: this.props.onChange
      });
    }
  }]);
  return SubscribeCycle;
}(_react.Component);

var SubscribeFrequency = function (_Component4) {
  (0, _inherits2["default"])(SubscribeFrequency, _Component4);

  function SubscribeFrequency() {
    (0, _classCallCheck2["default"])(this, SubscribeFrequency);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SubscribeFrequency).apply(this, arguments));
  }

  (0, _createClass2["default"])(SubscribeFrequency, [{
    key: "render",
    value: function render() {
      var month = [];

      for (var i = 1; i < 29; i++) {
        month.push(_react["default"].createElement(Option, {
          value: i.toString()
        }, i, "\u53F7"));
      }

      var intervalDay = [];

      for (var _i = 0; _i < 8; _i++) {
        intervalDay.push(_react["default"].createElement(Option, {
          value: _i
        }, _i));
      }

      var intervalWeek = [];

      for (var _i2 = 0; _i2 < 5; _i2++) {
        intervalWeek.push(_react["default"].createElement(Option, {
          value: _i2
        }, _i2));
      }

      var intervalMonth = [];

      for (var _i3 = 0; _i3 < 13; _i3++) {
        intervalMonth.push(_react["default"].createElement(Option, {
          value: _i3
        }, _i3));
      }

      var RadioButton = _baseui.Radio.Button;
      var RadioGroup = _baseui.Radio.Group;
      return _react["default"].createElement("div", {
        className: "subscribe_cycle_radio"
      }, _react["default"].createElement(RadioGroup, {
        value: this.props.value,
        onChange: this.props.onChange
      }, _react["default"].createElement(RadioButton, {
        value: 1
      }, "\u5929"), _react["default"].createElement(RadioButton, {
        value: 2
      }, "\u5468"), _react["default"].createElement(RadioButton, {
        value: 3
      }, "\u6708")), " \xA0\xA0\xA0\xA0\xA0", this.props.value === 1 ? _react["default"].createElement("span", {
        className: "subscribe_cycle_select"
      }, "\u95F4\u9694", _react["default"].createElement(_baseui.Select, {
        value: this.props.interval,
        onChange: this.props.onIntervalChange,
        style: {
          width: 100
        }
      }, intervalDay), "\u5929\u89E6\u53D1\u4E00\u6B21 ") : null, this.props.value === 2 ? _react["default"].createElement("span", {
        className: "subscribe_cycle_select"
      }, "\u95F4\u9694", _react["default"].createElement(_baseui.Select, {
        value: this.props.interval,
        onChange: this.props.onIntervalChange,
        style: {
          width: 100
        }
      }, intervalWeek), "\u5468\u89E6\u53D1\u4E00\u6B21") : null, this.props.value === 3 ? _react["default"].createElement("span", {
        className: "subscribe_cycle_select"
      }, "\u95F4\u9694", _react["default"].createElement(_baseui.Select, {
        value: this.props.interval,
        onChange: this.props.onIntervalChange,
        style: {
          width: 100
        }
      }, intervalMonth), "\u6708\u89E6\u53D1\u4E00\u6B21") : null, _react["default"].createElement("br", null), this.props.value === 2 ? _react["default"].createElement(_baseui.Select, {
        mode: "tags",
        value: this.props.day,
        onChange: this.props.onWeekOrMonthChange,
        className: this.props.className || 'subscribe_cycle_week_or_month'
      }, _react["default"].createElement(Option, {
        value: "2"
      }, "\u661F\u671F\u4E00"), _react["default"].createElement(Option, {
        value: "3"
      }, "\u661F\u671F\u4E8C"), _react["default"].createElement(Option, {
        value: "4"
      }, "\u661F\u671F\u4E09"), _react["default"].createElement(Option, {
        value: "5"
      }, "\u661F\u671F\u56DB"), _react["default"].createElement(Option, {
        value: "6"
      }, "\u661F\u671F\u4E94"), _react["default"].createElement(Option, {
        value: "7"
      }, "\u661F\u671F\u516D"), _react["default"].createElement(Option, {
        value: "1"
      }, "\u661F\u671F\u65E5")) : null, this.props.value === 3 ? _react["default"].createElement(_baseui.Select, {
        mode: "tags",
        value: this.props.day,
        onChange: this.props.onWeekOrMonthChange,
        className: this.props.className || 'subscribe_cycle_week_or_month'
      }, month) : null);
    }
  }]);
  return SubscribeFrequency;
}(_react.Component);

var SubscribeTime = function (_Component5) {
  (0, _inherits2["default"])(SubscribeTime, _Component5);

  function SubscribeTime() {
    (0, _classCallCheck2["default"])(this, SubscribeTime);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SubscribeTime).apply(this, arguments));
  }

  (0, _createClass2["default"])(SubscribeTime, [{
    key: "render",
    value: function render() {
      var Option = _baseui.Select.Option;
      var time = [];

      for (var i = 0; i < 24; i++) {
        time.push(_react["default"].createElement(Option, {
          value: i.toString()
        }, '每日' + i.toString() + '点'));
      }

      return _react["default"].createElement(_baseui.Select, {
        className: this.props.className,
        mode: "multiple",
        value: this.props.value,
        onChange: this.props.onChange
      }, time);
    }
  }]);
  return SubscribeTime;
}(_react.Component);

var QueryScheme = function (_Component6) {
  (0, _inherits2["default"])(QueryScheme, _Component6);

  function QueryScheme() {
    (0, _classCallCheck2["default"])(this, QueryScheme);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(QueryScheme).apply(this, arguments));
  }

  (0, _createClass2["default"])(QueryScheme, [{
    key: "render",
    value: function render() {
      var Option = _baseui.Select.Option;
      var queryScheme = [];
      this.props.solutionList.forEach(function (item) {
        queryScheme.push(_react["default"].createElement(Option, {
          value: item.id
        }, _react["default"].createElement("span", {
          className: "solution_name"
        }, item.solutionName)));
      });
      return _react["default"].createElement(_baseui.Select, {
        value: this.props.value,
        onChange: this.props.onChange
      }, queryScheme);
    }
  }]);
  return QueryScheme;
}(_react.Component);

var SubscribeUser = function (_Component7) {
  (0, _inherits2["default"])(SubscribeUser, _Component7);

  function SubscribeUser() {
    (0, _classCallCheck2["default"])(this, SubscribeUser);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SubscribeUser).apply(this, arguments));
  }

  (0, _createClass2["default"])(SubscribeUser, [{
    key: "render",
    value: function render() {
      var Option = _baseui.Select.Option;
      var receivers = [];
      this.props.receivers.forEach(function (item) {
        receivers.push(_react["default"].createElement(Option, {
          value: item.value,
          lable: item.lable
        }, _react["default"].createElement("div", null, _react["default"].createElement("span", {
          className: "recipient_name"
        }, item.name), _react["default"].createElement("span", {
          className: "account_name"
        }, item.account))));
      });
      return _react["default"].createElement(_baseui.Select, {
        optionFilterProp: "children",
        className: this.props.className,
        mode: "multiple",
        value: this.props.userId,
        onChange: this.props.onChange,
        optionLabelProp: "lable"
      }, receivers);
    }
  }]);
  return SubscribeUser;
}(_react.Component);

var AddMessage = function (_Component8) {
  (0, _inherits2["default"])(AddMessage, _Component8);

  function AddMessage(props) {
    var _this2;

    (0, _classCallCheck2["default"])(this, AddMessage);
    _this2 = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(AddMessage).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onFocus", function () {
      setTimeout(function () {
        var input = (0, _reactDom.findDOMNode)(_this2.input);

        _this2.props.addActions.focus(input.selectionStart);
      }, 0);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onChange", function (e) {
      _this2.props.addActions.change(e.target.value, e.target.selectionStart);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleOperatorSelect", function (key) {
      _this2.props.addActions.selectOperator(key);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleOk", function () {
      _this2.props.addActions.onOk();
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleCancel", function () {
      _this2.setState({
        nameErrInfo: null,
        contextErrInfo: null,
        timepointErrInfo: null,
        receiversErrInfo: null,
        frequencyErrInfo: null
      });

      _this2.props.addActions.close();
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onNameChange", function (e) {
      _this2.props.addActions.changeName(e.target.value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onStopstatusChange", function (e) {
      _this2.props.addActions.changeStopstatus(e.target.value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onContextChange", function (e) {
      _this2.props.addActions.changeContext(e.target.value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onFrequencyChange", function (e) {
      _this2.setState({
        frequencyErrInfo: null
      });

      _this2.props.addActions.changeFrequency(e.target.value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onTimepointChange", function (value) {
      _this2.props.addActions.changeTimepoint(value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onItervalChange", function (value) {
      _this2.props.addActions.changeInterval(value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onSolutionChange", function (value) {
      _this2.props.addActions.changeSolution(value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onWeekOrMonthChange", function (value) {
      _this2.props.addActions.changeWeekOrMonth(value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onReceiversChange", function (value) {
      _this2.props.addActions.changeReceivers(value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onCycleChange", function (value) {
      _this2.props.addActions.changeCycle(value);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeNameErrInfo", function (text) {
      _this2.setState({
        nameErrInfo: text
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeContextErrInfo", function (text) {
      _this2.setState({
        contextErrInfo: text
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeTimepointErrInfo", function (text) {
      _this2.setState({
        timepointErrInfo: text
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeReceiversErrInfo", function (text) {
      _this2.setState({
        receiversErrInfo: text
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "changeFrequencyErrInfo", function (text) {
      _this2.setState({
        frequencyErrInfo: text
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getFormControl", function () {
      var TextArea = _baseui.Input.TextArea;
      var classname = 'error_info';
      var _this2$props$addMessa = _this2.props.addMessage,
          name = _this2$props$addMessa.name,
          stopstatus = _this2$props$addMessa.stopstatus,
          startTime = _this2$props$addMessa.startTime,
          endTime = _this2$props$addMessa.endTime,
          receivers = _this2$props$addMessa.receivers,
          userId = _this2$props$addMessa.userId,
          frequency = _this2$props$addMessa.frequency,
          interval = _this2$props$addMessa.interval,
          timepoint = _this2$props$addMessa.timepoint,
          day = _this2$props$addMessa.day,
          operatorData = _this2$props$addMessa.operatorData,
          conditionDesc = _this2$props$addMessa.conditionDesc,
          context = _this2$props$addMessa.context,
          errorInfo = _this2$props$addMessa.errorInfo,
          solutionList = _this2$props$addMessa.solutionList,
          solutionId = _this2$props$addMessa.solutionId;

      var operatorCom = _react["default"].createElement(Operator, {
        dataSource: operatorData,
        onClick: _this2.handleOperatorSelect
      });

      var subscribeName = _react["default"].createElement(_baseui.Input, {
        className: _this2.state.nameErrInfo ? classname : null,
        value: name,
        placeholder: "\u8BF7\u8F93\u5165",
        onChange: _this2.onNameChange
      });

      var subscribeState = _react["default"].createElement(SubscribeRadio, {
        stopstatus: stopstatus,
        onChange: _this2.onStopstatusChange
      });

      var subscribeCondition = _react["default"].createElement(TextArea, {
        className: errorInfo ? classname : 'subscribe_condition_inputArea',
        rows: 3,
        ref: function ref(node) {
          return _this2.input = node;
        },
        onFocus: _this2.onFocus,
        onChange: _this2.onChange,
        value: conditionDesc
      });

      var subscribeContent = _react["default"].createElement(_baseui.Input, {
        className: _this2.state.contextErrInfo ? classname : null,
        placeholder: "\u8BF7\u8F93\u5165",
        value: context,
        onChange: _this2.onContextChange
      });

      var subscribeCycle = _react["default"].createElement(SubscribeCycle, {
        startTime: startTime,
        endTime: endTime,
        onChange: _this2.onCycleChange
      });

      var subscribeFrequency = _react["default"].createElement(SubscribeFrequency, {
        className: _this2.state.frequencyErrInfo ? 'frequency_error_info' : null,
        value: frequency,
        onIntervalChange: _this2.onItervalChange,
        onWeekOrMonthChange: _this2.onWeekOrMonthChange,
        onChange: _this2.onFrequencyChange,
        interval: interval,
        day: day
      });

      var subscribeTime = _react["default"].createElement(SubscribeTime, {
        className: _this2.state.timepointErrInfo ? 'select_error_info' : null,
        value: timepoint,
        onChange: _this2.onTimepointChange
      });

      var subscribeUser = _react["default"].createElement(SubscribeUser, {
        className: _this2.state.receiversErrInfo ? 'select_error_info' : null,
        receivers: receivers,
        userId: userId,
        onChange: _this2.onReceiversChange
      });

      var queryScheme = _react["default"].createElement(QueryScheme, {
        solutionList: solutionList,
        value: solutionId,
        onChange: _this2.onSolutionChange
      });

      return _react["default"].createElement("div", null, _react["default"].createElement("div", {
        className: "receiver_people"
      }, _this2.getControl(subscribeName, '订阅名称', true), _this2.state.nameErrInfo ? _react["default"].createElement("div", {
        className: "error"
      }, _this2.state.nameErrInfo) : null), _this2.getControl(subscribeState, '订阅状态'), _this2.getControl(queryScheme, '查询方案'), _react["default"].createElement("div", {
        className: "operator"
      }, _this2.getControl(operatorCom, '运算符')), _react["default"].createElement("div", {
        className: "subscribe_condition"
      }, _this2.getControl(subscribeCondition, '订阅条件'), errorInfo ? _react["default"].createElement("label", {
        className: "error"
      }, errorInfo) : null), _react["default"].createElement("div", {
        className: "receiver_people"
      }, _this2.getControl(subscribeContent, '消息内容', true), _this2.state.contextErrInfo ? _react["default"].createElement("div", {
        className: "error"
      }, _this2.state.contextErrInfo) : null), _this2.getControl(subscribeCycle, '订阅周期'), _react["default"].createElement("div", {
        className: "receiver_people"
      }, _this2.getControl(subscribeFrequency, '订阅频率', true), (frequency == 2 || frequency == 3) && _this2.state.frequencyErrInfo ? _react["default"].createElement("div", {
        className: "error"
      }, _this2.state.frequencyErrInfo) : null), _react["default"].createElement("div", {
        className: "receiver_people"
      }, _this2.getControl(subscribeTime, '订阅时点', true), _this2.state.timepointErrInfo ? _react["default"].createElement("div", {
        className: "error"
      }, _this2.state.timepointErrInfo) : null), _react["default"].createElement("div", {
        className: "receiver_people"
      }, _this2.getControl(subscribeUser, '接收人', true), _this2.state.receiversErrInfo ? _react["default"].createElement("div", {
        className: "error"
      }, _this2.state.receiversErrInfo) : null));
    });
    _this2.state = {
      nameErrInfo: null,
      contextErrInfo: null,
      timepointErrInfo: null,
      receiversErrInfo: null,
      frequencyErrInfo: null
    };
    return _this2;
  }

  (0, _createClass2["default"])(AddMessage, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      this.props.addActions.initOperator();
    }
  }, {
    key: "getControl",
    value: function getControl(control, caption, required) {
      var title = required ? _react["default"].createElement("label", null, _react["default"].createElement(_baseui.Icon, {
        type: "star"
      }), caption) : _react["default"].createElement("label", null, caption);
      return _react["default"].createElement(_label["default"], {
        control: control,
        title: title
      });
    }
  }, {
    key: "render",
    value: function render() {
      var caption = this.props.addMessage.caption;
      return _react["default"].createElement(_baseui.Modal, {
        title: caption,
        className: "FormulaDesigner",
        maskClosable: false,
        width: 800,
        mask: false,
        visible: this.props.addMessage.visible,
        onCancel: this.handleCancel,
        footer: _react["default"].createElement(_Footer["default"], {
          onOk: this.handleOk,
          onNameErrInfoChange: this.changeNameErrInfo,
          onContextErrInfoChange: this.changeContextErrInfo,
          onTimepointErrInfoChange: this.changeTimepointErrInfo,
          onReceiversErrInfoChange: this.changeReceiversErrInfo,
          onFrequencyErrInfoChange: this.changeFrequencyErrInfo
        })
      }, _react["default"].createElement("div", {
        style: {
          height: '100%'
        }
      }, _react["default"].createElement("div", {
        className: "LeftContent"
      }, _react["default"].createElement(_LeftContent["default"], null)), _react["default"].createElement("div", {
        className: "RightContent"
      }, this.getFormControl())));
    }
  }]);
  return AddMessage;
}(_react.Component);

function mapStateToProps(state) {
  return {
    addMessage: state.addMessage.toJS()
  };
}

function mapDispatchToProps(dispatch) {
  return {
    addActions: (0, _redux.bindActionCreators)(addActions, dispatch)
  };
}

var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(AddMessage);

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