@vyr/engine 0.0.32 → 0.0.34

package/src/actor/HTMActor.ts

@@ -1,169 +0,0 @@
-import { InteractionDescriptor, InteractionProperty } from "../interaction";
-import { Asset } from "../asset"
-import { Descriptor, HTMLDescriptor, HTMLStyle, StyleDescriptor } from "../descriptor"
-import { Graphics } from "../graphics";
-import { Actor } from "./Actor"
-import { StyleActor } from "./StyleActor"
-
-abstract class HTMLActor extends Actor {
-    static className = 'vyr-html-wrapper'
-    static uuidKey = 'data-vyr-uuid'
-    static isTrigger(target: any, uuid: string): target is HTMLElement {
-        return target.getAttribute(HTMLActor.uuidKey) === uuid
-    }
-    readonly uuid
-    readonly unlisteners: Array<() => void> = []
-    className?: string[]
-
-    constructor(uuid: string) {
-        super()
-        this.uuid = uuid
-    }
-
-    createDOM() {
-        const DOM = document.createElement('div')
-        DOM.setAttribute(HTMLActor.uuidKey, this.uuid)
-        DOM.style.width = '100%'
-        DOM.style.height = '100%'
-        DOM.style.position = 'relative'
-        DOM.style.backgroundSize = '100% 100%'
-        DOM.style.backgroundRepeat = 'no-repeat'
-        DOM.style.backgroundPosition = '0% 0%'
-        return DOM
-    }
-
-    getWrapperStyle(descriptor: HTMLDescriptor) {
-        const style: HTMLStyle = {}
-        style.pointerEvents = 'auto'
-        style.flexGrow = descriptor.flexGrow + ''
-        if (descriptor.visible === false) {
-            style.display = 'none'
-        } else {
-            style.display = descriptor.display
-        }
-
-        const width = descriptor.width
-        if (width < 0) {
-            style.width = 'auto'
-        } else {
-            style.width = `calc(${width + descriptor.wUnit} + ${descriptor.calcWidth}px)`
-        }
-
-        const height = descriptor.height
-        if (height < 0) {
-            style.height = 'auto'
-        } else {
-            style.height = `calc(${height + descriptor.hUnit} + ${descriptor.calcHeight}px)`
-        }
-
-        style.position = descriptor.position
-        style.transform = ''
-        if (descriptor.translate.x !== 0) {
-            style.transform += `translateX(${descriptor.translate.x}%) `
-        }
-        if (descriptor.translate.y !== 0) {
-            style.transform += `translateY(${descriptor.translate.y}%) `
-        }
-
-        const xValue = descriptor.location.x + descriptor.xUnit
-        if (descriptor.xAxis === 'left') {
-            style.left = xValue
-            style.right = ''
-        } else {
-            style.right = xValue
-            style.left = ''
-        }
-        const yValue = descriptor.location.y + descriptor.yUnit
-        if (descriptor.yAxis === 'top') {
-            style.top = yValue
-            style.bottom = ''
-        } else {
-            style.bottom = yValue
-            style.top = ''
-        }
-
-        style.marginLeft = descriptor.margin.left + 'px'
-        style.marginTop = descriptor.margin.top + 'px'
-        style.marginRight = descriptor.margin.right + 'px'
-        style.marginBottom = descriptor.margin.bottom + 'px'
-
-        return style
-    }
-
-    getLayoutStyle(descriptor: HTMLDescriptor) {
-        const style: HTMLStyle = {}
-
-        style.display = descriptor.display
-        style.flexWrap = descriptor.flexWrap
-        style.flexDirection = descriptor.flexDirection
-        style.justifyContent = descriptor.justifyContent
-        style.alignItems = descriptor.alignItems
-        style.alignContent = descriptor.alignContent
-        style.opacity = descriptor.opacity + ''
-        style.zIndex = descriptor.zIndex
-
-        return style
-    }
-
-    setHTMLStyle(DOM: HTMLElement, style: HTMLStyle) {
-        Object.assign(DOM.style, style)
-    }
-
-    getStyleClass(descriptor: HTMLDescriptor) {
-        const styleDescriptor = Asset.get<StyleDescriptor>(descriptor.style)
-        if (styleDescriptor === null) return []
-        const graphics = Actor.getGraphics(this)
-        const styleActor = graphics.getInterpreter(styleDescriptor).getActor<StyleActor>(descriptor)
-        return styleActor.getClassName()
-    }
-
-    setStyleClass(DOM: HTMLElement, className: string[]) {
-        this.clearStyleClass(DOM)
-        this.className = className
-        DOM.classList.add(...className)
-    }
-
-    clearStyleClass(DOM: HTMLElement) {
-        if (this.className === undefined) return
-        DOM.classList.remove(...this.className)
-        delete this.className
-    }
-
-    bindInteraction(DOM: HTMLElement, property: InteractionProperty, trigger: Descriptor, graphics: Graphics,) {
-        const interaction = Asset.get<InteractionDescriptor>(property.url)
-
-        const listener = (e: Event) => {
-            if (HTMLActor.isTrigger(e.target, this.uuid)) {
-                e.stopPropagation()
-                interaction.execute(property.inputs, graphics, trigger)
-            }
-        }
-        const eid = graphics.engine.inputSystem.listen(property.type as any, listener, { target: DOM })
-        this.unlisteners.push(() => graphics.engine.inputSystem.unlisten(eid))
-    }
-
-    cleanInteraction() {
-        for (const unlistener of this.unlisteners) unlistener()
-        this.unlisteners.length = 0
-    }
-
-    setHTMLInteraction(DOM: HTMLElement, trigger: Descriptor) {
-        this.cleanInteraction()
-        const graphics = HTMLActor.getGraphics(this)
-        for (const interaction of trigger.interactions) {
-            if (interaction.url) this.bindInteraction(DOM, interaction, trigger, graphics)
-        }
-    }
-
-    abstract add(actor: Actor): void
-
-    abstract remove(actor: Actor): void
-
-    abstract getWrapper(): HTMLElement | null
-
-    abstract update(descriptor: HTMLDescriptor): void
-}
-
-export {
-    HTMLActor
-}

