react-screenshots 0.0.17 → 0.2.0-alpha.0

package/lib/style.css

@@ -0,0 +1 @@
+.screenshots-magnifier{position:absolute;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,Segoe UI Symbol,noto color emoji;left:0;top:0;width:100px;box-shadow:0 0 8px #000;z-index:9}.screenshots-magnifier,.screenshots-magnifier *{box-sizing:border-box;user-select:none}.screenshots-magnifier-body{position:relative;background-color:#fff}.screenshots-magnifier-body:before{content:"";background-color:#0a72a1;position:absolute;top:50%;left:0;width:100%;height:2px;z-index:1}.screenshots-magnifier-body:after{content:"";background-color:#0a72a1;position:absolute;top:0;left:50%;width:2px;height:100%;z-index:1}.screenshots-magnifier-body-canvas{display:block;width:100px;height:80px}.screenshots-magnifier-footer{height:40px;color:#fff;font-size:11px;background-color:#5f5e5e;padding:4px;white-space:nowrap;overflow:hidden;text-align:center}.screenshots-magnifier-footer-item{height:18px;line-height:18px}.screenshots-background{width:100%;height:100%;position:relative;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat}.screenshots-background-mask{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff1a}.screenshots-canvas{position:absolute}.screenshots-canvas-body{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screenshots-canvas-border-top{position:absolute;left:0;top:0;width:100%;height:2px;transform:translateY(-50%);background-color:#39f;pointer-events:none}.screenshots-canvas-border-right{position:absolute;left:100%;top:0;width:2px;height:100%;transform:translate(-50%);background-color:#39f;pointer-events:none}.screenshots-canvas-border-bottom{position:absolute;left:0;top:100%;width:100%;height:2px;transform:translateY(-50%);background-color:#39f;pointer-events:none}.screenshots-canvas-border-left{position:absolute;left:0;top:0;width:2px;height:100%;transform:translate(-50%);background-color:#39f;pointer-events:none}.screenshots-canvas-point-top{width:8px;height:8px;position:absolute;left:50%;top:0;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:ns-resize}.screenshots-canvas-point-top-right{width:8px;height:8px;position:absolute;left:100%;top:0;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:nesw-resize}.screenshots-canvas-point-right{width:8px;height:8px;position:absolute;left:100%;top:50%;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:ew-resize}.screenshots-canvas-point-right-bottom{width:8px;height:8px;position:absolute;left:100%;top:100%;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:nwse-resize}.screenshots-canvas-point-bottom{width:8px;height:8px;position:absolute;left:50%;top:100%;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:ns-resize}.screenshots-canvas-point-bottom-left{width:8px;height:8px;position:absolute;left:0;top:100%;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:nesw-resize}.screenshots-canvas-point-left{width:8px;height:8px;position:absolute;left:0;top:50%;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:ew-resize}.screenshots-canvas-point-left-top{width:8px;height:8px;position:absolute;left:0;top:0;background-color:#39f;border-radius:50%;transform:translate(-50%,-50%);cursor:nwse-resize}.screenshots-option{position:absolute;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,Segoe UI Symbol,noto color emoji}.screenshots-option,.screenshots-option *{box-sizing:border-box;user-select:none}.screenshots-option-container{height:34px;padding:3px;border-radius:2px;border:1px solid #ddd;background-color:#fff}.screenshots-option-arrow{position:absolute;border:6px solid transparent}.screenshots-option[data-placement=top]{transform:translate(-50%,-11px)}.screenshots-option[data-placement=top] .screenshots-option-arrow{transform:translate(-50%,-1px);border-top-color:#fff;top:100%;left:50%}.screenshots-option[data-placement=bottom]{transform:translate(-50%,11px)}.screenshots-option[data-placement=bottom] .screenshots-option-arrow{transform:translate(-50%,1px);border-bottom-color:#fff;bottom:100%;left:50%}.screenshots-button{width:26px;height:26px;line-height:26px;color:#555;font-size:18px;text-align:center;margin:0 3px;vertical-align:middle;cursor:pointer}.screenshots-button-checked,.screenshots-button:hover{background-color:#eee;outline:1px solid #777}.screenshots-button-disabled{color:#ccc;cursor:not-allowed}.screenshots-button-disabled:hover{background-color:#fff;outline:none}.screenshots-size{height:24px;display:flex;align-items:center}.screenshots-size-item{width:24px;height:24px;position:relative;margin:0 3px;cursor:pointer}.screenshots-size-pointer{background-color:#555;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screenshots-size-active>.screenshots-size-pointer{background-color:#39f}.screenshots-color{height:24px;display:flex;align-items:center}.screenshots-color-item{border:1px solid #777;width:24px;height:24px;cursor:pointer;position:relative;margin:0 3px}.screenshots-color-item:before{content:"";display:none;position:absolute;right:0;bottom:0;width:10px;height:10px;background-color:#333}.screenshots-color-item:after{content:"";display:none;width:8px;height:4px;position:absolute;right:5px;bottom:5px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:translate(5px,2px) rotate(-45deg) scale(.8)}.screenshots-color-active:before,.screenshots-color-active:after{display:block}.screenshots-sizecolor{height:24px;display:flex;align-items:center}.screenshots-textarea{box-sizing:border-box;position:absolute;margin:0;padding:0;background-color:transparent;border:2px solid #39f;resize:none;outline:none;white-space:nowrap;word-break:break-all;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,Segoe UI Symbol,noto color emoji;text-align:left}.screenshots-operations{position:absolute}.screenshots-operations-buttons{display:flex;align-items:center;padding:3px;border-radius:2px;border:1px solid #ddd;background-color:#fff;overflow:hidden}.screenshots-operations-divider{background-color:#ddd;width:1px;height:26px;margin:0 3px}.screenshots{position:relative;transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,Segoe UI Symbol,noto color emoji}.screenshots,.screenshots *{box-sizing:border-box;user-select:none}@font-face{font-family:screenshots-icon;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff"),url(data:font/ttf;base64,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aW9uIDEuMHNjcmVlbnNob3RzLWljb25HZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AHMAYwByAGUAZQBuAHMAaABvAHQAcwAtAGkAYwBvAG4AUgBlAGcAdQBsAGEAcgBzAGMAcgBlAGUAbgBzAGgAbwB0AHMALQBpAGMAbwBuAHMAYwByAGUAZQBuAHMAaABvAHQAcwAtAGkAYwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAHMAYwByAGUAZQBuAHMAaABvAHQAcwAtAGkAYwBvAG4ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0ABWFycm93BHNhdmUGbW9zYWljBHJlZG8EdW5kbwdlbGxpcHNlCXJlY3RhbmdsZQR0ZXh0BmNhbmNlbAJvawVicnVzaAAA) format("truetype")}[class^=icon-],[class*=" icon-"]{font-family:screenshots-icon!important;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ok:before{content:"\e001"}.icon-cancel:before{content:"\e002"}.icon-save:before{content:"\e003"}.icon-redo:before{content:"\e004"}.icon-undo:before{content:"\e005"}.icon-mosaic:before{content:"\e006"}.icon-text:before{content:"\e007"}.icon-brush:before{content:"\e008"}.icon-arrow:before{content:"\e009"}.icon-ellipse:before{content:"\e00a"}.icon-rectangle:before{content:"\e00b"}

package/lib/types/Screenshots/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { Lang } from '../zh_CN';
+import '../icons/iconfont.less';
+import './screenshots.less';
+export interface ScreenshotsProps {
+    url?: string;
+    width: number;
+    height: number;
+    lang?: Partial<Lang>;
+    className?: string;
+    [key: string]: unknown;
+}
+export default function Screenshots({ url, width, height, lang, className, ...props }: ScreenshotsProps): ReactElement;

package/lib/types/ScreenshotsBackground/getBoundsByPoints.d.ts

@@ -0,0 +1,2 @@
+import { Point, Bounds } from '../types';
+export default function getBoundsByPoints({ x: x1, y: y1 }: Point, { x: x2, y: y2 }: Point, width: number, height: number): Bounds;

package/lib/types/ScreenshotsBackground/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import './index.less';
+export default function ScreenshotsBackground(): ReactElement | null;

package/lib/types/ScreenshotsButton/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement, ReactNode } from 'react';
+import './index.less';
+export interface ScreenshotsButtonProps {
+    title: string;
+    icon: string;
+    checked?: boolean;
+    disabled?: boolean;
+    option?: ReactNode;
+    onClick?: (e: PointerEvent) => unknown;
+}
+export default function ScreenshotsButton({ title, icon, checked, disabled, option, onClick }: ScreenshotsButtonProps): ReactElement;

