wargerm 0.2.29 → 0.2.30

package/README.zh-CN.md

@@ -1,40 +1,40 @@
-<!--
- * @Author: lijin
- * @Date: 2021-10-18 15:22:28
- * @LastEditTime: 2021-11-05 09:25:52
- * @LastEditors: lijin
- * @Description:
- * @FilePath: \wargerm\README.zh-CN.md
- * 可以输入预定的版权声明、个性签名、空行等
--->
-
-## 📒 目录介绍
-
-```
-├── docs                   文档存放路径
-│   ├── index.md           首页展示
-│   └── **.**              网站目录文档
-├── src                    组件主目录
-│   ├── index.ts           组件注册
-│   └── Foo                组件开发
-├── .eslintrc.js           eslint 配置
-├── .fatherrc.ts           father 配置
-├── .umirc.ts              dumi 配置
-└── tsconfig.json          typescript 配置
-```
-
-其余文件可自行查阅了解。
-
-## 🤖 命令介绍
-
-| 名称                    | 描述           | 备注                          |
-| ----------------------- | -------------- | ----------------------------- |
-| `npm run dev`           | 项目启动       | -                             |
-| `npm run test`          | 组件测试       | -                             |
-| `npm run test:coverage` | 代码覆盖率查看 | -                             |
-| `npm run prettier`      | 代码美化       | -                             |
-| `npm run build`         | 组件打包       | -                             |
-| `npm run release`       | 组件打包发布   | -                             |
-| `npm run docs:build`    | 文档打包       | -                             |
-| `npm run docs:deploy`   | 文档发布       | 这里默认是使用了 GitHub Pages |
-| `npm run deploy`        | 文档打包发布   | -                             |
+<!--
+ * @Author: lijin
+ * @Date: 2021-10-18 15:22:28
+ * @LastEditTime: 2021-11-05 09:25:52
+ * @LastEditors: lijin
+ * @Description:
+ * @FilePath: \wargerm\README.zh-CN.md
+ * 可以输入预定的版权声明、个性签名、空行等
+-->
+
+## 📒 目录介绍
+
+```
+├── docs                   文档存放路径
+│   ├── index.md           首页展示
+│   └── **.**              网站目录文档
+├── src                    组件主目录
+│   ├── index.ts           组件注册
+│   └── Foo                组件开发
+├── .eslintrc.js           eslint 配置
+├── .fatherrc.ts           father 配置
+├── .umirc.ts              dumi 配置
+└── tsconfig.json          typescript 配置
+```
+
+其余文件可自行查阅了解。
+
+## 🤖 命令介绍
+
+| 名称                    | 描述           | 备注                          |
+| ----------------------- | -------------- | ----------------------------- |
+| `npm run dev`           | 项目启动       | -                             |
+| `npm run test`          | 组件测试       | -                             |
+| `npm run test:coverage` | 代码覆盖率查看 | -                             |
+| `npm run prettier`      | 代码美化       | -                             |
+| `npm run build`         | 组件打包       | -                             |
+| `npm run release`       | 组件打包发布   | -                             |
+| `npm run docs:build`    | 文档打包       | -                             |
+| `npm run docs:deploy`   | 文档发布       | 这里默认是使用了 GitHub Pages |
+| `npm run deploy`        | 文档打包发布   | -                             |

package/dist/components/WebsocketHeart/index.d.ts

@@ -0,0 +1,24 @@
+export default class WebsocketHeart {
+    WebSocket: any;
+    url: any;
+    options: any;
+    onopenCB: any;
+    onerrorCB: any;
+    onmessageCB: any;
+    oncloseCB: any;
+    HeartBeat: any;
+    stopTimer: any;
+    websock: any;
+    lockReconnect: any;
+    heartCheck: any;
+    constructor({ WebSocket, url, options, onopen, onerror, onmessage, onclose, HeartBeat, }: any);
+    init: () => void;
+    initWebSocket: () => void;
+    websocketOnopen: () => void;
+    websocketOnerror: (e: any) => void;
+    websocketOnmessage: (e: any) => void;
+    websocketOnclose: (e: string) => void;
+    send: (text: any) => void;
+    reconnect: () => void;
+    heartCheckFun: () => void;
+}

package/dist/index.d.ts

@@ -23,3 +23,4 @@ export { default as Modal } from './components/Modal';
 export { default as ModalForm } from './components/ModalForm';
 export { default as TabelCard } from './components/TabelCard';
 export { default as Cascader } from './components/Cascader';