package/src/actor/HTMServiceActor.ts

@@ -1,57 +0,0 @@
-import { HTMLServiceDescriptor, StyleDescriptor } from "../descriptor"
-import { Actor } from "./Actor"
-import { HTMLActor } from "./HTMActor"
-
-class HTMLServiceActor extends HTMLActor {
-    private _wrapper: HTMLElement | null = null
-    readonly DOM
-
-    constructor(uuid: string) {
-        super(uuid)
-        this.DOM = this.createDOM()
-        const wrapper = this.getWrapper()
-        wrapper.appendChild(this.DOM)
-    }
-
-    protected createWrapper() {
-        const wrapper = document.createElement('div')
-        wrapper.setAttribute('class', HTMLActor.className)
-        wrapper.setAttribute(HTMLActor.uuidKey, this.uuid)
-        return wrapper
-    }
-
-    getWrapper() {
-        if (this._wrapper === null) {
-            this._wrapper = this.createWrapper()
-        }
-
-        return this._wrapper
-    }
-
-    add(actor: Actor) {
-        if (actor instanceof HTMLActor) {
-            const wrapper = actor.getWrapper()
-            if (wrapper === null) return
-            if (this.DOM.contains(wrapper)) return
-            this.DOM.appendChild(wrapper)
-        }
-    }
-
-    remove(actor: Actor) {
-        if (actor instanceof HTMLActor) {
-            const wrapper = actor.getWrapper()
-            if (wrapper === null) return
-            if (this.DOM.contains(wrapper)) this.DOM.removeChild(wrapper)
-        }
-    }
-
-    update(descriptor: HTMLServiceDescriptor) {
-        const wrapper = this.getWrapper()
-        this.setHTMLStyle(wrapper, this.getWrapperStyle(descriptor))
-        const styleClass = [...this.getStyleClass(descriptor)]
-        if (descriptor.active) styleClass.push(StyleDescriptor.activeName)
-        this.setStyleClass(this.DOM, styleClass)
-    }
-}
-
-export { HTMLServiceActor }

