@vyr/element-plus 0.0.1

package/src/descriptor/ElInputDescriptor.ts

@@ -0,0 +1,56 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+import { ElFormItemDescriptor } from "./ElFormItemDescriptor";
+
+class ElInputDescriptor extends ElFormItemDescriptor {
+    static type = 'ElInput'
+
+    columnName: string
+    columnComment: string
+    columnType: string
+    modelValue: string
+    labelWidth: string | number
+    placeholder: string
+
+    inputType: string
+    rows: number
+    step: string | number
+    readonly: boolean
+    clearable: boolean
+    showPassword: boolean
+    showWordLimit: boolean
+    disabled: boolean
+    autofocus: boolean
+    required: boolean
+    maxlength: string | number
+    minlength: string | number
+
+
+    constructor(descriptor: Partial<DeserializationObject<ElInputDescriptor>> = {}) {
+        super(descriptor)
+        this.columnName = descriptor.columnName ?? ''
+        this.columnComment = descriptor.columnComment ?? ''
+        this.columnType = descriptor.columnType ?? ''
+        this.modelValue = descriptor.modelValue ?? ''
+        this.labelWidth = descriptor.labelWidth ?? ''
+        this.placeholder = descriptor.placeholder ?? ''
+
+        this.inputType = descriptor.inputType ?? 'text'
+        this.rows = descriptor.rows ?? 2
+        this.step = descriptor.step ?? ''
+        this.readonly = descriptor.readonly ?? false
+        this.clearable = descriptor.clearable ?? false
+        this.showPassword = descriptor.showPassword ?? false
+        this.disabled = descriptor.disabled ?? false
+        this.showWordLimit = descriptor.showWordLimit ?? true
+        this.autofocus = descriptor.autofocus ?? false
+        this.required = descriptor.required ?? false
+        this.maxlength = descriptor.maxlength ?? ''
+        this.minlength = descriptor.minlength ?? ''
+    }
+}
+VueDescriptor.register(ElInputDescriptor)
+
+export {
+    ElInputDescriptor
+}

package/src/descriptor/ElInputNumberDescriptor.ts

@@ -0,0 +1,38 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+import { ElFormItemDescriptor } from "./ElFormItemDescriptor";
+
+class ElInputNumberDescriptor extends ElFormItemDescriptor {
+    static type = 'ElInputNumber'
+
+    columnName: string
+    columnComment: string
+    columnType: string
+    modelValue: string
+    labelWidth: string | number
+    required: boolean
+
+    min: number
+    max: number
+    step: number
+    disabled: boolean
+
+    constructor(descriptor: Partial<DeserializationObject<ElInputNumberDescriptor>> = {}) {
+        super(descriptor)
+        this.columnName = descriptor.columnName ?? ''
+        this.columnComment = descriptor.columnComment ?? ''
+        this.columnType = descriptor.columnType ?? ''
+        this.modelValue = descriptor.modelValue ?? ''
+        this.labelWidth = descriptor.labelWidth ?? ''
+        this.required = descriptor.required ?? false
+        this.min = descriptor.min ?? Number.MIN_SAFE_INTEGER
+        this.max = descriptor.max ?? Number.MAX_SAFE_INTEGER
+        this.step = descriptor.step ?? 1
+        this.disabled = descriptor.disabled ?? false
+    }
+}
+VueDescriptor.register(ElInputNumberDescriptor)
+
+export {
+    ElInputNumberDescriptor
+}

package/src/descriptor/ElMenuDescriptor.ts

