@vyr/element-plus 0.0.1

package/src/interpreter/ElMenuItemInterpreter.ts

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

package/src/interpreter/ElPaginationInterpreter.ts

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

package/src/interpreter/ElRadioInterpreter.ts

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

package/src/interpreter/ElRowInterpreter.ts

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

package/src/interpreter/ElSelectInterpreter.ts

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

package/src/interpreter/ElSubMenuInterpreter.ts

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

package/src/interpreter/ElSwitchInterpreter.ts

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

package/src/interpreter/ElTableColumnInterpreter.ts

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

package/src/interpreter/ElTableInterpreter.ts

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

package/src/interpreter/index.ts

@@ -0,0 +1,33 @@
+import Element from 'element-plus'
+//@ts-ignore
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import 'element-plus/dist/index.css'
+import { Locale } from '@vyr/locale'
+import { VueDescriptor } from '@vyr/vue'
+import { language } from '../locale'
+
+VueDescriptor.use(Element, () => {
+    const current = Locale.getLanguage(language.name)
+    //@ts-ignore
+    if (current._provider.id === language._provider.id) return { locale: zhCn }
+})
+
+export * from './ElButtonInterpreter'
+export * from './ElRowInterpreter'
+export * from './ElColInterpreter'
+export * from './ElFormInterpreter'
+export * from './ElInputInterpreter'
+export * from './ElInputNumberInterpreter'
+export * from './ElSelectInterpreter'
+export * from './ElCascaderInterpreter'
+export * from './ElCheckboxInterpreter'
+export * from './ElDatePickerInterpreter'
+export * from './ElRadioInterpreter'
+export * from './ElSwitchInterpreter'
+export * from './ElTableColumnInterpreter'
+export * from './ElTableInterpreter'
+export * from './ElDialogInterpreter'
+export * from './ElPaginationInterpreter'
+export * from './ElMenuInterpreter'
+export * from './ElSubMenuInterpreter'
+export * from './ElMenuItemInterpreter'

package/src/locale/Language.ts

@@ -0,0 +1,10 @@
+import { Locale } from "@vyr/locale";
+import { zhCnLanguageProvider, ZhCNLanguageProvider } from "./LanguageProvider";
+
+Locale.register(zhCnLanguageProvider)
+
+const language = Locale.getLanguage<ZhCNLanguageProvider>(zhCnLanguageProvider.name)
+
+export {
+    language
+}

package/src/locale/LanguageProvider.ts

@@ -0,0 +1,64 @@
+import { LanguageProvider } from '@vyr/locale'
+
+interface ZhCNLanguageProvider extends LanguageProvider {
+    'utils.validator.required': string
+
+    '/virtual:/preset/ElForm/getData.ts': string
+    '/virtual:/preset/ElForm/reset.ts': string
+    '/virtual:/preset/ElForm/branch.ts': string
+    '/virtual:/preset/ElForm/branch/create.ts': string
+    '/virtual:/preset/ElForm/branch/edit.ts': string
+
+    '/virtual:/preset/ElPagination/getData.ts': string
+    '/virtual:/preset/ElPagination/reset.ts': string
+
+    '/virtual:/preset/ElTable/create.ts': string
+
+    '/virtual:/preset/ElTable/edit.ts': string
+
+    '/virtual:/preset/ElTable/delete.ts': string
+
+    '/virtual:/preset/ElTableColumn/formatter.ts': string
+
+    '/virtual:/preset/ElDialog/open.ts': string
+
+    '/virtual:/preset/ElDialog/close.ts': string
+
+    'preset.ElMessageBox.title': string
+    'preset.ElTable.delete.message': string
+}
+
+const zhCnLanguageProvider: ZhCNLanguageProvider = {
+    id: 'zh_CN',
+    name: '@vyr/element-plus',
+    'utils.validator.required': '{{name}}不能为空！',
+
+    '/virtual:/preset/ElForm/getData.ts': '获取表单数据',
+    '/virtual:/preset/ElForm/reset.ts': '重置表单',
+    '/virtual:/preset/ElForm/branch.ts': '是否为新增表单',
+    '/virtual:/preset/ElForm/branch/create.ts': '新增表单',
+    '/virtual:/preset/ElForm/branch/edit.ts': '编辑表单',
+
+    '/virtual:/preset/ElPagination/getData.ts': '获取分页数据',
+    '/virtual:/preset/ElPagination/reset.ts': '重置分页',
+
+    '/virtual:/preset/ElTable/create.ts': '新增表格项',
+
+    '/virtual:/preset/ElTable/edit.ts': '编辑表格项',
+
+    '/virtual:/preset/ElTable/delete.ts': '删除表格项',
+
+    '/virtual:/preset/ElTableColumn/formatter.ts': '格式化表格列',
+
+    '/virtual:/preset/ElDialog/open.ts': '打开弹窗',
+
+    '/virtual:/preset/ElDialog/close.ts': '关闭弹窗',
+
+    'preset.ElMessageBox.title': '系统提示',
+    'preset.ElTable.delete.message': '您确认删除该条数据吗?',
+}
+
+export {
+    ZhCNLanguageProvider,
+    zhCnLanguageProvider,
+}