package/src/actor/StyleActor.ts

@@ -1,96 +0,0 @@
-import { Asset } from "../asset"
-import { Actor } from "./Actor"
-import { StyleDescriptor } from "../descriptor"
-import { StyleInterpreter } from "../interpreter"
-
-interface RuleObjects extends Array<{ name: string, value: string }> { }
-
-class StyleActor extends Actor {
-    private _styleCollection = new Map<string, RuleObjects>()
-    private _className: string[] = []
-
-    getStyleValue() {
-        const styles: string[] = []
-
-        const entries = this._styleCollection.entries()
-        for (const [selectorText, rules] of entries) {
-            const style: string[] = []
-            style.push(`${selectorText}{`)
-            if (rules.length === 0) {
-                style.push('/* 如果需要样式，在这里添加 */')
-            } else {
-                for (const rule of rules) {
-                    style.push(`${rule.name}:${rule.value};`)
-                }
-            }
-            style.push(`}`)
-            styles.push(style.join('\n'))
-        }
-
-        return styles
-    }
-
-    getClassName() {
-        return [...this._className]
-    }
-
-    updateRule(sheet: CSSStyleSheet) {
-        let count = 0
-        for (const rule of sheet.cssRules) {
-            if (rule instanceof CSSStyleRule) {
-                const styleObjects = this._styleCollection.get(rule.selectorText)
-                if (styleObjects === undefined) continue
-
-                count++
-                rule.style.cssText = ''
-                for (const styleObject of styleObjects) {
-                    rule.style.setProperty(styleObject.name, styleObject.value)
-                }
-
-                if (count === 2) return true
-            }
-        }
-        return false
-    }
-
-    update(descriptor: StyleDescriptor, className: string) {
-        this._className.length = 0
-        this._styleCollection.clear()
-
-        let inherit = Asset.get<StyleDescriptor>(descriptor.inherit)
-        if (inherit) {
-            const graphics = Actor.getGraphics(this)
-            const interpreter = graphics.getInterpreter<StyleInterpreter>(inherit)
-            this._className.push(interpreter.className)
-        }
-        this._className.push(className)
-
-        const rules: RuleObjects = []
-        for (const rule of descriptor.rules) {
-            if (rule.inherit === true) continue
-            const value = rule.getValue()
-            rules.push({ name: rule.name, value })
-        }
-        this._styleCollection.set(`.${className}`, rules)
-
-        const hover: RuleObjects = []
-        for (const rule of descriptor.hoverRules) {
-            if (rule.inherit === true) continue
-            const value = rule.getValue()
-            hover.push({ name: rule.name, value })
-        }
-        this._styleCollection.set(`.${className}:hover`, hover)
-
-        const active: RuleObjects = []
-        for (const rule of descriptor.activeRules) {
-            if (rule.inherit === true) continue
-            const value = rule.getValue()
-            active.push({ name: rule.name, value })
-        }
-        this._styleCollection.set(`.${className}.${StyleDescriptor.activeName}`, active)
-    }
-}
-
-export {
-    StyleActor
-}

package/src/descriptor/AnimationUnitDescriptor.ts

