@vyr/element-plus 0.0.1 → 0.0.2

package/src/interpreter/ElSelectInterpreter.ts

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

package/src/interpreter/ElSubMenuInterpreter.ts

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

package/src/interpreter/ElSwitchInterpreter.ts

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

package/src/interpreter/ElTableColumnInterpreter.ts

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

package/src/interpreter/ElTableInterpreter.ts

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

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

@@ -1,11 +1,10 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Graphics, InteractionNode, Scriptable, ScriptableArgs } 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
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: ScriptableArgs) {
         const { input } = args
         const dialog = input?.user?.dialog.value ?? input.default.dialog.value
 
@@ -17,7 +16,7 @@ class RoutineScriptable extends Scriptable {
         dialogDescriptor.setNeedsUpdate()
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -28,11 +27,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

@@ -1,11 +1,10 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Graphics, InteractionNode, Scriptable, ScriptableArgs } 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
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: ScriptableArgs) {
         const { input } = args
         const dialog = input?.user?.dialog.value ?? input.default.dialog.value
         const title = input?.user?.title.value ?? input.default.title.value
@@ -19,23 +18,23 @@ class RoutineScriptable extends Scriptable {
         dialogDescriptor.setNeedsUpdate()
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
         dialog: { value: args.dialog ?? '' },
-        title: { value: args.title ?? '系统弹窗' }
+        title: { value: args.title ?? '' }
     }
 
     return input
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

@@ -1,10 +1,9 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Graphics, InteractionNode, Scriptable, ScriptableArgs } 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
+class InteractionScriptable extends Scriptable {
+    execute(graphics: Graphics, args: ScriptableArgs) {
         const { input, result } = args
         const primaryKey = input?.user?.primaryKey.value ?? input.default.primaryKey.value
 
@@ -17,7 +16,7 @@ class RoutineScriptable extends Scriptable {
         return ['number', 'string'].includes(typeof value) && value.length > 0 ? '1' : '0'
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -28,11 +27,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Branch',
+        interaction: 'Branch',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

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

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

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

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

@@ -1,11 +1,10 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Descriptor, Graphics, InteractionNode, Scriptable, ScriptableArgs } 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
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: ScriptableArgs) {
         const { input } = args
         const form = input?.user?.form.value ?? input.default.form.value
         const validate = input?.user?.validate.value ?? input.default.validate.value
@@ -19,7 +18,7 @@ class RoutineScriptable extends Scriptable {
         }
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -31,11 +30,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

@@ -1,11 +1,10 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs, AsyncTask } from "@vyr/engine"
+import { Asset, Descriptor, Graphics, InteractionNode, Scriptable, AsyncTask, ScriptableArgs } 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
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: ScriptableArgs) {
         const { input } = args
         const form = input?.user?.form.value ?? input.default.form.value
 
@@ -24,7 +23,7 @@ class RoutineScriptable extends Scriptable {
         await task.done()
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -35,11 +34,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

@@ -1,11 +1,10 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Descriptor, Graphics, InteractionNode, Scriptable, ScriptableArgs } 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
+class InteractionScriptable extends Scriptable {
+    execute(graphics: Graphics, args: ScriptableArgs) {
         const { input } = args
         const pagination = input?.user?.pagination.value ?? input.default.pagination.value
 
@@ -17,7 +16,7 @@ class RoutineScriptable extends Scriptable {
         }
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -28,11 +27,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

@@ -1,11 +1,10 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Descriptor, Graphics, InteractionNode, Scriptable, ScriptableArgs } from "@vyr/engine"
 import { language } from '../../../locale'
 import { ElPaginationDescriptor } from "../../../descriptor"
 
 const scriptable = Asset.createVirtualUrl('preset/ElPagination/reset.ts')
-class RoutineScriptable extends Scriptable {
-    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
-        //@ts-ignore
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: ScriptableArgs) {
         const { input } = args
         const pagination = input?.user?.pagination.value ?? input.default.pagination.value
 
@@ -15,7 +14,7 @@ class RoutineScriptable extends Scriptable {
         }
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -26,11 +25,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

@@ -1,15 +1,14 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Graphics, InteractionNode, Scriptable, ScriptableArgs } from "@vyr/engine"
 import { language } from '../../../locale'
 
 const scriptable = Asset.createVirtualUrl('preset/ElTable/create.ts')
-class RoutineScriptable extends Scriptable {
-    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
-        //@ts-ignore
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: ScriptableArgs) {
 
         return {}
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -19,11 +18,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

package/src/preset/execute/ElTable/delete.ts

@@ -1,12 +1,12 @@
 import { ElMessageBox } from "element-plus"
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Graphics, InteractionNode, Scriptable } from "@vyr/engine"
+import { VueScriptableArgs } from "@vyr/vue"
 import { ElTableColumnDescriptor } from "../../../descriptor"
 import { language } from '../../../locale'
 
 const scriptable = Asset.createVirtualUrl('preset/ElTable/delete.ts')
-class RoutineScriptable extends Scriptable {
-    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
-        //@ts-ignore
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: VueScriptableArgs) {
         const { VYR_STORE, trigger } = args
 
         return new Promise((resolve, reject) => {
@@ -23,7 +23,7 @@ class RoutineScriptable extends Scriptable {
         })
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -33,11 +33,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: 20, y: 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

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

@@ -1,15 +1,15 @@
-import { Asset, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Graphics, InteractionNode, Scriptable } from "@vyr/engine"
+import { VueScriptableArgs } from "@vyr/vue"
 import { language } from '../../../locale'
 
 const scriptable = Asset.createVirtualUrl('preset/ElTable/edit.ts')
-class RoutineScriptable extends Scriptable {
-    async execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
-        //@ts-ignore
+class InteractionScriptable extends Scriptable {
+    async execute(graphics: Graphics, args: VueScriptableArgs) {
         const { VYR_STORE } = args
         return VYR_STORE.slot.row
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -19,11 +19,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

package/src/preset/execute/ElTableColumn/formatter.ts

@@ -1,9 +1,10 @@
-import { Asset, Category, DatasetDescriptor, Descriptor, Graphics, RoutineNode, Scriptable, UpdateArgs } from "@vyr/engine"
+import { Asset, Category, DatasetDescriptor, Graphics, InteractionNode, Scriptable } from "@vyr/engine"
+import { VueScriptableArgs } from "@vyr/vue"
 import { language } from '../../../locale'
 import { ElTableColumnDescriptor } from "../../../descriptor"
 
 const scriptable = Asset.createVirtualUrl('preset/ElTableColumn/formatter.ts')
-class RoutineScriptable extends Scriptable {
+class InteractionScriptable extends Scriptable {
     traverseData = (options: any[], col: ElTableColumnDescriptor, cache: Map<string, any>) => {
         for (const option of options) {
             cache.set(option[col.formattingValue], option[col.formattingLabel])
@@ -27,8 +28,7 @@ class RoutineScriptable extends Scriptable {
         return labels.join(col.formattingSeparator)
     }
 
-    execute(descriptor: Descriptor, graphics: Graphics, args: UpdateArgs) {
-        //@ts-ignore
+    execute(graphics: Graphics, args: VueScriptableArgs<ElTableColumnDescriptor>) {
         const { trigger, input, result } = args
         const dataset = input?.user?.dataset.value
 
@@ -44,7 +44,7 @@ class RoutineScriptable extends Scriptable {
         }
     }
 }
-Asset.provider(scriptable, async () => ({ default: RoutineScriptable }))
+Asset.provider(scriptable, async () => ({ default: InteractionScriptable }))
 
 const createExecuteInput = (args: any = {}) => {
     const input = {
@@ -55,11 +55,11 @@ const createExecuteInput = (args: any = {}) => {
 }
 
 const createExecuteNode = (options: { id: string; position?: any; input?: any }) => {
-    const executeNode: RoutineNode = {
+    const executeNode: InteractionNode = {
         id: options.id,
         label: language.get(scriptable as any),
         position: { x: options?.position?.x ?? 20, y: options?.position?.y ?? 20 },
-        routine: 'Execute',
+        interaction: 'Execute',
         url: scriptable,
         input: createExecuteInput(options.input)
     }

package/src/preset/index.ts

@@ -1,7 +1,7 @@
 import * as executePreset from './execute'
-import * as routinePreset from './routine'
+import * as interactionPreset from './interaction'
 
 export {
     executePreset,
-    routinePreset
+    interactionPreset
 }

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

@@ -0,0 +1,26 @@
+import { Asset, InteractionDescriptor } from "@vyr/engine"
+import { ElDialog } from '../../execute'
+
+const url = Asset.createVirtualUrl('preset/ElDialog/close.interaction.json')
+const nodes = {
+    dialog: 'dialog',
+}
+let _currentInteraction: InteractionDescriptor | null = null
+const interactionProvider = async () => {
+    if (_currentInteraction === null) {
+        _currentInteraction = new InteractionDescriptor()
+        const dialogNode = ElDialog.close.createExecuteNode({ id: nodes.dialog })
+        _currentInteraction.addNode([dialogNode])
+        _currentInteraction.roots.push(dialogNode.id)
+    }
+    return _currentInteraction
+}
+
+Asset.provider(url, interactionProvider)
+
+export {
+    url,
+    nodes,
+}
+
+

package/src/preset/interaction/ElTable/create.ts

@@ -0,0 +1,31 @@
+import { Asset, InteractionDescriptor, executePreset } from "@vyr/engine"
+import { ElDialog, ElTable } from '../../execute'
+
+const url = Asset.createVirtualUrl('preset/ElTable/create.interaction.json')
+const nodes = {
+    create: 'create',
+    dataset: 'dataset',
+    dialog: 'dialog',
+}
+let _currentInteraction: InteractionDescriptor | null = null
+const interactionProvider = async () => {
+    if (_currentInteraction === null) {
+        _currentInteraction = new InteractionDescriptor()
+        const createNode = ElTable.create.createExecuteNode({ id: nodes.create })
+        const datasetNode = executePreset.dataset.update.createExecuteNode({ id: nodes.dataset, position: { x: 250, y: 20 } })
+        const dialogNode = ElDialog.open.createExecuteNode({ id: nodes.dialog, position: { x: 500, y: 20 } })
+
+        _currentInteraction.addNode([createNode, datasetNode, dialogNode])
+        _currentInteraction.roots.push(createNode.id)
+    }
+    return _currentInteraction
+}
+
+Asset.provider(url, interactionProvider)
+
+export {
+    url,
+    nodes,
+}
+
+

package/src/preset/interaction/ElTable/delete.ts

@@ -0,0 +1,31 @@
+import { Asset, InteractionDescriptor, executePreset } from "@vyr/engine"
+import { ElTable } from '../../execute'
+
+const url = Asset.createVirtualUrl('preset/ElTable/delete.interaction.json')
+const nodes = {
+    delete: 'delete',
+    request: 'request',
+    refresh: 'refresh',
+}
+let _currentInteraction: InteractionDescriptor | null = null
+const interactionProvider = async () => {
+    if (_currentInteraction === null) {
+        _currentInteraction = new InteractionDescriptor()
+        const deleteNode = ElTable.delete.createExecuteNode({ id: nodes.delete })
+        const requestNode = executePreset.net.http.createExecuteNode({ id: nodes.request, position: { x: 250, y: 20 } })
+        const refreshNode = executePreset.graphics.invoke.createExecuteNode({ id: nodes.refresh, position: { x: 500, y: 20 } })
+
+        _currentInteraction.addNode([deleteNode, requestNode, refreshNode])
+        _currentInteraction.roots.push(deleteNode.id)
+    }
+    return _currentInteraction
+}
+
+Asset.provider(url, interactionProvider)
+
+export {
+    url,
+    nodes,
+}
+
+