@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) • 973 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const p={class:"flow-zoom-container"},f=e.defineComponent({name:"flow-zoom"}),_=e.defineComponent({...f,props:{min:{default:50},max:{default:200},top:{default:70}},emits:["update:modelValue"],setup(s,{emit:u}){const c=s,r=100,l=50,n=200;let t=e.ref(r);const m=e.reactive({top:Number(c.top)+"px"}),a=u,i=()=>{let o=t.value;o-=10,o<=l&&(o=l),t.value=o,a("update:modelValue",o)},d=()=>{let o=t.value;o+=10,o>=n&&(o=n),t.value=o,a("update:modelValue",o)};return(o,v)=>(e.openBlock(),e.createElementBlock("div",{class:"flow-zoom-wrap",style:e.normalizeStyle(m)},[e.createElementVNode("div",p,[e.createElementVNode("div",{class:"flow-zoom-less",onClick:i}),e.createElementVNode("span",null,e.toDisplayString(e.unref(t))+"%",1),e.createElementVNode("div",{class:"flow-zoom-more",onClick:d})])],4))}});exports.default=_;