@@ -1,65 +0,0 @@
-import { DeserializationObject } from "../Serialization"
-import { Descriptor } from "./Descriptor"
-
-interface FrameData {
-    type: string
-    startValue: Array<string | number | boolean> | number | string
-    endValue: Array<string | number | boolean> | number | string
-}
-
-interface NumberFrameData extends FrameData {
-    type: 'number' | 'boolean'
-    startValue: number
-    endValue: number
-}
-
-interface VectorFrameData extends FrameData {
-    type: 'vector2' | 'vector3' | 'euler'
-    startValue: number[]
-    endValue: number[]
-}
-
-interface ColorFrameData extends FrameData {
-    type: 'color'
-    startValue: string
-    endValue: string
-}
-
-type AnimationFrameData = NumberFrameData | VectorFrameData | ColorFrameData
-
-class AnimationUnitDescriptor extends Descriptor {
-    static type = 'AnimationUnit'
-
-    play: boolean
-    duration: number
-    /**循环次数 */
-    count: number
-    /**循环模式
-     * 
-     *  - 1 顺序循环
-     *  - 2 往返循环
-     */
-    mode: number
-    startTime: number
-    path: string
-    frameData: AnimationFrameData
-
-    constructor(descriptor: Partial<DeserializationObject<AnimationUnitDescriptor>> = {}) {
-        super(descriptor)
-        this.play = descriptor.play ?? false
-        this.duration = descriptor.duration ?? 0
-        this.count = descriptor.count ?? Infinity
-        this.mode = descriptor.mode ?? 1
-        this.startTime = descriptor.startTime ?? 0
-        this.path = descriptor.path ?? ''
-        this.frameData = descriptor.frameData ? Descriptor.deepClone<AnimationFrameData>(descriptor.frameData) : { type: 'vector2', startValue: [], endValue: [] } as VectorFrameData
-    }
-}
-Descriptor.register(AnimationUnitDescriptor)
-
-export {
-    NumberFrameData,
-    VectorFrameData,
-    AnimationFrameData,
-    AnimationUnitDescriptor
-}

package/src/descriptor/CameraDescriptor.ts

@@ -1,12 +0,0 @@
-import { DeserializationObject } from "../Serialization"
-import { NodeDescriptor } from "./NodeDescriptor"
-
-class CameraDescriptor extends NodeDescriptor {
-    static type = 'Camera'
-
-    constructor(descriptor: Partial<DeserializationObject<CameraDescriptor>> = {}) {
-        super(descriptor)
-    }
-}
-
-export { CameraDescriptor }

package/src/descriptor/ControllerDescriptor.ts

@@ -1,16 +0,0 @@
-import { DeserializationObject } from "../Serialization"
-import { Descriptor } from "./Descriptor"
-
-class ControllerDescriptor extends Descriptor {
-    static type = 'Controller'
-
-    /**控制器是否响应用户的操作 */
-    enabled: boolean
-
-    constructor(descriptor: Partial<DeserializationObject<ControllerDescriptor>> = {}) {
-        super(descriptor)
-        this.enabled = descriptor.enabled ?? false
-    }
-}
-
-export { ControllerDescriptor }

package/src/descriptor/DatasetDescriptor.ts

@@ -1,90 +0,0 @@
-import { HttpType } from "../utils/constants";
-import { Asset } from "../asset";
-import { observer } from "../graphics/Observer";
-import { DeserializationObject } from "../Serialization";
-import { Descriptor } from "./Descriptor";
-
-interface Data {
-    [k: string]: any
-}
-
-interface DataConfig {
-    mode: string
-    key: string
-}
-
-interface HttpDataConfig extends DataConfig {
-    mode: 'http',
-    url: string
-    type: HttpType
-}
-
-class DatasetDescriptor<C extends DataConfig = HttpDataConfig> extends Descriptor {
-    static type = 'Dataset'
-
-    static getData<T = Data>(dataset: string) {
-        const descriptor = Asset.get(dataset)
-        if (descriptor instanceof DatasetDescriptor) {
-            return descriptor.getData() as T
-        } else {
-            return null
-        }
-    }
-    static getCollection<T = Data>(dataset: string): T[] {
-        const data = this.getData<T>(dataset)
-
-        if (!data) return []
-
-        return Array.isArray(data) ? data : [data]
-    }
-
-    private _data!: Data
-    private _extraData: Data = {}
-    readonly dataConfigs: C[]
-    defaultData: Data
-
-    constructor(descriptor: Partial<DeserializationObject<DatasetDescriptor>> = {}) {
-        super(descriptor)
-        this.dataConfigs = descriptor.dataConfigs === undefined ? [] : Descriptor.deepClone(descriptor.dataConfigs)
-        this.defaultData = descriptor.defaultData === undefined ? {} : Descriptor.deepClone(descriptor.defaultData)
-        this._updateData(this.defaultData)
-    }
-
-    private _updateData(data: Data) {
-        this._data = data
-    }
-
-    getData<T extends Data | null = Data | null>() {
-        return (this._data ?? null) as T
-    }
-
-    setData(data: Data) {
-        this._updateData(data)
-
-        observer.trigger('updateDeps', { self: this.uuid })
-    }
-
-    setExtraData(data: Data) {
-        this._extraData = data
-    }
-
-    getExtraData<T extends Data = Data>() {
-        return this._extraData as T
-    }
-
-    toJSON() {
-        const { _data, _extraData, ...rest } = this;
-        return rest;
-    }
-
-    setNeedsUpdate() { }
-}
-
-Descriptor.register(DatasetDescriptor)
-
-export {
-    Data,
-    DataConfig,
-    HttpDataConfig,
-    DatasetDescriptor
-}

