5b64cad09c
修复table 布局问题 column 新增minWidth和ellipsisTooltip属性 ISSUES CLOSED: https://gitee.com/layui/layui-vue/issues/I58DWF
123 lines
36 KiB
JavaScript
123 lines
36 KiB
JavaScript
import{b as r,r as p,o as x,h as V,e as s,d as t,z as u,L as d,g as a,t as K,f as n}from"./vendor.e7911ee1.js";const C={class:"markdown-body"},D=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-collapse")]),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("openKeys"),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-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB9 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB9 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB9 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse")]),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(" openKeys "),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"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
openKeys
|
|
`),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),N=a(" \u5185\u5BB9 "),j=a(" \u5185\u5BB9 "),S=a(" \u5185\u5BB9 "),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-collapse")]),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("openKeys2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"accordion"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u98981"),n("span",{class:"token punctuation"},'"')]),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("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB91 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u98982"),n("span",{class:"token punctuation"},'"')]),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("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB92 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u98983"),n("span",{class:"token punctuation"},'"')]),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("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB93 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse")]),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(" openKeys2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
openKeys2
|
|
`),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),A=a(" \u5185\u5BB91 "),B=a(" \u5185\u5BB92 "),F=a(" \u5185\u5BB93 "),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-collapse")]),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("openKeys3"),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-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB9 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB9 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"disabled"),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB9 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse")]),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(" openKeys3 "),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"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
openKeys3
|
|
`),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),z=a(" \u5185\u5BB9 "),E=a(" \u5185\u5BB9 "),L=a(" \u5185\u5BB9 "),R=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-collapse")]),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("openKeys4"),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-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("1"),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")]),a(),n("span",{class:"token attr-name"},"#title"),n("span",{class:"token punctuation"},">")]),a("\u81EA\u5B9A\u4E49\u6807\u9898"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("i")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layui-icon layui-icon-heart-fill"),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"},"color"),n("span",{class:"token punctuation"},":"),a("red"),n("span",{class:"token punctuation"},";")]),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("i")]),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(`
|
|
\u5185\u5BB9
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("2"),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")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("title")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("props"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u81EA\u5B9A\u4E49\u6807\u9898{{props}}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
\u5185\u5BB9
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),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("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB9 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse")]),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(" openKeys4 "),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"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
openKeys4
|
|
`),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),T=a("\u81EA\u5B9A\u4E49\u6807\u9898"),G=n("i",{class:"layui-icon layui-icon-heart-fill",style:{color:"red"}},null,-1),H=a(" \u5185\u5BB9 "),I=a(" \u5185\u5BB9 "),J=a(" \u5185\u5BB9 "),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-collapse")]),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("emit1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("change"),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-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u98981"),n("span",{class:"token punctuation"},'"')]),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("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB91 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u98982"),n("span",{class:"token punctuation"},'"')]),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("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB92 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-collapse-item")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6807\u98983"),n("span",{class:"token punctuation"},'"')]),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("haha"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(" \u5185\u5BB93 "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-collapse")]),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"},"color"),n("span",{class:"token punctuation"},":"),a("#ff5722"),n("span",{class:"token punctuation"},";")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("F12 \u6253\u5F00\u8C03\u8BD5\u5DE5\u5177 -> console \u63A7\u5236\u9762\u677F\u8FDB\u884C\u67E5\u770B\u4E8B\u4EF6\u8F93\u51FA"),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(),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(" emit1 "),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 number"},"1"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},'"haha"'),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"},"change"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("id"),n("span",{class:"token punctuation"},","),a(" isShow"),n("span",{class:"token punctuation"},","),a(" activeValues")]),n("span",{class:"token punctuation"},")"),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"},'"change"'),n("span",{class:"token punctuation"},","),a(" id"),n("span",{class:"token punctuation"},","),a(" isShow"),n("span",{class:"token punctuation"},","),a(" activeValues"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
emit1
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),O=a(" \u5185\u5BB91 "),Q=a(" \u5185\u5BB92 "),W=a(" \u5185\u5BB93 "),X=n("div",{style:{color:"#ff5722"}},"F12 \u6253\u5F00\u8C03\u8BD5\u5DE5\u5177 -> console \u63A7\u5236\u9762\u677F\u8FDB\u884C\u67E5\u770B\u4E8B\u4EF6\u8F93\u51FA",-1),Y=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"Name"),n("th",null,"Description"),n("th",null,"Accepted Values"),n("th",null,"Default Value")])]),n("tbody",null,[n("tr",null,[n("td",null,"openKeys"),n("td",null,"\u9ED8\u8BA4\u6253\u5F00\u7684\u6298\u53E0\u9762\u677F\u5B50\u9879key"),n("td",null,[n("code",null,"string"),a("/"),n("code",null,"array")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"accordion"),n("td",null,"\u662F\u5426\u5F00\u542F\u624B\u98CE\u7434\u6548\u679C"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")])])])],-1),Z=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"Name"),n("th",null,"Description"),n("th",null,"Accepted Values"),n("th",null,"Default Value")])]),n("tbody",null,[n("tr",null,[n("td",null,"id"),n("td",null,"\u7F16\u53F7"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"title"),n("td",null,"\u6807\u9898"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013")]),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")])])])],-1),$=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"Name"),n("th",null,"Description"),n("th",null,"Params")])]),n("tbody",null,[n("tr",null,[n("td",null,"\u2013"),n("td",null,"\u9ED8\u8BA4\u63D2\u69FD --> \u5185\u5BB9"),n("td",null,[n("code",null,"{props}")])]),n("tr",null,[n("td",null,"title"),n("td",null,"\u6807\u9898\u63D2\u69FD"),n("td",null,[n("code",null,"{props}")])])])],-1),nn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"Name"),n("th",null,"Description"),n("th",null,"Callback Params")])]),n("tbody",null,[n("tr",null,[n("td",null,"change"),n("td",null,"\u6298\u53E0\u9762\u677F\u53D8\u5316\u89E6\u53D1\u4E8B\u4EF6"),n("td",null,[a("("),n("code",null,"id"),a(", "),n("code",null,"isShow"),a(", activeValues)"),n("br"),a(),n("br"),a(),n("code",null,"id"),a(": ("),n("code",null,"number"),a(" / "),n("code",null,"string"),a(")\u5BF9\u5E94\u5F53\u524D\u64CD\u4F5C\u9762\u677F\u7684\u503C "),n("br"),a(),n("br"),a(),n("code",null,"isShow"),a(": ("),n("code",null,"boolean"),a(")"),n("code",null,"true"),a(" -> \u5C55\u5F00, "),n("code",null,"false"),a(" -> \u6298\u53E0 "),n("br"),a(),n("br"),a(),n("code",null,"activeValues"),a(": ("),n("code",null,"Array"),a(")\u5F53\u524D\u72B6\u6001\u4E3A\u5C55\u5F00\u7684\u9762\u677F\u503C\u96C6\u5408")])])])],-1),on={setup(an,{expose:b}){b({frontmatter:{}});let g=r(["1","2","3"]),m=r("2"),y=r(["1","2"]),_=r(["1","2"]),f=r([1,2,"haha"]),q=function(h,l,c){console.log("change",h,l,c)};return(h,l)=>{const c=p("lay-field"),e=p("lay-collapse-item"),k=p("lay-collapse"),i=p("lay-code"),v=p("lay-table-box"),w=p("lay-comment");return x(),V("div",C,[s(c,{title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(i,null,{code:t(()=>[D]),default:t(()=>[s(k,{modelValue:u(g),"onUpdate:modelValue":l[0]||(l[0]=o=>d(g)?g.value=o:g=o)},{default:t(()=>[s(e,{title:"\u6807\u9898",id:"1"},{default:t(()=>[N]),_:1}),s(e,{title:"\u6807\u9898",id:"2"},{default:t(()=>[j]),_:1}),s(e,{title:"\u6807\u9898",id:"3"},{default:t(()=>[S]),_:1})]),_:1},8,["modelValue"])]),_:1}),s(c,{title:"\u624B\u98CE\u7434\u6548\u679C",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(i,null,{code:t(()=>[U]),default:t(()=>[s(k,{modelValue:u(m),"onUpdate:modelValue":l[1]||(l[1]=o=>d(m)?m.value=o:m=o),accordion:""},{default:t(()=>[s(e,{title:"\u6807\u98981",id:"1"},{default:t(()=>[A]),_:1}),s(e,{title:"\u6807\u98982",id:"2"},{default:t(()=>[B]),_:1}),s(e,{title:"\u6807\u98983",id:"3"},{default:t(()=>[F]),_:1})]),_:1},8,["modelValue"])]),_:1}),s(c,{title:"\u7981\u7528\u5C5E\u6027",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(i,null,{code:t(()=>[P]),default:t(()=>[s(k,{modelValue:u(y),"onUpdate:modelValue":l[2]||(l[2]=o=>d(y)?y.value=o:y=o)},{default:t(()=>[s(e,{title:"\u6807\u9898",id:"1",disabled:""},{default:t(()=>[z]),_:1}),s(e,{title:"\u6807\u9898",id:"2"},{default:t(()=>[E]),_:1}),s(e,{title:"\u6807\u9898",id:"3",disabled:""},{default:t(()=>[L]),_:1})]),_:1},8,["modelValue"])]),_:1}),s(c,{title:"\u6807\u9898\u63D2\u69FD",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(i,null,{code:t(()=>[R]),default:t(()=>[s(k,{modelValue:u(_),"onUpdate:modelValue":l[3]||(l[3]=o=>d(_)?_.value=o:_=o)},{default:t(()=>[s(e,{title:"\u6807\u9898",id:"1"},{title:t(()=>[T,G]),default:t(()=>[H]),_:1}),s(e,{title:"\u6807\u9898",id:"2"},{title:t(o=>[a("\u81EA\u5B9A\u4E49\u6807\u9898"+K(o),1)]),default:t(()=>[I]),_:1}),s(e,{title:"\u6807\u9898",id:"3"},{default:t(()=>[J]),_:1})]),_:1},8,["modelValue"])]),_:1}),s(c,{title:"\u4E8B\u4EF6\u4F7F\u7528",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(i,null,{code:t(()=>[M]),default:t(()=>[s(k,{modelValue:u(f),"onUpdate:modelValue":l[4]||(l[4]=o=>d(f)?f.value=o:f=o),onChange:u(q)},{default:t(()=>[s(e,{title:"\u6807\u98981",id:1},{default:t(()=>[O]),_:1}),s(e,{title:"\u6807\u98982",id:2},{default:t(()=>[Q]),_:1}),s(e,{title:"\u6807\u98983",id:"haha"},{default:t(()=>[W]),_:1})]),_:1},8,["modelValue","onChange"]),X]),_:1}),s(c,{title:"Collapse \u5C5E\u6027",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(v,null,{default:t(()=>[Y]),_:1}),s(c,{title:"Collapse-item \u5C5E\u6027",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(v,null,{default:t(()=>[Z]),_:1}),s(c,{title:"Collapse-item \u63D2\u69FD",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(v,null,{default:t(()=>[$]),_:1}),s(c,{title:"\u4E8B\u4EF6",style:{"margin-top":"20px","margin-bottom":"20px"}}),s(v,null,{default:t(()=>[nn]),_:1}),s(w)])}}};export{on as default};
|