package/src/locale/index.ts

@@ -0,0 +1,2 @@
+export * from './LanguageProvider'
+export * from './Language'

package/src/preset/execute/ElDialog/close.ts

@@ -0,0 +1,48 @@
+import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { language } from '../../../locale'
+import { ElDialogDescriptor } from "../../../descriptor"
+
+const scriptable = Asset.createVirtualUrl('preset/ElDialog/close.ts')
+class RoutineScriptable extends Scriptable {
+    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
+        //@ts-ignore
+        const { input } = args
+        const dialog = input?.user?.dialog.value ?? input.default.dialog.value
+
+        const dialogDescriptor = ElDialogDescriptor.get<ElDialogDescriptor>(dialog)
+        if (dialogDescriptor === null) return
+
+        dialogDescriptor.visible = false
+
+        dialogDescriptor.setNeedsUpdate()
+    }
+}
+Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        dialog: { value: args.dialog ?? '' }
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Execute',
+        url: scriptable,
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+
+

package/src/preset/execute/ElDialog/index.ts

@@ -0,0 +1,2 @@
+export * as open from './open'
+export * as close from './close'

package/src/preset/execute/ElDialog/open.ts

@@ -0,0 +1,51 @@
+import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { language } from '../../../locale'
+import { ElDialogDescriptor } from "../../../descriptor"
+
+const scriptable = Asset.createVirtualUrl('preset/ElDialog/open.ts')
+class RoutineScriptable extends Scriptable {
+    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
+        //@ts-ignore
+        const { input } = args
+        const dialog = input?.user?.dialog.value ?? input.default.dialog.value
+        const title = input?.user?.title.value ?? input.default.title.value
+
+        const dialogDescriptor = ElDialogDescriptor.get<ElDialogDescriptor>(dialog)
+        if (dialogDescriptor === null) return
+
+        dialogDescriptor.title = title
+        dialogDescriptor.visible = true
+
+        dialogDescriptor.setNeedsUpdate()
+    }
+}
+Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        dialog: { value: args.dialog ?? '' },
+        title: { value: args.title ?? '系统弹窗' }
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Execute',
+        url: scriptable,
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+
+

package/src/preset/execute/ElForm/branch.ts

@@ -0,0 +1,47 @@
+import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { language } from '../../../locale'
+
+const scriptable = Asset.createVirtualUrl('preset/ElForm/branch.ts')
+class RoutineScriptable extends Scriptable {
+    execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
+        //@ts-ignore
+        const { input, result } = args
+        const primaryKey = input?.user?.primaryKey.value ?? input.default.primaryKey.value
+
+        if (!primaryKey) return
+
+        const formData = result.get(input.previous)
+
+        const value = formData[primaryKey]
+
+        return ['number', 'string'].includes(typeof value) && value.length > 0 ? '1' : '0'
+    }
+}
+Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        primaryKey: { value: args.primaryKey ?? 'id' },
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Branch',
+        url: scriptable,
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+

package/src/preset/execute/ElForm/create.ts

@@ -0,0 +1,31 @@
+import { Asset, RoutineNode } from "@vyr/engine"
+import { language } from '../../../locale'
+
+const scriptable = Asset.createVirtualUrl('preset/ElForm/branch/create.ts')
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        condition: { value: args.condition ?? '0' }
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Condition',
+        url: '',
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+