package/src/descriptor/DivDescriptor.ts

@@ -1,18 +0,0 @@
-import { DeserializationObject } from "../Serialization"
-import { HTMLDescriptor } from "./HTMLDescriptor"
-
-class DivDescriptor extends HTMLDescriptor {
-  static type = 'Div'
-
-  text: string
-  backroundIamge: string
-
-  constructor(descriptor: Partial<DeserializationObject<DivDescriptor>> = {}) {
-    super(descriptor)
-    this.text = descriptor.text ?? ''
-    this.backroundIamge = descriptor.backroundIamge ?? ''
-  }
-}
-HTMLDescriptor.register(DivDescriptor)
-
-export { DivDescriptor }

package/src/descriptor/DynamicDescriptor.ts

@@ -1,27 +0,0 @@
-import { DeserializationObject } from "../Serialization"
-import { Descriptor } from "./Descriptor"
-
-class DynamicDescriptor extends Descriptor {
-    static type = 'Dynamic'
-
-    url: string
-    /** 数据集配置
-     * - 1 使用节点自身的数据集
-     * - 2 使用父节点数据集的属性
-     */
-    dataConfig: number
-    /**根节点数据集属性的路径 */
-    dataPath: string
-
-    constructor(descriptor: Partial<DeserializationObject<DynamicDescriptor>> = {}) {
-        super(descriptor)
-        this.url = descriptor.url ?? ''
-        this.dataConfig = descriptor.dataConfig ?? 1
-        this.dataPath = descriptor.dataPath ?? ''
-    }
-}
-Descriptor.register(DynamicDescriptor)
-
-export {
-    DynamicDescriptor
-}

package/src/descriptor/HTMLDescriptor.ts

