niucloud-admin/niucloud/public/admin/assets/index-4b7c0a63.js

import{g as F,j as S,a4 as x,w as P,m as o,n,q as l,x as v,u as s,F as i,D as j,E,L as $,I as g,J as Z,T as B,b5 as D}from"./base-d2ce4248.js";/* empty css                        */import{_ as q}from"./index.vue_vue_type_style_index_0_lang-f7de127f.js";import{C as J}from"./index-057b5f2c.js";import{d as y}from"./storage-e62e496d.js";import{t as N}from"./index-578c83eb.js";import{a as R,E as A}from"./index-3ae544fb.js";import{_ as G}from"./_plugin-vue_export-helper-c27b6911.js";const H={class:"flex flex-wrap"},K={key:0,class:"w-full h-full relative"},M={class:"w-full h-full flex items-center justify-center"},O={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=F({__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(a,{emit:w}){const d=a,u=S({get(){return d.modelValue},set(e){w("update:modelValue",e)}}),t=x({data:[]});let b=x([]);const f=()=>{u.value=D(t.data).toString(),b=D(t.data).map(e=>y(e))};P(()=>u.value,()=>{t.data=[...u.value.split(",").filter(e=>e)],f()},{immediate:!0});const p=S(()=>({width:d.width,height:d.height})),k=e=>{d.limit==1?(t.data.splice(0,1),e&&t.data.push(e.url)):e.forEach(r=>{t.data.length<d.limit&&t.data.push(r.url)}),f(),w("change",u.value)},C=(e=0)=>{t.data.splice(e,1),f()},m=x({show:!1,index:0}),z=(e=0)=>{m.show=!0,m.index=e};return(e,r)=>{const V=A,c=J,I=q,T=R;return o(),n(g,null,[l("div",H,[a.limit==1?(o(),n("div",{key:0,class:"rounded cursor-pointer overflow-hidden relative border border-dashed border-color image-wrap mr-[10px]",style:v(s(p))},[t.data.length?(o(),n("div",K,[l("div",M,[i(V,{src:s(y)(t.data[0]),fit:"contain"},null,8,["src"])]),l("div",O,[i(c,{name:"element-ZoomIn",color:"#fff",size:"18px",class:"mr-[10px]",onClick:r[0]||(r[0]=_=>z())}),i(c,{name:"element-Delete",color:"#fff",size:"18px",onClick:C})])])):(o(),j(I,{key:1,limit:a.limit,onConfirm:k},{default:E(()=>[l("div",Q,[i(c,{name:"element-Plus",size:"20px",color:"var(--el-text-color-secondary)"}),l("div",U,$(a.imageText||s(N)("upload.root")),1)])]),_:1},8,["limit"]))],4)):(o(),n(g,{key:1},[(o(!0),n(g,null,Z(t.data,(_,h)=>(o(),n("div",{class:"rounded cursor-pointer overflow-hidden relative border border-dashed border-color image-wrap mr-[10px]",style:v(s(p)),key:h},[l("div",W,[l("div",X,[i(V,{src:s(y)(_),fit:"contain"},null,8,["src"])]),l("div",Y,[i(c,{name:"element-ZoomIn",color:"#fff",size:"18px",class:"mr-[10px]",onClick:L=>z(h)},null,8,["onClick"]),i(c,{name:"element-Delete",color:"#fff",size:"18px",onClick:L=>C(h)},null,8,["onClick"])])])],4))),128)),t.data.length<a.limit?(o(),n("div",{key:0,class:"rounded cursor-pointer overflow-hidden relative border border-dashed border-color",style:v(s(p))},[i(I,{limit:a.limit,onConfirm:k},{default:E(()=>[l("div",ee,[i(c,{name:"element-Plus",size:"20px",color:"var(--el-text-color-secondary)"}),l("div",te,$(a.imageText||s(N)("upload.root")),1)])]),_:1},8,["limit"])],4)):B("",!0)],64))]),m.show?(o(),j(T,{key:0,"url-list":s(b),onClose:r[1]||(r[1]=_=>m.show=!1),"initial-index":m.index,"zoom-rate":1},null,8,["url-list","initial-index"])):B("",!0)],64)}}});const me=G(le,[["__scopeId","data-v-acbeec29"]]);export{me as _};