@safe-engine/pixi 1.0.1 → 7.0.1

package/src/components/GUIComponent.ts

@@ -1,146 +1,141 @@
-import { Assets, Point, Text } from 'pixi.js'
-
-import { Color4B } from '../core/Color'
-import { ComponentX, NoRenderComponentX } from '../core/decorator'
-import { LoadingBar, LoadingBarMode } from '../core/LoadingBar'
-import { HtmlTextParser } from '../helper/html-text-parser'
-
-const _htmlTextParser = new HtmlTextParser()
-export const FillType = {
-  HORIZONTAL: 0,
-  VERTICAL: 1,
-  RADIAL: 2,
-}
-type Keys = keyof typeof FillType
-type Values = (typeof FillType)[Keys]
-
-export class ButtonComp extends NoRenderComponentX {
-  normalImage: string
-  selectedImage: string
-  disableImage: string
-  zoomScale: number
-  onPress: (target: ButtonComp) => void
-
-  setOnPress(cb: (target: ButtonComp) => void) {
-    this.onPress = cb
-  }
-
-  set enabled(val) {
-    this.node.instance.interactive = val
-  }
-}
-
-export class ProgressBarComp extends NoRenderComponentX {
-  mode = LoadingBarMode.BAR
-  private _progress: number
-  isReverse: boolean
-
-  get progress() {
-    return this._progress
-  }
-
-  set progress(val: number) {
-    this._progress = val
-    ;(this.node.instance as LoadingBar).progress = val
-  }
-}
-
-export class LabelComp extends ComponentX {
-  font: string
-  string: string
-  size = 64
-
-  getString() {
-    if (this.node.instance instanceof Text) {
-      return this.node.instance.text
-    }
-  }
-
-  setString(val: string) {
-    if (this.node.instance instanceof Text) {
-      this.node.instance.text = val
-    }
-  }
-
-  getSize() {
-    if (this.node.instance instanceof Text) {
-      return this.node.instance.style.fontSize
-    }
-  }
-  setSize(val) {
-    if (this.node.instance instanceof Text) {
-      this.node.instance.style.fontSize = val
-    }
-  }
-
-  getFont() {
-    if (this.node.instance instanceof Text) {
-      return this.node.instance.style.fontFamily as string
-    }
-  }
-
-  setFont(val: string) {
-    // console.log('set font', val, Assets.get(val))
-    if (this.node.instance instanceof Text) {
-      if (Assets.get(val)) this.node.instance.style.fontFamily = Assets.get(val).family
-    }
-  }
-}
-
-export class ScrollView extends ComponentX {
-  width: number
-  height: number
-}
-
-export class BlockInputEventsComp extends NoRenderComponentX {}
-
-export class ProgressTimerComp extends ComponentX {
-  spriteFrame: string
-  fillType: Values
-  fillRange: number
-  fillCenter: Point
-  isReverse: boolean
-
-  getFillRange() {
-    // if (this.node.instance instanceof cc.ProgressTimer) {
-    //   return this.node.instance.getPercentage() * 0.01
-    // }
-  }
-
-  setFillStart(val: number) {
-    // if (this.node.instance instanceof cc.ProgressTimer) {
-    //   this.node.instance.setMidpoint(Vec2(val, val))
-    // }
-  }
-
-  setFillRange(val: number) {
-    // if (this.node.instance instanceof cc.ProgressTimer) {
-    //   this.node.instance.setPercentage(val * 100)
-    // }
-  }
-}
-
-export class RichTextComp extends ComponentX {
-  protected font: string
-  protected string: string
-  protected size: number
-
-  getString() {
-    return this.string
-  }
-
-  setString(val: string) {
-    this.string = val
-  }
-}
-
-export class LabelOutlineComp extends NoRenderComponentX {
-  color: typeof Color4B
-  width: number
-}
-
-export class LabelShadowComp extends NoRenderComponentX {
-  color: typeof Color4B
-  blur: number
-  offset: Point
+import { ComponentX, NoRenderComponentX } from '@safe-engine/core'
+import { Assets, Container, Point, Text } from 'pixi.js'
+
+import { Color4B } from '../core/Color'
+import { LoadingBar, LoadingBarMode, ProgressTimer } from '../core/LoadingBar'
+import { NodeComp } from './NodeComp'
+
+// const _htmlTextParser = new HtmlTextParser()
+export const FillType = {
+  HORIZONTAL: 0,
+  VERTICAL: 1,
+  RADIAL: 2,
+}
+type Keys = keyof typeof FillType
+type Values = (typeof FillType)[Keys]
+
+export class ButtonComp extends NoRenderComponentX<NodeComp> {
+  normalImage: string
+  selectedImage: string
+  disableImage: string
+  zoomScale: number
+  onPress: (target: ButtonComp) => void
+
+  setOnPress(cb: (target: ButtonComp) => void) {
+    this.onPress = cb
+  }
+
+  set enabled(val) {
+    this.node.instance.interactive = val
+  }
+}
+
+export class ProgressBarComp extends NoRenderComponentX<NodeComp<LoadingBar>> {
+  mode = LoadingBarMode.BAR
+  private _progress: number
+  isReverse: boolean
+
+  get progress() {
+    return this._progress
+  }
+
+  set progress(val: number) {
+    this._progress = val
+    this.node.instance.progress = val
+  }
+}
+
+export class LabelComp extends ComponentX<NodeComp<Text>> {
+  font: string
+  string: string
+  size = 64
+
+  getString() {
+    if (this.node.instance instanceof Text) {
+      return this.node.instance.text
+    }
+  }
+
+  setString(val: string) {
+    if (this.node.instance instanceof Text) {
+      this.node.instance.text = val
+    }
+  }
+
+  getSize() {
+    if (this.node.instance instanceof Text) {
+      return this.node.instance.style.fontSize
+    }
+  }
+  setSize(val) {
+    if (this.node.instance instanceof Text) {
+      this.node.instance.style.fontSize = val
+    }
+  }
+
+  getFont() {
+    if (this.node.instance instanceof Text) {
+      return this.node.instance.style.fontFamily as string
+    }
+  }
+
+  setFont(val: string) {
+    // console.log('set font', val, Assets.get(val))
+    if (this.node.instance instanceof Text) {
+      if (Assets.get(val)) this.node.instance.style.fontFamily = Assets.get(val).family
+    }
+  }
+}
+
+export class ScrollView extends ComponentX<NodeComp<Container>> {
+  width: number
+  height: number
+}
+
+export class BlockInputEventsComp extends NoRenderComponentX<NodeComp<Container>> { }
+
+export class ProgressTimerComp extends ComponentX<NodeComp<ProgressTimer>> {
+  spriteFrame: string
+  fillType: Values
+  fillRange: number
+  fillCenter: Point
+  isReverse: boolean
+
+  getFillRange() {
+    return this.node.instance.progress
+  }
+
+  setFillStart(val: number) {
+    this.node.instance.fillCenter.x = val
+  }
+
+  setFillRange(val: number) {
+    // console.log('setFillRange', this.node.instance);
+    this.node.instance.progress = val
+  }
+}
+
+export class RichTextComp extends ComponentX<NodeComp<Text>> {
+  protected font: string
+  protected string: string
+  protected size: number
+
+  getString() {
+    return this.string
+  }
+
+  setString(val: string) {
+    this.string = val
+  }
+}
+
+export class LabelOutlineComp extends NoRenderComponentX<NodeComp> {
+  color: typeof Color4B
+  width: number
+}
+
+export class LabelShadowComp extends NoRenderComponentX<NodeComp> {
+  color: typeof Color4B
+  blur: number
+  offset: Point
 }