mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-18 09:38:09 +00:00
2 lines
4.0 KiB
JavaScript
2 lines
4.0 KiB
JavaScript
import{_ as V}from"./index.vue_vue_type_style_index_0_lang-0b9ab171.js";import{_ as C}from"./index.vue_vue_type_script_setup_true_lang-6c641cdd.js";import{d as j,V as g,l as B,ae as N,h as l,c as r,aA as p,u as c,a as o,e as a,m as D,w,t as b,k,F as z,S as T,B as $,af as E}from"./index-08dd4327.js";import{_ as F}from"./_plugin-vue_export-helper-c27b6911.js";/* empty css *//* empty css *//* empty css */import"./attachment-b0910b84.js";/* empty css */import"./index.vue_vue_type_script_setup_true_lang-2b567824.js";/* empty css *//* empty css */import"./el-form-item-4ed993c7.js";/* empty css *//* empty css *//* empty css *//* 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 */import"./index.vue_vue_type_script_setup_true_lang-c49efe6d.js";/* empty css */import"./sys-c2b6ae2b.js";const I={class:"flex flex-wrap"},P={key:0,class:"w-full h-full relative"},A={class:"w-full h-full flex items-center justify-center"},L={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation"},R={class:"w-full h-full flex items-center justify-center flex-col"},q={class:"leading-none text-xs mt-[10px] text-secondary"},G={class:"w-full h-full relative"},H={class:"w-full h-full flex items-center justify-center"},J={class:"absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation"},K={class:"w-full h-full flex items-center justify-center flex-col"},M={class:"leading-none text-xs mt-[10px] text-secondary"},O=j({__name:"index",props:{modelValue:{type:String,default:""},width:{type:String,default:"100px"},height:{type:String,default:"100px"},iconText:{type:String},limit:{type:Number,default:1}},emits:["update:modelValue","change"],setup(i,{emit:f}){const n=i,d=g({get(){return n.modelValue},set(t){f("update:modelValue",t)}}),e=B({data:[]}),m=()=>{d.value=E(e.data).toString()};N(()=>d.value,()=>{e.data=[...d.value.split(",").filter(t=>t)],m()},{immediate:!0});const u=g(()=>({width:n.width,height:n.height})),h=t=>{n.limit==1?(e.data.splice(0,1),t&&e.data.push(t.url)):t.forEach(x=>{e.data.length<n.limit&&e.data.push(x.url)}),m(),f("change",d.value)},_=(t=0)=>{e.data.splice(t,1),m()};return(t,x)=>{const s=C,v=V;return l(),r("div",I,[i.limit==1?(l(),r("div",{key:0,class:"rounded cursor-pointer overflow-hidden relative border border-dashed border-color icon-wrap mr-[10px]",style:p(c(u))},[e.data.length?(l(),r("div",P,[o("div",A,[a(s,{name:e.data[0],size:"40px"},null,8,["name"])]),o("div",L,[a(s,{name:"element Delete",color:"#fff",size:"18px",onClick:_})])])):(l(),D(v,{key:1,limit:i.limit,type:"icon",onConfirm:h},{default:w(()=>[o("div",R,[a(s,{name:"element Plus",size:"20px",color:"var(--el-text-color-secondary)"}),o("div",q,b(i.iconText||c(k)("upload.selecticon")),1)])]),_:1},8,["limit"]))],4)):(l(),r(z,{key:1},[(l(!0),r(z,null,T(e.data,(S,y)=>(l(),r("div",{class:"rounded cursor-pointer overflow-hidden relative border border-dashed border-color icon-wrap mr-[10px]",style:p(c(u)),key:y},[o("div",G,[o("div",H,[a(s,{name:S,size:"40px"},null,8,["name"])]),o("div",J,[a(s,{name:"element Delete",color:"#fff",size:"18px",onClick:Q=>_(y)},null,8,["onClick"])])])],4))),128)),e.data.length<i.limit?(l(),r("div",{key:0,class:"rounded cursor-pointer overflow-hidden relative border border-dashed border-color",style:p(c(u))},[a(v,{limit:i.limit,onConfirm:h},{default:w(()=>[o("div",K,[a(s,{name:"element Plus",size:"20px",color:"var(--el-text-color-secondary)"}),o("div",M,b(i.iconText||c(k)("upload.selecticon")),1)])]),_:1},8,["limit"])],4)):$("",!0)],64))])}}});const Se=F(O,[["__scopeId","data-v-4670f308"]]);export{Se as default};
|