function run() {
  return "run";
}

"use strict";

function _classCallCheck(instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    throw new TypeError("Cannot call a class as a function");
  }
}

var socket = (function () {
  function socket() {
    // 调用socket方法时传入的第一个参数为url， 第二个参数为options配置
    var url =
      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
    var options = arguments[1];

    _classCallCheck(this, socket);

    this.heartBeatTimer = null;
    this.options = options;
    this.messageMap = {};
    this.connState = 0;
    this.socket = null;
    this.url = url;
    this.limitConnect = 3; // 断线重连次数
    this.timeConnect = 0;
  }

  socket.prototype.doOpen = function doOpen() {
    var _this = this;
    if (this.connState) return;
    this.connState = 1;
    this.afterOpenEmit = [];
    var BrowserWebSocket = window.WebSocket || window.MozWebSocket;
    var socket = new BrowserWebSocket(this.url);
    socket.binaryType = "arraybuffer";
    socket.onopen = function (evt) {
      return _this.onOpen(evt);
    };
    socket.onclose = function (evt) {
      return _this.onClose(evt);
    };
    socket.onmessage = function (evt) {
      return _this.onMessage(evt.data);
    };
    socket.onerror = function (err) {
      return _this.onError(err);
    };
    this.socket = socket;
  };

  socket.prototype.onOpen = function onOpen(evt) {
    this.connState = 2;
    this.heartBeatTimer = setInterval(this.checkHeartbeat.bind(this), 5000);
    this.onReceiver({
      Event: "open"
    });
  };

  socket.prototype.checkOpen = function checkOpen() {
    return this.connState === 2;
  };

  socket.prototype.onClose = function onClose() {
    this.connState = 0;
    if (this.connState) {
      this.onReceiver({
        Event: "close"
      });
    }
    console.log("服务器已经断开");
    this.reconnect();
  };

  socket.prototype.send = function send(data) {
    this.socket.send(JSON.stringify(data));
  };

  socket.prototype.emit = function emit(data) {
    var _this2 = this;

    return new Promise(function (resolve) {
      _this2.socket.send(JSON.stringify(data));
      _this2.on("message", function (data) {
        resolve(data);
      });
    });
  };

  socket.prototype.onMessage = function onMessage(message) {
    if ("pong" !== message) {
      try {
        var data = JSON.parse(message);
        this.onReceiver({
          Event: "message",
          Data: data
        });
      } catch (err) {
        // console.error(' >> Data parsing error:', err);
      }
    }
  };

  socket.prototype.checkHeartbeat = function checkHeartbeat() {
    this.socket.send("ping");
  };

  socket.prototype.onError = function onError(err) {
    console.log("服务器报错：");
    this.reconnect();
  };

  // 重连
  socket.prototype.reconnect = function reconnect() {
    if (this.heartBeatTimer) {
      clearInterval(this.heartBeatTimer);
      this.heartBeatTimer = null;
    }
    if (this.limitConnect > 0) {
      // lockReconnect加锁，防止onclose、onerror两次重连
      if (localStorage.getItem("lockReconnect") != true) {
        localStorage.setItem("lockReconnect", 1);
        this.limitConnect--;
        this.timeConnect++;
        console.log("第" + this.timeConnect + "次重连");
        // 进行重连
        setTimeout(function () {
          TVjsApi.initSocket();
          localStorage.removeItem("lockReconnect");
        }, 2000);
      }
    } else {
      console.log("TCP连接已超时");
    }
  };

  socket.prototype.onReceiver = function onReceiver(data) {
    var callback = this.messageMap[data.Event];
    if (callback) callback(data.Data);
  };

  socket.prototype.on = function on(name, handler) {
    this.messageMap[name] = handler;
  };

  socket.prototype.doClose = function doClose() {
    this.socket.close();
  };

  socket.prototype.destroy = function destroy() {
    if (this.heartBeatTimer) {
      clearInterval(this, this.heartBeatTimer);
      this.heartBeatTimer = null;
    }
    this.doClose();
    this.messageMap = {};
    this.connState = 0;
    this.socket = null;
  };

  return socket;
})();

import diyDatePicker from "@/components/diy-vant-date-picker";

Vue.component("diyDatePicker", diyDatePicker);

import diyVantList from "@/components/diy-vant-list";

Vue.component("diyVantList", diyVantList);

window.onload = function () {
  //图形动起来

  let oC = document.getElementById("c1");
  let gd = oC.getContext("2d");
  let L = 50;
  setInterval(() => {
    gd.clearRect(0, 0, oC.width, oC.height); //清除整个画布
    L++;
    gd.strokeRect(L, 50, 100, 70);
  }, 10);
};

window.onload = function () {
  //点击事件
  let oC = document.getElementById("c1");
  let gd = oC.getContext("2d");
  let l = 50,
    t = 50,
    w = 100,
    h = 70;
  gd.strokeRect(l, t, w, h);
  oC.onclick = function (e) {
    gd.clearRect(0, 0, oC.width, oC.height);
    if (
      e.offsetX >= l &&
      e.offsetX <= l + w &&
      e.offsetY >= t &&
      e.offsetY <= t + h
    ) {
      gd.strokeStyle = "red";
      gd.strokeRect(l, t, w, h);
    } else {
      gd.strokeStyle = "blue";
      gd.strokeRect(l, t, w, h);
    }
  };
};