niucloud-admin/niucloud/public/admin/assets/index-2d04c504.js

/* empty css             *//* empty css                        */import{_ as F}from"./index.vue_vue_type_style_index_0_lang-14193028.js";import{_ as L}from"./index-7eafba5f.js";/* empty css                 */import{c as h}from"./common-c3be41fd.js";import{t as I}from"./index-0ca94763.js";import{E as P}from"./index-344f0086.js";import{E as Z}from"./index-888853cf.js";import{d as H,c as S,O as v,w as R,e as o,f as n,g as l,j as g,u as a,y as i,v as E,x as $,B,F as y,z as q,H as N,aj as D}from"./plugin-vue_export-helper-85a4d40b.js";import{_ as A}from"./_plugin-vue_export-helper-c27b6911.js";const G={class:"flex flex-wrap"},J={key:0,class:"w-full h-full relative"},K={class:"w-full h-full flex items-center justify-center"},M={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation"},Q={class:"w-full h-full flex items-center justify-center flex-col"},U={class:"leading-none text-xs mt-[10px] text-secondary"},W={class:"w-full h-full relative"},X={class:"w-full h-full flex items-center justify-center"},Y={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation"},ee={class:"w-full h-full flex items-center justify-center flex-col"},te={class:"leading-none text-xs mt-[10px] text-secondary"},le=H({__name:"index",props:{modelValue:{type:String,default:""},width:{type:String,default:"100px"},height:{type:String,default:"100px"},imageText:{type:String},limit:{type:Number,default:1}},emits:["update:modelValue","change"],setup(s,{emit:w}){const m=s,r=S({get(){return m.modelValue},set(t){w("update:modelValue",t)}}),e=v({data:[]});let b=v([]);const f=()=>{r.value=D(e.data).toString(),b=D(e.data).map(t=>h(t))};R(()=>r.value,()=>{r.value.indexOf("data:image")!=-1?e.data[0]=r.value+"":e.data=[...r.value.split(",").filter(t=>t)],f()},{immediate:!0});const p=S(()=>({width:m.width,height:m.height})),k=t=>{m.limit==1?(e.data.splice(0,1),t&&e.data.push(t.url)):t.forEach(c=>{e.data.length<m.limit&&e.data.push(c.url)}),f(),w("change",r.value)},C=(t=0)=>{e.data.splice(t,1),f()},u=v({show:!1,index:0}),z=(t=0)=>{u.show=!0,u.index=t};return(t,c)=>{const V=Z,d=L,j=F,O=P;return o(),n(y,null,[l("div",G,[s.limit==1?(o(),n("div",{key:0,class:"cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]",style:g(a(p))},[e.data.length?(o(),n("div",J,[l("div",K,[i(V,{src:e.data[0].indexOf("data:image")!=-1?e.data[0]:a(h)(e.data[0]),fit:"contain"},null,8,["src"])]),l("div",M,[i(d,{name:"element-ZoomIn",color:"#fff",size:"18px",class:"mr-[10px]",onClick:c[0]||(c[0]=_=>z())}),i(d,{name:"element-Delete",color:"#fff",size:"18px",onClick:C})])])):(o(),E(j,{key:1,limit:s.limit,onConfirm:k},{default:$(()=>[l("div",Q,[i(d,{name:"element-Plus",size:"20px",color:"var(--el-text-color-secondary)"}),l("div",U,B(s.imageText||a(I)("upload.root")),1)])]),_:1},8,["limit"]))],4)):(o(),n(y,{key:1},[(o(!0),n(y,null,q(e.data,(_,x)=>(o(),n("div",{class:"cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]",style:g(a(p)),key:x},[l("div",W,[l("div",X,[i(V,{src:a(h)(_),fit:"contain"},null,8,["src"])]),l("div",Y,[i(d,{name:"element-ZoomIn",color:"#fff",size:"18px",class:"mr-[10px]",onClick:T=>z(x)},null,8,["onClick"]),i(d,{name:"element-Delete",color:"#fff",size:"18px",onClick:T=>C(x)},null,8,["onClick"])])])],4))),128)),e.data.length<s.limit?(o(),n("div",{key:0,class:"rounded cursor-pointer overflow-hidden relative border border-dashed border-color",style:g(a(p))},[i(j,{limit:s.limit,onConfirm:k},{default:$(()=>[l("div",ee,[i(d,{name:"element-Plus",size:"20px",color:"var(--el-text-color-secondary)"}),l("div",te,B(s.imageText||a(I)("upload.root")),1)])]),_:1},8,["limit"])],4)):N("",!0)],64))]),u.show?(o(),E(O,{key:0,"url-list":a(b),onClose:c[1]||(c[1]=_=>u.show=!1),"initial-index":u.index,"zoom-rate":1},null,8,["url-list","initial-index"])):N("",!0)],64)}}});const pe=A(le,[["__scopeId","data-v-8dae4fdf"]]);export{pe as _};