@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.
- package/LICENSE +21 -0
- package/dist/cjs/components/BackgroundImage/index.cjs +2 -0
- package/dist/cjs/components/BackgroundImage/index.cjs.map +1 -0
- package/dist/cjs/components/Canvas/index.cjs +2 -0
- package/dist/cjs/components/Canvas/index.cjs.map +1 -0
- package/dist/cjs/components/Control/index.cjs +2 -0
- package/dist/cjs/components/Control/index.cjs.map +1 -0
- package/dist/cjs/components/Ellipse/index.cjs +2 -0
- package/dist/cjs/components/Ellipse/index.cjs.map +1 -0
- package/dist/cjs/components/Group/index.cjs +2 -0
- package/dist/cjs/components/Group/index.cjs.map +1 -0
- package/dist/cjs/components/Image/index.cjs +2 -0
- package/dist/cjs/components/Image/index.cjs.map +1 -0
- package/dist/cjs/components/Line/index.cjs +2 -0
- package/dist/cjs/components/Line/index.cjs.map +1 -0
- package/dist/cjs/components/Loading/index.cjs +2 -0
- package/dist/cjs/components/Loading/index.cjs.map +1 -0
- package/dist/cjs/components/NodeToolbarPortal/index.cjs +2 -0
- package/dist/cjs/components/NodeToolbarPortal/index.cjs.map +1 -0
- package/dist/cjs/components/Objects/index.cjs +2 -0
- package/dist/cjs/components/Objects/index.cjs.map +1 -0
- package/dist/cjs/components/Path/index.cjs +2 -0
- package/dist/cjs/components/Path/index.cjs.map +1 -0
- package/dist/cjs/components/ReactFabricProvider.cjs +2 -0
- package/dist/cjs/components/ReactFabricProvider.cjs.map +1 -0
- package/dist/cjs/components/Rect/index.cjs +2 -0
- package/dist/cjs/components/Rect/index.cjs.map +1 -0
- package/dist/cjs/components/StoreUpdater/index.cjs +2 -0
- package/dist/cjs/components/StoreUpdater/index.cjs.map +1 -0
- package/dist/cjs/components/Text/index.cjs +2 -0
- package/dist/cjs/components/Text/index.cjs.map +1 -0
- package/dist/cjs/constants.cjs +2 -0
- package/dist/cjs/constants.cjs.map +1 -0
- package/dist/cjs/container/ReactFabric/Wrapper.cjs +2 -0
- package/dist/cjs/container/ReactFabric/Wrapper.cjs.map +1 -0
- package/dist/cjs/container/ReactFabric/index.cjs +2 -0
- package/dist/cjs/container/ReactFabric/index.cjs.map +1 -0
- package/dist/cjs/contexts/StoreContext.cjs +2 -0
- package/dist/cjs/contexts/StoreContext.cjs.map +1 -0
- package/dist/cjs/hooks/useCreateObject.cjs +2 -0
- package/dist/cjs/hooks/useCreateObject.cjs.map +1 -0
- package/dist/cjs/hooks/useDidUpdate.cjs +2 -0
- package/dist/cjs/hooks/useDidUpdate.cjs.map +1 -0
- package/dist/cjs/hooks/useDraggable.cjs +2 -0
- package/dist/cjs/hooks/useDraggable.cjs.map +1 -0
- package/dist/cjs/hooks/useReactFabric.cjs +2 -0
- package/dist/cjs/hooks/useReactFabric.cjs.map +1 -0
- package/dist/cjs/hooks/useResizeHandler.cjs +2 -0
- package/dist/cjs/hooks/useResizeHandler.cjs.map +1 -0
- package/dist/cjs/hooks/useSplitProps.cjs +2 -0
- package/dist/cjs/hooks/useSplitProps.cjs.map +1 -0
- package/dist/cjs/hooks/useStore.cjs +2 -0
- package/dist/cjs/hooks/useStore.cjs.map +1 -0
- package/dist/cjs/hooks/useZoom.cjs +2 -0
- package/dist/cjs/hooks/useZoom.cjs.map +1 -0
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/plugins/FreeRect.cjs +2 -0
- package/dist/cjs/plugins/FreeRect.cjs.map +1 -0
- package/dist/cjs/plugins/GridLine.cjs +5 -0
- package/dist/cjs/plugins/GridLine.cjs.map +1 -0
- package/dist/cjs/plugins/Pinch.cjs +2 -0
- package/dist/cjs/plugins/Pinch.cjs.map +1 -0
- package/dist/cjs/store/index.cjs +2 -0
- package/dist/cjs/store/index.cjs.map +1 -0
- package/dist/cjs/store/initialState.cjs +2 -0
- package/dist/cjs/store/initialState.cjs.map +1 -0
- package/dist/cjs/toolbar/Vertical/index.cjs +2 -0
- package/dist/cjs/toolbar/Vertical/index.cjs.map +1 -0
- package/dist/cjs/types/canvas.cjs +2 -0
- package/dist/cjs/types/canvas.cjs.map +1 -0
- package/dist/cjs/types/component-props.cjs +2 -0
- package/dist/cjs/types/component-props.cjs.map +1 -0
- package/dist/cjs/types/general.cjs +2 -0
- package/dist/cjs/types/general.cjs.map +1 -0
- package/dist/cjs/types/nodes.cjs +2 -0
- package/dist/cjs/types/nodes.cjs.map +1 -0
- package/dist/cjs/types/object.cjs +2 -0
- package/dist/cjs/types/object.cjs.map +1 -0
- package/dist/cjs/types/store.cjs +2 -0
- package/dist/cjs/types/store.cjs.map +1 -0
- package/dist/cjs/types/utils.cjs +2 -0
- package/dist/cjs/types/utils.cjs.map +1 -0
- package/dist/cjs/utils/constants.cjs +2 -0
- package/dist/cjs/utils/constants.cjs.map +1 -0
- package/dist/cjs/utils/dom.cjs +2 -0
- package/dist/cjs/utils/dom.cjs.map +1 -0
- package/dist/cjs/utils/events.cjs +2 -0
- package/dist/cjs/utils/events.cjs.map +1 -0
- package/dist/cjs/utils/position.cjs +2 -0
- package/dist/cjs/utils/position.cjs.map +1 -0
- package/dist/cjs/utils/props.cjs +2 -0
- package/dist/cjs/utils/props.cjs.map +1 -0
- package/dist/esm/components/BackgroundImage/index.mjs +2 -0
- package/dist/esm/components/BackgroundImage/index.mjs.map +1 -0
- package/dist/esm/components/Canvas/index.mjs +2 -0
- package/dist/esm/components/Canvas/index.mjs.map +1 -0
- package/dist/esm/components/Control/index.mjs +2 -0
- package/dist/esm/components/Control/index.mjs.map +1 -0
- package/dist/esm/components/Ellipse/index.mjs +2 -0
- package/dist/esm/components/Ellipse/index.mjs.map +1 -0
- package/dist/esm/components/Group/index.mjs +2 -0
- package/dist/esm/components/Group/index.mjs.map +1 -0
- package/dist/esm/components/Line/index.mjs +2 -0
- package/dist/esm/components/Line/index.mjs.map +1 -0
- package/dist/esm/components/Loading/index.mjs +2 -0
- package/dist/esm/components/Loading/index.mjs.map +1 -0
- package/dist/esm/components/NodeToolbarPortal/index.mjs +2 -0
- package/dist/esm/components/NodeToolbarPortal/index.mjs.map +1 -0
- package/dist/esm/components/Objects/index.mjs +2 -0
- package/dist/esm/components/Objects/index.mjs.map +1 -0
- package/dist/esm/components/Path/index.mjs +2 -0
- package/dist/esm/components/Path/index.mjs.map +1 -0
- package/dist/esm/components/ReactFabricProvider.mjs +2 -0
- package/dist/esm/components/ReactFabricProvider.mjs.map +1 -0
- package/dist/esm/components/Rect/index.mjs +2 -0
- package/dist/esm/components/Rect/index.mjs.map +1 -0
- package/dist/esm/components/StoreUpdater/index.mjs +2 -0
- package/dist/esm/components/StoreUpdater/index.mjs.map +1 -0
- package/dist/esm/components/Text/index.mjs +2 -0
- package/dist/esm/components/Text/index.mjs.map +1 -0
- package/dist/esm/container/ReactFabric/Wrapper.mjs +2 -0
- package/dist/esm/container/ReactFabric/Wrapper.mjs.map +1 -0
- package/dist/esm/container/ReactFabric/index.mjs +2 -0
- package/dist/esm/container/ReactFabric/index.mjs.map +1 -0
- package/dist/esm/contexts/StoreContext.mjs +2 -0
- package/dist/esm/contexts/StoreContext.mjs.map +1 -0
- package/dist/esm/hooks/useCreateObject.mjs +2 -0
- package/dist/esm/hooks/useCreateObject.mjs.map +1 -0
- package/dist/esm/hooks/useDidUpdate.mjs +2 -0
- package/dist/esm/hooks/useDidUpdate.mjs.map +1 -0
- package/dist/esm/hooks/useDraggable.mjs +2 -0
- package/dist/esm/hooks/useDraggable.mjs.map +1 -0
- package/dist/esm/hooks/useReactFabric.mjs +2 -0
- package/dist/esm/hooks/useReactFabric.mjs.map +1 -0
- package/dist/esm/hooks/useResizeHandler.mjs +2 -0
- package/dist/esm/hooks/useResizeHandler.mjs.map +1 -0
- package/dist/esm/hooks/useSplitProps.mjs +2 -0
- package/dist/esm/hooks/useSplitProps.mjs.map +1 -0
- package/dist/esm/hooks/useStore.mjs +2 -0
- package/dist/esm/hooks/useStore.mjs.map +1 -0
- package/dist/esm/hooks/useZoom.mjs +2 -0
- package/dist/esm/hooks/useZoom.mjs.map +1 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/plugins/FreeRect.mjs +2 -0
- package/dist/esm/plugins/FreeRect.mjs.map +1 -0
- package/dist/esm/plugins/GridLine.mjs +5 -0
- package/dist/esm/plugins/GridLine.mjs.map +1 -0
- package/dist/esm/plugins/Pinch.mjs +2 -0
- package/dist/esm/plugins/Pinch.mjs.map +1 -0
- package/dist/esm/store/index.mjs +2 -0
- package/dist/esm/store/index.mjs.map +1 -0
- package/dist/esm/store/initialState.mjs +2 -0
- package/dist/esm/store/initialState.mjs.map +1 -0
- package/dist/esm/toolbar/Vertical/index.mjs +2 -0
- package/dist/esm/toolbar/Vertical/index.mjs.map +1 -0
- package/dist/esm/utils/constants.mjs +2 -0
- package/dist/esm/utils/constants.mjs.map +1 -0
- package/dist/esm/utils/events.mjs +2 -0
- package/dist/esm/utils/events.mjs.map +1 -0
- package/dist/esm/utils/props.mjs +2 -0
- package/dist/esm/utils/props.mjs.map +1 -0
- package/dist/types/components/BackgroundImage/index.d.ts +19 -0
- package/dist/types/components/BackgroundImage/index.d.ts.map +1 -0
- package/dist/types/components/Canvas/index.d.ts +11 -0
- package/dist/types/components/Canvas/index.d.ts.map +1 -0
- package/dist/types/components/Control/index.d.ts +28 -0
- package/dist/types/components/Control/index.d.ts.map +1 -0
- package/dist/types/components/Ellipse/index.d.ts +19 -0
- package/dist/types/components/Ellipse/index.d.ts.map +1 -0
- package/dist/types/components/Group/index.d.ts +24 -0
- package/dist/types/components/Group/index.d.ts.map +1 -0
- package/dist/types/components/Image/index.d.ts +18 -0
- package/dist/types/components/Image/index.d.ts.map +1 -0
- package/dist/types/components/Line/index.d.ts +11 -0
- package/dist/types/components/Line/index.d.ts.map +1 -0
- package/dist/types/components/Loading/index.d.ts +3 -0
- package/dist/types/components/Loading/index.d.ts.map +1 -0
- package/dist/types/components/NodeToolbarPortal/index.d.ts +9 -0
- package/dist/types/components/NodeToolbarPortal/index.d.ts.map +1 -0
- package/dist/types/components/Objects/index.d.ts +9 -0
- package/dist/types/components/Objects/index.d.ts.map +1 -0
- package/dist/types/components/Path/index.d.ts +11 -0
- package/dist/types/components/Path/index.d.ts.map +1 -0
- package/dist/types/components/ReactFabricProvider.d.ts +11 -0
- package/dist/types/components/ReactFabricProvider.d.ts.map +1 -0
- package/dist/types/components/Rect/index.d.ts +20 -0
- package/dist/types/components/Rect/index.d.ts.map +1 -0
- package/dist/types/components/StoreUpdater/index.d.ts +8 -0
- package/dist/types/components/StoreUpdater/index.d.ts.map +1 -0
- package/dist/types/components/Text/index.d.ts +11 -0
- package/dist/types/components/Text/index.d.ts.map +1 -0
- package/dist/types/constants.d.ts +5 -0
- package/dist/types/constants.d.ts.map +1 -0
- package/dist/types/container/ReactFabric/Wrapper.d.ts +10 -0
- package/dist/types/container/ReactFabric/Wrapper.d.ts.map +1 -0
- package/dist/types/container/ReactFabric/index.d.ts +69 -0
- package/dist/types/container/ReactFabric/index.d.ts.map +1 -0
- package/dist/types/contexts/StoreContext.d.ts +4 -0
- package/dist/types/contexts/StoreContext.d.ts.map +1 -0
- package/dist/types/hooks/useCreateObject.d.ts +15 -0
- package/dist/types/hooks/useCreateObject.d.ts.map +1 -0
- package/dist/types/hooks/useDidUpdate.d.ts +9 -0
- package/dist/types/hooks/useDidUpdate.d.ts.map +1 -0
- package/dist/types/hooks/useDraggable.d.ts +3 -0
- package/dist/types/hooks/useDraggable.d.ts.map +1 -0
- package/dist/types/hooks/useReactFabric.d.ts +55 -0
- package/dist/types/hooks/useReactFabric.d.ts.map +1 -0
- package/dist/types/hooks/useResizeHandler.d.ts +3 -0
- package/dist/types/hooks/useResizeHandler.d.ts.map +1 -0
- package/dist/types/hooks/useSplitProps.d.ts +15 -0
- package/dist/types/hooks/useSplitProps.d.ts.map +1 -0
- package/dist/types/hooks/useStore.d.ts +13 -0
- package/dist/types/hooks/useStore.d.ts.map +1 -0
- package/dist/types/hooks/useZoom.d.ts +2 -0
- package/dist/types/hooks/useZoom.d.ts.map +1 -0
- package/dist/types/index.d.ts +29 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/plugins/FreeRect.d.ts +15 -0
- package/dist/types/plugins/FreeRect.d.ts.map +1 -0
- package/dist/types/plugins/GridLine.d.ts +7 -0
- package/dist/types/plugins/GridLine.d.ts.map +1 -0
- package/dist/types/plugins/Pinch.d.ts +8 -0
- package/dist/types/plugins/Pinch.d.ts.map +1 -0
- package/dist/types/store/index.d.ts +10 -0
- package/dist/types/store/index.d.ts.map +1 -0
- package/dist/types/store/initialState.d.ts +12 -0
- package/dist/types/store/initialState.d.ts.map +1 -0
- package/dist/types/toolbar/Vertical/index.d.ts +10 -0
- package/dist/types/toolbar/Vertical/index.d.ts.map +1 -0
- package/dist/types/types/canvas.d.ts +15 -0
- package/dist/types/types/canvas.d.ts.map +1 -0
- package/dist/types/types/component-props.d.ts +41 -0
- package/dist/types/types/component-props.d.ts.map +1 -0
- package/dist/types/types/general.d.ts +2 -0
- package/dist/types/types/general.d.ts.map +1 -0
- package/dist/types/types/nodes.d.ts +91 -0
- package/dist/types/types/nodes.d.ts.map +1 -0
- package/dist/types/types/object.d.ts +22 -0
- package/dist/types/types/object.d.ts.map +1 -0
- package/dist/types/types/store.d.ts +59 -0
- package/dist/types/types/store.d.ts.map +1 -0
- package/dist/types/types/utils.d.ts +6 -0
- package/dist/types/types/utils.d.ts.map +1 -0
- package/dist/types/utils/constants.d.ts +5 -0
- package/dist/types/utils/constants.d.ts.map +1 -0
- package/dist/types/utils/dom.d.ts +3 -0
- package/dist/types/utils/dom.d.ts.map +1 -0
- package/dist/types/utils/events.d.ts +5 -0
- package/dist/types/utils/events.d.ts.map +1 -0
- package/dist/types/utils/position.d.ts +9 -0
- package/dist/types/utils/position.d.ts.map +1 -0
- package/dist/types/utils/props.d.ts +4 -0
- package/dist/types/utils/props.d.ts.map +1 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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"}
|