| 1 |
- import{d as A,e0 as U,ap as h,e as N,r as V,w as R,dG as b,o as d,c as _,C as n,f as s,B as c,l as I,v as T,a as r,a0 as j,A as q,E as B,F,_ as G,bc as L}from"./index-99394249.js";import{E as M}from"./el-image-fd254e92.js";import"./el-image-viewer-7a900a92.js";import{V as X}from"./vuedraggable.umd-0db19657.js";import{h as z}from"./spu-238ef86b.js";import{_ as D}from"./SpuTableSelect.vue_vue_type_script_setup_true_lang-9a331ce9.js";import{_ as H}from"./_plugin-vue_export-helper-1b428a4d.js";import"./Dialog-008f6863.js";import"./ContentWrap.vue_vue_type_script_setup_true_lang-f9f9b986.js";import"./el-card-7384ced1.js";import"./index.vue_vue_type_script_setup_true_lang-a802b9fb.js";import"./index-e1b237e7.js";import"./el-tree-select-1619797e.js";import"./tree-fd3a041e.js";import"./category-732f506d.js";const J={class:"flex flex-wrap items-center gap-2"},K={class:"relative h-full w-full"},O=H(A({name:"SpuShowcase",__name:"SpuShowcase",props:{modelValue:U([Number,Array]).isRequired,limit:h.number.def(Number.MAX_VALUE),disabled:h.bool.def(!1)},emits:["update:modelValue","change"],setup(u,{emit:g}){const a=u,x=N(()=>!a.disabled&&(!a.limit||l.value.length<a.limit)),l=V([]);R(()=>a.modelValue,async()=>{const e=b(a.modelValue)?a.modelValue:a.modelValue?[a.modelValue]:[];e.length!==0?(l.value.length===0||l.value.some(o=>!e.includes(o.id)))&&(l.value=await z(e)):l.value=[]},{immediate:!0});const p=V(),w=()=>{p.value.open(l.value)},k=e=>{l.value=b(e)?e:[e],m()},S=e=>{m()},t=g,m=()=>{if(a.limit===1){const e=l.value.length>0?l.value[0]:null;t("update:modelValue",(e==null?void 0:e.id)||0),t("change",e)}else t("update:modelValue",l.value.map(e=>e.id)),t("change",l.value)};return(e,o)=>{const y=M,f=G,v=L;return d(),_(F,null,[n("div",J,[s(r(X),{modelValue:r(l),"onUpdate:modelValue":o[0]||(o[0]=i=>j(l)?l.value=i:null),disabled:!1,class:"flex flex-wrap items-center gap-2",onEnd:S},{item:c(({element:i,index:C})=>[(d(),_("div",{key:i.id,class:"select-box spu-pic"},[s(v,{content:i.id},{default:c(()=>[n("div",K,[s(y,{src:i.picUrl,class:"h-full w-full"},null,8,["src"]),I(s(f,{class:"del-icon",icon:"ep:circle-close-filled",onClick:P=>(E=>{l.value.splice(E,1),m()})(C)},null,8,["onClick"]),[[T,!u.disabled]])])]),_:2},1032,["content"])]))]),_:1},8,["modelValue"]),r(x)?(d(),q(v,{key:0,content:"\u9009\u62E9\u5546\u54C1"},{default:c(()=>[n("div",{class:"select-box spu-pic flex-shrink-0",onClick:w},[s(f,{icon:"ep:plus"})])]),_:1})):B("",!0)]),s(D,{ref_key:"spuTableSelectRef",ref:p,multiple:u.limit!=1,onChange:k},null,8,["multiple"])],64)}}}),[["__scopeId","data-v-cc9a7db8"]]);export{O as default};
|
