@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) • 1.56 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@javaguns/utils"),p=require("../../hooks/useIcon.js"),f=e.defineComponent({name:"flow-drawer-header"}),m=e.defineComponent({...f,props:{node:{default:{color1:"rgb(250, 146, 0)",color2:"rgb(250, 146, 0)",color3:"rgb(255, 188, 88)",title:"",nodeName:""}},title:{}},setup(d){const u=r.pluginManager.getComponent("Row"),a=r.pluginManager.getComponent("Col"),c=r.pluginManager.getComponent("Input"),o=d,{loadIcon:i}=p.default();e.watch(()=>o.title,(t,n)=>{o.node.nodeName=t});const s=e.computed(()=>t=>({height:"60px",width:"100%","line-height":"60px",padding:"0px 10px",background:`linear-gradient(271deg, ${t.color1} 9%, ${t.color2} 35%, ${t.color3} 100%)`}));return e.onMounted(()=>{o.title&&(o.node.nodeName=o.title)}),(t,n)=>(e.openBlock(),e.createElementBlock("header",{class:"flow-drawer-header",style:e.normalizeStyle(s.value(o.node))},[e.createVNode(e.unref(u),{gutter:20},{default:e.withCtx(()=>[e.createVNode(e.unref(a),{span:1},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)(o.node)),{size:"20",color:"#fff"}))]),_:1}),e.createVNode(e.unref(a),{span:21},{default:e.withCtx(()=>[e.createVNode(e.unref(c),{modelValue:o.node.nodeName,"onUpdate:modelValue":n[0]||(n[0]=l=>o.node.nodeName=l),value:o.node.nodeName,"onUpdate:value":n[1]||(n[1]=l=>o.node.nodeName=l),class:"flow-drawer-header-title"},null,8,["modelValue","value"])]),_:1})]),_:1})],4))}});exports.default=m;