tk-eui-plus
Version:
2 lines (1 loc) • 1.86 kB
JavaScript
(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.index=n(e.Vue))})(this,function(e){"use strict";const n={key:1},d=e.defineComponent({__name:"index",props:{data:{type:Array,default:[]},leftDefaultChecked:{type:Array,default:[2,3]},rightDefaultChecked:{type:Array,default:[1]},titles:{type:Array,default:["Source","Target"]},buttonTexts:{type:Array,default:["To left","To right"]},format:{type:Object,default:{noChecked:"${total}",hasChecked:"${checked}/${total}"}}},emits:["handleChange"],setup(t,{emit:s}){let r=e.useSlots(),i=s,c=(l,f,o)=>{i("handleChange",{value:l,direction:f,movedKeys:o})};return console.log(r),(l,f)=>{const o=e.resolveComponent("el-transfer");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(o,e.mergeProps({style:{"text-align":"left",display:"inline-block"},filterable:"","left-default-checked":t.leftDefaultChecked,"right-default-checked":t.rightDefaultChecked,titles:t.titles,"button-texts":t.buttonTexts,format:t.format,data:t.data,onChange:e.unref(c)},l.$attrs),{default:e.withCtx(({option:a})=>[e.unref(r).default?e.renderSlot(l.$slots,"default",{key:0,option:a}):(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(a.key)+" - "+e.toDisplayString(a.label),1))]),"left-footer":e.withCtx(()=>[e.renderSlot(l.$slots,"left-footer"),e.createCommentVNode(' <el-button class="transfer-footer" size="small">Operation</el-button> ')]),"right-footer":e.withCtx(()=>[e.renderSlot(l.$slots,"right-footer"),e.createCommentVNode(' <el-button class="transfer-footer" size="small">Operation</el-button> ')]),_:3},16,["left-default-checked","right-default-checked","titles","button-texts","format","data","onChange"])])}}});return{install(t){t.component("tkTransfer",d)}}});