191 lines
42 KiB
Plaintext
191 lines
42 KiB
Plaintext
import{f as m,r as e,o as u,j as _,h as t,g as s,v as a,F as b,k as w,d,B as c,t as I,i as n,a7 as j,ad as B}from"./.pnpm.8fb36023.js";const L={class:"markdown-body"},N=n("p",{class:"describe-plugin"},"\u8FDB\u884C\u6807\u8BB0\u548C\u5206\u7C7B\u7684\u5C0F\u6807\u7B7E, \u7528\u4E8E\u6807\u8BB0\u4E8B\u7269\u7684\u5C5E\u6027\u4E0E\u7EAC\u5EA6\u3002",-1),G=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-tag"),a(" \u6807\u7B7E, \u521B\u5EFA\u6807\u7B7E\u7EC4\u4EF6\u3002")],-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"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("md"),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-tag")]),n("span",{class:"token punctuation"},">")]),a("\u6807\u7B7E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag")]),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("type in TAG_TYPES"),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("type"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6807\u7B7E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),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")]),a(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token constant"},"TAG_TYPES"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
|
|
`),n("span",{class:"token string"},'"primary"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token string"},'"normal"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token string"},'"warm"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token string"},'"danger"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),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("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),K=n("p",null,"\u901A\u8FC7 icon \u63D2\u69FD\u81EA\u5B9A\u4E49 tag \u524D\u7F6E\u56FE\u6807\u3002",-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-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("md"),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-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon")]),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("layui-icon-vercode"),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("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
tag
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon")]),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("layui-icon-login-qq"),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("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
tag
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon")]),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("layui-icon-star-fill"),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("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
tag
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),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"},`
|
|
`)]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
|
|
`),n("span",{class:"token selector"},".tag-demo"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 500px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 15px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token selector"},".tag-demo .layui-tag"),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 15px"),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("style")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),Y=n("p",null,"\u901A\u8FC7 closable \u5C5E\u6027\u5F00\u542F\u5173\u95ED\u6309\u94AE, \u4F7F\u7528 close-icon \u63D2\u69FD\u5B9A\u4E49\u5173\u95ED\u56FE\u6807\u3002",-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-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("md"),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-tag")]),a(),n("span",{class:"token attr-name"},"closable"),n("span",{class:"token punctuation"},">")]),a("Tag"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag")]),a(),n("span",{class:"token attr-name"},"closable"),n("span",{class:"token punctuation"},">")]),a(`
|
|
Tag 2
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag")]),a(),n("span",{class:"token attr-name"},"closable"),n("span",{class:"token punctuation"},">")]),a(`
|
|
custom close icon
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#close-icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon")]),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("layui-icon-close-fill"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),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-tag")]),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"},`
|
|
`)]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
|
|
`),n("span",{class:"token selector"},".tag-demo"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 500px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 15px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token selector"},".tag-demo .layui-tag"),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 15px"),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("style")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),$=n("p",null,"\u6807\u7B7E\u989C\u8272, \u901A\u8FC7 color \u5C5E\u6027\u81EA\u5B9A\u4E49\u989C\u8272",-1),U=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"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("md"),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-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("md"),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-tag")]),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("color in COLORS"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("color"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"variant"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("light"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6807\u7B7E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),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-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(),n("span",{class:"token constant"},"COLORS"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
|
|
`),n("span",{class:"token string"},'"#165DFF"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token string"},'"#722ED1"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token string"},'"#D91AD9"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token string"},'"#F5319D"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token constant"},"TAG_COLORS"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token constant"},"COLORS"),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(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
|
|
`),n("span",{class:"token selector"},".tag-demo"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 500px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 15px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token selector"},".tag-demo .layui-tag"),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 15px"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token selector"},".tag-demo-variant"),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 10px"),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("style")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),W=n("p",null,"\u914D\u5408\u81EA\u5B9A\u4E49\u903B\u8F91, \u5B9E\u73B0\u6807\u7B7E\u7684\u52A8\u6001\u7F16\u8F91",-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("template")]),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("(tag, index) of tagData"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("`tag-${index}`"),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-tag")]),a(`
|
|
`),n("span",{class:"token attr-name"},"closable"),a(`
|
|
`),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleClose(index)"),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"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 5px"),n("span",{class:"token punctuation"},";")]),n("span",{class:"token punctuation"},'"')])]),a(`
|
|
`),n("span",{class:"token punctuation"},">")]),a(`
|
|
{{tag}}
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),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("span")]),a(),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"},'"'),a("tagDemo"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("handlerFocus"),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-input")]),a(`
|
|
`),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"},'"'),a("showInput"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputRef"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-model.trim"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputVal"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"autofocus"),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"},"width"),n("span",{class:"token punctuation"},":"),a("60px"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("24px")]),n("span",{class:"token punctuation"},'"')])]),a(`
|
|
`),n("span",{class:"token attr-name"},"@keyup.enter"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleAdd"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"@blur"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleAdd"),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("lay-tag")]),a(`
|
|
`),n("span",{class:"token attr-name"},"v-else"),a(`
|
|
`),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon")]),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("layui-icon-addition"),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("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
\u6DFB\u52A0
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag")]),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(`
|
|
`),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(" nextTick "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),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(" tagData "),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 string"},"'Tag'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Selected'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'Tags'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputRef "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" showInput "),n("span",{class:"token operator"},"="),a(),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"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputVal "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"''"),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"},"handleAdd"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("inputVal"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
tagData`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),a("inputVal"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
inputVal`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
showInput`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),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"},"handleClose"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
tagData`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),a("index"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),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"},"handlerFocus"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"e"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
showInput`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"FIXME \u4E34\u65F6"'),n("span",{class:"token punctuation"},")"),a(`
|
|
`),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
document`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"querySelector"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'#tagDemo input'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"focus"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token number"},"200"),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(`
|
|
tagData`),n("span",{class:"token punctuation"},","),a(`
|
|
inputRef`),n("span",{class:"token punctuation"},","),a(`
|
|
showInput`),n("span",{class:"token punctuation"},","),a(`
|
|
inputVal`),n("span",{class:"token punctuation"},","),a(`
|
|
handleAdd`),n("span",{class:"token punctuation"},","),a(`
|
|
handleClose`),n("span",{class:"token punctuation"},","),a(`
|
|
handlerFocus`),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
|
`),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("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),J=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,"type"),n("td",null,"\u6807\u7B7E\u7C7B\u578B"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,[n("code",null,"primary"),a(),n("code",null,"normal"),a(),n("code",null,"warm"),a(),n("code",null,"danger")])]),n("tr",null,[n("td",null,"size"),n("td",null,"\u6807\u7B7E\u5927\u5C0F"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"md")]),n("td",null,[n("code",null,"lg"),a(),n("code",null,"md"),a(),n("code",null,"sm"),a(),n("code",null,"xs")])]),n("tr",null,[n("td",null,"color"),n("td",null,"\u81EA\u5B9A\u4E49\u6807\u7B7E\u989C\u8272"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"bordered"),n("td",null,"\u662F\u5426\u663E\u793A\u8FB9\u6846"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"true")]),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")])]),n("tr",null,[n("td",null,"closable"),n("td",null,"\u662F\u5426\u53EF\u5173\u95ED"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")]),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")])]),n("tr",null,[n("td",null,"variant"),n("td",null,"\u6807\u7B7E\u98CE\u683C"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"dark")]),n("td",null,[n("code",null,"dark"),a(),n("code",null,"light"),a(),n("code",null,"plain")])]),n("tr",null,[n("td",null,"disabled"),n("td",null,"\u7981\u7528\u6807\u7B7E"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")]),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")])]),n("tr",null,[n("td",null,"shape"),n("td",null,"\u6807\u7B7E\u5F62\u72B6"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"square")]),n("td",null,[n("code",null,"square"),a(),n("code",null,"round")])]),n("tr",null,[n("td",null,"maxWidth"),n("td",null,"\u6807\u7B7E\u6700\u5927\u5BBD\u5EA6"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"\u2013")])])],-1),Q=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,"-")]),n("tr",null,[n("td",null,"icon"),n("td",null,"\u56FE\u6807"),n("td",null,"-")]),n("tr",null,[n("td",null,"close-icon"),n("td",null,"\u5173\u95ED\u56FE\u6807"),n("td",null,"-")])])],-1),Z=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u4E8B\u4EF6"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"close"),n("td",null,"\u70B9\u51FB\u5173\u95ED\u56FE\u6807\u65F6\u89E6\u53D1"),n("td",null,"(e: MouseEvent)")])])],-1),nn={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},on={},ln={__name:"tag",setup(an,{expose:F}){let z=["primary","normal","warm","danger"],S=["#165DFF","#722ED1","#D91AD9","#F5319D"],f=m(["Tag","Selected","Tags"]),V=m(null),v=m(!1),k=m(""),q=()=>{k.value&&(f.value.push(k.value),k.value=""),v.value=!1},A=h=>{f.value.splice(h,1)},T=h=>{v.value=!0,console.log("FIXME \u4E34\u65F6"),setTimeout(()=>{document.querySelector("#tagDemo input").focus()},200)};return F({frontmatter:{}}),(h,y)=>{const R=e("lay-anchor"),p=e("lay-field"),o=e("lay-tag"),r=e("lay-space"),g=e("lay-code"),i=e("lay-icon"),O=e("lay-input"),x=e("lay-table-box"),E=e("lay-contributor"),D=e("router-link");return u(),_("div",L,[t(R,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u56FE\u6807\u63D2\u69FD,\u5141\u8BB8\u5173\u95ED,\u6307\u5B9A\u989C\u8272,\u52A8\u6001\u7F16\u8F91,Tag \u5C5E\u6027,Tag \u63D2\u69FD,Tag \u4E8B\u4EF6",currIndex:-1,show:!0}),t(p,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),N,t(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(g,null,{description:s(()=>[G]),code:s(()=>[M]),default:s(()=>[t(r,{size:"md"},{default:s(()=>[t(o,null,{default:s(()=>[a("\u6807\u7B7E")]),_:1}),(u(!0),_(b,null,w(c(z),l=>(u(),d(o,{type:l},{default:s(()=>[a("\u6807\u7B7E")]),_:2},1032,["type"]))),256))]),_:1})]),_:1}),t(p,{id:"\u56FE\u6807\u63D2\u69FD",title:"\u56FE\u6807\u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(g,null,{description:s(()=>[K]),code:s(()=>[P]),default:s(()=>[t(r,{size:"md"},{default:s(()=>[t(o,null,{icon:s(()=>[t(i,{type:"layui-icon-vercode"})]),default:s(()=>[a(" tag ")]),_:1}),t(o,null,{icon:s(()=>[t(i,{type:"layui-icon-login-qq"})]),default:s(()=>[a(" tag ")]),_:1}),t(o,null,{icon:s(()=>[t(i,{type:"layui-icon-star-fill"})]),default:s(()=>[a(" tag ")]),_:1})]),_:1})]),_:1}),t(p,{id:"\u5141\u8BB8\u5173\u95ED",title:"\u5141\u8BB8\u5173\u95ED",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(g,null,{description:s(()=>[Y]),code:s(()=>[X]),default:s(()=>[t(r,{size:"md"},{default:s(()=>[t(o,{closable:""},{default:s(()=>[a("Tag")]),_:1}),t(o,{closable:""},{default:s(()=>[a(" Tag 2 ")]),_:1}),t(o,{closable:""},{"close-icon":s(()=>[t(i,{type:"layui-icon-close-fill"})]),default:s(()=>[a(" custom close icon ")]),_:1})]),_:1})]),_:1}),t(p,{id:"\u6307\u5B9A\u989C\u8272",title:"\u6307\u5B9A\u989C\u8272",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(g,null,{description:s(()=>[$]),code:s(()=>[U]),default:s(()=>[t(r,{direction:"vertical",size:"md"},{default:s(()=>[t(r,{size:"md"},{default:s(()=>[(u(!0),_(b,null,w(c(S),l=>(u(),d(o,{color:l,variant:"light"},{default:s(()=>[a("\u6807\u7B7E")]),_:2},1032,["color"]))),256))]),_:1})]),_:1})]),_:1}),t(p,{id:"\u52A8\u6001\u7F16\u8F91",title:"\u52A8\u6001\u7F16\u8F91",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(g,null,{description:s(()=>[W]),code:s(()=>[H]),default:s(()=>[(u(!0),_(b,null,w(c(f),(l,C)=>(u(),d(o,{key:`tag-${C}`,closable:"",onClose:sn=>c(A)(C),style:{"margin-right":"5px"}},{default:s(()=>[a(I(l),1)]),_:2},1032,["onClose"]))),128)),n("span",{id:"tagDemo",onClick:y[1]||(y[1]=(...l)=>c(T)&&c(T)(...l))},[c(v)?(u(),d(O,{key:0,ref_key:"inputRef",ref:V,modelValue:c(k),"onUpdate:modelValue":y[0]||(y[0]=l=>j(k)?k.value=l:k=l),modelModifiers:{trim:!0},autofocus:"",style:{width:"60px",height:"24px"},onKeyup:B(c(q),["enter"]),onBlur:c(q)},null,8,["modelValue","onKeyup","onBlur"])):(u(),d(o,{key:1},{icon:s(()=>[t(i,{type:"layui-icon-addition"})]),default:s(()=>[a(" \u6DFB\u52A0 ")]),_:1}))])]),_:1}),t(p,{id:"Tag \u5C5E\u6027",title:"Tag \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(x,null,{default:s(()=>[J]),_:1}),t(p,{id:"Tag \u63D2\u69FD",title:"Tag \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(x,null,{default:s(()=>[Q]),_:1}),t(p,{id:"Tag \u4E8B\u4EF6",title:"Tag \u4E8B\u4EF6",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(x,null,{default:s(()=>[Z]),_:1}),t(E,{"file-path":"tag"}),n("div",nn,[n("div",null,[t(D,{to:"/zh-CN/components/affix",class:"lay-link",style:{display:""}},{default:s(()=>[t(i,{type:"layui-icon-left"}),a("\u951A\u70B9")]),_:1})]),n("div",null,[t(D,{to:"/zh-CN/components/modal",class:"lay-link",style:{display:""}},{default:s(()=>[a("\u6A21\u6001\u6846 "),t(i,{type:"layui-icon-right"})]),_:1})])])])}}};export{ln as default,on as frontmatter};
|