heitu 1.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) peco
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+# heitu
+
+[![NPM version](https://img.shields.io/npm/v/heitu.svg?style=flat)](https://npmjs.org/package/heitu)
+[![NPM downloads](http://img.shields.io/npm/dm/heitu.svg?style=flat)](https://npmjs.org/package/heitu)
+
+diy hook canvas component
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ yarn install
+
+# develop library by docs demo
+$ yarn start
+
+# build library source code
+$ yarn run build
+
+# build library source code in watch mode
+$ yarn run build:watch
+
+# build docs
+$ yarn run docs:build
+
+# Locally preview the production build.
+$ yarn run docs:preview
+
+# check your project for potential problems
+$ yarn run doctor
+```
+
+## LICENSE
+
+MIT

package/dist/canvas/constant/index.d.ts

@@ -0,0 +1,12 @@
+export type EventType = 'mouseleave' | 'mouseenter' | 'mousemove' | 'mousedown' | 'mouseup' | 'click';
+export type OnEventType = `on${EventType}`;
+export declare const dpr: number;
+export type EventParameter = {
+    target: any;
+    x: number;
+    y: number;
+    dx?: number;
+    dy?: number;
+    nativeEvent?: MouseEvent;
+};
+export declare const eventStageList: OnEventType[];

package/dist/canvas/constant/index.js

@@ -0,0 +1,4 @@
+// import { IShape } from '../type';
+
+export var dpr = window.devicePixelRatio;
+export var eventStageList = ['onmouseleave', 'onmouseenter', 'onmousemove', 'onmousedown', 'onmouseup', 'onclick'];

package/dist/canvas/element/Circle.d.ts

@@ -0,0 +1,2 @@
+declare const Circle: (props: any) => null;
+export default Circle;

package/dist/canvas/element/Circle.js

@@ -0,0 +1,38 @@
+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 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); }
+import { useContext, useLayoutEffect, useRef } from 'react';
+import { Circle as _Circle } from "../instance/circle";
+import { Context } from "../store";
+import { usePropertyChange } from "../utils/hooks/usePropertyChange";
+// import { usePropertyChange } from '../utils/hooks/usePropertyChange';
+
+var defaultProps = {
+  x: 10,
+  y: 10,
+  radius: 8,
+  fillStyle: 'black'
+};
+var Circle = function Circle(props) {
+  var mergeProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  var parent = useContext(Context);
+  var circle = new _Circle(mergeProps);
+  var circleRef = useRef(circle);
+  usePropertyChange(mergeProps, 'radius', circleRef.current);
+  usePropertyChange(mergeProps, 'x', circleRef.current);
+  usePropertyChange(mergeProps, 'y', circleRef.current);
+  usePropertyChange(mergeProps, 'fillStyle', circleRef.current);
+  usePropertyChange(mergeProps, 'strokeStyle', circleRef.current);
+  usePropertyChange(mergeProps, 'lineWidth', circleRef.current);
+  useLayoutEffect(function () {
+    parent.appendChild(circleRef.current);
+    return function () {
+      // rectRef.current.remove();
+    };
+  }, []);
+  return null;
+};
+export default Circle;

package/dist/canvas/element/Line.d.ts

@@ -0,0 +1,13 @@
+import { Line as _Line } from '../instance/line';
+export type LineProps = _Line['data'] & {
+    start?: {
+        x: number;
+        y: number;
+    };
+    end?: {
+        x: number;
+        y: number;
+    };
+};
+declare const Line: (props: LineProps) => null;
+export default Line;

package/dist/canvas/element/Line.js

@@ -0,0 +1,45 @@
+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 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); }
+import { useContext, useLayoutEffect, useRef } from 'react';
+import { Line as _Line } from "../instance/line";
+import { Context } from "../store";
+// import { usePropertyChange } from '../utils/hooks/usePropertyChange';
+
+var defaultProps = {
+  // @ts-ignore
+  points: [10, 10, 100, 100],
+  strokeStyle: 'black',
+  start: {
+    x: 0,
+    y: 0
+  },
+  end: {
+    x: 100,
+    y: 100
+  }
+};
+var Line = function Line(props) {
+  var mergeProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  var parent = useContext(Context);
+  var line = new _Line(mergeProps);
+  var lineRef = useRef(line);
+
+  // usePropertyChange(mergeProps, 'width', rectRef.current);
+  // usePropertyChange(mergeProps, 'height', rectRef.current);
+  // usePropertyChange(mergeProps, 'x', rectRef.current);
+  // usePropertyChange(mergeProps, 'y', rectRef.current);
+  // usePropertyChange(mergeProps, 'fillStyle', rectRef.current);
+
+  useLayoutEffect(function () {
+    parent.appendChild(lineRef.current);
+    return function () {
+      // rectRef.current.remove();
+    };
+  }, []);
+  return null;
+};
+export default Line;

package/dist/canvas/element/Rect.d.ts

@@ -0,0 +1,10 @@
+export interface RectProps {
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    fillStyle?: string;
+    cornerRadius?: number;
+}
+declare const Rect: (props: RectProps) => null;
+export default Rect;

package/dist/canvas/element/Rect.js

@@ -0,0 +1,37 @@
+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 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); }
+import { useContext, useLayoutEffect, useRef } from 'react';
+import { Rect as _Rect } from "../instance/rect";
+import { Context } from "../store";
+import { usePropertyChange } from "../utils/hooks/usePropertyChange";
+var defaultProps = {
+  x: 0,
+  y: 0,
+  width: 100,
+  height: 100,
+  fillStyle: 'black'
+};
+var Rect = function Rect(props) {
+  var mergeProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  var parent = useContext(Context);
+  var rect = new _Rect(mergeProps);
+  var rectRef = useRef(rect);
+  console.log(mergeProps.fillStyle);
+  usePropertyChange(mergeProps, 'width', rectRef.current);
+  usePropertyChange(mergeProps, 'height', rectRef.current);
+  usePropertyChange(mergeProps, 'x', rectRef.current);
+  usePropertyChange(mergeProps, 'y', rectRef.current);
+  usePropertyChange(mergeProps, 'fillStyle', rectRef.current);
+  useLayoutEffect(function () {
+    parent.appendChild(rectRef.current);
+    return function () {
+      // rectRef.current.remove();
+    };
+  }, []);
+  return null;
+};
+export default Rect;

package/dist/canvas/element/Sector.d.ts

@@ -0,0 +1,2 @@
+declare const Sector: (props: any) => null;
+export default Sector;

package/dist/canvas/element/Sector.js

@@ -0,0 +1,41 @@
+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 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); }
+import { useContext, useLayoutEffect, useRef } from 'react';
+import { Circle as _Circle } from "../instance/circle";
+import { Context } from "../store";
+import { usePropertyChange } from "../utils/hooks/usePropertyChange";
+// import { usePropertyChange } from '../utils/hooks/usePropertyChange';
+
+var defaultProps = {
+  x: 10,
+  y: 10,
+  radius: 8,
+  fillStyle: 'black',
+  startAngle: 30,
+  endAngle: 90
+};
+var Sector = function Sector(props) {
+  var mergeProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  var parent = useContext(Context);
+  console.log(mergeProps, 'mergeProps');
+  var circle = new _Circle(mergeProps);
+  var circleRef = useRef(circle);
+  usePropertyChange(mergeProps, 'radius', circleRef.current);
+  usePropertyChange(mergeProps, 'x', circleRef.current);
+  usePropertyChange(mergeProps, 'y', circleRef.current);
+  usePropertyChange(mergeProps, 'fillStyle', circleRef.current);
+  usePropertyChange(mergeProps, 'startAngle', circleRef.current);
+  usePropertyChange(mergeProps, 'endAngle', circleRef.current);
+  useLayoutEffect(function () {
+    parent.appendChild(circleRef.current);
+    return function () {
+      // rectRef.current.remove();
+    };
+  }, []);
+  return null;
+};
+export default Sector;

package/dist/canvas/element/Stage.d.ts

@@ -0,0 +1,11 @@
+import React, { CSSProperties } from 'react';
+interface StageProps extends CSSProperties {
+    children?: any;
+    width?: number | string;
+    height?: number;
+    border?: string;
+    background?: string;
+    margin?: string | number;
+}
+declare const Stage: (props: StageProps) => React.JSX.Element;
+export default Stage;

package/dist/canvas/element/Stage.js

@@ -0,0 +1,40 @@
+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 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); }
+import React, { useLayoutEffect, useRef } from 'react';
+import { Stage as _Stage } from "../instance/stage";
+import { Context } from "../store";
+var defaultProps = {
+  width: '100%',
+  height: 400,
+  background: '#fff',
+  margin: '0 auto'
+};
+var Stage = function Stage(props) {
+  var containerRef = useRef(null);
+  var stageRef = useRef(new _Stage());
+  var mergeProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  useLayoutEffect(function () {
+    stageRef.current.mount({
+      container: containerRef.current
+    });
+  }, []);
+  // 递归 遍历子元素 获取 tag name
+  // React.Children.forEach(props.children, (child) => {
+  //   if (React.isValidElement(child)) {
+  //     const tagName =
+  //       typeof child.type === 'string' ? child.type : child.type.name;
+  //     console.log('Child tag name:', tagName);
+  //   }
+  // });
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: stageRef.current
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    style: mergeProps
+  }), props.children);
+};
+export default Stage;

package/dist/canvas/element/Trapezoid.d.ts

@@ -0,0 +1,10 @@
+export interface RectProps {
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    fillStyle?: string;
+    cornerRadius?: number;
+}
+declare const Trapezoid: (props: RectProps) => null;
+export default Trapezoid;

package/dist/canvas/element/Trapezoid.js

@@ -0,0 +1,38 @@
+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 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); }
+import { useContext, useLayoutEffect, useRef } from 'react';
+import { Trapezoid as _Trapezoid } from "../instance/trapezoid";
+import { Context } from "../store";
+import { usePropertyChange } from "../utils/hooks/usePropertyChange";
+var defaultProps = {
+  x: 0,
+  y: 0,
+  width: 100,
+  height: 100,
+  fillStyle: 'black'
+};
+var Trapezoid = function Trapezoid(props) {
+  var mergeProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  var parent = useContext(Context);
+  var trapezoid = new _Trapezoid(mergeProps);
+  var trapezoidRef = useRef(trapezoid);
+  console.log(mergeProps.fillStyle);
+  usePropertyChange(mergeProps, 'width', trapezoidRef.current);
+  usePropertyChange(mergeProps, 'height', trapezoidRef.current);
+  usePropertyChange(mergeProps, 'x', trapezoidRef.current);
+  usePropertyChange(mergeProps, 'y', trapezoidRef.current);
+  usePropertyChange(mergeProps, 'fillStyle', trapezoidRef.current);
+  usePropertyChange(mergeProps, 'shortLength', trapezoidRef.current);
+  useLayoutEffect(function () {
+    parent.appendChild(trapezoidRef.current);
+    return function () {
+      // trapezoidRef.current.remove();
+    };
+  }, []);
+  return null;
+};
+export default Trapezoid;

package/dist/canvas/index.d.ts

@@ -0,0 +1,7 @@
+import Circle from './element/Circle';
+import Line from './element/Line';
+import Rect from './element/Rect';
+import Sector from './element/Sector';
+import Stage from './element/Stage';
+import Trapezoid from './element/Trapezoid';
+export { Circle, Line, Rect, Sector, Stage, Trapezoid };

package/dist/canvas/index.js

@@ -0,0 +1,7 @@
+import Circle from "./element/Circle";
+import Line from "./element/Line";
+import Rect from "./element/Rect";
+import Sector from "./element/Sector";
+import Stage from "./element/Stage";
+import Trapezoid from "./element/Trapezoid";
+export { Circle, Line, Rect, Sector, Stage, Trapezoid };

package/dist/canvas/instance/api/api.d.ts

@@ -0,0 +1,13 @@
+import { Stage } from '../stage';
+export declare function mountStage(children: any[], stage: Stage): void;
+export declare function drawStageShapes(stage: Stage): void;
+export declare const setCanvasStyle: (canvasElement: HTMLCanvasElement, width: number, height: number) => void;
+export declare const updateCanvas: (canvasElement: HTMLCanvasElement, width: number, height: number) => CanvasRenderingContext2D | null;
+export declare const createCanvas: (width: number, height: number) => {
+    canvasElement: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D | null;
+};
+export declare const initStage: (canvasContainer: HTMLElement) => {
+    canvasElement: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D | null;
+};

package/dist/canvas/instance/api/api.js

@@ -0,0 +1,66 @@
+import { drawShapes } from "../../utils/renderShape";
+import { dpr } from "../../constant";
+// import { IShape } from '../../type';
+
+// 添加子元素 绘制 画布
+export function mountStage(children, stage) {
+  children.forEach(function (item) {
+    item.stage = stage;
+    if (item.children) {
+      mountStage(item.children, stage);
+    }
+  });
+}
+
+// 绘制前置工作
+export function drawStageShapes(stage) {
+  var _stage$canvasElement, _stage$canvasElement2;
+  var ctx = stage.ctx;
+  // 先清空画布
+  ctx.clearRect(0, 0, (_stage$canvasElement = stage.canvasElement) === null || _stage$canvasElement === void 0 ? void 0 : _stage$canvasElement.width, (_stage$canvasElement2 = stage.canvasElement) === null || _stage$canvasElement2 === void 0 ? void 0 : _stage$canvasElement2.height);
+  // 开始绘制
+  drawShapes(ctx, stage.children);
+}
+// 更新canvas的style
+export var setCanvasStyle = function setCanvasStyle(canvasElement, width, height) {
+  var canvasWidth = width * dpr;
+  var canvasHeight = height * dpr;
+  canvasElement.width = canvasWidth;
+  canvasElement.height = canvasHeight;
+  canvasElement.style.width = '100%';
+  canvasElement.style.height = '100%';
+};
+// 更新canvas的属性
+export var updateCanvas = function updateCanvas(canvasElement, width, height) {
+  setCanvasStyle(canvasElement, width, height);
+  var ctx = canvasElement.getContext('2d');
+  if (!ctx) return null;
+  ctx.scale(dpr, dpr);
+  ctx.textBaseline = 'top';
+  ctx.font = "".concat(14, "px \u5FAE\u8F6F\u96C5\u9ED1");
+  return ctx;
+};
+
+// 创建canvas元素
+export var createCanvas = function createCanvas(width, height) {
+  var canvasElement = document.createElement('canvas');
+  var ctx = updateCanvas(canvasElement, width, height);
+  return {
+    canvasElement: canvasElement,
+    ctx: ctx
+  };
+};
+
+// 初始化画布 将canvas添加到容器中
+export var initStage = function initStage(canvasContainer) {
+  var offsetWidth = canvasContainer.offsetWidth,
+    offsetHeight = canvasContainer.offsetHeight;
+  var _createCanvas = createCanvas(offsetWidth, offsetHeight),
+    canvasElement = _createCanvas.canvasElement,
+    ctx = _createCanvas.ctx;
+  canvasContainer.append(canvasElement);
+  return {
+    canvasElement: canvasElement,
+    ctx: ctx
+  };
+};

package/dist/canvas/instance/api/scheduler.d.ts

@@ -0,0 +1,6 @@
+export declare const tasks: {
+    cb: () => void;
+}[];
+export declare const workLoop: () => void;
+export declare const schedulerTask: (cb: () => void) => void;
+export declare const resetSchedulerCount: () => void;

package/dist/canvas/instance/api/scheduler.js

@@ -0,0 +1,26 @@
+// 任务批处理
+
+export var tasks = []; // 马上立即执行
+// @ts-ignore
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var timer = [];
+export var workLoop = function workLoop() {
+  var job;
+  while (job = tasks.shift()) {
+    job.cb();
+  }
+};
+var schedulerCount = true;
+export var schedulerTask = function schedulerTask(cb) {
+  var task = {
+    cb: cb
+  };
+  tasks.push(task);
+  if (schedulerCount) {
+    window.queueMicrotask(workLoop);
+  }
+  schedulerCount = false;
+};
+export var resetSchedulerCount = function resetSchedulerCount() {
+  schedulerCount = true;
+};

package/dist/canvas/instance/circle.d.ts

@@ -0,0 +1,17 @@
+import { Shape, ShapeData } from './shape';
+import { BoundingRect } from './stage';
+interface CircleData extends ShapeData {
+    x?: number;
+    y?: number;
+    radius?: number;
+    innerRadius?: number;
+    startAngle?: number;
+    endAngle?: number;
+    offsetAngle?: number;
+}
+export declare class Circle extends Shape<CircleData> {
+    constructor(data: CircleData);
+    data: CircleData;
+    getBoundingRect(): BoundingRect;
+}
+export {};

package/dist/canvas/instance/circle.js

@@ -0,0 +1,42 @@
+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 _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 _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); }
+import { Shape } from "./shape";
+var defaultData = {
+  lineWidth: 1,
+  startAngle: 0,
+  endAngle: 360,
+  offsetAngle: 0
+};
+export var Circle = /*#__PURE__*/function (_Shape) {
+  _inherits(Circle, _Shape);
+  var _super = _createSuper(Circle);
+  function Circle(data) {
+    _classCallCheck(this, Circle);
+    return _super.call(this, 'Circle', data, defaultData);
+  }
+  _createClass(Circle, [{
+    key: "getBoundingRect",
+    value: function getBoundingRect() {
+      var data = this.data;
+      var padding = 0;
+      return {
+        x: ((data === null || data === void 0 ? void 0 : data.x) || 0) - ((data === null || data === void 0 ? void 0 : data.radius) || 0) - padding,
+        y: ((data === null || data === void 0 ? void 0 : data.y) || 0) - ((data === null || data === void 0 ? void 0 : data.radius) || 0) - padding,
+        width: 2 * ((data === null || data === void 0 ? void 0 : data.radius) || 0) + padding * 2,
+        height: 2 * ((data === null || data === void 0 ? void 0 : data.radius) || 0) + padding * 2
+      };
+    }
+  }]);
+  return Circle;
+}(Shape);

package/dist/canvas/instance/line.d.ts

@@ -0,0 +1,16 @@
+import { Shape, ShapeData } from './shape';
+export interface LineData extends ShapeData {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    cornerRadius?: number;
+}
+export declare const defaultLineData: {
+    cornerRadius: number;
+    lineWidth: number;
+};
+export declare class Line extends Shape<LineData> {
+    constructor(data: LineData);
+    data: LineData;
+}

package/dist/canvas/instance/line.js

@@ -0,0 +1,28 @@
+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 _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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); }
+import { Shape } from "./shape";
+export var defaultLineData = {
+  cornerRadius: 0,
+  lineWidth: 1
+};
+// @
+export var Line = /*#__PURE__*/function (_Shape) {
+  _inherits(Line, _Shape);
+  var _super = _createSuper(Line);
+  function Line(data) {
+    _classCallCheck(this, Line);
+    return _super.call(this, 'Line', data, defaultLineData); // this.path2D = data.path2D ? data.path2D : createLinePath2D(this.data)
+  }
+  return _createClass(Line);
+}(Shape);