@javaguns/flow-ui
Version:
``` <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
2 lines (1 loc) • 2.02 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");require("../flow-widget/flow-node-addbutton/index.js");require("../flow-widget/flow-node-delbutton/index.js");require("../flow-widget/flow-node-delconfirm/index.js");require("../flow-widget/flow-node-errorwarn/index.js");require("../flow-widget/flow-node-dragtool/index.js");const d=require("../flow-widget/flow-node-zoom/index.js");require("../flow-widget/flow-task-status/index.js");require("../flow-widget/flow-task-image/index.js");require("../flow-widget/flow-task-timeline/index.js");require("../flow-widget/flow-task-user/index.js");const c={class:"guns-flow-design-panel-context"},m=e.defineComponent({name:"flow-design-panel"}),p=e.defineComponent({...m,props:{paddingTop:{},scroll:{type:Boolean,default:!0},top:{default:""},zoomTop:{default:70},showZoom:{type:Boolean,default:!0},height:{},drag:{type:Boolean,default:!1}},setup(u){const t=u;let l=e.ref(100);const a=e.computed(()=>({height:t.height?t.height:"100vh"})),s=e.computed(()=>{const o={height:"100vh"};return t.scroll&&(o.overflow="auto"),t.height&&(o.height=t.height),t.top&&(o.height="calc(100vh - "+t.top+")"),o}),i=e.computed(()=>{const o=l.value/100;return{zoom:l.value<100?o:0,transform:l.value>=100?`scale(${o},${o})`:0,transformOrigin:"0 0",paddingBottom:"30px"}});return(o,n)=>(e.openBlock(),e.createElementBlock("main",{class:"guns-flow-design-panel",style:e.normalizeStyle(a.value)},[e.createElementVNode("div",c,[e.createElementVNode("div",{class:"guns-flow-design-panel-container",style:e.normalizeStyle(s.value)},[e.createElementVNode("div",{style:e.normalizeStyle(i.value)},[e.renderSlot(o.$slots,"default")],4)],4)]),o.showZoom?(e.openBlock(),e.createBlock(e.unref(d.GunsFlowZoom),{key:0,modelValue:e.unref(l),"onUpdate:modelValue":n[0]||(n[0]=r=>e.isRef(l)?l.value=r:l=r),top:t.zoomTop},null,8,["modelValue","top"])):e.createCommentVNode("",!0)],4))}});exports.default=p;