"use strict";
Object.defineProperty(exports, "__esModule", {
  value: !0
}), exports.default = void 0;
var _react = _interopRequireWildcard(require("react")),
  _propTypes = _interopRequireDefault(require("prop-types")),
  _amosIcon = _interopRequireDefault(require("amos-icon")),
  _rayEventpool = require("ray-eventpool"),
  _amosJsplumb = require("amos-jsplumb"),
  _dt2react = _interopRequireDefault(require("dt2react")),
  _TopoHeader = _interopRequireDefault(require("./../header/TopoHeader")),
  _TopoStagePlumb = _interopRequireDefault(require("./TopoStagePlumb")),
  _addNode = require("./addNode"),
  _TriggerEditor = _interopRequireDefault(require("./../../../common/editor/TriggerEditor")),
  _ConfigPanel = _interopRequireDefault(require("./../toporight/demofile/ConfigPanel")),
  _stageConst = require("./../modelConf/stageConst");

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 r, o, n = {},
    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
  for (r in e) Object.prototype.hasOwnProperty.call(e, r) && ((o = a ? Object.getOwnPropertyDescriptor(e, r) : null) && (o.get || o.set) ? Object.defineProperty(n, r, o) : n[r] = e[r]);
  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 _toConsumableArray(e) {
  return _arrayWithoutHoles(e) || _iterableToArray(e) || _unsupportedIterableToArray(e) || _nonIterableSpread()
}

function _nonIterableSpread() {
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
}

function _unsupportedIterableToArray(e, t) {
  if (e) {
    if ("string" == typeof e) return _arrayLikeToArray(e, t);
    var r = Object.prototype.toString.call(e).slice(8, -1);
    return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? _arrayLikeToArray(e, t) : void 0
  }
}

function _iterableToArray(e) {
  if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) return Array.from(e)
}

function _arrayWithoutHoles(e) {
  if (Array.isArray(e)) return _arrayLikeToArray(e)
}

function _arrayLikeToArray(e, t) {
  (null == t || t > e.length) && (t = e.length);
  for (var r = 0, o = new Array(t); r < t; r++) o[r] = e[r];
  return o
}

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

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

