vuux/dist/lib/Transfer/src/index.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),r=require("../../CheckBox/index.cjs"),U=require("./hook/useTransfer.cjs"),u=require("@vuux/icons"),T={class:"transfer-panel"},I={class:"transfer-panel-top"},R={class:"transfer-panel-body"},S={class:"transfer-panel-action"},q={class:"transfer-panel"},A={class:"transfer-panel-top"},w={class:"transfer-panel-body"},z=e.defineComponent({name:"Transfer",__name:"index",props:{modelValue:{default:()=>[]},list:{},height:{default:260},width:{default:160},label:{default:"label"},value:{default:"value"},disabled:{default:"disabled"},theme:{default:"var(--app-theme)"}},emits:["update:modelValue","change"],setup(d,{emit:c}){const t=d,i=c,{labelKey:n,valueKey:a,rightList:f,styles:m,leftList:h,leftCheckedValues:p,rightCheckedValues:V,isLeftChecked:k,onLeftCheck:g,isLeftAllSelected:b,isLeftIndeterminate:v,toggleLeftAll:C,isRightChecked:N,onRightCheck:B,isRightAllSelected:_,isRightIndeterminate:y,toggleRightAll:x,moveToRight:E,moveToLeft:L}=U.useTransfer(t,i);return(D,o)=>(e.openBlock(),e.createElementBlock("div",{class:"app-transfer",style:e.normalizeStyle(e.unref(m))},[e.createElementVNode("div",T,[e.createElementVNode("div",I,[e.createVNode(e.unref(r.CheckBox),{modelValue:e.unref(b),indeterminate:e.unref(v),"onUpdate:modelValue":e.unref(C),theme:t.theme},null,8,["modelValue","indeterminate","onUpdate:modelValue","theme"]),o[0]||(o[0]=e.createElementVNode("span",null,"可选项",-1))]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h),l=>(e.openBlock(),e.createBlock(e.unref(r.CheckBox),{key:l[e.unref(a)],label:l[e.unref(n)],value:l[e.unref(a)],disabled:l[d.disabled],modelValue:e.unref(k)(l),"onUpdate:modelValue":s=>e.unref(g)(l,s),theme:t.theme},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l[e.unref(n)]),1)]),_:2},1032,["label","value","disabled","modelValue","onUpdate:modelValue","theme"]))),128))])]),e.createElementVNode("div",S,[e.createVNode(e.unref(u.Icon),{name:"Icon6657361",opacity:.8,class:e.normalizeClass({"is-disabled":e.unref(p).length===0}),onClick:e.unref(E)},null,8,["class","onClick"]),e.createVNode(e.unref(u.Icon),{name:"Icon3498333",opacity:.8,class:e.normalizeClass({"is-disabled":e.unref(V).length===0}),onClick:e.unref(L)},null,8,["class","onClick"])]),e.createElementVNode("div",q,[e.createElementVNode("div",A,[e.createVNode(e.unref(r.CheckBox),{modelValue:e.unref(_),indeterminate:e.unref(y),"onUpdate:modelValue":e.unref(x),theme:t.theme},null,8,["modelValue","indeterminate","onUpdate:modelValue","theme"]),o[1]||(o[1]=e.createElementVNode("span",null,"已选项",-1))]),e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),l=>(e.openBlock(),e.createBlock(e.unref(r.CheckBox),{key:l[e.unref(a)],label:l[e.unref(n)],value:l[e.unref(a)],disabled:l[d.disabled],modelValue:e.unref(N)(l),"onUpdate:modelValue":s=>e.unref(B)(l,s),theme:t.theme},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l[e.unref(n)]),1)]),_:2},1032,["label","value","disabled","modelValue","onUpdate:modelValue","theme"]))),128))])])],4))}});module.exports=z;