package/lib/types/ScreenshotsCanvas/getBoundsByPoints.d.ts

@@ -0,0 +1,2 @@
+import { Bounds, Point } from '../types';
+export default function getBoundsByPoints({ x: x1, y: y1 }: Point, { x: x2, y: y2 }: Point, bounds: Bounds, width: number, height: number, resizeOrMove: string): Bounds;

package/lib/types/ScreenshotsCanvas/getPoints.d.ts

@@ -0,0 +1,2 @@
+import { Point, Bounds } from '../types';
+export default function getBoundsByPoints(e: MouseEvent, resizeOrMove: string, point: Point, bounds: Bounds): Point[];

package/lib/types/ScreenshotsCanvas/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+export declare enum ResizePoints {
+    ResizeTop = "top",
+    ResizetopRight = "top-right",
+    ResizeRight = "right",
+    ResizeRightBottom = "right-bottom",
+    ResizeBottom = "bottom",
+    ResizeBottomLeft = "bottom-left",
+    ResizeLeft = "left",
+    ResizeLeftTop = "left-top",
+    Move = "move"
+}
+declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<CanvasRenderingContext2D>>;
+export default _default;

package/lib/types/ScreenshotsCanvas/isPointInDraw.d.ts

@@ -0,0 +1,2 @@
+import { Bounds, History } from '../types';
+export default function isPointInDraw(bounds: Bounds, canvas: HTMLCanvasElement | null, history: History, e: MouseEvent): false | import("../types").HistoryItem<any, any> | undefined;