package/src/preset/execute/ElForm/edit.ts

@@ -0,0 +1,31 @@
+import { Asset, RoutineNode } from "@vyr/engine"
+import { language } from '../../../locale'
+
+const scriptable = Asset.createVirtualUrl('preset/ElForm/branch/edit.ts')
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        condition: { value: args.condition ?? '1' }
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Condition',
+        url: '',
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+

package/src/preset/execute/ElForm/getData.ts

@@ -0,0 +1,51 @@
+import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { language } from '../../../locale'
+import { ElFormDescriptor } from "../../../descriptor"
+
+const scriptable = Asset.createVirtualUrl('preset/ElForm/getData.ts')
+class RoutineScriptable extends Scriptable {
+    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
+        //@ts-ignore
+        const { input } = args
+        const form = input?.user?.form.value ?? input.default.form.value
+        const validate = input?.user?.validate.value ?? input.default.validate.value
+
+        const formDescriptor = Descriptor.get<ElFormDescriptor>(form)
+        if (formDescriptor instanceof ElFormDescriptor) {
+            if (validate === '1') await formDescriptor.validate(graphics)
+            return await formDescriptor.getData(graphics)
+        } else {
+            return {}
+        }
+    }
+}
+Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        form: { value: args.form ?? '' },
+        validate: { value: args.validate ?? '0' },
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Execute',
+        url: scriptable,
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+
+

package/src/preset/execute/ElForm/index.ts

@@ -0,0 +1,5 @@
+export * as getData from './getData'
+export * as reset from './reset'
+export * as branch from './branch'
+export * as create from './create'
+export * as edit from './edit'

package/src/preset/execute/ElForm/reset.ts

@@ -0,0 +1,55 @@
+import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs, AsyncTask } from "@vyr/engine"
+import { language } from '../../../locale'
+import { ElFormDescriptor, ElFormItemDescriptor } from "../../../descriptor"
+
+const scriptable = Asset.createVirtualUrl('preset/ElForm/reset.ts')
+class RoutineScriptable extends Scriptable {
+    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
+        //@ts-ignore
+        const { input } = args
+        const form = input?.user?.form.value ?? input.default.form.value
+
+        const formDescriptor = Descriptor.get<ElFormDescriptor>(form)
+        if (formDescriptor instanceof ElFormDescriptor) {
+            for (const item of formDescriptor.children) {
+                if (item instanceof ElFormItemDescriptor) {
+                    item.modelValue = ''
+                    item.setNeedsUpdate()
+                }
+            }
+        }
+
+        const task = new AsyncTask()
+        graphics.engine.listen('afterRender', () => { task.run() }, { once: true })
+        await task.done()
+    }
+}
+Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        form: { value: args.form ?? '' },
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Execute',
+        url: scriptable,
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+
+

package/src/preset/execute/ElPagination/getData.ts

@@ -0,0 +1,48 @@
+import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { language } from '../../../locale'
+import { ElPaginationDescriptor } from "../../../descriptor"
+
+const scriptable = Asset.createVirtualUrl('preset/ElPagination/getData.ts')
+class RoutineScriptable extends Scriptable {
+    execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
+        //@ts-ignore
+        const { input } = args
+        const pagination = input?.user?.pagination.value ?? input.default.pagination.value
+
+        const paginationDescriptor = Descriptor.get<ElPaginationDescriptor>(pagination)
+        if (paginationDescriptor instanceof ElPaginationDescriptor) {
+            return paginationDescriptor.getData(graphics)
+        } else {
+            return {}
+        }
+    }
+}
+Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+
+const createExecuteInput = (args: any = {}) => {
+    const input = {
+        pagination: { value: args.pagination ?? '' }
+    }
+
+    return input
+}
+
+const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
+    const executeNode: RoutineNode = {
+        id: options.id,
+        label: language.get(scriptable as any),
+        position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
+        routine: 'Execute',
+        url: scriptable,
+        input: createExecuteInput(options.input)
+    }
+    return executeNode
+}
+
+export {
+    scriptable,
+    createExecuteInput,
+    createExecuteNode,
+}
+
+

package/src/preset/execute/ElPagination/index.ts

@@ -0,0 +1,2 @@
+export * as getData from './getData'
+export * as reset from './reset'