react-screenshots 0.5.9 → 0.5.15

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 (65) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +145 -145
  3. package/electron/assets/index.7793f29e.js +222 -0
  4. package/electron/assets/{index.95e77ee2.css → index.78c5dcbf.css} +1 -1
  5. package/electron/electron.html +14 -15
  6. package/lib/react-screenshots.cjs.js +4 -4
  7. package/lib/react-screenshots.es.js +188 -190
  8. package/lib/style.css +1 -1
  9. package/lib/types/ScreenshotsBackground/getBoundsByPoints.d.ts +2 -2
  10. package/lib/types/ScreenshotsBackground/index.d.ts +4 -4
  11. package/lib/types/ScreenshotsButton/index.d.ts +12 -12
  12. package/lib/types/ScreenshotsCanvas/getBoundsByPoints.d.ts +2 -2
  13. package/lib/types/ScreenshotsCanvas/getPoints.d.ts +2 -2
  14. package/lib/types/ScreenshotsCanvas/index.d.ts +15 -15
  15. package/lib/types/ScreenshotsCanvas/isPointInDraw.d.ts +2 -2
  16. package/lib/types/ScreenshotsColor/index.d.ts +8 -8
  17. package/lib/types/ScreenshotsContext.d.ts +29 -29
  18. package/lib/types/ScreenshotsMagnifier/index.d.ts +8 -8
  19. package/lib/types/ScreenshotsOperations/index.d.ts +6 -6
  20. package/lib/types/ScreenshotsOption/index.d.ts +15 -15
  21. package/lib/types/ScreenshotsSize/index.d.ts +8 -8
  22. package/lib/types/ScreenshotsSizeColor/index.d.ts +10 -10
  23. package/lib/types/ScreenshotsTextarea/calculateNodeSize.d.ts +17 -17
  24. package/lib/types/ScreenshotsTextarea/index.d.ts +15 -15
  25. package/lib/types/composeImage.d.ts +10 -10
  26. package/lib/types/exports.d.ts +3 -3
  27. package/lib/types/hooks/useBounds.d.ts +7 -7
  28. package/lib/types/hooks/useCall.d.ts +2 -2
  29. package/lib/types/hooks/useCanvasContextRef.d.ts +2 -2
  30. package/lib/types/hooks/useCanvasMousedown.d.ts +1 -1
  31. package/lib/types/hooks/useCanvasMousemove.d.ts +1 -1
  32. package/lib/types/hooks/useCanvasMouseup.d.ts +1 -1
  33. package/lib/types/hooks/useCursor.d.ts +6 -6
  34. package/lib/types/hooks/useDispatcher.d.ts +2 -2
  35. package/lib/types/hooks/useDrawSelect.d.ts +2 -2
  36. package/lib/types/hooks/useEmiter.d.ts +8 -8
  37. package/lib/types/hooks/useHistory.d.ts +16 -16
  38. package/lib/types/hooks/useLang.d.ts +2 -2
  39. package/lib/types/hooks/useOperation.d.ts +6 -6
  40. package/lib/types/hooks/useReset.d.ts +2 -2
  41. package/lib/types/hooks/useStore.d.ts +2 -2
  42. package/lib/types/index.d.ts +13 -13
  43. package/lib/types/operations/Arrow/draw.d.ts +11 -11
  44. package/lib/types/operations/Arrow/index.d.ts +22 -22
  45. package/lib/types/operations/Brush/draw.d.ts +3 -3
  46. package/lib/types/operations/Brush/index.d.ts +14 -14
  47. package/lib/types/operations/Cancel/index.d.ts +2 -2
  48. package/lib/types/operations/Ellipse/draw.d.ts +11 -11
  49. package/lib/types/operations/Ellipse/index.d.ts +28 -28
  50. package/lib/types/operations/Mosaic/index.d.ts +11 -11
  51. package/lib/types/operations/Ok/index.d.ts +2 -2
  52. package/lib/types/operations/Rectangle/draw.d.ts +11 -11
  53. package/lib/types/operations/Rectangle/index.d.ts +28 -28
  54. package/lib/types/operations/Redo/index.d.ts +2 -2
  55. package/lib/types/operations/Save/index.d.ts +2 -2
  56. package/lib/types/operations/Text/index.d.ts +22 -22
  57. package/lib/types/operations/Undo/index.d.ts +2 -2
  58. package/lib/types/operations/index.d.ts +3 -3
  59. package/lib/types/operations/utils.d.ts +4 -4
  60. package/lib/types/types.d.ts +39 -39
  61. package/lib/types/useGetLoadedImage.d.ts +1 -1
  62. package/lib/types/zh_CN.d.ts +16 -16
  63. package/package.json +2 -2
  64. package/electron/assets/index.c68b977f.js +0 -14
  65. package/electron/assets/vendor.e3c417b2.js +0 -209
