@hatiolab/things-scene 2.7.14 → 2.7.15

package/things-scene.d.ts

@@ -1,13 +1,29 @@
 declare module '@hatiolab/things-scene' {
-  export const MODE_VIEW = 0
-  export const MODE_EDIT = 1
-  export const MODE_SHIFT = 2
+  type Constructor<T = {}> = new (...args: any[]) => T
+
+  enum SCENE_MODE {
+    MODE_VIEW = 0,
+    MODE_EDIT = 1,
+    MODE_SHIFT = 2
+  }
 
   type FITMODE = 'both' | 'ratio' | 'width' | 'height' | 'center' | 'none'
-  type SCALE = { x: number; y: number }
-  type TRANSLATE = { x: number; y: number }
+  type DIMENSION = { x: number; y: number }
+  type SCALE = DIMENSION
+  type TRANSLATE = DIMENSION
+  type POSITION = DIMENSION
 
-  export function create({
+  type ControlHandler = {
+    ondragstart?(point: POSITION, index: number, component: Component): void
+    ondragmove?(point: POSITION, index: number, component: Component): void
+    ondragend?(point: POSITION, index: number, component: Component): void
+  }
+
+  interface Control extends DIMENSION {
+    handler: ControlHandler
+  }
+
+  function create({
     target,
     model,
     style,
@@ -23,17 +39,110 @@ declare module '@hatiolab/things-scene' {
     style?: any
     layers?: Array<any>
     handlers?: Array<any>
-    mode?: 0 | 1
+    mode?: SCENE_MODE
     refProvider?: any
     baseUrl?: string | undefined
     fitMode?: FITMODE
   }): Scene
 
-  export class Component {}
-  export class Container {}
+  function error(...args: any[]): void
+  function warn(...args: any[]): void
+  function debug(...args: any[]): void
+
+  class ScriptLoader {
+    static load(scripts: string | Array<string>, styles?: string | Array<string>): Promise<void>
+  }
+
+  class Anchor {
+    constructor({ component, anchor, position }: { component: Component; anchor: string; position: POSITION })
+
+    position: POSITION
+  }
+
+  class Model {
+    static compile(model: Model, context: any): Component
+
+    type: string;
+    [key: string]: any
+  }
+
+  class ApplicationContext {
+    readonly refProvider: any
+    readonly isViewMode: boolean
+
+    mode: SCENE_MODE
+    baseUrl: string
+
+    dispose(): void
+  }
+
+  function RectPath<TBase extends Constructor>(Base: TBase): TBase
+  function ValueHolder<TBase extends Constructor>(
+    Base: TBase
+  ): {
+    new (...args: any[]): {
+      value: number
+      animValue: number
+      animOnValueChange(value: number, animFromBase: boolean, base: number): void
+    }
+  } & TBase
+
+  class Component {
+    static register(type: string, Clazz: typeof Component): void
+
+    state: { [key: string]: any }
+    bounds: { top: number; left: number; width: number; height: number }
+    root: RootContainer
+    parent: Container
+    app: ApplicationContext /* application context */
+    model: Model
+    hierarchy: Model
+    path: Array<DIMENSION>
+    anchors: Array<Anchor>
+    data: any
+    get controls(): Array<Control> | undefined
+    get hasTextProperty(): boolean
+
+    ready(): void
+    dispose(): void
+    setState(state: any): void
+    get(state: string): any
+    reposition(): void
+
+    drawImage(
+      context: CanvasRenderingContext2D,
+      image: HTMLImageElement,
+      left: number,
+      top: number,
+      width: number,
+      height: number
+    ): void
+    drawStroke(context: CanvasRenderingContext2D): void
+    drawFill(context: CanvasRenderingContext2D): void
+    drawText(context: CanvasRenderingContext2D): void
+
+    ondblclick(e: MouseEvent): void
+  }
+
+  class Container extends Component {
+    indexOf(component: Component): number
+    insertComponentAt(target: Component, idx: number): void
+    findById(id: string): Component
+  }
+  class RootContainer extends Container {}
+
+  class Shape extends Component {}
+  class Ellipse extends Shape {}
+  class HTMLOverlayElement extends Component {
+    element: HTMLElement
+  }
+
+  class HTMLOverlayContainer extends Container {
+    readonly layout: any
+  }
 
-  export class Scene {
-    static get residents(): WeakSet<Scene>
+  class Scene {
+    static readonly residents: WeakSet<Scene>
 
     /**
      * scene에 컴포넌트를 추가한다.