155 lines
52 KiB
Plaintext
155 lines
52 KiB
Plaintext
import{f as d,r as v,o as N,j as P,h as l,g as e,B as o,a7 as p,v as a,i as n}from"./.pnpm.8fb36023.js";const E={class:"markdown-body"},j=n("p",{class:"describe-plugin"},"\u901A\u8FC7\u9F20\u6807\u6216\u952E\u76D8\uFF0C\u8F93\u5165\u8303\u56F4\u5185\u7684\u6570\u503C\u3002",-1),B=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-tag-input"),a(" \u6807\u7B7E, \u521B\u5EFA\u6807\u7B7E\u8F93\u5165\u6846\u3002")],-1),F=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-tag-input")]),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("data1"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue1"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},"allowClear"),a(`
|
|
`),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8BF7\u8F93\u5165"),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"},"width"),n("span",{class:"token punctuation"},":"),a("320px")]),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-input")]),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("watch "),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(" data1 "),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"},"{"),n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"label"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'Vue'"),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"closable"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputValue1 "),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"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
data1`),n("span",{class:"token punctuation"},","),a(`
|
|
inputValue1
|
|
`),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),D=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"max"),a(" \u63A7\u5236\u6700\u5927\u6807\u7B7E\u6570\u91CF\u3002")],-1),L=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-tag-input")]),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("data2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":max"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6700\u591A\u8F93\u51653\u4E2A"),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"},"width"),n("span",{class:"token punctuation"},":"),a("320px")]),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-tag-input")]),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("watch "),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(" data2 "),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"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputValue2 "),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"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
data2`),n("span",{class:"token punctuation"},","),a(`
|
|
inputValue2
|
|
`),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),R=n("p",null,[a("\u901A\u8FC7"),n("code",null,"minCollapsedNum"),a(" \u8BBE\u7F6E\u6700\u5C0F\u6298\u53E0\u6570\uFF0C\u8D85\u8FC7\u8FD9\u4E2A\u6570\u7684\u6807\u7B7E\u4F1A\u88AB\u6298\u53E0\uFF0C0\u8868\u793A\u4E0D\u6298\u53E0\uFF0C "),n("code",null,"collapseTagsTooltip"),a("\u542F\u7528\u9F20\u6807\u60AC\u505C\u663E\u793A\u5177\u4F53\u6298\u53E0\u6807\u7B7E\u3002")],-1),A=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(`
|
|
minCollapsedNum = 3`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":minCollapsedNum"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),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"},"width"),n("span",{class:"token punctuation"},":"),a("auto")]),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-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
collapseTagsTooltip `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":minCollapsedNum"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"collapseTagsTooltip"),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("auto")]),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-tag-input")]),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("watch "),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(" data3 "),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"},"'\u6807\u7B7E1'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6807\u7B7E2'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6807\u7B7E3'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6807\u7B7E4'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputValue3 "),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"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
data3`),n("span",{class:"token punctuation"},","),a(`
|
|
inputValue3
|
|
`),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),G=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-tag-input")]),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("data4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"disabled"),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("320px")]),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-tag-input")]),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("watch "),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(" data4 "),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"},"'\u6807\u7B7E1'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6807\u7B7E2'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputValue4 "),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"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
data4`),n("span",{class:"token punctuation"},","),a(`
|
|
inputValue4
|
|
`),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),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-tag-input")]),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("data5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"allow-clear"),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("320px")]),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-tag-input")]),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("watch "),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(" data5 "),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"},"'\u6807\u7B7E1'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6807\u7B7E2'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputValue5 "),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"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
data5`),n("span",{class:"token punctuation"},","),a(`
|
|
inputValue5
|
|
`),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("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("div")]),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("320px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a("flex"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"flex-direction"),n("span",{class:"token punctuation"},":"),a(" column"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"gap"),n("span",{class:"token punctuation"},":"),a(" 16px"),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("lay-tag-input")]),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("data6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue6"),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("xs"),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-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue6"),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("sm"),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-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue6"),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"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue6"),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("lg"),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-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),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("watch "),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(" data6 "),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"},"'\u6807\u7B7E1'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6807\u7B7E2'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputValue6 "),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"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
data6`),n("span",{class:"token punctuation"},","),a(`
|
|
inputValue6
|
|
`),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),K={style:{width:"320px",display:"flex","flex-direction":"column",gap:"16px"}},M=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"tagProps"),a(" \u63A7\u5236\u6807\u7B7E\u5C5E\u6027\u3002")],-1),O=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 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("320px")]),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-input")]),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("data7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":tagProps"),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("#86909c"),n("span",{class:"token punctuation"},"'"),a(",variant:"),n("span",{class:"token punctuation"},"'"),a("light"),n("span",{class:"token punctuation"},"'"),a(", bordered:false}"),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-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":tagProps"),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("#ffb400"),n("span",{class:"token punctuation"},"'"),a(",variant:"),n("span",{class:"token punctuation"},"'"),a("light"),n("span",{class:"token punctuation"},"'"),a("}"),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-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":tagProps"),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("#0fc6c2"),n("span",{class:"token punctuation"},"'"),a(",variant:"),n("span",{class:"token punctuation"},"'"),a("light"),n("span",{class:"token punctuation"},"'"),a("}"),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-tag-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-tag-input")]),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("data7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("inputValue")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("inputValue7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":tagProps"),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("#409EFF"),n("span",{class:"token punctuation"},"'"),a(",variant:"),n("span",{class:"token punctuation"},"'"),a("light"),n("span",{class:"token punctuation"},"'"),a("}"),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-tag-input")]),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("watch "),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(" data7 "),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"},"'\u6807\u7B7E1'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6807\u7B7E2'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(" inputValue7 "),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"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
data7`),n("span",{class:"token punctuation"},","),a(`
|
|
inputValue7
|
|
`),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("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,"modelValue"),n("td",null,"\u7ED1\u5B9A\u503C"),n("td",null,[n("code",null,"string[]"),a(),n("code",null,"number[]"),a(),n("code",null,"TagData[]")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"size"),n("td",null,"\u8F93\u5165\u6846\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,"inputValue"),n("td",null,"\u8F93\u5165\u6846\u7684\u503C"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"placeholder"),n("td",null,"\u5360\u4F4D\u7B26"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"readonly"),n("td",null,"\u662F\u5426\u53EF\u53EA\u8BFB"),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,"allowClear"),n("td",null,"\u5141\u8BB8\u6E05\u7A7A"),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,"disabled"),n("td",null,"\u662F\u5426\u7981\u7528"),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,"max"),n("td",null,"\u6700\u5927\u8F93\u5165\u6807\u7B7E\u6570\u91CF"),n("td",null,[n("code",null,"number")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"minCollapsedNum"),n("td",null,"\u6700\u5C0F\u6298\u53E0\u6570\u91CF"),n("td",null,[n("code",null,"number")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"collapseTagsTooltip"),n("td",null,"\u662F\u5426\u60AC\u6D6E\u663E\u793A\u6298\u53E0\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,"tagProps"),n("td",null,"tag \u5C5E\u6027"),n("td",null,[n("code",null,"LayTagProps")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"disabledInput"),n("td",null,"\u662F\u5426\u7981\u7528\u5185\u90E8\u8F93\u5165\u6846"),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")])])])],-1),S=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u540D\u79F0"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"change"),n("td",null,"\u503C\u6539\u53D8\u65F6\u89E6\u53D1"),n("td",null,"(value: (string | number | TagData)[])")]),n("tr",null,[n("td",null,"inputValueChange"),n("td",null,"\u8F93\u5165\u6846\u503C\u6539\u53D8\u65F6\u89E6\u53D1"),n("td",null,"(inputValue: string)")]),n("tr",null,[n("td",null,"remove"),n("td",null,"\u5220\u9664\u6807\u7B7E\u65F6\u89E6\u53D1"),n("td",null,"(value: string | number, e: Event)")]),n("tr",null,[n("td",null,"clear"),n("td",null,"\u70B9\u51FB\u6E05\u9664\u6309\u94AE\u65F6\u89E6\u53D1"),n("td",null,"(e: Event)")]),n("tr",null,[n("td",null,"focus"),n("td",null,"\u83B7\u5F97\u7126\u70B9\u65F6\u89E6\u53D1"),n("td",null,"(e: Event)")]),n("tr",null,[n("td",null,"blur"),n("td",null,"\u5931\u53BB\u7126\u70B9\u65F6\u89E6\u53D1"),n("td",null,"(e: Event)")]),n("tr",null,[n("td",null,"pressEnter"),n("td",null,"\u6309\u4E0B Enter \u952E\u65F6\u89E6\u53D1"),n("td",null,"(inputValue: string, e: Event)")])])],-1),W=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u540D\u79F0"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"focus"),n("td",null,"\u83B7\u53D6\u7126\u70B9"),n("td",null,"-")]),n("tr",null,[n("td",null,"blur"),n("td",null,"\u5931\u53BB\u7126\u70B9"),n("td",null,"-")])])],-1),X=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,"prefix"),n("td",null,"\u524D\u7F6E\u63D2\u69FD"),n("td",null,"-")]),n("tr",null,[n("td",null,"suffix"),n("td",null,"\u540E\u7F6E\u63D2\u69FD"),n("td",null,"-")])])],-1),nn={},an={__name:"tagInput",setup(Y,{expose:C}){let f=d([{value:1,label:"Vue",closable:!0}]),w=d(""),x=d([]),b=d(""),m=d(["\u6807\u7B7E1","\u6807\u7B7E2","\u6807\u7B7E3","\u6807\u7B7E4"]),y=d(""),q=d(["\u6807\u7B7E1","\u6807\u7B7E2"]),T=d(""),U=d(["\u6807\u7B7E1","\u6807\u7B7E2"]),h=d(""),u=d(["\u6807\u7B7E1","\u6807\u7B7E2"]),c=d(""),k=d(["\u6807\u7B7E1","\u6807\u7B7E2"]),i=d("");return C({frontmatter:{}}),(Z,s)=>{const z=v("lay-anchor"),g=v("lay-field"),r=v("lay-tag-input"),V=v("lay-code"),I=v("lay-space"),_=v("lay-table-box");return N(),P("div",E,[l(z,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u6570\u91CF\u9650\u5236,\u6298\u53E0\u6807\u7B7E,\u7981\u7528\u72B6\u6001,\u5141\u8BB8\u6E05\u7A7A,\u4E0D\u540C\u5C3A\u5BF8,\u4E0D\u540C\u4E3B\u9898,TagInput \u5C5E\u6027,TagInput \u4E8B\u4EF6,TagInput \u65B9\u6CD5,TagInput \u63D2\u69FD",currIndex:-1,show:!0}),l(g,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),j,l(g,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(V,null,{description:e(()=>[B]),code:e(()=>[F]),default:e(()=>[l(r,{modelValue:o(f),"onUpdate:modelValue":s[0]||(s[0]=t=>p(f)?f.value=t:f=t),inputValue:o(w),"onUpdate:inputValue":s[1]||(s[1]=t=>p(w)?w.value=t:w=t),allowClear:"",placeholder:"\u8BF7\u8F93\u5165",style:{width:"320px"}},null,8,["modelValue","inputValue"])]),_:1}),l(g,{id:"\u6570\u91CF\u9650\u5236",title:"\u6570\u91CF\u9650\u5236",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(V,null,{description:e(()=>[D]),code:e(()=>[L]),default:e(()=>[l(r,{modelValue:o(x),"onUpdate:modelValue":s[2]||(s[2]=t=>p(x)?x.value=t:x=t),inputValue:o(b),"onUpdate:inputValue":s[3]||(s[3]=t=>p(b)?b.value=t:b=t),max:3,placeholder:"\u6700\u591A\u8F93\u51653\u4E2A",style:{width:"320px"}},null,8,["modelValue","inputValue"])]),_:1}),l(g,{id:"\u6298\u53E0\u6807\u7B7E",title:"\u6298\u53E0\u6807\u7B7E",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(V,null,{description:e(()=>[R]),code:e(()=>[A]),default:e(()=>[l(I,{direction:"vertical",size:"md"},{default:e(()=>[a(" minCollapsedNum = 3"),l(r,{modelValue:o(m),"onUpdate:modelValue":s[4]||(s[4]=t=>p(m)?m.value=t:m=t),inputValue:o(y),"onUpdate:inputValue":s[5]||(s[5]=t=>p(y)?y.value=t:y=t),minCollapsedNum:3,style:{width:"auto"}},null,8,["modelValue","inputValue"]),a(" collapseTagsTooltip "),l(r,{modelValue:o(m),"onUpdate:modelValue":s[6]||(s[6]=t=>p(m)?m.value=t:m=t),inputValue:o(y),"onUpdate:inputValue":s[7]||(s[7]=t=>p(y)?y.value=t:y=t),minCollapsedNum:3,collapseTagsTooltip:"",style:{width:"auto"}},null,8,["modelValue","inputValue"])]),_:1})]),_:1}),l(g,{id:"\u7981\u7528\u72B6\u6001",title:"\u7981\u7528\u72B6\u6001",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(V,null,{code:e(()=>[G]),default:e(()=>[l(r,{modelValue:o(q),"onUpdate:modelValue":s[8]||(s[8]=t=>p(q)?q.value=t:q=t),inputValue:o(T),"onUpdate:inputValue":s[9]||(s[9]=t=>p(T)?T.value=t:T=t),disabled:"",style:{width:"320px"}},null,8,["modelValue","inputValue"])]),_:1}),l(g,{id:"\u5141\u8BB8\u6E05\u7A7A",title:"\u5141\u8BB8\u6E05\u7A7A",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(V,null,{code:e(()=>[H]),default:e(()=>[l(r,{modelValue:o(U),"onUpdate:modelValue":s[10]||(s[10]=t=>p(U)?U.value=t:U=t),inputValue:o(h),"onUpdate:inputValue":s[11]||(s[11]=t=>p(h)?h.value=t:h=t),"allow-clear":"",style:{width:"320px"}},null,8,["modelValue","inputValue"])]),_:1}),l(g,{id:"\u4E0D\u540C\u5C3A\u5BF8",title:"\u4E0D\u540C\u5C3A\u5BF8",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(V,null,{code:e(()=>[J]),default:e(()=>[n("div",K,[l(r,{modelValue:o(u),"onUpdate:modelValue":s[12]||(s[12]=t=>p(u)?u.value=t:u=t),inputValue:o(c),"onUpdate:inputValue":s[13]||(s[13]=t=>p(c)?c.value=t:c=t),size:"xs"},null,8,["modelValue","inputValue"]),l(r,{modelValue:o(u),"onUpdate:modelValue":s[14]||(s[14]=t=>p(u)?u.value=t:u=t),inputValue:o(c),"onUpdate:inputValue":s[15]||(s[15]=t=>p(c)?c.value=t:c=t),size:"sm"},null,8,["modelValue","inputValue"]),l(r,{modelValue:o(u),"onUpdate:modelValue":s[16]||(s[16]=t=>p(u)?u.value=t:u=t),inputValue:o(c),"onUpdate:inputValue":s[17]||(s[17]=t=>p(c)?c.value=t:c=t),size:"md"},null,8,["modelValue","inputValue"]),l(r,{modelValue:o(u),"onUpdate:modelValue":s[18]||(s[18]=t=>p(u)?u.value=t:u=t),inputValue:o(c),"onUpdate:inputValue":s[19]||(s[19]=t=>p(c)?c.value=t:c=t),size:"lg"},null,8,["modelValue","inputValue"])])]),_:1}),l(g,{id:"\u4E0D\u540C\u4E3B\u9898",title:"\u4E0D\u540C\u4E3B\u9898",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(V,null,{description:e(()=>[M]),code:e(()=>[O]),default:e(()=>[l(I,{direction:"vertical",fill:"",style:{width:"320px"}},{default:e(()=>[l(r,{modelValue:o(k),"onUpdate:modelValue":s[20]||(s[20]=t=>p(k)?k.value=t:k=t),inputValue:o(i),"onUpdate:inputValue":s[21]||(s[21]=t=>p(i)?i.value=t:i=t),tagProps:{color:"#86909c",variant:"light",bordered:!1}},null,8,["modelValue","inputValue"]),l(r,{modelValue:o(k),"onUpdate:modelValue":s[22]||(s[22]=t=>p(k)?k.value=t:k=t),inputValue:o(i),"onUpdate:inputValue":s[23]||(s[23]=t=>p(i)?i.value=t:i=t),tagProps:{color:"#ffb400",variant:"light"}},null,8,["modelValue","inputValue"]),l(r,{modelValue:o(k),"onUpdate:modelValue":s[24]||(s[24]=t=>p(k)?k.value=t:k=t),inputValue:o(i),"onUpdate:inputValue":s[25]||(s[25]=t=>p(i)?i.value=t:i=t),tagProps:{color:"#0fc6c2",variant:"light"}},null,8,["modelValue","inputValue"]),l(r,{modelValue:o(k),"onUpdate:modelValue":s[26]||(s[26]=t=>p(k)?k.value=t:k=t),inputValue:o(i),"onUpdate:inputValue":s[27]||(s[27]=t=>p(i)?i.value=t:i=t),tagProps:{color:"#409EFF",variant:"light"}},null,8,["modelValue","inputValue"])]),_:1})]),_:1}),l(g,{id:"TagInput \u5C5E\u6027",title:"TagInput \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(_,null,{default:e(()=>[Q]),_:1}),l(g,{id:"TagInput \u4E8B\u4EF6",title:"TagInput \u4E8B\u4EF6",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(_,null,{default:e(()=>[S]),_:1}),l(g,{id:"TagInput \u65B9\u6CD5",title:"TagInput \u65B9\u6CD5",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(_,null,{default:e(()=>[W]),_:1}),l(g,{id:"TagInput \u63D2\u69FD",title:"TagInput \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),l(_,null,{default:e(()=>[X]),_:1})])}}};export{an as default,nn as frontmatter};
|