@@ -1,13 +1,13 @@
1
- import { ReactElement } from 'react';
2
- import './icons/iconfont.less';
3
- import './screenshots.less';
4
- import { Lang } from './zh_CN';
5
- export interface ScreenshotsProps {
6
- url?: string;
7
- width: number;
8
- height: number;
9
- lang?: Partial<Lang>;
10
- className?: string;
11
- [key: string]: unknown;
12
- }
13
- export default function Screenshots({ url, width, height, lang, className, ...props }: ScreenshotsProps): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ import './icons/iconfont.less';
3
+ import './screenshots.less';
4
+ import { Lang } from './zh_CN';
5
+ export interface ScreenshotsProps {
6
+ url?: string;
7
+ width: number;
8
+ height: number;
9
+ lang?: Partial<Lang>;
10
+ className?: string;
11
+ [key: string]: unknown;
12
+ }
13
+ export default function Screenshots({ url, width, height, lang, className, ...props }: ScreenshotsProps): ReactElement;
@@ -1,11 +1,11 @@
1
- import { ArrowData, ArrowEditData } from '.';
2
- import { HistoryItemSource } from '../../types';
3
- export declare function getEditedArrowData(action: HistoryItemSource<ArrowData, ArrowEditData>): {
4
- x1: number;
5
- x2: number;
6
- y1: number;
7
- y2: number;
8
- size: number;
9
- color: string;
10
- };
11
- export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<ArrowData, ArrowEditData>): void;
1
+ import { ArrowData, ArrowEditData } from '.';
2
+ import { HistoryItemSource } from '../../types';
3
+ export declare function getEditedArrowData(action: HistoryItemSource<ArrowData, ArrowEditData>): {
4
+ x1: number;
5
+ x2: number;
6
+ y1: number;
7
+ y2: number;
8
+ size: number;
9
+ color: string;
10
+ };
11
+ export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<ArrowData, ArrowEditData>): void;
@@ -1,22 +1,22 @@
1
- import { ReactElement } from 'react';
2
- export interface ArrowData {
3
- size: number;
4
- color: string;
5
- x1: number;
6
- x2: number;
7
- y1: number;
8
- y2: number;
9
- }
10
- export declare enum ArrowEditType {
11
- Move = 0,
12
- MoveStart = 1,
13
- MoveEnd = 2
14
- }
15
- export interface ArrowEditData {
16
- type: ArrowEditType;
17
- x1: number;
18
- x2: number;
19
- y1: number;
20
- y2: number;
21
- }
22
- export default function Arrow(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export interface ArrowData {
3
+ size: number;
4
+ color: string;
5
+ x1: number;
6
+ x2: number;
7
+ y1: number;
8
+ y2: number;
9
+ }
10
+ export declare enum ArrowEditType {
11
+ Move = 0,
12
+ MoveStart = 1,
13
+ MoveEnd = 2
14
+ }
15
+ export interface ArrowEditData {
16
+ type: ArrowEditType;
17
+ x1: number;
18
+ x2: number;
19
+ y1: number;
20
+ y2: number;
21
+ }
22
+ export default function Arrow(): ReactElement;
@@ -1,3 +1,3 @@
1
- import { BrushData, BrushEditData } from '.';
2
- import { HistoryItemSource } from '../../types';
3
- export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<BrushData, BrushEditData>): void;
1
+ import { BrushData, BrushEditData } from '.';
2
+ import { HistoryItemSource } from '../../types';
3
+ export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<BrushData, BrushEditData>): void;
@@ -1,14 +1,14 @@
1
- import { ReactElement } from 'react';
2
- import { Point } from '../../types';
3
- export interface BrushData {
4
- size: number;
5
- color: string;
6
- points: Point[];
7
- }
8
- export interface BrushEditData {
9
- x1: number;
10
- y1: number;
11
- x2: number;
12
- y2: number;
13
- }
14
- export default function Brush(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ import { Point } from '../../types';
3
+ export interface BrushData {
4
+ size: number;
5
+ color: string;
6
+ points: Point[];
7
+ }
8
+ export interface BrushEditData {
9
+ x1: number;
10
+ y1: number;
11
+ x2: number;
12
+ y2: number;
13
+ }
14
+ export default function Brush(): ReactElement;
@@ -1,2 +1,2 @@
1
- import { ReactElement } from 'react';
2
- export default function Cancel(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export default function Cancel(): ReactElement;
@@ -1,11 +1,11 @@
1
- import { EllipseData, EllipseEditData } from '.';
2
- import { HistoryItemSource } from '../../types';
3
- export declare function getEditedEllipseData(action: HistoryItemSource<EllipseData, EllipseEditData>): {
4
- x1: number;
5
- x2: number;
6
- y1: number;
7
- y2: number;
8
- size: number;
9
- color: string;
10
- };
11
- export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<EllipseData, EllipseEditData>): void;
1
+ import { EllipseData, EllipseEditData } from '.';
2
+ import { HistoryItemSource } from '../../types';
3
+ export declare function getEditedEllipseData(action: HistoryItemSource<EllipseData, EllipseEditData>): {
4
+ x1: number;
5
+ x2: number;
6
+ y1: number;
7
+ y2: number;
8
+ size: number;
9
+ color: string;
10
+ };
11
+ export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<EllipseData, EllipseEditData>): void;
@@ -1,28 +1,28 @@
1
- import { ReactElement } from 'react';
2
- export interface EllipseData {
3
- size: number;
4
- color: string;
5
- x1: number;
6
- y1: number;
7
- x2: number;
8
- y2: number;
9
- }
10
- export declare enum EllipseEditType {
11
- Move = 0,
12
- ResizeTop = 1,
13
- ResizeRightTop = 2,
14
- ResizeRight = 3,
15
- ResizeRightBottom = 4,
16
- ResizeBottom = 5,
17
- ResizeLeftBottom = 6,
18
- ResizeLeft = 7,
19
- ResizeLeftTop = 8
20
- }
21
- export interface EllipseEditData {
22
- type: EllipseEditType;
23
- x1: number;
24
- y1: number;
25
- x2: number;
26
- y2: number;
27
- }
28
- export default function Ellipse(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export interface EllipseData {
3
+ size: number;
4
+ color: string;
5
+ x1: number;
6
+ y1: number;
7
+ x2: number;
8
+ y2: number;
9
+ }
10
+ export declare enum EllipseEditType {
11
+ Move = 0,
12
+ ResizeTop = 1,
13
+ ResizeRightTop = 2,
14
+ ResizeRight = 3,
15
+ ResizeRightBottom = 4,
16
+ ResizeBottom = 5,
17
+ ResizeLeftBottom = 6,
18
+ ResizeLeft = 7,
19
+ ResizeLeftTop = 8
20
+ }
21
+ export interface EllipseEditData {
22
+ type: EllipseEditType;
23
+ x1: number;
24
+ y1: number;
25
+ x2: number;
26
+ y2: number;
27
+ }
28
+ export default function Ellipse(): ReactElement;
@@ -1,11 +1,11 @@
1
- import { ReactElement } from 'react';
2
- export interface MosaicTile {
3
- x: number;
4
- y: number;
5
- color: number[];
6
- }
7
- export interface MosaicData {
8
- size: number;
9
- tiles: MosaicTile[];
10
- }
11
- export default function Mosaic(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export interface MosaicTile {
3
+ x: number;
4
+ y: number;
5
+ color: number[];
6
+ }
7
+ export interface MosaicData {
8
+ size: number;
9
+ tiles: MosaicTile[];
10
+ }
11
+ export default function Mosaic(): ReactElement;
@@ -1,2 +1,2 @@
1
- import { ReactElement } from 'react';
2
- export default function Ok(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export default function Ok(): ReactElement;
@@ -1,11 +1,11 @@
1
- import { RectangleData, RectangleEditData } from '.';
2
- import { HistoryItemSource } from '../../types';
3
- export declare function getEditedRectangleData(action: HistoryItemSource<RectangleData, RectangleEditData>): {
4
- x1: number;
5
- x2: number;
6
- y1: number;
7
- y2: number;
8
- size: number;
9
- color: string;
10
- };
11
- export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<RectangleData, RectangleEditData>): void;
1
+ import { RectangleData, RectangleEditData } from '.';
2
+ import { HistoryItemSource } from '../../types';
3
+ export declare function getEditedRectangleData(action: HistoryItemSource<RectangleData, RectangleEditData>): {
4
+ x1: number;
5
+ x2: number;
6
+ y1: number;
7
+ y2: number;
8
+ size: number;
9
+ color: string;
10
+ };
11
+ export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<RectangleData, RectangleEditData>): void;
@@ -1,28 +1,28 @@
1
- import { ReactElement } from 'react';
2
- export interface RectangleData {
3
- size: number;
4
- color: string;
5
- x1: number;
6
- y1: number;
7
- x2: number;
8
- y2: number;
9
- }
10
- export declare enum RectangleEditType {
11
- Move = 0,
12
- ResizeTop = 1,
13
- ResizeRightTop = 2,
14
- ResizeRight = 3,
15
- ResizeRightBottom = 4,
16
- ResizeBottom = 5,
17
- ResizeLeftBottom = 6,
18
- ResizeLeft = 7,
19
- ResizeLeftTop = 8
20
- }
21
- export interface RectangleEditData {
22
- type: RectangleEditType;
23
- x1: number;
24
- y1: number;
25
- x2: number;
26
- y2: number;
27
- }
28
- export default function Rectangle(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export interface RectangleData {
3
+ size: number;
4
+ color: string;
5
+ x1: number;
6
+ y1: number;
7
+ x2: number;
8
+ y2: number;
9
+ }
10
+ export declare enum RectangleEditType {
11
+ Move = 0,
12
+ ResizeTop = 1,
13
+ ResizeRightTop = 2,
14
+ ResizeRight = 3,
15
+ ResizeRightBottom = 4,
16
+ ResizeBottom = 5,
17
+ ResizeLeftBottom = 6,
18
+ ResizeLeft = 7,
19
+ ResizeLeftTop = 8
20
+ }
21
+ export interface RectangleEditData {
22
+ type: RectangleEditType;
23
+ x1: number;
24
+ y1: number;
25
+ x2: number;
26
+ y2: number;
27
+ }
28
+ export default function Rectangle(): ReactElement;
@@ -1,2 +1,2 @@
1
- import { ReactElement } from 'react';
2
- export default function Redo(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export default function Redo(): ReactElement;
@@ -1,2 +1,2 @@
1
- import { ReactElement } from 'react';
2
- export default function Save(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export default function Save(): ReactElement;
@@ -1,22 +1,22 @@
1
- import { ReactElement } from 'react';
2
- export interface TextData {
3
- size: number;
4
- color: string;
5
- fontFamily: string;
6
- x: number;
7
- y: number;
8
- text: string;
9
- }
10
- export interface TextEditData {
11
- x1: number;
12
- x2: number;
13
- y1: number;
14
- y2: number;
15
- }
16
- export interface TextareaBounds {
17
- x: number;
18
- y: number;
19
- maxWidth: number;
20
- maxHeight: number;
21
- }
22
- export default function Text(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export interface TextData {
3
+ size: number;
4
+ color: string;
5
+ fontFamily: string;
6
+ x: number;
7
+ y: number;
8
+ text: string;
9
+ }
10
+ export interface TextEditData {
11
+ x1: number;
12
+ x2: number;
13
+ y1: number;
14
+ y2: number;
15
+ }
16
+ export interface TextareaBounds {
17
+ x: number;
18
+ y: number;
19
+ maxWidth: number;
20
+ maxHeight: number;
21
+ }
22
+ export default function Text(): ReactElement;
@@ -1,2 +1,2 @@
1
- import { ReactElement } from 'react';
2
- export default function Undo(): ReactElement;
1
+ import { ReactElement } from 'react';
2
+ export default function Undo(): ReactElement;
@@ -1,3 +1,3 @@
1
- import Rectangle from './Rectangle';
2
- declare const _default: (string | typeof Rectangle)[];
3
- export default _default;
1
+ import Rectangle from './Rectangle';
2
+ declare const _default: (string | typeof Rectangle)[];
3
+ export default _default;
@@ -1,4 +1,4 @@
1
- import { HistoryItemSource, Point } from '../types';
2
- export declare function drawDragCircle(ctx: CanvasRenderingContext2D, x: number, y: number): void;
3
- export declare function isHit<S, E>(ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>, point: Point): boolean;
4
- export declare function isHitCircle(canvas: HTMLCanvasElement | null, e: MouseEvent, point: Point): boolean;
1
+ import { HistoryItemSource, Point } from '../types';
2
+ export declare function drawDragCircle(ctx: CanvasRenderingContext2D, x: number, y: number): void;
3
+ export declare function isHit<S, E>(ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>, point: Point): boolean;
4
+ export declare function isHitCircle(canvas: HTMLCanvasElement | null, e: MouseEvent, point: Point): boolean;
@@ -1,39 +1,39 @@
1
- import { MutableRefObject } from 'react';
2
- export declare type CanvasContextRef = MutableRefObject<CanvasRenderingContext2D | null>;
3
- export declare type EmiterListener = (...args: any) => unknown;
4
- export declare type Emiter = Record<string, EmiterListener[]>;
5
- export declare type EmiterRef = MutableRefObject<Emiter>;
6
- export interface Point {
7
- x: number;
8
- y: number;
9
- }
10
- export declare enum HistoryItemType {
11
- Edit = 0,
12
- Source = 1
13
- }
14
- export interface HistoryItemEdit<E, S> {
15
- type: HistoryItemType.Edit;
16
- data: E;
17
- source: HistoryItemSource<S, E>;
18
- }
19
- export interface HistoryItemSource<S, E> {
20
- name: string;
21
- type: HistoryItemType.Source;
22
- data: S;
23
- isSelected?: boolean;
24
- editHistory: HistoryItemEdit<E, S>[];
25
- draw: (ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>) => void;
26
- isHit?: (ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>, point: Point) => boolean;
27
- }
28
- export declare type HistoryItem<S, E> = HistoryItemEdit<E, S> | HistoryItemSource<S, E>;
29
- export interface History {
30
- index: number;
31
- stack: HistoryItem<any, any>[];
32
- }
33
- export interface Bounds {
34
- x: number;
35
- y: number;
36
- width: number;
37
- height: number;
38
- }
39
- export declare type Position = Point;
1
+ import { MutableRefObject } from 'react';
2
+ export declare type CanvasContextRef = MutableRefObject<CanvasRenderingContext2D | null>;
3
+ export declare type EmiterListener = (...args: any) => unknown;
4
+ export declare type Emiter = Record<string, EmiterListener[]>;
5
+ export declare type EmiterRef = MutableRefObject<Emiter>;
6
+ export interface Point {
7
+ x: number;
8
+ y: number;
9
+ }
10
+ export declare enum HistoryItemType {
11
+ Edit = 0,
12
+ Source = 1
13
+ }
14
+ export interface HistoryItemEdit<E, S> {
15
+ type: HistoryItemType.Edit;
16
+ data: E;
17
+ source: HistoryItemSource<S, E>;
18
+ }
19
+ export interface HistoryItemSource<S, E> {
20
+ name: string;
21
+ type: HistoryItemType.Source;
22
+ data: S;
23
+ isSelected?: boolean;
24
+ editHistory: HistoryItemEdit<E, S>[];
25
+ draw: (ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>) => void;
26
+ isHit?: (ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>, point: Point) => boolean;
27
+ }
28
+ export declare type HistoryItem<S, E> = HistoryItemEdit<E, S> | HistoryItemSource<S, E>;
29
+ export interface History {
30
+ index: number;
31
+ stack: HistoryItem<any, any>[];
32
+ }
33
+ export interface Bounds {
34
+ x: number;
35
+ y: number;
36
+ width: number;
37
+ height: number;
38
+ }
39
+ export declare type Position = Point;
@@ -1 +1 @@
1
- export default function useGetLoadedImage(url?: string): HTMLImageElement | null;
1
+ export default function useGetLoadedImage(url?: string): HTMLImageElement | null;
@@ -1,16 +1,16 @@
1
- export interface Lang {
2
- magnifier_position_label: string;
3
- operation_ok_title: string;
4
- operation_cancel_title: string;
5
- operation_save_title: string;
6
- operation_redo_title: string;
7
- operation_undo_title: string;
8
- operation_mosaic_title: string;
9
- operation_text_title: string;
10
- operation_brush_title: string;
11
- operation_arrow_title: string;
12
- operation_ellipse_title: string;
13
- operation_rectangle_title: string;
14
- }
15
- declare const zhCN: Lang;
16
- export default zhCN;
1
+ export interface Lang {
2
+ magnifier_position_label: string;
3
+ operation_ok_title: string;
4
+ operation_cancel_title: string;
5
+ operation_save_title: string;
6
+ operation_redo_title: string;
7
+ operation_undo_title: string;
8
+ operation_mosaic_title: string;
9
+ operation_text_title: string;
10
+ operation_brush_title: string;
11
+ operation_arrow_title: string;
12
+ operation_ellipse_title: string;
13
+ operation_rectangle_title: string;
14
+ }
15
+ declare const zhCN: Lang;
16
+ export default zhCN;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-screenshots",
3
- "version": "0.5.9",
3
+ "version": "0.5.15",
4
4
  "description": "a screenshot cropper tool by react",
5
5
  "main": "./lib/react-screenshots.cjs.js",
6
6
  "module": "./lib/react-screenshots.es.js",
@@ -64,5 +64,5 @@
64
64
  "typescript": "^4.5.5",
65
65
  "vite": "^2.7.13"
66
66
  },
67
- "gitHead": "9ecc9c6db0e6cf2929525ced3e6f3c60555ab051"
67
+ "gitHead": "d93a013b046e1e03f2b408b33685af390111b2fb"
68
68
  }