@@ -1,87 +0,0 @@
-import { Vector2 } from "../math"
-import { DeserializationObject } from "../Serialization"
-import { Descriptor } from "./Descriptor"
-import { StyleSpacing } from "./StyleDescriptor"
-
-interface HTMLStyle {
-    [k: string]: string
-}
-
-class HTMLDescriptor extends Descriptor {
-    static type = 'HTML'
-
-    visible: boolean
-    active: boolean
-    style: string
-    display: string
-    flexWrap: string
-    flexDirection: string
-    justifyContent: string
-    alignItems: string
-    alignContent: string
-    margin: StyleSpacing
-    /** 项目的放大比例，定义在分配多余空间时项目的放大能力，默认0(不放大) */
-    flexGrow: number
-    /**宽度
-     * - -1 宽度根据内容自适应 
-     */
-    width: number
-    wUnit: string
-    calcWidth: number
-    /**高度
-   * - -1 高度根据内容自适应 
-   */
-    height: number
-    hUnit: string
-    calcHeight: number
-
-    position: string
-    location: Vector2
-
-    xAxis: 'left' | 'right'
-    xUnit: string
-
-    yAxis: 'top' | 'bottom'
-    yUnit: string
-
-    translate: Vector2
-
-    opacity: number
-    zIndex: string
-
-    constructor(descriptor: Partial<DeserializationObject<HTMLDescriptor>> = {}) {
-        super(descriptor)
-
-        this.visible = descriptor.visible ?? true
-        this.active = descriptor.active ?? false
-        this.style = descriptor.style ?? ''
-        this.display = descriptor.display ?? 'block'
-        this.flexWrap = descriptor.flexWrap ?? 'nowrap'
-        this.flexDirection = descriptor.flexDirection ?? 'row'
-        this.justifyContent = descriptor.justifyContent ?? 'flex-start'
-        this.alignItems = descriptor.alignItems ?? 'stretch'
-        this.alignContent = descriptor.alignContent ?? 'stretch'
-        this.flexGrow = descriptor.flexGrow ?? 0
-        this.margin = new StyleSpacing(descriptor.margin)
-
-        this.width = descriptor.width ?? 100
-        this.wUnit = descriptor.wUnit ?? 'px'
-        this.calcWidth = descriptor.calcWidth ?? 0
-        this.calcHeight = descriptor.calcHeight ?? 0
-        this.height = descriptor.height ?? 100
-        this.hUnit = descriptor.hUnit ?? 'px'
-        this.position = descriptor.position ?? 'static'
-        this.location = Vector2.create(descriptor.location)
-        this.xAxis = descriptor.xAxis ?? 'left'
-        this.xUnit = descriptor.xUnit ?? 'px'
-        this.yAxis = descriptor.yAxis ?? 'top'
-        this.yUnit = descriptor.yUnit ?? 'px'
-
-        this.translate = Vector2.create(descriptor.translate)
-
-        this.opacity = descriptor.opacity ?? 1
-        this.zIndex = descriptor.zIndex ?? 'auto'
-    }
-}
-
-export { HTMLStyle, HTMLDescriptor }

package/src/descriptor/HTMLServiceDescriptor.ts

@@ -1,19 +0,0 @@
-import { DeserializationObject } from "../Serialization"
-import { ServiceDescriptor } from "./ServiceDescriptor"
-
-class HTMLServiceDescriptor extends ServiceDescriptor {
-    static type = 'HTMLService'
-
-    constructor(descriptor: Partial<DeserializationObject<HTMLServiceDescriptor>> = {}) {
-        super(descriptor)
-        this.width = descriptor.width ?? 100
-        this.wUnit = descriptor.wUnit ?? '%'
-        this.height = descriptor.height ?? 100
-        this.hUnit = descriptor.hUnit ?? '%'
-        this.position = descriptor.position ?? 'absolute'
-    }
-}
-
-ServiceDescriptor.register(HTMLServiceDescriptor)
-
-export { HTMLServiceDescriptor }

package/src/descriptor/HTMLTransformControllerDescriptor.ts

@@ -1,34 +0,0 @@
-import { DeserializationObject } from "../Serialization"
-import { ControllerDescriptor } from "./ControllerDescriptor"
-import { ScriptableArgs } from "../interaction"
-
-interface HTMLTransformControllerChangeArgs extends ScriptableArgs<undefined, undefined, undefined> {
-    event: {
-        type: string
-        target: string
-    }
-}
-
-class HTMLTransformControllerDescriptor extends ControllerDescriptor {
-    static type = 'HTMLTransformController'
-
-    /**控制器的摄像机 */
-    camera: string
-    /**控制器的模式 */
-    mode: string
-    /**控制器的目标 */
-    target: string
-    /**控制器触发事件时执行的脚本依赖 */
-    event: string
-
-    constructor(descriptor: Partial<DeserializationObject<HTMLTransformControllerDescriptor>> = {}) {
-        super(descriptor)
-        this.camera = descriptor.camera ?? ''
-        this.mode = descriptor.mode ?? ''
-        this.target = descriptor.target ?? ''
-        this.event = descriptor.event ?? ''
-    }
-}
-ControllerDescriptor.register(HTMLTransformControllerDescriptor)
-
-export { HTMLTransformControllerChangeArgs, HTMLTransformControllerDescriptor }