heitu 1.0.7 → 1.0.8

package/dist/canvas/core/shapes/circle.d.ts

@@ -33,6 +33,10 @@ declare class Circle extends Node {
     index: number;
     path2D: Path2D | null;
     border: 0 | 1 | 2;
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetY: number;
+    shadowOffsetX: number;
     constructor(config: ICircle);
     deg2rad(deg: number): number;
     getPointOnArc(x0: number, y0: number, r: number, deg: number): {

package/dist/canvas/core/shapes/circle.js

@@ -19,7 +19,6 @@ import Node from "./node";
 var Circle = /*#__PURE__*/function (_Node) {
   _inherits(Circle, _Node);
   var _super = _createSuper(Circle);
-  // 0 填充 1  只有边框  2 边框和填充
   function Circle(config) {
     var _this;
     _classCallCheck(this, Circle);
@@ -41,6 +40,11 @@ var Circle = /*#__PURE__*/function (_Node) {
     _defineProperty(_assertThisInitialized(_this), "index", void 0);
     _defineProperty(_assertThisInitialized(_this), "path2D", void 0);
     _defineProperty(_assertThisInitialized(_this), "border", void 0);
+    // 0 填充 1  只有边框  2 边框和填充
+    _defineProperty(_assertThisInitialized(_this), "shadowColor", void 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowBlur", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetY", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetX", 0);
     _this.x = 10;
     _this.y = 10;
     _this.radius = 8;
@@ -54,6 +58,7 @@ var Circle = /*#__PURE__*/function (_Node) {
     _this.arc = false;
     _this.index = 0;
     _this.path2D = null;
+    _this.shadowColor = 'transparent';
     forIn(config, function (value, key) {
       if (value) _assertThisInitialized(_this)[key] = value;
     });
@@ -111,6 +116,15 @@ var Circle = /*#__PURE__*/function (_Node) {
     value: function draw(ctx) {
       var isWholeArc = this.startAngle === 0 && this.endAngle === 360; // 是否是整圆
       var circlePath;
+      if (this.shadowColor) {
+        // 设置阴影属性
+        ctx.shadowColor = this.shadowColor; // 阴影颜色
+        ctx.shadowBlur = this.shadowBlur; // 阴影模糊程度
+        ctx.shadowOffsetX = this.shadowOffsetX; // 阴影的水平偏移
+        ctx.shadowOffsetY = this.shadowOffsetY; // 阴影的垂直偏移
+      } else {
+        ctx.shadowColor = 'transparent'; // 取消阴影效果
+      }
       switch (this.border) {
         case 0:
           circlePath = new Path2D(this.calcRingD(isWholeArc));

package/dist/canvas/core/shapes/custom.d.ts

@@ -19,6 +19,10 @@ declare class Custom extends Node {
     index: number;
     path2D: Path2D | null;
     parent: null;
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetY: number;
+    shadowOffsetX: number;
     constructor(config: ICustom);
     draw(ctx: CanvasRenderingContext2D): this | undefined;
     inScope(evt: MouseEvent, ctx: CanvasRenderingContext2D): boolean | undefined;

package/dist/canvas/core/shapes/custom.js

@@ -34,6 +34,10 @@ var Custom = /*#__PURE__*/function (_Node) {
     _defineProperty(_assertThisInitialized(_this), "index", void 0);
     _defineProperty(_assertThisInitialized(_this), "path2D", void 0);
     _defineProperty(_assertThisInitialized(_this), "parent", null);
+    _defineProperty(_assertThisInitialized(_this), "shadowColor", void 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowBlur", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetY", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetX", 0);
     if (!config.path2D) {
       throw new Error('Mast has key of path2D');
     }
@@ -46,6 +50,7 @@ var Custom = /*#__PURE__*/function (_Node) {
     _this.lineWidth = 1;
     _this.path2D = null;
     _this.index = 0;
+    _this.shadowColor = 'transparent';
     forIn(config, function (value, key) {
       if (value) _assertThisInitialized(_this)[key] = value;
     });
@@ -60,6 +65,15 @@ var Custom = /*#__PURE__*/function (_Node) {
       if (this.lineWidth) ctx.lineWidth = this.lineWidth;
       if (this.lineWidth) ctx.stroke(this.path2D);
       if (this.fillStyle) ctx.fill(this.path2D);
+      if (this.shadowColor) {
+        // 设置阴影属性
+        ctx.shadowColor = this.shadowColor; // 阴影颜色
+        ctx.shadowBlur = this.shadowBlur; // 阴影模糊程度
+        ctx.shadowOffsetX = this.shadowOffsetX; // 阴影的水平偏移
+        ctx.shadowOffsetY = this.shadowOffsetY; // 阴影的垂直偏移
+      } else {
+        ctx.shadowColor = 'transparent'; // 取消阴影效果
+      }
       return this;
     }
   }, {

package/dist/canvas/core/shapes/group.d.ts

@@ -0,0 +1,12 @@
+import Container from '../stage/container';
+declare class Group extends Container {
+    parent: any;
+    name: string;
+    draggable: boolean;
+    constructor(config: {
+        draggable: boolean;
+    });
+    draw(ctx: CanvasRenderingContext2D): this | undefined;
+    inScope(evt: MouseEvent, ctx: CanvasRenderingContext2D): boolean;
+}
+export default Group;

package/dist/canvas/core/shapes/group.js

@@ -0,0 +1,65 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { 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", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { forIn } from 'lodash-es';
+import Container from "../stage/container";
+var Group = /*#__PURE__*/function (_Container) {
+  _inherits(Group, _Container);
+  var _super = _createSuper(Group);
+  function Group(config) {
+    var _this;
+    _classCallCheck(this, Group);
+    _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "parent", void 0);
+    _defineProperty(_assertThisInitialized(_this), "name", 'Group');
+    _defineProperty(_assertThisInitialized(_this), "draggable", false);
+    _this.parent = null;
+    forIn(config, function (value, key) {
+      if (value) _assertThisInitialized(_this)[key] = value;
+    });
+    return _this;
+  }
+  _createClass(Group, [{
+    key: "draw",
+    value: function draw(ctx) {
+      if (!ctx) return;
+      // 排序
+      this.sortChildren(function (a, b) {
+        return a.index - b.index;
+      });
+      // 去重 （后面覆盖前面的）
+      this.deduplication();
+      // 绘制
+      this.getChildren().forEach(function (child) {
+        if (ctx && 'draw' in child && typeof child.draw === 'function') {
+          child.draw(ctx);
+        }
+      });
+      return this;
+    }
+  }, {
+    key: "inScope",
+    value: function inScope(evt, ctx) {
+      // 绘制
+      return this.getChildren().some(function (child) {
+        if ('inScope' in child && typeof child.inScope === 'function') {
+          return child.inScope(evt, ctx);
+        }
+        return false;
+      });
+    }
+  }]);
+  return Group;
+}(Container);
+export default Group;

package/dist/canvas/core/shapes/line.d.ts

@@ -11,11 +11,12 @@ interface ILine {
     };
     points?: number[];
     smooth?: boolean;
-    strokeStyle: string;
-    lineWidth: number;
-    lineCap: 'butt' | 'round' | 'square';
-    lineJoin: 'miter' | 'round' | 'miter';
-    index: number;
+    strokeStyle?: string;
+    lineWidth?: number;
+    lineCap?: 'butt' | 'round' | 'square';
+    lineJoin?: 'miter' | 'round' | 'miter';
+    index?: number;
+    lineDash?: [number, number] | [];
 }
 declare class Line extends Node {
     name: string;
@@ -36,6 +37,11 @@ declare class Line extends Node {
     index: number;
     path2D: Path2D | null;
     parent: null;
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetY: number;
+    shadowOffsetX: number;
+    lineDash: [number, number] | [];
     constructor(config: ILine);
     convertToNormalPoints(points: number[]): Vector2d[];
     calcSmoothPath2D(): Path2D;

package/dist/canvas/core/shapes/line.js

@@ -45,6 +45,11 @@ var Line = /*#__PURE__*/function (_Node) {
     _defineProperty(_assertThisInitialized(_this), "index", void 0);
     _defineProperty(_assertThisInitialized(_this), "path2D", void 0);
     _defineProperty(_assertThisInitialized(_this), "parent", null);
+    _defineProperty(_assertThisInitialized(_this), "shadowColor", void 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowBlur", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetY", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetX", 0);
+    _defineProperty(_assertThisInitialized(_this), "lineDash", []);
     _this.start = {
       x: 10,
       y: 10
@@ -61,6 +66,7 @@ var Line = /*#__PURE__*/function (_Node) {
     _this.smooth = false;
     _this.index = 0;
     _this.path2D = null;
+    _this.shadowColor = 'transparent';
     forIn(config, function (value, key) {
       if (value) _assertThisInitialized(_this)[key] = value;
     });
@@ -122,6 +128,20 @@ var Line = /*#__PURE__*/function (_Node) {
       var path2D = this.smooth ? this.calcSmoothPath2D() : this.calcStraightPath2D();
       if (this.strokeStyle) ctx.strokeStyle = this.strokeStyle;
       if (this.lineWidth) ctx.lineWidth = this.lineWidth;
+      if (this.shadowColor) {
+        // 设置阴影属性
+        ctx.shadowColor = this.shadowColor; // 阴影颜色
+        ctx.shadowBlur = this.shadowBlur; // 阴影模糊程度
+        ctx.shadowOffsetX = this.shadowOffsetX; // 阴影的水平偏移
+        ctx.shadowOffsetY = this.shadowOffsetY; // 阴影的垂直偏移
+      } else {
+        ctx.shadowColor = 'transparent'; // 取消阴影效果
+      }
+      if (this.lineDash.length <= 0) {
+        ctx.setLineDash([]);
+      } else {
+        ctx.setLineDash(this.lineDash);
+      }
       ctx.stroke(path2D);
       return this;
     }

package/dist/canvas/core/shapes/node.d.ts

@@ -23,12 +23,6 @@ declare abstract class Node {
             handler: any;
         }>;
     };
-    shapeEventListeners: {
-        [index: string]: Array<{
-            name: string;
-            handler: any;
-        }>;
-    };
     abstract parent?: Stage | null;
     on<K extends keyof NodeEventMap>(evtStr: K, handler: EventListener<this, NodeEventMap[K]>): this;
     _off(type: string, name?: string, callback?: (params: any) => void): void;

package/dist/canvas/core/shapes/node.js

@@ -12,12 +12,12 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { isStage } from "../../utils";
+import { isFunction } from "../../../utils/is";
 import { forIn, isEmpty } from 'lodash-es';
 var Node = /*#__PURE__*/function () {
   function Node() {
     _classCallCheck(this, Node);
     _defineProperty(this, "eventListeners", {});
-    _defineProperty(this, "shapeEventListeners", {});
   }
   _createClass(Node, [{
     key: "on",
@@ -36,7 +36,7 @@ var Node = /*#__PURE__*/function () {
           this.eventListeners[baseEvent] = [];
         }
         this.eventListeners[baseEvent].push({
-          name: handler.name || '',
+          name: (handler === null || handler === void 0 ? void 0 : handler.name) || '',
           handler: handler
         });
         // if (this?.parent && isStage(this?.parent)) {
@@ -112,13 +112,14 @@ var Node = /*#__PURE__*/function () {
         var _currentTarget$eventL;
         if ((currentTarget === null || currentTarget === void 0 || (_currentTarget$eventL = currentTarget.eventListeners) === null || _currentTarget$eventL === void 0 || (_currentTarget$eventL = _currentTarget$eventL[eventType]) === null || _currentTarget$eventL === void 0 ? void 0 : _currentTarget$eventL.length) > 0) {
           currentTarget.eventListeners[eventType].forEach(function (item) {
-            item.handler(evt);
+            item.handler(evt, currentTarget);
           });
         }
         if (currentTarget !== null && currentTarget !== void 0 && currentTarget.draggable) {
           var _currentTarget$eventL2;
+          if (isFunction(currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.draggable) && currentTarget.dragging) currentTarget === null || currentTarget === void 0 || currentTarget.draggable(evt, currentTarget);
           (_currentTarget$eventL2 = currentTarget.eventListeners) === null || _currentTarget$eventL2 === void 0 || (_currentTarget$eventL2 = _currentTarget$eventL2[eventType]) === null || _currentTarget$eventL2 === void 0 || _currentTarget$eventL2.forEach(function (item) {
-            item === null || item === void 0 || item.handler(evt);
+            item.handler(evt, currentTarget);
           });
         }
       }
@@ -137,15 +138,7 @@ var Node = /*#__PURE__*/function () {
         // 将时间推送到最顶层中
         var children = target === null || target === void 0 ? void 0 : target.children;
         for (var i = 0; i < children.length; i++) {
-          var _children$i, _children$i2;
-          // if (
-          //   !this.shapeEventListeners[eventType] ||
-          //   this.shapeEventListeners[eventType].length < 1
-          // ) {
-          //   this.shapeEventListeners[eventType] = [];
-          // }
-          // @ts-ignore
-          var dragShapes = _toConsumableArray(this.children.filter(function (item) {
+          var dragShapes = _toConsumableArray(children.filter(function (item) {
             return item.draggable;
           }));
           // 拖拽 按下
@@ -158,16 +151,32 @@ var Node = /*#__PURE__*/function () {
               return b.index - a.index;
             })[0];
             if (topInScopeDragShape) {
-              topInScopeDragShape.dragging = true;
-              topInScopeDragShape.offsetX = topInScopeDragShape !== null && topInScopeDragShape !== void 0 && topInScopeDragShape.x ? evt.offsetX - (topInScopeDragShape === null || topInScopeDragShape === void 0 ? void 0 : topInScopeDragShape.x) : evt.offsetX;
-              topInScopeDragShape.offsetY = topInScopeDragShape !== null && topInScopeDragShape !== void 0 && topInScopeDragShape.y ? evt.offsetY - (topInScopeDragShape === null || topInScopeDragShape === void 0 ? void 0 : topInScopeDragShape.y) : evt.offsetY;
+              if (topInScopeDragShape.name === 'Group') {
+                topInScopeDragShape.dragging = true;
+                topInScopeDragShape.children.forEach(function (child) {
+                  // child.dragging = true;
+                  child.offsetX = child !== null && child !== void 0 && child.x ? evt.offsetX - (child === null || child === void 0 ? void 0 : child.x) : evt.offsetX;
+                  // @ts-ignore
+                  child.offsetY = child !== null && child !== void 0 && child.y ?
+                  // @ts-ignore
+                  evt.offsetY - (child === null || child === void 0 ? void 0 : child.y) : evt.offsetY;
+                });
+              } else {
+                topInScopeDragShape.dragging = true;
+                topInScopeDragShape.offsetX = topInScopeDragShape !== null && topInScopeDragShape !== void 0 && topInScopeDragShape.x ? evt.offsetX - (topInScopeDragShape === null || topInScopeDragShape === void 0 ? void 0 : topInScopeDragShape.x) : evt.offsetX;
+                // @ts-ignore
+                topInScopeDragShape.offsetY = topInScopeDragShape !== null && topInScopeDragShape !== void 0 && topInScopeDragShape.y ?
+                // @ts-ignore
+                evt.offsetY - (topInScopeDragShape === null || topInScopeDragShape === void 0 ? void 0 : topInScopeDragShape.y) : evt.offsetY;
+              }
             }
           }
-          if (!isEmpty((_children$i = children[i]) === null || _children$i === void 0 ? void 0 : _children$i.eventListeners) || (_children$i2 = children[i]) !== null && _children$i2 !== void 0 && _children$i2.draggable) {
+          var currentChild = children[i];
+          if (!isEmpty(currentChild === null || currentChild === void 0 ? void 0 : currentChild.eventListeners) || currentChild !== null && currentChild !== void 0 && currentChild.draggable) {
             this.fire(eventType, {
               evt: evt,
               target: target,
-              currentTarget: children[i]
+              currentTarget: currentChild
             });
           }
         }
@@ -188,11 +197,26 @@ var Node = /*#__PURE__*/function () {
             var y = rect !== null && rect !== void 0 && rect.top ? evt.clientY - (rect === null || rect === void 0 ? void 0 : rect.top) : evt.clientY;
             currentTarget.x = currentTarget !== null && currentTarget !== void 0 && currentTarget.offsetX ? x - (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.offsetX) : x;
             currentTarget.y = currentTarget !== null && currentTarget !== void 0 && currentTarget.offsetY ? y - (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.offsetY) : y;
-          } else {
+          } else if (currentTarget.name === 'Group') {
             var _x = rect !== null && rect !== void 0 && rect.left ? evt.clientX - (rect === null || rect === void 0 ? void 0 : rect.left) : evt.clientX;
             var _y = rect !== null && rect !== void 0 && rect.top ? evt.clientY - (rect === null || rect === void 0 ? void 0 : rect.top) : evt.clientY;
-            currentTarget.x = currentTarget !== null && currentTarget !== void 0 && currentTarget.offsetX ? _x - (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.offsetX) : _x;
-            currentTarget.y = currentTarget !== null && currentTarget !== void 0 && currentTarget.offsetY ? _y - (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.offsetY) : _y;
+            currentTarget.children.forEach(function (child) {
+              if (child.name === 'Text') {
+                // @ts-ignore
+                var _x2 = rect !== null && rect !== void 0 && rect.left ? evt.clientX - (rect === null || rect === void 0 ? void 0 : rect.left) : evt.clientX;
+                var _y2 = rect !== null && rect !== void 0 && rect.top ? evt.clientY - (rect === null || rect === void 0 ? void 0 : rect.top) : evt.clientY;
+                child.x = child !== null && child !== void 0 && child.offsetX ? _x2 - (child === null || child === void 0 ? void 0 : child.offsetX) : _x2;
+                child.y = child !== null && child !== void 0 && child.offsetY ? _y2 - (child === null || child === void 0 ? void 0 : child.offsetY) : _y2;
+              } else {
+                child.x = child !== null && child !== void 0 && child.offsetX ? _x - (child === null || child === void 0 ? void 0 : child.offsetX) : _x;
+                child.y = child !== null && child !== void 0 && child.offsetY ? _y - (child === null || child === void 0 ? void 0 : child.offsetY) : _y;
+              }
+            });
+          } else {
+            var _x3 = rect !== null && rect !== void 0 && rect.left ? evt.clientX - (rect === null || rect === void 0 ? void 0 : rect.left) : evt.clientX;
+            var _y3 = rect !== null && rect !== void 0 && rect.top ? evt.clientY - (rect === null || rect === void 0 ? void 0 : rect.top) : evt.clientY;
+            currentTarget.x = currentTarget !== null && currentTarget !== void 0 && currentTarget.offsetX ? _x3 - (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.offsetX) : _x3;
+            currentTarget.y = currentTarget !== null && currentTarget !== void 0 && currentTarget.offsetY ? _y3 - (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.offsetY) : _y3;
           }
 
           // @ts-ignore

package/dist/canvas/core/shapes/rect.d.ts

@@ -7,6 +7,7 @@ interface IRect {
     fillStyle?: string;
     strokeStyle?: string;
     lineWidth?: number;
+    shadowColor?: string;
 }
 declare class Rect extends Node {
     name: string;
@@ -20,8 +21,13 @@ declare class Rect extends Node {
     index: number;
     path2D: Path2D | null;
     parent: null;
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetY: number;
+    shadowOffsetX: number;
+    radius: number;
     constructor(config: IRect);
-    draw(ctx: CanvasRenderingContext2D): this;
+    draw(ctx: CanvasRenderingContext2D): void;
     inScope(evt: MouseEvent, ctx: CanvasRenderingContext2D): boolean | undefined;
 }
 export default Rect;

package/dist/canvas/core/shapes/rect.js

@@ -34,6 +34,11 @@ var Rect = /*#__PURE__*/function (_Node) {
     _defineProperty(_assertThisInitialized(_this), "index", void 0);
     _defineProperty(_assertThisInitialized(_this), "path2D", void 0);
     _defineProperty(_assertThisInitialized(_this), "parent", null);
+    _defineProperty(_assertThisInitialized(_this), "shadowColor", void 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowBlur", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetY", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetX", 0);
+    _defineProperty(_assertThisInitialized(_this), "radius", 0);
     _this.x = 100;
     _this.y = 100;
     _this.width = 100;
@@ -42,7 +47,9 @@ var Rect = /*#__PURE__*/function (_Node) {
     _this.strokeStyle = null;
     _this.lineWidth = null;
     _this.path2D = null;
+    _this.shadowColor = 'transparent';
     _this.index = 0;
+    _this.radius = 0;
     forIn(config, function (value, key) {
       if (value) _assertThisInitialized(_this)[key] = value;
     });
@@ -52,10 +59,31 @@ var Rect = /*#__PURE__*/function (_Node) {
     key: "draw",
     value: function draw(ctx) {
       var path2D = new Path2D();
-      path2D.moveTo(this.x, this.y);
-      path2D.lineTo(this.x + this.width, this.y);
-      path2D.lineTo(this.x + this.width, this.y + this.height);
-      path2D.lineTo(this.x, this.y + this.height);
+      if (this.radius) {
+        path2D.moveTo(this.x + this.radius, this.y);
+        path2D.lineTo(this.x + this.width - this.radius, this.y);
+        path2D.arcTo(this.x + this.width, this.y, this.x + this.width, this.y + this.radius, this.radius);
+        path2D.lineTo(this.x + this.width, this.y + this.height - this.radius);
+        path2D.arcTo(this.x + this.width, this.y + this.height, this.x + this.width - this.radius, this.y + this.height, this.radius);
+        path2D.lineTo(this.x + this.radius, this.y + this.height);
+        path2D.arcTo(this.x, this.y + this.height, this.x, this.y + this.height - this.radius, this.radius);
+        path2D.lineTo(this.x, this.y + this.radius);
+        path2D.arcTo(this.x, this.y, this.x + this.radius, this.y, this.radius);
+      } else {
+        path2D.moveTo(this.x, this.y);
+        path2D.lineTo(this.x + this.width, this.y);
+        path2D.lineTo(this.x + this.width, this.y + this.height);
+        path2D.lineTo(this.x, this.y + this.height);
+      }
+      if (this.shadowColor) {
+        // 设置阴影属性
+        ctx.shadowColor = this.shadowColor; // 阴影颜色
+        ctx.shadowBlur = this.shadowBlur; // 阴影模糊程度
+        ctx.shadowOffsetX = this.shadowOffsetX; // 阴影的水平偏移
+        ctx.shadowOffsetY = this.shadowOffsetY; // 阴影的垂直偏移
+      } else {
+        ctx.shadowColor = 'transparent'; // 取消阴影效果
+      }
       path2D.closePath();
       if (this.fillStyle) ctx.fillStyle = this.fillStyle;
       if (this.strokeStyle) ctx.strokeStyle = this.strokeStyle;
@@ -63,7 +91,6 @@ var Rect = /*#__PURE__*/function (_Node) {
       if (this.lineWidth) ctx.stroke(path2D);
       if (this.fillStyle) ctx.fill(path2D);
       this.path2D = path2D;
-      return this;
     }
   }, {
     key: "inScope",

package/dist/canvas/core/shapes/text.d.ts

@@ -36,6 +36,10 @@ declare class Text extends Node {
     width?: number;
     height?: number;
     index: number;
+    shadowColor: string;
+    shadowBlur: number;
+    shadowOffsetY: number;
+    shadowOffsetX: number;
     constructor(config: IText);
     draw(ctx: CanvasRenderingContext2D): this;
     inScope(evt: MouseEvent): boolean;

package/dist/canvas/core/shapes/text.js

@@ -36,6 +36,10 @@ var Text = /*#__PURE__*/function (_Node) {
     _defineProperty(_assertThisInitialized(_this), "width", void 0);
     _defineProperty(_assertThisInitialized(_this), "height", void 0);
     _defineProperty(_assertThisInitialized(_this), "index", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowColor", void 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowBlur", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetY", 0);
+    _defineProperty(_assertThisInitialized(_this), "shadowOffsetX", 0);
     _this.content = '';
     if (!config.content && !_this.content) {
       throw new Error('Text must has content');
@@ -47,6 +51,7 @@ var Text = /*#__PURE__*/function (_Node) {
     _this.textBaseline = 'top';
     _this.x = 100;
     _this.y = 100;
+    _this.shadowColor = 'transparent';
     forIn(config, function (value, key) {
       if (value) _assertThisInitialized(_this)[key] = value;
     });
@@ -63,6 +68,15 @@ var Text = /*#__PURE__*/function (_Node) {
       var textMetrics = ctx.measureText(this.content);
       this.width = textMetrics.width;
       this.height = this.fontSize;
+      if (this.shadowColor) {
+        // 设置阴影属性
+        ctx.shadowColor = this.shadowColor; // 阴影颜色
+        ctx.shadowBlur = this.shadowBlur; // 阴影模糊程度
+        ctx.shadowOffsetX = this.shadowOffsetX; // 阴影的水平偏移
+        ctx.shadowOffsetY = this.shadowOffsetY; // 阴影的垂直偏移
+      } else {
+        ctx.shadowColor = 'transparent'; // 取消阴影效果
+      }
       return this;
     }
   }, {

package/dist/canvas/core/stage/container.d.ts

@@ -1,7 +1,7 @@
 import Stage from '.';
 import Node from '../shapes/node';
 import { Node as INode } from '../type';
-interface ChildType extends Node {
+export interface ChildType extends Node {
     parent: Stage | null;
     index: number;
     remove: () => void;

package/dist/canvas/core/stage/index.d.ts

@@ -1,10 +1,10 @@
 import { Vector2d } from '../type';
 import { Canvas } from './canvas';
 import Container from './container';
-interface IOption {
+export interface IOption {
     container: HTMLElement;
-    width: number;
-    height: number;
+    width?: number;
+    height?: number;
     backgroundColor?: string;
 }
 declare class Stage extends Container {

package/dist/canvas/core/stage/index.js

@@ -105,6 +105,8 @@ var Stage = /*#__PURE__*/function (_Container) {
     value: function _resizeDOM() {
       if (this.content && this.canvas) {
         var _this$canvas;
+        this.width = this.content.offsetWidth;
+        this.height = this.content.offsetHeight;
         this.canvas.setSize(this.content.offsetWidth, this.content.offsetHeight);
         if ((_this$canvas = this.canvas) !== null && _this$canvas !== void 0 && _this$canvas.context) this.batchDraw(this);
       }

package/dist/canvas/index.d.ts

@@ -1,6 +1,7 @@
 export { default as Animate } from './core/shapes/animate';
 export { default as Circle } from './core/shapes/circle';
 export { default as Custom } from './core/shapes/custom';
+export { default as Group } from './core/shapes/group';
 export { default as Line } from './core/shapes/line';
 export { default as Rect } from './core/shapes/rect';
 export { default as Text } from './core/shapes/text';

package/dist/canvas/index.js

@@ -1,6 +1,7 @@
 export { default as Animate } from "./core/shapes/animate";
 export { default as Circle } from "./core/shapes/circle";
 export { default as Custom } from "./core/shapes/custom";
+export { default as Group } from "./core/shapes/group";
 export { default as Line } from "./core/shapes/line";
 export { default as Rect } from "./core/shapes/rect";
 export { default as Text } from "./core/shapes/text";

package/dist/hooks/index.d.ts

@@ -1,5 +1,6 @@
-export { default as useLocalStorage } from './useLocalStorage';
-export { default as useSessionStorage } from './useSessionStorage';
+export { default as useAsyncFn } from './useAsyncFn';
+export { default as useCancelAsyncFn } from './useCancelAsyncFn';
+export { default as createContainer } from './useContainer';
 export { default as useCookie } from './useCookie';
 export { default as useCountDown } from './useCountDown';
 export { default as useDeepCompareEffect } from './useDeepCompareEffect';
@@ -9,8 +10,10 @@ export { default as useHtAxios } from './useHtAxios';
 export { default as useImageLoad } from './useImageLoad';
 export { default as useInfiniteScroll } from './useInfiniteScroll';
 export { default as useInView } from './useInView';
+export { default as useLocalStorage } from './useLocalStorage';
+export { default as usePolling } from './usePolling';
 export { default as usePrevious } from './usePrevious';
 export { default as useResizeObserver } from './useResizeObserver';
+export { default as useSessionStorage } from './useSessionStorage';
+export { default as useWebSocket } from './useWebSocket';
 export { default as useWindowSize } from './useWindowSize';
-export { default as useAsyncFn } from './useAsyncFn';
-export { default as useCancelAsyncFn } from './useCancelAsyncFn';

package/dist/hooks/index.js

@@ -1,5 +1,6 @@
-export { default as useLocalStorage } from "./useLocalStorage";
-export { default as useSessionStorage } from "./useSessionStorage";
+export { default as useAsyncFn } from "./useAsyncFn";
+export { default as useCancelAsyncFn } from "./useCancelAsyncFn";
+export { default as createContainer } from "./useContainer";
 export { default as useCookie } from "./useCookie";
 export { default as useCountDown } from "./useCountDown";
 export { default as useDeepCompareEffect } from "./useDeepCompareEffect";
@@ -9,8 +10,10 @@ export { default as useHtAxios } from "./useHtAxios";
 export { default as useImageLoad } from "./useImageLoad";
 export { default as useInfiniteScroll } from "./useInfiniteScroll";
 export { default as useInView } from "./useInView";
+export { default as useLocalStorage } from "./useLocalStorage";
+export { default as usePolling } from "./usePolling";
 export { default as usePrevious } from "./usePrevious";
 export { default as useResizeObserver } from "./useResizeObserver";
-export { default as useWindowSize } from "./useWindowSize";
-export { default as useAsyncFn } from "./useAsyncFn";
-export { default as useCancelAsyncFn } from "./useCancelAsyncFn";
+export { default as useSessionStorage } from "./useSessionStorage";
+export { default as useWebSocket } from "./useWebSocket";
+export { default as useWindowSize } from "./useWindowSize";

package/dist/hooks/useCancelAsyncFn.d.ts

@@ -1,8 +1,8 @@
 import type { DependencyList } from 'react';
-export type ICancelInterceptor = () => void | never;
-export interface ICancel {
-    cancelInterceptor: ICancelInterceptor;
+export interface CancelContext {
+    signal: AbortSignal;
+    cancelInterceptor: () => void;
 }
-export type ICancelAsyncFn = (params: ICancel) => Promise<(...args: any[]) => Promise<any>>;
-declare const useCancelAsyncFn: (fn: ICancelAsyncFn, deps: DependencyList) => import("./useAsyncFn").AsyncFnReturn<(...args: any[]) => Promise<any>>;
+export type CancelableAsyncFn<T = any> = (context: CancelContext) => Promise<T>;
+declare const useCancelAsyncFn: <T>(fn: CancelableAsyncFn<T>, deps: DependencyList) => import("./useAsyncFn").AsyncFnReturn<() => Promise<T | undefined>>;
 export default useCancelAsyncFn;

package/dist/hooks/useCancelAsyncFn.js

@@ -2,57 +2,56 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import React, { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import useAsyncFn from "./useAsyncFn";
 var useCancelAsyncFn = function useCancelAsyncFn(fn, deps) {
   var controller = useRef();
-  var cancelInterceptor = function cancelInterceptor() {
+
+  // 清理函数
+  var cleanup = function cleanup() {
     if (controller.current) {
       controller.current.abort();
-      throw new Error(" Canceled .");
     }
   };
-  React.useEffect(function () {
-    return function () {
-      if (controller.current) {
-        controller.current.abort();
-      }
-    };
+
+  // 组件卸载时清理
+  useEffect(function () {
+    return cleanup;
   }, []);
   var result = useAsyncFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var signal,
-      cancelParams,
-      next,
-      result1,
-      _args = arguments;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    var _context;
+    return _regeneratorRuntime().wrap(function _callee$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          // 如果已有控制器，则取消之前的请求
-          if (controller.current) {
-            controller.current.abort();
-          }
+          // 取消之前的请求
+          cleanup();
 
-          // 创建新的 AbortController 实例
+          // 创建新的 AbortController
           controller.current = new AbortController();
-          signal = controller.current.signal;
-          cancelParams = {
-            cancelInterceptor: cancelInterceptor
+          _context2.prev = 2;
+          _context = {
+            signal: controller.current.signal,
+            cancelInterceptor: cleanup
           };
-          _context.next = 6;
-          return fn(cancelParams);
+          _context2.next = 6;
+          return fn(_context);
         case 6:
-          next = _context.sent;
-          _context.next = 9;
-          return next.apply(void 0, _args);
+          return _context2.abrupt("return", _context2.sent);
         case 9:
-          result1 = _context.sent;
-          return _context.abrupt("return", result1);
-        case 11:
+          _context2.prev = 9;
+          _context2.t0 = _context2["catch"](2);
+          if (!(_context2.t0 instanceof Error && _context2.t0.name === 'AbortError')) {
+            _context2.next = 13;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 13:
+          throw _context2.t0;
+        case 14:
         case "end":
-          return _context.stop();
+          return _context2.stop();
       }
-    }, _callee);
+    }, _callee, null, [[2, 9]]);
   })), deps);
   return result;
 };

package/dist/hooks/useContainer/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare function createContainer<Value, Props = void>(useHook: (props: Props) => Value): {
+    Provider: ({ initialState, children, ...props }: {
+        initialState?: Partial<Value> | undefined;
+        children: React.ReactNode;
+    } & Props) => React.JSX.Element;
+    useContainer: () => Value;
+    withContainer: <P extends object>(WrappedComponent: React.ComponentType<P & {
+        container: Value;
+    }>) => (props: P) => React.JSX.Element;
+    Context: React.Context<Value | null>;
+};
+export default createContainer;

package/dist/hooks/useContainer/index.js

@@ -0,0 +1,62 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["initialState", "children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { createContext, useContext, useRef } from 'react';
+
+// 容器创建函数
+function createContainer(useHook) {
+  // 创建 Context
+  var Context = /*#__PURE__*/createContext(null);
+
+  // Provider 组件
+  function Provider(_ref) {
+    var initialState = _ref.initialState,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+    // 调用 hook 获取状态和方法
+    var value = useHook(props);
+
+    // 合并初始状态
+    var mergedValue = _objectSpread(_objectSpread({}, value), initialState);
+
+    // 使用 useRef 确保返回的对象引用稳定
+    var stableValue = useRef(mergedValue);
+    Object.assign(stableValue.current, mergedValue);
+    return /*#__PURE__*/React.createElement(Context.Provider, {
+      value: stableValue.current
+    }, children);
+  }
+
+  // 自定义 hook，用于获取容器状态
+  function useContainer() {
+    var value = useContext(Context);
+    if (value === null) {
+      throw new Error('Component must be wrapped with <Provider>');
+    }
+    return value;
+  }
+
+  // 高阶组件，用于包装类组件
+  function withContainer(WrappedComponent) {
+    return function WithContainer(props) {
+      var container = useContainer();
+      return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, {
+        container: container
+      }));
+    };
+  }
+  return {
+    Provider: Provider,
+    useContainer: useContainer,
+    withContainer: withContainer,
+    Context: Context
+  };
+}
+export default createContainer;

package/dist/hooks/usePolling/index.d.ts

@@ -0,0 +1,21 @@
+interface Options<T> {
+    interval?: number;
+    manual?: boolean;
+    retryTimes?: number;
+    retryInterval?: number;
+    onSuccess?: (data: T) => void;
+    onError?: (error: Error) => void;
+}
+declare enum State {
+    CLOSED = 0,
+    POLLING = 1
+}
+declare function usePolling<T>(service: () => Promise<T>, options?: Options<T>): {
+    data: T | undefined;
+    loading: boolean;
+    error: Error | undefined;
+    start: () => void;
+    stop: () => void;
+    state: State;
+};
+export default usePolling;

package/dist/hooks/usePolling/index.js

@@ -0,0 +1,136 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useEffect, useRef, useState } from 'react';
+var State = /*#__PURE__*/function (State) {
+  State[State["CLOSED"] = 0] = "CLOSED";
+  State[State["POLLING"] = 1] = "POLLING";
+  return State;
+}(State || {});
+function usePolling(service) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$interval = options.interval,
+    interval = _options$interval === void 0 ? 3000 : _options$interval,
+    _options$manual = options.manual,
+    manual = _options$manual === void 0 ? false : _options$manual,
+    _options$retryTimes = options.retryTimes,
+    retryTimes = _options$retryTimes === void 0 ? 0 : _options$retryTimes,
+    _options$retryInterva = options.retryInterval,
+    retryInterval = _options$retryInterva === void 0 ? 1000 : _options$retryInterva,
+    onSuccess = options.onSuccess,
+    onError = options.onError;
+  var _useState = useState(State.CLOSED),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    error = _useState8[0],
+    setError = _useState8[1];
+  var timerRef = useRef();
+  var retryCountRef = useRef(0);
+  var pollingRef = useRef(false);
+  var stop = useCallback(function () {
+    pollingRef.current = false;
+    clearTimeout(timerRef.current);
+    setState(State.CLOSED);
+  }, []);
+  var start = function start() {
+    if (pollingRef.current) return;
+    pollingRef.current = true;
+    setState(State.POLLING);
+    retryCountRef.current = 0;
+    var poll = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var result;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (pollingRef.current) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              _context.prev = 2;
+              setLoading(true);
+              _context.next = 6;
+              return service();
+            case 6:
+              result = _context.sent;
+              setData(result);
+              setError(undefined);
+              retryCountRef.current = 0;
+              onSuccess === null || onSuccess === void 0 || onSuccess(result);
+
+              // 设置下一次轮询
+              timerRef.current = setTimeout(poll, interval);
+              _context.next = 21;
+              break;
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](2);
+              setError(_context.t0);
+              onError === null || onError === void 0 || onError(_context.t0);
+              if (!(retryTimes === 0)) {
+                _context.next = 20;
+                break;
+              }
+              return _context.abrupt("return", stop());
+            case 20:
+              // 处理重试逻辑
+              if (retryCountRef.current < retryTimes) {
+                retryCountRef.current++;
+                timerRef.current = setTimeout(poll, retryInterval);
+              } else {
+                stop();
+              }
+            case 21:
+              _context.prev = 21;
+              setLoading(false);
+              return _context.finish(21);
+            case 24:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[2, 14, 21, 24]]);
+      }));
+      return function poll() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    poll();
+  };
+  useEffect(function () {
+    if (!manual) {
+      start();
+    }
+    return function () {
+      stop();
+    };
+  }, [manual]);
+  return {
+    data: data,
+    loading: loading,
+    error: error,
+    start: start,
+    stop: stop,
+    state: state
+  };
+}
+export default usePolling;

package/dist/hooks/useWebSocket/index.d.ts

@@ -0,0 +1,20 @@
+interface Options {
+    reconnectLimit?: number;
+    reconnectInterval?: number;
+    manual?: boolean;
+    onOpen?: (event: WebSocketEventMap['open']) => void;
+    onClose?: (event: WebSocketEventMap['close']) => void;
+    onMessage?: (message: WebSocketEventMap['message']) => void;
+    onError?: (event: WebSocketEventMap['error']) => void;
+    json?: boolean;
+    protocols?: string | string[];
+}
+declare const useWebSocket: (url: string, options?: Options) => {
+    readyState: number;
+    sendMessage: (message: string | ArrayBufferLike | Blob | ArrayBufferView) => void;
+    connect: () => void;
+    disconnect: () => void;
+    webSocketIns: WebSocket | undefined;
+    latestMessage: MessageEvent<any> | null;
+};
+export default useWebSocket;

package/dist/hooks/useWebSocket/index.js

@@ -0,0 +1,105 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useRef, useState } from 'react';
+var useWebSocket = function useWebSocket(url) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$reconnectLim = options.reconnectLimit,
+    reconnectLimit = _options$reconnectLim === void 0 ? 3 : _options$reconnectLim,
+    _options$reconnectInt = options.reconnectInterval,
+    reconnectInterval = _options$reconnectInt === void 0 ? 3000 : _options$reconnectInt,
+    _options$manual = options.manual,
+    manual = _options$manual === void 0 ? false : _options$manual,
+    onOpen = options.onOpen,
+    onClose = options.onClose,
+    onMessage = options.onMessage,
+    onError = options.onError,
+    protocols = options.protocols;
+  var _useState = useState(WebSocket.CONNECTING),
+    _useState2 = _slicedToArray(_useState, 2),
+    readyState = _useState2[0],
+    setReadyState = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    latestMessage = _useState4[0],
+    setLatestMessage = _useState4[1];
+  var reconnectTimesRef = useRef(0);
+  var websocketRef = useRef();
+  var reconnectTimerRef = useRef();
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    manualClose = _useState6[0],
+    setManualClose = _useState6[1];
+  var connect = function connect() {
+    if (!url) {
+      return;
+    }
+    setManualClose(false); // 重置主动断开标记
+    websocketRef.current = new WebSocket(url, protocols);
+    websocketRef.current.onopen = function (event) {
+      setReadyState(WebSocket.OPEN);
+      onOpen === null || onOpen === void 0 || onOpen(event);
+      reconnectTimesRef.current = 0;
+    };
+    websocketRef.current.onclose = function (event) {
+      setReadyState(WebSocket.CLOSED);
+      onClose === null || onClose === void 0 || onClose(event);
+
+      // 只在非主动断开时进行重连
+      if (!manualClose && reconnectTimesRef.current < reconnectLimit) {
+        reconnectTimerRef.current = setTimeout(function () {
+          reconnectTimesRef.current += 1;
+          connect();
+        }, reconnectInterval);
+      }
+    };
+    websocketRef.current.onmessage = function (event) {
+      var parsedMessage = event;
+      if (options.json) {
+        try {
+          parsedMessage = JSON.parse(event.data);
+        } catch (e) {
+          console.error('JSON 解析失败:', e);
+        }
+      }
+      setLatestMessage(parsedMessage);
+      onMessage === null || onMessage === void 0 || onMessage(parsedMessage);
+    };
+    websocketRef.current.onerror = function (event) {
+      onError === null || onError === void 0 || onError(event);
+    };
+  };
+  var sendMessage = function sendMessage(message) {
+    if (readyState === WebSocket.OPEN) {
+      var _websocketRef$current;
+      var finalData = options.json ? JSON.stringify(message) : message;
+      (_websocketRef$current = websocketRef.current) === null || _websocketRef$current === void 0 || _websocketRef$current.send(finalData);
+    }
+  };
+  var disconnect = function disconnect() {
+    var _websocketRef$current2;
+    setManualClose(true); // 标记为主动断开
+    (_websocketRef$current2 = websocketRef.current) === null || _websocketRef$current2 === void 0 || _websocketRef$current2.close();
+    clearTimeout(reconnectTimerRef.current);
+  };
+  useEffect(function () {
+    if (!manual) {
+      connect();
+    }
+    return function () {
+      disconnect();
+    };
+  }, [url, manual]);
+  return {
+    readyState: readyState,
+    sendMessage: sendMessage,
+    connect: connect,
+    disconnect: disconnect,
+    webSocketIns: websocketRef.current,
+    latestMessage: latestMessage
+  };
+};
+export default useWebSocket;

package/dist/index.js

@@ -1,3 +1,2 @@
 export * from "./canvas";
-export * from "./hooks";
-// export * from './charts';
+export * from "./hooks";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "heitu",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "diy hook canvas component",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -84,9 +84,10 @@
     "fflate": "^0.8.2",
     "js-cookie": "^3.0.5",
     "lodash-es": "^4.17.21",
+    "mockjs": "^1.1.0",
     "qs": "^6.13.0",
     "unstated-next": "^1.1.0",
     "urijs": "^1.19.11",
     "uuid": "^10.0.0"
   }
-}
+}