import{_ as r,l as g,w as e,j as c,k,f as s,b as n,e as a,d as I,r as f,x as N,a as b,q as C}from"./index.3fe853a6.js";import{S as X}from"./SmileOutlined.02787c93.js";const x={};function V(p,t){const o=c("a-alert"),l=c("demo-box");return k(),g(l,{jsfiddle:{us:"Display Alert as a banner at top of page.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u9002\u7528\u4E8E\u7B80\u77ED\u7684\u8B66\u544A\u63D0\u793A\u3002",docHtml:`

zh-CN

\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u9002\u7528\u4E8E\u7B80\u77ED\u7684\u8B66\u544A\u63D0\u793A\u3002

en-US

Display Alert as a banner at top of page.

`,order:6,title:{"zh-CN":"\u9876\u90E8\u516C\u544A","en-US":"Banner"},relativePath:"components/alert/demo/banner.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9Ildhcm5pbmcgdGV4dCIgYmFubmVyIC8+CiAgPGJyIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IlZlcnkgbG9uZyB3YXJuaW5nIHRleHQgd2FybmluZyB0ZXh0IHRleHQgdGV4dCB0ZXh0IHRleHQgdGV4dCB0ZXh0IgogICAgYmFubmVyCiAgICBjbG9zYWJsZQogIC8+CiAgPGJyIC8+CiAgPGEtYWxlcnQgOnNob3ctaWNvbj0iZmFsc2UiIG1lc3NhZ2U9Ildhcm5pbmcgdGV4dCB3aXRob3V0IGljb24iIGJhbm5lciAvPgogIDxiciAvPgogIDxhLWFsZXJ0IHR5cGU9ImVycm9yIiBtZXNzYWdlPSJFcnJvciB0ZXh0IiBiYW5uZXIgLz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9Ildhcm5pbmcgdGV4dCIgYmFubmVyIC8+CiAgPGJyIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IlZlcnkgbG9uZyB3YXJuaW5nIHRleHQgd2FybmluZyB0ZXh0IHRleHQgdGV4dCB0ZXh0IHRleHQgdGV4dCB0ZXh0IgogICAgYmFubmVyCiAgICBjbG9zYWJsZQogIC8+CiAgPGJyIC8+CiAgPGEtYWxlcnQgOnNob3ctaWNvbj0iZmFsc2UiIG1lc3NhZ2U9Ildhcm5pbmcgdGV4dCB3aXRob3V0IGljb24iIGJhbm5lciAvPgogIDxiciAvPgogIDxhLWFsZXJ0IHR5cGU9ImVycm9yIiBtZXNzYWdlPSJFcnJvciB0ZXh0IiBiYW5uZXIgLz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[s(o,{message:"Warning text",banner:""}),t[0]||(t[0]=n("br",null,null,-1)),s(o,{message:"Very long warning text warning text text text text text text text",banner:"",closable:""}),t[1]||(t[1]=n("br",null,null,-1)),s(o,{"show-icon":!1,message:"Warning text without icon",banner:""}),t[2]||(t[2]=n("br",null,null,-1)),s(o,{type:"error",message:"Error text",banner:""})]),htmlCode:e(()=>t[3]||(t[3]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"banner"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Very long warning text warning text text text text text text text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"banner"),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning text without icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"banner"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"banner"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:e(()=>t[4]||(t[4]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"banner"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Very long warning text warning text text text text text text text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"banner"),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},":show-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning text without icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"banner"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"banner"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}const B=r(x,[["render",V]]),Y={};function R(p,t){const o=c("a-alert"),l=c("demo-box");return k(),g(l,{jsfiddle:{us:"The simplest usage for short messages.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u9002\u7528\u4E8E\u7B80\u77ED\u7684\u8B66\u544A\u63D0\u793A\u3002",docHtml:`

zh-CN

\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u9002\u7528\u4E8E\u7B80\u77ED\u7684\u8B66\u544A\u63D0\u793A\u3002

en-US

The simplest usage for short messages.

`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"components/alert/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGV4dCIgdHlwZT0ic3VjY2VzcyIgLz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGV4dCIgdHlwZT0ic3VjY2VzcyIgLz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[s(o,{message:"Success Text",type:"success"})]),htmlCode:e(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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(` `)])],-1)])),jsVersionHtml:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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(` `)])],-1)])),_:1})}const P=r(Y,[["render",R]]),H=I({setup(){return{onClose:t=>{console.log(t,"I was closed.")}}}});function z(p,t,o,l,d,m){const u=c("a-alert"),i=c("demo-box");return k(),g(i,{jsfiddle:{us:"To show close button.",cn:"\u663E\u793A\u5173\u95ED\u6309\u94AE\uFF0C\u70B9\u51FB\u53EF\u5173\u95ED\u8B66\u544A\u63D0\u793A\u3002",docHtml:`

zh-CN

\u663E\u793A\u5173\u95ED\u6309\u94AE\uFF0C\u70B9\u51FB\u53EF\u5173\u95ED\u8B66\u544A\u63D0\u793A\u3002

en-US

To show close button.

`,order:2,title:{"zh-CN":"\u53EF\u5173\u95ED\u7684\u8B66\u544A\u63D0\u793A","en-US":"Customized Close Text"},relativePath:"components/alert/demo/closable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0CiAgICBtZXNzYWdlPSJXYXJuaW5nIFRleHQgV2FybmluZyBUZXh0IFdhcm5pbmcgVGV4dFcgYXJuaW5nIFRleHQgV2FybmluZyBUZXh0IFdhcm5pbmcgVGV4dFdhcm5pbmcgVGV4dCIKICAgIHR5cGU9Indhcm5pbmciCiAgICBjbG9zYWJsZQogICAgQGNsb3NlPSJvbkNsb3NlIgogIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkVycm9yIFRleHQiCiAgICBkZXNjcmlwdGlvbj0iRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24iCiAgICB0eXBlPSJlcnJvciIKICAgIGNsb3NhYmxlCiAgICBAY2xvc2U9Im9uQ2xvc2UiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvbkNsb3NlID0gKGU6IE1vdXNlRXZlbnQpID0+IHsKICAgICAgY29uc29sZS5sb2coZSwgJ0kgd2FzIGNsb3NlZC4nKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvbkNsb3NlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0CiAgICBtZXNzYWdlPSJXYXJuaW5nIFRleHQgV2FybmluZyBUZXh0IFdhcm5pbmcgVGV4dFcgYXJuaW5nIFRleHQgV2FybmluZyBUZXh0IFdhcm5pbmcgVGV4dFdhcm5pbmcgVGV4dCIKICAgIHR5cGU9Indhcm5pbmciCiAgICBjbG9zYWJsZQogICAgQGNsb3NlPSJvbkNsb3NlIgogIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkVycm9yIFRleHQiCiAgICBkZXNjcmlwdGlvbj0iRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24gRXJyb3IgRGVzY3JpcHRpb24iCiAgICB0eXBlPSJlcnJvciIKICAgIGNsb3NhYmxlCiAgICBAY2xvc2U9Im9uQ2xvc2UiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ2xvc2UgPSBlID0+IHsKICAgICAgY29uc29sZS5sb2coZSwgJ0kgd2FzIGNsb3NlZC4nKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvbkNsb3NlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[s(u,{message:"Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text",type:"warning",closable:"",onClose:p.onClose},null,8,["onClose"]),s(u,{message:"Error Text",description:"Error Description Error Description Error Description Error Description Error Description Error Description",type:"error",closable:"",onClose:p.onClose},null,8,["onClose"])]),htmlCode:e(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onClose"),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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Description Error Description Error Description Error Description Error Description Error Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onClose"),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),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(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onClose"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"e"),n("span",{class:"token operator"},":"),a(" MouseEvent")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("e"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'I was closed.'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` onClose`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onClose"),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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Description Error Description Error Description Error Description Error Description Error Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token attr-name"},"@close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onClose"),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(` `),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(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onClose"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"e"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("e"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'I was closed.'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` onClose`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}const J=r(H,[["render",z]]),T={};function U(p,t){const o=c("a-alert"),l=c("demo-box");return k(),g(l,{jsfiddle:{us:"Replace the default icon with customized text.",cn:"\u81EA\u5B9A\u4E49\u56FE\u6807\u8BA9\u4FE1\u606F\u7C7B\u578B\u66F4\u52A0\u9192\u76EE\u3002",docHtml:`

zh-CN

\u81EA\u5B9A\u4E49\u56FE\u6807\u8BA9\u4FE1\u606F\u7C7B\u578B\u66F4\u52A0\u9192\u76EE\u3002

en-US

Replace the default icon with customized text.

`,order:5,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5173\u95ED","en-US":"Customized Close Text"},relativePath:"components/alert/demo/close-text.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IkluZm8gVGV4dCIgdHlwZT0iaW5mbyIgY2xvc2UtdGV4dD0iQ2xvc2UgTm93IiAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IkluZm8gVGV4dCIgdHlwZT0iaW5mbyIgY2xvc2UtdGV4dD0iQ2xvc2UgTm93IiAvPgo8L3RlbXBsYXRlPg=="}},{default:e(()=>[s(o,{message:"Info Text",type:"info","close-text":"Close Now"})]),htmlCode:e(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"close-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Close Now"),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(` `)])],-1)])),jsVersionHtml:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"close-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Close Now"),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(` `)])],-1)])),_:1})}const S=r(T,[["render",U]]),F={};function E(p,t){const o=c("a-alert"),l=c("demo-box");return k(),g(l,{jsfiddle:{us:"Additional description for alert message.",cn:"\u542B\u6709\u8F85\u52A9\u6027\u6587\u5B57\u4ECB\u7ECD\u7684\u8B66\u544A\u63D0\u793A\u3002",docHtml:`

zh-CN

\u542B\u6709\u8F85\u52A9\u6027\u6587\u5B57\u4ECB\u7ECD\u7684\u8B66\u544A\u63D0\u793A\u3002

en-US

Additional description for alert message.

`,order:3,title:{"zh-CN":"\u542B\u6709\u8F85\u52A9\u6027\u6587\u5B57\u4ECB\u7ECD","en-US":"Description"},relativePath:"components/alert/demo/description.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGV4dCIgdHlwZT0ic3VjY2VzcyI+CiAgICA8dGVtcGxhdGUgI2Rlc2NyaXB0aW9uPgogICAgICA8cD4KICAgICAgICBTdWNjZXNzIERlc2NyaXB0aW9uCiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiByZWQiPlN1Y2Nlc3M8L3NwYW4+CiAgICAgICAgRGVzY3JpcHRpb24gU3VjY2VzcyBEZXNjcmlwdGlvbgogICAgICA8L3A+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1hbGVydD4KICA8YS1hbGVydAogICAgbWVzc2FnZT0iSW5mbyBUZXh0IgogICAgZGVzY3JpcHRpb249IkluZm8gRGVzY3JpcHRpb24gSW5mbyBEZXNjcmlwdGlvbiBJbmZvIERlc2NyaXB0aW9uIEluZm8gRGVzY3JpcHRpb24iCiAgICB0eXBlPSJpbmZvIgogIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9Ildhcm5pbmcgVGV4dCIKICAgIGRlc2NyaXB0aW9uPSJXYXJuaW5nIERlc2NyaXB0aW9uIFdhcm5pbmcgRGVzY3JpcHRpb24gV2FybmluZyBEZXNjcmlwdGlvbiBXYXJuaW5nIERlc2NyaXB0aW9uIgogICAgdHlwZT0id2FybmluZyIKICAvPgogIDxhLWFsZXJ0CiAgICBtZXNzYWdlPSJFcnJvciBUZXh0IgogICAgZGVzY3JpcHRpb249IkVycm9yIERlc2NyaXB0aW9uIEVycm9yIERlc2NyaXB0aW9uIEVycm9yIERlc2NyaXB0aW9uIEVycm9yIERlc2NyaXB0aW9uIgogICAgdHlwZT0iZXJyb3IiCiAgLz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGV4dCIgdHlwZT0ic3VjY2VzcyI+CiAgICA8dGVtcGxhdGUgI2Rlc2NyaXB0aW9uPgogICAgICA8cD4KICAgICAgICBTdWNjZXNzIERlc2NyaXB0aW9uCiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiByZWQiPlN1Y2Nlc3M8L3NwYW4+CiAgICAgICAgRGVzY3JpcHRpb24gU3VjY2VzcyBEZXNjcmlwdGlvbgogICAgICA8L3A+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1hbGVydD4KICA8YS1hbGVydAogICAgbWVzc2FnZT0iSW5mbyBUZXh0IgogICAgZGVzY3JpcHRpb249IkluZm8gRGVzY3JpcHRpb24gSW5mbyBEZXNjcmlwdGlvbiBJbmZvIERlc2NyaXB0aW9uIEluZm8gRGVzY3JpcHRpb24iCiAgICB0eXBlPSJpbmZvIgogIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9Ildhcm5pbmcgVGV4dCIKICAgIGRlc2NyaXB0aW9uPSJXYXJuaW5nIERlc2NyaXB0aW9uIFdhcm5pbmcgRGVzY3JpcHRpb24gV2FybmluZyBEZXNjcmlwdGlvbiBXYXJuaW5nIERlc2NyaXB0aW9uIgogICAgdHlwZT0id2FybmluZyIKICAvPgogIDxhLWFsZXJ0CiAgICBtZXNzYWdlPSJFcnJvciBUZXh0IgogICAgZGVzY3JpcHRpb249IkVycm9yIERlc2NyaXB0aW9uIEVycm9yIERlc2NyaXB0aW9uIEVycm9yIERlc2NyaXB0aW9uIEVycm9yIERlc2NyaXB0aW9uIgogICAgdHlwZT0iZXJyb3IiCiAgLz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[s(o,{message:"Success Text",type:"success"},{description:e(()=>t[0]||(t[0]=[n("p",null,[a(" Success Description "),n("span",{style:{color:"red"}},"Success"),a(" Description Success Description ")],-1)])),_:1}),s(o,{message:"Info Text",description:"Info Description Info Description Info Description Info Description",type:"info"}),s(o,{message:"Warning Text",description:"Warning Description Warning Description Warning Description Warning Description",type:"warning"}),s(o,{message:"Error Text",description:"Error Description Error Description Error Description Error Description",type:"error"})]),htmlCode:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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"},"#description"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(` Success Description `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),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"},">")]),a("Success"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` Description Success Description `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Description Info Description Info Description Info Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Description Warning Description Warning Description Warning Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Description Error Description Error Description Error Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),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(` `)])],-1)])),jsVersionHtml:e(()=>t[2]||(t[2]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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"},"#description"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(` Success Description `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("span")]),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"},">")]),a("Success"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` Description Success Description `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Description Info Description Info Description Info Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Description Warning Description Warning Description Warning Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Description Error Description Error Description Error Description"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),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(` `)])],-1)])),_:1})}const D=r(F,[["render",E]]),q={};function j(p,t){const o=c("a-alert"),l=c("demo-box");return k(),g(l,{jsfiddle:{us:"Decent icon make information more clear and more friendly.",cn:"\u53EF\u53E3\u7684\u56FE\u6807\u8BA9\u4FE1\u606F\u7C7B\u578B\u66F4\u52A0\u9192\u76EE\u3002",docHtml:`

zh-CN

\u53EF\u53E3\u7684\u56FE\u6807\u8BA9\u4FE1\u606F\u7C7B\u578B\u66F4\u52A0\u9192\u76EE\u3002

en-US

Decent icon make information more clear and more friendly.

`,order:4,title:{"zh-CN":"\u56FE\u6807","en-US":"Icon"},relativePath:"components/alert/demo/icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGlwcyIgdHlwZT0ic3VjY2VzcyIgc2hvdy1pY29uIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iSW5mb3JtYXRpb25hbCBOb3RlcyIgdHlwZT0iaW5mbyIgc2hvdy1pY29uIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iV2FybmluZyIgdHlwZT0id2FybmluZyIgc2hvdy1pY29uIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iRXJyb3IiIHR5cGU9ImVycm9yIiBzaG93LWljb24gLz4KICA8YS1hbGVydAogICAgbWVzc2FnZT0iU3VjY2VzcyBUaXBzIgogICAgZGVzY3JpcHRpb249IkRldGFpbGVkIGRlc2NyaXB0aW9uIGFuZCBhZHZpY2VzIGFib3V0IHN1Y2Nlc3NmdWwgY29weXdyaXRpbmcuIgogICAgdHlwZT0ic3VjY2VzcyIKICAgIHNob3ctaWNvbgogIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkluZm9ybWF0aW9uYWwgTm90ZXMiCiAgICBkZXNjcmlwdGlvbj0iQWRkaXRpb25hbCBkZXNjcmlwdGlvbiBhbmQgaW5mb3JtYXRpb25zIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9ImluZm8iCiAgICBzaG93LWljb24KICAvPgogIDxhLWFsZXJ0CiAgICBtZXNzYWdlPSJXYXJuaW5nIgogICAgZGVzY3JpcHRpb249IlRoaXMgaXMgYSB3YXJuaW5nIG5vdGljZSBhYm91dCBjb3B5d3JpdGluZy4iCiAgICB0eXBlPSJ3YXJuaW5nIgogICAgc2hvdy1pY29uCiAgLz4KICA8YS1hbGVydAogICAgbWVzc2FnZT0iRXJyb3IiCiAgICBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhbiBlcnJvciBtZXNzYWdlIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9ImVycm9yIgogICAgc2hvdy1pY29uCiAgLz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGlwcyIgdHlwZT0ic3VjY2VzcyIgc2hvdy1pY29uIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iSW5mb3JtYXRpb25hbCBOb3RlcyIgdHlwZT0iaW5mbyIgc2hvdy1pY29uIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iV2FybmluZyIgdHlwZT0id2FybmluZyIgc2hvdy1pY29uIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iRXJyb3IiIHR5cGU9ImVycm9yIiBzaG93LWljb24gLz4KICA8YS1hbGVydAogICAgbWVzc2FnZT0iU3VjY2VzcyBUaXBzIgogICAgZGVzY3JpcHRpb249IkRldGFpbGVkIGRlc2NyaXB0aW9uIGFuZCBhZHZpY2VzIGFib3V0IHN1Y2Nlc3NmdWwgY29weXdyaXRpbmcuIgogICAgdHlwZT0ic3VjY2VzcyIKICAgIHNob3ctaWNvbgogIC8+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkluZm9ybWF0aW9uYWwgTm90ZXMiCiAgICBkZXNjcmlwdGlvbj0iQWRkaXRpb25hbCBkZXNjcmlwdGlvbiBhbmQgaW5mb3JtYXRpb25zIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9ImluZm8iCiAgICBzaG93LWljb24KICAvPgogIDxhLWFsZXJ0CiAgICBtZXNzYWdlPSJXYXJuaW5nIgogICAgZGVzY3JpcHRpb249IlRoaXMgaXMgYSB3YXJuaW5nIG5vdGljZSBhYm91dCBjb3B5d3JpdGluZy4iCiAgICB0eXBlPSJ3YXJuaW5nIgogICAgc2hvdy1pY29uCiAgLz4KICA8YS1hbGVydAogICAgbWVzc2FnZT0iRXJyb3IiCiAgICBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhbiBlcnJvciBtZXNzYWdlIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9ImVycm9yIgogICAgc2hvdy1pY29uCiAgLz4KPC90ZW1wbGF0ZT4="}},{default:e(()=>[s(o,{message:"Success Tips",type:"success","show-icon":""}),s(o,{message:"Informational Notes",type:"info","show-icon":""}),s(o,{message:"Warning",type:"warning","show-icon":""}),s(o,{message:"Error",type:"error","show-icon":""}),s(o,{message:"Success Tips",description:"Detailed description and advices about successful copywriting.",type:"success","show-icon":""}),s(o,{message:"Informational Notes",description:"Additional description and informations about copywriting.",type:"info","show-icon":""}),s(o,{message:"Warning",description:"This is a warning notice about copywriting.",type:"warning","show-icon":""}),s(o,{message:"Error",description:"This is an error message about copywriting.",type:"error","show-icon":""})]),htmlCode:e(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Detailed description and advices about successful copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Additional description and informations about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a warning notice about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is an error message about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),a(),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Detailed description and advices about successful copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Additional description and informations about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a warning notice about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is an error message about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},"/>")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}const K=r(q,[["render",j]]),_={};function L(p,t){const o=c("a-alert"),l=c("demo-box");return k(),g(l,{jsfiddle:{us:"There are 4 types of Alert: `success`, `info`, `warning`, `error`.",cn:"\u5171\u6709\u56DB\u79CD\u6837\u5F0F `success`\u3001`info`\u3001`warning`\u3001`error`\u3002",docHtml:`

zh-CN

\u5171\u6709\u56DB\u79CD\u6837\u5F0F success\u3001info\u3001warning\u3001error\u3002

en-US

There are 4 types of Alert: success, info, warning, error.

`,order:1,title:{"zh-CN":"\u56DB\u79CD\u6837\u5F0F","en-US":"More types"},relativePath:"components/alert/demo/style.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGV4dCIgdHlwZT0ic3VjY2VzcyIgLz4KICA8YS1hbGVydCBtZXNzYWdlPSJJbmZvIFRleHQiIHR5cGU9ImluZm8iIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iV2FybmluZyBUZXh0IiB0eXBlPSJ3YXJuaW5nIiAvPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IkVycm9yIFRleHQiIHR5cGU9ImVycm9yIiAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGV4dCIgdHlwZT0ic3VjY2VzcyIgLz4KICA8YS1hbGVydCBtZXNzYWdlPSJJbmZvIFRleHQiIHR5cGU9ImluZm8iIC8+CiAgPGEtYWxlcnQgbWVzc2FnZT0iV2FybmluZyBUZXh0IiB0eXBlPSJ3YXJuaW5nIiAvPgogIDxhLWFsZXJ0IG1lc3NhZ2U9IkVycm9yIFRleHQiIHR5cGU9ImVycm9yIiAvPgo8L3RlbXBsYXRlPg=="}},{default:e(()=>[s(o,{message:"Success Text",type:"success"}),s(o,{message:"Info Text",type:"info"}),s(o,{message:"Warning Text",type:"warning"}),s(o,{message:"Error Text",type:"error"})]),htmlCode:e(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),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(` `)])],-1)])),jsVersionHtml:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Info Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error Text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),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(` `)])],-1)])),_:1})}const Q=r(_,[["render",L]]),$=I({setup(){const p=f(!0);return{visible:p,handleClose:()=>{p.value=!1}}}});function M(p,t,o,l,d,m){const u=c("a-alert"),i=c("demo-box");return k(),g(i,{jsfiddle:{us:"Smoothly and unaffectedly unmount Alert.",cn:"\u5E73\u6ED1\u3001\u81EA\u7136\u7684\u5378\u8F7D\u63D0\u793A\u3002",docHtml:`

zh-CN

\u5E73\u6ED1\u3001\u81EA\u7136\u7684\u5378\u8F7D\u63D0\u793A\u3002

en-US

Smoothly and unaffectedly unmount Alert.

`,order:8,title:{"zh-CN":"\u5E73\u6ED1\u5730\u5378\u8F7D","en-US":"Smoothly Unmount"},relativePath:"components/alert/demo/smooth-closed.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0CiAgICB2LWlmPSJ2aXNpYmxlIgogICAgbWVzc2FnZT0iQWxlcnQgTWVzc2FnZSBUZXh0IgogICAgdHlwZT0ic3VjY2VzcyIKICAgIGNsb3NhYmxlCiAgICA6YWZ0ZXItY2xvc2U9ImhhbmRsZUNsb3NlIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2aXNpYmxlID0gcmVmPGJvb2xlYW4+KHRydWUpOwogICAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7CiAgICAgIHZpc2libGUudmFsdWUgPSBmYWxzZTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2aXNpYmxlLAogICAgICBoYW5kbGVDbG9zZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0CiAgICB2LWlmPSJ2aXNpYmxlIgogICAgbWVzc2FnZT0iQWxlcnQgTWVzc2FnZSBUZXh0IgogICAgdHlwZT0ic3VjY2VzcyIKICAgIGNsb3NhYmxlCiAgICA6YWZ0ZXItY2xvc2U9ImhhbmRsZUNsb3NlIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZpc2libGUgPSByZWYodHJ1ZSk7CiAgICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHsKICAgICAgdmlzaWJsZS52YWx1ZSA9IGZhbHNlOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZpc2libGUsCiAgICAgIGhhbmRsZUNsb3NlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[p.visible?(k(),g(u,{key:0,message:"Alert Message Text",type:"success",closable:"","after-close":p.handleClose},null,8,["after-close"])):N("",!0)]),htmlCode:e(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("visible"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Alert Message Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token attr-name"},":after-close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleClose"),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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),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(" defineComponent"),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'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),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(" visible "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleClose"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` visible`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` visible`),n("span",{class:"token punctuation"},","),a(` handleClose`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(` `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("visible"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Alert Message Text"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"closable"),a(` `),n("span",{class:"token attr-name"},":after-close"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleClose"),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(` `),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(" defineComponent"),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'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),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(" visible "),n("span",{class:"token operator"},"="),a(),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"},";"),a(` `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleClose"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(` visible`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(` visible`),n("span",{class:"token punctuation"},","),a(` handleClose`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}const O=r($,[["render",M]]),nn=I({components:{SmileOutlined:X}});function an(p,t,o,l,d,m){const u=c("smile-outlined"),i=c("a-alert"),h=c("demo-box");return k(),g(h,{jsfiddle:{us:"Custom Icon make information more clear and more friendly.",cn:"\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5173\u95ED\uFF0C\u81EA\u5B9A\u4E49\u7684\u6587\u5B57\u4F1A\u66FF\u6362\u539F\u5148\u7684\u5173\u95ED `Icon`\u3002",docHtml:`

zh-CN

\u53EF\u4EE5\u81EA\u5B9A\u4E49\u5173\u95ED\uFF0C\u81EA\u5B9A\u4E49\u7684\u6587\u5B57\u4F1A\u66FF\u6362\u539F\u5148\u7684\u5173\u95ED Icon\u3002

en-US

Custom Icon make information more clear and more friendly.

`,order:7,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u56FE\u6807","en-US":"Custom Icon"},relativePath:"components/alert/demo/custom-icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9InNob3dJY29uID0gZmFsc2UiIHR5cGU9InN1Y2Nlc3MiPgogICAgPHRlbXBsYXRlICNpY29uPjxzbWlsZS1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgPC9hLWFsZXJ0PgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGlwcyIgdHlwZT0ic3VjY2VzcyIgc2hvdy1pY29uPgogICAgPHRlbXBsYXRlICNpY29uPjxzbWlsZS1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgPC9hLWFsZXJ0PgogIDxhLWFsZXJ0IG1lc3NhZ2U9IkluZm9ybWF0aW9uYWwgTm90ZXMiIHR5cGU9ImluZm8iIHNob3ctaWNvbj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48c21pbGUtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1hbGVydD4KICA8YS1hbGVydCBtZXNzYWdlPSJXYXJuaW5nIiB0eXBlPSJ3YXJuaW5nIiBzaG93LWljb24+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQgbWVzc2FnZT0iRXJyb3IiIHR5cGU9ImVycm9yIiBzaG93LWljb24+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IlN1Y2Nlc3MgVGlwcyIKICAgIGRlc2NyaXB0aW9uPSJEZXRhaWxlZCBkZXNjcmlwdGlvbiBhbmQgYWR2aWNlcyBhYm91dCBzdWNjZXNzZnVsIGNvcHl3cml0aW5nLiIKICAgIHR5cGU9InN1Y2Nlc3MiCiAgICBzaG93LWljb24KICA+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkluZm9ybWF0aW9uYWwgTm90ZXMiCiAgICBkZXNjcmlwdGlvbj0iQWRkaXRpb25hbCBkZXNjcmlwdGlvbiBhbmQgaW5mb3JtYXRpb25zIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9ImluZm8iCiAgICBzaG93LWljb24KICA+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9Ildhcm5pbmciCiAgICBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIHdhcm5pbmcgbm90aWNlIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9Indhcm5pbmciCiAgICBzaG93LWljb24KICA+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkVycm9yIgogICAgZGVzY3JpcHRpb249IlRoaXMgaXMgYW4gZXJyb3IgbWVzc2FnZSBhYm91dCBjb3B5d3JpdGluZy4iCiAgICB0eXBlPSJlcnJvciIKICAgIHNob3ctaWNvbgogID4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48c21pbGUtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1hbGVydD4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IFNtaWxlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFsZXJ0IG1lc3NhZ2U9InNob3dJY29uID0gZmFsc2UiIHR5cGU9InN1Y2Nlc3MiPgogICAgPHRlbXBsYXRlICNpY29uPjxzbWlsZS1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgPC9hLWFsZXJ0PgogIDxhLWFsZXJ0IG1lc3NhZ2U9IlN1Y2Nlc3MgVGlwcyIgdHlwZT0ic3VjY2VzcyIgc2hvdy1pY29uPgogICAgPHRlbXBsYXRlICNpY29uPjxzbWlsZS1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgPC9hLWFsZXJ0PgogIDxhLWFsZXJ0IG1lc3NhZ2U9IkluZm9ybWF0aW9uYWwgTm90ZXMiIHR5cGU9ImluZm8iIHNob3ctaWNvbj4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48c21pbGUtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1hbGVydD4KICA8YS1hbGVydCBtZXNzYWdlPSJXYXJuaW5nIiB0eXBlPSJ3YXJuaW5nIiBzaG93LWljb24+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQgbWVzc2FnZT0iRXJyb3IiIHR5cGU9ImVycm9yIiBzaG93LWljb24+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IlN1Y2Nlc3MgVGlwcyIKICAgIGRlc2NyaXB0aW9uPSJEZXRhaWxlZCBkZXNjcmlwdGlvbiBhbmQgYWR2aWNlcyBhYm91dCBzdWNjZXNzZnVsIGNvcHl3cml0aW5nLiIKICAgIHR5cGU9InN1Y2Nlc3MiCiAgICBzaG93LWljb24KICA+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkluZm9ybWF0aW9uYWwgTm90ZXMiCiAgICBkZXNjcmlwdGlvbj0iQWRkaXRpb25hbCBkZXNjcmlwdGlvbiBhbmQgaW5mb3JtYXRpb25zIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9ImluZm8iCiAgICBzaG93LWljb24KICA+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9Ildhcm5pbmciCiAgICBkZXNjcmlwdGlvbj0iVGhpcyBpcyBhIHdhcm5pbmcgbm90aWNlIGFib3V0IGNvcHl3cml0aW5nLiIKICAgIHR5cGU9Indhcm5pbmciCiAgICBzaG93LWljb24KICA+CiAgICA8dGVtcGxhdGUgI2ljb24+PHNtaWxlLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICA8L2EtYWxlcnQ+CiAgPGEtYWxlcnQKICAgIG1lc3NhZ2U9IkVycm9yIgogICAgZGVzY3JpcHRpb249IlRoaXMgaXMgYW4gZXJyb3IgbWVzc2FnZSBhYm91dCBjb3B5d3JpdGluZy4iCiAgICB0eXBlPSJlcnJvciIKICAgIHNob3ctaWNvbgogID4KICAgIDx0ZW1wbGF0ZSAjaWNvbj48c21pbGUtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS1hbGVydD4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgU21pbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU21pbGVPdXRsaW5lZCwKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[s(i,{message:"showIcon = false",type:"success"},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Success Tips",type:"success","show-icon":""},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Informational Notes",type:"info","show-icon":""},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Warning",type:"warning","show-icon":""},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Error",type:"error","show-icon":""},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Success Tips",description:"Detailed description and advices about successful copywriting.",type:"success","show-icon":""},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Informational Notes",description:"Additional description and informations about copywriting.",type:"info","show-icon":""},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Warning",description:"This is a warning notice about copywriting.",type:"warning","show-icon":""},{icon:e(()=>[s(u)]),_:1}),s(i,{message:"Error",description:"This is an error message about copywriting.",type:"error","show-icon":""},{icon:e(()=>[s(u)]),_:1})]),htmlCode:e(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("showIcon = false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Detailed description and advices about successful copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Additional description and informations about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a warning notice about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is an error message about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),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(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(` SmileOutlined`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),jsVersionHtml:e(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[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("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("showIcon = false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),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"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-icon"),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Success Tips"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Detailed description and advices about successful copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("success"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Informational Notes"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Additional description and informations about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("info"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a warning notice about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("warning"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-alert")]),a(` `),n("span",{class:"token attr-name"},"message"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"description"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is an error message about copywriting."),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("error"),n("span",{class:"token punctuation"},'"')]),a(` `),n("span",{class:"token attr-name"},"show-icon"),a(` `),n("span",{class:"token punctuation"},">")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("smile-outlined")]),a(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(` `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(` `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(` SmileOutlined`),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),a(` `)])],-1)])),_:1})}const tn=r(nn,[["render",an]]),sn={pageData:{title:"Alert",description:"",frontmatter:{category:"Components",type:"\u53CD\u9988",title:"Alert",subtitle:"\u8B66\u544A\u63D0\u793A",cover:"https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"API",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""}],relativePath:"components/alert/index.zh-CN.md",content:` \u8B66\u544A\u63D0\u793A\uFF0C\u5C55\u73B0\u9700\u8981\u5173\u6CE8\u7684\u4FE1\u606F\u3002 ## \u4F55\u65F6\u4F7F\u7528 - \u5F53\u67D0\u4E2A\u9875\u9762\u9700\u8981\u5411\u7528\u6237\u663E\u793A\u8B66\u544A\u7684\u4FE1\u606F\u65F6\u3002 - \u975E\u6D6E\u5C42\u7684\u9759\u6001\u5C55\u73B0\u5F62\u5F0F\uFF0C\u59CB\u7EC8\u5C55\u73B0\uFF0C\u4E0D\u4F1A\u81EA\u52A8\u6D88\u5931\uFF0C\u7528\u6237\u53EF\u4EE5\u70B9\u51FB\u5173\u95ED\u3002 ## API | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C | | --- | --- | --- | --- | --- | | afterClose | \u5173\u95ED\u52A8\u753B\u7ED3\u675F\u540E\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 | () => void | - | | | banner | \u662F\u5426\u7528\u4F5C\u9876\u90E8\u516C\u544A | boolean | false | | | closable | \u9ED8\u8BA4\u4E0D\u663E\u793A\u5173\u95ED\u6309\u94AE | boolean | \u65E0 | | | closeIcon | \u81EA\u5B9A\u4E49\u5173\u95ED Icon | slot | \`<CloseOutlined />\` | 3.0 | | closeText | \u81EA\u5B9A\u4E49\u5173\u95ED\u6309\u94AE | string\\|slot | \u65E0 | | | description | \u8B66\u544A\u63D0\u793A\u7684\u8F85\u52A9\u6027\u6587\u5B57\u4ECB\u7ECD | string\\|slot | \u65E0 | | | icon | \u81EA\u5B9A\u4E49\u56FE\u6807\uFF0C\`showIcon\` \u4E3A \`true\` \u65F6\u6709\u6548 | vnode\\|slot | - | | | message | \u8B66\u544A\u63D0\u793A\u5185\u5BB9 | string\\|slot | \u65E0 | | | showIcon | \u662F\u5426\u663E\u793A\u8F85\u52A9\u56FE\u6807 | boolean | false,\`banner\` \u6A21\u5F0F\u4E0B\u9ED8\u8BA4\u503C\u4E3A true | | | type | \u6307\u5B9A\u8B66\u544A\u63D0\u793A\u7684\u6837\u5F0F\uFF0C\u6709\u56DB\u79CD\u9009\u62E9 \`success\`\u3001\`info\`\u3001\`warning\`\u3001\`error\` | string | \`info\`,\`banner\` \u6A21\u5F0F\u4E0B\u9ED8\u8BA4\u503C\u4E3A \`warning\` | | ### \u4E8B\u4EF6 | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 | \u7248\u672C | | -------- | -------------------- | ----------------------- | ---- | | close | \u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 | (e: MouseEvent) => void | - | `,html:`

\u8B66\u544A\u63D0\u793A\uFF0C\u5C55\u73B0\u9700\u8981\u5173\u6CE8\u7684\u4FE1\u606F\u3002

\u4F55\u65F6\u4F7F\u7528

API

\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C \u7248\u672C
afterClose \u5173\u95ED\u52A8\u753B\u7ED3\u675F\u540E\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 () => void -
banner \u662F\u5426\u7528\u4F5C\u9876\u90E8\u516C\u544A boolean false
closable \u9ED8\u8BA4\u4E0D\u663E\u793A\u5173\u95ED\u6309\u94AE boolean \u65E0
closeIcon \u81EA\u5B9A\u4E49\u5173\u95ED Icon slot <CloseOutlined /> 3.0
closeText \u81EA\u5B9A\u4E49\u5173\u95ED\u6309\u94AE string|slot \u65E0
description \u8B66\u544A\u63D0\u793A\u7684\u8F85\u52A9\u6027\u6587\u5B57\u4ECB\u7ECD string|slot \u65E0
icon \u81EA\u5B9A\u4E49\u56FE\u6807\uFF0CshowIcon \u4E3A true \u65F6\u6709\u6548 vnode|slot -
message \u8B66\u544A\u63D0\u793A\u5185\u5BB9 string|slot \u65E0
showIcon \u662F\u5426\u663E\u793A\u8F85\u52A9\u56FE\u6807 boolean false,banner \u6A21\u5F0F\u4E0B\u9ED8\u8BA4\u503C\u4E3A true
type \u6307\u5B9A\u8B66\u544A\u63D0\u793A\u7684\u6837\u5F0F\uFF0C\u6709\u56DB\u79CD\u9009\u62E9 success\u3001info\u3001warning\u3001error string info,banner \u6A21\u5F0F\u4E0B\u9ED8\u8BA4\u503C\u4E3A warning

\u4E8B\u4EF6

\u4E8B\u4EF6\u540D\u79F0 \u8BF4\u660E \u56DE\u8C03\u53C2\u6570 \u7248\u672C
close \u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 (e: MouseEvent) => void -
`,lastUpdated:1748060300500}},en={class:"markdown"};function on(p,t,o,l,d,m){return k(),b("article",en,t[0]||(t[0]=[C('

\u8B66\u544A\u63D0\u793A\uFF0C\u5C55\u73B0\u9700\u8981\u5173\u6CE8\u7684\u4FE1\u606F\u3002

\u4F55\u65F6\u4F7F\u7528

API

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C\u7248\u672C
afterClose\u5173\u95ED\u52A8\u753B\u7ED3\u675F\u540E\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570() => void-
banner\u662F\u5426\u7528\u4F5C\u9876\u90E8\u516C\u544Abooleanfalse
closable\u9ED8\u8BA4\u4E0D\u663E\u793A\u5173\u95ED\u6309\u94AEboolean\u65E0
closeIcon\u81EA\u5B9A\u4E49\u5173\u95ED Iconslot<CloseOutlined />3.0
closeText\u81EA\u5B9A\u4E49\u5173\u95ED\u6309\u94AEstring|slot\u65E0
description\u8B66\u544A\u63D0\u793A\u7684\u8F85\u52A9\u6027\u6587\u5B57\u4ECB\u7ECDstring|slot\u65E0
icon\u81EA\u5B9A\u4E49\u56FE\u6807\uFF0CshowIcon \u4E3A true \u65F6\u6709\u6548vnode|slot-
message\u8B66\u544A\u63D0\u793A\u5185\u5BB9string|slot\u65E0
showIcon\u662F\u5426\u663E\u793A\u8F85\u52A9\u56FE\u6807booleanfalse,banner \u6A21\u5F0F\u4E0B\u9ED8\u8BA4\u503C\u4E3A true
type\u6307\u5B9A\u8B66\u544A\u63D0\u793A\u7684\u6837\u5F0F\uFF0C\u6709\u56DB\u79CD\u9009\u62E9 success\u3001info\u3001warning\u3001errorstringinfo,banner \u6A21\u5F0F\u4E0B\u9ED8\u8BA4\u503C\u4E3A warning

\u4E8B\u4EF6

\u4E8B\u4EF6\u540D\u79F0\u8BF4\u660E\u56DE\u8C03\u53C2\u6570\u7248\u672C
close\u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570(e: MouseEvent) => void-
',7)]))}const cn=r(sn,[["render",on]]),pn={pageData:{title:"Alert",description:"",frontmatter:{category:"Components",type:"Feedback",title:"Alert",cover:"https://gw.alipayobjects.com/zos/alicdn/8emPa3fjl/Alert.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:""},{level:2,title:"API",slug:"API",content:""},{level:3,title:"events",slug:"events",content:""}],relativePath:"components/alert/index.en-US.md",content:` Alert component for feedback. ## When To Use - When you need to show alert messages to users. - When you need a persistent static container which is closable by user actions. ## API | Property | Description | Type | Default | Version | | --- | --- | --- | --- | --- | | afterClose | Called when close animation is finished | () => void | - | | | banner | Whether to show as banner | boolean | false | | | closable | Whether Alert can be closed | boolean | | | | closeIcon | Custom close icon | slot | \`<CloseOutlined />\` | 3.0 | | closeText | Close text to show | string\\|slot | - | | | description | Additional content of Alert | string\\|slot | - | | | icon | Custom icon, effective when \`showIcon\` is \`true\` | vnode \\| slot | - | | | message | Content of Alert | string\\|slot | - | | | showIcon | Whether to show icon | boolean | false,in \`banner\` mode default is true | | | type | Type of Alert styles, options: \`success\`, \`info\`, \`warning\`, \`error\` | string | \`info\`,in \`banner\` mode default is \`warning\` | | ### events | Events Name | Description | Arguments | Version | | ----------- | ----------------------------- | ----------------------- | ------- | | close | Callback when Alert is closed | (e: MouseEvent) => void | - | `,html:`

Alert component for feedback.

When To Use

API

Property Description Type Default Version
afterClose Called when close animation is finished () => void -
banner Whether to show as banner boolean false
closable Whether Alert can be closed boolean
closeIcon Custom close icon slot <CloseOutlined /> 3.0
closeText Close text to show string|slot -
description Additional content of Alert string|slot -
icon Custom icon, effective when showIcon is true vnode | slot -
message Content of Alert string|slot -
showIcon Whether to show icon boolean false,in banner mode default is true
type Type of Alert styles, options: success, info, warning, error string info,in banner mode default is warning

events

Events Name Description Arguments Version
close Callback when Alert is closed (e: MouseEvent) => void -
`,lastUpdated:1748060300499}},ln={class:"markdown"};function un(p,t,o,l,d,m){return k(),b("article",ln,t[0]||(t[0]=[C('

Alert component for feedback.

When To Use

API

PropertyDescriptionTypeDefaultVersion
afterCloseCalled when close animation is finished() => void-
bannerWhether to show as bannerbooleanfalse
closableWhether Alert can be closedboolean
closeIconCustom close iconslot<CloseOutlined />3.0
closeTextClose text to showstring|slot-
descriptionAdditional content of Alertstring|slot-
iconCustom icon, effective when showIcon is truevnode | slot-
messageContent of Alertstring|slot-
showIconWhether to show iconbooleanfalse,in banner mode default is true
typeType of Alert styles, options: success, info, warning, errorstringinfo,in banner mode default is warning

events

Events NameDescriptionArgumentsVersion
closeCallback when Alert is closed(e: MouseEvent) => void-
',7)]))}const kn=r(pn,[["render",un]]),rn=I({CN:cn,US:kn,components:{Basic:P,Banner:B,Closable:J,CloseText:S,Description:D,Icon:K,FourStyle:Q,SmoothClosed:O,CustomIcon:tn},setup(){return{}}});function gn(p,t,o,l,d,m){const u=c("basic"),i=c("four-style"),h=c("closable"),y=c("description"),v=c("icon"),W=c("close-text"),A=c("banner"),Z=c("custom-icon"),G=c("smooth-closed"),w=c("demo-sort");return k(),g(w,null,{default:e(()=>[s(u),s(i),s(h),s(y),s(v),s(W),s(A),s(Z),s(G)]),_:1})}const In=r(rn,[["render",gn]]);export{In as default};