You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
22 KiB
1 lines
22 KiB
import{d as Te}from"./dayjs.min-tKPc2Ebd.js";import{S as Fe}from"./sortable.esm-Cw1ESr5Y.js";import{S as B,a as pe,_ as Ee}from"./Icon-B67kcA2X.js";import{c as U}from"./componentList-BKZexaIE.js";import{s as me,g as Ge}from"./helpers-CjmtV6uB.js";import{N as fe,T as Je}from"./noImage-CAsvTj-5.js";import{d as J,s as r,B as Ye,c as G,C as Ke,o as I,f as T,w as o,u as d,b as H,q as e,e as c,K as le,g as ae,J as x,G as v,a as _e,p as Y,v as E,k as ne,N as Pe,F as ve,r as ge,ae as Qe,n as We,Q as oe}from"./index-bVOhw2NF.js";import{B as N}from"./Button-B7xQqa1N.js";import{u as K,S as Xe,_ as Ze}from"./Scrollbar-Db3aKfvv.js";import{u as he}from"./composables-Dy7tAMBn.js";import{N as R}from"./Icon-C8ZbiYW7.js";import{_ as q}from"./text-ClDrYWYc.js";import{_ as se,a as et}from"./Checkbox-DAl6jmZx.js";import{_ as P}from"./Input-CFQSA5NN.js";import{_ as tt}from"./Divider-aR5nu9et.js";import{_ as nt}from"./Tooltip-C_3SXSAr.js";import{_ as be}from"./Card-BhgyLFi8.js";import{_ as ot}from"./Modal-BHLPhdX-.js";import{_ as ye}from"./FormItem-Cp_SJVoE.js";import{_ as at}from"./Select-BpXzRZdb.js";import{_ as xe}from"./Form-BZRGTIxb.js";import{_ as lt,a as st}from"./Grid-C11Tqhv0.js";import{$ as it}from"./index-C8mAaM2V.js";import{S as rt}from"./Search-Bp-OOsbn.js";import{A as ut}from"./AddSharp-Oy5GSF44.js";import{A as ct,_ as dt}from"./AddOutline-VcrcmxCp.js";import{a as pt}from"./RadioGroup-5BphoArv.js";import{_ as mt}from"./http-D9Asdp-z.js";import{b as de}from"./route-block-B_A1xBdJ.js";import"./light-Cua7cqmF.js";import"./context-KbjOeZY_.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_baseFor-mOzdmxoL.js";import"./Icon-Ck7Ij_E6.js";import"./upperFirst-Bq7Kgunw.js";import"./toString-eibgRg41.js";import"./use-style-qLHIyj3D.js";import"./index-C-nsH7mf.js";import"./format-length-B-p6aW7q.js";import"./use-rtl-CRyak7TN.js";import"./Scrollbar-DVK2lT9w.js";import"./fade-in.cssr-CltBGdAW.js";import"./delegate-CI_DDEu_.js";import"./VResizeObserver-Tzd5ds8d.js";import"./get-precise-event-target-DhO46Lpt.js";import"./Popover-DLIip8wF.js";import"./fade-in-scale-up.cssr-CTZmXn_X.js";import"./use-false-until-truthy-BNJRTcsy.js";import"./_baseEach-BwxcRWC6.js";import"./_getTag-BJ2nhJXz.js";import"./get-BuNGRF3A.js";import"./light-B00G814I.js";import"./clickoutside-CCtiUDaG.js";import"./Follower-DJGS5Fnl.js";import"./use-memo-BgHp9YyU.js";import"./cssr-CS9sbUmO.js";import"./utils-BKyMmInE.js";import"./use-is-mounted-wlrzLfZo.js";import"./resolve-slot-Dzko3qih.js";import"./index-C9vhMoZJ.js";import"./flatten-7z_8MaI9.js";import"./index-L98eAIry.js";import"./use-merged-state-CzrzZJbg.js";import"./use-compitable-DMmt6sIs.js";import"./keep-B1eBS8j0.js";import"./call-f2ri57Kd.js";import"./Suffix-BqBRFVnL.js";import"./icon-switch.cssr-BCTOxvoq.js";import"./Loading-CByrJVhO.js";import"./render-BxFg9-7m.js";import"./ChevronRight-DjG_plXV.js";import"./happens-in-CM8LO42l.js";import"./use-keyboard-D_rBVq9u.js";import"./light-DGVaJDoA.js";import"./light-DU0-KyAX.js";import"./light-CbIbiWrk.js";import"./light-uWHRDFKR.js";import"./light-CE5Kvs_2.js";import"./light-MOj96jwO.js";import"./light-C52Zdmem.js";import"./FocusDetector-DcygY9Tk.js";import"./use-locale-CFjRjALw.js";import"./index-Dn5RNViO.js";import"./download-C2161hUv.js";import"./browser-DLIXj5nt.js";import"./is-browser-DqcmxZSF.js";import"./use-form-item-CNgNT5jP.js";import"./color-to-class-B0iQgAn2.js";import"./Forward-B4Y9XmRi.js";import"./keysOf-HiGXOwLp.js";import"./omit-DbnPTcif.js";import"./context-CNWzaUOd.js";import"./context-ELq7iLHP.js";import"./light-DD97CHyt.js";import"./light-Blmb_y9V.js";import"./light-DiXDfyIH.js";import"./light-BqIgj82_.js";import"./Close-D6FODkWY.js";import"./light-rvBL92Ju.js";import"./Warning-WCOp46KX.js";import"./index-DsSU6HIH.js";import"./light-CUlEsFk3.js";import"./light-BOD3MGQo.js";import"./get-slot-Bk_rJcZu.js";import"./common-CalHcBJp.js";import"./editor-ouq_SSv2.js";import"./cloneDeep-C6NKQlMO.js";import"./toggleHighContrast-BiNrcRtm.js";import"./editorWorker-UB-8rWUJ.js";import"./light-BKuBIbLH.js";const ft=["src"],_t=["src"],vt={class:"flex items-center justify-between"},gt={class:"flex-auto"},ht={key:0},bt={class:"operate-block w-[60px]"},yt=J({__name:"CardView",props:{cardItem:{type:Object,default:()=>({})}},emits:["refresh","edit","copyComponent","itemSelected"],setup(L,{emit:A}){const m=L,S=A,g=K(),p=he(),h=r(!1),l=r(""),{cardItem:f}=Ye(m),$=G({get(){return l.value||f.value.name},set(i){l.value=i}});async function V(){const i=p.warning({title:"确认",content:"确认要删除此部件吗？",action:()=>[v(N,{type:"info",onClick:()=>i.destroy()},()=>"取消"),v(N,{type:"primary",onClick:async()=>{const _=await U.delete([f.value.id]);if(_.code!==0)return g.warning(_.msg);S("refresh"),g.success("删除成功")}},()=>"确认")]})}function j(){me(JSON.stringify(f.value),f.value.name)}const s=r(!1);function C(i){s.value=i,S("itemSelected",i)}async function k(){const i=await U.edit({...f.value,name:l.value});return i.code!==0?g.warning(i.msg):(S("refresh",!1),g.success("操作成功"))}const n=r(null);Ke(n,()=>{h.value=!1,f.value.name!==$.value&&k()});const w=[{label:"详情",value:"detail"},{label:"重命名",value:"rename"},{label:"导出",value:"export"},{label:"删除",value:"delete"}];function M(i){const{option:_}=i;return v("div",{class:"w-[120px] h-[35px] flex justify-between items-center px-5 contextmenu-item hover-bg-light-5 dark:hover-bg-dark-100 cursor-pointer",onClick:()=>z(_)},[v(R,{class:"mr-3",color:_e.value?"#fff":"#666"},{default:()=>v(B,{name:_.label,size:16},{default:()=>[]})}),v(q,null,{default:()=>_.label})])}function z(i){switch(i.value){case"detail":S("edit",f.value);break;case"rename":h.value=!h.value;break;case"export":j();break;case"delete":V();break}}return(i,_)=>{const O=se,b=P,Q=tt,W=nt,X=pe,Z=be;return I(),T(Z,{hoverable:"",class:"card-item w-full flex flex-col"},{cover:o(()=>[d(f).thumbnailUrl?(I(),H("img",{key:0,src:d(f).thumbnailUrl,alt:"缩略图",class:"h-full w-full",style:{height:"180px","object-fit":"contain","border-radius":"4px"}},null,8,ft)):(I(),H("img",{key:1,src:d(fe),style:{height:"180px","object-fit":"contain","border-radius":"4px"}},null,8,_t)),e(O,{checked:s.value,class:"selectedBtn absolute right-1 top-1 z-1000 flex justify-end","on-update:checked":C},null,8,["checked"])]),action:o(()=>[c("div",vt,[c("div",gt,[h.value?ae("",!0):(I(),H("span",ht,le($.value),1)),h.value?(I(),T(b,{key:1,ref_key:"renameInput",ref:n,value:$.value,"onUpdate:value":_[0]||(_[0]=ee=>$.value=ee)},null,8,["value"])):ae("",!0)]),e(Q,{vertical:!0}),c("div",bt,[e(W,{trigger:"hover"},{trigger:o(()=>[e(d(R),{size:"18"},{default:o(()=>[e(B,{name:"设计",width:18,height:18,class:"mr-5 cursor-pointer",color:"#999",onClick:_[1]||(_[1]=()=>i.$emit("edit",d(f)))})]),_:1})]),default:o(()=>[_[2]||(_[2]=x(" 设计 "))]),_:1}),e(X,{trigger:"click",options:w,"render-option":M,placement:"bottom-start",onSelect:z},{default:o(()=>[e(d(R),{size:"18"},{default:o(()=>[e(B,{name:"菜单",width:26,height:26,class:"cursor-pointer",color:"#999"})]),_:1})]),_:1})])])]),_:1})}}}),xt=Y(yt,[["__scopeId","data-v-f26bfc21"]]),kt={class:"grid grid-cols-3 mb-5 gap-5"},wt={class:"inline-block"},It={class:"h-[80px] w-full flex flex-col items-center justify-center"},Ct={class:"px-3 text-center"},$t={class:"inline-block"},St={class:"h-[80px] w-full flex flex-col items-center justify-center"},zt={class:"px-3 text-center"},Ut={class:"inline-block"},jt={class:"h-[80px] w-full flex flex-col items-center justify-center"},Ot={class:"px-3 text-center"},Dt={class:"flex justify-end"},Nt=J({__name:"AddOrUpdate",props:{showModal:{type:Boolean,default:!1},title:{type:String,default:"新增"}},emits:["showHideModal","design"],setup(L,{expose:A,emit:m}){const S=L,g=m,p=K(),h=G({get(){return S.showModal},set(k){g("showHideModal",k)}}),l=r({name:"",groupId:"",isDefault:"0",type:"basic",desc:"",thumbnailUrl:"",previewOptions:null,hash:""}),f=r([]);async function $(){const k=await U.groups();if(k.code!==0)return p.warning(k.msg);f.value=k.data.map(n=>({label:n.businessName,value:n.id}))}E(()=>{$()});async function V(k){const n=await U.info(k);if(n.code!==0)return p.warning(n.msg);l.value=n.data}const j=r(null),s=r(!1);async function C(){s.value=!0,j.value.validate(async k=>{if(!k){const n=await U.save(l.value);return n.code!==0?(s.value=!1,n.code===403?p.warning(l.value.id?"无权限修改！":"无权限新增！"):p.warning(n.msg)):(g("showHideModal",!1),s.value=!1,p.success("操作成功"))}}).catch(()=>{s.value=!1})}return A({componentForm:j,formState:l,getInfo:V}),(k,n)=>{const w=q,M=P,z=ye,i=at,_=se,O=xe;return I(),T(d(ot),{show:h.value,"onUpdate:show":n[8]||(n[8]=b=>h.value=b),title:L.title,preset:"dialog","negative-text":"取消","positive-text":"确认",style:{width:"700px"},"show-icon":!1,"mask-closable":!1},{action:o(()=>[c("div",Dt,[e(d(N),{type:"default",class:"mr-2",onClick:n[7]||(n[7]=b=>h.value=!1)},{default:o(()=>n[15]||(n[15]=[x(" 取消 ")])),_:1}),e(d(N),{type:"primary",onClick:C},{default:o(()=>[x(le(L.title==="新增"?"新增":"保存"),1)]),_:1})])]),default:o(()=>[c("div",kt,[c("div",{class:ne(["template-item flex flex-1 flex-col items-center justify-center bg-light dark:bg-[#30303d]",{active:l.value.type==="basic"}]),onClick:n[0]||(n[0]=b=>l.value.type="basic")},[c("div",wt,[c("div",It,[e(B,{name:"图层",size:36}),e(w,{size:18},{default:o(()=>n[9]||(n[9]=[x(" 简单模板 ")])),_:1})]),c("div",Ct,[e(w,null,{default:o(()=>n[10]||(n[10]=[x(" 配置简单基础组件，文本、矩形、圆形等。 ")])),_:1})])])],2),c("div",{class:ne(["template-item flex flex-1 flex-col items-center justify-center bg-light dark:bg-[#30303d]",{active:l.value.type==="echarts"}]),onClick:n[1]||(n[1]=b=>l.value.type="echarts")},[c("div",$t,[c("div",St,[e(B,{name:"柱状图",size:36}),c("div",null,[e(w,{size:18},{default:o(()=>n[11]||(n[11]=[x(" echarts 模板 ")])),_:1})])]),c("div",zt,[e(w,null,{default:o(()=>n[12]||(n[12]=[x("配置图表案例，默认导入Echarts 依赖项。")])),_:1})])])],2),c("div",{class:ne(["template-item flex flex-1 flex-col items-center justify-center bg-light dark:bg-[#30303d]",{active:l.value.type==="interaction"}]),onClick:n[2]||(n[2]=b=>l.value.type="interaction")},[c("div",Ut,[c("div",jt,[e(B,{name:"事件",size:36}),c("div",null,[e(w,{size:18},{default:o(()=>n[13]||(n[13]=[x(" 交互事件模板 ")])),_:1})])]),c("div",Ot,[e(w,null,{default:o(()=>n[14]||(n[14]=[x("配置交互案例，结合大屏编辑器【事件-交互】使用。")])),_:1})])])],2)]),e(O,{ref_key:"componentForm",ref:j,model:l.value,"label-placement":"left","label-width":"100px"},{default:o(()=>[e(z,{label:"组件名称",path:"name","has-feedback":"",rule:{required:!0,message:"请输入组件名称",trigger:["input","blur"]}},{default:o(()=>[e(M,{value:l.value.name,"onUpdate:value":n[3]||(n[3]=b=>l.value.name=b),clearable:!0,placeholder:"请输入组件名称"},null,8,["value"])]),_:1}),e(z,{label:"所属组",path:"groupId","has-feedback":"",rule:{required:!0,message:"请选择组件类型",trigger:["change","blur"]}},{default:o(()=>[e(i,{value:l.value.groupId,"onUpdate:value":n[4]||(n[4]=b=>l.value.groupId=b),options:f.value,placeholder:"请选择组件类型"},null,8,["value","options"])]),_:1}),e(z,{label:"系统默认",path:"isDefault"},{default:o(()=>[e(_,{checked:l.value.isDefault,"onUpdate:checked":n[5]||(n[5]=b=>l.value.isDefault=b),"checked-value":"0","unchecked-value":"1"},null,8,["checked"])]),_:1}),e(z,{label:"组件描述",name:"desc",path:"desc","has-feedback":"",rule:{required:!1,message:"请输入组件描述",trigger:["change","blur"]}},{default:o(()=>[e(M,{value:l.value.desc,"onUpdate:value":n[6]||(n[6]=b=>l.value.desc=b),clearable:!0,type:"textarea",placeholder:"请输入组件描述"},null,8,["value"])]),_:1})]),_:1},8,["model"])]),_:1},8,["show","title"])}}}),Mt=Y(Nt,[["__scopeId","data-v-526d8db4"]]),Ht={class:"comp-groups bg-white dark:bg-[#18181c]"},Rt=J({__name:"groups",emits:["update:value"],setup(L,{emit:A}){const m=A,S=K(),g=r(""),p=r(!1),h=r([]),l=r([]);function f(s){p.value=s,l.value=s?h.value.map(C=>C.name):[],m("update:value",l.value)}function $(s){l.value=s,m("update:value",l.value)}const V=G(()=>g.value?h.value.filter(s=>s.name.includes(g.value)):h.value);async function j(){const s=await U.groupTree({name:"远程组件",type:"2"});if(s.code!==0)return S.warning(s.msg);s.data&&s.data.length>0&&s.data[0]&&(h.value=s.data[0].typeList.map(C=>({id:C.id,name:C.name,checked:!1})))}return E(j),(s,C)=>{const k=P,n=se,w=st,M=lt,z=et;return I(),H("div",Ht,[e(k,{value:d(g),"onUpdate:value":C[0]||(C[0]=i=>Pe(g)?g.value=i:null),clearable:"",placeholder:"请输入关键字搜索"},null,8,["value"]),e(n,{checked:d(p),label:"全选",class:"my-3","onUpdate:checked":f},null,8,["checked"]),e(z,{value:d(l),"onUpdate:value":$},{default:o(()=>[e(M,{"y-gap":8,cols:1},{default:o(()=>[(I(!0),H(ve,null,ge(d(V),i=>(I(),T(w,{key:i.id,label:i.name},{default:o(()=>[e(n,{checked:i.checked,"onUpdate:checked":_=>i.checked=_,value:i.id,label:i.name},null,8,["checked","onUpdate:checked","value","label"])]),_:2},1032,["label"]))),128))]),_:1})]),_:1},8,["value"])])}}}),Lt=Y(Rt,[["__scopeId","data-v-24ac3803"]]),At={class:"h-full flex justify-between bg-light dark:bg-dark"},Vt={class:"flex-1 px-3"},qt={class:"h-full bg-light dark:bg-dark"},Bt={class:"flex items-center justify-between bg-white dark:bg-[#18181c]",style:{height:"50px",padding:"0 5px"},bordered:!1},Tt={class:"impexp"},Ft={style:{height:"calc(100% - 110px)","margin-top":"10px"}},Et={key:0,id:"components-dashboard-list",class:"h-full bg-white dark:bg-[#18181c]"},Gt={key:0,class:"absolute z100",style:{left:"50%",top:"20%"}},Jt={class:"card-view-container h-full"},Yt={style:{height:"50px",padding:"0 10px"},class:"flex items-center justify-end bg-white dark:bg-[#18181c]"},ke=J({__name:"index",setup(L){const A=[{type:"selection"},{title:"排序",dataIndex:"sort",key:"sort",align:"center",width:80,className:"sort-column"},{title:"组件名称",dataIndex:"name",key:"name",align:"center"},{title:"组件描述",dataIndex:"desc",key:"desc",align:"center"},{title:"所属组",dataIndex:"groupId",key:"groupId",align:"center"},{title:"缩略图",key:"thumbnailUrl",dataIndex:"thumbnailUrl",align:"center",width:230},{title:"默认",dataIndex:"isDefault",key:"isDefault",align:"center"},{title:"创建时间",key:"createDate",dataIndex:"createDate",align:"center",width:200},{title:"操作",key:"action",align:"center",width:120}],m=K(),S=r("list"),g=r({name:"",desc:"",thumbnailUrl:"",type:"",groupId:"",isDefault:"0",previewOptions:null,hash:""}),p=r([]),h=r(0),l=r(!1),f=r(1),$=r(10),V=G(()=>Math.ceil(h.value/$.value)),j=r("");async function s(){var t,u;l.value=!0;const a=await U.getList({limit:$.value,page:f.value,name:g.value.name,groupIds:j.value});if(a.code!==0)return m.warning(a.msg);p.value=(t=a.data)==null?void 0:t.list,h.value=(u=a.data)==null?void 0:u.total,l.value=!1}function C(){f.value=1,p.value=[],s()}function k(){s()}const n=r(!1),w=r(null),M=r("新增");function z(){n.value=!0,M.value="新增",oe(()=>{w.value.$refs.componentForm.restoreValidation(),w.value.formState={name:"",desc:"",thumbnailUrl:"",type:"basic",isDefault:"0",groupId:"",options:"",hash:""},w.value.$refs.componentForm.restoreValidation()})}const i=Qe();function _(a){i.push({name:"/designWidget/",query:{id:a.id}})}const O=r([]),b=r([]),Q=he();function W(a){return a.id}function X(a,t){O.value=a,b.value=t}function Z(a,t){if(a)O.value.push(t.id);else{const u=O.value.findIndex(y=>y===t.id);u>-1&&O.value.splice(u,1)}}function ee(){if(O.value.length===0)return m.warning("请选择要删除的数据！");const a=Q.warning({title:"确认删除",content:"确认要删除选择的数据吗？",action:()=>[v(N,{type:"info",onClick:()=>a.destroy()},()=>"取消"),v(N,{type:"primary",onClick:async()=>await U.delete(O.value).then(t=>t.code!==0?t.code===403?m.warning("无权限删除！"):m.warning(t.msg):(C(),m.success("删除成功！"),a.destroy(),Promise.resolve("")))},()=>"确认")]})}const ie=r("300");E(()=>{const a=window.top!==window;ie.value=Ge({extraHeight:a?65:50,id:"components-dashboard-list"})}),E(()=>{s()});const we=[{label:"导入",value:"import"},{label:"导出",value:"export"}];async function Ie(){const a=await U.exportComponent({name:"",type:"",ids:O.value.join(",")});if(a.code&&a.code!==0)return m.warning("导出失败");const t=JSON.stringify(a,null,2);return me(t,"远程组件列表"),m.success("导出组件列表成功")}async function Ce(a,t){if(t){const u=new FormData;u.append("file",t);const y=await U.importComponent(u,{headers:{"content-type":"multipart/form-data"}});if(y.code!==0)return y.code===403?m.warning("无权限导入！"):m.warning(y.msg);m.success("导入成功！"),s()}}function re(a){a.value==="import"?it({resultType:"json",onChange(t,u){Ce(t,u)}}):a.value==="export"&&Ie()}function $e(a){const{option:t}=a;return v("div",{class:"w-[90px] h-[35px] flex justify-between items-center px-5 contextmenu-item hover-bg-light-5 dark:hover-bg-dark-100 cursor-pointer",onClick:()=>re(t)},[v(R,{class:"mr-1"},{default:()=>v(B,{name:t.label,size:14},{default:()=>[]})}),v(q,null,{default:()=>t.label})])}const ue=r([]);async function Se(){const a=await U.groups();if(a.code!==0)return m.warning(a.msg);ue.value=a.data.map(t=>({label:t.businessName,value:t.id}))}function ze(a,t,u){if(u.title==="缩略图")return v("img",{src:t.thumbnailUrl||fe,class:"w-35 h-20",style:"margin: 0 auto; object-fit: contain;"});if(u.title==="排序")return v("span",{class:"component-index",id:t.id,"data-sort":t.sort},[v(q,{},()=>t.sort)]);if(u.title==="创建时间")return v(q,null,()=>Te(+t.createDate).format("YYYY-MM-DD HH:mm:ss"));if(u.title==="默认")return v(q,null,()=>t.isDefault==="0"?"是":"否");if(u.title==="所属组"){const y=ue.value.find(F=>F.value===t.groupId);return y&&y.label}else return u.title==="操作"?v("div",{class:"flex justify-center items-center"},[v(q,{size:"tiny",class:"mr-2 cursor-pointer color-[#1890ff]",onClick:()=>_(t)},()=>"详情")]):a}function Ue(a){n.value=a,s()}async function je(a,t,u,y){const{msg:F,code:te}=await U.sort({id:a,currentSort:u,upSort:y,groupId:t});if(te!==0)return m.error(F);oe(()=>{s(),m.success("排序成功！")})}const Oe=r(null);function De(){const a=document.querySelector(".n-data-table-tbody");Oe.value=new Fe(a,{sort:!0,easing:"cubic-bezier(1, 0, 0, 1)",draggable:".n-data-table-tr",handle:".sort-column",animation:500,onEnd:t=>{const{oldIndex:u,newIndex:y}=t;if(u!==y){if(p.value[u].groupId!==p.value[y].groupId)return m.warning("不能交换不同组的排序！"),p.value=[],oe(s),!1;je(p.value[u].id,p.value[u].groupId,p.value[u].sort,p.value[y].sort)}}})}function Ne(a){a.length===0?j.value="":j.value=a.join(","),s()}const Me=G(()=>({"--n-button-text-color-active":_e.value?"#ffffff":"#333333"}));return E(()=>{Se(),setTimeout(()=>{De()},800)}),(a,t)=>{const u=P,y=ye,F=pe,te=xe,ce=dt,He=pt,Re=mt,Le=Ee,Ae=be,Ve=Xe,qe=Ze;return I(),H("div",At,[e(Lt,{"onUpdate:value":Ne}),c("div",Vt,[c("div",qt,[c("div",Bt,[e(te,{inline:"","label-width":"auto","label-placement":"left",model:g.value,size:"medium","show-feedback":!1},{default:o(()=>[e(y,{label:"组件名称：",path:"name"},{default:o(()=>[e(u,{value:g.value.name,"onUpdate:value":t[0]||(t[0]=D=>g.value.name=D),placeholder:"请输入组件名称",clearable:""},null,8,["value"])]),_:1}),e(y,null,{default:o(()=>[e(d(N),{type:"primary",class:"mr-2","text-color":"#ffffff",onClick:k},{icon:o(()=>[e(d(R),{size:"14"},{default:o(()=>[e(d(rt))]),_:1})]),default:o(()=>[t[2]||(t[2]=x(" 查询 "))]),_:1}),e(d(N),{type:"primary",class:"mr-2","text-color":"#ffffff",onClick:z},{icon:o(()=>[e(d(R),{size:"18",color:"#ffffff"},{default:o(()=>[e(d(ut))]),_:1})]),default:o(()=>[t[3]||(t[3]=x(" 新增 "))]),_:1}),e(d(N),{type:"error",class:"mr-2","text-color":"#ffffff",onClick:ee},{icon:o(()=>[e(d(R),{size:"14"},{default:o(()=>[e(d(Je))]),_:1})]),default:o(()=>[t[4]||(t[4]=x(" 删除 "))]),_:1}),c("div",Tt,[e(d(N),{type:"primary","text-color":"#ffffff",class:"impexp-btn"},{default:o(()=>t[5]||(t[5]=[x(" 导入/导出 ")])),_:1}),e(F,{trigger:"hover",options:we,"render-option":$e,onSelect:re},{default:o(()=>[e(d(N),{type:"primary","text-color":"#ffffff",class:"impexp-more"},{default:o(()=>t[6]||(t[6]=[x(" ... ")])),_:1})]),_:1})])]),_:1})]),_:1},8,["model"]),e(He,{value:S.value,"onUpdate:value":t[1]||(t[1]=D=>S.value=D),class:"ml-auto",style:We(Me.value)},{default:o(()=>[e(ce,{value:"list"},{default:o(()=>t[7]||(t[7]=[x(" 列表 ")])),_:1}),e(ce,{value:"view"},{default:o(()=>t[8]||(t[8]=[x(" 视图 ")])),_:1})]),_:1},8,["value","style"])]),c("div",Ft,[S.value!=="view"?(I(),H("div",Et,[l.value?(I(),H("div",Gt,[e(Re)])):ae("",!0),e(Le,{class:"h-full",columns:A,data:p.value,"single-line":!1,"max-height":ie.value,"render-cell":ze,"row-key":W,size:"small",striped:"","onUpdate:checkedRowKeys":X},null,8,["data","max-height"])])):(I(),T(Ve,{key:1,class:"h-full bg-white dark:bg-[#18181c]",style:{padding:"30px 30px 0"}},{default:o(()=>[c("div",Jt,[e(Ae,{title:"",hoverable:"",style:{height:"250px"},class:"flex cursor-pointer items-center justify-center",onClick:z},{default:o(()=>[e(d(R),{size:"28",class:"mb-3"},{default:o(()=>[e(d(ct))]),_:1}),t[9]||(t[9]=c("p",null," 点击创建远程组件 ",-1))]),_:1}),(I(!0),H(ve,null,ge(p.value,D=>(I(),T(xt,{key:D.id,"card-item":D,onRefresh:C,onEdit:_,onItemSelected:Be=>Z(Be,D)},null,8,["card-item","onItemSelected"]))),128))])]),_:1}))]),c("div",Yt,[e(qe,{page:f.value,"page-size":$.value,"page-count":V.value,"page-sizes":[10,20,30,40],size:"medium","show-quick-jumper":"","show-size-picker":"","on-update:page":D=>{f.value=D,s()},"on-update:page-size":D=>{$.value=D,s()}},{prefix:o(()=>[x(" 共计 "+le(h.value)+" 条 ",1)]),_:1},8,["page","page-size","page-count","on-update:page","on-update:page-size"])]),e(Mt,{ref_key:"addOrUpdateRef",ref:w,title:M.value,"show-modal":n.value,onShowHideModal:Ue},null,8,["title","show-modal"])])])])}}});typeof de=="function"&&de(ke);const Xo=Y(ke,[["__scopeId","data-v-59eb6bf4"]]);export{Xo as default};
|