150 lines
35 KiB
Plaintext
150 lines
35 KiB
Plaintext
import{f as v,r as e,o as l,j as u,h as s,g as t,F as k,k as i,v as a,t as r,d as A,B as c,a7 as w,i as n}from"./.pnpm.8fb36023.js";const R={class:"markdown-body"},T=n("p",{class:"describe-plugin"},"\u63A7\u5236\u7EC4\u4EF6\u4E4B\u95F4\u7684\u95F4\u8DDD\u3002",-1),G=n("p",null,"\u9ED8\u8BA4\u6A2A\u5411\u6392\u5217\uFF0C\u63A7\u5236\u76F8\u90BB\u7EC4\u4EF6\u7684\u6C34\u5E73\u95F4\u8DDD",-1),H=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-space")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("idx of 5"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6309\u94AE {{idx}}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-space")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),J=n("p",null,[a("\u901A\u8FC7 "),n("code",null,'direction="vertical"'),a(" \u8BBE\u7F6E\u5782\u76F4\u65B9\u5411")],-1),M=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"fill"),a(),n("span",{class:"token attr-name"},"wrap"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("idx of 5"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":fluid"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6309\u94AE {{idx}}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-space")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),O=n("p",null,[a("\u901A\u8FC7 "),n("code",null,"size"),a(" \u63A7\u5236\u7EC4\u4EF6\u5927\u5C0F "),n("code",null,"xs, sm, md , lg"),a(", \u5206\u522B\u5BF9\u5E94 "),n("code",null,"4px, 8px, 16px, 24px"),a(" \u7684\u95F4\u8DDD,\u9ED8\u8BA4"),n("code",null,"md"),a("\u3002"),n("code",null,"size"),a(" \u4E5F\u652F\u6301\u901A\u8FC7\u6570\u7EC4\u8BBE\u7F6E\u95F4\u8DDD "),n("code",null,"[row-gap, column-gap]")],-1),P=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("sizeKey of sizeKeys"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("sizeSelected"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("action"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("sizeKey"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),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"},'"'),a("changeSize"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
{{sizeKey}}
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-space")]),a(),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"},'"'),a("spaceSize"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("idx of 5"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6309\u94AE {{idx}}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-space")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" sizeKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},'"xs"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"sm"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"md"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"lg"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" spaceSize "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" sizeSelected "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"sm"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"changeSize"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
spaceSize`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" key"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
sizeSelected`),n("span",{class:"token punctuation"},","),a(`
|
|
changeSize`),n("span",{class:"token punctuation"},","),a(`
|
|
spaceSize`),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),Q=n("br",null,null,-1),W=n("br",null,null,-1),X=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-slider")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("customSize"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-slider")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-space")]),a(),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"},'"'),a("customSize"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("idx of 5"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("normal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6309\u94AE {{idx}}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-space")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" customSize "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"8"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
customSize`),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),Y=n("br",null,null,-1),Z=n("br",null,null,-1),$=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("alignKey of alignKeys"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("alignSelected"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("action"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("alignKey"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),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"},'"'),a("changeAlign"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
{{alignKey}}
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-space")]),a(),n("span",{class:"token attr-name"},":align"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("spaceAlign"),n("span",{class:"token punctuation"},'"')]),a(),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"},"backgroundColor"),n("span",{class:"token punctuation"},":"),a(" whitesmoke"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 10px"),n("span",{class:"token punctuation"},";")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),n("span",{class:"token punctuation"},">")]),a("Space:"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("span")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a("\u9ED8\u8BA4\u6309\u94AE"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-card")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
\u5185\u5BB9
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-card")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-space")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" alignKeys "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},'"start"'),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},'"center"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"end"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"baseline"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" spaceAlign "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" alignSelected "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"center"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"changeAlign"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),a(),n("span",{class:"token parameter"},"key"),a(),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
spaceAlign`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" key"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
alignSelected`),n("span",{class:"token punctuation"},","),a(`
|
|
changeAlign`),n("span",{class:"token punctuation"},","),a(`
|
|
spaceAlign`),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),nn=n("br",null,null,-1),an=n("br",null,null,-1),sn=n("span",null,"Space:",-1),tn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-space")]),a(),n("span",{class:"token attr-name"},"wrap"),a(),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"},'"'),a("[16,24]"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("_ of 20"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u9ED8\u8BA4\u6309\u94AE{{_}}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-space")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),on=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u9ED8\u8BA4\u503C"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"align"),n("td",null,"\u5BF9\u9F50\u65B9\u5F0F"),n("td",null,"string"),n("td",null,[n("code",null,"center")]),n("td",null,[n("code",null,"start"),a(),n("code",null,"end"),a(),n("code",null,"center"),a(),n("code",null,"baseline")])]),n("tr",null,[n("td",null,"direction"),n("td",null,"\u95F4\u8DDD\u65B9\u5411"),n("td",null,"string"),n("td",null,[n("code",null,"horizontal")]),n("td",null,[n("code",null,"horizontal"),a(),n("code",null,"vertical")])]),n("tr",null,[n("td",null,"fill"),n("td",null,"\u5B50\u5143\u7D20\u662F\u5426\u586B\u5145\u7236\u5BB9\u5668"),n("td",null,"boolean"),n("td",null,[n("code",null,"false")]),n("td",null,"-")]),n("tr",null,[n("td",null,"size"),n("td",null,"\u95F4\u8DDD\u5927\u5C0F"),n("td",null,"string"),n("td",null,"md"),n("td",null,[n("code",null,"lg"),a(),n("code",null,"md"),a(),n("code",null,"sm"),a(),n("code",null,"xs"),a(),n("code",null,"number"),a(),n("code",null,"string"),a(),n("code",null,"[spaceSize,spaceSize]")])]),n("tr",null,[n("td",null,"wrap"),n("td",null,"\u662F\u5426\u81EA\u52A8\u6298\u884C"),n("td",null,"boolean"),n("td",null,[n("code",null,"false")]),n("td",null,"-")])])],-1),en=n("blockquote",null,[n("p",null,[n("code",null,'type spaceSize = "lg" | "md" | "sm" | "xs" | number | string')])],-1),ln=n("blockquote",null,[n("p",null,[n("code",null,"[row-gap, column-gap], eg: ['xs','md'] ['10px', '15px'] [10, 15]")])],-1),cn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"default"),n("td",null,"\u9ED8\u8BA4\u63D2\u69FD"),n("td",null,"-")])])],-1),pn={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},rn={},dn={__name:"space",setup(un,{expose:j}){let B=["xs","sm","md","lg"],z=v(),b=v("sm"),N=function(x){z.value=x},_=v(8),U=["start","center","end","baseline"],S=v(),h=v("center"),F=function(x){S.value=x};return j({frontmatter:{}}),(x,d)=>{const D=e("lay-anchor"),p=e("lay-field"),g=e("lay-button"),m=e("lay-space"),y=e("lay-code"),q=e("lay-radio"),E=e("lay-slider"),I=e("lay-card"),V=e("lay-table-box"),L=e("lay-contributor"),C=e("lay-icon"),K=e("router-link");return l(),u("div",R,[s(D,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u5782\u76F4\u65B9\u5411,\u95F4\u8DDD\u5927\u5C0F,\u81EA\u5B9A\u4E49\u95F4\u8DDD\u5927\u5C0F,\u5BF9\u9F50\u65B9\u5F0F,\u81EA\u52A8\u6362\u884C,Space \u5C5E\u6027,Space \u63D2\u69FD",currIndex:-1,show:!0}),s(p,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),T,s(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(y,null,{description:t(()=>[G]),code:t(()=>[H]),default:t(()=>[s(m,null,{default:t(()=>[(l(),u(k,null,i(5,o=>s(g,{type:"normal"},{default:t(()=>[a("\u6309\u94AE "+r(o),1)]),_:2},1024)),64))]),_:1})]),_:1}),s(p,{id:"\u5782\u76F4\u65B9\u5411",title:"\u5782\u76F4\u65B9\u5411",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(y,null,{description:t(()=>[J]),code:t(()=>[M]),default:t(()=>[s(m,{direction:"vertical",fill:"",wrap:""},{default:t(()=>[(l(),u(k,null,i(5,o=>s(g,{type:"normal",fluid:!0},{default:t(()=>[a("\u6309\u94AE "+r(o),1)]),_:2},1024)),64))]),_:1})]),_:1}),s(p,{id:"\u95F4\u8DDD\u5927\u5C0F",title:"\u95F4\u8DDD\u5927\u5C0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(y,null,{description:t(()=>[O]),code:t(()=>[P]),default:t(()=>[(l(!0),u(k,null,i(c(B),o=>(l(),A(q,{modelValue:c(b),"onUpdate:modelValue":d[0]||(d[0]=f=>w(b)?b.value=f:b=f),name:"action",value:o,onChange:c(N)},{default:t(()=>[a(r(o),1)]),_:2},1032,["modelValue","value","onChange"]))),256)),Q,W,s(m,{size:c(z)},{default:t(()=>[(l(),u(k,null,i(5,o=>s(g,{type:"normal"},{default:t(()=>[a("\u6309\u94AE "+r(o),1)]),_:2},1024)),64))]),_:1},8,["size"])]),_:1}),s(p,{id:"\u81EA\u5B9A\u4E49\u95F4\u8DDD\u5927\u5C0F",title:"\u81EA\u5B9A\u4E49\u95F4\u8DDD\u5927\u5C0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(y,null,{code:t(()=>[X]),default:t(()=>[s(E,{modelValue:c(_),"onUpdate:modelValue":d[1]||(d[1]=o=>w(_)?_.value=o:_=o)},null,8,["modelValue"]),Y,Z,s(m,{size:c(_)},{default:t(()=>[(l(),u(k,null,i(5,o=>s(g,{type:"normal"},{default:t(()=>[a("\u6309\u94AE "+r(o),1)]),_:2},1024)),64))]),_:1},8,["size"])]),_:1}),s(p,{id:"\u5BF9\u9F50\u65B9\u5F0F",title:"\u5BF9\u9F50\u65B9\u5F0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(y,null,{code:t(()=>[$]),default:t(()=>[(l(!0),u(k,null,i(c(U),o=>(l(),A(q,{modelValue:c(h),"onUpdate:modelValue":d[2]||(d[2]=f=>w(h)?h.value=f:h=f),name:"action",value:o,onChange:c(F)},{default:t(()=>[a(r(o),1)]),_:2},1032,["modelValue","value","onChange"]))),256)),nn,an,s(m,{align:c(S),style:{backgroundColor:"whitesmoke",padding:"10px"}},{default:t(()=>[sn,s(g,null,{default:t(()=>[a("\u9ED8\u8BA4\u6309\u94AE")]),_:1}),s(I,{title:"\u6807\u9898"},{default:t(()=>[a(" \u5185\u5BB9 ")]),_:1})]),_:1},8,["align"])]),_:1}),s(p,{id:"\u81EA\u52A8\u6362\u884C",title:"\u81EA\u52A8\u6362\u884C",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(y,null,{code:t(()=>[tn]),default:t(()=>[s(m,{wrap:"",size:[16,24]},{default:t(()=>[(l(),u(k,null,i(20,o=>s(g,null,{default:t(()=>[a("\u9ED8\u8BA4\u6309\u94AE"+r(o),1)]),_:2},1024)),64))]),_:1})]),_:1}),s(p,{id:"Space \u5C5E\u6027",title:"Space \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(V,null,{default:t(()=>[on]),_:1}),en,ln,s(p,{id:"Space \u63D2\u69FD",title:"Space \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(V,null,{default:t(()=>[cn]),_:1}),s(L,{"file-path":"space"}),n("div",pn,[n("div",null,[s(K,{to:"/zh-CN/components/skeleton",class:"lay-link",style:{display:""}},{default:t(()=>[s(C,{type:"layui-icon-left"}),a("\u9AA8\u67B6")]),_:1})]),n("div",null,[s(K,{to:"/zh-CN/components/menu",class:"lay-link",style:{display:""}},{default:t(()=>[a("\u83DC\u5355 "),s(C,{type:"layui-icon-right"})]),_:1})])])])}}};export{dn as default,rn as frontmatter};
|