function _createClass(e, t, r) {
  return t && _defineProperties(e.prototype, t), r && _defineProperties(e, r), 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(r) {
  var o = _isNativeReflectConstruct();
  return function() {
    var e, t = _getPrototypeOf(r);
    return _possibleConstructorReturn(this, o ? (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, r) {
  return t in e ? Object.defineProperty(e, t, {
    value: r,
    enumerable: !0,
    configurable: !0,
    writable: !0
  }) : e[t] = r, e
}
require("./topocontent.scss");
var testFunc = function(e) {
    console.log(e)
  },
  eventListeners = {
    click: testFunc,
    connection: testFunc,
    endpointClick: testFunc
  },
  extraSize = {
    top: 90,
    left: 350
  },
  TopoContent = function() {
    _inherits(r, _react.Component);
    var t = _createSuper(r);

    function r(e) {
      var a;
      return _classCallCheck(this, r), _defineProperty(_assertThisInitialized(a = t.call(this, e)), "onChange", function(e) {
        var t = e.nodes,
          e = e.connections;
        a.setState({
          nodes: t,
          connections: e
        })
      }), _defineProperty(_assertThisInitialized(a), "onIstCreated", function(e) {
        a.jsPlumbInstance = e
      }), _defineProperty(_assertThisInitialized(a), "handleDrop", function(e) {
        (0, _amosJsplumb.stopEvent)(e);
        var t = e.clientX - extraSize.left,
          r = e.clientY - extraSize.top,
          o = e.dataTransfer.getData("FlowChartNode"),
          e = (0, _addNode.transferDropData)(o),
          o = e.nodeType,
          e = e.label;
        a.doDropAddNode({
          nodeType: o,
          label: e,
          x: t,
          y: r
        })
      }), _defineProperty(_assertThisInitialized(a), "doDropAddNode", function(e) {
        var t = e.nodeType,
          r = e.label,
          o = e.x,
          n = e.y,
          e = a.state.nodes,
          n = {
            left: o,
            top: n
          },
          n = (0, _addNode.commonAddNode)({
            eleType: t,
            labelValue: r,
            position: n
          });
        a.setState({
          catalogVisible: !1,
          nodes: [].concat(_toConsumableArray(e), [n])
        })
      }), _defineProperty(_assertThisInitialized(a), "handleDragOver", function(e) {
        (0, _amosJsplumb.stopEvent)(e)
      }), _defineProperty(_assertThisInitialized(a), "renderTopoHeaderExtra", function() {
        return [_react.default.createElement("div", {
          key: "zoom-in",
          className: "topo-header-extra-item",
          onClick: a.zoomIn,
          title: "放大"
        }, _react.default.createElement(_amosIcon.default, {
          icon: "zoom-in"
        })), _react.default.createElement("div", {
          key: "zoom-out",
          className: "topo-header-extra-item",
          onClick: a.zoomOut,
          title: "缩小"
        }, _react.default.createElement(_amosIcon.default, {
          icon: "zoom-out"
        })), _react.default.createElement("div", {
          key: "save",
          className: "topo-header-extra-item",
          onClick: a.save,
          title: "保存"
        }, _react.default.createElement(_amosIcon.default, {
          icon: "save"
        }))]
      }), _defineProperty(_assertThisInitialized(a), "test", function() {}), _defineProperty(_assertThisInitialized(a), "showProperty", function(e) {
        a.deviceLabel = e, a.setState({
          hiddenProperty: !1
        }), void 0 !== a.refs.configPanelRef && a.refs.configPanelRef.closeDeviceCapacityPanel()
      }), a.state = {
        hiddenProperty: !0,
        showEditor: !1,
        connections: [],
        nodes: [],
        zoom: 1,
        resetCanvas: !1
      }, a
    }
    return _createClass(r, [{
      key: "componentDidMount",
      value: function() {
        var o = this;
        this.pubsub = _rayEventpool.PubSub.subscribe(_stageConst.DB_CLICK_ELE, function(e, t) {
          t.id, t.preStatus, t.nextStatus;
          var r = t.config;
          t.parentConfig;
          o.showProperty(r.label)
        })
      }
    }, {
      key: "render",
      value: function() {
        var t = this,
          e = this.state,
          r = e.zoom,
          o = e.nodes,
          n = e.connections,
          a = e.resetCanvas,
          i = (e.showEditor, e.hiddenProperty),
          e = this.deviceLabel,
          e = i ? _react.default.createElement("div", null) : _react.default.createElement(_ConfigPanel.default, {
            updateNodeConfig: this.test,
            updateNodeName: this.test,
            config: {
              label: "IG541气体灭火设备",
              type: "custom",
              data: {
                id: 1000019,
                isDelete: !1,
                createTime: null,
                updateTime: null,
                name: "IG541气体灭火设备",
                model: "IG-541",
                type: 1,
                img: "default.png",
                descr: null,
                visibility: 0,
                userId: null,
                attributes: null,
                capabilities: null
              },
              style: {
                left: "570px",
                top: "152px"
              }
            },
            equipmentId: 23,
            nodeId: "df0f9d2f-8e5a-44f5-a6f9-8ded3e1185aa",
            getSubgraphData: this.getSubgraphData,
            subviewId: 24,
            cfgParamJson: {
              equip_10000022: "",
              cpbl_10000019_10000022: "15.0",
              cpbl_intfc_10000019_10000019: "1026"
            },
            deviceLabel: e,
            ref: "configPanelRef"
          });
        return _react.default.createElement("div", {
          className: "topo-content-wrapper"
        }, _react.default.createElement(_TopoHeader.default, {
          title: "子图",
          extra: this.renderTopoHeaderExtra()
        }), _react.default.createElement("div", {
          onDragOver: this.handleDragOver,
          onDrop: this.handleDrop,
          ref: function(e) {
            return t.topoView = e
          },
          onClick: this.hiddenDevicePanel,
          className: "kunshan-topo-content"
        }, a ? null : _react.default.createElement(_TopoStagePlumb.default, {
          eventListeners: eventListeners,
          onPlumbClick: this.onPlumbClick,
          onSceneCreated: this.onSceneCreated,
          onPlumbChange: this.onPlumbChange,
          zoom: r,
          nodes: o,
          connections: n
        })), e)
      }
    }]), r
  }();
TopoContent.displayName = "TopoContent", TopoContent.propTypes = {
  subviewId: _propTypes.default.string,
  subviewName: _propTypes.default.string,
  currentNode: _propTypes.default.object,
  selectedKeys: _propTypes.default.array,
  editTreeData: _propTypes.default.func
};
var _default = TopoContent;
exports.default = TopoContent, module.exports = exports.default;
