import{b as y,r,o as C,h as K,e as t,d as a,z as e,g as s,t as l,L as z,f as n}from"./vendor.e7911ee1.js";const N={class:"markdown-body"},j=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),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"},'"'),s("columns"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":dataSource"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("username")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.username}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("password")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.password}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("operator")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token punctuation"},">")]),s("\u4FEE\u6539"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(" columns "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(` slot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` slot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u64CD\u4F5C"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` customSlot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"const"),s(" dataSource "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s("username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"{"),s("username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` columns`),n("span",{class:"token punctuation"},","),s(` dataSource `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1),J=s("\u4FEE\u6539"),O=s("\u5220\u9664"),T=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),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"},'"'),s("columns"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":dataSource"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource"),n("span",{class:"token punctuation"},'"')]),s(),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"},'"'),s("lg"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("username")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.username}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("password")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.password}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("operator")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token punctuation"},">")]),s("\u4FEE\u6539"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(" columns "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(` slot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` slot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u64CD\u4F5C"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` customSlot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"const"),s(" dataSource "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s("username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"{"),s("username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` columns`),n("span",{class:"token punctuation"},","),s(` dataSource `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1),B=s("\u4FEE\u6539"),D=s("\u5220\u9664"),R=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),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"},'"'),s("columns"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":dataSource"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":page"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("page"),n("span",{class:"token punctuation"},'"')]),s(),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"},'"'),s("change"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("username")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.username}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("password")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.password}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("operator")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token punctuation"},">")]),s("\u4FEE\u6539"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(" page "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"{"),s(` total`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),s(` limit`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"10"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"change"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),s(" current "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),s(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u5F53\u524D\u9875:"'),s(),n("span",{class:"token operator"},"+"),s(),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),s("current"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token keyword"},"const"),s(" columns "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(` slot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` slot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u64CD\u4F5C"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` customSlot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"const"),s(" dataSource "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s("username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"{"),s("username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` page`),n("span",{class:"token punctuation"},","),s(` change`),n("span",{class:"token punctuation"},","),s(` columns`),n("span",{class:"token punctuation"},","),s(` dataSource `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1),V=s("\u4FEE\u6539"),E=s("\u5220\u9664"),L=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),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"},'"'),s("columns"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("id"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":dataSource"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("selectedKeys"),n("span",{class:"token punctuation"},'"')]),s(" "),n("span",{class:"token attr-name"},":checkbox"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("checkbox"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":default-toolbar"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("defaultToolbar"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@row"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("rowClick"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("toolbar")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),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"},'"'),s("sm"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u65B0\u589E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),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"},'"'),s("sm"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("username")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.username}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("password")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.password}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("operator")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token punctuation"},">")]),s("\u4FEE\u6539"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(" selectedKeys "),n("span",{class:"token operator"},"="),s(),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"},"]"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token keyword"},"const"),s(" checkbox "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token keyword"},"const"),s(" defaultToolbar "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token keyword"},"const"),s(" columns "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(` customSlot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` customSlot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(` title`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u64CD\u4F5C"'),n("span",{class:"token punctuation"},","),s(` width`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(` customSlot`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"const"),s(" dataSource "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(` `),n("span",{class:"token punctuation"},"{"),s("id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),s(" username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"{"),s("id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),s(" username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(" age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"]"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"rowClick"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"data"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),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"},"("),s("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"rowDoubleClick"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"data"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),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"},"("),s("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` columns`),n("span",{class:"token punctuation"},","),s(` dataSource`),n("span",{class:"token punctuation"},","),s(` selectedKeys`),n("span",{class:"token punctuation"},","),s(` checkbox`),n("span",{class:"token punctuation"},","),s(` defaultToolbar`),n("span",{class:"token punctuation"},","),s(` rowClick`),n("span",{class:"token punctuation"},","),s(` rowDoubleClick `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `),n("span",{class:"token punctuation"},"}"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1),U=s("\u65B0\u589E"),A=s("\u5220\u9664"),F=s("\u4FEE\u6539"),G=s("\u5220\u9664"),H=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"columns"),n("td",null,"\u5217\u914D\u7F6E"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"dataSource"),n("td",null,"\u6570\u636E\u6E90"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"checkbox"),n("td",null,"\u5F00\u542F\u590D\u73B0\u6846"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"id"),n("td",null,"\u4E3B\u952E"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"selectedKeys ( v-model )"),n("td",null,"\u9009\u4E2D\u9879"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"default-toolbar"),n("td",null,"\u5F00\u542F\u5DE5\u5177\u680F"),n("td",null,[n("code",null,"lg"),s(),n("code",null,"md"),s(),n("code",null,"sm")])]),n("tr",null,[n("td",null,"size"),n("td",null,"\u5C3A\u5BF8"),n("td",null,"\u2013")])])],-1),I=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"row"),n("td",null,"\u884C\u5355\u51FB"),n("td",null,"data : \u5F53\u524D\u884C")]),n("tr",null,[n("td",null,"row-double"),n("td",null,"\u884C\u53CC\u51FB"),n("td",null,"data : \u5F53\u524D\u884C")])])],-1),M=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u9ED8\u8BA4")])]),n("tbody",null,[n("tr",null,[n("td",null,"toolbar"),n("td",null,"\u81EA\u5B9A\u4E49\u5DE5\u5177\u680F"),n("td",null,"\u2013")])])],-1),P=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u9ED8\u8BA4")])]),n("tbody",null,[n("tr",null,[n("td",null,"title"),n("td",null,"\u5217\u6807\u9898"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"key"),n("td",null,"\u6570\u636E\u5B57\u6BB5"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"customSlot"),n("td",null,"\u63D2\u69FD\u540D\u79F0"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"width"),n("td",null,"\u5BBD\u5EA6"),n("td",null,"\u2013")])])],-1),Y={setup(Q,{expose:b}){b({frontmatter:{}});let u=[{title:"\u8D26\u6237",width:"200px",slot:"username",key:"username"},{title:"\u5BC6\u7801",width:"180px",slot:"password",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u64CD\u4F5C",width:"180px",customSlot:"operator",key:"operator"}],k=[{username:"root",password:"root",age:"18"},{username:"woow",password:"woow",age:"20"}];u=[{title:"\u8D26\u6237",width:"200px",slot:"username",key:"username"},{title:"\u5BC6\u7801",width:"180px",slot:"password",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u64CD\u4F5C",width:"180px",customSlot:"operator",key:"operator"}],k=[{username:"root",password:"root",age:"18"},{username:"woow",password:"woow",age:"20"}];let _={total:100,limit:10},f=function({current:d}){console.log("\u5F53\u524D\u9875:"+JSON.stringify(d))};u=[{title:"\u8D26\u6237",width:"200px",slot:"username",key:"username"},{title:"\u5BC6\u7801",width:"180px",slot:"password",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u64CD\u4F5C",width:"180px",customSlot:"operator",key:"operator"}],k=[{username:"root",password:"root",age:"18"},{username:"woow",password:"woow",age:"20"}];let i=y(["1"]),v=y(!0),x=y(!0);u=[{title:"\u8D26\u6237",width:"200px",customSlot:"username",key:"username"},{title:"\u5BC6\u7801",width:"180px",customSlot:"password",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u64CD\u4F5C",width:"180px",customSlot:"operator",key:"operator"}],k=[{id:"1",username:"root",password:"root",age:"18"},{id:"2",username:"woow",password:"woow",age:"20"}];let S=function(d){console.log(JSON.stringify(d))};return(d,h)=>{const c=r("lay-field"),p=r("lay-button"),g=r("lay-table"),m=r("lay-code"),w=r("lay-table-box"),q=r("lay-comment");return C(),K("div",N,[t(c,{title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(m,null,{code:a(()=>[j]),default:a(()=>[t(g,{columns:e(u),dataSource:e(k)},{username:a(({data:o})=>[s(l(o.username),1)]),password:a(({data:o})=>[s(l(o.password),1)]),operator:a(({data:o})=>[t(p,null,{default:a(()=>[J]),_:1}),t(p,{type:"primary"},{default:a(()=>[O]),_:1})]),_:1},8,["columns","dataSource"])]),_:1}),t(c,{title:"\u4E0D\u540C\u5C3A\u5BF8",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(m,null,{code:a(()=>[T]),default:a(()=>[t(g,{columns:e(u),dataSource:e(k),size:"lg"},{username:a(({data:o})=>[s(l(o.username),1)]),password:a(({data:o})=>[s(l(o.password),1)]),operator:a(({data:o})=>[t(p,null,{default:a(()=>[B]),_:1}),t(p,{type:"primary"},{default:a(()=>[D]),_:1})]),_:1},8,["columns","dataSource"])]),_:1}),t(c,{title:"\u5F00\u542F\u5206\u9875",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(m,null,{code:a(()=>[R]),default:a(()=>[t(g,{columns:e(u),dataSource:e(k),page:e(_),onChange:e(f)},{username:a(({data:o})=>[s(l(o.username),1)]),password:a(({data:o})=>[s(l(o.password),1)]),operator:a(({data:o})=>[t(p,null,{default:a(()=>[V]),_:1}),t(p,{type:"primary"},{default:a(()=>[E]),_:1})]),_:1},8,["columns","dataSource","page","onChange"])]),_:1}),t(c,{title:"\u5B8C\u6574\u8868\u683C",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(m,null,{code:a(()=>[L]),default:a(()=>[t(g,{columns:e(u),id:"id",dataSource:e(k),selectedKeys:e(i),"onUpdate:selectedKeys":h[0]||(h[0]=o=>z(i)?i.value=o:i=o),checkbox:e(v),"default-toolbar":e(x),onRow:e(S)},{toolbar:a(()=>[t(p,{size:"sm"},{default:a(()=>[U]),_:1}),t(p,{size:"sm"},{default:a(()=>[A]),_:1})]),username:a(({data:o})=>[s(l(o.username),1)]),password:a(({data:o})=>[s(l(o.password),1)]),operator:a(({data:o})=>[t(p,null,{default:a(()=>[F]),_:1}),t(p,{type:"primary"},{default:a(()=>[G]),_:1})]),_:1},8,["columns","dataSource","selectedKeys","checkbox","default-toolbar","onRow"])]),_:1}),t(c,{title:"\u8868\u683C\u5C5E\u6027",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(w,null,{default:a(()=>[H]),_:1}),t(c,{title:"\u8868\u683C\u4E8B\u4EF6",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(w,null,{default:a(()=>[I]),_:1}),t(c,{title:"\u8868\u683C\u63D2\u69FD",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(w,null,{default:a(()=>[M]),_:1}),t(c,{title:"\u5217\u914D\u7F6E",style:{"margin-top":"20px","margin-bottom":"20px"}}),t(w,null,{default:a(()=>[P]),_:1}),t(q)])}}};export{Y as default};