@@ -0,0 +1,26 @@
+import { DefaultStyleColor, DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+
+class ElMenuDescriptor extends VueDescriptor {
+    static type = 'ElMenu'
+
+    mode: 'horizontal' | 'vertical'
+    defaultActive: string
+    backgroundColor: DefaultStyleColor
+    textColor: string
+    activeTextColor: string
+
+    constructor(descriptor: Partial<DeserializationObject<ElMenuDescriptor>> = {}) {
+        super(descriptor)
+        this.mode = descriptor.mode ?? 'vertical'
+        this.defaultActive = descriptor.defaultActive ?? ''
+        this.backgroundColor = new DefaultStyleColor(descriptor.backgroundColor)
+        this.textColor = descriptor.textColor ?? '#303133'
+        this.activeTextColor = descriptor.activeTextColor ?? '#409eff'
+    }
+}
+VueDescriptor.register(ElMenuDescriptor)
+
+export {
+    ElMenuDescriptor
+}

package/src/descriptor/ElMenuItemDescriptor.ts

@@ -0,0 +1,22 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+
+class ElMenuItemDescriptor extends VueDescriptor {
+    static type = 'ElMenuItem'
+
+    icon: string
+    label: string
+    content: string
+
+    constructor(descriptor: Partial<DeserializationObject<ElMenuItemDescriptor>> = {}) {
+        super(descriptor)
+        this.icon = descriptor.icon ?? ''
+        this.label = descriptor.label ?? ''
+        this.content = descriptor.content ?? ''
+    }
+}
+VueDescriptor.register(ElMenuItemDescriptor)
+
+export {
+    ElMenuItemDescriptor
+}

package/src/descriptor/ElPaginationDescriptor.ts

@@ -0,0 +1,52 @@
+import { DeserializationObject, Graphics } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+import { ElPaginationActor } from "../actor";
+
+class ElPaginationDescriptor extends VueDescriptor {
+    static type = 'ElPagination'
+
+    total: number
+    currentPage: number
+    pageSize: number
+    pageSizes: string
+    background: boolean
+    layoutSizes: boolean
+    layoutPrev: boolean
+    layoutPager: boolean
+    layoutNext: boolean
+    layoutJumper: boolean
+    layoutArrow: boolean
+    layoutTotal: boolean
+
+    constructor(descriptor: Partial<DeserializationObject<ElPaginationDescriptor>> = {}) {
+        super(descriptor)
+        this.total = descriptor.total ?? 0
+        this.currentPage = descriptor.currentPage ?? 1
+        this.pageSize = descriptor.pageSize ?? 10
+        this.pageSizes = descriptor.pageSizes ?? '10,20,30,40,50,100'
+        this.background = descriptor.background ?? false
+        this.layoutSizes = descriptor.layoutSizes ?? true
+        this.layoutPrev = descriptor.layoutPrev ?? true
+        this.layoutPager = descriptor.layoutPager ?? true
+        this.layoutNext = descriptor.layoutNext ?? true
+        this.layoutJumper = descriptor.layoutJumper ?? true
+        this.layoutArrow = descriptor.layoutArrow ?? true
+        this.layoutTotal = descriptor.layoutTotal ?? true
+    }
+
+    getData(graphics: Graphics) {
+        const itemActor = graphics.getActor<ElPaginationActor>(this, { delta: 0 })
+
+        return itemActor === null ? {} : itemActor.getData()
+    }
+
+    reset(graphics: Graphics) {
+        const itemActor = graphics.getActor<ElPaginationActor>(this, { delta: 0 })
+        if(itemActor) itemActor.reset()
+    }
+}
+VueDescriptor.register(ElPaginationDescriptor)
+
+export {
+    ElPaginationDescriptor
+}

package/src/descriptor/ElRadioDescriptor.ts

@@ -0,0 +1,41 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+import { ElFormItemDescriptor } from "./ElFormItemDescriptor";
+
+class ElRadioDescriptor extends ElFormItemDescriptor {
+    static type = 'ElRadio'
+
+    columnName: string
+    columnComment: string
+    columnType: string
+    modelValue: string
+    labelWidth: string | number
+    required: boolean
+
+    options: string
+    label: string
+    value: string
+    disabled: boolean
+    border: boolean
+
+    constructor(descriptor: Partial<DeserializationObject<ElRadioDescriptor>> = {}) {
+        super(descriptor)
+        this.columnName = descriptor.columnName ?? ''
+        this.columnComment = descriptor.columnComment ?? ''
+        this.columnType = descriptor.columnType ?? ''
+        this.modelValue = descriptor.modelValue ?? ''
+        this.labelWidth = descriptor.labelWidth ?? ''
+        this.required = descriptor.required ?? false
+
+        this.options = descriptor.options ?? ''
+        this.label = descriptor.label ?? 'label'
+        this.value = descriptor.value ?? 'value'
+        this.disabled = descriptor.disabled ?? false
+        this.border = descriptor.border ?? false
+    }
+}
+VueDescriptor.register(ElRadioDescriptor)
+
+export {
+    ElRadioDescriptor
+}

package/src/descriptor/ElRowDescriptor.ts

@@ -0,0 +1,22 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+
+class ElRowDescriptor extends VueDescriptor {
+    static type = 'ElRow'
+
+    gutter: number
+    justify: string
+    align: string
+
+    constructor(descriptor: Partial<DeserializationObject<ElRowDescriptor>> = {}) {
+        super(descriptor)
+        this.gutter = descriptor.gutter ?? 0
+        this.justify = descriptor.justify ?? 'start'
+        this.align = descriptor.align ?? 'top'
+    }
+}
+VueDescriptor.register(ElRowDescriptor)
+
+export {
+    ElRowDescriptor
+}

package/src/descriptor/ElSelectDescriptor.ts

@@ -0,0 +1,43 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+import { ElFormItemDescriptor } from "./ElFormItemDescriptor";
+
+class ElSelectDescriptor extends ElFormItemDescriptor {
+    static type = 'ElSelect'
+
+    columnName: string
+    columnComment: string
+    columnType: string
+    modelValue: string
+    labelWidth: string | number
+    placeholder: string
+    required: boolean
+
+    options: string
+    label: string
+    value: string
+    clearable: boolean
+    disabled: boolean
+
+    constructor(descriptor: Partial<DeserializationObject<ElSelectDescriptor>> = {}) {
+        super(descriptor)
+        this.columnName = descriptor.columnName ?? ''
+        this.columnComment = descriptor.columnComment ?? ''
+        this.columnType = descriptor.columnType ?? ''
+        this.modelValue = descriptor.modelValue ?? ''
+        this.labelWidth = descriptor.labelWidth ?? ''
+        this.placeholder = descriptor.placeholder ?? ''
+        this.required = descriptor.required ?? false
+
+        this.options = descriptor.options ?? ''
+        this.label = descriptor.label ?? 'label'
+        this.value = descriptor.value ?? 'value'
+        this.clearable = descriptor.clearable ?? false
+        this.disabled = descriptor.disabled ?? false
+    }
+}
+VueDescriptor.register(ElSelectDescriptor)
+
+export {
+    ElSelectDescriptor
+}

package/src/descriptor/ElSubMenuDescriptor.ts

@@ -0,0 +1,20 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+
+class ElSubMenuDescriptor extends VueDescriptor {
+    static type = 'ElSubMenu'
+
+    icon: string
+    label: string
+
+    constructor(descriptor: Partial<DeserializationObject<ElSubMenuDescriptor>> = {}) {
+        super(descriptor)
+        this.icon = descriptor.icon ?? ''
+        this.label = descriptor.label ?? ''
+    }
+}
+VueDescriptor.register(ElSubMenuDescriptor)
+
+export {
+    ElSubMenuDescriptor
+}

package/src/descriptor/ElSwitchDescriptor.ts

@@ -0,0 +1,35 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+import { ElFormItemDescriptor } from "./ElFormItemDescriptor";
+
+class ElSwitchDescriptor extends ElFormItemDescriptor {
+    static type = 'ElSwitch'
+
+    columnName: string
+    columnComment: string
+    columnType: string
+    modelValue: boolean
+    labelWidth: string | number
+    required: boolean
+
+    disabled: boolean
+    loading: boolean
+
+    constructor(descriptor: Partial<DeserializationObject<ElSwitchDescriptor>> = {}) {
+        super(descriptor)
+        this.columnName = descriptor.columnName ?? ''
+        this.columnComment = descriptor.columnComment ?? ''
+        this.columnType = descriptor.columnType ?? ''
+        this.modelValue = descriptor.modelValue ?? false
+        this.labelWidth = descriptor.labelWidth ?? ''
+        this.required = false
+
+        this.disabled = descriptor.disabled ?? false
+        this.loading = descriptor.loading ?? false
+    }
+}
+VueDescriptor.register(ElSwitchDescriptor)
+
+export {
+    ElSwitchDescriptor
+}

package/src/descriptor/ElTableColumnDescriptor.ts

@@ -0,0 +1,41 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+
+class ElTableColumnDescriptor extends VueDescriptor {
+    static type = 'ElTableColumn'
+
+    columnName: string
+    columnType: string
+    columnComment: string
+    columnWidth: string
+    columnFixed: string | boolean
+    columnAlign: string
+    columnTooltip: boolean
+
+    formattingDataset: string
+    formattingLabel: string
+    formattingValue: string
+    formattingSeparator: string
+    formattingScript: string
+
+    constructor(descriptor: Partial<DeserializationObject<ElTableColumnDescriptor>> = {}) {
+        super(descriptor)
+        this.columnName = descriptor.columnName ?? ''
+        this.columnType = descriptor.columnType ?? 'default'
+        this.columnComment = descriptor.columnComment ?? ''
+        this.columnWidth = descriptor.columnWidth ?? ''
+        this.columnFixed = descriptor.columnFixed ?? false
+        this.columnAlign = descriptor.columnAlign ?? 'left'
+        this.columnTooltip = descriptor.columnTooltip ?? false
+        this.formattingDataset = descriptor.formattingDataset ?? ''
+        this.formattingLabel = descriptor.formattingLabel ?? 'label'
+        this.formattingValue = descriptor.formattingValue ?? 'value'
+        this.formattingSeparator = descriptor.formattingSeparator ?? '、'
+        this.formattingScript = descriptor.formattingScript ?? ''
+    }
+}
+VueDescriptor.register(ElTableColumnDescriptor)
+
+export {
+    ElTableColumnDescriptor
+}

package/src/descriptor/ElTableDescriptor.ts

@@ -0,0 +1,26 @@
+import { DeserializationObject } from "@vyr/engine";
+import { VueDescriptor } from "@vyr/vue";
+
+class ElTableDescriptor extends VueDescriptor {
+    static type = 'ElTable'
+
+    data: any[]
+    border: boolean
+    stripe: boolean
+    fit: boolean
+    showHeader: boolean
+
+    constructor(descriptor: Partial<DeserializationObject<ElTableDescriptor>> = {}) {
+        super(descriptor)
+        this.data = descriptor.data ?? []
+        this.border = descriptor.border ?? false
+        this.stripe = descriptor.stripe ?? false
+        this.fit = descriptor.fit ?? true
+        this.showHeader = descriptor.showHeader ?? true
+    }
+}
+VueDescriptor.register(ElTableDescriptor)
+
+export {
+    ElTableDescriptor
+}

package/src/descriptor/index.ts

@@ -0,0 +1,20 @@
+export * from './ElButtonDescriptor'
+export * from './ElRowDescriptor'
+export * from './ElColDescriptor'
+export * from './ElFormDescriptor'
+export * from './ElFormItemDescriptor'
+export * from './ElInputDescriptor'
+export * from './ElInputNumberDescriptor'
+export * from './ElSelectDescriptor'
+export * from './ElCascaderDescriptor'
+export * from './ElCheckboxDescriptor'
+export * from './ElDatePickerDescriptor'
+export * from './ElRadioDescriptor'
+export * from './ElSwitchDescriptor'
+export * from './ElTableColumnDescriptor'
+export * from './ElTableDescriptor'
+export * from './ElDialogDescriptor'
+export * from './ElPaginationDescriptor'
+export * from './ElMenuDescriptor'
+export * from './ElSubMenuDescriptor'
+export * from './ElMenuItemDescriptor'

package/src/index.ts

@@ -0,0 +1,7 @@
+export * from './locale'
+export * from './descriptor'
+export * from './interpreter'
+export * from './actor'
+export * from './asset'
+export * from './preset'
+export * from './utils'

package/src/interpreter/ElButtonInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElButtonDescriptor } from "../descriptor";
+import { ElButtonActor } from "../actor";
+
+class ElButtonInterpreter extends VueInterpreter {
+    static type = ElButtonDescriptor.type
+
+    protected createActor(descriptor: ElButtonDescriptor, args: UpdateArgs) {
+        return reactive(new ElButtonActor(descriptor.uuid)) as ElButtonActor
+    }
+}
+VueInterpreter.register(ElButtonInterpreter)
+
+export {
+    ElButtonInterpreter
+}

