@cs-open/react-fabric 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (256) hide show
  1. package/LICENSE +21 -0
  2. package/dist/cjs/components/BackgroundImage/index.cjs +2 -0
  3. package/dist/cjs/components/BackgroundImage/index.cjs.map +1 -0
  4. package/dist/cjs/components/Canvas/index.cjs +2 -0
  5. package/dist/cjs/components/Canvas/index.cjs.map +1 -0
  6. package/dist/cjs/components/Control/index.cjs +2 -0
  7. package/dist/cjs/components/Control/index.cjs.map +1 -0
  8. package/dist/cjs/components/Ellipse/index.cjs +2 -0
  9. package/dist/cjs/components/Ellipse/index.cjs.map +1 -0
  10. package/dist/cjs/components/Group/index.cjs +2 -0
  11. package/dist/cjs/components/Group/index.cjs.map +1 -0
  12. package/dist/cjs/components/Image/index.cjs +2 -0
  13. package/dist/cjs/components/Image/index.cjs.map +1 -0
  14. package/dist/cjs/components/Line/index.cjs +2 -0
  15. package/dist/cjs/components/Line/index.cjs.map +1 -0
  16. package/dist/cjs/components/Loading/index.cjs +2 -0
  17. package/dist/cjs/components/Loading/index.cjs.map +1 -0
  18. package/dist/cjs/components/NodeToolbarPortal/index.cjs +2 -0
  19. package/dist/cjs/components/NodeToolbarPortal/index.cjs.map +1 -0
  20. package/dist/cjs/components/Objects/index.cjs +2 -0
  21. package/dist/cjs/components/Objects/index.cjs.map +1 -0
  22. package/dist/cjs/components/Path/index.cjs +2 -0
  23. package/dist/cjs/components/Path/index.cjs.map +1 -0
  24. package/dist/cjs/components/ReactFabricProvider.cjs +2 -0
  25. package/dist/cjs/components/ReactFabricProvider.cjs.map +1 -0
  26. package/dist/cjs/components/Rect/index.cjs +2 -0
  27. package/dist/cjs/components/Rect/index.cjs.map +1 -0
  28. package/dist/cjs/components/StoreUpdater/index.cjs +2 -0
  29. package/dist/cjs/components/StoreUpdater/index.cjs.map +1 -0
  30. package/dist/cjs/components/Text/index.cjs +2 -0
  31. package/dist/cjs/components/Text/index.cjs.map +1 -0
  32. package/dist/cjs/constants.cjs +2 -0
  33. package/dist/cjs/constants.cjs.map +1 -0
  34. package/dist/cjs/container/ReactFabric/Wrapper.cjs +2 -0
  35. package/dist/cjs/container/ReactFabric/Wrapper.cjs.map +1 -0
  36. package/dist/cjs/container/ReactFabric/index.cjs +2 -0
  37. package/dist/cjs/container/ReactFabric/index.cjs.map +1 -0
  38. package/dist/cjs/contexts/StoreContext.cjs +2 -0
  39. package/dist/cjs/contexts/StoreContext.cjs.map +1 -0
  40. package/dist/cjs/hooks/useCreateObject.cjs +2 -0
  41. package/dist/cjs/hooks/useCreateObject.cjs.map +1 -0
  42. package/dist/cjs/hooks/useDidUpdate.cjs +2 -0
  43. package/dist/cjs/hooks/useDidUpdate.cjs.map +1 -0
  44. package/dist/cjs/hooks/useDraggable.cjs +2 -0
  45. package/dist/cjs/hooks/useDraggable.cjs.map +1 -0
  46. package/dist/cjs/hooks/useReactFabric.cjs +2 -0
  47. package/dist/cjs/hooks/useReactFabric.cjs.map +1 -0
  48. package/dist/cjs/hooks/useResizeHandler.cjs +2 -0
  49. package/dist/cjs/hooks/useResizeHandler.cjs.map +1 -0
  50. package/dist/cjs/hooks/useSplitProps.cjs +2 -0
  51. package/dist/cjs/hooks/useSplitProps.cjs.map +1 -0
  52. package/dist/cjs/hooks/useStore.cjs +2 -0
  53. package/dist/cjs/hooks/useStore.cjs.map +1 -0
  54. package/dist/cjs/hooks/useZoom.cjs +2 -0
  55. package/dist/cjs/hooks/useZoom.cjs.map +1 -0
  56. package/dist/cjs/index.cjs +2 -0
  57. package/dist/cjs/index.cjs.map +1 -0
  58. package/dist/cjs/plugins/FreeRect.cjs +2 -0
  59. package/dist/cjs/plugins/FreeRect.cjs.map +1 -0
  60. package/dist/cjs/plugins/GridLine.cjs +5 -0
  61. package/dist/cjs/plugins/GridLine.cjs.map +1 -0
  62. package/dist/cjs/plugins/Pinch.cjs +2 -0
  63. package/dist/cjs/plugins/Pinch.cjs.map +1 -0
  64. package/dist/cjs/store/index.cjs +2 -0
  65. package/dist/cjs/store/index.cjs.map +1 -0
  66. package/dist/cjs/store/initialState.cjs +2 -0
  67. package/dist/cjs/store/initialState.cjs.map +1 -0
  68. package/dist/cjs/toolbar/Vertical/index.cjs +2 -0
  69. package/dist/cjs/toolbar/Vertical/index.cjs.map +1 -0
  70. package/dist/cjs/types/canvas.cjs +2 -0
  71. package/dist/cjs/types/canvas.cjs.map +1 -0
  72. package/dist/cjs/types/component-props.cjs +2 -0
  73. package/dist/cjs/types/component-props.cjs.map +1 -0
  74. package/dist/cjs/types/general.cjs +2 -0
  75. package/dist/cjs/types/general.cjs.map +1 -0
  76. package/dist/cjs/types/nodes.cjs +2 -0
  77. package/dist/cjs/types/nodes.cjs.map +1 -0
  78. package/dist/cjs/types/object.cjs +2 -0
  79. package/dist/cjs/types/object.cjs.map +1 -0
  80. package/dist/cjs/types/store.cjs +2 -0
  81. package/dist/cjs/types/store.cjs.map +1 -0
  82. package/dist/cjs/types/utils.cjs +2 -0
  83. package/dist/cjs/types/utils.cjs.map +1 -0
  84. package/dist/cjs/utils/constants.cjs +2 -0
  85. package/dist/cjs/utils/constants.cjs.map +1 -0
  86. package/dist/cjs/utils/dom.cjs +2 -0
  87. package/dist/cjs/utils/dom.cjs.map +1 -0
  88. package/dist/cjs/utils/events.cjs +2 -0
  89. package/dist/cjs/utils/events.cjs.map +1 -0
  90. package/dist/cjs/utils/position.cjs +2 -0
  91. package/dist/cjs/utils/position.cjs.map +1 -0
  92. package/dist/cjs/utils/props.cjs +2 -0
  93. package/dist/cjs/utils/props.cjs.map +1 -0
  94. package/dist/esm/components/BackgroundImage/index.mjs +2 -0
  95. package/dist/esm/components/BackgroundImage/index.mjs.map +1 -0
  96. package/dist/esm/components/Canvas/index.mjs +2 -0
  97. package/dist/esm/components/Canvas/index.mjs.map +1 -0
  98. package/dist/esm/components/Control/index.mjs +2 -0
  99. package/dist/esm/components/Control/index.mjs.map +1 -0
  100. package/dist/esm/components/Ellipse/index.mjs +2 -0
  101. package/dist/esm/components/Ellipse/index.mjs.map +1 -0
  102. package/dist/esm/components/Group/index.mjs +2 -0
  103. package/dist/esm/components/Group/index.mjs.map +1 -0
  104. package/dist/esm/components/Line/index.mjs +2 -0
  105. package/dist/esm/components/Line/index.mjs.map +1 -0
  106. package/dist/esm/components/Loading/index.mjs +2 -0
  107. package/dist/esm/components/Loading/index.mjs.map +1 -0
  108. package/dist/esm/components/NodeToolbarPortal/index.mjs +2 -0
  109. package/dist/esm/components/NodeToolbarPortal/index.mjs.map +1 -0
  110. package/dist/esm/components/Objects/index.mjs +2 -0
  111. package/dist/esm/components/Objects/index.mjs.map +1 -0
  112. package/dist/esm/components/Path/index.mjs +2 -0
  113. package/dist/esm/components/Path/index.mjs.map +1 -0
  114. package/dist/esm/components/ReactFabricProvider.mjs +2 -0
  115. package/dist/esm/components/ReactFabricProvider.mjs.map +1 -0
  116. package/dist/esm/components/Rect/index.mjs +2 -0
  117. package/dist/esm/components/Rect/index.mjs.map +1 -0
  118. package/dist/esm/components/StoreUpdater/index.mjs +2 -0
  119. package/dist/esm/components/StoreUpdater/index.mjs.map +1 -0
  120. package/dist/esm/components/Text/index.mjs +2 -0
  121. package/dist/esm/components/Text/index.mjs.map +1 -0
  122. package/dist/esm/container/ReactFabric/Wrapper.mjs +2 -0
  123. package/dist/esm/container/ReactFabric/Wrapper.mjs.map +1 -0
  124. package/dist/esm/container/ReactFabric/index.mjs +2 -0
  125. package/dist/esm/container/ReactFabric/index.mjs.map +1 -0
  126. package/dist/esm/contexts/StoreContext.mjs +2 -0
  127. package/dist/esm/contexts/StoreContext.mjs.map +1 -0
  128. package/dist/esm/hooks/useCreateObject.mjs +2 -0
  129. package/dist/esm/hooks/useCreateObject.mjs.map +1 -0
  130. package/dist/esm/hooks/useDidUpdate.mjs +2 -0
  131. package/dist/esm/hooks/useDidUpdate.mjs.map +1 -0
  132. package/dist/esm/hooks/useDraggable.mjs +2 -0
  133. package/dist/esm/hooks/useDraggable.mjs.map +1 -0
  134. package/dist/esm/hooks/useReactFabric.mjs +2 -0
  135. package/dist/esm/hooks/useReactFabric.mjs.map +1 -0
  136. package/dist/esm/hooks/useResizeHandler.mjs +2 -0
  137. package/dist/esm/hooks/useResizeHandler.mjs.map +1 -0
  138. package/dist/esm/hooks/useSplitProps.mjs +2 -0
  139. package/dist/esm/hooks/useSplitProps.mjs.map +1 -0
  140. package/dist/esm/hooks/useStore.mjs +2 -0
  141. package/dist/esm/hooks/useStore.mjs.map +1 -0
  142. package/dist/esm/hooks/useZoom.mjs +2 -0
  143. package/dist/esm/hooks/useZoom.mjs.map +1 -0
  144. package/dist/esm/index.mjs +2 -0
  145. package/dist/esm/index.mjs.map +1 -0
  146. package/dist/esm/plugins/FreeRect.mjs +2 -0
  147. package/dist/esm/plugins/FreeRect.mjs.map +1 -0
  148. package/dist/esm/plugins/GridLine.mjs +5 -0
  149. package/dist/esm/plugins/GridLine.mjs.map +1 -0
  150. package/dist/esm/plugins/Pinch.mjs +2 -0
  151. package/dist/esm/plugins/Pinch.mjs.map +1 -0
  152. package/dist/esm/store/index.mjs +2 -0
  153. package/dist/esm/store/index.mjs.map +1 -0
  154. package/dist/esm/store/initialState.mjs +2 -0
  155. package/dist/esm/store/initialState.mjs.map +1 -0
  156. package/dist/esm/toolbar/Vertical/index.mjs +2 -0
  157. package/dist/esm/toolbar/Vertical/index.mjs.map +1 -0
  158. package/dist/esm/utils/constants.mjs +2 -0
  159. package/dist/esm/utils/constants.mjs.map +1 -0
  160. package/dist/esm/utils/events.mjs +2 -0
  161. package/dist/esm/utils/events.mjs.map +1 -0
  162. package/dist/esm/utils/props.mjs +2 -0
  163. package/dist/esm/utils/props.mjs.map +1 -0
  164. package/dist/types/components/BackgroundImage/index.d.ts +19 -0
  165. package/dist/types/components/BackgroundImage/index.d.ts.map +1 -0
  166. package/dist/types/components/Canvas/index.d.ts +11 -0
  167. package/dist/types/components/Canvas/index.d.ts.map +1 -0
  168. package/dist/types/components/Control/index.d.ts +28 -0
  169. package/dist/types/components/Control/index.d.ts.map +1 -0
  170. package/dist/types/components/Ellipse/index.d.ts +19 -0
  171. package/dist/types/components/Ellipse/index.d.ts.map +1 -0
  172. package/dist/types/components/Group/index.d.ts +24 -0
  173. package/dist/types/components/Group/index.d.ts.map +1 -0
  174. package/dist/types/components/Image/index.d.ts +18 -0
  175. package/dist/types/components/Image/index.d.ts.map +1 -0
  176. package/dist/types/components/Line/index.d.ts +11 -0
  177. package/dist/types/components/Line/index.d.ts.map +1 -0
  178. package/dist/types/components/Loading/index.d.ts +3 -0
  179. package/dist/types/components/Loading/index.d.ts.map +1 -0
  180. package/dist/types/components/NodeToolbarPortal/index.d.ts +9 -0
  181. package/dist/types/components/NodeToolbarPortal/index.d.ts.map +1 -0
  182. package/dist/types/components/Objects/index.d.ts +9 -0
  183. package/dist/types/components/Objects/index.d.ts.map +1 -0
  184. package/dist/types/components/Path/index.d.ts +11 -0
  185. package/dist/types/components/Path/index.d.ts.map +1 -0
  186. package/dist/types/components/ReactFabricProvider.d.ts +11 -0
  187. package/dist/types/components/ReactFabricProvider.d.ts.map +1 -0
  188. package/dist/types/components/Rect/index.d.ts +20 -0
  189. package/dist/types/components/Rect/index.d.ts.map +1 -0
  190. package/dist/types/components/StoreUpdater/index.d.ts +8 -0
  191. package/dist/types/components/StoreUpdater/index.d.ts.map +1 -0
  192. package/dist/types/components/Text/index.d.ts +11 -0
  193. package/dist/types/components/Text/index.d.ts.map +1 -0
  194. package/dist/types/constants.d.ts +5 -0
  195. package/dist/types/constants.d.ts.map +1 -0
  196. package/dist/types/container/ReactFabric/Wrapper.d.ts +10 -0
  197. package/dist/types/container/ReactFabric/Wrapper.d.ts.map +1 -0
  198. package/dist/types/container/ReactFabric/index.d.ts +69 -0
  199. package/dist/types/container/ReactFabric/index.d.ts.map +1 -0
  200. package/dist/types/contexts/StoreContext.d.ts +4 -0
  201. package/dist/types/contexts/StoreContext.d.ts.map +1 -0
  202. package/dist/types/hooks/useCreateObject.d.ts +15 -0
  203. package/dist/types/hooks/useCreateObject.d.ts.map +1 -0
  204. package/dist/types/hooks/useDidUpdate.d.ts +9 -0
  205. package/dist/types/hooks/useDidUpdate.d.ts.map +1 -0
  206. package/dist/types/hooks/useDraggable.d.ts +3 -0
  207. package/dist/types/hooks/useDraggable.d.ts.map +1 -0
  208. package/dist/types/hooks/useReactFabric.d.ts +55 -0
  209. package/dist/types/hooks/useReactFabric.d.ts.map +1 -0
  210. package/dist/types/hooks/useResizeHandler.d.ts +3 -0
  211. package/dist/types/hooks/useResizeHandler.d.ts.map +1 -0
  212. package/dist/types/hooks/useSplitProps.d.ts +15 -0
  213. package/dist/types/hooks/useSplitProps.d.ts.map +1 -0
  214. package/dist/types/hooks/useStore.d.ts +13 -0
  215. package/dist/types/hooks/useStore.d.ts.map +1 -0
  216. package/dist/types/hooks/useZoom.d.ts +2 -0
  217. package/dist/types/hooks/useZoom.d.ts.map +1 -0
  218. package/dist/types/index.d.ts +29 -0
  219. package/dist/types/index.d.ts.map +1 -0
  220. package/dist/types/plugins/FreeRect.d.ts +15 -0
  221. package/dist/types/plugins/FreeRect.d.ts.map +1 -0
  222. package/dist/types/plugins/GridLine.d.ts +7 -0
  223. package/dist/types/plugins/GridLine.d.ts.map +1 -0
  224. package/dist/types/plugins/Pinch.d.ts +8 -0
  225. package/dist/types/plugins/Pinch.d.ts.map +1 -0
  226. package/dist/types/store/index.d.ts +10 -0
  227. package/dist/types/store/index.d.ts.map +1 -0
  228. package/dist/types/store/initialState.d.ts +12 -0
  229. package/dist/types/store/initialState.d.ts.map +1 -0
  230. package/dist/types/toolbar/Vertical/index.d.ts +10 -0
  231. package/dist/types/toolbar/Vertical/index.d.ts.map +1 -0
  232. package/dist/types/types/canvas.d.ts +15 -0
  233. package/dist/types/types/canvas.d.ts.map +1 -0
  234. package/dist/types/types/component-props.d.ts +41 -0
  235. package/dist/types/types/component-props.d.ts.map +1 -0
  236. package/dist/types/types/general.d.ts +2 -0
  237. package/dist/types/types/general.d.ts.map +1 -0
  238. package/dist/types/types/nodes.d.ts +91 -0
  239. package/dist/types/types/nodes.d.ts.map +1 -0
  240. package/dist/types/types/object.d.ts +22 -0
  241. package/dist/types/types/object.d.ts.map +1 -0
  242. package/dist/types/types/store.d.ts +59 -0
  243. package/dist/types/types/store.d.ts.map +1 -0
  244. package/dist/types/types/utils.d.ts +6 -0
  245. package/dist/types/types/utils.d.ts.map +1 -0
  246. package/dist/types/utils/constants.d.ts +5 -0
  247. package/dist/types/utils/constants.d.ts.map +1 -0
  248. package/dist/types/utils/dom.d.ts +3 -0
  249. package/dist/types/utils/dom.d.ts.map +1 -0
  250. package/dist/types/utils/events.d.ts +5 -0
  251. package/dist/types/utils/events.d.ts.map +1 -0
  252. package/dist/types/utils/position.d.ts +9 -0
  253. package/dist/types/utils/position.d.ts.map +1 -0
  254. package/dist/types/utils/props.d.ts +4 -0
  255. package/dist/types/utils/props.d.ts.map +1 -0
  256. package/package.json +100 -0
