UNPKG

@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.54 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@javaguns/utils"),I=require("@javaguns/icon"),O=require("../../utils/adminApi.js"),T={class:"flow-select-org-tree"},k={class:"left-header"},x={class:"left-header-title"},b={class:"search"},D={class:"left-tree"},E=e.defineComponent({name:"flow-selection-org-tree"}),M=e.defineComponent({...E,props:{headerTitle:{default:""},isRadio:{type:Boolean}},emits:["treeSelect","update:currentSelectOrgId"],setup(p,{expose:g,emit:m}){const v=i.pluginManager.getComponent("InputSearch"),h=i.pluginManager.getComponent("Empty"),_=i.pluginManager.getComponent("Tree"),S=i.pluginManager.getComponent("Button"),C=p,{appContext:w}=e.getCurrentInstance(),c=w.app.config.globalProperties.$flowUI,d=e.ref(),l=e.ref(""),u=e.ref(!1);e.ref(!0);const n=e.ref([]);e.ref([]),e.ref([]);const s=e.ref([]);e.watch(l,t=>{c=="element-plus"&&d.value.filter(t)});const o=m,f=t=>{c=="element-plus"?(o("treeSelect",t),o("update:currentSelectOrgId",t.id)):(o("treeSelect",t),o("update:currentSelectOrgId",t[0]))},N=(t,a)=>t?a.name.indexOf(t)!==-1:!0,V=t=>{const a=s.value.filter(r=>r.name.indexOf(t)!==-1);n.value=a},y=async()=>{try{u.value=!0;const t=await O.getOrgTree({});n.value=t.data.data,s.value=t.data.data}finally{u.value=!1}};return e.onMounted(y),g({}),(t,a)=>(e.openBlock(),e.createElementBlock("div",T,[e.createElementVNode("div",k,[e.createElementVNode("span",x,e.toDisplayString(C.headerTitle),1)]),e.createElementVNode("div",b,[e.createVNode(e.unref(v),{value:l.value,"onUpdate:value":a[0]||(a[0]=r=>l.value=r),modelValue:l.value,"onUpdate:modelValue":a[1]||(a[1]=r=>l.value=r),"enter-button":"",clearable:"",allowClear:"",placeholder:"请输入机构名称",onChange:V},{append:e.withCtx(()=>[e.createVNode(e.unref(S),{icon:e.unref(I.IconSearchOutline)},null,8,["icon"])]),_:1},8,["value","modelValue"])]),e.withDirectives(e.createElementVNode("div",D,[e.createVNode(e.unref(_),{ref_key:"treeRef",ref:d,class:"filter-tree",data:n.value,"tree-data":n.value,fieldNames:{children:"children",title:"name",key:"id"},props:{children:"children",label:"name",key:"id"},"key-field":"id","label-field":"name","children-field":"children","default-expand-all":!0,onSelect:f,onNodeClick:f,"filter-node-method":N},null,8,["data","tree-data"])],512),[[e.vShow,n.value&&n.value.length>0]]),e.withDirectives(e.createVNode(e.unref(h),{description:"暂无数据"},null,512),[[e.vShow,n.value&&n.value.length===0]])]))}});exports.default=M;