package/src/interpreter/ElCascaderInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElCascaderDescriptor } from "../descriptor";
+import { ElCascaderActor } from "../actor";
+
+class ElCascaderInterpreter extends VueInterpreter {
+    static type = ElCascaderDescriptor.type
+
+    protected createActor(descriptor: ElCascaderDescriptor, args: UpdateArgs) {
+        return reactive(new ElCascaderActor(descriptor.uuid)) as ElCascaderActor
+    }
+}
+VueInterpreter.register(ElCascaderInterpreter)
+
+export {
+    ElCascaderInterpreter
+}

package/src/interpreter/ElCheckboxInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElCheckboxDescriptor } from "../descriptor";
+import { ElCheckboxActor } from "../actor";
+
+class ElCheckboxInterpreter extends VueInterpreter {
+    static type = ElCheckboxDescriptor.type
+
+    protected createActor(descriptor: ElCheckboxDescriptor, args: UpdateArgs) {
+        return reactive(new ElCheckboxActor(descriptor.uuid)) as ElCheckboxActor
+    }
+}
+VueInterpreter.register(ElCheckboxInterpreter)
+
+export {
+    ElCheckboxInterpreter
+}

package/src/interpreter/ElColInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElColDescriptor } from "../descriptor";
+import { ElColActor } from "../actor";
+
+class ElColInterpreter extends VueInterpreter {
+    static type = ElColDescriptor.type
+
+    protected createActor(descriptor: ElColDescriptor, args: UpdateArgs) {
+        return reactive(new ElColActor(descriptor.uuid)) as ElColActor
+    }
+}
+VueInterpreter.register(ElColInterpreter)
+
+export {
+    ElColInterpreter
+}

