import{U as J,bc as T,bd as x,be as j,bf as L,bg as E,bh as P,bi as W,bj as U,d as G,r as A,_ as b,j as r,k as h,l as Z,w as k,b as n,f as C,e as t,o as K,t as R,v as q,c as Q,q as M,a as B,n as Y}from"./index.c1b9962e.js";var O=200;function $(s,a,p,I){var l=-1,u=j,o=!0,e=s.length,c=[],i=a.length;if(!e)return c;p&&(a=J(a,T(p))),I?(u=L,o=!1):a.length>=O&&(u=E,o=!1,a=new x(a));n:for(;++l<e;){var d=s[l],g=p==null?d:p(d);if(d=I||d!==0?d:0,o&&g===g){for(var m=i;m--;)if(a[m]===g)continue n;c.push(d)}else u(a,g,I)||c.push(d)}return c}var _=P(function(s,a){return W(s)?$(s,U(a,1,W,!0)):[]}),X=_;const v=[];for(let s=0;s<20;s++)v.push({key:s.toString(),title:`content${s+1}`,description:`description of content${s+1}`,disabled:s%3<1});const nn=v.filter(s=>+s.key%3>1).map(s=>s.key),tn=G({data(){const s=A(!1),a=A(nn),p=A(["1","4"]);return{mockData:v,targetKeys:a,selectedKeys:p,disabled:s,handleChange:(o,e,c)=>{a.value=o,console.log("targetKeys: ",o),console.log("direction: ",e),console.log("moveKeys: ",c)},handleSelectChange:(o,e)=>{p.value=[...o,...e],console.log("sourceSelectedKeys: ",o),console.log("targetSelectedKeys: ",e)},handleScroll:(o,e)=>{console.log("direction:",o),console.log("target:",e.target)}}}});function sn(s,a,p,I,l,u){const o=r("a-transfer"),e=r("a-switch"),c=r("demo-box");return h(),Z(c,{jsfiddle:{us:"The most basic usage of `Transfer` involves providing the source data and target keys arrays, plus the rendering and some callback functions.",cn:"\u6700\u57FA\u672C\u7684\u7528\u6CD5\uFF0C\u5C55\u793A\u4E86 `dataSource`\u3001`targetKeys`\u3001\u6BCF\u884C\u7684\u6E32\u67D3\u51FD\u6570 `render` \u4EE5\u53CA\u56DE\u8C03\u51FD\u6570 `change` `selectChange` `scroll` \u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6700\u57FA\u672C\u7684\u7528\u6CD5\uFF0C\u5C55\u793A\u4E86 <code>dataSource</code>\u3001<code>targetKeys</code>\u3001\u6BCF\u884C\u7684\u6E32\u67D3\u51FD\u6570 <code>render</code> \u4EE5\u53CA\u56DE\u8C03\u51FD\u6570 <code>change</code> <code>selectChange</code> <code>scroll</code> \u7684\u7528\u6CD5\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The most basic usage of <code>Transfer</code> involves providing the source data and target keys arrays, plus the rendering and some callback functions.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/transfer/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10cmFuc2ZlcgogICAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgICA6dGl0bGVzPSJbJ1NvdXJjZScsICdUYXJnZXQnXSIKICAgICAgOnRhcmdldC1rZXlzPSJ0YXJnZXRLZXlzIgogICAgICA6c2VsZWN0ZWQta2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgICA6cmVuZGVyPSJpdGVtID0+IGl0ZW0udGl0bGUiCiAgICAgIDpkaXNhYmxlZD0iZGlzYWJsZWQiCiAgICAgIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIKICAgICAgQHNlbGVjdENoYW5nZT0iaGFuZGxlU2VsZWN0Q2hhbmdlIgogICAgICBAc2Nyb2xsPSJoYW5kbGVTY3JvbGwiCiAgICAvPgogICAgPGEtc3dpdGNoCiAgICAgIHVuLWNoZWNrZWQtY2hpbGRyZW49ImVuYWJsZWQiCiAgICAgIGNoZWNrZWQtY2hpbGRyZW49ImRpc2FibGVkIgogICAgICB2LW1vZGVsOmNoZWNrZWQ9ImRpc2FibGVkIgogICAgICBzdHlsZT0ibWFyZ2luLXRvcDogMTZweCIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmludGVyZmFjZSBNb2NrRGF0YSB7CiAga2V5OiBzdHJpbmc7CiAgdGl0bGU6IHN0cmluZzsKICBkZXNjcmlwdGlvbjogc3RyaW5nOwogIGRpc2FibGVkOiBib29sZWFuOwp9CmNvbnN0IG1vY2tEYXRhOiBNb2NrRGF0YVtdID0gW107CmZvciAobGV0IGkgPSAwOyBpIDwgMjA7IGkrKykgewogIG1vY2tEYXRhLnB1c2goewogICAga2V5OiBpLnRvU3RyaW5nKCksCiAgICB0aXRsZTogYGNvbnRlbnQke2kgKyAxfWAsCiAgICBkZXNjcmlwdGlvbjogYGRlc2NyaXB0aW9uIG9mIGNvbnRlbnQke2kgKyAxfWAsCiAgICBkaXNhYmxlZDogaSAlIDMgPCAxLAogIH0pOwp9Cgpjb25zdCBvcmlUYXJnZXRLZXlzID0gbW9ja0RhdGEuZmlsdGVyKGl0ZW0gPT4gK2l0ZW0ua2V5ICUgMyA+IDEpLm1hcChpdGVtID0+IGl0ZW0ua2V5KTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBkYXRhKCkgewogICAgY29uc3QgZGlzYWJsZWQgPSByZWY8Ym9vbGVhbj4oZmFsc2UpOwoKICAgIGNvbnN0IHRhcmdldEtleXMgPSByZWY8c3RyaW5nW10+KG9yaVRhcmdldEtleXMpOwoKICAgIGNvbnN0IHNlbGVjdGVkS2V5cyA9IHJlZjxzdHJpbmdbXT4oWycxJywgJzQnXSk7CgogICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKG5leHRUYXJnZXRLZXlzOiBzdHJpbmdbXSwgZGlyZWN0aW9uOiBzdHJpbmcsIG1vdmVLZXlzOiBzdHJpbmdbXSkgPT4gewogICAgICB0YXJnZXRLZXlzLnZhbHVlID0gbmV4dFRhcmdldEtleXM7CiAgICAgIGNvbnNvbGUubG9nKCd0YXJnZXRLZXlzOiAnLCBuZXh0VGFyZ2V0S2V5cyk7CiAgICAgIGNvbnNvbGUubG9nKCdkaXJlY3Rpb246ICcsIGRpcmVjdGlvbik7CiAgICAgIGNvbnNvbGUubG9nKCdtb3ZlS2V5czogJywgbW92ZUtleXMpOwogICAgfTsKICAgIGNvbnN0IGhhbmRsZVNlbGVjdENoYW5nZSA9IChzb3VyY2VTZWxlY3RlZEtleXM6IHN0cmluZ1tdLCB0YXJnZXRTZWxlY3RlZEtleXM6IHN0cmluZ1tdKSA9PiB7CiAgICAgIHNlbGVjdGVkS2V5cy52YWx1ZSA9IFsuLi5zb3VyY2VTZWxlY3RlZEtleXMsIC4uLnRhcmdldFNlbGVjdGVkS2V5c107CiAgICAgIGNvbnNvbGUubG9nKCdzb3VyY2VTZWxlY3RlZEtleXM6ICcsIHNvdXJjZVNlbGVjdGVkS2V5cyk7CiAgICAgIGNvbnNvbGUubG9nKCd0YXJnZXRTZWxlY3RlZEtleXM6ICcsIHRhcmdldFNlbGVjdGVkS2V5cyk7CiAgICB9OwogICAgY29uc3QgaGFuZGxlU2Nyb2xsID0gKGRpcmVjdGlvbjogc3RyaW5nLCBlOiBFdmVudCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZGlyZWN0aW9uOicsIGRpcmVjdGlvbik7CiAgICAgIGNvbnNvbGUubG9nKCd0YXJnZXQ6JywgZS50YXJnZXQpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICBtb2NrRGF0YSwKICAgICAgdGFyZ2V0S2V5cywKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICBkaXNhYmxlZCwKICAgICAgaGFuZGxlQ2hhbmdlLAogICAgICBoYW5kbGVTZWxlY3RDaGFuZ2UsCiAgICAgIGhhbmRsZVNjcm9sbCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10cmFuc2ZlcgogICAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgICA6dGl0bGVzPSJbJ1NvdXJjZScsICdUYXJnZXQnXSIKICAgICAgOnRhcmdldC1rZXlzPSJ0YXJnZXRLZXlzIgogICAgICA6c2VsZWN0ZWQta2V5cz0ic2VsZWN0ZWRLZXlzIgogICAgICA6cmVuZGVyPSJpdGVtID0+IGl0ZW0udGl0bGUiCiAgICAgIDpkaXNhYmxlZD0iZGlzYWJsZWQiCiAgICAgIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIKICAgICAgQHNlbGVjdENoYW5nZT0iaGFuZGxlU2VsZWN0Q2hhbmdlIgogICAgICBAc2Nyb2xsPSJoYW5kbGVTY3JvbGwiCiAgICAvPgogICAgPGEtc3dpdGNoCiAgICAgIHVuLWNoZWNrZWQtY2hpbGRyZW49ImVuYWJsZWQiCiAgICAgIGNoZWNrZWQtY2hpbGRyZW49ImRpc2FibGVkIgogICAgICB2LW1vZGVsOmNoZWNrZWQ9ImRpc2FibGVkIgogICAgICBzdHlsZT0ibWFyZ2luLXRvcDogMTZweCIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKY29uc3QgbW9ja0RhdGEgPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAyMDsgaSsrKSB7CiAgbW9ja0RhdGEucHVzaCh7CiAgICBrZXk6IGkudG9TdHJpbmcoKSwKICAgIHRpdGxlOiBgY29udGVudCR7aSArIDF9YCwKICAgIGRlc2NyaXB0aW9uOiBgZGVzY3JpcHRpb24gb2YgY29udGVudCR7aSArIDF9YCwKICAgIGRpc2FibGVkOiBpICUgMyA8IDEsCiAgfSk7Cn0KY29uc3Qgb3JpVGFyZ2V0S2V5cyA9IG1vY2tEYXRhLmZpbHRlcihpdGVtID0+ICtpdGVtLmtleSAlIDMgPiAxKS5tYXAoaXRlbSA9PiBpdGVtLmtleSk7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgZGF0YSgpIHsKICAgIGNvbnN0IGRpc2FibGVkID0gcmVmKGZhbHNlKTsKICAgIGNvbnN0IHRhcmdldEtleXMgPSByZWYob3JpVGFyZ2V0S2V5cyk7CiAgICBjb25zdCBzZWxlY3RlZEtleXMgPSByZWYoWycxJywgJzQnXSk7CiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAobmV4dFRhcmdldEtleXMsIGRpcmVjdGlvbiwgbW92ZUtleXMpID0+IHsKICAgICAgdGFyZ2V0S2V5cy52YWx1ZSA9IG5leHRUYXJnZXRLZXlzOwogICAgICBjb25zb2xlLmxvZygndGFyZ2V0S2V5czogJywgbmV4dFRhcmdldEtleXMpOwogICAgICBjb25zb2xlLmxvZygnZGlyZWN0aW9uOiAnLCBkaXJlY3Rpb24pOwogICAgICBjb25zb2xlLmxvZygnbW92ZUtleXM6ICcsIG1vdmVLZXlzKTsKICAgIH07CiAgICBjb25zdCBoYW5kbGVTZWxlY3RDaGFuZ2UgPSAoc291cmNlU2VsZWN0ZWRLZXlzLCB0YXJnZXRTZWxlY3RlZEtleXMpID0+IHsKICAgICAgc2VsZWN0ZWRLZXlzLnZhbHVlID0gWy4uLnNvdXJjZVNlbGVjdGVkS2V5cywgLi4udGFyZ2V0U2VsZWN0ZWRLZXlzXTsKICAgICAgY29uc29sZS5sb2coJ3NvdXJjZVNlbGVjdGVkS2V5czogJywgc291cmNlU2VsZWN0ZWRLZXlzKTsKICAgICAgY29uc29sZS5sb2coJ3RhcmdldFNlbGVjdGVkS2V5czogJywgdGFyZ2V0U2VsZWN0ZWRLZXlzKTsKICAgIH07CiAgICBjb25zdCBoYW5kbGVTY3JvbGwgPSAoZGlyZWN0aW9uLCBlKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdkaXJlY3Rpb246JywgZGlyZWN0aW9uKTsKICAgICAgY29uc29sZS5sb2coJ3RhcmdldDonLCBlLnRhcmdldCk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgbW9ja0RhdGEsCiAgICAgIHRhcmdldEtleXMsCiAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgZGlzYWJsZWQsCiAgICAgIGhhbmRsZUNoYW5nZSwKICAgICAgaGFuZGxlU2VsZWN0Q2hhbmdlLAogICAgICBoYW5kbGVTY3JvbGwsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:k(()=>[n("div",null,[C(o,{"data-source":s.mockData,titles:["Source","Target"],"target-keys":s.targetKeys,"selected-keys":s.selectedKeys,render:i=>i.title,disabled:s.disabled,onChange:s.handleChange,onSelectChange:s.handleSelectChange,onScroll:s.handleScroll},null,8,["data-source","target-keys","selected-keys","render","disabled","onChange","onSelectChange","onScroll"]),C(e,{"un-checked-children":"enabled","checked-children":"disabled",checked:s.disabled,"onUpdate:checked":a[0]||(a[0]=i=>s.disabled=i),style:{"margin-top":"16px"}},null,8,["checked"])])]),htmlCode:k(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":titles"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['Source', 'Target']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":selected-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => item.title"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@selectChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleSelectChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleScroll"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(`
      `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("enabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"interface"),t(),n("span",{class:"token class-name"},"MockData"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" boolean"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"mockData"),n("span",{class:"token operator"},":"),t(" MockData"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  mockData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" i "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"3"),t(),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(" oriTargetKeys "),n("span",{class:"token operator"},"="),t(" mockData"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token operator"},"+"),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"3"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"data"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" disabled "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("oriTargetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"nextTargetKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"direction"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"moveKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" nextTargetKeys"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'targetKeys: '"),n("span",{class:"token punctuation"},","),t(" nextTargetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'direction: '"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'moveKeys: '"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleSelectChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"sourceSelectedKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"targetSelectedKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      selectedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("sourceSelectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token operator"},"..."),t("targetSelectedKeys"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'sourceSelectedKeys: '"),n("span",{class:"token punctuation"},","),t(" sourceSelectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'targetSelectedKeys: '"),n("span",{class:"token punctuation"},","),t(" targetSelectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleScroll"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"direction"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"e"),n("span",{class:"token operator"},":"),t(" Event")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'direction:'"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'target:'"),n("span",{class:"token punctuation"},","),t(" e"),n("span",{class:"token punctuation"},"."),t("target"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      disabled`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      handleSelectChange`),n("span",{class:"token punctuation"},","),t(`
      handleScroll`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:k(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":titles"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['Source', 'Target']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":selected-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("selectedKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => item.title"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@selectChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleSelectChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@scroll"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleScroll"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(`
      `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("enabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  mockData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" i "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"3"),t(),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"const"),t(" oriTargetKeys "),n("span",{class:"token operator"},"="),t(" mockData"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token operator"},"+"),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"3"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"data"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" disabled "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("oriTargetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" selectedKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("nextTargetKeys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" nextTargetKeys"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'targetKeys: '"),n("span",{class:"token punctuation"},","),t(" nextTargetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'direction: '"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'moveKeys: '"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleSelectChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("sourceSelectedKeys"),n("span",{class:"token punctuation"},","),t(" targetSelectedKeys")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      selectedKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),t("sourceSelectedKeys"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token operator"},"..."),t("targetSelectedKeys"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'sourceSelectedKeys: '"),n("span",{class:"token punctuation"},","),t(" sourceSelectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'targetSelectedKeys: '"),n("span",{class:"token punctuation"},","),t(" targetSelectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleScroll"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("direction"),n("span",{class:"token punctuation"},","),t(" e")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'direction:'"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'target:'"),n("span",{class:"token punctuation"},","),t(" e"),n("span",{class:"token punctuation"},"."),t("target"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      disabled`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      handleSelectChange`),n("span",{class:"token punctuation"},","),t(`
      handleScroll`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var an=b(tn,[["render",sn]]);const on=G({setup(){const s=A([]),a=A([]);K(()=>{p()});const p=()=>{const o=[],e=[];for(let c=0;c<20;c++){const i={key:c.toString(),title:`content${c+1}`,description:`description of content${c+1}`,chosen:Math.random()*2>1};i.chosen&&o.push(i.key),e.push(i)}s.value=e,a.value=o};return{mockData:s,targetKeys:a,filterOption:(o,e)=>e.description.indexOf(o)>-1,handleChange:(o,e,c)=>{console.log(o,e,c),a.value=o},handleSearch:(o,e)=>{console.log("search:",o,e)}}}});function en(s,a,p,I,l,u){const o=r("a-transfer"),e=r("demo-box");return h(),Z(e,{jsfiddle:{us:"Transfer with a search box.",cn:"\u5E26\u641C\u7D22\u6846\u7684\u7A7F\u68AD\u6846\uFF0C\u53EF\u4EE5\u81EA\u5B9A\u4E49\u641C\u7D22\u51FD\u6570\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5E26\u641C\u7D22\u6846\u7684\u7A7F\u68AD\u6846\uFF0C\u53EF\u4EE5\u81EA\u5B9A\u4E49\u641C\u7D22\u51FD\u6570\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Transfer with a search box.</p>
`,order:1,title:{"zh-CN":"\u5E26\u641C\u7D22\u6846","en-US":"Search"},relativePath:"src/docs/transfer/demo/search.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyYW5zZmVyCiAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgc2hvdy1zZWFyY2gKICAgIDpmaWx0ZXItb3B0aW9uPSJmaWx0ZXJPcHRpb24iCiAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICA6cmVuZGVyPSJpdGVtID0+IGl0ZW0udGl0bGUiCiAgICBAY2hhbmdlPSJoYW5kbGVDaGFuZ2UiCiAgICBAc2VhcmNoPSJoYW5kbGVTZWFyY2giCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgb25Nb3VudGVkLCByZWYgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgTW9ja0RhdGEgewogIGtleTogc3RyaW5nOwogIHRpdGxlOiBzdHJpbmc7CiAgZGVzY3JpcHRpb246IHN0cmluZzsKICBjaG9zZW46IGJvb2xlYW47Cn0KZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG1vY2tEYXRhID0gcmVmPE1vY2tEYXRhW10+KFtdKTsKCiAgICBjb25zdCB0YXJnZXRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBvbk1vdW50ZWQoKCkgPT4gewogICAgICBnZXRNb2NrKCk7CiAgICB9KTsKICAgIGNvbnN0IGdldE1vY2sgPSAoKSA9PiB7CiAgICAgIGNvbnN0IGtleXMgPSBbXTsKICAgICAgY29uc3QgbURhdGEgPSBbXTsKICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCAyMDsgaSsrKSB7CiAgICAgICAgY29uc3QgZGF0YSA9IHsKICAgICAgICAgIGtleTogaS50b1N0cmluZygpLAogICAgICAgICAgdGl0bGU6IGBjb250ZW50JHtpICsgMX1gLAogICAgICAgICAgZGVzY3JpcHRpb246IGBkZXNjcmlwdGlvbiBvZiBjb250ZW50JHtpICsgMX1gLAogICAgICAgICAgY2hvc2VuOiBNYXRoLnJhbmRvbSgpICogMiA+IDEsCiAgICAgICAgfTsKICAgICAgICBpZiAoZGF0YS5jaG9zZW4pIHsKICAgICAgICAgIGtleXMucHVzaChkYXRhLmtleSk7CiAgICAgICAgfQogICAgICAgIG1EYXRhLnB1c2goZGF0YSk7CiAgICAgIH0KICAgICAgbW9ja0RhdGEudmFsdWUgPSBtRGF0YTsKICAgICAgdGFyZ2V0S2V5cy52YWx1ZSA9IGtleXM7CiAgICB9OwogICAgY29uc3QgZmlsdGVyT3B0aW9uID0gKGlucHV0VmFsdWU6IHN0cmluZywgb3B0aW9uOiBNb2NrRGF0YSkgPT4gewogICAgICByZXR1cm4gb3B0aW9uLmRlc2NyaXB0aW9uLmluZGV4T2YoaW5wdXRWYWx1ZSkgPiAtMTsKICAgIH07CiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoa2V5czogc3RyaW5nW10sIGRpcmVjdGlvbjogc3RyaW5nLCBtb3ZlS2V5czogc3RyaW5nW10pID0+IHsKICAgICAgY29uc29sZS5sb2coa2V5cywgZGlyZWN0aW9uLCBtb3ZlS2V5cyk7CiAgICAgIHRhcmdldEtleXMudmFsdWUgPSBrZXlzOwogICAgfTsKCiAgICBjb25zdCBoYW5kbGVTZWFyY2ggPSAoZGlyOiBzdHJpbmcsIHZhbHVlOiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NlYXJjaDonLCBkaXIsIHZhbHVlKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBtb2NrRGF0YSwKICAgICAgdGFyZ2V0S2V5cywKICAgICAgZmlsdGVyT3B0aW9uLAogICAgICBoYW5kbGVDaGFuZ2UsCiAgICAgIGhhbmRsZVNlYXJjaCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyYW5zZmVyCiAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgc2hvdy1zZWFyY2gKICAgIDpmaWx0ZXItb3B0aW9uPSJmaWx0ZXJPcHRpb24iCiAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICA6cmVuZGVyPSJpdGVtID0+IGl0ZW0udGl0bGUiCiAgICBAY2hhbmdlPSJoYW5kbGVDaGFuZ2UiCiAgICBAc2VhcmNoPSJoYW5kbGVTZWFyY2giCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCBvbk1vdW50ZWQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBtb2NrRGF0YSA9IHJlZihbXSk7CiAgICBjb25zdCB0YXJnZXRLZXlzID0gcmVmKFtdKTsKICAgIG9uTW91bnRlZCgoKSA9PiB7CiAgICAgIGdldE1vY2soKTsKICAgIH0pOwogICAgY29uc3QgZ2V0TW9jayA9ICgpID0+IHsKICAgICAgY29uc3Qga2V5cyA9IFtdOwogICAgICBjb25zdCBtRGF0YSA9IFtdOwogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDIwOyBpKyspIHsKICAgICAgICBjb25zdCBkYXRhID0gewogICAgICAgICAga2V5OiBpLnRvU3RyaW5nKCksCiAgICAgICAgICB0aXRsZTogYGNvbnRlbnQke2kgKyAxfWAsCiAgICAgICAgICBkZXNjcmlwdGlvbjogYGRlc2NyaXB0aW9uIG9mIGNvbnRlbnQke2kgKyAxfWAsCiAgICAgICAgICBjaG9zZW46IE1hdGgucmFuZG9tKCkgKiAyID4gMSwKICAgICAgICB9OwogICAgICAgIGlmIChkYXRhLmNob3NlbikgewogICAgICAgICAga2V5cy5wdXNoKGRhdGEua2V5KTsKICAgICAgICB9CiAgICAgICAgbURhdGEucHVzaChkYXRhKTsKICAgICAgfQogICAgICBtb2NrRGF0YS52YWx1ZSA9IG1EYXRhOwogICAgICB0YXJnZXRLZXlzLnZhbHVlID0ga2V5czsKICAgIH07CiAgICBjb25zdCBmaWx0ZXJPcHRpb24gPSAoaW5wdXRWYWx1ZSwgb3B0aW9uKSA9PiB7CiAgICAgIHJldHVybiBvcHRpb24uZGVzY3JpcHRpb24uaW5kZXhPZihpbnB1dFZhbHVlKSA+IC0xOwogICAgfTsKICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChrZXlzLCBkaXJlY3Rpb24sIG1vdmVLZXlzKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGtleXMsIGRpcmVjdGlvbiwgbW92ZUtleXMpOwogICAgICB0YXJnZXRLZXlzLnZhbHVlID0ga2V5czsKICAgIH07CiAgICBjb25zdCBoYW5kbGVTZWFyY2ggPSAoZGlyLCB2YWx1ZSkgPT4gewogICAgICBjb25zb2xlLmxvZygnc2VhcmNoOicsIGRpciwgdmFsdWUpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG1vY2tEYXRhLAogICAgICB0YXJnZXRLZXlzLAogICAgICBmaWx0ZXJPcHRpb24sCiAgICAgIGhhbmRsZUNoYW5nZSwKICAgICAgaGFuZGxlU2VhcmNoLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:k(()=>[C(o,{"data-source":s.mockData,"show-search":"","filter-option":s.filterOption,"target-keys":s.targetKeys,render:c=>c.title,onChange:s.handleChange,onSearch:s.handleSearch},null,8,["data-source","filter-option","target-keys","render","onChange","onSearch"])]),htmlCode:k(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"show-search"),t(`
    `),n("span",{class:"token attr-name"},":filter-option"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("filterOption"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => item.title"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleSearch"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"interface"),t(),n("span",{class:"token class-name"},"MockData"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" boolean"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("MockData"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"getMock"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMock"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" keys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" mData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"random"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"*"),t(),n("span",{class:"token number"},"2"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("chosen"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          keys`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        mData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      mockData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mData"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"filterOption"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"inputValue"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"option"),n("span",{class:"token operator"},":"),t(" MockData")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" option"),n("span",{class:"token punctuation"},"."),t("description"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("inputValue"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"keys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"direction"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"moveKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleSearch"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"dir"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'search:'"),n("span",{class:"token punctuation"},","),t(" dir"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      filterOption`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      handleSearch`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:k(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"show-search"),t(`
    `),n("span",{class:"token attr-name"},":filter-option"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("filterOption"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => item.title"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleSearch"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"getMock"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMock"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" keys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" mData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"random"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"*"),t(),n("span",{class:"token number"},"2"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("chosen"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          keys`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        mData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      mockData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mData"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"filterOption"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("inputValue"),n("span",{class:"token punctuation"},","),t(" option")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" option"),n("span",{class:"token punctuation"},"."),t("description"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("inputValue"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleSearch"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("dir"),n("span",{class:"token punctuation"},","),t(" value")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'search:'"),n("span",{class:"token punctuation"},","),t(" dir"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      filterOption`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      handleSearch`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var cn=b(on,[["render",en]]);const pn=G({setup(){const s=A([]),a=A([]);K(()=>{p()});const p=()=>{const l=[],u=[];for(let o=0;o<20;o++){const e={key:o.toString(),title:`content${o+1}`,description:`description of content${o+1}`,chosen:Math.random()*2>1};e.chosen&&l.push(e.key),u.push(e)}s.value=u,a.value=l};return{mockData:s,targetKeys:a,handleChange:(l,u,o)=>{a.value=l,console.log(l,u,o)},getMock:p}}});function ln(s,a,p,I,l,u){const o=r("a-button"),e=r("a-transfer"),c=r("demo-box");return h(),Z(c,{jsfiddle:{us:"You can customize the labels of the transfer buttons, the width and height of the columns, and what should be displayed in the footer.",cn:"\u7A7F\u68AD\u6846\u9AD8\u7EA7\u7528\u6CD5\uFF0C\u53EF\u914D\u7F6E\u64CD\u4F5C\u6587\u6848\uFF0C\u53EF\u5B9A\u5236\u5BBD\u9AD8\uFF0C\u53EF\u5BF9\u5E95\u90E8\u8FDB\u884C\u81EA\u5B9A\u4E49\u6E32\u67D3\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7A7F\u68AD\u6846\u9AD8\u7EA7\u7528\u6CD5\uFF0C\u53EF\u914D\u7F6E\u64CD\u4F5C\u6587\u6848\uFF0C\u53EF\u5B9A\u5236\u5BBD\u9AD8\uFF0C\u53EF\u5BF9\u5E95\u90E8\u8FDB\u884C\u81EA\u5B9A\u4E49\u6E32\u67D3\u3002</p>
<h2 id="en-us">en-US</h2>
<p>You can customize the labels of the transfer buttons, the width and height of the columns, and what should be displayed in the footer.</p>
`,order:2,title:{"zh-CN":"\u9AD8\u7EA7\u7528\u6CD5","en-US":"Advanced"},relativePath:"src/docs/transfer/demo/advanced.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyYW5zZmVyCiAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgc2hvdy1zZWFyY2gKICAgIDpsaXN0LXN0eWxlPSJ7CiAgICAgIHdpZHRoOiAnMjUwcHgnLAogICAgICBoZWlnaHQ6ICczMDBweCcsCiAgICB9IgogICAgOm9wZXJhdGlvbnM9IlsndG8gcmlnaHQnLCAndG8gbGVmdCddIgogICAgOnRhcmdldC1rZXlzPSJ0YXJnZXRLZXlzIgogICAgOnJlbmRlcj0iaXRlbSA9PiBgJHtpdGVtLnRpdGxlfS0ke2l0ZW0uZGVzY3JpcHRpb259YCIKICAgIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIKICA+CiAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgPGEtYnV0dG9uIHNpemU9InNtYWxsIiBzdHlsZT0iZmxvYXQ6IHJpZ2h0OyBtYXJnaW46IDVweCIgQGNsaWNrPSJnZXRNb2NrIj5yZWxvYWQ8L2EtYnV0dG9uPgogICAgPC90ZW1wbGF0ZT4KICAgIDx0ZW1wbGF0ZSAjbm90Rm91bmRDb250ZW50PgogICAgICA8c3Bhbj7msqHmlbDmja48L3NwYW4+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmFuc2Zlcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCBvbk1vdW50ZWQgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgTW9ja0RhdGEgewogIGtleTogc3RyaW5nOwogIHRpdGxlOiBzdHJpbmc7CiAgZGVzY3JpcHRpb246IHN0cmluZzsKICBjaG9zZW46IGJvb2xlYW47Cn0KZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG1vY2tEYXRhID0gcmVmPE1vY2tEYXRhW10+KFtdKTsKCiAgICBjb25zdCB0YXJnZXRLZXlzID0gcmVmPHN0cmluZ1tdPihbXSk7CiAgICBvbk1vdW50ZWQoKCkgPT4gewogICAgICBnZXRNb2NrKCk7CiAgICB9KTsKICAgIGNvbnN0IGdldE1vY2sgPSAoKSA9PiB7CiAgICAgIGNvbnN0IGtleXMgPSBbXTsKICAgICAgY29uc3QgbURhdGEgPSBbXTsKICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCAyMDsgaSsrKSB7CiAgICAgICAgY29uc3QgZGF0YSA9IHsKICAgICAgICAgIGtleTogaS50b1N0cmluZygpLAogICAgICAgICAgdGl0bGU6IGBjb250ZW50JHtpICsgMX1gLAogICAgICAgICAgZGVzY3JpcHRpb246IGBkZXNjcmlwdGlvbiBvZiBjb250ZW50JHtpICsgMX1gLAogICAgICAgICAgY2hvc2VuOiBNYXRoLnJhbmRvbSgpICogMiA+IDEsCiAgICAgICAgfTsKICAgICAgICBpZiAoZGF0YS5jaG9zZW4pIHsKICAgICAgICAgIGtleXMucHVzaChkYXRhLmtleSk7CiAgICAgICAgfQogICAgICAgIG1EYXRhLnB1c2goZGF0YSk7CiAgICAgIH0KICAgICAgbW9ja0RhdGEudmFsdWUgPSBtRGF0YTsKICAgICAgdGFyZ2V0S2V5cy52YWx1ZSA9IGtleXM7CiAgICB9OwogICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKGtleXM6IHN0cmluZ1tdLCBkaXJlY3Rpb246IHN0cmluZywgbW92ZUtleXM6IHN0cmluZ1tdKSA9PiB7CiAgICAgIHRhcmdldEtleXMudmFsdWUgPSBrZXlzOwogICAgICBjb25zb2xlLmxvZyhrZXlzLCBkaXJlY3Rpb24sIG1vdmVLZXlzKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBtb2NrRGF0YSwKICAgICAgdGFyZ2V0S2V5cywKICAgICAgaGFuZGxlQ2hhbmdlLAogICAgICBnZXRNb2NrLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyYW5zZmVyCiAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgc2hvdy1zZWFyY2gKICAgIDpsaXN0LXN0eWxlPSJ7CiAgICAgIHdpZHRoOiAnMjUwcHgnLAogICAgICBoZWlnaHQ6ICczMDBweCcsCiAgICB9IgogICAgOm9wZXJhdGlvbnM9IlsndG8gcmlnaHQnLCAndG8gbGVmdCddIgogICAgOnRhcmdldC1rZXlzPSJ0YXJnZXRLZXlzIgogICAgOnJlbmRlcj0iaXRlbSA9PiBgJHtpdGVtLnRpdGxlfS0ke2l0ZW0uZGVzY3JpcHRpb259YCIKICAgIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIKICA+CiAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgPGEtYnV0dG9uIHNpemU9InNtYWxsIiBzdHlsZT0iZmxvYXQ6IHJpZ2h0OyBtYXJnaW46IDVweCIgQGNsaWNrPSJnZXRNb2NrIj5yZWxvYWQ8L2EtYnV0dG9uPgogICAgPC90ZW1wbGF0ZT4KICAgIDx0ZW1wbGF0ZSAjbm90Rm91bmRDb250ZW50PgogICAgICA8c3Bhbj7msqHmlbDmja48L3NwYW4+CiAgICA8L3RlbXBsYXRlPgogIDwvYS10cmFuc2Zlcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIG9uTW91bnRlZCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBtb2NrRGF0YSA9IHJlZihbXSk7CiAgICBjb25zdCB0YXJnZXRLZXlzID0gcmVmKFtdKTsKICAgIG9uTW91bnRlZCgoKSA9PiB7CiAgICAgIGdldE1vY2soKTsKICAgIH0pOwogICAgY29uc3QgZ2V0TW9jayA9ICgpID0+IHsKICAgICAgY29uc3Qga2V5cyA9IFtdOwogICAgICBjb25zdCBtRGF0YSA9IFtdOwogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDIwOyBpKyspIHsKICAgICAgICBjb25zdCBkYXRhID0gewogICAgICAgICAga2V5OiBpLnRvU3RyaW5nKCksCiAgICAgICAgICB0aXRsZTogYGNvbnRlbnQke2kgKyAxfWAsCiAgICAgICAgICBkZXNjcmlwdGlvbjogYGRlc2NyaXB0aW9uIG9mIGNvbnRlbnQke2kgKyAxfWAsCiAgICAgICAgICBjaG9zZW46IE1hdGgucmFuZG9tKCkgKiAyID4gMSwKICAgICAgICB9OwogICAgICAgIGlmIChkYXRhLmNob3NlbikgewogICAgICAgICAga2V5cy5wdXNoKGRhdGEua2V5KTsKICAgICAgICB9CiAgICAgICAgbURhdGEucHVzaChkYXRhKTsKICAgICAgfQogICAgICBtb2NrRGF0YS52YWx1ZSA9IG1EYXRhOwogICAgICB0YXJnZXRLZXlzLnZhbHVlID0ga2V5czsKICAgIH07CiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoa2V5cywgZGlyZWN0aW9uLCBtb3ZlS2V5cykgPT4gewogICAgICB0YXJnZXRLZXlzLnZhbHVlID0ga2V5czsKICAgICAgY29uc29sZS5sb2coa2V5cywgZGlyZWN0aW9uLCBtb3ZlS2V5cyk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgbW9ja0RhdGEsCiAgICAgIHRhcmdldEtleXMsCiAgICAgIGhhbmRsZUNoYW5nZSwKICAgICAgZ2V0TW9jaywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:k(()=>[C(e,{"data-source":s.mockData,"show-search":"","list-style":{width:"250px",height:"300px"},operations:["to right","to left"],"target-keys":s.targetKeys,render:i=>`${i.title}-${i.description}`,onChange:s.handleChange},{footer:k(()=>[C(o,{size:"small",style:{float:"right",margin:"5px"},onClick:s.getMock},{default:k(()=>a[0]||(a[0]=[t("reload")])),_:1,__:[0]},8,["onClick"])]),notFoundContent:k(()=>a[1]||(a[1]=[n("span",null,"\u6CA1\u6570\u636E",-1)])),_:1},8,["data-source","target-keys","render","onChange"])]),htmlCode:k(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"show-search"),t(`
    `),n("span",{class:"token attr-name"},":list-style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      width: '250px',
      height: '300px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":operations"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['to right', 'to left']"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => `${item.title}-${item.description}`"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#footer"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),t(" right"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),t(" 5px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getMock"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("reload"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#notFoundContent"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("\u6CA1\u6570\u636E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" onMounted "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"interface"),t(),n("span",{class:"token class-name"},"MockData"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" boolean"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("MockData"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"getMock"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMock"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" keys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" mData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"random"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"*"),t(),n("span",{class:"token number"},"2"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("chosen"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          keys`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        mData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      mockData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mData"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"keys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"direction"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"moveKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      getMock`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:k(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"show-search"),t(`
    `),n("span",{class:"token attr-name"},":list-style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      width: '250px',
      height: '300px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":operations"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['to right', 'to left']"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => `${item.title}-${item.description}`"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#footer"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),t(" right"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),t(" 5px")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getMock"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("reload"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#notFoundContent"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("\u6CA1\u6570\u636E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" onMounted "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"getMock"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMock"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" keys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" mData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"random"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"*"),t(),n("span",{class:"token number"},"2"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("chosen"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          keys`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        mData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      mockData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mData"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      getMock`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var un=b(pn,[["render",ln]]);const kn=G({setup(){const s=A([]),a=A([]);K(()=>{p()});const p=()=>{const l=[],u=[];for(let o=0;o<20;o++){const e={key:o.toString(),title:`content${o+1}`,description:`description of content${o+1}`,chosen:Math.random()*2>1};e.chosen&&l.push(e.key),u.push(e)}s.value=u,a.value=l};return{mockData:s,targetKeys:a,handleChange:(l,u,o)=>{a.value=l,console.log(l,u,o)},getMock:p}}}),rn={class:"custom-item",style:{color:"red"}};function dn(s,a,p,I,l,u){const o=r("a-transfer"),e=r("demo-box");return h(),Z(e,{jsfiddle:{us:"Custom each Transfer Item, and in this way you can render a complex datasource.",cn:"\u81EA\u5B9A\u4E49\u6E32\u67D3\u6BCF\u4E00\u4E2A Transfer Item\uFF0C\u53EF\u7528\u4E8E\u6E32\u67D3\u590D\u6742\u6570\u636E\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u81EA\u5B9A\u4E49\u6E32\u67D3\u6BCF\u4E00\u4E2A Transfer Item\uFF0C\u53EF\u7528\u4E8E\u6E32\u67D3\u590D\u6742\u6570\u636E\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Custom each Transfer Item, and in this way you can render a complex datasource.</p>
`,order:3,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u6E32\u67D3\u884C\u6570\u636E","en-US":"Custom datasource"},relativePath:"src/docs/transfer/demo/custom-item.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRyYW5zZmVyCiAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgOmxpc3Qtc3R5bGU9InsKICAgICAgd2lkdGg6ICczMDBweCcsCiAgICAgIGhlaWdodDogJzMwMHB4JywKICAgIH0iCiAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICBAY2hhbmdlPSJoYW5kbGVDaGFuZ2UiCiAgPgogICAgPHRlbXBsYXRlICNyZW5kZXI9Iml0ZW0iPgogICAgICA8c3BhbiBjbGFzcz0iY3VzdG9tLWl0ZW0iIHN0eWxlPSJjb2xvcjogcmVkIj57eyBpdGVtLnRpdGxlIH19IC0ge3sgaXRlbS5kZXNjcmlwdGlvbiB9fTwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyYW5zZmVyPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIG9uTW91bnRlZCB9IGZyb20gJ3Z1ZSc7CmludGVyZmFjZSBNb2NrRGF0YSB7CiAga2V5OiBzdHJpbmc7CiAgdGl0bGU6IHN0cmluZzsKICBkZXNjcmlwdGlvbjogc3RyaW5nOwogIGNob3NlbjogYm9vbGVhbjsKfQpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgbW9ja0RhdGEgPSByZWY8TW9ja0RhdGFbXT4oW10pOwoKICAgIGNvbnN0IHRhcmdldEtleXMgPSByZWY8c3RyaW5nW10+KFtdKTsKICAgIG9uTW91bnRlZCgoKSA9PiB7CiAgICAgIGdldE1vY2soKTsKICAgIH0pOwogICAgY29uc3QgZ2V0TW9jayA9ICgpID0+IHsKICAgICAgY29uc3Qga2V5cyA9IFtdOwogICAgICBjb25zdCBtRGF0YSA9IFtdOwogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IDIwOyBpKyspIHsKICAgICAgICBjb25zdCBkYXRhID0gewogICAgICAgICAga2V5OiBpLnRvU3RyaW5nKCksCiAgICAgICAgICB0aXRsZTogYGNvbnRlbnQke2kgKyAxfWAsCiAgICAgICAgICBkZXNjcmlwdGlvbjogYGRlc2NyaXB0aW9uIG9mIGNvbnRlbnQke2kgKyAxfWAsCiAgICAgICAgICBjaG9zZW46IE1hdGgucmFuZG9tKCkgKiAyID4gMSwKICAgICAgICB9OwogICAgICAgIGlmIChkYXRhLmNob3NlbikgewogICAgICAgICAga2V5cy5wdXNoKGRhdGEua2V5KTsKICAgICAgICB9CiAgICAgICAgbURhdGEucHVzaChkYXRhKTsKICAgICAgfQogICAgICBtb2NrRGF0YS52YWx1ZSA9IG1EYXRhOwogICAgICB0YXJnZXRLZXlzLnZhbHVlID0ga2V5czsKICAgIH07CiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoa2V5czogc3RyaW5nW10sIGRpcmVjdGlvbjogc3RyaW5nLCBtb3ZlS2V5czogc3RyaW5nW10pID0+IHsKICAgICAgdGFyZ2V0S2V5cy52YWx1ZSA9IGtleXM7CiAgICAgIGNvbnNvbGUubG9nKGtleXMsIGRpcmVjdGlvbiwgbW92ZUtleXMpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG1vY2tEYXRhLAogICAgICB0YXJnZXRLZXlzLAogICAgICBoYW5kbGVDaGFuZ2UsCiAgICAgIGdldE1vY2ssCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRyYW5zZmVyCiAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgOmxpc3Qtc3R5bGU9InsKICAgICAgd2lkdGg6ICczMDBweCcsCiAgICAgIGhlaWdodDogJzMwMHB4JywKICAgIH0iCiAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICBAY2hhbmdlPSJoYW5kbGVDaGFuZ2UiCiAgPgogICAgPHRlbXBsYXRlICNyZW5kZXI9Iml0ZW0iPgogICAgICA8c3BhbiBjbGFzcz0iY3VzdG9tLWl0ZW0iIHN0eWxlPSJjb2xvcjogcmVkIj57eyBpdGVtLnRpdGxlIH19IC0ge3sgaXRlbS5kZXNjcmlwdGlvbiB9fTwvc3Bhbj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLXRyYW5zZmVyPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgb25Nb3VudGVkIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG1vY2tEYXRhID0gcmVmKFtdKTsKICAgIGNvbnN0IHRhcmdldEtleXMgPSByZWYoW10pOwogICAgb25Nb3VudGVkKCgpID0+IHsKICAgICAgZ2V0TW9jaygpOwogICAgfSk7CiAgICBjb25zdCBnZXRNb2NrID0gKCkgPT4gewogICAgICBjb25zdCBrZXlzID0gW107CiAgICAgIGNvbnN0IG1EYXRhID0gW107CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgMjA7IGkrKykgewogICAgICAgIGNvbnN0IGRhdGEgPSB7CiAgICAgICAgICBrZXk6IGkudG9TdHJpbmcoKSwKICAgICAgICAgIHRpdGxlOiBgY29udGVudCR7aSArIDF9YCwKICAgICAgICAgIGRlc2NyaXB0aW9uOiBgZGVzY3JpcHRpb24gb2YgY29udGVudCR7aSArIDF9YCwKICAgICAgICAgIGNob3NlbjogTWF0aC5yYW5kb20oKSAqIDIgPiAxLAogICAgICAgIH07CiAgICAgICAgaWYgKGRhdGEuY2hvc2VuKSB7CiAgICAgICAgICBrZXlzLnB1c2goZGF0YS5rZXkpOwogICAgICAgIH0KICAgICAgICBtRGF0YS5wdXNoKGRhdGEpOwogICAgICB9CiAgICAgIG1vY2tEYXRhLnZhbHVlID0gbURhdGE7CiAgICAgIHRhcmdldEtleXMudmFsdWUgPSBrZXlzOwogICAgfTsKICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChrZXlzLCBkaXJlY3Rpb24sIG1vdmVLZXlzKSA9PiB7CiAgICAgIHRhcmdldEtleXMudmFsdWUgPSBrZXlzOwogICAgICBjb25zb2xlLmxvZyhrZXlzLCBkaXJlY3Rpb24sIG1vdmVLZXlzKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBtb2NrRGF0YSwKICAgICAgdGFyZ2V0S2V5cywKICAgICAgaGFuZGxlQ2hhbmdlLAogICAgICBnZXRNb2NrLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:k(()=>[C(o,{"data-source":s.mockData,"list-style":{width:"300px",height:"300px"},"target-keys":s.targetKeys,onChange:s.handleChange},{render:k(c=>[n("span",rn,R(c.title)+" - "+R(c.description),1)]),_:1},8,["data-source","target-keys","onChange"])]),htmlCode:k(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":list-style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      width: '300px',
      height: '300px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("custom-item"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" red")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ item.title }} - {{ item.description }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" onMounted "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"interface"),t(),n("span",{class:"token class-name"},"MockData"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" boolean"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("MockData"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"getMock"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMock"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" keys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" mData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"random"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"*"),t(),n("span",{class:"token number"},"2"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("chosen"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          keys`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        mData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      mockData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mData"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"keys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"direction"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"moveKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      getMock`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:k(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
    `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":list-style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
      width: '300px',
      height: '300px',
    }`),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("custom-item"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" red")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ item.title }} - {{ item.description }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" onMounted "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"getMock"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getMock"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" keys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" mData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token literal-property property"},"chosen"),n("span",{class:"token operator"},":"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"random"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"*"),t(),n("span",{class:"token number"},"2"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("chosen"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          keys`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),t(`
        mData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      mockData`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mData"),n("span",{class:"token punctuation"},";"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("keys"),n("span",{class:"token punctuation"},","),t(" direction"),n("span",{class:"token punctuation"},","),t(" moveKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      getMock`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var gn=b(kn,[["render",dn]]);const S=[];for(let s=0;s<20;s++)S.push({key:s.toString(),title:`content${s+1}`,description:`description of content${s+1}`,disabled:s%4===0});const In=S.filter(s=>+s.key%3>1).map(s=>s.key),Cn=[{dataIndex:"title",title:"Name"},{dataIndex:"description",title:"Description"}],An=[{dataIndex:"title",title:"Name"}],mn=G({setup(){const s=A(In),a=A(!1),p=A(!1),I=A(Cn),l=A(An);return{mockData:S,targetKeys:s,disabled:a,showSearch:p,leftColumns:I,rightColumns:l,onChange:e=>{s.value=e},getRowSelection:({disabled:e,selectedKeys:c,onItemSelectAll:i,onItemSelect:d})=>({getCheckboxProps:g=>({disabled:e||g.disabled}),onSelectAll(g,m){const y=m.filter(f=>!f.disabled).map(({key:f})=>f),w=g?X(y,c):X(c,y);i(w,g)},onSelect({key:g},m){d(g,m)},selectedRowKeys:c})}}});function yn(s,a,p,I,l,u){const o=r("a-table"),e=r("a-transfer"),c=r("a-switch"),i=r("demo-box");return h(),Z(i,{jsfiddle:{us:"Customize render list with Table component.",cn:"\u4F7F\u7528 Table \u7EC4\u4EF6\u4F5C\u4E3A\u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 Table \u7EC4\u4EF6\u4F5C\u4E3A\u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Customize render list with Table component.</p>
`,order:4,title:{"zh-CN":"\u8868\u683C\u7A7F\u68AD\u6846","en-US":"Table Transfer"},relativePath:"src/docs/transfer/demo/table-transfer.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10cmFuc2ZlcgogICAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICAgIDpkaXNhYmxlZD0iZGlzYWJsZWQiCiAgICAgIDpzaG93LXNlYXJjaD0ic2hvd1NlYXJjaCIKICAgICAgOmZpbHRlci1vcHRpb249IihpbnB1dFZhbHVlLCBpdGVtKSA9PiBpdGVtLnRpdGxlLmluZGV4T2YoaW5wdXRWYWx1ZSkgIT09IC0xIgogICAgICA6c2hvdy1zZWxlY3QtYWxsPSJmYWxzZSIKICAgICAgQGNoYW5nZT0ib25DaGFuZ2UiCiAgICA+CiAgICAgIDx0ZW1wbGF0ZQogICAgICAgICNjaGlsZHJlbj0iewogICAgICAgICAgZGlyZWN0aW9uLAogICAgICAgICAgZmlsdGVyZWRJdGVtcywKICAgICAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgICAgIGRpc2FibGVkOiBsaXN0RGlzYWJsZWQsCiAgICAgICAgICBvbkl0ZW1TZWxlY3RBbGwsCiAgICAgICAgICBvbkl0ZW1TZWxlY3QsCiAgICAgICAgfSIKICAgICAgPgogICAgICAgIDxhLXRhYmxlCiAgICAgICAgICA6cm93LXNlbGVjdGlvbj0iCiAgICAgICAgICAgIGdldFJvd1NlbGVjdGlvbih7CiAgICAgICAgICAgICAgZGlzYWJsZWQ6IGxpc3REaXNhYmxlZCwKICAgICAgICAgICAgICBzZWxlY3RlZEtleXMsCiAgICAgICAgICAgICAgb25JdGVtU2VsZWN0QWxsLAogICAgICAgICAgICAgIG9uSXRlbVNlbGVjdCwKICAgICAgICAgICAgfSkKICAgICAgICAgICIKICAgICAgICAgIDpjb2x1bW5zPSJkaXJlY3Rpb24gPT09ICdsZWZ0JyA/IGxlZnRDb2x1bW5zIDogcmlnaHRDb2x1bW5zIgogICAgICAgICAgOmRhdGEtc291cmNlPSJmaWx0ZXJlZEl0ZW1zIgogICAgICAgICAgc2l6ZT0ic21hbGwiCiAgICAgICAgICA6c3R5bGU9InsgcG9pbnRlckV2ZW50czogbGlzdERpc2FibGVkID8gJ25vbmUnIDogbnVsbCB9IgogICAgICAgICAgOmN1c3RvbS1yb3c9IgogICAgICAgICAgICAoeyBrZXksIGRpc2FibGVkOiBpdGVtRGlzYWJsZWQgfSkgPT4gKHsKICAgICAgICAgICAgICBvbkNsaWNrOiAoKSA9PiB7CiAgICAgICAgICAgICAgICBpZiAoaXRlbURpc2FibGVkIHx8IGxpc3REaXNhYmxlZCkgcmV0dXJuOwogICAgICAgICAgICAgICAgb25JdGVtU2VsZWN0KGtleSwgIXNlbGVjdGVkS2V5cy5pbmNsdWRlcyhrZXkpKTsKICAgICAgICAgICAgICB9LAogICAgICAgICAgICB9KQogICAgICAgICAgIgogICAgICAgIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtdHJhbnNmZXI+CiAgICA8YS1zd2l0Y2gKICAgICAgdW4tY2hlY2tlZC1jaGlsZHJlbj0iZGlzYWJsZWQiCiAgICAgIGNoZWNrZWQtY2hpbGRyZW49ImRpc2FibGVkIgogICAgICB2LW1vZGVsOmNoZWNrZWQ9ImRpc2FibGVkIgogICAgICBzdHlsZT0ibWFyZ2luLXRvcDogMTZweCIKICAgIC8+CiAgICA8YS1zd2l0Y2gKICAgICAgdW4tY2hlY2tlZC1jaGlsZHJlbj0ic2hvd1NlYXJjaCIKICAgICAgY2hlY2tlZC1jaGlsZHJlbj0ic2hvd1NlYXJjaCIKICAgICAgdi1tb2RlbDpjaGVja2VkPSJzaG93U2VhcmNoIgogICAgICBzdHlsZT0ibWFyZ2luLXRvcDogMTZweCIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkaWZmZXJlbmNlIH0gZnJvbSAnbG9kYXNoLWVzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgTW9ja0RhdGEgewogIGtleTogc3RyaW5nOwogIHRpdGxlOiBzdHJpbmc7CiAgZGVzY3JpcHRpb246IHN0cmluZzsKICBkaXNhYmxlZDogYm9vbGVhbjsKfQp0eXBlIHRhYmxlQ29sdW1uID0gUmVjb3JkPHN0cmluZywgc3RyaW5nPjsKY29uc3QgbW9ja0RhdGE6IE1vY2tEYXRhW10gPSBbXTsKZm9yIChsZXQgaSA9IDA7IGkgPCAyMDsgaSsrKSB7CiAgbW9ja0RhdGEucHVzaCh7CiAgICBrZXk6IGkudG9TdHJpbmcoKSwKICAgIHRpdGxlOiBgY29udGVudCR7aSArIDF9YCwKICAgIGRlc2NyaXB0aW9uOiBgZGVzY3JpcHRpb24gb2YgY29udGVudCR7aSArIDF9YCwKICAgIGRpc2FibGVkOiBpICUgNCA9PT0gMCwKICB9KTsKfQoKY29uc3Qgb3JpZ2luVGFyZ2V0S2V5cyA9IG1vY2tEYXRhLmZpbHRlcihpdGVtID0+ICtpdGVtLmtleSAlIDMgPiAxKS5tYXAoaXRlbSA9PiBpdGVtLmtleSk7Cgpjb25zdCBsZWZ0VGFibGVDb2x1bW5zID0gWwogIHsKICAgIGRhdGFJbmRleDogJ3RpdGxlJywKICAgIHRpdGxlOiAnTmFtZScsCiAgfSwKICB7CiAgICBkYXRhSW5kZXg6ICdkZXNjcmlwdGlvbicsCiAgICB0aXRsZTogJ0Rlc2NyaXB0aW9uJywKICB9LApdOwpjb25zdCByaWdodFRhYmxlQ29sdW1ucyA9IFsKICB7CiAgICBkYXRhSW5kZXg6ICd0aXRsZScsCiAgICB0aXRsZTogJ05hbWUnLAogIH0sCl07CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdGFyZ2V0S2V5cyA9IHJlZjxzdHJpbmdbXT4ob3JpZ2luVGFyZ2V0S2V5cyk7CiAgICBjb25zdCBkaXNhYmxlZCA9IHJlZjxib29sZWFuPihmYWxzZSk7CiAgICBjb25zdCBzaG93U2VhcmNoID0gcmVmPGJvb2xlYW4+KGZhbHNlKTsKICAgIGNvbnN0IGxlZnRDb2x1bW5zID0gcmVmPHRhYmxlQ29sdW1uW10+KGxlZnRUYWJsZUNvbHVtbnMpOwogICAgY29uc3QgcmlnaHRDb2x1bW5zID0gcmVmPHRhYmxlQ29sdW1uW10+KHJpZ2h0VGFibGVDb2x1bW5zKTsKCiAgICBjb25zdCBvbkNoYW5nZSA9IChuZXh0VGFyZ2V0S2V5czogc3RyaW5nW10pID0+IHsKICAgICAgdGFyZ2V0S2V5cy52YWx1ZSA9IG5leHRUYXJnZXRLZXlzOwogICAgfTsKCiAgICBjb25zdCBnZXRSb3dTZWxlY3Rpb24gPSAoewogICAgICBkaXNhYmxlZCwKICAgICAgc2VsZWN0ZWRLZXlzLAogICAgICBvbkl0ZW1TZWxlY3RBbGwsCiAgICAgIG9uSXRlbVNlbGVjdCwKICAgIH06IFJlY29yZDxzdHJpbmcsIGFueT4pID0+IHsKICAgICAgcmV0dXJuIHsKICAgICAgICBnZXRDaGVja2JveFByb3BzOiAoaXRlbTogUmVjb3JkPHN0cmluZywgc3RyaW5nIHwgYm9vbGVhbj4pID0+ICh7CiAgICAgICAgICBkaXNhYmxlZDogZGlzYWJsZWQgfHwgaXRlbS5kaXNhYmxlZCwKICAgICAgICB9KSwKICAgICAgICBvblNlbGVjdEFsbChzZWxlY3RlZDogYm9vbGVhbiwgc2VsZWN0ZWRSb3dzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmcgfCBib29sZWFuPltdKSB7CiAgICAgICAgICBjb25zdCB0cmVlU2VsZWN0ZWRLZXlzID0gc2VsZWN0ZWRSb3dzCiAgICAgICAgICAgIC5maWx0ZXIoaXRlbSA9PiAhaXRlbS5kaXNhYmxlZCkKICAgICAgICAgICAgLm1hcCgoeyBrZXkgfSkgPT4ga2V5KTsKICAgICAgICAgIGNvbnN0IGRpZmZLZXlzID0gc2VsZWN0ZWQKICAgICAgICAgICAgPyBkaWZmZXJlbmNlKHRyZWVTZWxlY3RlZEtleXMsIHNlbGVjdGVkS2V5cykKICAgICAgICAgICAgOiBkaWZmZXJlbmNlKHNlbGVjdGVkS2V5cywgdHJlZVNlbGVjdGVkS2V5cyk7CiAgICAgICAgICBvbkl0ZW1TZWxlY3RBbGwoZGlmZktleXMsIHNlbGVjdGVkKTsKICAgICAgICB9LAogICAgICAgIG9uU2VsZWN0KHsga2V5IH06IFJlY29yZDxzdHJpbmcsIHN0cmluZz4sIHNlbGVjdGVkOiBib29sZWFuKSB7CiAgICAgICAgICBvbkl0ZW1TZWxlY3Qoa2V5LCBzZWxlY3RlZCk7CiAgICAgICAgfSwKICAgICAgICBzZWxlY3RlZFJvd0tleXM6IHNlbGVjdGVkS2V5cywKICAgICAgfTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBtb2NrRGF0YSwKICAgICAgdGFyZ2V0S2V5cywKICAgICAgZGlzYWJsZWQsCiAgICAgIHNob3dTZWFyY2gsCiAgICAgIGxlZnRDb2x1bW5zLAogICAgICByaWdodENvbHVtbnMsCiAgICAgIG9uQ2hhbmdlLAogICAgICBnZXRSb3dTZWxlY3Rpb24sCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10cmFuc2ZlcgogICAgICA6ZGF0YS1zb3VyY2U9Im1vY2tEYXRhIgogICAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICAgIDpkaXNhYmxlZD0iZGlzYWJsZWQiCiAgICAgIDpzaG93LXNlYXJjaD0ic2hvd1NlYXJjaCIKICAgICAgOmZpbHRlci1vcHRpb249IihpbnB1dFZhbHVlLCBpdGVtKSA9PiBpdGVtLnRpdGxlLmluZGV4T2YoaW5wdXRWYWx1ZSkgIT09IC0xIgogICAgICA6c2hvdy1zZWxlY3QtYWxsPSJmYWxzZSIKICAgICAgQGNoYW5nZT0ib25DaGFuZ2UiCiAgICA+CiAgICAgIDx0ZW1wbGF0ZQogICAgICAgICNjaGlsZHJlbj0iewogICAgICAgICAgZGlyZWN0aW9uLAogICAgICAgICAgZmlsdGVyZWRJdGVtcywKICAgICAgICAgIHNlbGVjdGVkS2V5cywKICAgICAgICAgIGRpc2FibGVkOiBsaXN0RGlzYWJsZWQsCiAgICAgICAgICBvbkl0ZW1TZWxlY3RBbGwsCiAgICAgICAgICBvbkl0ZW1TZWxlY3QsCiAgICAgICAgfSIKICAgICAgPgogICAgICAgIDxhLXRhYmxlCiAgICAgICAgICA6cm93LXNlbGVjdGlvbj0iCiAgICAgICAgICAgIGdldFJvd1NlbGVjdGlvbih7CiAgICAgICAgICAgICAgZGlzYWJsZWQ6IGxpc3REaXNhYmxlZCwKICAgICAgICAgICAgICBzZWxlY3RlZEtleXMsCiAgICAgICAgICAgICAgb25JdGVtU2VsZWN0QWxsLAogICAgICAgICAgICAgIG9uSXRlbVNlbGVjdCwKICAgICAgICAgICAgfSkKICAgICAgICAgICIKICAgICAgICAgIDpjb2x1bW5zPSJkaXJlY3Rpb24gPT09ICdsZWZ0JyA/IGxlZnRDb2x1bW5zIDogcmlnaHRDb2x1bW5zIgogICAgICAgICAgOmRhdGEtc291cmNlPSJmaWx0ZXJlZEl0ZW1zIgogICAgICAgICAgc2l6ZT0ic21hbGwiCiAgICAgICAgICA6c3R5bGU9InsgcG9pbnRlckV2ZW50czogbGlzdERpc2FibGVkID8gJ25vbmUnIDogbnVsbCB9IgogICAgICAgICAgOmN1c3RvbS1yb3c9IgogICAgICAgICAgICAoeyBrZXksIGRpc2FibGVkOiBpdGVtRGlzYWJsZWQgfSkgPT4gKHsKICAgICAgICAgICAgICBvbkNsaWNrOiAoKSA9PiB7CiAgICAgICAgICAgICAgICBpZiAoaXRlbURpc2FibGVkIHx8IGxpc3REaXNhYmxlZCkgcmV0dXJuOwogICAgICAgICAgICAgICAgb25JdGVtU2VsZWN0KGtleSwgIXNlbGVjdGVkS2V5cy5pbmNsdWRlcyhrZXkpKTsKICAgICAgICAgICAgICB9LAogICAgICAgICAgICB9KQogICAgICAgICAgIgogICAgICAgIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtdHJhbnNmZXI+CiAgICA8YS1zd2l0Y2gKICAgICAgdW4tY2hlY2tlZC1jaGlsZHJlbj0iZGlzYWJsZWQiCiAgICAgIGNoZWNrZWQtY2hpbGRyZW49ImRpc2FibGVkIgogICAgICB2LW1vZGVsOmNoZWNrZWQ9ImRpc2FibGVkIgogICAgICBzdHlsZT0ibWFyZ2luLXRvcDogMTZweCIKICAgIC8+CiAgICA8YS1zd2l0Y2gKICAgICAgdW4tY2hlY2tlZC1jaGlsZHJlbj0ic2hvd1NlYXJjaCIKICAgICAgY2hlY2tlZC1jaGlsZHJlbj0ic2hvd1NlYXJjaCIKICAgICAgdi1tb2RlbDpjaGVja2VkPSJzaG93U2VhcmNoIgogICAgICBzdHlsZT0ibWFyZ2luLXRvcDogMTZweCIKICAgIC8+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRpZmZlcmVuY2UgfSBmcm9tICdsb2Rhc2gtZXMnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IG1vY2tEYXRhID0gW107CmZvciAobGV0IGkgPSAwOyBpIDwgMjA7IGkrKykgewogIG1vY2tEYXRhLnB1c2goewogICAga2V5OiBpLnRvU3RyaW5nKCksCiAgICB0aXRsZTogYGNvbnRlbnQke2kgKyAxfWAsCiAgICBkZXNjcmlwdGlvbjogYGRlc2NyaXB0aW9uIG9mIGNvbnRlbnQke2kgKyAxfWAsCiAgICBkaXNhYmxlZDogaSAlIDQgPT09IDAsCiAgfSk7Cn0KY29uc3Qgb3JpZ2luVGFyZ2V0S2V5cyA9IG1vY2tEYXRhLmZpbHRlcihpdGVtID0+ICtpdGVtLmtleSAlIDMgPiAxKS5tYXAoaXRlbSA9PiBpdGVtLmtleSk7CmNvbnN0IGxlZnRUYWJsZUNvbHVtbnMgPSBbCiAgewogICAgZGF0YUluZGV4OiAndGl0bGUnLAogICAgdGl0bGU6ICdOYW1lJywKICB9LAogIHsKICAgIGRhdGFJbmRleDogJ2Rlc2NyaXB0aW9uJywKICAgIHRpdGxlOiAnRGVzY3JpcHRpb24nLAogIH0sCl07CmNvbnN0IHJpZ2h0VGFibGVDb2x1bW5zID0gWwogIHsKICAgIGRhdGFJbmRleDogJ3RpdGxlJywKICAgIHRpdGxlOiAnTmFtZScsCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHRhcmdldEtleXMgPSByZWYob3JpZ2luVGFyZ2V0S2V5cyk7CiAgICBjb25zdCBkaXNhYmxlZCA9IHJlZihmYWxzZSk7CiAgICBjb25zdCBzaG93U2VhcmNoID0gcmVmKGZhbHNlKTsKICAgIGNvbnN0IGxlZnRDb2x1bW5zID0gcmVmKGxlZnRUYWJsZUNvbHVtbnMpOwogICAgY29uc3QgcmlnaHRDb2x1bW5zID0gcmVmKHJpZ2h0VGFibGVDb2x1bW5zKTsKICAgIGNvbnN0IG9uQ2hhbmdlID0gbmV4dFRhcmdldEtleXMgPT4gewogICAgICB0YXJnZXRLZXlzLnZhbHVlID0gbmV4dFRhcmdldEtleXM7CiAgICB9OwogICAgY29uc3QgZ2V0Um93U2VsZWN0aW9uID0gKHsgZGlzYWJsZWQsIHNlbGVjdGVkS2V5cywgb25JdGVtU2VsZWN0QWxsLCBvbkl0ZW1TZWxlY3QgfSkgPT4gewogICAgICByZXR1cm4gewogICAgICAgIGdldENoZWNrYm94UHJvcHM6IGl0ZW0gPT4gKHsKICAgICAgICAgIGRpc2FibGVkOiBkaXNhYmxlZCB8fCBpdGVtLmRpc2FibGVkLAogICAgICAgIH0pLAogICAgICAgIG9uU2VsZWN0QWxsKHNlbGVjdGVkLCBzZWxlY3RlZFJvd3MpIHsKICAgICAgICAgIGNvbnN0IHRyZWVTZWxlY3RlZEtleXMgPSBzZWxlY3RlZFJvd3MKICAgICAgICAgICAgLmZpbHRlcihpdGVtID0+ICFpdGVtLmRpc2FibGVkKQogICAgICAgICAgICAubWFwKCh7IGtleSB9KSA9PiBrZXkpOwogICAgICAgICAgY29uc3QgZGlmZktleXMgPSBzZWxlY3RlZAogICAgICAgICAgICA/IGRpZmZlcmVuY2UodHJlZVNlbGVjdGVkS2V5cywgc2VsZWN0ZWRLZXlzKQogICAgICAgICAgICA6IGRpZmZlcmVuY2Uoc2VsZWN0ZWRLZXlzLCB0cmVlU2VsZWN0ZWRLZXlzKTsKICAgICAgICAgIG9uSXRlbVNlbGVjdEFsbChkaWZmS2V5cywgc2VsZWN0ZWQpOwogICAgICAgIH0sCiAgICAgICAgb25TZWxlY3QoeyBrZXkgfSwgc2VsZWN0ZWQpIHsKICAgICAgICAgIG9uSXRlbVNlbGVjdChrZXksIHNlbGVjdGVkKTsKICAgICAgICB9LAogICAgICAgIHNlbGVjdGVkUm93S2V5czogc2VsZWN0ZWRLZXlzLAogICAgICB9OwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG1vY2tEYXRhLAogICAgICB0YXJnZXRLZXlzLAogICAgICBkaXNhYmxlZCwKICAgICAgc2hvd1NlYXJjaCwKICAgICAgbGVmdENvbHVtbnMsCiAgICAgIHJpZ2h0Q29sdW1ucywKICAgICAgb25DaGFuZ2UsCiAgICAgIGdldFJvd1NlbGVjdGlvbiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:k(()=>[n("div",null,[C(e,{"data-source":s.mockData,"target-keys":s.targetKeys,disabled:s.disabled,"show-search":s.showSearch,"filter-option":(d,g)=>g.title.indexOf(d)!==-1,"show-select-all":!1,onChange:s.onChange},{children:k(({direction:d,filteredItems:g,selectedKeys:m,disabled:y,onItemSelectAll:w,onItemSelect:f})=>[C(o,{"row-selection":s.getRowSelection({disabled:y,selectedKeys:m,onItemSelectAll:w,onItemSelect:f}),columns:d==="left"?s.leftColumns:s.rightColumns,"data-source":g,size:"small",style:q({pointerEvents:y?"none":null}),"custom-row":({key:V,disabled:F})=>({onClick:()=>{F||y||f(V,!m.includes(V))}})},null,8,["row-selection","columns","data-source","style","custom-row"])]),_:1},8,["data-source","target-keys","disabled","show-search","filter-option","onChange"]),C(c,{"un-checked-children":"disabled","checked-children":"disabled",checked:s.disabled,"onUpdate:checked":a[0]||(a[0]=d=>s.disabled=d),style:{"margin-top":"16px"}},null,8,["checked"]),C(c,{"un-checked-children":"showSearch","checked-children":"showSearch",checked:s.showSearch,"onUpdate:checked":a[1]||(a[1]=d=>s.showSearch=d),style:{"margin-top":"16px"}},null,8,["checked"])])]),htmlCode:k(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":filter-option"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("(inputValue, item) => item.title.indexOf(inputValue) !== -1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-select-all"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(`
        `),n("span",{class:"token attr-name"},"#children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
          direction,
          filteredItems,
          selectedKeys,
          disabled: listDisabled,
          onItemSelectAll,
          onItemSelect,
        }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-table")]),t(`
          `),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            getRowSelection({
              disabled: listDisabled,
              selectedKeys,
              onItemSelectAll,
              onItemSelect,
            })
          `),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("direction === 'left' ? leftColumns : rightColumns"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("filteredItems"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ pointerEvents: listDisabled ? 'none' : null }"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":custom-row"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            ({ key, disabled: itemDisabled }) => ({
              onClick: () => {
                if (itemDisabled || listDisabled) return;
                onItemSelect(key, !selectedKeys.includes(key));
              },
            })
          `),n("span",{class:"token punctuation"},'"')]),t(`
        `),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(`
      `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(`
      `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" difference "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"interface"),t(),n("span",{class:"token class-name"},"MockData"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" boolean"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
type tableColumn `),n("span",{class:"token operator"},"="),t(" Record"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},","),t(" string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"mockData"),n("span",{class:"token operator"},":"),t(" MockData"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  mockData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" i "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"4"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(" originTargetKeys "),n("span",{class:"token operator"},"="),t(" mockData"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token operator"},"+"),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"3"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(" leftTableColumns "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'title'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'description'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Description'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" rightTableColumns "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'title'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("originTargetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" disabled "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" showSearch "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" leftColumns "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("tableColumn"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("leftTableColumns"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" rightColumns "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("tableColumn"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("rightTableColumns"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"nextTargetKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" nextTargetKeys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getRowSelection"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(`
      disabled`),n("span",{class:"token punctuation"},","),t(`
      selectedKeys`),n("span",{class:"token punctuation"},","),t(`
      onItemSelectAll`),n("span",{class:"token punctuation"},","),t(`
      onItemSelect`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token operator"},":"),t(" Record"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},","),t(" any"),n("span",{class:"token operator"},">")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function-variable function"},"getCheckboxProps"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"item"),n("span",{class:"token operator"},":"),t(" Record"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},","),t(" string "),n("span",{class:"token operator"},"|"),t(" boolean"),n("span",{class:"token operator"},">")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" disabled "),n("span",{class:"token operator"},"||"),t(" item"),n("span",{class:"token punctuation"},"."),t("disabled"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function"},"onSelectAll"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selected"),n("span",{class:"token operator"},":"),t(" boolean"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"selectedRows"),n("span",{class:"token operator"},":"),t(" Record"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},","),t(" string "),n("span",{class:"token operator"},"|"),t(" boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token keyword"},"const"),t(" treeSelectedKeys "),n("span",{class:"token operator"},"="),t(` selectedRows
            `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token operator"},"!"),t("item"),n("span",{class:"token punctuation"},"."),t("disabled"),n("span",{class:"token punctuation"},")"),t(`
            `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(" key "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"const"),t(" diffKeys "),n("span",{class:"token operator"},"="),t(` selected
            `),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token function"},"difference"),n("span",{class:"token punctuation"},"("),t("treeSelectedKeys"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),t(`
            `),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"difference"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(" treeSelectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token function"},"onItemSelectAll"),n("span",{class:"token punctuation"},"("),t("diffKeys"),n("span",{class:"token punctuation"},","),t(" selected"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function"},"onSelect"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token operator"},":"),t(" Record"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},","),t(" string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"selected"),n("span",{class:"token operator"},":"),t(" boolean")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token function"},"onItemSelect"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" selected"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),t(" selectedKeys"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      disabled`),n("span",{class:"token punctuation"},","),t(`
      showSearch`),n("span",{class:"token punctuation"},","),t(`
      leftColumns`),n("span",{class:"token punctuation"},","),t(`
      rightColumns`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      getRowSelection`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:k(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mockData"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-search"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":filter-option"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("(inputValue, item) => item.title.indexOf(inputValue) !== -1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-select-all"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(`
        `),n("span",{class:"token attr-name"},"#children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
          direction,
          filteredItems,
          selectedKeys,
          disabled: listDisabled,
          onItemSelectAll,
          onItemSelect,
        }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-table")]),t(`
          `),n("span",{class:"token attr-name"},":row-selection"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            getRowSelection({
              disabled: listDisabled,
              selectedKeys,
              onItemSelectAll,
              onItemSelect,
            })
          `),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("direction === 'left' ? leftColumns : rightColumns"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("filteredItems"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ pointerEvents: listDisabled ? 'none' : null }"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":custom-row"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            ({ key, disabled: itemDisabled }) => ({
              onClick: () => {
                if (itemDisabled || listDisabled) return;
                onItemSelect(key, !selectedKeys.includes(key));
              },
            })
          `),n("span",{class:"token punctuation"},'"')]),t(`
        `),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(`
      `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabled"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-switch")]),t(`
      `),n("span",{class:"token attr-name"},"un-checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"checked-children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("showSearch"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),t(" 16px")]),n("span",{class:"token punctuation"},'"')])]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" difference "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'lodash-es'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" mockData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  mockData`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" i"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"toString"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"description of content"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("i "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" i "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"4"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"const"),t(" originTargetKeys "),n("span",{class:"token operator"},"="),t(" mockData"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token operator"},"+"),t("item"),n("span",{class:"token punctuation"},"."),t("key "),n("span",{class:"token operator"},"%"),t(),n("span",{class:"token number"},"3"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(" item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" leftTableColumns "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'title'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'description'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Description'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" rightTableColumns "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"dataIndex"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'title'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Name'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("originTargetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" disabled "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" showSearch "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" leftColumns "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("leftTableColumns"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" rightColumns "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("rightTableColumns"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"nextTargetKeys"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" nextTargetKeys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getRowSelection"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(" disabled"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},","),t(" onItemSelectAll"),n("span",{class:"token punctuation"},","),t(" onItemSelect "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function-variable function"},"getCheckboxProps"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),t(" disabled "),n("span",{class:"token operator"},"||"),t(" item"),n("span",{class:"token punctuation"},"."),t("disabled"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function"},"onSelectAll"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("selected"),n("span",{class:"token punctuation"},","),t(" selectedRows")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token keyword"},"const"),t(" treeSelectedKeys "),n("span",{class:"token operator"},"="),t(` selectedRows
            `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"filter"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token operator"},"!"),t("item"),n("span",{class:"token punctuation"},"."),t("disabled"),n("span",{class:"token punctuation"},")"),t(`
            `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(" key "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(" key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token keyword"},"const"),t(" diffKeys "),n("span",{class:"token operator"},"="),t(` selected
            `),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token function"},"difference"),n("span",{class:"token punctuation"},"("),t("treeSelectedKeys"),n("span",{class:"token punctuation"},","),t(" selectedKeys"),n("span",{class:"token punctuation"},")"),t(`
            `),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"difference"),n("span",{class:"token punctuation"},"("),t("selectedKeys"),n("span",{class:"token punctuation"},","),t(" treeSelectedKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
          `),n("span",{class:"token function"},"onItemSelectAll"),n("span",{class:"token punctuation"},"("),t("diffKeys"),n("span",{class:"token punctuation"},","),t(" selected"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function"},"onSelect"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),t(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(" selected")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token function"},"onItemSelect"),n("span",{class:"token punctuation"},"("),t("key"),n("span",{class:"token punctuation"},","),t(" selected"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"selectedRowKeys"),n("span",{class:"token operator"},":"),t(" selectedKeys"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mockData`),n("span",{class:"token punctuation"},","),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      disabled`),n("span",{class:"token punctuation"},","),t(`
      showSearch`),n("span",{class:"token punctuation"},","),t(`
      leftColumns`),n("span",{class:"token punctuation"},","),t(`
      rightColumns`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      getRowSelection`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var hn=b(mn,[["render",yn]]);const N=[{key:"0-0",title:"0-0"},{key:"0-1",title:"0-1",children:[{key:"0-1-0",title:"0-1-0"},{key:"0-1-1",title:"0-1-1"}]},{key:"0-2",title:"0-3"}],D=[];function H(s=[]){s.forEach(a=>{D.push(a),H(a.children)})}H(JSON.parse(JSON.stringify(N)));function bn(s,a){return s.indexOf(a)!==-1}function z(s,a=[]){return s.forEach(p=>{p.disabled=a.includes(p.key),p.children&&z(p.children,a)}),s}const Zn=G({setup(){const s=A([]),a=A(D),p=Q(()=>z(N,s.value));return{targetKeys:s,dataSource:a,treeData:p,onChange:u=>{s.value=u},onChecked:(u,o,e,c)=>{const{eventKey:i}=o.node;c(i,!bn(e,i))}}}});function Gn(s,a,p,I,l,u){const o=r("a-tree"),e=r("a-transfer"),c=r("demo-box");return h(),Z(c,{jsfiddle:{us:"Customize render list with Tree component.",cn:"\u4F7F\u7528 Tree \u7EC4\u4EF6\u4F5C\u4E3A\u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 Tree \u7EC4\u4EF6\u4F5C\u4E3A\u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Customize render list with Tree component.</p>
`,order:5,title:{"zh-CN":"\u6811\u7A7F\u68AD\u6846","en-US":"Tree Transfer"},relativePath:"src/docs/transfer/demo/tree-transfer.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10cmFuc2ZlcgogICAgICBjbGFzcz0idHJlZS10cmFuc2ZlciIKICAgICAgOmRhdGEtc291cmNlPSJkYXRhU291cmNlIgogICAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICAgIDpyZW5kZXI9Iml0ZW0gPT4gaXRlbS50aXRsZSIKICAgICAgOnNob3ctc2VsZWN0LWFsbD0iZmFsc2UiCiAgICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogICAgPgogICAgICA8dGVtcGxhdGUgI2NoaWxkcmVuPSJ7IGRpcmVjdGlvbiwgc2VsZWN0ZWRLZXlzLCBvbkl0ZW1TZWxlY3QgfSI+CiAgICAgICAgPGEtdHJlZQogICAgICAgICAgdi1pZj0iZGlyZWN0aW9uID09PSAnbGVmdCciCiAgICAgICAgICBibG9ja05vZGUKICAgICAgICAgIGNoZWNrYWJsZQogICAgICAgICAgY2hlY2tTdHJpY3RseQogICAgICAgICAgZGVmYXVsdEV4cGFuZEFsbAogICAgICAgICAgOmNoZWNrZWRLZXlzPSJbLi4uc2VsZWN0ZWRLZXlzLCAuLi50YXJnZXRLZXlzXSIKICAgICAgICAgIDp0cmVlRGF0YT0idHJlZURhdGEiCiAgICAgICAgICBAY2hlY2s9IgogICAgICAgICAgICAoXywgcHJvcHMpID0+IHsKICAgICAgICAgICAgICBvbkNoZWNrZWQoXywgcHJvcHMsIFsuLi5zZWxlY3RlZEtleXMsIC4uLnRhcmdldEtleXNdLCBvbkl0ZW1TZWxlY3QpOwogICAgICAgICAgICB9CiAgICAgICAgICAiCiAgICAgICAgICBAc2VsZWN0PSIKICAgICAgICAgICAgKF8sIHByb3BzKSA9PiB7CiAgICAgICAgICAgICAgb25DaGVja2VkKF8sIHByb3BzLCBbLi4uc2VsZWN0ZWRLZXlzLCAuLi50YXJnZXRLZXlzXSwgb25JdGVtU2VsZWN0KTsKICAgICAgICAgICAgfQogICAgICAgICAgIgogICAgICAgIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtdHJhbnNmZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBDaGVja0V2ZW50IH0gZnJvbSAnYW50LWRlc2lnbi12dWUvZXMvdHJlZS9UcmVlJzsKaW1wb3J0IHsgY29tcHV0ZWQsIGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW50ZXJmYWNlIFRyZWVEYXRhSXRlbSB7CiAga2V5OiBzdHJpbmc7CiAgdGl0bGU6IHN0cmluZzsKICBkaXNhYmxlZD86IGJvb2xlYW47CiAgY2hpbGRyZW4/OiBUcmVlRGF0YUl0ZW1bXTsKfQpjb25zdCB0RGF0YTogVHJlZURhdGFJdGVtW10gPSBbCiAgeyBrZXk6ICcwLTAnLCB0aXRsZTogJzAtMCcgfSwKICB7CiAgICBrZXk6ICcwLTEnLAogICAgdGl0bGU6ICcwLTEnLAogICAgY2hpbGRyZW46IFsKICAgICAgeyBrZXk6ICcwLTEtMCcsIHRpdGxlOiAnMC0xLTAnIH0sCiAgICAgIHsga2V5OiAnMC0xLTEnLCB0aXRsZTogJzAtMS0xJyB9LAogICAgXSwKICB9LAogIHsga2V5OiAnMC0yJywgdGl0bGU6ICcwLTMnIH0sCl07Cgpjb25zdCB0cmFuc2ZlckRhdGFTb3VyY2U6IFRyZWVEYXRhSXRlbVtdID0gW107CmZ1bmN0aW9uIGZsYXR0ZW4obGlzdDogVHJlZURhdGFJdGVtW10gPSBbXSkgewogIGxpc3QuZm9yRWFjaChpdGVtID0+IHsKICAgIHRyYW5zZmVyRGF0YVNvdXJjZS5wdXNoKGl0ZW0pOwogICAgZmxhdHRlbihpdGVtLmNoaWxkcmVuKTsKICB9KTsKfQpmbGF0dGVuKEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkodERhdGEpKSk7CgpmdW5jdGlvbiBpc0NoZWNrZWQoc2VsZWN0ZWRLZXlzOiBzdHJpbmdbXSwgZXZlbnRLZXk6IHN0cmluZykgewogIHJldHVybiBzZWxlY3RlZEtleXMuaW5kZXhPZihldmVudEtleSkgIT09IC0xOwp9CgpmdW5jdGlvbiBoYW5kbGVUcmVlRGF0YShkYXRhOiBUcmVlRGF0YUl0ZW1bXSwgdGFyZ2V0S2V5czogc3RyaW5nW10gPSBbXSk6IFRyZWVEYXRhSXRlbVtdIHsKICBkYXRhLmZvckVhY2goaXRlbSA9PiB7CiAgICBpdGVtWydkaXNhYmxlZCddID0gdGFyZ2V0S2V5cy5pbmNsdWRlcyhpdGVtLmtleSk7CiAgICBpZiAoaXRlbS5jaGlsZHJlbikgewogICAgICBoYW5kbGVUcmVlRGF0YShpdGVtLmNoaWxkcmVuLCB0YXJnZXRLZXlzKTsKICAgIH0KICB9KTsKICByZXR1cm4gZGF0YTsKfQoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHRhcmdldEtleXMgPSByZWY8c3RyaW5nW10+KFtdKTsKCiAgICBjb25zdCBkYXRhU291cmNlID0gcmVmPFRyZWVEYXRhSXRlbVtdPih0cmFuc2ZlckRhdGFTb3VyY2UpOwoKICAgIGNvbnN0IHRyZWVEYXRhID0gY29tcHV0ZWQ8VHJlZURhdGFJdGVtW10+KCgpID0+IHsKICAgICAgcmV0dXJuIGhhbmRsZVRyZWVEYXRhKHREYXRhLCB0YXJnZXRLZXlzLnZhbHVlKTsKICAgIH0pOwoKICAgIGNvbnN0IG9uQ2hhbmdlID0gKGtleXM6IHN0cmluZ1tdKSA9PiB7CiAgICAgIHRhcmdldEtleXMudmFsdWUgPSBrZXlzOwogICAgfTsKICAgIGNvbnN0IG9uQ2hlY2tlZCA9ICgKICAgICAgXzogUmVjb3JkPHN0cmluZywgc3RyaW5nW10+LAogICAgICBlOiBDaGVja0V2ZW50LAogICAgICBjaGVja2VkS2V5czogc3RyaW5nW10sCiAgICAgIG9uSXRlbVNlbGVjdDogKG46IGFueSwgYzogYm9vbGVhbikgPT4gdm9pZCwKICAgICkgPT4gewogICAgICBjb25zdCB7IGV2ZW50S2V5IH0gPSBlLm5vZGU7CiAgICAgIG9uSXRlbVNlbGVjdChldmVudEtleSwgIWlzQ2hlY2tlZChjaGVja2VkS2V5cywgZXZlbnRLZXkpKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB0YXJnZXRLZXlzLAogICAgICBkYXRhU291cmNlLAogICAgICB0cmVlRGF0YSwKICAgICAgb25DaGFuZ2UsCiAgICAgIG9uQ2hlY2tlZCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgoudHJlZS10cmFuc2ZlciAuYW50LXRyYW5zZmVyLWxpc3Q6Zmlyc3QtY2hpbGQgewogIHdpZHRoOiA1MCU7CiAgZmxleDogbm9uZTsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10cmFuc2ZlcgogICAgICBjbGFzcz0idHJlZS10cmFuc2ZlciIKICAgICAgOmRhdGEtc291cmNlPSJkYXRhU291cmNlIgogICAgICA6dGFyZ2V0LWtleXM9InRhcmdldEtleXMiCiAgICAgIDpyZW5kZXI9Iml0ZW0gPT4gaXRlbS50aXRsZSIKICAgICAgOnNob3ctc2VsZWN0LWFsbD0iZmFsc2UiCiAgICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogICAgPgogICAgICA8dGVtcGxhdGUgI2NoaWxkcmVuPSJ7IGRpcmVjdGlvbiwgc2VsZWN0ZWRLZXlzLCBvbkl0ZW1TZWxlY3QgfSI+CiAgICAgICAgPGEtdHJlZQogICAgICAgICAgdi1pZj0iZGlyZWN0aW9uID09PSAnbGVmdCciCiAgICAgICAgICBibG9ja05vZGUKICAgICAgICAgIGNoZWNrYWJsZQogICAgICAgICAgY2hlY2tTdHJpY3RseQogICAgICAgICAgZGVmYXVsdEV4cGFuZEFsbAogICAgICAgICAgOmNoZWNrZWRLZXlzPSJbLi4uc2VsZWN0ZWRLZXlzLCAuLi50YXJnZXRLZXlzXSIKICAgICAgICAgIDp0cmVlRGF0YT0idHJlZURhdGEiCiAgICAgICAgICBAY2hlY2s9IgogICAgICAgICAgICAoXywgcHJvcHMpID0+IHsKICAgICAgICAgICAgICBvbkNoZWNrZWQoXywgcHJvcHMsIFsuLi5zZWxlY3RlZEtleXMsIC4uLnRhcmdldEtleXNdLCBvbkl0ZW1TZWxlY3QpOwogICAgICAgICAgICB9CiAgICAgICAgICAiCiAgICAgICAgICBAc2VsZWN0PSIKICAgICAgICAgICAgKF8sIHByb3BzKSA9PiB7CiAgICAgICAgICAgICAgb25DaGVja2VkKF8sIHByb3BzLCBbLi4uc2VsZWN0ZWRLZXlzLCAuLi50YXJnZXRLZXlzXSwgb25JdGVtU2VsZWN0KTsKICAgICAgICAgICAgfQogICAgICAgICAgIgogICAgICAgIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtdHJhbnNmZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGNvbXB1dGVkLCBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmNvbnN0IHREYXRhID0gWwogIHsKICAgIGtleTogJzAtMCcsCiAgICB0aXRsZTogJzAtMCcsCiAgfSwKICB7CiAgICBrZXk6ICcwLTEnLAogICAgdGl0bGU6ICcwLTEnLAogICAgY2hpbGRyZW46IFsKICAgICAgewogICAgICAgIGtleTogJzAtMS0wJywKICAgICAgICB0aXRsZTogJzAtMS0wJywKICAgICAgfSwKICAgICAgewogICAgICAgIGtleTogJzAtMS0xJywKICAgICAgICB0aXRsZTogJzAtMS0xJywKICAgICAgfSwKICAgIF0sCiAgfSwKICB7CiAgICBrZXk6ICcwLTInLAogICAgdGl0bGU6ICcwLTMnLAogIH0sCl07CmNvbnN0IHRyYW5zZmVyRGF0YVNvdXJjZSA9IFtdOwpmdW5jdGlvbiBmbGF0dGVuKGxpc3QgPSBbXSkgewogIGxpc3QuZm9yRWFjaChpdGVtID0+IHsKICAgIHRyYW5zZmVyRGF0YVNvdXJjZS5wdXNoKGl0ZW0pOwogICAgZmxhdHRlbihpdGVtLmNoaWxkcmVuKTsKICB9KTsKfQpmbGF0dGVuKEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkodERhdGEpKSk7CmZ1bmN0aW9uIGlzQ2hlY2tlZChzZWxlY3RlZEtleXMsIGV2ZW50S2V5KSB7CiAgcmV0dXJuIHNlbGVjdGVkS2V5cy5pbmRleE9mKGV2ZW50S2V5KSAhPT0gLTE7Cn0KZnVuY3Rpb24gaGFuZGxlVHJlZURhdGEoZGF0YSwgdGFyZ2V0S2V5cyA9IFtdKSB7CiAgZGF0YS5mb3JFYWNoKGl0ZW0gPT4gewogICAgaXRlbVsnZGlzYWJsZWQnXSA9IHRhcmdldEtleXMuaW5jbHVkZXMoaXRlbS5rZXkpOwogICAgaWYgKGl0ZW0uY2hpbGRyZW4pIHsKICAgICAgaGFuZGxlVHJlZURhdGEoaXRlbS5jaGlsZHJlbiwgdGFyZ2V0S2V5cyk7CiAgICB9CiAgfSk7CiAgcmV0dXJuIGRhdGE7Cn0KZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHRhcmdldEtleXMgPSByZWYoW10pOwogICAgY29uc3QgZGF0YVNvdXJjZSA9IHJlZih0cmFuc2ZlckRhdGFTb3VyY2UpOwogICAgY29uc3QgdHJlZURhdGEgPSBjb21wdXRlZCgoKSA9PiB7CiAgICAgIHJldHVybiBoYW5kbGVUcmVlRGF0YSh0RGF0YSwgdGFyZ2V0S2V5cy52YWx1ZSk7CiAgICB9KTsKICAgIGNvbnN0IG9uQ2hhbmdlID0ga2V5cyA9PiB7CiAgICAgIHRhcmdldEtleXMudmFsdWUgPSBrZXlzOwogICAgfTsKICAgIGNvbnN0IG9uQ2hlY2tlZCA9IChfLCBlLCBjaGVja2VkS2V5cywgb25JdGVtU2VsZWN0KSA9PiB7CiAgICAgIGNvbnN0IHsgZXZlbnRLZXkgfSA9IGUubm9kZTsKICAgICAgb25JdGVtU2VsZWN0KGV2ZW50S2V5LCAhaXNDaGVja2VkKGNoZWNrZWRLZXlzLCBldmVudEtleSkpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHRhcmdldEtleXMsCiAgICAgIGRhdGFTb3VyY2UsCiAgICAgIHRyZWVEYXRhLAogICAgICBvbkNoYW5nZSwKICAgICAgb25DaGVja2VkLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci50cmVlLXRyYW5zZmVyIC5hbnQtdHJhbnNmZXItbGlzdDpmaXJzdC1jaGlsZCB7CiAgd2lkdGg6IDUwJTsKICBmbGV4OiBub25lOwp9Cjwvc3R5bGU+"}},{default:k(()=>[n("div",null,[C(e,{class:"tree-transfer","data-source":s.dataSource,"target-keys":s.targetKeys,render:i=>i.title,"show-select-all":!1,onChange:s.onChange},{children:k(({direction:i,selectedKeys:d,onItemSelect:g})=>[i==="left"?(h(),Z(o,{key:0,blockNode:"",checkable:"",checkStrictly:"",defaultExpandAll:"",checkedKeys:[...d,...s.targetKeys],treeData:s.treeData,onCheck:(m,y)=>{s.onChecked(m,y,[...d,...s.targetKeys],g)},onSelect:(m,y)=>{s.onChecked(m,y,[...d,...s.targetKeys],g)}},null,8,["checkedKeys","treeData","onCheck","onSelect"])):M("",!0)]),_:1},8,["data-source","target-keys","render","onChange"])])]),htmlCode:k(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
      `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("tree-transfer"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dataSource"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => item.title"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-select-all"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ direction, selectedKeys, onItemSelect }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
          `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("direction === 'left'"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"blockNode"),t(`
          `),n("span",{class:"token attr-name"},"checkable"),t(`
          `),n("span",{class:"token attr-name"},"checkStrictly"),t(`
          `),n("span",{class:"token attr-name"},"defaultExpandAll"),t(`
          `),n("span",{class:"token attr-name"},":checkedKeys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("[...selectedKeys, ...targetKeys]"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":treeData"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"@check"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            (_, props) => {
              onChecked(_, props, [...selectedKeys, ...targetKeys], onItemSelect);
            }
          `),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            (_, props) => {
              onChecked(_, props, [...selectedKeys, ...targetKeys], onItemSelect);
            }
          `),n("span",{class:"token punctuation"},'"')]),t(`
        `),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" CheckEvent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue/es/tree/Tree'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" computed"),n("span",{class:"token punctuation"},","),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"interface"),t(),n("span",{class:"token class-name"},"TreeDataItem"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},";"),t(`
  disabled`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" boolean"),n("span",{class:"token punctuation"},";"),t(`
  children`),n("span",{class:"token operator"},"?"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"tData"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-0'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-0'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-1'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-1'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-2'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-3'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"transferDataSource"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"flatten"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"list"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  list`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    transferDataSource`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"flatten"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token function"},"flatten"),n("span",{class:"token punctuation"},"("),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"parse"),n("span",{class:"token punctuation"},"("),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),t("tData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"isChecked"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"selectedKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"eventKey"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" selectedKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("eventKey"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"!=="),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"handleTreeData"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"data"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"targetKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},":"),t(" TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token punctuation"},"{"),t(`
  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    item`),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'disabled'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(" targetKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"handleTreeData"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},","),t(" targetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" data"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" dataSource "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),t("transferDataSource"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(" computed"),n("span",{class:"token operator"},"<"),t("TreeDataItem"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"handleTreeData"),n("span",{class:"token punctuation"},"("),t("tData"),n("span",{class:"token punctuation"},","),t(" targetKeys"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"keys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChecked"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t(`
      `),n("span",{class:"token literal-property property"},"_"),n("span",{class:"token operator"},":"),t(" Record"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},","),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"e"),n("span",{class:"token operator"},":"),t(" CheckEvent"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"checkedKeys"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token function-variable function"},"onItemSelect"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"n"),n("span",{class:"token operator"},":"),t(" any"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"c"),n("span",{class:"token operator"},":"),t(" boolean")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token keyword"},"void"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token punctuation"},"{"),t(" eventKey "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token operator"},"="),t(" e"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token function"},"onItemSelect"),n("span",{class:"token punctuation"},"("),t("eventKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token operator"},"!"),n("span",{class:"token function"},"isChecked"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(" eventKey"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      dataSource`),n("span",{class:"token punctuation"},","),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      onChecked`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},".tree-transfer .ant-transfer-list:first-child"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 50%"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),t(" none"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:k(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-transfer")]),t(`
      `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("tree-transfer"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dataSource"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":target-keys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetKeys"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":render"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("item => item.title"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-select-all"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#children"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ direction, selectedKeys, onItemSelect }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tree")]),t(`
          `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("direction === 'left'"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"blockNode"),t(`
          `),n("span",{class:"token attr-name"},"checkable"),t(`
          `),n("span",{class:"token attr-name"},"checkStrictly"),t(`
          `),n("span",{class:"token attr-name"},"defaultExpandAll"),t(`
          `),n("span",{class:"token attr-name"},":checkedKeys"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("[...selectedKeys, ...targetKeys]"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},":treeData"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("treeData"),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"@check"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            (_, props) => {
              onChecked(_, props, [...selectedKeys, ...targetKeys], onItemSelect);
            }
          `),n("span",{class:"token punctuation"},'"')]),t(`
          `),n("span",{class:"token attr-name"},"@select"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`
            (_, props) => {
              onChecked(_, props, [...selectedKeys, ...targetKeys], onItemSelect);
            }
          `),n("span",{class:"token punctuation"},'"')]),t(`
        `),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-transfer")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" computed"),n("span",{class:"token punctuation"},","),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" tData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-0'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-0'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-0'"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-1'"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-1-1'"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-2'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'0-3'"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"const"),t(" transferDataSource "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"flatten"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("list "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  list`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    transferDataSource`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"flatten"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token function"},"flatten"),n("span",{class:"token punctuation"},"("),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"parse"),n("span",{class:"token punctuation"},"("),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),t("tData"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"isChecked"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("selectedKeys"),n("span",{class:"token punctuation"},","),t(" eventKey")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" selectedKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),t("eventKey"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"!=="),t(),n("span",{class:"token operator"},"-"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"handleTreeData"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("data"),n("span",{class:"token punctuation"},","),t(" targetKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  data`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    item`),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'disabled'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(" targetKeys"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"includes"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token function"},"handleTreeData"),n("span",{class:"token punctuation"},"("),t("item"),n("span",{class:"token punctuation"},"."),t("children"),n("span",{class:"token punctuation"},","),t(" targetKeys"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" data"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetKeys "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dataSource "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),t("transferDataSource"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" treeData "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"computed"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token function"},"handleTreeData"),n("span",{class:"token punctuation"},"("),t("tData"),n("span",{class:"token punctuation"},","),t(" targetKeys"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"keys"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" keys"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChecked"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_"),n("span",{class:"token punctuation"},","),t(" e"),n("span",{class:"token punctuation"},","),t(" checkedKeys"),n("span",{class:"token punctuation"},","),t(" onItemSelect")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token punctuation"},"{"),t(" eventKey "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token operator"},"="),t(" e"),n("span",{class:"token punctuation"},"."),t("node"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token function"},"onItemSelect"),n("span",{class:"token punctuation"},"("),t("eventKey"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token operator"},"!"),n("span",{class:"token function"},"isChecked"),n("span",{class:"token punctuation"},"("),t("checkedKeys"),n("span",{class:"token punctuation"},","),t(" eventKey"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetKeys`),n("span",{class:"token punctuation"},","),t(`
      dataSource`),n("span",{class:"token punctuation"},","),t(`
      treeData`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      onChecked`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},".tree-transfer .ant-transfer-list:first-child"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 50%"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),t(" none"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var fn=b(Zn,[["render",Gn],["__scopeId","data-v-0ce97708"]]);const wn={pageData:{title:"Transfer",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"Transfer",subtitle:"\u7A7F\u68AD\u6846",cover:"https://gw.alipayobjects.com/zos/alicdn/QAXskNI4G/Transfer.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Render Props",slug:"render-props",content:"Transfer \u652F\u6301\u63A5\u6536 `children` \u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\uFF0C\u5E76\u8FD4\u56DE\u4EE5\u4E0B\u53C2\u6570\uFF1A"},{level:2,title:"\u6CE8\u610F",slug:"\u6CE8\u610F",content:"\u6309\u7167 Vue \u6700\u65B0\u7684\u89C4\u8303\uFF0C\u6240\u6709\u7684\u7EC4\u4EF6\u6570\u7EC4\u6700\u597D\u7ED1\u5B9A key\u3002\u5728 Transfer \u4E2D\uFF0C`dataSource`\u91CC\u7684\u6570\u636E\u503C\u9700\u8981\u6307\u5B9A `key` \u503C\u3002\u5BF9\u4E8E `dataSource` \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 `key` \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002"}],relativePath:"src/docs/transfer/index.zh-CN.md",content:`
