@javaguns/flow-ui/lib/src/flow-designer/hooks/interaction.js

``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("vue"),o=require("../../utils/api.js"),w=require("../../hooks/useNode.js"),b=require("../../hooks/useData.js");function j(e,i,t,f){const{initNode:I}=b.default(),{validate:r}=w.useNode(),l=v.ref(null),u=v.ref(null),y=v.ref(!1),n=()=>{i("close")},m=()=>{i("preview",{modelId:l.value,definitionId:u.value})},D=async()=>{if(!r(e.value))return e.value;if(t.value=!0,e.value&&l.value){const a={modelId:l.value,definitionId:u.value,node:e.value};y.value?t.value=!1:(await o.saveDesign(a),t.value=!1,n())}else t.value=!1;return e.value},g=async()=>{if(!r(e.value))return e.value;if(t.value=!0,console.log("getValue",JSON.stringify(e)),e.value&&l.value){const a={modelId:l.value,definitionId:u.value,node:e.value};await o.updateDesignUpgrade(a),t.value=!1,n()}else t.value=!1},p=async()=>{const a={modelId:l.value,definitionId:u.value};c(a)},c=async a=>{const d=a.json;if(d)Object.assign(e.value,d);else{t.value=!0,f(a.modelId,a.definitionId);const s=await o.getDesign({modelId:a.modelId,formKey:a.formKey,modelKey:a.modelKey,edit:!0});s&&s.data&&s.data.data?e.value=s.data.data:e.value=I(),l.value=a.modelId,u.value=a.definitionId,t.value=!1,i("load",{node:e.value})}};return{loading:t,publish:D,upgrade:g,refresh:p,preview:m,close:n,setData:c,getData:()=>e.value,modelId:l,definitionId:u}}exports.useInteraction=j;