+export { default as WebsocketHeart } from './components/WebsocketHeart';

package/dist/index.esm.js

@@ -56,14 +56,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -71,19 +66,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -92,17 +80,11 @@ function _objectSpread2(target) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -160,6 +142,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -201,12 +186,15 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
+  Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
+    writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
@@ -10339,14 +10327,9 @@ function ownKeys$1(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -10354,19 +10337,12 @@ function ownKeys$1(object, enumerableOnly) {
 
 function _objectSpread2$1(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys$1(Object(source), true).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys$1(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
+      _defineProperty$1(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -11523,4 +11499,160 @@ var TabelCard = function TabelCard(props, ref) {
 
 var index$1 = /*#__PURE__*/React.forwardRef(TabelCard);
 
-export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, Index$c as Card, WCascader as Cascader, Index$4 as Checkbox, Index$8 as CountUp, Index$2 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Index$7 as Number, NumericInput, Index$3 as Radio, Index$1 as Select, Index$a as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$5 as TreeSelect, Index$6 as WDatePicker, WForm$1 as WForm };
+var WebsocketHeart = /*#__PURE__*/_createClass(function WebsocketHeart(_ref) {
+  var _this = this;
+
+  var WebSocket = _ref.WebSocket,
+      url = _ref.url,
+      options = _ref.options,
+      onopen = _ref.onopen,
+      onerror = _ref.onerror,
+      onmessage = _ref.onmessage,
+      onclose = _ref.onclose,
+      HeartBeat = _ref.HeartBeat;
+
+  _classCallCheck(this, WebsocketHeart);
+
+  this.WebSocket = void 0;
+  this.url = void 0;
+  this.options = void 0;
+  this.onopenCB = void 0;
+  this.onerrorCB = void 0;
+  this.onmessageCB = void 0;
+  this.oncloseCB = void 0;
+  this.HeartBeat = void 0;
+  this.stopTimer = void 0;
+  this.websock = void 0;
+  this.lockReconnect = void 0;
+  this.heartCheck = void 0;
+
+  this.init = function () {
+    _this.initWebSocket();
+
+    _this.heartCheckFun();
+  };
+
+  this.initWebSocket = function () {
+    _this.websock = new _this.WebSocket(_this.url, _this.options);
+
+    try {
+      if ('WebSocket' in window) {
+        _this.websock.onopen = _this.websocketOnopen;
+        _this.websock.onerror = _this.websocketOnerror;
+        _this.websock.onmessage = _this.websocketOnmessage;
+        _this.websock.onclose = _this.websocketOnclose;
+      }
+    } catch (error) {
+      _this.websock.on('open', _this.websocketOnopen);
+
+      _this.websock.on('error', _this.websocketOnerror);
+
+      _this.websock.on('close', _this.websocketOnclose);
+
+      _this.websock.on('message', _this.websocketOnmessage);
+    }
+  };
+
+  this.websocketOnopen = function () {
+    console.log('WebSocket连接成功');
+
+    _this.onopenCB(); //心跳检测重置
+
+
+    _this.heartCheck.reset().start();
+  };
+
+  this.websocketOnerror = function (e) {
+    console.log('WebSocket连接发生错误', e);
+
+    _this.onerrorCB(e);
+
+    _this.reconnect();
+  };
+
+  this.websocketOnmessage = function (e) {
+    console.log('-----接收消息-------', e); // const data = e.data    //解析对象
+    // To handle
+
+    _this.onmessageCB(e); //心跳检测重置
+
+
+    _this.heartCheck.reset().start();
+  };
+
+  this.websocketOnclose = function (e) {
+    _this.oncloseCB(e);
+
+    if (e) {
+      console.log('connection closed (' + e + ')');
+    }
+
+    _this.reconnect();
+  };
+
+  this.send = function (text) {
+    // 数据发送
+    try {
+      _this.websock.send(text);
+    } catch (err) {
+      console.log('send failed (' + err + ')');
+    }
+  };
+
+  this.reconnect = function () {
+    var that = _this;
+    if (that.lockReconnect) return;
+    that.lockReconnect = true; //没连接上会一直重连，设置延迟避免请求过多
+
+    setTimeout(function () {
+      console.info('尝试重连...');
+      that.initWebSocket();
+      that.lockReconnect = false;
+    }, 5000);
+  };
+
+  this.heartCheckFun = function () {
+    var that = _this; //心跳检测,每20s心跳一次
+
+    that.heartCheck = {
+      timeout: 20000,
+      timeoutObj: null,
+      serverTimeoutObj: null,
+      reset: function reset() {
+        clearTimeout(this.timeoutObj); //clearTimeout(this.serverTimeoutObj);
+
+        return this;
+      },
+      start: function start() {
+        this.timeoutObj = setTimeout(function () {
+          //这里发送一个心跳，后端收到后，返回一个心跳消息，
+          //onmessage拿到返回的心跳就说明连接正常
+          that.send(that.HeartBeat);
+          console.info('客户端发送心跳'); //self.serverTimeoutObj = setTimeout(function(){//如果超过一定时间还没重置，说明后端主动断开了
+          //  that.websock.close();//如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
+          //}, self.timeout)
+        }, this.timeout);
+      }
+    };
+  };
+
+  this.WebSocket = WebSocket || WebSocket;
+  this.url = url;
+  this.options = options !== null && options !== void 0 ? options : [];
+
+  this.onopenCB = onopen || function () {};
+
+  this.onerrorCB = onerror || function () {};
+
+  this.onmessageCB = onmessage || function () {};
+
+  this.oncloseCB = onclose || function () {};
+
+  this.HeartBeat = HeartBeat || 'HeartBeat';
+  this.stopTimer = false;
+  this.websock = null;
+  this.lockReconnect = false;
+  this.heartCheck = null;
+});
+
+export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, Index$c as Card, WCascader as Cascader, Index$4 as Checkbox, Index$8 as CountUp, Index$2 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Index$7 as Number, NumericInput, Index$3 as Radio, Index$1 as Select, Index$a as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$5 as TreeSelect, Index$6 as WDatePicker, WForm$1 as WForm, WebsocketHeart };

package/dist/index.js

@@ -90,14 +90,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -105,19 +100,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -126,17 +114,11 @@ function _objectSpread2(target) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -194,6 +176,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -235,12 +220,15 @@ function _inherits(subClass, superClass) {
     throw new TypeError("Super expression must either be null or a function");
   }
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
+  Object.defineProperty(subClass, "prototype", {
+    value: Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    }),
+    writable: false
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
@@ -10373,14 +10361,9 @@ function ownKeys$1(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -10388,19 +10371,12 @@ function ownKeys$1(object, enumerableOnly) {
 
 function _objectSpread2$1(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys$1(Object(source), true).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys$1(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
+      _defineProperty$1(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -11557,6 +11533,162 @@ var TabelCard = function TabelCard(props, ref) {
 
 var index$1 = /*#__PURE__*/React__default['default'].forwardRef(TabelCard);
 
+var WebsocketHeart = /*#__PURE__*/_createClass(function WebsocketHeart(_ref) {
+  var _this = this;
+
+  var WebSocket = _ref.WebSocket,
+      url = _ref.url,
+      options = _ref.options,
+      onopen = _ref.onopen,
+      onerror = _ref.onerror,
+      onmessage = _ref.onmessage,
+      onclose = _ref.onclose,
+      HeartBeat = _ref.HeartBeat;
+
+  _classCallCheck(this, WebsocketHeart);
+
+  this.WebSocket = void 0;
+  this.url = void 0;
+  this.options = void 0;
+  this.onopenCB = void 0;
+  this.onerrorCB = void 0;
+  this.onmessageCB = void 0;
+  this.oncloseCB = void 0;
+  this.HeartBeat = void 0;
+  this.stopTimer = void 0;
+  this.websock = void 0;
+  this.lockReconnect = void 0;
+  this.heartCheck = void 0;
+
+  this.init = function () {
+    _this.initWebSocket();
+
+    _this.heartCheckFun();
+  };
+
+  this.initWebSocket = function () {
+    _this.websock = new _this.WebSocket(_this.url, _this.options);
+
+    try {
+      if ('WebSocket' in window) {
+        _this.websock.onopen = _this.websocketOnopen;
+        _this.websock.onerror = _this.websocketOnerror;
+        _this.websock.onmessage = _this.websocketOnmessage;
+        _this.websock.onclose = _this.websocketOnclose;
+      }
+    } catch (error) {
+      _this.websock.on('open', _this.websocketOnopen);
+
+      _this.websock.on('error', _this.websocketOnerror);
+
+      _this.websock.on('close', _this.websocketOnclose);
+
+      _this.websock.on('message', _this.websocketOnmessage);
+    }
+  };
+
+  this.websocketOnopen = function () {
+    console.log('WebSocket连接成功');
+
+    _this.onopenCB(); //心跳检测重置
+
+
+    _this.heartCheck.reset().start();
+  };
+
+  this.websocketOnerror = function (e) {
+    console.log('WebSocket连接发生错误', e);
+
+    _this.onerrorCB(e);
+
+    _this.reconnect();
+  };
+
+  this.websocketOnmessage = function (e) {
+    console.log('-----接收消息-------', e); // const data = e.data    //解析对象
+    // To handle
+
+    _this.onmessageCB(e); //心跳检测重置
+
+
+    _this.heartCheck.reset().start();
+  };
+
+  this.websocketOnclose = function (e) {
+    _this.oncloseCB(e);
+
+    if (e) {
+      console.log('connection closed (' + e + ')');
+    }
+
+    _this.reconnect();
+  };
+
+  this.send = function (text) {
+    // 数据发送
+    try {
+      _this.websock.send(text);
+    } catch (err) {
+      console.log('send failed (' + err + ')');
+    }
+  };
+
+  this.reconnect = function () {
+    var that = _this;
+    if (that.lockReconnect) return;
+    that.lockReconnect = true; //没连接上会一直重连，设置延迟避免请求过多
+
+    setTimeout(function () {
+      console.info('尝试重连...');
+      that.initWebSocket();
+      that.lockReconnect = false;
+    }, 5000);
+  };
+
+  this.heartCheckFun = function () {
+    var that = _this; //心跳检测,每20s心跳一次
+
+    that.heartCheck = {
+      timeout: 20000,
+      timeoutObj: null,
+      serverTimeoutObj: null,
+      reset: function reset() {
+        clearTimeout(this.timeoutObj); //clearTimeout(this.serverTimeoutObj);
+
+        return this;
+      },
+      start: function start() {
+        this.timeoutObj = setTimeout(function () {
+          //这里发送一个心跳，后端收到后，返回一个心跳消息，
+          //onmessage拿到返回的心跳就说明连接正常
+          that.send(that.HeartBeat);
+          console.info('客户端发送心跳'); //self.serverTimeoutObj = setTimeout(function(){//如果超过一定时间还没重置，说明后端主动断开了
+          //  that.websock.close();//如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
+          //}, self.timeout)
+        }, this.timeout);
+      }
+    };
+  };
+
+  this.WebSocket = WebSocket || WebSocket;
+  this.url = url;
+  this.options = options !== null && options !== void 0 ? options : [];
+
+  this.onopenCB = onopen || function () {};
+
+  this.onerrorCB = onerror || function () {};
+
+  this.onmessageCB = onmessage || function () {};
+
+  this.oncloseCB = onclose || function () {};
+
+  this.HeartBeat = HeartBeat || 'HeartBeat';
+  this.stopTimer = false;
+  this.websock = null;
+  this.lockReconnect = false;
+  this.heartCheck = null;
+});
+
 exports.AutoScroll = Index$9;
 exports.Breadcrumb = Index$b;
 exports.Button = WButton;
@@ -11581,3 +11713,4 @@ exports.Table = Table;
 exports.TreeSelect = Index$5;
 exports.WDatePicker = Index$6;
 exports.WForm = WForm$1;
+exports.WebsocketHeart = WebsocketHeart;

package/dist/utils/websocketHeart.d.ts

@@ -0,0 +1,24 @@
+export default class WebsocketHeart {
+    WebSocket: any;
+    url: any;
+    options: any;
+    onopenCB: any;
+    onerrorCB: any;
+    onmessageCB: any;
+    oncloseCB: any;
+    HeartBeat: any;
+    stopTimer: any;
+    websock: any;
+    lockReconnect: any;
+    heartCheck: any;
+    constructor({ WebSocket, url, options, onopen, onerror, onmessage, onclose, HeartBeat, }: any);
+    init: () => void;
+    initWebSocket: () => void;
+    websocketOnopen: () => void;
+    websocketOnerror: (e: any) => void;
+    websocketOnmessage: (e: any) => void;
+    websocketOnclose: (e: string) => void;
+    send: (text: any) => void;
+    reconnect: () => void;
+    heartCheckFun: () => void;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "wargerm",
-  "version": "0.2.29",
+  "version": "0.2.30",
   "scripts": {
     "dev": "dumi dev",
     "docs:build": "dumi build",