\u53CC\u680F\u7A7F\u68AD\u9009\u62E9\u6846\u3002

## \u4F55\u65F6\u4F7F\u7528

- \u9700\u8981\u5728\u591A\u4E2A\u53EF\u9009\u9879\u4E2D\u8FDB\u884C\u591A\u9009\u65F6\u3002
- \u6BD4\u8D77 Select \u548C TreeSelect\uFF0C\u7A7F\u68AD\u6846\u5360\u636E\u66F4\u5927\u7684\u7A7A\u95F4\uFF0C\u53EF\u4EE5\u5C55\u793A\u53EF\u9009\u9879\u7684\u66F4\u591A\u4FE1\u606F\u3002

## API

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| dataSource | \u6570\u636E\u6E90\uFF0C\u5176\u4E2D\u7684\u6570\u636E\u5C06\u4F1A\u88AB\u6E32\u67D3\u5230\u5DE6\u8FB9\u4E00\u680F\u4E2D\uFF0C\`targetKeys\` \u4E2D\u6307\u5B9A\u7684\u9664\u5916\u3002 | \\[{key: string.isRequired,title: string.isRequired,description: string,disabled: bool}\\]\\[] | \\[] |  |
| disabled | \u662F\u5426\u7981\u7528 | boolean | false |  |
| filterOption | \u63A5\u6536 \`inputValue\` \`option\` \u4E24\u4E2A\u53C2\u6570\uFF0C\u5F53 \`option\` \u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u65F6\uFF0C\u5E94\u8FD4\u56DE \`true\`\uFF0C\u53CD\u4E4B\u5219\u8FD4\u56DE \`false\`\u3002 | (inputValue, option): boolean |  |  |
| footer | \u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u4E00\u4E2A \u4F5C\u7528\u57DF\u63D2\u69FD | slot=&quot;footer&quot; slot-scope=&quot;props&quot; |  |  |
| lazy | Transfer \u4F7F\u7528\u4E86 [vc-lazy-load]\u4F18\u5316\u6027\u80FD\uFF0C\u8FD9\u91CC\u53EF\u4EE5\u8BBE\u7F6E\u76F8\u5173\u53C2\u6570\u3002\u8BBE\u4E3A \`false\` \u53EF\u4EE5\u5173\u95ED\u61D2\u52A0\u8F7D\u3002 | object\\|boolean | \`{ height: 32, offset: 32 }\` |  |
| listStyle | \u4E24\u4E2A\u7A7F\u68AD\u6846\u7684\u81EA\u5B9A\u4E49\u6837\u5F0F | object |  |  |
| locale | \u5404\u79CD\u8BED\u8A00 | object | \`{ itemUnit: &#39;\u9879&#39;, itemsUnit: &#39;\u9879&#39;, notFoundContent: &#39;\u5217\u8868\u4E3A\u7A7A&#39;, searchPlaceholder: &#39;\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9&#39; }\` |  |
| operations | \u64CD\u4F5C\u6587\u6848\u96C6\u5408\uFF0C\u987A\u5E8F\u4ECE\u4E0A\u81F3\u4E0B | string\\[] | \\[&#39;&gt;&#39;, &#39;&lt;&#39;] |  |
| render | \u6BCF\u884C\u6570\u636E\u6E32\u67D3\u51FD\u6570\uFF0C\u8BE5\u51FD\u6570\u7684\u5165\u53C2\u4E3A \`dataSource\` \u4E2D\u7684\u9879\uFF0C\u8FD4\u56DE\u503C\u4E3A element\u3002\u6216\u8005\u8FD4\u56DE\u4E00\u4E2A\u666E\u901A\u5BF9\u8C61\uFF0C\u5176\u4E2D \`label\` \u5B57\u6BB5\u4E3A element\uFF0C\`value\` \u5B57\u6BB5\u4E3A title | Function(record)\\| slot |  |  |
| selectedKeys | \u8BBE\u7F6E\u54EA\u4E9B\u9879\u5E94\u8BE5\u88AB\u9009\u4E2D | string\\[] | \\[] |  |
| showSearch | \u662F\u5426\u663E\u793A\u641C\u7D22\u6846 | boolean | false |  |
| showSelectAll | \u662F\u5426\u5C55\u793A\u5168\u9009\u52FE\u9009\u6846 | boolean | true |  |
| targetKeys | \u663E\u793A\u5728\u53F3\u4FA7\u6846\u6570\u636E\u7684 key \u96C6\u5408 | string\\[] | \\[] |  |
| titles | \u6807\u9898\u96C6\u5408\uFF0C\u987A\u5E8F\u4ECE\u5DE6\u81F3\u53F3 | string\\[] | \\[&#39;&#39;, &#39;&#39;] |  |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C |
| --- | --- | --- | --- |
| change | \u9009\u9879\u5728\u4E24\u680F\u4E4B\u95F4\u8F6C\u79FB\u65F6\u7684\u56DE\u8C03\u51FD\u6570 | (targetKeys, direction, moveKeys): void |  |
| scroll | \u9009\u9879\u5217\u8868\u6EDA\u52A8\u65F6\u7684\u56DE\u8C03\u51FD\u6570 | (direction, event): void |  |
| search | \u641C\u7D22\u6846\u5185\u5BB9\u65F6\u6539\u53D8\u65F6\u7684\u56DE\u8C03\u51FD\u6570 | (direction: &#39;left&#39;\\|&#39;right&#39;, value: string): void | - |
| selectChange | \u9009\u4E2D\u9879\u53D1\u751F\u6539\u53D8\u65F6\u7684\u56DE\u8C03\u51FD\u6570 | (sourceSelectedKeys, targetSelectedKeys): void |  |

### Render Props

Transfer \u652F\u6301\u63A5\u6536 \`children\` \u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\uFF0C\u5E76\u8FD4\u56DE\u4EE5\u4E0B\u53C2\u6570\uFF1A

\`\`\`json
{
  &quot;direction&quot;: String,
  &quot;disabled&quot;: Boolean,
  &quot;filteredItems&quot;: Array,
  &quot;selectedKeys&quot;: Array,
  &quot;onItemSelect&quot;: Function,
  &quot;onItemSelectAll&quot;: Function
}
\`\`\`

| \u53C2\u6570          | \u8BF4\u660E           | \u7C7B\u578B                                | \u7248\u672C |
| ------------- | -------------- | ----------------------------------- | ---- |
| direction     | \u6E32\u67D3\u5217\u8868\u7684\u65B9\u5411 | &#39;left&#39; \\| &#39;right&#39;                   |      |
| disabled      | \u662F\u5426\u7981\u7528\u5217\u8868   | boolean                             |      |
| filteredItems | \u8FC7\u6EE4\u540E\u7684\u6570\u636E   | TransferItem[]                      |      |
| selectedKeys  | \u9009\u4E2D\u7684\u6761\u76EE     | string[]                            |      |
| itemSelect    | \u52FE\u9009\u6761\u76EE       | (key: string, selected: boolean)    |      |
| itemSelectAll | \u52FE\u9009\u4E00\u7EC4\u6761\u76EE   | (keys: string[], selected: boolean) |      |

#### \u53C2\u8003\u793A\u4F8B

\`\`\`html
&lt;a-transfer&gt;
  &lt;template
    #children=&quot;{
      direction,
      filteredItems,
      selectedKeys,
      disabled: listDisabled,
      onItemSelectAll,
      onItemSelect,
    }&quot;
  &gt;
    &lt;your-component /&gt;
  &lt;template&gt;
&lt;/a-transfer&gt;
\`\`\`

## \u6CE8\u610F

\u6309\u7167 Vue \u6700\u65B0\u7684\u89C4\u8303\uFF0C\u6240\u6709\u7684\u7EC4\u4EF6\u6570\u7EC4\u6700\u597D\u7ED1\u5B9A key\u3002\u5728 Transfer \u4E2D\uFF0C\`dataSource\`\u91CC\u7684\u6570\u636E\u503C\u9700\u8981\u6307\u5B9A \`key\` \u503C\u3002\u5BF9\u4E8E \`dataSource\` \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 \`key\` \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002

\u5982\u679C\u4F60\u7684\u6570\u636E\u6CA1\u6709\u8FD9\u4E2A\u5C5E\u6027\uFF0C\u52A1\u5FC5\u4F7F\u7528 \`rowKey\` \u6765\u6307\u5B9A\u6570\u636E\u5217\u7684\u4E3B\u952E\u3002

\`\`\`jsx
// \u6BD4\u5982\u4F60\u7684\u6570\u636E\u4E3B\u952E\u662F uid
return &lt;Transfer :rowKey=&quot;record =&gt; record.uid&quot; /&gt;;
\`\`\`
`,html:`<p>\u53CC\u680F\u7A7F\u68AD\u9009\u62E9\u6846\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<ul>
<li>\u9700\u8981\u5728\u591A\u4E2A\u53EF\u9009\u9879\u4E2D\u8FDB\u884C\u591A\u9009\u65F6\u3002</li>
<li>\u6BD4\u8D77 Select \u548C TreeSelect\uFF0C\u7A7F\u68AD\u6846\u5360\u636E\u66F4\u5927\u7684\u7A7A\u95F4\uFF0C\u53EF\u4EE5\u5C55\u793A\u53EF\u9009\u9879\u7684\u66F4\u591A\u4FE1\u606F\u3002</li>
</ul>
<h2 id="api">API</h2>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>dataSource</td>
<td>\u6570\u636E\u6E90\uFF0C\u5176\u4E2D\u7684\u6570\u636E\u5C06\u4F1A\u88AB\u6E32\u67D3\u5230\u5DE6\u8FB9\u4E00\u680F\u4E2D\uFF0C<code>targetKeys</code> \u4E2D\u6307\u5B9A\u7684\u9664\u5916\u3002</td>
<td>[{key: string.isRequired,title: string.isRequired,description: string,disabled: bool}][]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u662F\u5426\u7981\u7528</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>filterOption</td>
<td>\u63A5\u6536 <code>inputValue</code> <code>option</code> \u4E24\u4E2A\u53C2\u6570\uFF0C\u5F53 <code>option</code> \u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u65F6\uFF0C\u5E94\u8FD4\u56DE <code>true</code>\uFF0C\u53CD\u4E4B\u5219\u8FD4\u56DE <code>false</code>\u3002</td>
<td>(inputValue, option): boolean</td>
<td></td>
<td></td>
</tr>
<tr>
<td>footer</td>
<td>\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u4E00\u4E2A \u4F5C\u7528\u57DF\u63D2\u69FD</td>
<td>slot=&quot;footer&quot; slot-scope=&quot;props&quot;</td>
<td></td>
<td></td>
</tr>
<tr>
<td>lazy</td>
<td>Transfer \u4F7F\u7528\u4E86 [vc-lazy-load]\u4F18\u5316\u6027\u80FD\uFF0C\u8FD9\u91CC\u53EF\u4EE5\u8BBE\u7F6E\u76F8\u5173\u53C2\u6570\u3002\u8BBE\u4E3A <code>false</code> \u53EF\u4EE5\u5173\u95ED\u61D2\u52A0\u8F7D\u3002</td>
<td>object|boolean</td>
<td><code>{ height: 32, offset: 32 }</code></td>
<td></td>
</tr>
<tr>
<td>listStyle</td>
<td>\u4E24\u4E2A\u7A7F\u68AD\u6846\u7684\u81EA\u5B9A\u4E49\u6837\u5F0F</td>
<td>object</td>
<td></td>
<td></td>
</tr>
<tr>
<td>locale</td>
<td>\u5404\u79CD\u8BED\u8A00</td>
<td>object</td>
<td><code>{ itemUnit: '\u9879', itemsUnit: '\u9879', notFoundContent: '\u5217\u8868\u4E3A\u7A7A', searchPlaceholder: '\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9' }</code></td>
<td></td>
</tr>
<tr>
<td>operations</td>
<td>\u64CD\u4F5C\u6587\u6848\u96C6\u5408\uFF0C\u987A\u5E8F\u4ECE\u4E0A\u81F3\u4E0B</td>
<td>string[]</td>
<td>['&gt;', '&lt;']</td>
<td></td>
</tr>
<tr>
<td>render</td>
<td>\u6BCF\u884C\u6570\u636E\u6E32\u67D3\u51FD\u6570\uFF0C\u8BE5\u51FD\u6570\u7684\u5165\u53C2\u4E3A <code>dataSource</code> \u4E2D\u7684\u9879\uFF0C\u8FD4\u56DE\u503C\u4E3A element\u3002\u6216\u8005\u8FD4\u56DE\u4E00\u4E2A\u666E\u901A\u5BF9\u8C61\uFF0C\u5176\u4E2D <code>label</code> \u5B57\u6BB5\u4E3A element\uFF0C<code>value</code> \u5B57\u6BB5\u4E3A title</td>
<td>Function(record)| slot</td>
<td></td>
<td></td>
</tr>
<tr>
<td>selectedKeys</td>
<td>\u8BBE\u7F6E\u54EA\u4E9B\u9879\u5E94\u8BE5\u88AB\u9009\u4E2D</td>
<td>string[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>showSearch</td>
<td>\u662F\u5426\u663E\u793A\u641C\u7D22\u6846</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showSelectAll</td>
<td>\u662F\u5426\u5C55\u793A\u5168\u9009\u52FE\u9009\u6846</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>targetKeys</td>
<td>\u663E\u793A\u5728\u53F3\u4FA7\u6846\u6570\u636E\u7684 key \u96C6\u5408</td>
<td>string[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>titles</td>
<td>\u6807\u9898\u96C6\u5408\uFF0C\u987A\u5E8F\u4ECE\u5DE6\u81F3\u53F3</td>
<td>string[]</td>
<td>['', '']</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u9009\u9879\u5728\u4E24\u680F\u4E4B\u95F4\u8F6C\u79FB\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td>
<td>(targetKeys, direction, moveKeys): void</td>
<td></td>
</tr>
<tr>
<td>scroll</td>
<td>\u9009\u9879\u5217\u8868\u6EDA\u52A8\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td>
<td>(direction, event): void</td>
<td></td>
</tr>
<tr>
<td>search</td>
<td>\u641C\u7D22\u6846\u5185\u5BB9\u65F6\u6539\u53D8\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td>
<td>(direction: 'left'|'right', value: string): void</td>
<td>-</td>
</tr>
<tr>
<td>selectChange</td>
<td>\u9009\u4E2D\u9879\u53D1\u751F\u6539\u53D8\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td>
<td>(sourceSelectedKeys, targetSelectedKeys): void</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="render-props">Render Props</h3>
<p>Transfer \u652F\u6301\u63A5\u6536 <code>children</code> \u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\uFF0C\u5E76\u8FD4\u56DE\u4EE5\u4E0B\u53C2\u6570\uFF1A</p>
<pre class="language-json" v-pre><code><span class="token punctuation">{</span>
  <span class="token property">"direction"</span><span class="token operator">:</span> String<span class="token punctuation">,</span>
  <span class="token property">"disabled"</span><span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
  <span class="token property">"filteredItems"</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">"selectedKeys"</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">"onItemSelect"</span><span class="token operator">:</span> Function<span class="token punctuation">,</span>
  <span class="token property">"onItemSelectAll"</span><span class="token operator">:</span> Function
<span class="token punctuation">}</span>
</code></pre>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>direction</td>
<td>\u6E32\u67D3\u5217\u8868\u7684\u65B9\u5411</td>
<td>'left' | 'right'</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u662F\u5426\u7981\u7528\u5217\u8868</td>
<td>boolean</td>
<td></td>
</tr>
<tr>
<td>filteredItems</td>
<td>\u8FC7\u6EE4\u540E\u7684\u6570\u636E</td>
<td>TransferItem[]</td>
<td></td>
</tr>
<tr>
<td>selectedKeys</td>
<td>\u9009\u4E2D\u7684\u6761\u76EE</td>
<td>string[]</td>
<td></td>
</tr>
<tr>
<td>itemSelect</td>
<td>\u52FE\u9009\u6761\u76EE</td>
<td>(key: string, selected: boolean)</td>
<td></td>
</tr>
<tr>
<td>itemSelectAll</td>
<td>\u52FE\u9009\u4E00\u7EC4\u6761\u76EE</td>
<td>(keys: string[], selected: boolean)</td>
<td></td>
</tr>
</tbody>
</table>
<h4 id="\u53C2\u8003\u793A\u4F8B">\u53C2\u8003\u793A\u4F8B</h4>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-transfer</span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span>
    <span class="token attr-name">#children</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{
      direction,
      filteredItems,
      selectedKeys,
      disabled: listDisabled,
      onItemSelectAll,
      onItemSelect,
    }<span class="token punctuation">"</span></span>
  <span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>your-component</span> <span class="token punctuation">/></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-transfer</span><span class="token punctuation">></span></span>
</code></pre>
<h2 id="\u6CE8\u610F">\u6CE8\u610F</h2>
<p>\u6309\u7167 Vue \u6700\u65B0\u7684\u89C4\u8303\uFF0C\u6240\u6709\u7684\u7EC4\u4EF6\u6570\u7EC4\u6700\u597D\u7ED1\u5B9A key\u3002\u5728 Transfer \u4E2D\uFF0C<code>dataSource</code>\u91CC\u7684\u6570\u636E\u503C\u9700\u8981\u6307\u5B9A <code>key</code> \u503C\u3002\u5BF9\u4E8E <code>dataSource</code> \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 <code>key</code> \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002</p>
<p>\u5982\u679C\u4F60\u7684\u6570\u636E\u6CA1\u6709\u8FD9\u4E2A\u5C5E\u6027\uFF0C\u52A1\u5FC5\u4F7F\u7528 <code>rowKey</code> \u6765\u6307\u5B9A\u6570\u636E\u5217\u7684\u4E3B\u952E\u3002</p>
<pre class="language-jsx" v-pre><code><span class="token comment">// \u6BD4\u5982\u4F60\u7684\u6570\u636E\u4E3B\u952E\u662F uid</span>
<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Transfer</span></span> <span class="token attr-name">:rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>record => record.uid<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">;</span>
</code></pre>
`,lastUpdated:1748059052780}},Kn={class:"markdown"};function vn(s,a,p,I,l,u){return h(),B("article",Kn,a[0]||(a[0]=[Y(`<p>\u53CC\u680F\u7A7F\u68AD\u9009\u62E9\u6846\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><ul><li>\u9700\u8981\u5728\u591A\u4E2A\u53EF\u9009\u9879\u4E2D\u8FDB\u884C\u591A\u9009\u65F6\u3002</li><li>\u6BD4\u8D77 Select \u548C TreeSelect\uFF0C\u7A7F\u68AD\u6846\u5360\u636E\u66F4\u5927\u7684\u7A7A\u95F4\uFF0C\u53EF\u4EE5\u5C55\u793A\u53EF\u9009\u9879\u7684\u66F4\u591A\u4FE1\u606F\u3002</li></ul><h2 id="api">API</h2><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>dataSource</td><td>\u6570\u636E\u6E90\uFF0C\u5176\u4E2D\u7684\u6570\u636E\u5C06\u4F1A\u88AB\u6E32\u67D3\u5230\u5DE6\u8FB9\u4E00\u680F\u4E2D\uFF0C<code>targetKeys</code> \u4E2D\u6307\u5B9A\u7684\u9664\u5916\u3002</td><td>[{key: string.isRequired,title: string.isRequired,description: string,disabled: bool}][]</td><td>[]</td><td></td></tr><tr><td>disabled</td><td>\u662F\u5426\u7981\u7528</td><td>boolean</td><td>false</td><td></td></tr><tr><td>filterOption</td><td>\u63A5\u6536 <code>inputValue</code> <code>option</code> \u4E24\u4E2A\u53C2\u6570\uFF0C\u5F53 <code>option</code> \u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u65F6\uFF0C\u5E94\u8FD4\u56DE <code>true</code>\uFF0C\u53CD\u4E4B\u5219\u8FD4\u56DE <code>false</code>\u3002</td><td>(inputValue, option): boolean</td><td></td><td></td></tr><tr><td>footer</td><td>\u53EF\u4EE5\u8BBE\u7F6E\u4E3A\u4E00\u4E2A \u4F5C\u7528\u57DF\u63D2\u69FD</td><td>slot=&quot;footer&quot; slot-scope=&quot;props&quot;</td><td></td><td></td></tr><tr><td>lazy</td><td>Transfer \u4F7F\u7528\u4E86 [vc-lazy-load]\u4F18\u5316\u6027\u80FD\uFF0C\u8FD9\u91CC\u53EF\u4EE5\u8BBE\u7F6E\u76F8\u5173\u53C2\u6570\u3002\u8BBE\u4E3A <code>false</code> \u53EF\u4EE5\u5173\u95ED\u61D2\u52A0\u8F7D\u3002</td><td>object|boolean</td><td><code>{ height: 32, offset: 32 }</code></td><td></td></tr><tr><td>listStyle</td><td>\u4E24\u4E2A\u7A7F\u68AD\u6846\u7684\u81EA\u5B9A\u4E49\u6837\u5F0F</td><td>object</td><td></td><td></td></tr><tr><td>locale</td><td>\u5404\u79CD\u8BED\u8A00</td><td>object</td><td><code>{ itemUnit: &#39;\u9879&#39;, itemsUnit: &#39;\u9879&#39;, notFoundContent: &#39;\u5217\u8868\u4E3A\u7A7A&#39;, searchPlaceholder: &#39;\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9&#39; }</code></td><td></td></tr><tr><td>operations</td><td>\u64CD\u4F5C\u6587\u6848\u96C6\u5408\uFF0C\u987A\u5E8F\u4ECE\u4E0A\u81F3\u4E0B</td><td>string[]</td><td>[&#39;&gt;&#39;, &#39;&lt;&#39;]</td><td></td></tr><tr><td>render</td><td>\u6BCF\u884C\u6570\u636E\u6E32\u67D3\u51FD\u6570\uFF0C\u8BE5\u51FD\u6570\u7684\u5165\u53C2\u4E3A <code>dataSource</code> \u4E2D\u7684\u9879\uFF0C\u8FD4\u56DE\u503C\u4E3A element\u3002\u6216\u8005\u8FD4\u56DE\u4E00\u4E2A\u666E\u901A\u5BF9\u8C61\uFF0C\u5176\u4E2D <code>label</code> \u5B57\u6BB5\u4E3A element\uFF0C<code>value</code> \u5B57\u6BB5\u4E3A title</td><td>Function(record)| slot</td><td></td><td></td></tr><tr><td>selectedKeys</td><td>\u8BBE\u7F6E\u54EA\u4E9B\u9879\u5E94\u8BE5\u88AB\u9009\u4E2D</td><td>string[]</td><td>[]</td><td></td></tr><tr><td>showSearch</td><td>\u662F\u5426\u663E\u793A\u641C\u7D22\u6846</td><td>boolean</td><td>false</td><td></td></tr><tr><td>showSelectAll</td><td>\u662F\u5426\u5C55\u793A\u5168\u9009\u52FE\u9009\u6846</td><td>boolean</td><td>true</td><td></td></tr><tr><td>targetKeys</td><td>\u663E\u793A\u5728\u53F3\u4FA7\u6846\u6570\u636E\u7684 key \u96C6\u5408</td><td>string[]</td><td>[]</td><td></td></tr><tr><td>titles</td><td>\u6807\u9898\u96C6\u5408\uFF0C\u987A\u5E8F\u4ECE\u5DE6\u81F3\u53F3</td><td>string[]</td><td>[&#39;&#39;, &#39;&#39;]</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>change</td><td>\u9009\u9879\u5728\u4E24\u680F\u4E4B\u95F4\u8F6C\u79FB\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td><td>(targetKeys, direction, moveKeys): void</td><td></td></tr><tr><td>scroll</td><td>\u9009\u9879\u5217\u8868\u6EDA\u52A8\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td><td>(direction, event): void</td><td></td></tr><tr><td>search</td><td>\u641C\u7D22\u6846\u5185\u5BB9\u65F6\u6539\u53D8\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td><td>(direction: &#39;left&#39;|&#39;right&#39;, value: string): void</td><td>-</td></tr><tr><td>selectChange</td><td>\u9009\u4E2D\u9879\u53D1\u751F\u6539\u53D8\u65F6\u7684\u56DE\u8C03\u51FD\u6570</td><td>(sourceSelectedKeys, targetSelectedKeys): void</td><td></td></tr></tbody></table><h3 id="render-props">Render Props</h3><p>Transfer \u652F\u6301\u63A5\u6536 <code>children</code> \u81EA\u5B9A\u4E49\u6E32\u67D3\u5217\u8868\uFF0C\u5E76\u8FD4\u56DE\u4EE5\u4E0B\u53C2\u6570\uFF1A</p><pre class="language-json"><code><span class="token punctuation">{</span>
  <span class="token property">&quot;direction&quot;</span><span class="token operator">:</span> String<span class="token punctuation">,</span>
  <span class="token property">&quot;disabled&quot;</span><span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
  <span class="token property">&quot;filteredItems&quot;</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">&quot;selectedKeys&quot;</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">&quot;onItemSelect&quot;</span><span class="token operator">:</span> Function<span class="token punctuation">,</span>
  <span class="token property">&quot;onItemSelectAll&quot;</span><span class="token operator">:</span> Function
<span class="token punctuation">}</span>
</code></pre><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>direction</td><td>\u6E32\u67D3\u5217\u8868\u7684\u65B9\u5411</td><td>&#39;left&#39; | &#39;right&#39;</td><td></td></tr><tr><td>disabled</td><td>\u662F\u5426\u7981\u7528\u5217\u8868</td><td>boolean</td><td></td></tr><tr><td>filteredItems</td><td>\u8FC7\u6EE4\u540E\u7684\u6570\u636E</td><td>TransferItem[]</td><td></td></tr><tr><td>selectedKeys</td><td>\u9009\u4E2D\u7684\u6761\u76EE</td><td>string[]</td><td></td></tr><tr><td>itemSelect</td><td>\u52FE\u9009\u6761\u76EE</td><td>(key: string, selected: boolean)</td><td></td></tr><tr><td>itemSelectAll</td><td>\u52FE\u9009\u4E00\u7EC4\u6761\u76EE</td><td>(keys: string[], selected: boolean)</td><td></td></tr></tbody></table><h4 id="\u53C2\u8003\u793A\u4F8B">\u53C2\u8003\u793A\u4F8B</h4><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-transfer</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span>
    <span class="token attr-name">#children</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>{
      direction,
      filteredItems,
      selectedKeys,
      disabled: listDisabled,
      onItemSelectAll,
      onItemSelect,
    }<span class="token punctuation">&quot;</span></span>
  <span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>your-component</span> <span class="token punctuation">/&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-transfer</span><span class="token punctuation">&gt;</span></span>
</code></pre><h2 id="\u6CE8\u610F">\u6CE8\u610F</h2><p>\u6309\u7167 Vue \u6700\u65B0\u7684\u89C4\u8303\uFF0C\u6240\u6709\u7684\u7EC4\u4EF6\u6570\u7EC4\u6700\u597D\u7ED1\u5B9A key\u3002\u5728 Transfer \u4E2D\uFF0C<code>dataSource</code>\u91CC\u7684\u6570\u636E\u503C\u9700\u8981\u6307\u5B9A <code>key</code> \u503C\u3002\u5BF9\u4E8E <code>dataSource</code> \u9ED8\u8BA4\u5C06\u6BCF\u5217\u6570\u636E\u7684 <code>key</code> \u5C5E\u6027\u4F5C\u4E3A\u552F\u4E00\u7684\u6807\u8BC6\u3002</p><p>\u5982\u679C\u4F60\u7684\u6570\u636E\u6CA1\u6709\u8FD9\u4E2A\u5C5E\u6027\uFF0C\u52A1\u5FC5\u4F7F\u7528 <code>rowKey</code> \u6765\u6307\u5B9A\u6570\u636E\u5217\u7684\u4E3B\u952E\u3002</p><pre class="language-jsx"><code><span class="token comment">// \u6BD4\u5982\u4F60\u7684\u6570\u636E\u4E3B\u952E\u662F uid</span>
<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Transfer</span></span> <span class="token attr-name">:rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>record =&gt; record.uid<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token punctuation">;</span>
</code></pre>`,17)]))}var Sn=b(wn,[["render",vn]]);const Vn={pageData:{title:"Transfer",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"Transfer",cover:"https://gw.alipayobjects.com/zos/alicdn/QAXskNI4G/Transfer.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:""},{level:3,title:"events",slug:"events",content:""},{level:3,title:"Render Props",slug:"render-props",content:"Transfer accept `children` to customize render list, using follow props:"},{level:2,title:"Warning",slug:"warning",content:"According the standard of Vue, the key should always be supplied directly to the elements in the array. In Transfer, the keys should be set on the elements included in `dataSource` array. By default, `key` property is used as an unique identifier."}],relativePath:"src/docs/transfer/index.en-US.md",content:`
Alert component for feedback.

## When To Use

- When you need to show alert messages to users.
- When you need a persistent static container which is closable by user actions.

## API

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| dataSource | Used for setting the source data. The elements that are part of this array will be present the left column. Except the elements whose keys are included in \`targetKeys\` prop. | \\[{key: string.isRequired,title: string.isRequired,description: string,disabled: bool}\\] | \\[] |  |
| disabled | Whether disabled transfer | boolean | false |  |
| filterOption | A function to determine whether an item should show in search result list | (inputValue, option): boolean |  |  |
| footer | customize the progress dot by setting a scoped slot | slot=&quot;footer&quot; slot-scope=&quot;props&quot; |  |  |
| lazy | property of vc-lazy-load for lazy rendering items. Turn off it by set to \`false\`. | object\\|boolean | \`{ height: 32, offset: 32 }\` |  |
| listStyle | A custom CSS style used for rendering the transfer columns. | object |  |  |
| locale | i18n text including filter, empty text, item unit, etc | object | \`{ itemUnit: &#39;item&#39;, itemsUnit: &#39;items&#39;, notFoundContent: &#39;The list is empty&#39;, searchPlaceholder: &#39;Search here&#39; }\` |  |
| operations | A set of operations that are sorted from top to bottom. | string\\[] | \\[&#39;&gt;&#39;, &#39;&lt;&#39;] |  |
| render | The function to generate the item shown on a column. Based on an record (element of the dataSource array), this function should return a element which is generated from that record. Also, it can return a plain object with \`value\` and \`label\`, \`label\` is a element and \`value\` is for title | Function(record) \\| slot |  |  |
| selectedKeys | A set of keys of selected items. | string\\[] | \\[] |  |
| showSearch | If included, a search box is shown on each column. | boolean | false |  |
| showSelectAll | Show select all checkbox on the header | boolean | true |  |
| targetKeys | A set of keys of elements that are listed on the right column. | string\\[] | \\[] |  |
| titles | A set of titles that are sorted from left to right. | string\\[] | - |  |

### events

| Events Name | Description | Arguments | Version |
| --- | --- | --- | --- |
| change | A callback function that is executed when the transfer between columns is complete. | (targetKeys, direction, moveKeys): void |  |
| scroll | A callback function which is executed when scroll options list | (direction, event): void |  |
| search | A callback function which is executed when search field are changed | (direction: &#39;left&#39;\\|&#39;right&#39;, value: string): void | - |
| selectChange | A callback function which is executed when selected items are changed. | (sourceSelectedKeys, targetSelectedKeys): void |  |

### Render Props

Transfer accept \`children\` to customize render list, using follow props:

\`\`\`json
{
  &quot;direction&quot;: String,
  &quot;disabled&quot;: Boolean,
  &quot;filteredItems&quot;: Array,
  &quot;selectedKeys&quot;: Array,
  &quot;onItemSelect&quot;: Function,
  &quot;onItemSelectAll&quot;: Function
}
\`\`\`

| Property        | Description             | Type                                | Version |
| --------------- | ----------------------- | ----------------------------------- | ------- |
| direction       | List render direction   | &#39;left&#39; \\| &#39;right&#39;                   |         |
| disabled        | Disable list or not     | boolean                             |         |
| filteredItems   | Filtered items          | TransferItem[]                      |         |
| onItemSelect    | Select item             | (key: string, selected: boolean)    |         |
| onItemSelectAll | Select a group of items | (keys: string[], selected: boolean) |         |
| selectedKeys    | Selected items          | string[]                            |         |

#### example

\`\`\`html
&lt;a-transfer&gt;
  &lt;template
    #children=&quot;{
      direction,
      filteredItems,
      selectedKeys,
      disabled: listDisabled,
      onItemSelectAll,
      onItemSelect,
    }&quot;
  &gt;
    &lt;your-component /&gt;
  &lt;template&gt;
&lt;/a-transfer&gt;
\`\`\`

## Warning

According the standard of Vue, the key should always be supplied directly to the elements in the array. In Transfer, the keys should be set on the elements included in \`dataSource\` array. By default, \`key\` property is used as an unique identifier.

If there&#39;s no \`key\` in your data, you should use \`rowKey\` to specify the key that will be used for uniquely identify each element.

\`\`\`jsx
// eg. your primary key is \`uid\`
return &lt;Transfer :rowKey=&quot;record =&gt; record.uid&quot; /&gt;;
\`\`\`
`,html:`<p>Alert component for feedback.</p>
<h2 id="when-to-use">When To Use</h2>
<ul>
<li>When you need to show alert messages to users.</li>
<li>When you need a persistent static container which is closable by user actions.</li>
</ul>
<h2 id="api">API</h2>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>dataSource</td>
<td>Used for setting the source data. The elements that are part of this array will be present the left column. Except the elements whose keys are included in <code>targetKeys</code> prop.</td>
<td>[{key: string.isRequired,title: string.isRequired,description: string,disabled: bool}]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>Whether disabled transfer</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>filterOption</td>
<td>A function to determine whether an item should show in search result list</td>
<td>(inputValue, option): boolean</td>
<td></td>
<td></td>
</tr>
<tr>
<td>footer</td>
<td>customize the progress dot by setting a scoped slot</td>
<td>slot=&quot;footer&quot; slot-scope=&quot;props&quot;</td>
<td></td>
<td></td>
</tr>
<tr>
<td>lazy</td>
<td>property of vc-lazy-load for lazy rendering items. Turn off it by set to <code>false</code>.</td>
<td>object|boolean</td>
<td><code>{ height: 32, offset: 32 }</code></td>
<td></td>
</tr>
<tr>
<td>listStyle</td>
<td>A custom CSS style used for rendering the transfer columns.</td>
<td>object</td>
<td></td>
<td></td>
</tr>
<tr>
<td>locale</td>
<td>i18n text including filter, empty text, item unit, etc</td>
<td>object</td>
<td><code>{ itemUnit: 'item', itemsUnit: 'items', notFoundContent: 'The list is empty', searchPlaceholder: 'Search here' }</code></td>
<td></td>
</tr>
<tr>
<td>operations</td>
<td>A set of operations that are sorted from top to bottom.</td>
<td>string[]</td>
<td>['&gt;', '&lt;']</td>
<td></td>
</tr>
<tr>
<td>render</td>
<td>The function to generate the item shown on a column. Based on an record (element of the dataSource array), this function should return a element which is generated from that record. Also, it can return a plain object with <code>value</code> and <code>label</code>, <code>label</code> is a element and <code>value</code> is for title</td>
<td>Function(record) | slot</td>
<td></td>
<td></td>
</tr>
<tr>
<td>selectedKeys</td>
<td>A set of keys of selected items.</td>
<td>string[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>showSearch</td>
<td>If included, a search box is shown on each column.</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showSelectAll</td>
<td>Show select all checkbox on the header</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>targetKeys</td>
<td>A set of keys of elements that are listed on the right column.</td>
<td>string[]</td>
<td>[]</td>
<td></td>
</tr>
<tr>
<td>titles</td>
<td>A set of titles that are sorted from left to right.</td>
<td>string[]</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="events">events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>A callback function that is executed when the transfer between columns is complete.</td>
<td>(targetKeys, direction, moveKeys): void</td>
<td></td>
</tr>
<tr>
<td>scroll</td>
<td>A callback function which is executed when scroll options list</td>
<td>(direction, event): void</td>
<td></td>
</tr>
<tr>
<td>search</td>
<td>A callback function which is executed when search field are changed</td>
<td>(direction: 'left'|'right', value: string): void</td>
<td>-</td>
</tr>
<tr>
<td>selectChange</td>
<td>A callback function which is executed when selected items are changed.</td>
<td>(sourceSelectedKeys, targetSelectedKeys): void</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="render-props">Render Props</h3>
<p>Transfer accept <code>children</code> to customize render list, using follow props:</p>
<pre class="language-json" v-pre><code><span class="token punctuation">{</span>
  <span class="token property">"direction"</span><span class="token operator">:</span> String<span class="token punctuation">,</span>
  <span class="token property">"disabled"</span><span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
  <span class="token property">"filteredItems"</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">"selectedKeys"</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">"onItemSelect"</span><span class="token operator">:</span> Function<span class="token punctuation">,</span>
  <span class="token property">"onItemSelectAll"</span><span class="token operator">:</span> Function
<span class="token punctuation">}</span>
</code></pre>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>direction</td>
<td>List render direction</td>
<td>'left' | 'right'</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>Disable list or not</td>
<td>boolean</td>
<td></td>
</tr>
<tr>
<td>filteredItems</td>
<td>Filtered items</td>
<td>TransferItem[]</td>
<td></td>
</tr>
<tr>
<td>onItemSelect</td>
<td>Select item</td>
<td>(key: string, selected: boolean)</td>
<td></td>
</tr>
<tr>
<td>onItemSelectAll</td>
<td>Select a group of items</td>
<td>(keys: string[], selected: boolean)</td>
<td></td>
</tr>
<tr>
<td>selectedKeys</td>
<td>Selected items</td>
<td>string[]</td>
<td></td>
</tr>
</tbody>
</table>
<h4 id="example">example</h4>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-transfer</span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span>
    <span class="token attr-name">#children</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{
      direction,
      filteredItems,
      selectedKeys,
      disabled: listDisabled,
      onItemSelectAll,
      onItemSelect,
    }<span class="token punctuation">"</span></span>
  <span class="token punctuation">></span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>your-component</span> <span class="token punctuation">/></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-transfer</span><span class="token punctuation">></span></span>
</code></pre>
<h2 id="warning">Warning</h2>
<p>According the standard of Vue, the key should always be supplied directly to the elements in the array. In Transfer, the keys should be set on the elements included in <code>dataSource</code> array. By default, <code>key</code> property is used as an unique identifier.</p>
<p>If there's no <code>key</code> in your data, you should use <code>rowKey</code> to specify the key that will be used for uniquely identify each element.</p>
<pre class="language-jsx" v-pre><code><span class="token comment">// eg. your primary key is \`uid\`</span>
<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Transfer</span></span> <span class="token attr-name">:rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>record => record.uid<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">;</span>
</code></pre>
`,lastUpdated:1748059052780}},Wn={class:"markdown"};function Rn(s,a,p,I,l,u){return h(),B("article",Wn,a[0]||(a[0]=[Y(`<p>Alert component for feedback.</p><h2 id="when-to-use">When To Use</h2><ul><li>When you need to show alert messages to users.</li><li>When you need a persistent static container which is closable by user actions.</li></ul><h2 id="api">API</h2><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>dataSource</td><td>Used for setting the source data. The elements that are part of this array will be present the left column. Except the elements whose keys are included in <code>targetKeys</code> prop.</td><td>[{key: string.isRequired,title: string.isRequired,description: string,disabled: bool}]</td><td>[]</td><td></td></tr><tr><td>disabled</td><td>Whether disabled transfer</td><td>boolean</td><td>false</td><td></td></tr><tr><td>filterOption</td><td>A function to determine whether an item should show in search result list</td><td>(inputValue, option): boolean</td><td></td><td></td></tr><tr><td>footer</td><td>customize the progress dot by setting a scoped slot</td><td>slot=&quot;footer&quot; slot-scope=&quot;props&quot;</td><td></td><td></td></tr><tr><td>lazy</td><td>property of vc-lazy-load for lazy rendering items. Turn off it by set to <code>false</code>.</td><td>object|boolean</td><td><code>{ height: 32, offset: 32 }</code></td><td></td></tr><tr><td>listStyle</td><td>A custom CSS style used for rendering the transfer columns.</td><td>object</td><td></td><td></td></tr><tr><td>locale</td><td>i18n text including filter, empty text, item unit, etc</td><td>object</td><td><code>{ itemUnit: &#39;item&#39;, itemsUnit: &#39;items&#39;, notFoundContent: &#39;The list is empty&#39;, searchPlaceholder: &#39;Search here&#39; }</code></td><td></td></tr><tr><td>operations</td><td>A set of operations that are sorted from top to bottom.</td><td>string[]</td><td>[&#39;&gt;&#39;, &#39;&lt;&#39;]</td><td></td></tr><tr><td>render</td><td>The function to generate the item shown on a column. Based on an record (element of the dataSource array), this function should return a element which is generated from that record. Also, it can return a plain object with <code>value</code> and <code>label</code>, <code>label</code> is a element and <code>value</code> is for title</td><td>Function(record) | slot</td><td></td><td></td></tr><tr><td>selectedKeys</td><td>A set of keys of selected items.</td><td>string[]</td><td>[]</td><td></td></tr><tr><td>showSearch</td><td>If included, a search box is shown on each column.</td><td>boolean</td><td>false</td><td></td></tr><tr><td>showSelectAll</td><td>Show select all checkbox on the header</td><td>boolean</td><td>true</td><td></td></tr><tr><td>targetKeys</td><td>A set of keys of elements that are listed on the right column.</td><td>string[]</td><td>[]</td><td></td></tr><tr><td>titles</td><td>A set of titles that are sorted from left to right.</td><td>string[]</td><td>-</td><td></td></tr></tbody></table><h3 id="events">events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>change</td><td>A callback function that is executed when the transfer between columns is complete.</td><td>(targetKeys, direction, moveKeys): void</td><td></td></tr><tr><td>scroll</td><td>A callback function which is executed when scroll options list</td><td>(direction, event): void</td><td></td></tr><tr><td>search</td><td>A callback function which is executed when search field are changed</td><td>(direction: &#39;left&#39;|&#39;right&#39;, value: string): void</td><td>-</td></tr><tr><td>selectChange</td><td>A callback function which is executed when selected items are changed.</td><td>(sourceSelectedKeys, targetSelectedKeys): void</td><td></td></tr></tbody></table><h3 id="render-props">Render Props</h3><p>Transfer accept <code>children</code> to customize render list, using follow props:</p><pre class="language-json"><code><span class="token punctuation">{</span>
  <span class="token property">&quot;direction&quot;</span><span class="token operator">:</span> String<span class="token punctuation">,</span>
  <span class="token property">&quot;disabled&quot;</span><span class="token operator">:</span> Boolean<span class="token punctuation">,</span>
  <span class="token property">&quot;filteredItems&quot;</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">&quot;selectedKeys&quot;</span><span class="token operator">:</span> Array<span class="token punctuation">,</span>
  <span class="token property">&quot;onItemSelect&quot;</span><span class="token operator">:</span> Function<span class="token punctuation">,</span>
  <span class="token property">&quot;onItemSelectAll&quot;</span><span class="token operator">:</span> Function
<span class="token punctuation">}</span>
</code></pre><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Version</th></tr></thead><tbody><tr><td>direction</td><td>List render direction</td><td>&#39;left&#39; | &#39;right&#39;</td><td></td></tr><tr><td>disabled</td><td>Disable list or not</td><td>boolean</td><td></td></tr><tr><td>filteredItems</td><td>Filtered items</td><td>TransferItem[]</td><td></td></tr><tr><td>onItemSelect</td><td>Select item</td><td>(key: string, selected: boolean)</td><td></td></tr><tr><td>onItemSelectAll</td><td>Select a group of items</td><td>(keys: string[], selected: boolean)</td><td></td></tr><tr><td>selectedKeys</td><td>Selected items</td><td>string[]</td><td></td></tr></tbody></table><h4 id="example">example</h4><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-transfer</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span>
    <span class="token attr-name">#children</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>{
      direction,
      filteredItems,
      selectedKeys,
      disabled: listDisabled,
      onItemSelectAll,
      onItemSelect,
    }<span class="token punctuation">&quot;</span></span>
  <span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>your-component</span> <span class="token punctuation">/&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-transfer</span><span class="token punctuation">&gt;</span></span>
</code></pre><h2 id="warning">Warning</h2><p>According the standard of Vue, the key should always be supplied directly to the elements in the array. In Transfer, the keys should be set on the elements included in <code>dataSource</code> array. By default, <code>key</code> property is used as an unique identifier.</p><p>If there&#39;s no <code>key</code> in your data, you should use <code>rowKey</code> to specify the key that will be used for uniquely identify each element.</p><pre class="language-jsx"><code><span class="token comment">// eg. your primary key is \`uid\`</span>
<span class="token keyword">return</span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span><span class="token class-name">Transfer</span></span> <span class="token attr-name">:rowKey</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>record =&gt; record.uid<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span><span class="token punctuation">;</span>
</code></pre>`,17)]))}var Xn=b(Vn,[["render",Rn]]);const Bn=G({CN:Sn,US:Xn,components:{Basic:an,Search:cn,Advanced:un,CustomItem:gn,TableTransfer:hn,TreeTransfer:fn},setup(){return{}}});function Yn(s,a,p,I,l,u){const o=r("basic"),e=r("search"),c=r("advanced"),i=r("custom-item"),d=r("table-transfer"),g=r("tree-transfer"),m=r("demo-sort");return h(),Z(m,{cols:1},{default:k(()=>[C(o),C(e),C(c),C(i),C(d),C(g)]),_:1})}var Dn=b(Bn,[["render",Yn]]);export{Dn as default};