@leafer-ui/display 1.0.0-rc.3 → 1.0.0-rc.30

package/types/index.d.ts

@@ -1,108 +1,261 @@
-import { __String, __Number, __Boolean, IAround, IHitType, ICursorType, IPointData, IPathCommandData, IPathString, ILeaferCanvas, IPathDrawer, IExportFileType, IRenderOptions, ILeaferImage, ICanvasContext2D, IWindingRule } from '@leafer/interface';
-import { Leaf } from '@leafer/core';
-import { IUI, IUIData, IGroup, IBlendMode, IPaint, IPaintString, IStrokeAlign, IStrokeWidthString, IStrokeCap, IStrokeJoin, IDashPatternString, ICornerRadiusString, IShadowEffect, IShadowString, IBlurEffect, IGrayscaleEffect, IUIBaseInputData, IUIInputData, IExportOptions, IExportResult, IGroupData, IGroupInputData, IBox, IBoxData, IOverflow, IBoxInputData, IFrame, IFrameData, IFrameInputData, IRect, IRectData, IRectInputData, IEllipse, IEllipseData, IEllipseInputData, IPolygon, IPolygonData, IPolygonInputData, IStar, IStarData, IStarInputData, ILine, ILineData, ILineInputData, IImage, IImageData, IImageInputData, ICanvas, ICanvasData, ICanvasInputData, IText, ITextData, IFontWeight, ITextCase, ITextDecoration, IUnitData, ITextAlign, IVerticalAlign, ITextDrawData, ITextInputData, IPath, IPathData, IPathString as IPathString$1, IPathInputData, IPen, IPenData, IPathCommandData as IPathCommandData$1, IPenInputData } from '@leafer-ui/interface';
+import { IString, INumber, IBoolean, IMaskType, IEraserType, IAlign, IUnitPointData, IPathCommandData, IPathString, IWindingRule, IFlowType, IFourNumber, IGap, IPointGap, IFlowAlign, IFlowAxisAlign, IFlowWrap, IFlowBoxType, IAutoSize, IAutoBoxData, IConstraint, IRangeSize, IAxis, IBoundsData, IHitType, ICursorType, IObject, IPointData, IPathCreator, IValue, IFindCondition, ILeaferCanvas, IPathDrawer, IExportFileType, IJSONOptions, IPickOptions, IPickResult, IRenderer, IWatcher, ILayouter, ISelector, IInteraction, ICanvasManager, IHitCanvasManager, ILeaferConfig, IAutoBounds, IBounds, IEventListenerId, ITimer, IControl, ILeaferType, IScreenSizeData, IResizeEvent, IZoomType, IClientPointData, IRenderOptions, ILeaferImage, ICanvasContext2DSettings, ICanvasContext2D, IUnitData } from '@leafer/interface';
+import { Leaf, LeafList } from '@leafer/core';
+import { IUI, IUIData, IUIInputData, ILeafer, IGroup, IBlendMode, IFill, IStroke, IStrokeAlign, IStrokeWidthString, IStrokeCap, IStrokeJoin, IDashPatternString, IArrowType, ICornerRadiusString, IShadowEffect, IShadowString, IBlurEffect, IGrayscaleEffect, IEditorConfig, IFindUIMethod, IExportOptions, IExportResult, IEditorConfigFunction, IEditToolFunction, IGroupData, IGroupInputData, IUIJSONData, ILeaferData, IApp, IEditorBase, IFunction, ILeaferInputData, IBox, IBoxData, IOverflow, IBoxInputData, IFrame, IFrameData, IFrameInputData, IRect, IRectData, IRectInputData, IEllipse, IEllipseData, IEllipseInputData, IPolygon, IPolygonData, IPolygonInputData, IStar, IStarData, IStarInputData, ILine, ILineData, ILineInputData, IImage, IImageData, IImageInputData, ICanvas, ICanvasData, ICanvasInputData, IText, ITextData, IHitType as IHitType$1, IFontWeight, ITextCase, ITextDecoration, ITextAlign, IVerticalAlign, ITextWrap, ITextDrawData, ITextInputData, IPath, IPathData, IPathInputData, IPen, IPenData, IPathCommandData as IPathCommandData$1, IPenInputData } from '@leafer-ui/interface';
 
 declare class UI extends Leaf implements IUI {
     __: IUIData;
+    proxyData?: IUIInputData;
+    __proxyData?: IUIInputData;
+    get app(): ILeafer;
+    leafer?: ILeafer;
     parent?: IGroup;
-    id: __String;
-    name: __String;
-    className: __String;
-    blendMode: IBlendMode;
-    opacity: __Number;
-    visible: __Boolean;
-    isMask: __Boolean;
-    isEraser?: __Boolean;
-    zIndex: __Number;
-    locked: __Boolean;
-    x: __Number;
-    y: __Number;
-    width: __Number;
-    height: __Number;
-    scaleX: __Number;
-    scaleY: __Number;
-    rotation: __Number;
-    skewX: __Number;
-    skewY: __Number;
-    around: IAround;
-    draggable: __Boolean;
-    hittable: __Boolean;
-    hitFill: IHitType;
-    hitStroke: IHitType;
-    hitChildren: __Boolean;
-    hitSelf: __Boolean;
-    hitRadius: __Number;
-    cursor: ICursorType | ICursorType[];
-    fill: IPaint | IPaint[] | IPaintString;
-    stroke: IPaint | IPaint[] | IPaintString;
-    strokeAlign: IStrokeAlign;
-    strokeWidth: number | number[] | IStrokeWidthString;
-    strokeCap: IStrokeCap;
-    strokeJoin: IStrokeJoin;
-    dashPattern: __Number[] | IDashPatternString;
-    dashOffset: __Number;
-    miterLimit: __Number;
-    cornerRadius: number | number[] | ICornerRadiusString;
-    cornerSmoothing: __Number;
-    shadow: IShadowEffect | IShadowEffect[] | IShadowString;
-    innerShadow: IShadowEffect | IShadowEffect[] | IShadowString;
-    blur: __Number | IBlurEffect;
-    backgroundBlur: __Number | IBlurEffect;
-    grayscale: __Number | IGrayscaleEffect;
-    set scale(value: __Number | IPointData);
-    get scale(): __Number | IPointData;
-    constructor(data?: IUIBaseInputData);
+    zoomLayer: IGroup;
+    get isFrame(): boolean;
+    children?: IUI[];
+    id?: IString;
+    name?: IString;
+    className?: IString;
+    blendMode?: IBlendMode;
+    opacity?: INumber;
+    visible?: IBoolean | 0;
+    selected?: IBoolean;
+    disabled?: IBoolean;
+    locked?: IBoolean;
+    zIndex?: INumber;
+    mask?: IBoolean | IMaskType;
+    eraser?: IBoolean | IEraserType;
+    x?: INumber;
+    y?: INumber;
+    width?: INumber;
+    height?: INumber;
+    scaleX?: INumber;
+    scaleY?: INumber;
+    rotation?: INumber;
+    skewX?: INumber;
+    skewY?: INumber;
+    offsetX?: INumber;
+    offsetY?: INumber;
+    scrollX?: INumber;
+    scrollY?: INumber;
+    origin?: IAlign | IUnitPointData;
+    around?: IAlign | IUnitPointData;
+    lazy?: IBoolean;
+    pixelRatio?: INumber;
+    path?: IPathCommandData | IPathString;
+    windingRule?: IWindingRule;
+    closed?: boolean;
+    flow?: IFlowType;
+    padding?: IFourNumber;
+    gap?: IGap | IPointGap;
+    flowAlign?: IFlowAlign | IFlowAxisAlign;
+    flowWrap?: IFlowWrap;
+    itemBox?: IFlowBoxType;
+    inFlow?: IBoolean;
+    autoWidth?: IAutoSize;
+    autoHeight?: IAutoSize;
+    lockRatio?: IBoolean;
+    autoBox?: IAutoBoxData | IConstraint;
+    widthRange?: IRangeSize;
+    heightRange?: IRangeSize;
+    draggable?: IBoolean | IAxis;
+    dragBounds?: IBoundsData | 'parent';
+    editable?: IBoolean;
+    hittable?: IBoolean;
+    hitFill?: IHitType;
+    hitStroke?: IHitType;
+    hitBox?: IBoolean;
+    hitChildren?: IBoolean;
+    hitSelf?: IBoolean;
+    hitRadius?: INumber;
+    cursor?: ICursorType | ICursorType[];
+    fill?: IFill;
+    stroke?: IStroke;
+    strokeAlign?: IStrokeAlign;
+    strokeWidth?: IFourNumber | IStrokeWidthString;
+    strokeWidthFixed?: IBoolean;
+    strokeCap?: IStrokeCap;
+    strokeJoin?: IStrokeJoin;
+    dashPattern?: INumber[] | IDashPatternString;
+    dashOffset?: INumber;
+    miterLimit?: INumber;
+    startArrow?: IArrowType;
+    endArrow?: IArrowType;
+    cornerRadius?: IFourNumber | ICornerRadiusString;
+    cornerSmoothing?: INumber;
+    shadow?: IShadowEffect | IShadowEffect[] | IShadowString;
+    innerShadow?: IShadowEffect | IShadowEffect[] | IShadowString;
+    blur?: INumber | IBlurEffect;
+    backgroundBlur?: INumber | IBlurEffect;
+    grayscale?: INumber | IGrayscaleEffect;
+    normalStyle?: IUIInputData;
+    hoverStyle?: IUIInputData;
+    pressStyle?: IUIInputData;
+    focusStyle?: IUIInputData;
+    selectedStyle?: IUIInputData;
+    disabledStyle?: IUIInputData;
+    data: IObject;
+    set scale(value: INumber | IPointData);
+    get scale(): INumber | IPointData;
+    get pen(): IPathCreator;
+    get editConfig(): IEditorConfig;
+    get editOuter(): string;
+    get editInner(): string;
+    constructor(data?: IUIInputData);
+    reset(_data?: IUIInputData): void;
     set(data: IUIInputData): void;
-    get(): IUIInputData;
-    getPath(curve?: boolean): IPathCommandData;
-    getPathString(curve?: boolean): IPathString;
+    get(name?: string | string[] | IUIInputData): IUIInputData | IValue;
+    createProxyData(): IUIInputData;
+    find(_condition: number | string | IFindCondition | IFindUIMethod, _options?: any): IUI[];
+    findTag(tag: string | string[]): IUI[];
+    findOne(_condition: number | string | IFindCondition | IFindUIMethod, _options?: any): IUI | undefined;
+    findId(id: number | string): IUI | undefined;
+    getPath(curve?: boolean, pathForRender?: boolean): IPathCommandData;
+    getPathString(curve?: boolean, pathForRender?: boolean): IPathString;
+    load(): void;
     __onUpdateSize(): void;
     __updateRenderPath(): void;
     __drawRenderPath(canvas: ILeaferCanvas): void;
     __drawPath(canvas: ILeaferCanvas): void;
-    __drawPathByData(_drawer: IPathDrawer, _data: IPathCommandData): void;
+    __drawPathByData(drawer: IPathDrawer, data: IPathCommandData): void;
+    __drawPathByBox(drawer: IPathDrawer): void;
     export(filename: IExportFileType | string, options?: IExportOptions | number | boolean): Promise<IExportResult>;
     clone(): IUI;
     static one(data: IUIInputData, x?: number, y?: number, width?: number, height?: number): IUI;
+    static registerUI(): void;
+    static registerData(data: IUIData): void;
+    static setEditConfig(_config: IEditorConfig | IEditorConfigFunction): void;
+    static setEditOuter(_toolName: string | IEditToolFunction): void;
+    static setEditInner(_editorName: string | IEditToolFunction): void;
     destroy(): void;
 }
 
 declare class Group extends UI implements IGroup {
     get __tag(): string;
+    get isBranch(): boolean;
     __: IGroupData;
     children: IUI[];
-    get resizeable(): boolean;
-    set mask(child: IUI);
-    get mask(): IUI;
     constructor(data?: IGroupInputData);
+    reset(data?: IGroupInputData): void;
     __setBranch(): void;
     set(data: IUIInputData): void;
-    toJSON(): IUIInputData;
+    toJSON(options?: IJSONOptions): IUIJSONData;
+    pick(_hitPoint: IPointData, _options?: IPickOptions): IPickResult;
     addAt(child: IUI, index: number): void;
     addAfter(child: IUI, after: IUI): void;
-    addBefore(child: UI, before: IUI): void;
+    addBefore(child: IUI, before: IUI): void;
     add(_child: IUI, _index?: number): void;
     addMany(..._children: IUI[]): void;
     remove(_child?: IUI, _destroy?: boolean): void;
     removeAll(_destroy?: boolean): void;
+    clear(): void;
+}
+
+declare class Leafer extends Group implements ILeafer {
+    static list: LeafList;
+    get __tag(): string;
+    __: ILeaferData;
+    pixelRatio?: INumber;
+    get isApp(): boolean;
+    get app(): ILeafer;
+    get isLeafer(): boolean;
+    parent?: IApp;
+    running: boolean;
+    created: boolean;
+    ready: boolean;
+    viewReady: boolean;
+    viewCompleted: boolean;
+    get imageReady(): boolean;
+    get layoutLocked(): boolean;
+    transforming: boolean;
+    view: unknown;
+    canvas: ILeaferCanvas;
+    renderer: IRenderer;
+    watcher: IWatcher;
+    layouter: ILayouter;
+    selector?: ISelector;
+    interaction?: IInteraction;
+    canvasManager: ICanvasManager;
+    hitCanvasManager?: IHitCanvasManager;
+    editor: IEditorBase;
+    userConfig: ILeaferConfig;
+    config: ILeaferConfig;
+    autoLayout?: IAutoBounds;
+    lazyBounds: IBounds;
+    get FPS(): number;
+    get cursorPoint(): IPointData;
+    get clientBounds(): IBoundsData;
+    leafs: number;
+    __eventIds: IEventListenerId[];
+    protected __startTimer: ITimer;
+    protected __controllers: IControl[];
+    protected __initWait: IFunction[];
+    protected __readyWait: IFunction[];
+    protected __viewReadyWait: IFunction[];
+    protected __viewCompletedWait: IFunction[];
+    __nextRenderWait: IFunction[];
+    constructor(userConfig?: ILeaferConfig, data?: ILeaferInputData);
+    init(userConfig?: ILeaferConfig, parentApp?: IApp): void;
+    onInit(): void;
+    initType(_type: ILeaferType): void;
+    set(data: IUIInputData): void;
+    start(): void;
+    stop(): void;
+    unlockLayout(): void;
+    lockLayout(): void;
+    resize(size: IScreenSizeData): void;
+    forceRender(bounds?: IBoundsData): void;
+    updateCursor(cursor?: ICursorType): void;
+    updateLazyBounds(): void;
+    protected __doResize(size: IScreenSizeData): void;
+    protected __onResize(event: IResizeEvent): void;
+    protected __setApp(): void;
+    protected __bindApp(app: IApp): void;
+    __setLeafer(leafer: ILeafer): void;
+    protected __checkAutoLayout(config: ILeaferConfig): void;
+    __setAttr(attrName: string, newValue: IValue): boolean;
+    __getAttr(attrName: string): IValue;
+    protected __changeCanvasSize(attrName: string, newValue: number): void;
+    protected __changeFill(newValue: string): void;
+    protected __onCreated(): void;
+    protected __onReady(): void;
+    protected __onViewReady(): void;
+    protected __onNextRender(): void;
+    protected __checkViewCompleted(emit?: boolean): void;
+    protected __onWatchData(): void;
+    waitInit(item: IFunction, bind?: IObject): void;
+    waitReady(item: IFunction, bind?: IObject): void;
+    waitViewReady(item: IFunction, bind?: IObject): void;
+    waitViewCompleted(item: IFunction, bind?: IObject): void;
+    nextRender(item: IFunction, bind?: IObject, off?: 'off'): void;
+    zoom(_zoomType: IZoomType, _padding?: IFourNumber, _fixedScale?: boolean): IBoundsData;
+    getValidMove(moveX: number, moveY: number): IPointData;
+    getValidScale(changeScale: number): number;
+    getWorldPointByClient(clientPoint: IClientPointData, updateClient?: boolean): IPointData;
+    protected __checkUpdateLayout(): void;
+    protected emitLeafer(type: string): void;
+    protected __listenEvents(): void;
+    protected __removeListenEvents(): void;
+    destroy(sync?: boolean): void;
 }
 
 declare class Box extends Group implements IBox {
     get __tag(): string;
+    get isBranchLeaf(): boolean;
     __: IBoxData;
-    overflow: IOverflow;
-    get resizeable(): boolean;
+    resizeChildren?: IBoolean;
+    overflow?: IOverflow;
+    isOverflow: boolean;
     constructor(data?: IBoxInputData);
     __updateStrokeSpread(): number;
     __updateRectRenderSpread(): number;
     __updateRenderSpread(): number;
+    __updateRectBoxBounds(): void;
     __updateBoxBounds(): void;
     __updateStrokeBounds(): void;
     __updateRenderBounds(): void;
     __updateRectRenderBounds(): void;
     __updateRectChange(): void;
     __updateChange(): void;
-    __drawPathByData(_drawer: IPathDrawer, _data: IPathCommandData): void;
     __renderRect(_canvas: ILeaferCanvas, _options: IRenderOptions): void;
     __renderGroup(_canvas: ILeaferCanvas, _options: IRenderOptions): void;
     __render(canvas: ILeaferCanvas, options: IRenderOptions): void;
@@ -111,8 +264,10 @@ declare class Box extends Group implements IBox {
 
 declare class Frame extends Box implements IFrame {
     get __tag(): string;
+    get isFrame(): boolean;
     __: IFrameData;
-    overflow: IOverflow;
+    fill?: IFill;
+    overflow?: IOverflow;
     constructor(data?: IFrameInputData);
 }
 
@@ -120,15 +275,14 @@ declare class Rect extends UI implements IRect {
     get __tag(): string;
     __: IRectData;
     constructor(data?: IRectInputData);
-    __drawPathByData(drawer: IPathDrawer, _data: IPathCommandData): void;
 }
 
 declare class Ellipse extends UI implements IEllipse {
     get __tag(): string;
     __: IEllipseData;
-    innerRadius: __Number;
-    startAngle: __Number;
-    endAngle: __Number;
+    innerRadius?: INumber;
+    startAngle?: INumber;
+    endAngle?: INumber;
     constructor(data?: IEllipseInputData);
     __updatePath(): void;
 }
@@ -136,10 +290,9 @@ declare class Ellipse extends UI implements IEllipse {
 declare class Polygon extends UI implements IPolygon {
     get __tag(): string;
     __: IPolygonData;
-    sides: number;
-    points: number[];
-    curve: boolean | number;
-    get resizeable(): boolean;
+    sides?: INumber;
+    points?: number[];
+    curve?: boolean | number;
     constructor(data?: IPolygonInputData);
     __updatePath(): void;
     __updateRenderPath(): void;
@@ -149,8 +302,8 @@ declare class Polygon extends UI implements IPolygon {
 declare class Star extends UI implements IStar {
     get __tag(): string;
     __: IStarData;
-    corners: __Number;
-    innerRadius: __Number;
+    corners?: INumber;
+    innerRadius?: INumber;
     constructor(data?: IStarInputData);
     __updatePath(): void;
 }
@@ -158,11 +311,11 @@ declare class Star extends UI implements IStar {
 declare class Line extends UI implements ILine {
     get __tag(): string;
     __: ILineData;
-    strokeAlign: IStrokeAlign;
-    height: __Number;
-    points: number[];
-    curve: boolean | number;
-    get resizeable(): boolean;
+    strokeAlign?: IStrokeAlign;
+    height?: INumber;
+    points?: number[];
+    curve?: boolean | number;
+    closed?: boolean;
     get toPoint(): IPointData;
     set toPoint(value: IPointData);
     constructor(data?: ILineInputData);
@@ -174,24 +327,23 @@ declare class Line extends UI implements ILine {
 declare class Image extends Rect implements IImage {
     get __tag(): string;
     __: IImageData;
-    url: __String;
+    url: IString;
     get ready(): boolean;
-    image: ILeaferImage;
+    image?: ILeaferImage;
     constructor(data?: IImageInputData);
-    __updateBoxBounds(): void;
     destroy(): void;
 }
 
 declare class Canvas extends Rect implements ICanvas {
     get __tag(): string;
     __: ICanvasData;
-    width: __Number;
-    height: __Number;
-    pixelRatio: __Number;
-    smooth: boolean;
-    hitFill: IHitType;
-    canvas: ILeaferCanvas;
-    context: ICanvasContext2D;
+    width?: INumber;
+    height?: INumber;
+    pixelRatio?: INumber;
+    smooth?: boolean;
+    contextSettings?: ICanvasContext2DSettings;
+    canvas?: ILeaferCanvas;
+    context?: ICanvasContext2D;
     constructor(data?: ICanvasInputData);
     draw(ui: IUI, offset?: IPointData, scale?: number | IPointData, rotation?: number): void;
     paint(): void;
@@ -203,24 +355,28 @@ declare class Canvas extends Rect implements ICanvas {
 declare class Text extends UI implements IText {
     get __tag(): string;
     __: ITextData;
-    width: __Number;
-    height: __Number;
-    padding: number | number[];
-    strokeAlign: IStrokeAlign;
-    text: __String;
-    fontFamily: __String;
-    fontSize: __Number;
-    fontWeight: IFontWeight;
-    italic: __Boolean;
-    textCase: ITextCase;
-    textDecoration: ITextDecoration;
-    letterSpacing: __Number | IUnitData;
-    lineHeight: __Number | IUnitData;
-    paraIndent: __Number;
-    paraSpacing: __Number;
-    textAlign: ITextAlign;
-    verticalAlign: IVerticalAlign;
-    textOverflow: IOverflow | string;
+    width?: INumber;
+    height?: INumber;
+    resizeFontSize?: IBoolean;
+    fill?: IFill;
+    strokeAlign?: IStrokeAlign;
+    hitFill?: IHitType$1;
+    text?: IString;
+    fontFamily?: IString;
+    fontSize?: INumber;
+    fontWeight?: IFontWeight;
+    italic?: IBoolean;
+    textCase?: ITextCase;
+    textDecoration?: ITextDecoration;
+    letterSpacing?: INumber | IUnitData;
+    lineHeight?: INumber | IUnitData;
+    paraIndent?: INumber;
+    paraSpacing?: INumber;
+    textAlign?: ITextAlign;
+    verticalAlign?: IVerticalAlign;
+    textWrap?: ITextWrap;
+    textOverflow?: IOverflow | string;
+    get editInner(): string;
     get textDrawData(): ITextDrawData;
     constructor(data?: ITextInputData);
     __drawHitPath(canvas: ILeaferCanvas): void;
@@ -235,12 +391,8 @@ declare class Text extends UI implements IText {
 declare class Path extends UI implements IPath {
     get __tag(): string;
     __: IPathData;
-    path: IPathCommandData | IPathString$1;
-    windingRule: IWindingRule;
-    strokeAlign: IStrokeAlign;
-    get resizeable(): boolean;
+    strokeAlign?: IStrokeAlign;
     constructor(data?: IPathInputData);
-    __updateBoxBounds(): void;
 }
 
 declare class Pen extends Group implements IPen {
@@ -249,6 +401,7 @@ declare class Pen extends Group implements IPen {
     pathElement: IPath;
     pathStyle: IPathInputData;
     path: IPathCommandData$1;
+    __path: IPathCommandData$1;
     constructor(data?: IPenInputData);
     setStyle(data: IPathInputData): Pen;
     beginPath(): Pen;
@@ -265,8 +418,8 @@ declare class Pen extends Group implements IPen {
     drawEllipse(_x: number, _y: number, _radiusX: number, _radiusY: number, _rotation?: number, _startAngle?: number, _endAngle?: number, _anticlockwise?: boolean): Pen;
     drawArc(_x: number, _y: number, _radius: number, _startAngle?: number, _endAngle?: number, _anticlockwise?: boolean): Pen;
     drawPoints(_points: number[], _curve?: boolean | number, _close?: boolean): Pen;
+    clearPath(): Pen;
     paint(): void;
-    clear(): void;
 }
 
-export { Box, Canvas, Ellipse, Frame, Group, Image, Line, Path, Pen, Polygon, Rect, Star, Text, UI };
+export { Box, Canvas, Ellipse, Frame, Group, Image, Leafer, Line, Path, Pen, Polygon, Rect, Star, Text, UI };