@idraw/util 0.2.0-y.0 → 0.3.0-alpha.0

package/dist/index.d.ts

@@ -1,77 +1,222 @@
-declare function compose(middleware: Middleware[]): (context: any, next?: Middleware) => any;
+import { TypeBoardSizeOptions } from '@idraw/types';
+import { TypeContext } from '@idraw/types';
 
-declare function createUUID(): string;
+declare function angle(value: any): boolean;
 
-declare function deepClone(target: any): any;
+declare function attrs(attrs: any): boolean;
 
-declare const _default: {
-    time: {
-        delay: typeof delay;
-        compose: typeof compose;
-        throttle: typeof throttle;
-    };
-    loader: {
-        loadImage: typeof loadImage;
-        loadSVG: typeof loadSVG;
-        loadHTML: typeof loadHTML;
-    };
-    file: {
-        downloadImageFromCanvas: typeof downloadImageFromCanvas;
-    };
-    color: {
-        toColorHexStr: typeof toColorHexStr;
-        toColorHexNum: typeof toColorHexNum;
-        isColorStr: typeof isColorStr;
-    };
-    uuid: {
-        createUUID: typeof createUUID;
-    };
-    istype: {
-        type(data: any, lowerCase?: boolean | undefined): string;
-        array(data: any): boolean;
-        json(data: any): boolean;
-        function(data: any): boolean;
-        asyncFunction(data: any): boolean;
-        string(data: any): boolean;
-        number(data: any): boolean;
-        undefined(data: any): boolean;
-        null(data: any): boolean;
-        promise(data: any): boolean;
-        nodeList(data: any): boolean;
-        imageData(data: any): boolean;
+declare function borderRadius(value: any): boolean;
+
+declare function borderWidth(value: any): boolean;
+
+export declare const check: {
+    attrs: typeof attrs;
+    textDesc: typeof textDesc;
+    rectDesc: typeof rectDesc;
+    circleDesc: typeof circleDesc;
+    imageDesc: typeof imageDesc;
+    svgDesc: typeof svgDesc;
+    htmlDesc: typeof htmlDesc;
+};
+
+declare function circleDesc(desc: any): boolean;
+
+declare function color(value: any): boolean;
+
+export declare function compose(middleware: Middleware[]): (context: any, next?: Middleware) => any;
+
+export declare class Context implements TypeContext {
+    private _opts;
+    private _ctx;
+    private _transform;
+    constructor(ctx: CanvasRenderingContext2D, opts: Options);
+    getContext(): CanvasRenderingContext2D;
+    resetSize(opts: TypeBoardSizeOptions): void;
+    calcDeviceNum(num: number): number;
+    calcScreenNum(num: number): number;
+    getSize(): {
+        width: number;
+        height: number;
+        contextWidth: number;
+        contextHeight: number;
+        devicePixelRatio: number;
     };
-    data: {
-        deepClone: typeof deepClone;
+    setTransform(config: Transform): void;
+    getTransform(): {
+        scale: number;
+        scrollX: number;
+        scrollY: number;
     };
-};
-export default _default;
+    setFillStyle(color: string | CanvasPattern | CanvasGradient): void;
+    fill(fillRule?: CanvasFillRule | undefined): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean | undefined): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    fillRect(x: number, y: number, w: number, h: number): void;
+    clearRect(x: number, y: number, w: number, h: number): void;
+    beginPath(): void;
+    closePath(): void;
+    lineTo(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    setLineWidth(w: number): number;
+    setLineDash(nums: number[]): void;
+    isPointInPath(x: number, y: number): boolean;
+    isPointInPathWithoutScroll(x: number, y: number): boolean;
+    setStrokeStyle(color: string): void;
+    stroke(): void;
+    translate(x: number, y: number): void;
+    rotate(angle: number): void;
+    drawImage(...args: any[]): void;
+    createPattern(image: CanvasImageSource, repetition: string | null): CanvasPattern | null;
+    measureText(text: string): TextMetrics;
+    setTextAlign(align: CanvasTextAlign): void;
+    fillText(text: string, x: number, y: number, maxWidth?: number | undefined): void;
+    strokeText(text: string, x: number, y: number, maxWidth?: number | undefined): void;
+    setFont(opts: {
+        fontSize: number;
+        fontFamily?: string;
+        fontWeight?: 'bold';
+    }): void;
+    setTextBaseline(baseline: CanvasTextBaseline): void;
+    setGlobalAlpha(alpha: number): void;
+    save(): void;
+    restore(): void;
+    scale(ratioX: number, ratioY: number): void;
+    setShadowColor(color: string): void;
+    setShadowOffsetX(offsetX: number): void;
+    setShadowOffsetY(offsetY: number): void;
+    setShadowBlur(blur: number): void;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean | undefined): void;
+    private _doSize;
+    private _doX;
+    private _doY;
+}
+
+export declare function createUUID(): string;
+
+export declare function deepClone(target: any): any;
 
-declare function delay(time: number): Promise<void>;
+export declare function delay(time: number): Promise<void>;
 
-declare function downloadImageFromCanvas(canvas: HTMLCanvasElement, opts: {
+export declare function downloadImageFromCanvas(canvas: HTMLCanvasElement, opts: {
     filename: string;
     type: ImageType;
 }): void;
 
+declare function fontFamily(value: any): boolean;
+
+declare function fontSize(value: any): boolean;
+
+declare function fontWeight(value: any): boolean;
+
+declare function h(value: any): boolean;
+
+declare function html(value: any): boolean;
+
+declare function htmlDesc(desc: any): boolean;
+
+declare function imageBase64(value: any): boolean;
+
+declare function imageDesc(desc: any): boolean;
+
+declare function imageSrc(value: any): boolean;
+
 declare type ImageType = 'image/jpeg' | 'image/png';
 
-declare function isColorStr(color?: string): boolean;
+declare function imageURL(value: any): boolean;
 
-declare function loadHTML(html: string, opts: {
+export declare const is: {
+    x: typeof x;
+    y: typeof y;
+    w: typeof w;
+    h: typeof h;
+    angle: typeof angle;
+    number: typeof number;
+    borderWidth: typeof borderWidth;
+    borderRadius: typeof borderRadius;
+    color: typeof color;
+    imageSrc: typeof imageSrc;
+    imageURL: typeof imageURL;
+    imageBase64: typeof imageBase64;
+    svg: typeof svg;
+    html: typeof html;
+    text: typeof text;
+    fontSize: typeof fontSize;
+    lineHeight: typeof lineHeight;
+    textAlign: typeof textAlign;
+    fontFamily: typeof fontFamily;
+    fontWeight: typeof fontWeight;
+    strokeWidth: typeof strokeWidth;
+};
+
+export declare function isColorStr(color?: string): boolean;
+
+export declare const istype: {
+    type(data: any, lowerCase?: boolean | undefined): string;
+    array(data: any): boolean;
+    json(data: any): boolean;
+    function(data: any): boolean;
+    asyncFunction(data: any): boolean;
+    string(data: any): boolean;
+    number(data: any): boolean;
+    undefined(data: any): boolean;
+    null(data: any): boolean;
+    promise(data: any): boolean;
+};
+
+declare function lineHeight(value: any): boolean;
+
+export declare function loadHTML(html: string, opts: {
     width: number;
     height: number;
 }): Promise<HTMLImageElement>;
 
-declare function loadImage(src: string): Promise<HTMLImageElement>;
+export declare function loadImage(src: string): Promise<HTMLImageElement>;
 
-declare function loadSVG(svg: string): Promise<HTMLImageElement>;
+export declare function loadSVG(svg: string): Promise<HTMLImageElement>;
 
 declare type Middleware = (ctx: any, next: Middleware) => any;
 
-declare function throttle(fn: (...args: any[]) => any, timeout: number): (...args: any[]) => any;
+declare function number(value: any): boolean;
+
+declare type Options = {
+    width: number;
+    height: number;
+    contextWidth: number;
+    contextHeight: number;
+    devicePixelRatio: number;
+};
+
+declare function rectDesc(desc: any): boolean;
+
+declare function strokeWidth(value: any): boolean;
+
+declare function svg(value: any): boolean;
+
+declare function svgDesc(desc: any): boolean;
+
+declare function text(value: any): boolean;
+
+declare function textAlign(value: any): boolean;
+
+declare function textDesc(desc: any): boolean;
+
+export declare function throttle(fn: (...args: any[]) => any, timeout: number): (...args: any[]) => any;
+
+export declare function toColorHexNum(color: string): number;
+
+export declare function toColorHexStr(color: number): string;
+
+declare type Transform = {
+    scale?: number;
+    scrollX?: number;
+    scrollY?: number;
+};
+
+declare function w(value: any): boolean;
 
-declare function toColorHexNum(color: string): number;
+declare function x(value: any): boolean;
 
-declare function toColorHexStr(color: number): string;
+declare function y(value: any): boolean;
 
 export { }