@@ -0,0 +1,69 @@
1
+ import type { CSSProperties } from 'react';
2
+ type FabricEvent = {
3
+ e: Event;
4
+ pointer: {
5
+ x: number;
6
+ y: number;
7
+ };
8
+ target?: unknown;
9
+ subTargets?: unknown[];
10
+ button?: number;
11
+ isClick?: boolean;
12
+ transform?: unknown;
13
+ };
14
+ type BaseCanvasProps = {
15
+ width?: number;
16
+ height?: number;
17
+ selection?: boolean;
18
+ children?: React.ReactNode;
19
+ };
20
+ export type ReactFabricProps = BaseCanvasProps & {
21
+ style?: CSSProperties;
22
+ className?: string;
23
+ zoomable?: boolean;
24
+ minManualZoom?: number;
25
+ maxManualZoom?: number;
26
+ /** 背景图是否默认居中显示
27
+ * @default false
28
+ */
29
+ defaultCentered?: boolean;
30
+ /** 是否启用选择功能
31
+ * @default true
32
+ * */
33
+ defaultSelection?: boolean;
34
+ /**
35
+ * 是否默认可拖拽
36
+ */
37
+ defaultDraggable?: boolean;
38
+ onMouseDown?: (e: FabricEvent) => void;
39
+ onMouseMove?: (e: FabricEvent) => void;
40
+ onMouseUp?: (e: FabricEvent) => void;
41
+ onMouseWheel?: (e: FabricEvent) => void;
42
+ };
43
+ declare const ForwardReactFabric: import("react").ForwardRefExoticComponent<BaseCanvasProps & {
44
+ style?: CSSProperties;
45
+ className?: string;
46
+ zoomable?: boolean;
47
+ minManualZoom?: number;
48
+ maxManualZoom?: number;
49
+ /** 背景图是否默认居中显示
50
+ * @default false
51
+ */
52
+ defaultCentered?: boolean;
53
+ /** 是否启用选择功能
54
+ * @default true
55
+ * */
56
+ defaultSelection?: boolean;
57
+ /**
58
+ * 是否默认可拖拽
59
+ */
60
+ defaultDraggable?: boolean;
61
+ onMouseDown?: (e: FabricEvent) => void;
62
+ onMouseMove?: (e: FabricEvent) => void;
63
+ onMouseUp?: (e: FabricEvent) => void;
64
+ onMouseWheel?: (e: FabricEvent) => void;
65
+ } & import("react").RefAttributes<HTMLDivElement>>;
66
+ type ReactFabricComponent = React.MemoExoticComponent<typeof ForwardReactFabric>;
67
+ declare const ReactFabric: ReactFabricComponent;
68
+ export default ReactFabric;
69
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/container/ReactFabric/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,KAAK,WAAW,GAAG;IACjB,CAAC,EAAE,KAAK,CAAA;IACR,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAGD,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAE3B,CAAA;AAgBD,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;UAEM;IACN,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,kBAAkB;YAvBd,aAAa;gBACT,MAAM;eACP,OAAO;oBACF,MAAM;oBACN,MAAM;IACtB;;OAEG;sBACe,OAAO;IACzB;;UAEM;uBACa,OAAO;IAC1B;;OAEG;uBACgB,OAAO;kBACZ,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI;kBACxB,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI;gBAC1B,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI;mBACrB,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI;kDAqDxC,CAAA;AAED,KAAK,oBAAoB,GAAG,KAAK,CAAC,mBAAmB,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEhF,QAAA,MAAM,WAAW,EAAE,oBAA+C,CAAA;AAGlE,eAAe,WAAW,CAAA"}
@@ -0,0 +1,4 @@
1
+ declare const StoreContext: import("react").Context<import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<import("../types/store").ReactFabricState>> | null>;
2
+ export declare const Provider: import("react").Provider<import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<import("../types/store").ReactFabricState>> | null>;
3
+ export default StoreContext;
4
+ //# sourceMappingURL=StoreContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StoreContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/StoreContext.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY,kKAA6D,CAAA;AAE/E,eAAO,MAAM,QAAQ,mKAAwB,CAAA;AAC7C,eAAe,YAAY,CAAA"}
@@ -0,0 +1,15 @@
1
+ import type { FabricObject, Group } from 'fabric';
2
+ import type { AllObjectEvents } from '../types/object';
3
+ type SingleParamConstructor<T> = new (attributes: any) => T;
4
+ type DualParamConstructor<T, P> = new (param: P, attributes: any) => T;
5
+ type CreateObjectProps<T extends FabricObject, P = any> = {
6
+ Constructor: SingleParamConstructor<T> | DualParamConstructor<T, P>;
7
+ attributes: any;
8
+ defaultValues?: any;
9
+ param?: P;
10
+ group?: Group;
11
+ listeners?: Partial<AllObjectEvents>;
12
+ };
13
+ export declare function useCreateObject<T extends FabricObject, P = any>({ Constructor, attributes, defaultValues, param, group, listeners, }: CreateObjectProps<T, P>): T;
14
+ export {};
15
+ //# sourceMappingURL=useCreateObject.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCreateObject.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCreateObject.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAMtD,KAAK,sBAAsB,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE,GAAG,KAAK,CAAC,CAAA;AAC3D,KAAK,oBAAoB,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,CAAA;AAEtE,KAAK,iBAAiB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,GAAG,GAAG,IAAI;IACxD,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACnE,UAAU,EAAE,GAAG,CAAA;IACf,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CACrC,CAAA;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,GAAG,GAAG,EAAE,EAC/D,WAAW,EACX,UAAU,EACV,aAAkB,EAClB,KAAK,EACL,KAAK,EACL,SAAc,GACf,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,KA6FzB"}
@@ -0,0 +1,9 @@
1
+ import type { DependencyList, EffectCallback } from 'react';
2
+ /**
3
+ * 只在依赖更新时执行的 effect hook
4
+ * @param effect 要执行的副作用函数
5
+ * @param deps 依赖数组
6
+ * https://mantine.dev/hooks/use-did-update/
7
+ */
8
+ export declare function useDidUpdate(effect: EffectCallback, deps?: DependencyList): void;
9
+ //# sourceMappingURL=useDidUpdate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDidUpdate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDidUpdate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3D;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,cAAc,GAAG,IAAI,CAahF"}
@@ -0,0 +1,3 @@
1
+ declare const useDraggable: () => null;
2
+ export default useDraggable;
3
+ //# sourceMappingURL=useDraggable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDraggable.ts"],"names":[],"mappings":"AAiCA,QAAA,MAAM,YAAY,YAoDjB,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -0,0 +1,55 @@
1
+ import type { ReactFabricState } from '../types/store';
2
+ export declare function useReactFabric(): {
3
+ draggable: boolean;
4
+ selection: boolean | undefined;
5
+ isDragging: boolean;
6
+ width: number;
7
+ height: number;
8
+ canvas: import("fabric").Canvas | null;
9
+ setDraggable: (enable: boolean) => void;
10
+ setIsDragging: (bool: boolean) => void;
11
+ lastPosX: number | undefined;
12
+ lastPosY: number | undefined;
13
+ setSelection: (selection: boolean) => void;
14
+ zoomable: boolean;
15
+ setZoomable: (enable: boolean) => void;
16
+ scale: number;
17
+ zoom: number;
18
+ defaultCentered: boolean | undefined;
19
+ manualZoom: number;
20
+ maxManualZoom: number;
21
+ minManualZoom: number;
22
+ loading: boolean;
23
+ getCanvas: () => import("fabric").Canvas | null;
24
+ getNodes: () => {
25
+ id: string;
26
+ position: import("../types/nodes").XYPosition;
27
+ data: Record<string, unknown>;
28
+ type?: string | undefined;
29
+ selectable?: boolean;
30
+ deletable?: boolean;
31
+ width?: number;
32
+ height?: number;
33
+ parentId?: string;
34
+ zIndex?: number;
35
+ style?: import("react").CSSProperties;
36
+ className?: string;
37
+ resizing?: boolean;
38
+ focusable?: boolean;
39
+ }[];
40
+ getState: () => () => ReactFabricState<import("../types/nodes").Node>;
41
+ /**
42
+ * 放大
43
+ */
44
+ zoomIn: () => void;
45
+ /**
46
+ * 缩小
47
+ */
48
+ zoomOut: () => void;
49
+ getZoom: () => number;
50
+ /**
51
+ * 重置视口/缩放
52
+ */
53
+ resetViewport: () => void;
54
+ };
55
+ //# sourceMappingURL=useReactFabric.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useReactFabric.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReactFabric.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AA0BtD,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUxB;;OAEG;;IAuBH;;OAEG;;;IAwBH;;OAEG;;EAmCR"}
@@ -0,0 +1,3 @@
1
+ declare const useResizeHandler: () => void;
2
+ export default useResizeHandler;
3
+ //# sourceMappingURL=useResizeHandler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useResizeHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResizeHandler.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,gBAAgB,YAuCrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}
@@ -0,0 +1,15 @@
1
+ import type { AllCanvasEvents } from '../types/canvas';
2
+ type DefaultKeys<T> = keyof T & `default${string}`;
3
+ type DefaultToRegular<T> = {
4
+ [K in DefaultKeys<T> as Uncapitalize<K extends `default${infer R}` ? R : never>]: T[K];
5
+ };
6
+ type SplitResult<T> = [
7
+ {
8
+ [K in keyof AllCanvasEvents]?: AllCanvasEvents[K];
9
+ },
10
+ Omit<T, keyof AllCanvasEvents | DefaultKeys<T>>,
11
+ DefaultToRegular<T>
12
+ ];
13
+ export declare const useSplitProps: <T extends Record<string, any>>(props: T) => SplitResult<T>;
14
+ export {};
15
+ //# sourceMappingURL=useSplitProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSplitProps.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSplitProps.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAItD,KAAK,WAAW,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,MAAM,EAAE,CAAA;AAGlD,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,SAAS,UAAU,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvF,CAAA;AAGD,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB;SAAG,CAAC,IAAI,MAAM,eAAe,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;KAAE;IACrD,IAAI,CAAC,CAAC,EAAE,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAC/C,gBAAgB,CAAC,CAAC,CAAC;CACpB,CAAA;AAGD,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,KAAG,WAAW,CAAC,CAAC,CA6DpF,CAAA"}
@@ -0,0 +1,13 @@
1
+ import type { Node } from '../types/nodes';
2
+ import type { ReactFabricState } from '../types/store';
3
+ declare function useStore<StateSlice = unknown>(selector: (state: ReactFabricState) => StateSlice, equalityFn?: (a: StateSlice, b: StateSlice) => boolean): StateSlice;
4
+ declare function useStoreApi<NodeType extends Node = Node>(): {
5
+ getState: () => ReactFabricState<NodeType>;
6
+ setState: {
7
+ (partial: ReactFabricState<NodeType> | Partial<ReactFabricState<NodeType>> | ((state: ReactFabricState<NodeType>) => ReactFabricState<NodeType> | Partial<ReactFabricState<NodeType>>), replace?: false): void;
8
+ (state: ReactFabricState<NodeType> | ((state: ReactFabricState<NodeType>) => ReactFabricState<NodeType>), replace: true): void;
9
+ };
10
+ subscribe: (listener: (state: ReactFabricState<NodeType>, prevState: ReactFabricState<NodeType>) => void) => () => void;
11
+ };
12
+ export { useStore, useStoreApi };
13
+ //# sourceMappingURL=useStore.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/useStore.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,iBAAS,QAAQ,CAAC,UAAU,GAAG,OAAO,EACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,UAAU,EACjD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,OAAO,cASvD;AAED,iBAAS,WAAW,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI;;;;;;;EAehD;AAED,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare function useZoom(): number;
2
+ //# sourceMappingURL=useZoom.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useZoom.d.ts","sourceRoot":"","sources":["../../../src/hooks/useZoom.ts"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,IAAI,MAAM,CAIhC"}
@@ -0,0 +1,29 @@
1
+ export { default as ReactFabric } from './container/ReactFabric';
2
+ export { useReactFabric } from './hooks/useReactFabric';
3
+ export { useZoom } from './hooks/useZoom';
4
+ export { default as PluginToolbarVertical } from './toolbar/Vertical';
5
+ export type { ToolbarVerticalProps } from './toolbar/Vertical';
6
+ export { default as BackgroundImage } from './components/BackgroundImage';
7
+ export { default as Canvas } from './components/Canvas';
8
+ export { default as Group } from './components/Group';
9
+ export { default as NodeToolbarPortal } from './components/NodeToolbarPortal';
10
+ export { ReactFabricProvider } from './components/ReactFabricProvider';
11
+ export { default as Rect } from './components/Rect';
12
+ export type { RectProps } from './components/Rect';
13
+ export { default as Control } from './components/Control';
14
+ export type { ControlProps } from './components/Control';
15
+ export { default as Text } from './components/Text';
16
+ export type { TextProps } from './components/Text';
17
+ export { default as Path } from './components/Path';
18
+ export type { PathProps } from './components/Path';
19
+ export { default as Line } from './components/Line';
20
+ export type { LineProps } from './components/Line';
21
+ export { default as Ellipse } from './components/Ellipse';
22
+ export type { EllipseProps } from './components/Ellipse';
23
+ export { default as Objects } from './components/Objects';
24
+ export type { ObjectsProps } from './components/Objects';
25
+ export { default as PluginFreeRect } from './plugins/FreeRect';
26
+ export { default as PluginGridLine } from './plugins/GridLine';
27
+ export { default as PluginPinch } from './plugins/Pinch';
28
+ export type { FreeRectProps } from './plugins/FreeRect';
29
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AACrE,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA"}
@@ -0,0 +1,15 @@
1
+ import type { Canvas, RectProps } from 'fabric';
2
+ export type FreeRectProps = Partial<RectProps> & {
3
+ onComplete: (rectProps: Required<Pick<RectProps, 'left' | 'top' | 'width' | 'height'> & {
4
+ pointsArray: number[];
5
+ }> & RectProps, { canvas }: {
6
+ canvas: Canvas;
7
+ }) => Promise<void>;
8
+ /**
9
+ * 当画布有选中对象时,是否禁用
10
+ */
11
+ disableWhenActive?: boolean;
12
+ };
13
+ declare const FreeRect: ({ onComplete, disableWhenActive, ...rectProps }: FreeRectProps) => null;
14
+ export default FreeRect;
15
+ //# sourceMappingURL=FreeRect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FreeRect.d.ts","sourceRoot":"","sources":["../../../src/plugins/FreeRect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAoC,MAAM,QAAQ,CAAA;AAKjF,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG;IAC/C,UAAU,EAAE,CACV,SAAS,EAAE,QAAQ,CACjB,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC,GAAG;QACrD,WAAW,EAAE,MAAM,EAAE,CAAA;KACtB,CACF,GACC,SAAS,EACX,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAC3B,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAQD,QAAA,MAAM,QAAQ,oDAA4D,aAAa,SAmHtF,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -0,0 +1,7 @@
1
+ import type { CSSProperties } from 'react';
2
+ export interface MyCustomCSS extends CSSProperties {
3
+ [key: `--${string}`]: number | string;
4
+ }
5
+ declare const GridLine: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
6
+ export default GridLine;
7
+ //# sourceMappingURL=GridLine.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GridLine.d.ts","sourceRoot":"","sources":["../../../src/plugins/GridLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC;AAoBD,QAAA,MAAM,QAAQ,oFAEZ,CAAA;AAEF,eAAe,QAAQ,CAAA"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * 双指缩放(捏)
3
+ * @param fabric
4
+ * @returns
5
+ */
6
+ declare const Pinch: () => null;
7
+ export default Pinch;
8
+ //# sourceMappingURL=Pinch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pinch.d.ts","sourceRoot":"","sources":["../../../src/plugins/Pinch.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,QAAA,MAAM,KAAK,YAgEV,CAAA;AAED,eAAe,KAAK,CAAA"}
@@ -0,0 +1,10 @@
1
+ import type { Node } from '../types/nodes';
2
+ import type { ReactFabricState } from '../types/store';
3
+ declare const createStore: ({ nodes, defaultNodes, width, height, }: {
4
+ nodes?: Node[];
5
+ defaultNodes?: Node[];
6
+ width?: number;
7
+ height?: number;
8
+ }) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<ReactFabricState>>;
9
+ export { createStore };
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/store/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGtD,QAAA,MAAM,WAAW,4CAKd;IACD,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACd,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4GA2EE,CAAA;AAEH,OAAO,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,12 @@
1
+ import type { Node } from '../types/nodes';
2
+ import type { ReactFabricStore } from '../types/store';
3
+ declare const getInitialState: ({ nodes, defaultNodes, defaultSelection, defaultDraggable, }?: {
4
+ nodes?: Node[];
5
+ defaultNodes?: Node[];
6
+ width?: number;
7
+ defaultSelection?: boolean;
8
+ defaultDraggable?: boolean;
9
+ height?: number;
10
+ }) => ReactFabricStore;
11
+ export default getInitialState;
12
+ //# sourceMappingURL=initialState.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initialState.d.ts","sourceRoot":"","sources":["../../../src/store/initialState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,QAAA,MAAM,eAAe,kEAKlB;IACD,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACd,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,KAAQ,gBA6BR,CAAA;AAED,eAAe,eAAe,CAAA"}
@@ -0,0 +1,10 @@
1
+ export type ToolbarVerticalProps = {
2
+ className?: string;
3
+ };
4
+ /**
5
+ *@desc 垂直toolbar
6
+ * @returns
7
+ */
8
+ declare const ToolbarVertical: ({ className }: ToolbarVerticalProps) => import("react/jsx-runtime").JSX.Element;
9
+ export default ToolbarVertical;
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/toolbar/Vertical/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,QAAA,MAAM,eAAe,kBAAmB,oBAAoB,4CA8C3D,CAAA;AAED,eAAe,eAAe,CAAA"}
@@ -0,0 +1,15 @@
1
+ import type { CanvasEvents } from 'fabric';
2
+ import type { MyCapitalize } from './utils';
3
+ export type RawEventNames<Events extends Record<string, any>> = {
4
+ [K in keyof Events]: MyCapitalize<K & string>;
5
+ };
6
+ type InvertedEventType<T extends Record<string, string>> = {
7
+ [P in keyof T as T[P]]: P;
8
+ };
9
+ type InvertedEventNames<Events extends Record<string, any>> = InvertedEventType<RawEventNames<Events>>;
10
+ export type AllEvents<Events extends Record<string, any>> = {
11
+ [K in keyof InvertedEventNames<Events>]: (opt: Events[InvertedEventNames<Events>[K] & keyof Events]) => void;
12
+ };
13
+ export type AllCanvasEvents = AllEvents<CanvasEvents>;
14
+ export {};
15
+ //# sourceMappingURL=canvas.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/types/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KAC7D,CAAC,IAAI,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC;CAC9C,CAAA;AAGD,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI;KACxD,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;CAC1B,CAAA;AAGD,KAAK,kBAAkB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,iBAAiB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;AAGtG,MAAM,MAAM,SAAS,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACzD,CAAC,IAAI,MAAM,kBAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,MAAM,CAAC,KAAK,IAAI;CAC7G,CAAA;AAGD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,YAAY,CAAC,CAAA"}
@@ -0,0 +1,41 @@
1
+ import type { HTMLAttributes } from 'react';
2
+ import type { Node, NodeChange } from './nodes';
3
+ export type NodeMouseHandler<NodeType extends Node = Node> = (event: MouseEvent, node: NodeType) => void;
4
+ export type OnNodeDrag<NodeType extends Node = Node> = (event: MouseEvent, node: NodeType, nodes: NodeType[]) => void;
5
+ export type OnNodesChange<NodeType extends Node = Node> = (changes: NodeChange<NodeType>[]) => void;
6
+ export type OnNodesDelete<NodeType extends Node = Node> = (nodes: NodeType[]) => void;
7
+ export interface ReactFabricProps<NodeType extends Node = Node> extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
8
+ minManualZoom: number;
9
+ /**
10
+ * 受控模式使用
11
+ * @example
12
+ * const nodes = [
13
+ * {
14
+ * id:'node-id',
15
+ * type:'rect',
16
+ * data:{},
17
+ * position:{x:250,y:250}
18
+ * }
19
+ * ]
20
+ */
21
+ nodes?: NodeType[];
22
+ /**
23
+ * 非受控模式使用
24
+ */
25
+ defaultNodes?: NodeType[];
26
+ /** 当点击node时触发 */
27
+ onNodeClick?: NodeMouseHandler<NodeType>;
28
+ /** 拖拽开始 */
29
+ onNodeDragStart?: OnNodeDrag<NodeType>;
30
+ /** 拖拽中 */
31
+ onNodeDrag?: OnNodeDrag<NodeType>;
32
+ /** 拖拽结束 */
33
+ onNodeDragStop?: OnNodeDrag<NodeType>;
34
+ /**
35
+ * 当一个node更新,则触发
36
+ * @example
37
+ * return (<ReactFabric onNodeChange={onNodeChange} {...rest} />)
38
+ */
39
+ onNodesChange: OnNodesChange<NodeType>;
40
+ }
41
+ //# sourceMappingURL=component-props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"component-props.d.ts","sourceRoot":"","sources":["../../../src/types/component-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE/C,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;AACxG,MAAM,MAAM,UAAU,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;AACrH,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAA;AACnG,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;AAErF,MAAM,WAAW,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,CAC5D,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACvD,aAAa,EAAE,MAAM,CAAA;IACrB;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAA;IACzB,iBAAiB;IACjB,WAAW,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACxC,WAAW;IACX,eAAe,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IACtC,UAAU;IACV,UAAU,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IACjC,WAAW;IACX,cAAc,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IACrC;;;;OAIG;IACH,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;CACvC"}
@@ -0,0 +1,2 @@
1
+ export type PanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
2
+ //# sourceMappingURL=general.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../src/types/general.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAA"}
@@ -0,0 +1,91 @@
1
+ import type { CSSProperties } from 'react';
2
+ export type InternalNodeUpdate = {
3
+ id: string;
4
+ nodeElement: HTMLDivElement;
5
+ force?: boolean;
6
+ };
7
+ export type NodeBounds = XYPosition & {
8
+ width: number | null;
9
+ height: number | null;
10
+ };
11
+ export type NodeDragItem = {
12
+ id: string;
13
+ position: XYPosition;
14
+ distance: XYPosition;
15
+ measured: {
16
+ width: number;
17
+ height: number;
18
+ };
19
+ internals: {
20
+ positionAbsolute: XYPosition;
21
+ };
22
+ parentId?: string;
23
+ dragging?: boolean;
24
+ };
25
+ export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType & {
26
+ measured: {
27
+ width?: number;
28
+ height?: number;
29
+ };
30
+ internals: {
31
+ positionAbsolute: XYPosition;
32
+ };
33
+ };
34
+ export type XYPosition = {
35
+ x: number;
36
+ y: number;
37
+ };
38
+ export type NodeBase<NodeData extends Record<string, unknown> = Record<string, unknown>, NodeType extends string = string> = {
39
+ /**
40
+ * 唯一id
41
+ */
42
+ id: string;
43
+ position: XYPosition;
44
+ data: NodeData;
45
+ type?: NodeType;
46
+ selectable?: boolean;
47
+ deletable?: boolean;
48
+ width?: number;
49
+ height?: number;
50
+ parentId?: string;
51
+ zIndex?: number;
52
+ };
53
+ export type Node<NodeData extends Record<string, unknown> = Record<string, unknown>, NodeType extends string = string> = NodeBase<NodeData, NodeType> & {
54
+ style?: CSSProperties;
55
+ className?: string;
56
+ resizing?: boolean;
57
+ focusable?: boolean;
58
+ };
59
+ export type NodeDimensionChange = {
60
+ id: string;
61
+ type: 'dimensions';
62
+ resizing?: boolean;
63
+ setAttributes?: boolean;
64
+ };
65
+ export type NodePositionChange = {
66
+ id: string;
67
+ type: 'position';
68
+ position?: XYPosition;
69
+ positionAbsolute?: XYPosition;
70
+ dragging?: boolean;
71
+ };
72
+ export type NodeSelectionChange = {
73
+ id: string;
74
+ type: 'select';
75
+ selected: boolean;
76
+ };
77
+ export type NodeRemoveChange = {
78
+ id: string;
79
+ type: 'remove';
80
+ };
81
+ export type NodeAddChange<NodeType extends NodeBase = NodeBase> = {
82
+ item: NodeType;
83
+ type: 'add';
84
+ };
85
+ export type NodeReplaceChange<NodeType extends NodeBase = NodeBase> = {
86
+ id: string;
87
+ item: NodeType;
88
+ type: 'replace';
89
+ };
90
+ export type NodeChange<NodeType extends NodeBase = NodeBase> = NodeDimensionChange | NodePositionChange | NodeSelectionChange | NodeRemoveChange | NodeAddChange<NodeType> | NodeReplaceChange<NodeType>;
91
+ //# sourceMappingURL=nodes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../../src/types/nodes.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import type { CanvasEvents } from 'fabric';
2
+ import type { FabricObject, FabricObjectProps, ObjectEvents, SerializedObjectProps, TEvent, TPointerEvent } from 'fabric';
3
+ import type { MyCapitalize } from './utils';
4
+ export type FabricParams = {
5
+ domNode: HTMLCanvasElement;
6
+ onEvent: CanvasEvents;
7
+ };
8
+ export type TEventCallback<T = any> = (options: T) => any;
9
+ export type RawEventNames = {
10
+ [K in keyof ObjectEvents]: MyCapitalize<K>;
11
+ };
12
+ type InvertedEventType<T extends Record<string, string>> = {
13
+ [P in keyof T as T[P]]: P;
14
+ };
15
+ type InvertedRawEventNames = InvertedEventType<RawEventNames>;
16
+ export interface AllObjectEvents extends Record<keyof InvertedRawEventNames, TEventCallback>, TEventCallback<Partial<TEvent<TPointerEvent>> & {
17
+ target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
18
+ }> {
19
+ }
20
+ export type FabricUpdateOptions = {};
21
+ export {};
22
+ //# sourceMappingURL=object.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../src/types/object.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,qBAAqB,EACrB,MAAM,EACN,aAAa,EACd,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,OAAO,EAAE,YAAY,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,GAAG,CAAA;AAEzD,MAAM,MAAM,aAAa,GAAG;KACzB,CAAC,IAAI,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC;CAC3C,CAAA;AAGD,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI;KACxD,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;CAC1B,CAAA;AAGD,KAAK,qBAAqB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;AAE7D,MAAM,WAAW,eACf,SAAQ,MAAM,CAAC,MAAM,qBAAqB,EAAE,cAAc,CAAC,EACzD,cAAc,CACZ,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG;IAC/B,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,qBAAqB,EAAE,YAAY,CAAC,CAAA;CACtF,CACF;CAAG;AAER,MAAM,MAAM,mBAAmB,GAAG,EAAE,CAAA"}