package/lib/types/ScreenshotsColor/index.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import './index.less';
+export interface ColorProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+export default function ScreenshotsColor({ value, onChange }: ColorProps): ReactElement;

package/lib/types/ScreenshotsContext.d.ts

@@ -0,0 +1,29 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { EmiterRef, History, Bounds, CanvasContextRef } from './types';
+import { Lang } from './zh_CN';
+export interface ScreenshotsContextStore {
+    url?: string;
+    image: HTMLImageElement | null;
+    width: number;
+    height: number;
+    lang: Lang;
+    emiterRef: EmiterRef;
+    canvasContextRef: CanvasContextRef;
+    history: History;
+    bounds: Bounds | null;
+    cursor?: string;
+    operation?: string;
+}
+export interface ScreenshotsContextDispatcher {
+    call?: <T>(funcName: string, ...args: T[]) => void;
+    setHistory?: Dispatch<SetStateAction<History>>;
+    setBounds?: Dispatch<SetStateAction<Bounds | null>>;
+    setCursor?: Dispatch<SetStateAction<string | undefined>>;
+    setOperation?: Dispatch<SetStateAction<string | undefined>>;
+}
+export interface ScreenshotsContextValue {
+    store: ScreenshotsContextStore;
+    dispatcher: ScreenshotsContextDispatcher;
+}
+declare const _default: React.Context<ScreenshotsContextValue>;
+export default _default;

package/lib/types/ScreenshotsMagnifier/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './index.less';
+export interface ScreenshotsMagnifierProps {
+    x: number;
+    y: number;
+}
+export default function ScreenshotsMagnifier({ x, y }: ScreenshotsMagnifierProps): JSX.Element;

package/lib/types/ScreenshotsOperations/index.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactElement } from 'react';
+import './index.less';
+import { Bounds } from '../types';
+export declare const ScreenshotsOperationsCtx: React.Context<Bounds | null>;
+export default function ScreenshotsOperations(): ReactElement | null;

package/lib/types/ScreenshotsOption/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import { Point } from '../types';
+import './index.less';
+export interface ScreenshotsOptionProps {
+    open?: boolean;
+    content?: ReactNode;
+    children: ReactElement;
+}
+export declare type Position = Point;
+export declare enum Placement {
+    Bottom = "bottom",
+    Top = "top"
+}
+export default function ScreenshotsOption({ open, content, children }: ScreenshotsOptionProps): ReactElement;

package/lib/types/ScreenshotsSize/index.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import './index.less';
+export interface SizeProps {
+    value: number;
+    onChange: (value: number) => void;
+}
+export default function ScreenshotsSize({ value, onChange }: SizeProps): ReactElement;

package/lib/types/ScreenshotsSizeColor/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import './index.less';
+export interface SizeColorProps {
+    size: number;
+    color: string;
+    onSizeChange: (value: number) => void;
+    onColorChange: (value: string) => void;
+}
+export default function ScreenshotsSizeColor({ size, color, onSizeChange, onColorChange }: SizeColorProps): ReactElement;

package/lib/types/ScreenshotsTextarea/calculateNodeSize.d.ts