package/src/interpreter/ElDatePickerInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElDatePickerDescriptor } from "../descriptor";
+import { ElDatePickerActor } from "../actor";
+
+class ElDatePickerInterpreter extends VueInterpreter {
+    static type = ElDatePickerDescriptor.type
+
+    protected createActor(descriptor: ElDatePickerDescriptor, args: UpdateArgs) {
+        return reactive(new ElDatePickerActor(descriptor.uuid)) as ElDatePickerActor
+    }
+}
+VueInterpreter.register(ElDatePickerInterpreter)
+
+export {
+    ElDatePickerInterpreter
+}

package/src/interpreter/ElDialogInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElDialogDescriptor } from "../descriptor";
+import { ElDialogActor } from "../actor";
+
+class ElDialogInterpreter extends VueInterpreter {
+    static type = ElDialogDescriptor.type
+
+    protected createActor(descriptor: ElDialogDescriptor, args: UpdateArgs) {
+        return reactive(new ElDialogActor(descriptor.uuid)) as ElDialogActor
+    }
+}
+VueInterpreter.register(ElDialogInterpreter)
+
+export {
+    ElDialogInterpreter
+}

package/src/interpreter/ElFormInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElFormDescriptor } from "../descriptor";
+import { ElFormActor } from "../actor";
+
+class ElFormInterpreter extends VueInterpreter {
+    static type = ElFormDescriptor.type
+
+    protected createActor(descriptor: ElFormDescriptor, args: UpdateArgs) {
+        return reactive(new ElFormActor(descriptor.uuid)) as ElFormActor
+    }
+}
+VueInterpreter.register(ElFormInterpreter)
+
+export {
+    ElFormInterpreter
+}

