"use strict";
Object.defineProperty(exports, "__esModule", {
  value: !0
}), exports.default = void 0;
var _react = _interopRequireWildcard(require("react")),
  _propTypes = _interopRequireDefault(require("prop-types")),
  _amosAntd = require("amos-antd"),
  _amosFramework = require("amos-framework"),
  _processor = require("../../../utils/processor"),
  _urlConsts = require("../../../consts/urlConsts"),
  _dt2react = _interopRequireDefault(require("dt2react"));

function _interopRequireDefault(e) {
  return e && e.__esModule ? e : {
    default: e
  }
}

function _getRequireWildcardCache() {
  if ("function" != typeof WeakMap) return null;
  var e = new WeakMap;
  return _getRequireWildcardCache = function() {
    return e
  }, e
}

function _interopRequireWildcard(e) {
  if (e && e.__esModule) return e;
  if (null === e || "object" !== _typeof(e) && "function" != typeof e) return {
    default: e
  };
  var t = _getRequireWildcardCache();
  if (t && t.has(e)) return t.get(e);
  var a, r, n = {},
    o = Object.defineProperty && Object.getOwnPropertyDescriptor;
  for (a in e) Object.prototype.hasOwnProperty.call(e, a) && ((r = o ? Object.getOwnPropertyDescriptor(e, a) : null) && (r.get || r.set) ? Object.defineProperty(n, a, r) : n[a] = e[a]);
  return n.default = e, t && t.set(e, n), n
}

function _typeof(e) {
  return (_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
    return typeof e
  } : function(e) {
    return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
  })(e)
}

function _extends() {
  return (_extends = Object.assign || function(e) {
    for (var t = 1; t < arguments.length; t++) {
      var a, r = arguments[t];
      for (a in r) Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a])
    }
    return e
  }).apply(this, arguments)
}

function _classCallCheck(e, t) {
  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}

function _defineProperties(e, t) {
  for (var a = 0; a < t.length; a++) {
    var r = t[a];
    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r)
  }
}

function _createClass(e, t, a) {
  return t && _defineProperties(e.prototype, t), a && _defineProperties(e, a), e
}

function _inherits(e, t) {
  if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
  e.prototype = Object.create(t && t.prototype, {
    constructor: {
      value: e,
      writable: !0,
      configurable: !0
    }
  }), t && _setPrototypeOf(e, t)
}

function _setPrototypeOf(e, t) {
  return (_setPrototypeOf = Object.setPrototypeOf || function(e, t) {
    return e.__proto__ = t, e
  })(e, t)
}

function _createSuper(a) {
  var r = _isNativeReflectConstruct();
  return function() {
    var e, t = _getPrototypeOf(a);
    return _possibleConstructorReturn(this, r ? (e = _getPrototypeOf(this).constructor, Reflect.construct(t, arguments, e)) : t.apply(this, arguments))
  }
}

function _possibleConstructorReturn(e, t) {
  return !t || "object" !== _typeof(t) && "function" != typeof t ? _assertThisInitialized(e) : t
}

function _assertThisInitialized(e) {
  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  return e
}

function _isNativeReflectConstruct() {
  if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
  if (Reflect.construct.sham) return !1;
  if ("function" == typeof Proxy) return !0;
  try {
    return Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
  } catch (e) {
    return !1
  }
}

function _getPrototypeOf(e) {
  return (_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function(e) {
    return e.__proto__ || Object.getPrototypeOf(e)
  })(e)
}