@@ -0,0 +1,17 @@
+export interface SizeInfo {
+    sizingStyle: string;
+    paddingSize: number;
+    borderSize: number;
+    boxSizing: string;
+}
+export interface Size {
+    width: number;
+    height: number;
+}
+export declare function getComputedSizeInfo(node: HTMLElement): {
+    sizingStyle: string;
+    paddingSize: number;
+    borderSize: number;
+    boxSizing: string;
+};
+export default function calculateNodeSize(textarea: HTMLTextAreaElement, value: string, maxWidth: number, maxHeight: number): Size;

package/lib/types/ScreenshotsTextarea/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, FocusEvent } from 'react';
+import './index.less';
+export interface TextInputProps {
+    x: number;
+    y: number;
+    maxWidth: number;
+    maxHeight: number;
+    size: number;
+    color: string;
+    value: string;
+    onChange: (value: string) => unknown;
+    onBlur: (e: FocusEvent<HTMLTextAreaElement>) => unknown;
+}
+export default function ScreenshotsTextarea({ x, y, maxWidth, maxHeight, size, color, value, onChange, onBlur }: TextInputProps): ReactElement;

package/lib/types/dpr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: number;
+export default _default;

package/lib/types/exports.d.ts

@@ -0,0 +1,3 @@
+export { Bounds } from './types';
+export { Lang } from './zh_CN';
+export { default, ScreenshotsProps } from './Screenshots';

package/lib/types/hooks/useBounds.d.ts

@@ -0,0 +1,7 @@
+import { Bounds } from '../types';
+export interface BoundsDispatcher {
+    set: (bounds: Bounds) => void;
+    reset: () => void;
+}
+export declare type BoundsValueDispatcher = [Bounds | null, BoundsDispatcher];
+export default function useBounds(): BoundsValueDispatcher;

package/lib/types/hooks/useCall.d.ts

@@ -0,0 +1,2 @@
+export declare type CallDispatcher = <T extends unknown[]>(funcName: string, ...args: T) => void;
+export default function useCall(): CallDispatcher;

package/lib/types/hooks/useCanvasContextRef.d.ts

@@ -0,0 +1,2 @@
+import { CanvasContextRef } from '../types';
+export default function useCanvasContextRef(): CanvasContextRef;

package/lib/types/hooks/useCanvasMousedown.d.ts

@@ -0,0 +1 @@
+export default function useCanvasMousedown(onMousedown: (e: MouseEvent) => unknown): void;

package/lib/types/hooks/useCanvasMousemove.d.ts

@@ -0,0 +1 @@
+export default function useCanvasMousemove(onMousemove: (e: MouseEvent) => unknown): void;

package/lib/types/hooks/useCanvasMouseup.d.ts

@@ -0,0 +1 @@
+export default function useCanvasMouseup(onMouseup: (e: MouseEvent) => unknown): void;

package/lib/types/hooks/useCursor.d.ts

@@ -0,0 +1,6 @@
+export interface CursorDispatcher {
+    set: (cursor: string) => void;
+    reset: () => void;
+}
+export declare type CursorValueDispatcher = [string | undefined, CursorDispatcher];
+export default function useCursor(): CursorValueDispatcher;

package/lib/types/hooks/useDispatcher.d.ts

@@ -0,0 +1,2 @@
+import { ScreenshotsContextDispatcher } from '../ScreenshotsContext';
+export default function useDispatcher(): ScreenshotsContextDispatcher;

package/lib/types/hooks/useDrawSelect.d.ts

@@ -0,0 +1,2 @@
+import { HistoryItemSource } from '../types';
+export default function useDrawSelect(onDrawSelect: (action: HistoryItemSource<unknown, unknown>, e: MouseEvent) => unknown): void;

package/lib/types/hooks/useEmiter.d.ts

@@ -0,0 +1,8 @@
+import { EmiterListener } from '../types';
+export interface EmiterDispatcher {
+    on: (event: string, listener: EmiterListener) => void;
+    off: (event: string, listener: EmiterListener) => void;
+    emit: (event: string, ...args: unknown[]) => void;
+    reset: () => void;
+}
+export default function useEmiter(): EmiterDispatcher;

package/lib/types/hooks/useHistory.d.ts

