niucloud-admin/niucloud/public/admin/assets/index-c1ab0e3c.js

import{d as L,c as S,R as x,w as P,e as o,f as n,g as l,j as v,u as s,y as i,v as j,x as E,B as $,F as g,z as R,H as B,ap as N}from"./base-04829be5.js";/* empty css                        */import{_ as Z}from"./index.vue_vue_type_style_index_0_lang-f0796d29.js";import{_ as H}from"./index.vue_vue_type_script_setup_true_lang-df8a984f.js";/* empty css                 */import{f as y}from"./storage-1a3ddb14.js";import{t as D}from"./index-043d021e.js";import{E as q}from"./index-c4af56cf.js";import{E as A}from"./index-ed22fe56.js";import{_ as G}from"./_plugin-vue_export-helper-c27b6911.js";const J={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=L({__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=N(t.data).toString(),b=N(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=q,c=H,I=Z,T=A;return o(),n(g,null,[l("div",J,[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(D)("upload.root")),1)])]),_:1},8,["limit"]))],4)):(o(),n(g,{key:1},[(o(!0),n(g,null,R(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:F=>z(h)},null,8,["onClick"]),i(c,{name:"element-Delete",color:"#fff",size:"18px",onClick:F=>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(D)("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 fe=G(le,[["__scopeId","data-v-acbeec29"]]);export{fe as _};