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

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