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

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 createForm = _amosAntd.Form.create(),
  FormItem = _amosAntd.Form.Item,
  formItemLayout = {
    labelCol: {
      xs: {
        span: 24
      },
      sm: {
        span: 6
      }
    },
    wrapperCol: {
      xs: {
        span: 24
      },
      sm: {
        span: 16
      }
    }
  },
  DevicePropertyPanel = function() {
    _inherits(a, _react.Component);
    var t = _createSuper(a);

    function a(e) {
      var l;
      return _classCallCheck(this, a), _defineProperty(_assertThisInitialized(l = t.call(this, e)), "onClickProperty", function(e, t) {
        t || l.savePropertyToEquipment(), l.setState({
          editProperty: t
        })
      }), _defineProperty(_assertThisInitialized(l), "onClickCapacity", function(e, t) {
        (0, l.props.showDeviceCapacityPanel)(t, l.getCurrentEquipment)
      }), _defineProperty(_assertThisInitialized(l), "onAttributeChange", function(t, a) {
        var e = l.state.attributes;
        void 0 !== e && e.map(function(e) {
          e.id === a && (e.valueStr = t.target.value)
        })
      }), _defineProperty(_assertThisInitialized(l), "getPropertyData", function(e, t) {}), _defineProperty(_assertThisInitialized(l), "getInterfaceData", function(e) {
        void 0 !== e && (e = "".concat(_urlConsts.OltSerUrl.fetchDeviceInterfaceById, "/").concat(e), _processor.AmosFetch.get(e).then(function(e) {
          if (e.ok) return e.json();
          throw new Error("从服务端获取数据失败！")
        }).then(function(e) {
          "SUCCESS" === e.result && (e = e.dataList, l.setState({
            intfcList: e || []
          }))
        }))
      }), _defineProperty(_assertThisInitialized(l), "getEquipmentData", function(e, a) {
        void 0 !== e ? (e = "".concat(_urlConsts.OltSerUrl.getEquipmentData, "/").concat(e), _processor.AmosFetch.get(e).then(function(e) {
          if (e.ok) return e.json();
          throw new Error("从服务端获取数据失败！")
        }).then(function(e) {
          var t;
          "SUCCESS" === e.result && (t = e.dataList, a.map(function(e) {
            e.valueStr = t.cfgParamMap["equip_".concat(e.id)]
          }), l.setState({
            equipment: t,
            attributes: a
          }))
        })) : l.setState({
          equipment: {}
        })
      }), _defineProperty(_assertThisInitialized(l), "getAttributesContent", function() {
        var e = l.state,
          e = (e.attributes, e.equipment, []);
        return e.push(_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"
          }
        }, _react.default.createElement(_amosAntd.Input, {
          style: {
            width: "60%"
          },
          defaultValue: "BGK-Micro-40D"
        })))), e.push(_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"
          }
        }, _react.default.createElement(_amosAntd.Input, {
          style: {
            width: "60%"
          },
          defaultValue: "10003"
        })))), e
      }), _defineProperty(_assertThisInitialized(l), "getAttributesEditContent", function() {
        var e = l.state,
          t = e.attributes,
          a = e.equipment,
          r = [];
        return void 0 !== a.cfgParamMap ? t.map(function(t) {
          var e = void 0 === a.cfgParamMap["equip_".concat(t.id)] ? t.valueStr : a.cfgParamMap["equip_".concat(t.id)];
          r.push(_react.default.createElement(_amosFramework.Row, null, _react.default.createElement(_amosFramework.Col, {
            span: 4,
            offset: 1,
            style: {
              height: "30px",
              "line-height": "30px"
            }
          }, t.name, "："), _react.default.createElement(_amosFramework.Col, {
            span: 18,
            offset: 1,
            style: {
              "text-align": "left",
              height: "30px",
              "line-height": "30px"
            }
          }, _react.default.createElement(_amosAntd.Input, {
            style: {
              width: "60%"
            },
            onChange: function(e) {
              return l.onAttributeChange(e, t.id)
            },
            defaultValue: e
          }))))
        }) : t.map(function(t) {
          r.push(_react.default.createElement(_amosFramework.Row, null, _react.default.createElement(_amosFramework.Col, {
            span: 4,
            offset: 1,
            style: {
              height: "30px",
              "line-height": "30px"
            }
          }, t.name, "："), _react.default.createElement(_amosFramework.Col, {
            span: 18,
            offset: 1,
            style: {
              "text-align": "left",
              height: "30px",
              "line-height": "30px"
            }
          }, _react.default.createElement(_amosAntd.Input, {
            style: {
              width: "60%"
            },
            onChange: function(e) {
              return l.onAttributeChange(e, t.id)
            },
            defaultValue: t.valueStr
          }))))
        }), r
      }), _defineProperty(_assertThisInitialized(l), "getCapacitysContent", function() {
        l.state.capabilities;
        var e = [];
        return e.push(_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"
          }
        }, _react.default.createElement("div", {
          onClick: function(e) {
            return l.onClickCapacity(e, "经纬度")
          },
          className: "edit-interface-img"
        }, _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/img/list_nlsx.png"),
          alt: "",
          style: {
            position: "relative",
            top: "5px"
          }
        }))))), e.push(_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"
          }
        }, _react.default.createElement("div", {
          onClick: function(e) {
            return l.onClickCapacity(e, "压力")
          },
          className: "edit-interface-img"
        }, _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/img/list_nlsx.png"),
          alt: "",
          style: {
            position: "relative",
            top: "5px"
          }
        }))))), e
      }), _defineProperty(_assertThisInitialized(l), "getCurrentEquipment", function() {
        return l.state.equipment
      }), _defineProperty(_assertThisInitialized(l), "savePropertyToEquipment", function() {
        var e, t, a, r, n = l.state,
          o = n.attributes,
          i = n.equipment;
        void 0 === i.id ? (t = (e = l.props).updateNodeConfig, n = e.nodeId, a = e.cfgParamJson, void 0 !== o && (o.map(function(e) {
          var t = "equip_".concat(e.id),
            e = e.valueStr;
          a.hasOwnProperty(t) ? a[t] = e : _extends(a, _defineProperty({}, t, e))
        }), t(n, a))) : (r = i.cfgParamMap, void 0 !== o && (o.map(function(e) {
          var t = "equip_".concat(e.id),
            e = e.valueStr;
          r.hasOwnProperty(t) ? r[t] = e : _extends(r, _defineProperty({}, t, e))
        }), i.cfgParamJson = JSON.stringify(r), _processor.AmosFetch.post(_urlConsts.OltSerUrl.addEquipmentAttribute, {
          data: i
        }).then(function(e) {
          if (e.ok) return e.json();
          throw new Error("从服务端获取数据失败！")
        }).then(function(e) {
          "SUCCESS" === e.result ? _amosAntd.Modal.warning({
            title: "系统提示",
            content: "编辑成功！",
            okText: "确定"
          }) : _amosAntd.Modal.error({
            title: "系统提示",
            content: "编辑失败！",
            okText: "确定"
          })
        })))
      }), _defineProperty(_assertThisInitialized(l), "updateName", function(e) {}), l.state = {
        attributes: [],
        intfcList: [],
        capabilities: [],
        equipment: {},
        editProperty: !1
      }, l
    }
    return _createClass(a, [{
      key: "componentDidMount",
      value: function() {
        var e = this.props,
          t = e.config,
          e = e.equipmentId,
          t = t.data || {};
        this.getPropertyData(t.id, e), this.getInterfaceData(t.id)
      }
    }, {
      key: "componentWillReceiveProps",
      value: function(e) {
        var t = this.props,
          a = t.nodeId,
          r = t.cfgParamJson,
          t = e.config.data || {};
        a === e.nodeId && r === e.cfgParamJson || (this.getPropertyData(t.id, e.equipmentId), this.getInterfaceData(t.id))
      }
    }, {
      key: "render",
      value: function() {
        var e = this.props,
          t = e.config,
          a = e.deviceLabel,
          r = this.state.editProperty,
          e = t.data || {};
        void 0 === t.label || t.label;
        return _react.default.createElement("div", {
          className: "device-property-panel"
        }, _react.default.createElement("div", {
          className: "head-one"
        }, "设备信息"), _react.default.createElement("div", {
          className: "head-two"
        }, _react.default.createElement("div", {
          className: "head-two-one"
        }), _react.default.createElement("div", {
          className: "head-two-two"
        }, "删除"), _react.default.createElement("div", {
          className: "head-two-three"
        }, "取消"), _react.default.createElement("div", {
          className: "head-two-four"
        }, "完成")), _react.default.createElement("div", {
          className: "property-basic-info"
        }, _react.default.createElement("div", {
          className: "property-basic-info-label"
        }, _react.default.createElement("label", null, "基本信息"), _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/topo/u2074.png"),
          alt: "",
          className: "img-line"
        }), _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/topo/expand.png"),
          alt: "",
          className: "img-last-temp"
        })), _react.default.createElement("div", {
          style: {
            height: "100%"
          }
        }, _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"
          }
        }, _react.default.createElement(_amosAntd.Input, {
          style: {
            width: "60%"
          },
          value: a
        }))), _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"
          }
        }, _react.default.createElement(_amosAntd.Input, {
          style: {
            width: "60%"
          },
          defaultValue: "BGK-Micro-40D"
        }))), _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"
          }
        }, _react.default.createElement(_amosAntd.Input, {
          style: {
            width: "60%"
          },
          defaultValue: "传感设备"
        }))), _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"
          }
        }, _react.default.createElement(_amosAntd.Input, {
          style: {
            width: "60%"
          },
          defaultValue: a
        }))))), _react.default.createElement("div", {
          className: "property-property-info"
        }, _react.default.createElement("div", {
          className: "property-property-info-title"
        }, _react.default.createElement("label", null, "设备属性"), _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/topo/u2074.png"),
          alt: "",
          className: "img-line"
        }), _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/topo/expand.png"),
          alt: "",
          className: "img-last-temp"
        })), r ? this.getAttributesEditContent() : this.getAttributesContent()), _react.default.createElement("div", {
          className: "property-interface-info"
        }, _react.default.createElement("div", {
          className: "property-interface-info-label"
        }, _react.default.createElement("label", null, "数据采集"), _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/topo/u2074.png"),
          alt: "",
          className: "img-line"
        }), _react.default.createElement("img", {
          src: require("./../../../../../assets/iot/topo/expand.png"),
          alt: "",
          className: "img-last-temp"
        })), this.getCapacitysContent()))
      }
    }]), a
  }();
DevicePropertyPanel.displayName = "DevicePropertyPanel", DevicePropertyPanel.propTypes = {
  config: _propTypes.default.object,
  form: _propTypes.default.any,
  getSubgraphData: _propTypes.default,
  subviewId: _propTypes.default.string,
  nodeId: _propTypes.default.string,
  showDeviceCapacityPanel: _propTypes.default.func,
  equipmentId: _propTypes.default.number,
  updateNodeConfig: _propTypes.default.func,
  cfgParamJson: _propTypes.default.object,
  updateNodeName: _propTypes.default.func,
  deviceLabel: _propTypes.default.string
};
var _default = createForm(DevicePropertyPanel);
exports.default = _default, module.exports = exports.default;