function _defineProperty(e, t, a) {
  return t in e ? Object.defineProperty(e, t, {
    value: a,
    enumerable: !0,
    configurable: !0,
    writable: !0
  }) : e[t] = a, e
}
var Panel = _amosFramework.Collapse.Panel,
  collapseHeadHeight = 95,
  CapacityInterfacePanel = function() {
    _inherits(a, _react.Component);
    var t = _createSuper(a);

    function a(e) {
      var c;
      return _classCallCheck(this, a), _defineProperty(_assertThisInitialized(c = t.call(this, e)), "onClickProperty", function(e, t) {
        c.savePropertyToEquipment()
      }), _defineProperty(_assertThisInitialized(c), "onAttributeChange", function(t, a) {
        var e = c.state,
          r = e.propertyList,
          n = e.tempEdit;
        void 0 !== r && (r.map(function(e) {
          e.id === a && (e.valueStr = t.target.value, n[a] = t.target.value)
        }), c.setState({
          tempEdit: n
        }))
      }), _defineProperty(_assertThisInitialized(c), "getInterfaceData", function(e) {
        void 0 !== e && (e = "".concat(_urlConsts.OltSerUrl.deviceInterfaceByid, "/").concat(e), _processor.AmosFetch.post(e).then(function(e) {
          if (e.ok) return e.json();
          throw new Error("从服务端获取数据失败！")
        }).then(function(e) {
          c.setState({
            propertyList: e.dataList.content
          })
        }))
      }), _defineProperty(_assertThisInitialized(c), "getCapacityInterfaceContent", function() {
        var a = [],
          e = c.state.propertyList,
          t = c.props,
          r = t.getCurrentEquipment,
          n = t.capacityBasicInfo;
        if (void 0 !== r) {
          var o = r();
          return void 0 !== e && void 0 !== o.cfgParamMap ? e.map(function(e) {
            var t = void 0 === (t = o.cfgParamMap["cpbl_intfc_".concat(n.id, "_").concat(e.intfcId, "_").concat(e.id)]) ? e.valueStr : t;
            a.push(_react.default.createElement(_amosFramework.Row, null, _react.default.createElement(_amosFramework.Col, {
              span: 4,
              offset: 1,
              style: {
                height: "30px",
                "line-height": "30px",
                "text-overflow": "ellipsis",
                "white-space": "nowrap",
                overflow: "hidden"
              }
            }, e.displayName, "："), _react.default.createElement(_amosFramework.Col, {
              span: 18,
              offset: 1,
              style: {
                "text-align": "left",
                height: "30px",
                "line-height": "30px"
              }
            }, t)))
          }) : void 0 !== e && void 0 === o.cfgParamMap && e.map(function(e) {
            a.push(_react.default.createElement(_amosFramework.Row, null, _react.default.createElement(_amosFramework.Col, {
              span: 4,
              offset: 1,
              style: {
                height: "30px",
                "line-height": "30px",
                "text-overflow": "ellipsis",
                "white-space": "nowrap",
                overflow: "hidden"
              }
            }, e.displayName, "："), _react.default.createElement(_amosFramework.Col, {
              span: 18,
              offset: 1,
              style: {
                "text-align": "left",
                height: "30px",
                "line-height": "30px"
              }
            }, e.valueStr)))
          }), a
        }
      }), _defineProperty(_assertThisInitialized(c), "getCapacityInterfaceEditContent", function() {
        var a = [],
          e = c.state,
          t = e.propertyList,
          r = e.tempEdit,
          n = c.props,
          e = n.getCurrentEquipment,
          o = n.capacityBasicInfo;
        if (void 0 !== e) {
          var i = e();
          return void 0 !== t && void 0 !== i.cfgParamMap ? t.map(function(t) {
            var e = void 0 === (e = i.cfgParamMap["cpbl_intfc_".concat(o.id, "_").concat(t.intfcId, "_").concat(t.id)]) ? t.valueStr : e;
            t.valueStr = r[t.id] || e, a.push(_react.default.createElement(_amosFramework.Row, null, _react.default.createElement(_amosFramework.Col, {
              title: t.displayName,
              span: 8,
              offset: 1,
              style: {
                "text-align": "right",
                height: "30px",
                "line-height": "30px",
                "text-overflow": "ellipsis",
                "white-space": "nowrap",
                overflow: "hidden"
              }
            }, t.displayName, "："), _react.default.createElement(_amosFramework.Col, {
              span: 14,
              offset: 1,
              style: {
                "text-align": "left",
                height: "30px",
                "line-height": "30px"
              }
            }, _react.default.createElement(_amosAntd.Input, {
              style: {
                width: "90%"
              },
              onChange: function(e) {
                return c.onAttributeChange(e, t.id)
              },
              value: t.valueStr
            }))))
          }) : void 0 !== t && void 0 === i.cfgParamMap && t.map(function(t) {
            a.push(_react.default.createElement(_amosFramework.Row, null, _react.default.createElement(_amosFramework.Col, {
              title: t.displayName,
              span: 8,
              offset: 1,
              style: {
                "text-align": "right",
                height: "30px",
                "line-height": "30px",
                "text-overflow": "ellipsis",
                "white-space": "nowrap",
                overflow: "hidden"
              }
            }, t.displayName, "："), _react.default.createElement(_amosFramework.Col, {
              span: 14,
              offset: 1,
              style: {
                "text-align": "left",
                height: "30px",
                "line-height": "30px"
              }
            }, _react.default.createElement(_amosAntd.Input, {
              style: {
                width: "90%"
              },
              onChange: function(e) {
                return c.onAttributeChange(e, t.id)
              },
              value: t.valueStr
            }))))
          }), a
        }
      }), _defineProperty(_assertThisInitialized(c), "getCollapseHead", function(e, t) {
        var a = c.getImgPath(t),
          r = [],
          t = 4 < e.length ? "img-line" : "img-short-line";
        return r.push(_react.default.createElement("div", {
          className: "img-line-root"
        }, _react.default.createElement("label", null, e), _react.default.createElement("img", {
          src: require("./../../../assets/iot/topo/u2074.png"),
          alt: "",
          className: t
        }), a)), r
      }), _defineProperty(_assertThisInitialized(c), "getImgPath", function(e) {
        e = c.state.collapseKey.includes(e) ? _react.default.createElement("img", {
          src: require("./../../../assets/iot/topo/expand.png"),
          alt: "",
          className: "img-last"
        }) : _react.default.createElement("img", {
          src: require("./../../../assets/iot/topo/shrink.png"),
          alt: "",
          className: "img-last"
        });
        return e
      }), _defineProperty(_assertThisInitialized(c), "closedPanel", function() {
        (0, c.props.closeCapacityInterfacePanel)()
      }), _defineProperty(_assertThisInitialized(c), "savePropertyToEquipment", function() {
        var a, e = c.props,
          t = e.getCurrentEquipment,
          r = e.capacityBasicInfo;
        void 0 !== t && (e = t(), t = c.state.propertyList, a = e.cfgParamMap, void 0 !== t && (t.map(function(e) {
          var t = "cpbl_intfc_".concat(r.id, "_").concat(e.intfcId, "_").concat(e.id),
            e = e.valueStr;
          a.hasOwnProperty(t) ? a[t] = e : _extends(a, _defineProperty({}, t, e))
        }), e.cfgParamJson = JSON.stringify(a), _processor.AmosFetch.post(_urlConsts.OltSerUrl.addEquipmentAttribute, {
          data: e
        }).then(function(e) {
          if (e.ok) return e.json();
          throw new Error("从服务端获取数据失败！")
        }).then(function(e) {
          "SUCCESS" === e.result ? _amosFramework.message.success("编辑成功！") : _amosFramework.message.danger("编辑失败！")
        })))
      }), _defineProperty(_assertThisInitialized(c), "changeCollapseSize", function(e) {
        var t = c.collapsepanel,
          a = _dt2react.default.getOffsetParent(t).clientHeight - collapseHeadHeight;
        _dt2react.default.addStyle(t, "height", "".concat(a, "px")), void 0 !== e && void 0 !== e.length && c.setState({
          collapseKey: e
        })
      }), c.state = {
        propertyList: [],
        collapseKey: ["1", "2"],
        tempEdit: {}
      }, c
    }
    return _createClass(a, [{
      key: "componentDidMount",
      value: function() {
        var e = this.props.interfaceBasicInfo;
        this.getInterfaceData(e.intfcId)
      }
    }, {
      key: "componentWillReceiveProps",
      value: function(e) {
        var t = this.props,
          a = t.interfaceBasicInfo,
          t = t.nodeId;
        e.capacityBasicInfo.id === a.id && t === e.nodeId || (this.getInterfaceData(e.interfaceBasicInfo.intfcId), this.setState({
          tempEdit: {}
        }))
      }
    }, {
      key: "render",
      value: function() {
        var t = this,
          e = this.props.interfaceBasicInfo,
          a = this.state.collapseKey;
        return _react.default.createElement("div", {
          className: "capacity-interface-panel-content"
        }, _react.default.createElement("div", {
          className: "head-one"
        }, "设备接口"), _react.default.createElement(_amosAntd.Icon, {
          type: "close",
          onClick: this.closedPanel,
          style: {
            position: "relative",
            top: "-26px",
            left: "14rem"
          }
        }), _react.default.createElement("div", {
          className: "head-two",
          style: {
            position: "relative",
            top: "21px"
          }
        }, _react.default.createElement("div", {
          className: "head-two-five",
          style: {
            position: "relative",
            top: "-42px"
          }
        }), _react.default.createElement("div", {
          className: "head-two-six",
          style: {
            position: "relative",
            top: "-72px"
          },
          onClick: function(e) {
            return t.onClickProperty(e)
          }
        }, "完成")), _react.default.createElement("div", {
          className: "amos-collapse-panel",
          style: {
            position: "relative",
            top: "-21px"
          },
          ref: function(e) {
            return t.collapsepanel = e
          }
        }, _react.default.createElement(_amosFramework.Collapse, {
          activeKey: a,
          onChange: function(e) {
            return t.changeCollapseSize(e)
          }
        }, _react.default.createElement(Panel, {
          showArrow: !1,
          header: this.getCollapseHead("基本信息", "1"),
          key: "1"
        }, _react.default.createElement("div", {
          className: "capacity-interface-basic"
        }, _react.default.createElement("div", null, _react.default.createElement(_amosFramework.Row, null, _react.default.createElement(_amosFramework.Col, {
          span: 4,
          offset: 1,
          style: {
            height: "30px",
            "line-height": "30px"
          }
        }, "名称："), _react.default.createElement(_amosFramework.Col, {
          span: 18,
          offset: 1,
          style: {
            "text-align": "left",
            height: "30px",
            "line-height": "30px"
          }
        }, e.intfcName))))), _react.default.createElement(Panel, {
          showArrow: !1,
          header: this.getCollapseHead("通讯参数", "2"),
          key: "2"
        }, _react.default.createElement("div", {
          className: "capacity-interface-property"
        }, this.getCapacityInterfaceEditContent())))))
      }
    }]), a
  }();
CapacityInterfacePanel.displayName = "CapacityInterfacePanel", CapacityInterfacePanel.propTypes = {
  closeCapacityInterfacePanel: _propTypes.default.func,
  interfaceBasicInfo: _propTypes.default.object,
  capacityBasicInfo: _propTypes.default.object,
  getCurrentEquipment: _propTypes.default.func,
  updateNodeConfig: _propTypes.default.func,
  cfgParamJson: _propTypes.default.object,
  nodeId: _propTypes.default.string
}, CapacityInterfacePanel.defaultProps = {
  interfaceBasicInfo: {},
  capacityBasicInfo: {}
};
var _default = CapacityInterfacePanel;
exports.default = CapacityInterfacePanel, module.exports = exports.default;
