| 1 |
- import{d as r,T as p,a as e,a1 as m,F as h,I as a,L as o,a2 as u,u as l,ab as x,ac as b,S as j,B as k,j as g}from"./vendor.ad13860b.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{c as n,a as d}from"./checkbox_default.403c201d.js";import{C as f}from"./index.d925b97f.js";const v="_subjects_1dbdo_1",_="_subjectContainer_1dbdo_4",y="_title_1dbdo_7",B="_topBg_1dbdo_39",C="_checkbox_1dbdo_47",S="_name_1dbdo_52";var t={subjects:v,subjectContainer:_,title:y,"subject-list":"_subject-list_1dbdo_23","subject-item":"_subject-item_1dbdo_29",topBg:B,checkbox:C,name:S},F=r({name:"SubjectList",props:{onChoice:{type:Function,default:s=>{}},choiceSubjectIds:{type:Array,default:[]},subjectList:{type:Array,default:[]},max:{type:Number,default:5},selectType:{type:String,default:"Checkbox"},single:{type:Boolean,default:!1}},data(){return{checkBox:[],checkboxRefs:[],radio:null}},async mounted(){this.checkBox=this.choiceSubjectIds},watch:{choiceSubjectIds(s,c){this.checkBox=[...s]}},methods:{onSelect(s){this.selectType==="Checkbox"?(this.max===this.checkBox.length&&!this.checkBox.includes(s)&&p(`\u4E50\u5668\u6700\u591A\u9009\u62E9${this.max}\u4E2A`),this.checkboxRefs[s].toggle()):this.selectType==="Radio"&&(this.radio=s)}},render(){return e("div",{class:t.subjects},[e("div",{class:t.subjectContainer},[this.subjectList.length?this.selectType==="Checkbox"?e(m,{modelValue:this.checkBox,"onUpdate:modelValue":s=>this.checkBox=s,max:this.max},{default:()=>[!this.single&&this.subjectList.map(s=>s.subjects&&s.subjects.length>0?e(h,null,[e("div",{class:t.title},[s.name]),e("div",{class:t["subject-list"]},[s.subjects&&s.subjects.map(c=>e("div",{class:t["subject-item"],onClick:()=>this.onSelect(c.id)},[e(a,{src:c.img||"xxx",width:"100%",height:"100%",fit:"cover"},{loading:()=>e(o,{type:"spinner",size:20},null)}),e("div",{class:t.topBg},[e(u,{name:c.id,class:t.checkbox,disabled:!0,ref:i=>this.checkboxRefs[c.id]=i},{icon:i=>e(l,{name:i.checked?n:d,size:"20"},null)}),e("p",{class:t.name},[c.name])])]))])]):null),this.single?e("div",{class:t["subject-list"]},[this.subjectList.map(s=>e("div",{class:t["subject-item"],onClick:()=>this.onSelect(s.id)},[e(a,{src:s.img||"xxx",width:"100%",height:"100%",fit:"cover"},{loading:()=>e(o,{type:"spinner",size:20},null)}),e("div",{class:t.topBg},[e(u,{name:s.id,class:t.checkbox,disabled:!0,ref:c=>this.checkboxRefs[s.id]=c},{icon:c=>e(l,{name:c.checked?n:d,size:"20"},null)}),e("p",{class:t.name},[s.name])])]))]):null]}):e(x,{modelValue:this.radio,"onUpdate:modelValue":s=>this.radio=s},{default:()=>[!this.single&&this.subjectList.map(s=>s.subjects&&s.subjects.length>0?e(h,null,[e("div",{class:t.title},[s.name]),e("div",{class:t["subject-list"]},[s.subjects&&s.subjects.map(c=>e("div",{class:t["subject-item"],onClick:()=>this.onSelect(c.id)},[e(a,{src:c.img||"xxx",width:"100%",height:"100%",fit:"cover"},{loading:()=>e(o,{type:"spinner",size:20},null)}),e("div",{class:t.topBg},[e(b,{name:c.id,class:t.checkbox},{icon:i=>e(l,{name:i.checked?n:d,size:"20"},null)}),e("p",{class:t.name},[c.name])])]))])]):null),this.single?e("div",{class:t["subject-list"]},[this.subjectList.map(s=>e("div",{class:t["subject-item"],onClick:()=>this.onSelect(s.id)},[e(a,{src:s.img||"xxx",width:"100%",height:"100%",fit:"cover"},{loading:()=>e(o,{type:"spinner",size:20},null)}),e("div",{class:t.topBg},[e(b,{name:s.id,class:t.checkbox},{icon:c=>e(l,{name:c.checked?n:d,size:"20"},null)}),e("p",{class:t.name},[s.name])])]))]):null]}):e(f,{tips:"\u6682\u65E0\u58F0\u90E8\u6570\u636E",btnStatus:!1},null)]),this.subjectList.length>0&&e(j,{offsetBottom:0,position:"bottom"},{default:()=>[e("div",{class:"btnGroup"},[e(k,{round:!0,block:!0,type:"primary",onClick:()=>this.onChoice(this.selectType==="Checkbox"?this.checkBox:this.radio)},{default:()=>[g("\u786E\u5B9A")]})])]})])}});export{F as S};
|