@@ -0,0 +1,16 @@
+import { History, HistoryItem } from '../types';
+export interface HistoryValue extends History {
+    top?: HistoryItem<unknown, unknown>;
+}
+export interface HistoryDispatcher {
+    push: <S, E>(action: HistoryItem<S, E>) => void;
+    pop: () => void;
+    undo: () => void;
+    redo: () => void;
+    set: (history: History) => void;
+    select: <S, E>(action: HistoryItem<S, E>) => void;
+    clearSelect: () => void;
+    reset: () => void;
+}
+export declare type HistoryValueDispatcher = [HistoryValue, HistoryDispatcher];
+export default function useHistory(): HistoryValueDispatcher;

package/lib/types/hooks/useLang.d.ts

@@ -0,0 +1,2 @@
+import { Lang } from '../zh_CN';
+export default function useLang(): Lang;

package/lib/types/hooks/useOperation.d.ts

@@ -0,0 +1,6 @@
+export interface OperationDispatcher {
+    set: (operation: string) => void;
+    reset: () => void;
+}
+export declare type OperationValueDispatcher = [string | undefined, OperationDispatcher];
+export default function useOperation(): OperationValueDispatcher;

package/lib/types/hooks/useReset.d.ts

@@ -0,0 +1,2 @@
+export declare type ResetDispatcher = () => void;
+export default function useReset(): ResetDispatcher;

package/lib/types/hooks/useStore.d.ts

@@ -0,0 +1,2 @@
+import { ScreenshotsContextStore } from '../ScreenshotsContext';
+export default function useStore(): ScreenshotsContextStore;

package/lib/types/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import './screenshots.less';
+import './icons/iconfont.less';
+import { Lang } from './zh_CN';
+export interface ScreenshotsProps {
+    url?: string;
+    width: number;
+    height: number;
+    lang?: Partial<Lang>;
+    className?: string;
+    [key: string]: unknown;
+}
+export default function Screenshots({ url, width, height, lang, className, ...props }: ScreenshotsProps): ReactElement;

package/lib/types/operations/Arrow/draw.d.ts

@@ -0,0 +1,11 @@
+import { ArrowData, ArrowEditData } from '.';
+import { HistoryItemSource } from '../../types';
+export declare function getEditedArrowData(action: HistoryItemSource<ArrowData, ArrowEditData>): {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+    size: number;
+    color: string;
+};
+export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<ArrowData, ArrowEditData>): void;

package/lib/types/operations/Arrow/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+export interface ArrowData {
+    size: number;
+    color: string;
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+}
+export declare enum ArrowEditType {
+    Move = 0,
+    MoveStart = 1,
+    MoveEnd = 2
+}
+export interface ArrowEditData {
+    type: ArrowEditType;
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+}
+export default function Arrow(): ReactElement;

package/lib/types/operations/Brush/draw.d.ts

@@ -0,0 +1,3 @@
+import { BrushData, BrushEditData } from '.';
+import { HistoryItemSource } from '../../types';
+export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<BrushData, BrushEditData>): void;

package/lib/types/operations/Brush/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { Point } from '../../types';
+export interface BrushData {
+    size: number;
+    color: string;
+    points: Point[];
+}
+export interface BrushEditData {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export default function Brush(): ReactElement;

package/lib/types/operations/Cancel/index.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function Cancel(): ReactElement;

package/lib/types/operations/Ellipse/draw.d.ts

@@ -0,0 +1,11 @@
+import { EllipseData, EllipseEditData } from '.';
+import { HistoryItemSource } from '../../types';
+export declare function getEditedEllipseData(action: HistoryItemSource<EllipseData, EllipseEditData>): {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+    size: number;
+    color: string;
+};
+export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<EllipseData, EllipseEditData>): void;

package/lib/types/operations/Ellipse/index.d.ts

