@vyr/echarts 0.0.33 → 0.0.35

package/src/descriptor/ServiceEchartDescriptor.ts

@@ -1,39 +0,0 @@
-import { DefaultStyleColor, Descriptor, DeserializationObject, StyleColor } from '@vyr/engine'
-
-interface EchartItemStyle {
-    color: StyleColor
-    borderColor: DefaultStyleColor
-    borderWidth: number
-    borderType: string
-    borderRadius: number
-}
-
-class ServiceEchartDescriptor extends Descriptor {
-    static type = 'ServiceEchart'
-
-    static getDefaultItemStyle() {
-        const itemStyle: EchartItemStyle = {
-            color: new DefaultStyleColor({ value: '#5470c6' }),
-            borderColor: new DefaultStyleColor({ opacity: 0 }),
-            borderWidth: 0,
-            borderType: 'solid',
-            borderRadius: 0
-        }
-
-        return itemStyle
-    }
-
-    echart: string
-    modelValue: string
-
-    constructor(descriptor: Partial<DeserializationObject<ServiceEchartDescriptor>> = {}) {
-        super(descriptor)
-        this.echart = descriptor.echart ?? ''
-        this.modelValue = descriptor.modelValue ?? ''
-    }
-}
-
-export {
-    EchartItemStyle,
-    ServiceEchartDescriptor
-}

package/src/interpreter/BarServiceEchartInterpreter.ts

@@ -1,33 +0,0 @@
-import { BarServiceEchartDescriptor } from "../descriptor";
-import { ServiceEchartInterpreter } from "./ServiceEchartInterpreter";
-
-class BarServiceEchartInterpreter extends ServiceEchartInterpreter {
-    static type = BarServiceEchartDescriptor.type
-
-    getService(descriptor: BarServiceEchartDescriptor) {
-        const service = super.getService(descriptor)
-
-        return {
-            ...service,
-            barWidth: descriptor.barWidth,
-            barMaxWidth: descriptor.barMaxWidth,
-            label: {
-                show: descriptor.labelShow,
-                color: descriptor.labelColor,
-                position: descriptor.labelPosition,
-            },
-            itemStyle: {
-                color: this.getStyleColor(descriptor.itemStyle.color),
-                borderType: descriptor.itemStyle.borderType,
-                borderWidth: descriptor.itemStyle.borderWidth,
-                borderColor: this.getStyleColor(descriptor.itemStyle.borderColor),
-                borderRadius: descriptor.itemStyle.borderRadius,
-            }
-        }
-    }
-}
-ServiceEchartInterpreter.register(BarServiceEchartInterpreter)
-
-export {
-    BarServiceEchartInterpreter
-}

package/src/interpreter/LineServiceEchartInterpreter.ts

@@ -1,30 +0,0 @@
-import { LineServiceEchartDescriptor } from "../descriptor";
-import { ServiceEchartInterpreter } from "./ServiceEchartInterpreter";
-
-class LineServiceEchartInterpreter extends ServiceEchartInterpreter {
-    static type = LineServiceEchartDescriptor.type
-
-    getService(descriptor: LineServiceEchartDescriptor) {
-        const service = super.getService(descriptor)
-
-        return {
-            ...service,
-            smooth: descriptor.smooth,
-            lineStyle: {
-                type: descriptor.lineStyle.type,
-                width: descriptor.lineStyle.width,
-            },
-            itemStyle: {
-                color: this.getStyleColor(descriptor.itemStyleColor),
-            },
-            areaStyle: {
-                color: this.getStyleColor(descriptor.areaStyleColor),
-            }
-        }
-    }
-}
-ServiceEchartInterpreter.register(LineServiceEchartInterpreter)
-
-export {
-    LineServiceEchartInterpreter
-}

package/src/interpreter/PieServiceEchartInterpreter.ts

