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
3.9 KiB
1 lines
3.9 KiB
import{d as z,r as v,v as A,D as N,n as F,h as p,c as x,y as m,z as g,u as e,a,t as _,N as i,e as d,w as c,F as C,G as R,R as w,i as $,I as y,B as j,b as P,E as M,Y as O,V as G,af as U,ah as W,a7 as Y,$ as q}from"./index-6010b07e.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{_ as H}from"./index.vue_vue_type_script_setup_true_lang-6f0143c4.js";import{u as J}from"./diy-8d93d096.js";import{A as K}from"./sys-0f76aff3.js";import{S as Q}from"./sortable.esm-be94e56d.js";import{r as X}from"./range-bcf8b229.js";const Z={class:"content-wrap"},ee={class:"edit-attr-item-wrap"},te={class:"mb-[10px]"},oe={class:"flex items-center pb-[10px]"},ae=["src"],ne={class:"flex flex-col justify-center ml-[10px] leading-[1]"},le={class:"text-[14px]"},se={class:"text-[12px] text-[#999] mt-[8px]"},ie=["onClick"],de={class:"style-wrap"},re=z({__name:"edit-addon-list",setup(ce,{expose:k}){const t=J();t.editComponent.ignore=[],t.editComponent.verify=s=>({code:!0,message:""});const u=v(!1),b=v();A(()=>{N(()=>{const s=Q.create(b.value,{group:"item-wrap",animation:200,onEnd:o=>{const r=t.editComponent.list[o.oldIndex];t.editComponent.list.splice(o.oldIndex,1),t.editComponent.list.splice(o.newIndex,0,r),s.sort(X(t.editComponent.list.length).map(h=>h.toString()))}})})});const n=F({page:1,limit:10,total:0,loading:!0,data:[],searchParam:{title:"",key:""}});((s=1)=>{n.loading=!0,n.page=s,K({...n.searchParam}).then(o=>{n.loading=!1,n.data=o.data,n.total=o.data.length}).catch(()=>{n.loading=!1})})();const S=s=>{const o={id:t.generateRandom(),key:"",title:"",url:"",icon:"",desc:""};for(let r in s)o[r]=s[r];t.editComponent.list.push(o),u.value=!1},T=()=>{u.value=!0};return k({}),(s,o)=>{const r=H,h=M,D=O,E=G,f=U,B=W,V=Y,I=q;return p(),x(C,null,[m(a("div",Z,[a("div",ee,[a("h3",te,_(e(i)("addonListSet")),1),d(D,{"label-width":"100px",class:"px-[10px]"},{default:c(()=>[a("div",{ref_key:"addonBoxRef",ref:b},[(p(!0),x(C,null,R(e(t).editComponent.list,(l,L)=>(p(),x("div",{key:l.id,class:"item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]"},[m(a("div",oe,[a("img",{class:"w-[60px] h-[60px] rounded-md",src:e(w)(l.icon)},null,8,ae),a("div",ne,[a("span",le,_(l.title),1),a("span",se,_(l.desc),1)])],512),[[g,l.title]]),m(a("div",{class:"del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]",onClick:me=>e(t).editComponent.list.splice(L,1)},[d(r,{name:"element-CircleCloseFilled",color:"#bbb",size:"20px"})],8,ie),[[g,e(t).editComponent.list.length>1]])]))),128))],512),d(h,{class:"w-full",onClick:T},{default:c(()=>[$(_(e(i)("addAddon")),1)]),_:1})]),_:1})]),d(V,{modelValue:u.value,"onUpdate:modelValue":o[0]||(o[0]=l=>u.value=l),title:e(i)("addonListTips"),width:"600px","close-on-press-escape":!1,"close-on-click-modal":!1},{default:c(()=>[a("div",null,[m((p(),y(B,{data:n.data,size:"large",onCurrentChange:S,"highlight-current-row":"","max-height":"500px"},{empty:c(()=>[a("span",null,_(n.loading?"":e(i)("emptyData")),1)]),default:c(()=>[d(f,{label:e(i)("addonIcon"),width:"120",align:"center"},{default:c(({row:l})=>[l.icon?(p(),y(E,{key:0,class:"w-[50px] h-[50px]",src:e(w)(l.icon),fit:"contain"},null,8,["src"])):j("",!0)]),_:1},8,["label"]),d(f,{prop:"title","show-overflow-tooltip":!0,width:"120",label:e(i)("addonTitle")},null,8,["label"]),d(f,{prop:"desc","show-overflow-tooltip":!0,label:e(i)("addonDesc")},null,8,["label"])]),_:1},8,["data"])),[[I,n.loading]])])]),_:1},8,["modelValue","title"])],512),[[g,e(t).editTab=="content"]]),m(a("div",de,[P(s.$slots,"style")],512),[[g,e(t).editTab=="style"]])],64)}}}),Ie=Object.freeze(Object.defineProperty({__proto__:null,default:re},Symbol.toStringTag,{value:"Module"}));export{Ie as _};
|
|
|