package/src/interpreter/ElInputInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElInputDescriptor } from "../descriptor";
+import { ElInputActor } from "../actor";
+
+class ElInputInterpreter extends VueInterpreter {
+    static type = ElInputDescriptor.type
+
+    protected createActor(descriptor: ElInputDescriptor, args: UpdateArgs) {
+        return reactive(new ElInputActor(descriptor.uuid)) as ElInputActor
+    }
+}
+VueInterpreter.register(ElInputInterpreter)
+
+export {
+    ElInputInterpreter
+}

package/src/interpreter/ElInputNumberInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElInputNumberDescriptor } from "../descriptor";
+import { ElInputNumberActor } from "../actor";
+
+class ElInputNumberInterpreter extends VueInterpreter {
+    static type = ElInputNumberDescriptor.type
+
+    protected createActor(descriptor: ElInputNumberDescriptor, args: UpdateArgs) {
+        return reactive(new ElInputNumberActor(descriptor.uuid)) as ElInputNumberActor
+    }
+}
+VueInterpreter.register(ElInputNumberInterpreter)
+
+export {
+    ElInputNumberInterpreter
+}

package/src/interpreter/ElMenuInterpreter.ts

@@ -0,0 +1,18 @@
+import { reactive } from "vue";
+import { UpdateArgs } from "@vyr/engine";
+import { VueInterpreter } from "@vyr/vue";
+import { ElMenuDescriptor } from "../descriptor";
+import { ElMenuActor } from "../actor";
+
+class ElMenuInterpreter extends VueInterpreter {
+    static type = ElMenuDescriptor.type
+
+    protected createActor(descriptor: ElMenuDescriptor, args: UpdateArgs) {
+        return reactive(new ElMenuActor(descriptor.uuid)) as ElMenuActor
+    }
+}
+VueInterpreter.register(ElMenuInterpreter)
+
+export {
+    ElMenuInterpreter
+}