@@ -0,0 +1,28 @@
+import { ReactElement } from 'react';
+export interface EllipseData {
+    size: number;
+    color: string;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export declare enum EllipseEditType {
+    Move = 0,
+    ResizeTop = 1,
+    ResizeRightTop = 2,
+    ResizeRight = 3,
+    ResizeRightBottom = 4,
+    ResizeBottom = 5,
+    ResizeLeftBottom = 6,
+    ResizeLeft = 7,
+    ResizeLeftTop = 8
+}
+export interface EllipseEditData {
+    type: EllipseEditType;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export default function Ellipse(): ReactElement;

package/lib/types/operations/Mosaic/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+export interface MosaicTile {
+    x: number;
+    y: number;
+    color: number[];
+}
+export interface MosaicData {
+    size: number;
+    tiles: MosaicTile[];
+}
+export default function Mosaic(): ReactElement;

package/lib/types/operations/Ok/index.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function Ok(): ReactElement;

package/lib/types/operations/Rectangle/draw.d.ts

@@ -0,0 +1,11 @@
+import { RectangleData, RectangleEditData } from '.';
+import { HistoryItemSource } from '../../types';
+export declare function getEditedRectangleData(action: HistoryItemSource<RectangleData, RectangleEditData>): {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+    size: number;
+    color: string;
+};
+export default function draw(ctx: CanvasRenderingContext2D, action: HistoryItemSource<RectangleData, RectangleEditData>): void;

package/lib/types/operations/Rectangle/index.d.ts

@@ -0,0 +1,28 @@
+import { ReactElement } from 'react';
+export interface RectangleData {
+    size: number;
+    color: string;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export declare enum RectangleEditType {
+    Move = 0,
+    ResizeTop = 1,
+    ResizeRightTop = 2,
+    ResizeRight = 3,
+    ResizeRightBottom = 4,
+    ResizeBottom = 5,
+    ResizeLeftBottom = 6,
+    ResizeLeft = 7,
+    ResizeLeftTop = 8
+}
+export interface RectangleEditData {
+    type: RectangleEditType;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export default function Rectangle(): ReactElement;

package/lib/types/operations/Redo/index.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function Redo(): ReactElement;

package/lib/types/operations/Save/index.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function Save(): ReactElement;

package/lib/types/operations/Text/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+export interface TextData {
+    size: number;
+    color: string;
+    fontFamily: string;
+    x: number;
+    y: number;
+    text: string;
+}
+export interface TextEditData {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+}
+export interface TextareaBounds {
+    x: number;
+    y: number;
+    maxWidth: number;
+    maxHeight: number;
+}
+export default function Text(): ReactElement;

package/lib/types/operations/Undo/index.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export default function Undo(): ReactElement;

package/lib/types/operations/index.d.ts

@@ -0,0 +1,3 @@
+import Rectangle from './Rectangle';
+declare const _default: (string | typeof Rectangle)[];
+export default _default;

package/lib/types/operations/utils.d.ts

@@ -0,0 +1,4 @@
+import { HistoryItemSource, Point } from '../types';
+export declare function drawDragCircle(ctx: CanvasRenderingContext2D, x: number, y: number): void;
+export declare function isHit<S, E>(ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>, point: Point): boolean;
+export declare function isHitCircle(canvas: HTMLCanvasElement | null, e: MouseEvent, point: Point): boolean;

package/lib/types/types.d.ts

@@ -0,0 +1,39 @@
+import { MutableRefObject } from 'react';
+export declare type CanvasContextRef = MutableRefObject<CanvasRenderingContext2D | null>;
+export declare type EmiterListener = (...args: any) => unknown;
+export declare type Emiter = Record<string, EmiterListener[]>;
+export declare type EmiterRef = MutableRefObject<Emiter>;
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare enum HistoryItemType {
+    Edit = 0,
+    Source = 1
+}
+export interface HistoryItemEdit<E, S> {
+    type: HistoryItemType.Edit;
+    data: E;
+    source: HistoryItemSource<S, E>;
+}
+export interface HistoryItemSource<S, E> {
+    name: string;
+    type: HistoryItemType.Source;
+    data: S;
+    isSelected?: boolean;
+    editHistory: HistoryItemEdit<E, S>[];
+    draw: (ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>) => void;
+    isHit?: (ctx: CanvasRenderingContext2D, action: HistoryItemSource<S, E>, point: Point) => boolean;
+}
+export declare type HistoryItem<S, E> = HistoryItemEdit<E, S> | HistoryItemSource<S, E>;
+export interface History {
+    index: number;
+    stack: HistoryItem<any, any>[];
+}
+export interface Bounds {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare type Position = Point;

package/lib/types/useGetLoadedImage.d.ts

@@ -0,0 +1 @@
+export default function useGetLoadedImage(url?: string): HTMLImageElement | null;

package/lib/types/zh_CN.d.ts

@@ -0,0 +1,16 @@
+export interface Lang {
+    magnifier_position_label: string;
+    operation_ok_title: string;
+    operation_cancel_title: string;
+    operation_save_title: string;
+    operation_redo_title: string;
+    operation_undo_title: string;
+    operation_mosaic_title: string;
+    operation_text_title: string;
+    operation_brush_title: string;
+    operation_arrow_title: string;
+    operation_ellipse_title: string;
+    operation_rectangle_title: string;
+}
+declare const zhCN: Lang;
+export default zhCN;