import{f as m,r as o,o as u,j as V,h as a,g as s,B as e,v as t,d as b,C as f,i as n}from"./.pnpm.8fb36023.js";const q={class:"markdown-body"},T=n("p",{class:"describe-plugin"},"\u8FC7\u6E21\u6548\u679C\u7684\u4F7F\u7528\u5C06\u5927\u5E45\u63D0\u5347\u7528\u6237\u7684\u4F7F\u7528\u4F53\u9A8C\u3002",-1),N=n("p",null,[t("\u4F7F\u7528 "),n("code",null,"lay-transition"),t(" \u6807\u7B7E\uFF0C\u4E3A "),n("code",null,"element"),t(" \u63D0\u4F9B\u8FC7\u6E21\u52A8\u753B\u3002")],-1),B=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),t(),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"},'"'),t("changeVisible"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5F00\u59CB"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-transition")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-card")]),t(),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"},'"'),t("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("visible"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5185\u5BB9"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-card")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-transition")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},'"vue"'),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(" visible "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"changeVisible"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token operator"},"!"),t("visible"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),j=n("br",null,null,-1),z=n("br",null,null,-1),E=n("p",null,[t("\u4F7F\u7528 "),n("code",null,"type"),t(" \u5C5E\u6027\uFF0C\u8BBE\u7F6E\u8FC7\u6E21\u65B9\u5F0F\u3002")],-1),I=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-button")]),t(),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"},'"'),t("changeVisible1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5F00\u59CB"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-transition")]),t(),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"},'"'),t("fade"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-card")]),t(),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"},'"'),t("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),t(),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"},'"'),t("visible1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5185\u5BB9"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-card")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-transition")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},'"vue"'),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(" visible1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"changeVisible1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    visible1`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token operator"},"!"),t("visible1"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),A=n("br",null,null,-1),D=n("br",null,null,-1),F=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,"enable"),n("td",null,"\u542F\u7528"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"true")]),n("td",null,[n("code",null,"true"),t(),n("code",null,"false")])]),n("tr",null,[n("td",null,"type"),n("td",null,"\u7C7B\u578B"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"collapse")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"time"),n("td",null,"\u8FC7\u6E21\u65F6\u95F4"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"0.3")])])])],-1),G=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027\u503C"),n("th",null,"\u63CF\u8FF0")])]),n("tbody",null,[n("tr",null,[n("td",null,"collapse"),n("td",null,"\u6298\u53E0\u52A8\u753B")]),n("tr",null,[n("td",null,"fade"),n("td",null,"\u6DE1\u5165\u6DE1\u51FA")])])],-1),H={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},O={},P={__name:"transition",setup(J,{expose:v}){let c=m(!0),h=()=>{c.value=!c.value},p=m(!0),x=()=>{p.value=!p.value};return v({frontmatter:{}}),(K,L)=>{const w=o("lay-anchor"),l=o("lay-field"),i=o("lay-button"),k=o("lay-card"),r=o("lay-transition"),d=o("lay-code"),_=o("lay-table-box"),C=o("lay-contributor"),g=o("lay-icon"),y=o("router-link");return u(),V("div",q,[a(w,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u6DE1\u5165\u6DE1\u51FA,Transition \u5C5E\u6027,Transition \u5C5E\u6027\u503C",currIndex:-1,show:!0}),a(l,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),T,a(l,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(d,null,{description:s(()=>[N]),code:s(()=>[B]),default:s(()=>[a(i,{onClick:e(h)},{default:s(()=>[t("\u5F00\u59CB")]),_:1},8,["onClick"]),j,z,a(r,null,{default:s(()=>[e(c)?(u(),b(k,{key:0,title:"\u6807\u9898"},{default:s(()=>[t("\u5185\u5BB9")]),_:1})):f("",!0)]),_:1})]),_:1}),a(l,{id:"\u6DE1\u5165\u6DE1\u51FA",title:"\u6DE1\u5165\u6DE1\u51FA",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(d,null,{description:s(()=>[E]),code:s(()=>[I]),default:s(()=>[a(i,{onClick:e(x)},{default:s(()=>[t("\u5F00\u59CB")]),_:1},8,["onClick"]),A,D,a(r,{type:"fade"},{default:s(()=>[e(p)?(u(),b(k,{key:0,title:"\u6807\u9898"},{default:s(()=>[t("\u5185\u5BB9")]),_:1})):f("",!0)]),_:1})]),_:1}),a(l,{id:"Transition \u5C5E\u6027",title:"Transition \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(_,null,{default:s(()=>[F]),_:1}),a(l,{id:"Transition \u5C5E\u6027\u503C",title:"Transition \u5C5E\u6027\u503C",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(_,null,{default:s(()=>[G]),_:1}),a(C,{"file-path":"transition"}),n("div",H,[n("div",null,[a(y,{to:"/zh-CN/components/animation",class:"lay-link",style:{display:""}},{default:s(()=>[a(g,{type:"layui-icon-left"}),t("\u52A8\u753B")]),_:1})]),n("div",null,[a(y,{to:"/zh-CN/components/fullscreen",class:"lay-link",style:{display:""}},{default:s(()=>[t("\u5168\u5C4F "),a(g,{type:"layui-icon-right"})]),_:1})])])])}}};export{P as default,O as frontmatter};