@@ -1,37 +0,0 @@
-import { PieServiceEchartDescriptor } from "../descriptor";
-import { ServiceEchartInterpreter } from "./ServiceEchartInterpreter";
-
-class PieServiceEchartInterpreter extends ServiceEchartInterpreter {
-    static type = PieServiceEchartDescriptor.type
-
-    getService(descriptor: PieServiceEchartDescriptor) {
-        const service = super.getService(descriptor)
-
-        return {
-            ...service,
-            roseType: descriptor.roseType,
-            width: descriptor.width,
-            height: descriptor.height,
-            radius: [descriptor.radius.x, descriptor.radius.y],
-            center: [descriptor.center.x, descriptor.center.y],
-            padAngle: descriptor.padAngle,
-            label: {
-                show: descriptor.labelShow,
-                color: descriptor.labelColor,
-                position: descriptor.labelPosition,
-            },
-            itemStyle: {
-                color: this.getStyleColor(descriptor.itemStyle.color),
-                borderType: descriptor.itemStyle.borderType,
-                borderWidth: descriptor.itemStyle.borderWidth,
-                borderColor: this.getStyleColor(descriptor.itemStyle.borderColor),
-                borderRadius: descriptor.itemStyle.borderRadius,
-            }
-        }
-    }
-}
-ServiceEchartInterpreter.register(PieServiceEchartInterpreter)
-
-export {
-    PieServiceEchartInterpreter
-}

package/src/interpreter/ServiceEchartInterpreter.ts

@@ -1,90 +0,0 @@
-import * as echarts from 'echarts'
-import { Descriptor, StyleColor, Interpreter, Queue } from "@vyr/engine";
-import { EchartDescriptor, ServiceEchartDescriptor } from "../descriptor";
-import { EchartActor } from '../actor';
-
-class ServiceEchartInterpreter extends Interpreter {
-    static type = ServiceEchartDescriptor.type
-
-    getLinearXYByAngle(angle: number) {
-        const radian = (angle * Math.PI) / 180
-        const x = Math.cos(radian)
-        const y = Math.sin(radian)
-        const x2 = Math.cos(radian + Math.PI)
-        const y2 = Math.sin(radian + Math.PI)
-
-        return { x, y, x2, y2 }
-    }
-
-    getStyleColor(color: StyleColor) {
-        if (color.type == 'linear') {
-            const { x, y, x2, y2 } = this.getLinearXYByAngle(color.angle)
-
-            const colorStops = []
-            for (const item of color.value) {
-                colorStops.push({ offset: item.ratio, color: echarts.color.modifyAlpha(item.value, item.opacity) })
-            }
-
-            const style = {
-                type: color.type,
-                x, y, x2, y2,
-                colorStops
-            }
-
-            return style
-        } else if (color.type === 'radial') {
-            const colorStops = []
-            for (const item of color.value) {
-                colorStops.push({ offset: item.ratio, color: echarts.color.modifyAlpha(item.value, item.opacity) })
-            }
-
-            const style = {
-                type: color.type,
-                r: color.radius,
-                x: color.center.x,
-                y: color.center.y,
-                colorStops
-            }
-
-            return style
-        } else {
-            return echarts.color.modifyAlpha(color.value, color.opacity)
-        }
-    }
-
-    getService(descriptor: ServiceEchartDescriptor) {
-        return { type: descriptor.echart, name: descriptor.name }
-    }
-
-    update(descriptor: ServiceEchartDescriptor) {
-        super.update(descriptor)
-        const unit = this.graphics.getUnit(descriptor.uuid)
-        const parentDescriptor = Descriptor.get(unit.parent)
-        if (parentDescriptor instanceof EchartDescriptor) {
-            const actor = this.graphics.getActor<EchartActor>(parentDescriptor)
-            if (actor === null) return
-            actor.setOptions(parentDescriptor)
-            actor.instance.setOption(actor.options)
-        }
-    }
-
-    mount(descriptor: EchartDescriptor, parentInterpreter: Interpreter, parentDescriptor: Descriptor) {
-        super.mount(descriptor, parentInterpreter, parentDescriptor)
-        if (parentDescriptor instanceof EchartDescriptor) {
-            const unit = this.graphics.getUnit(parentDescriptor.uuid)
-            if (unit) unit.trigger(Queue.Update)
-        }
-    }
-
-    unmount(descriptor: Descriptor, parentInterpreter: Interpreter, parentDescriptor: Descriptor) {
-        if (parentDescriptor instanceof EchartDescriptor) {
-            const unit = this.graphics.getUnit(parentDescriptor.uuid)
-            if (unit) unit.trigger(Queue.Update)
-        }
-        super.unmount(descriptor, parentInterpreter, parentDescriptor)
-    }
-}
-
-export {
-    ServiceEchartInterpreter
-}