import{d as C,_ as k,a_ as l,j as e,k as d,l as b,w as a,f as p,e as s,b as n,a as h,n as I}from"./index.c1b9962e.js";const B=C({setup(){return{info:()=>{l.info("This is a normal message")}}}});function N(o,t,i,r,g,m){const c=e("a-button"),u=e("demo-box");return d(),b(u,{jsfiddle:{us:"Normal message for information.",cn:"\u4FE1\u606F\u63D0\u9192\u53CD\u9988\u3002",docHtml:`

zh-CN

\u4FE1\u606F\u63D0\u9192\u53CD\u9988\u3002

en-US

Normal message for information.

`,order:0,title:{"zh-CN":"\u666E\u901A\u63D0\u793A","en-US":"Normal prompt"},relativePath:"src/docs/message/demo/info.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9ImluZm8iPkRpc3BsYXkgbm9ybWFsIG1lc3NhZ2U8L2EtYnV0dG9uPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGluZm8gPSAoKSA9PiB7CiAgICAgIG1lc3NhZ2UuaW5mbygnVGhpcyBpcyBhIG5vcm1hbCBtZXNzYWdlJyk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgaW5mbywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9ImluZm8iPkRpc3BsYXkgbm9ybWFsIG1lc3NhZ2U8L2EtYnV0dG9uPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBtZXNzYWdlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgaW5mbyA9ICgpID0+IHsKICAgICAgbWVzc2FnZS5pbmZvKCdUaGlzIGlzIGEgbm9ybWFsIG1lc3NhZ2UnKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBpbmZvLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:a(()=>[p(c,{type:"primary",onClick:o.info},{default:a(()=>t[0]||(t[0]=[s("Display normal message")])),_:1,__:[0]},8,["onClick"])]),htmlCode:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),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"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Display normal message"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),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"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"info"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"info"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is a normal message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` info`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),jsVersionHtml:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),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"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Display normal message"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"info"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"info"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is a normal message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` info`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),_:1})}var W=k(B,[["render",N]]);const G=C({setup(){return{success:()=>{l.success("This is a success message")},error:()=>{l.error("This is an error message")},warning:()=>{l.warning("This is a warning message")}}}});function X(o,t,i,r,g,m){const c=e("a-button"),u=e("demo-box");return d(),b(u,{jsfiddle:{us:"Messages of success, error and warning types.",cn:"\u5305\u62EC\u6210\u529F\u3001\u5931\u8D25\u3001\u8B66\u544A\u3002",docHtml:`

zh-CN

\u5305\u62EC\u6210\u529F\u3001\u5931\u8D25\u3001\u8B66\u544A\u3002

en-US

Messages of success, error and warning types.

`,order:3,title:{"zh-CN":"\u5176\u4ED6\u63D0\u793A\u7C7B\u578B","en-US":"Other types of message"},relativePath:"src/docs/message/demo/other.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1idXR0b24gQGNsaWNrPSJzdWNjZXNzIj5TdWNjZXNzPC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImVycm9yIj5FcnJvcjwvYS1idXR0b24+CiAgICA8YS1idXR0b24gQGNsaWNrPSJ3YXJuaW5nIj5XYXJuaW5nPC9hLWJ1dHRvbj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBzdWNjZXNzID0gKCkgPT4gewogICAgICBtZXNzYWdlLnN1Y2Nlc3MoJ1RoaXMgaXMgYSBzdWNjZXNzIG1lc3NhZ2UnKTsKICAgIH07CiAgICBjb25zdCBlcnJvciA9ICgpID0+IHsKICAgICAgbWVzc2FnZS5lcnJvcignVGhpcyBpcyBhbiBlcnJvciBtZXNzYWdlJyk7CiAgICB9OwogICAgY29uc3Qgd2FybmluZyA9ICgpID0+IHsKICAgICAgbWVzc2FnZS53YXJuaW5nKCdUaGlzIGlzIGEgd2FybmluZyBtZXNzYWdlJyk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgc3VjY2VzcywKICAgICAgZXJyb3IsCiAgICAgIHdhcm5pbmcsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1idXR0b24gQGNsaWNrPSJzdWNjZXNzIj5TdWNjZXNzPC9hLWJ1dHRvbj4KICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImVycm9yIj5FcnJvcjwvYS1idXR0b24+CiAgICA8YS1idXR0b24gQGNsaWNrPSJ3YXJuaW5nIj5XYXJuaW5nPC9hLWJ1dHRvbj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHN1Y2Nlc3MgPSAoKSA9PiB7CiAgICAgIG1lc3NhZ2Uuc3VjY2VzcygnVGhpcyBpcyBhIHN1Y2Nlc3MgbWVzc2FnZScpOwogICAgfTsKICAgIGNvbnN0IGVycm9yID0gKCkgPT4gewogICAgICBtZXNzYWdlLmVycm9yKCdUaGlzIGlzIGFuIGVycm9yIG1lc3NhZ2UnKTsKICAgIH07CiAgICBjb25zdCB3YXJuaW5nID0gKCkgPT4gewogICAgICBtZXNzYWdlLndhcm5pbmcoJ1RoaXMgaXMgYSB3YXJuaW5nIG1lc3NhZ2UnKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzdWNjZXNzLAogICAgICBlcnJvciwKICAgICAgd2FybmluZywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:a(()=>[n("div",null,[p(c,{onClick:o.success},{default:a(()=>t[0]||(t[0]=[s("Success")])),_:1,__:[0]},8,["onClick"]),p(c,{onClick:o.error},{default:a(()=>t[1]||(t[1]=[s("Error")])),_:1,__:[1]},8,["onClick"]),p(c,{onClick:o.warning},{default:a(()=>t[2]||(t[2]=[s("Warning")])),_:1,__:[2]},8,["onClick"])])]),htmlCode:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Success"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Error"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("warning"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Warning"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),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"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is a success message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"error"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is an error message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"warning"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"warning"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is a warning message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` error`),n("span",{class:"token punctuation"},","),s(` warning`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),jsVersionHtml:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Success"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("error"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Error"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("warning"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Warning"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is a success message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"error"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is an error message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"warning"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"warning"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'This is a warning message'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` error`),n("span",{class:"token punctuation"},","),s(` warning`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),_:1})}var Y=k(G,[["render",X]]);const z=C({setup(){return{success:()=>{l.success("This is a prompt message for success, and it will disappear in 10 seconds",10)}}}});function H(o,t,i,r,g,m){const c=e("a-button"),u=e("demo-box");return d(),b(u,{jsfiddle:{us:"Customize message display duration from default `3s` to `10s`.",cn:"\u81EA\u5B9A\u4E49\u65F6\u957F `10s`\uFF0C\u9ED8\u8BA4\u65F6\u957F\u4E3A `3s`\u3002",docHtml:`

zh-CN

\u81EA\u5B9A\u4E49\u65F6\u957F 10s\uFF0C\u9ED8\u8BA4\u65F6\u957F\u4E3A 3s\u3002

en-US

Customize message display duration from default 3s to 10s.

`,order:1,title:{"zh-CN":"\u4FEE\u6539\u5EF6\u65F6","en-US":"Customize duration"},relativePath:"src/docs/message/demo/duration.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBAY2xpY2s9InN1Y2Nlc3MiPkN1c3RvbWl6ZWQgZGlzcGxheSBkdXJhdGlvbjwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBtZXNzYWdlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgc3VjY2VzcyA9ICgpID0+IHsKICAgICAgbWVzc2FnZS5zdWNjZXNzKAogICAgICAgICdUaGlzIGlzIGEgcHJvbXB0IG1lc3NhZ2UgZm9yIHN1Y2Nlc3MsIGFuZCBpdCB3aWxsIGRpc2FwcGVhciBpbiAxMCBzZWNvbmRzJywKICAgICAgICAxMCwKICAgICAgKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzdWNjZXNzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBAY2xpY2s9InN1Y2Nlc3MiPkN1c3RvbWl6ZWQgZGlzcGxheSBkdXJhdGlvbjwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBzdWNjZXNzID0gKCkgPT4gewogICAgICBtZXNzYWdlLnN1Y2Nlc3MoCiAgICAgICAgJ1RoaXMgaXMgYSBwcm9tcHQgbWVzc2FnZSBmb3Igc3VjY2VzcywgYW5kIGl0IHdpbGwgZGlzYXBwZWFyIGluIDEwIHNlY29uZHMnLAogICAgICAgIDEwLAogICAgICApOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHN1Y2Nlc3MsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:a(()=>[p(c,{onClick:o.success},{default:a(()=>t[0]||(t[0]=[s("Customized display duration")])),_:1,__:[0]},8,["onClick"])]),htmlCode:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Customized display duration"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),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"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),s(` `),n("span",{class:"token string"},"'This is a prompt message for success, and it will disappear in 10 seconds'"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),jsVersionHtml:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Customized display duration"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),s(` `),n("span",{class:"token string"},"'This is a prompt message for success, and it will disappear in 10 seconds'"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),_:1})}var V=k(z,[["render",H]]);const K=C({setup(){return{success:()=>{const t=l.loading("Action in progress..",0);setTimeout(t,2500)}}}});function S(o,t,i,r,g,m){const c=e("a-button"),u=e("demo-box");return d(),b(u,{jsfiddle:{us:"Display a global loading indicator, which is dismissed by itself asynchronously.",cn:"\u8FDB\u884C\u5168\u5C40 loading\uFF0C\u5F02\u6B65\u81EA\u884C\u79FB\u9664\u3002",docHtml:`

zh-CN

\u8FDB\u884C\u5168\u5C40 loading\uFF0C\u5F02\u6B65\u81EA\u884C\u79FB\u9664\u3002

en-US

Display a global loading indicator, which is dismissed by itself asynchronously.

`,order:2,title:{"zh-CN":"\u52A0\u8F7D\u4E2D","en-US":"Message with loading indicator"},relativePath:"src/docs/message/demo/loading.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBAY2xpY2s9InN1Y2Nlc3MiPkRpc3BsYXkgYSBsb2FkaW5nIGluZGljYXRvcjwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBtZXNzYWdlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgc3VjY2VzcyA9ICgpID0+IHsKICAgICAgY29uc3QgaGlkZSA9IG1lc3NhZ2UubG9hZGluZygnQWN0aW9uIGluIHByb2dyZXNzLi4nLCAwKTsKICAgICAgc2V0VGltZW91dChoaWRlLCAyNTAwKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzdWNjZXNzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBAY2xpY2s9InN1Y2Nlc3MiPkRpc3BsYXkgYSBsb2FkaW5nIGluZGljYXRvcjwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBzdWNjZXNzID0gKCkgPT4gewogICAgICBjb25zdCBoaWRlID0gbWVzc2FnZS5sb2FkaW5nKCdBY3Rpb24gaW4gcHJvZ3Jlc3MuLicsIDApOwogICAgICBzZXRUaW1lb3V0KGhpZGUsIDI1MDApOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHN1Y2Nlc3MsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:a(()=>[p(c,{onClick:o.success},{default:a(()=>t[0]||(t[0]=[s("Display a loading indicator")])),_:1,__:[0]},8,["onClick"])]),htmlCode:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Display a loading indicator"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),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"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(" hide "),n("span",{class:"token operator"},"="),s(" message"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"loading"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Action in progress..'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),s("hide"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2500"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),jsVersionHtml:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Display a loading indicator"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(" hide "),n("span",{class:"token operator"},"="),s(" message"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"loading"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Action in progress..'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),s("hide"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2500"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),_:1})}var j=k(K,[["render",S]]);const x=C({setup(){return{success:()=>{l.loading("Action in progress..",2.5).then(()=>l.success("Loading finished",2.5),()=>{}).then(()=>l.info("Loading finished is finished",2.5))}}}});function R(o,t,i,r,g,m){const c=e("a-button"),u=e("demo-box");return d(),b(u,{jsfiddle:{us:"`message` provides promise interface for `onClose`. The above example will display a new message when old message is about to finish.",cn:"\u53EF\u4EE5\u901A\u8FC7 then \u63A5\u53E3\u5728\u5173\u95ED\u540E\u8FD0\u884C callback \u3002\u4EE5\u4E0A\u7528\u4F8B\u5C06\u5728\u6BCF\u4E2A message \u5C06\u8981\u7ED3\u675F\u65F6\u901A\u8FC7 then \u663E\u793A\u65B0\u7684 message \u3002",docHtml:`

zh-CN

\u53EF\u4EE5\u901A\u8FC7 then \u63A5\u53E3\u5728\u5173\u95ED\u540E\u8FD0\u884C callback \u3002\u4EE5\u4E0A\u7528\u4F8B\u5C06\u5728\u6BCF\u4E2A message \u5C06\u8981\u7ED3\u675F\u65F6\u901A\u8FC7 then \u663E\u793A\u65B0\u7684 message \u3002

en-US

message provides promise interface for onClose. The above example will display a new message when old message is about to finish.

`,order:4,title:{"zh-CN":"Promise \u63A5\u53E3","en-US":"Promise interface"},relativePath:"src/docs/message/demo/thenable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBAY2xpY2s9InN1Y2Nlc3MiPkRpc3BsYXkgYSBzZXF1ZW5jZSBvZiBtZXNzYWdlPC9hLWJ1dHRvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBzdWNjZXNzID0gKCkgPT4gewogICAgICBtZXNzYWdlCiAgICAgICAgLmxvYWRpbmcoJ0FjdGlvbiBpbiBwcm9ncmVzcy4uJywgMi41KQogICAgICAgIC50aGVuKAogICAgICAgICAgKCkgPT4gbWVzc2FnZS5zdWNjZXNzKCdMb2FkaW5nIGZpbmlzaGVkJywgMi41KSwKICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZW1wdHktZnVuY3Rpb24KICAgICAgICAgICgpID0+IHt9LAogICAgICAgICkKICAgICAgICAudGhlbigoKSA9PiBtZXNzYWdlLmluZm8oJ0xvYWRpbmcgZmluaXNoZWQgaXMgZmluaXNoZWQnLCAyLjUpKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzdWNjZXNzLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiBAY2xpY2s9InN1Y2Nlc3MiPkRpc3BsYXkgYSBzZXF1ZW5jZSBvZiBtZXNzYWdlPC9hLWJ1dHRvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHN1Y2Nlc3MgPSAoKSA9PiB7CiAgICAgIG1lc3NhZ2UKICAgICAgICAubG9hZGluZygnQWN0aW9uIGluIHByb2dyZXNzLi4nLCAyLjUpCiAgICAgICAgLnRoZW4oCiAgICAgICAgICAoKSA9PiBtZXNzYWdlLnN1Y2Nlc3MoJ0xvYWRpbmcgZmluaXNoZWQnLCAyLjUpLAogICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1lbXB0eS1mdW5jdGlvbgogICAgICAgICAgKCkgPT4ge30sCiAgICAgICAgKQogICAgICAgIC50aGVuKCgpID0+IG1lc3NhZ2UuaW5mbygnTG9hZGluZyBmaW5pc2hlZCBpcyBmaW5pc2hlZCcsIDIuNSkpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHN1Y2Nlc3MsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:a(()=>[p(c,{onClick:o.success},{default:a(()=>t[0]||(t[0]=[s("Display a sequence of message")])),_:1,__:[0]},8,["onClick"])]),htmlCode:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Display a sequence of message"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),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"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"loading"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Action in progress..'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2.5"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),s(` `),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(" message"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Loading finished'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2.5"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token comment"},"// eslint-disable-next-line @typescript-eslint/no-empty-function"),s(` `),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(" message"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"info"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Loading finished is finished'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2.5"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),jsVersionHtml:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Display a sequence of message"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"success"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"loading"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Action in progress..'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2.5"),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),s(` `),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(" message"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Loading finished'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2.5"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token comment"},"// eslint-disable-next-line @typescript-eslint/no-empty-function"),s(` `),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},")"),s(` `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(" message"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"info"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Loading finished is finished'"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2.5"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` success`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),_:1})}var P=k(x,[["render",R]]);const f="updatable",F=C({setup(){return{openMessage:()=>{l.loading({content:"Loading...",key:f}),setTimeout(()=>{l.success({content:"Loaded!",key:f,duration:2})},1e3)}}}});function J(o,t,i,r,g,m){const c=e("a-button"),u=e("demo-box");return d(),b(u,{jsfiddle:{us:"Update message content with unique `key`.",cn:"\u53EF\u4EE5\u901A\u8FC7\u552F\u4E00\u7684 `key` \u6765\u66F4\u65B0\u5185\u5BB9\u3002",docHtml:`

zh-CN

\u53EF\u4EE5\u901A\u8FC7\u552F\u4E00\u7684 key \u6765\u66F4\u65B0\u5185\u5BB9\u3002

en-US

Update message content with unique key.

`,order:5,title:{"zh-CN":"\u66F4\u65B0\u6D88\u606F\u5185\u5BB9","en-US":"Update Message Content"},relativePath:"src/docs/message/demo/update.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9Im9wZW5NZXNzYWdlIj5PcGVuIHRoZSBtZXNzYWdlIGJveDwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBtZXNzYWdlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCBrZXkgPSAndXBkYXRhYmxlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9wZW5NZXNzYWdlID0gKCkgPT4gewogICAgICBtZXNzYWdlLmxvYWRpbmcoeyBjb250ZW50OiAnTG9hZGluZy4uLicsIGtleSB9KTsKICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgbWVzc2FnZS5zdWNjZXNzKHsgY29udGVudDogJ0xvYWRlZCEnLCBrZXksIGR1cmF0aW9uOiAyIH0pOwogICAgICB9LCAxMDAwKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvcGVuTWVzc2FnZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5IiBAY2xpY2s9Im9wZW5NZXNzYWdlIj5PcGVuIHRoZSBtZXNzYWdlIGJveDwvYS1idXR0b24+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGtleSA9ICd1cGRhdGFibGUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgb3Blbk1lc3NhZ2UgPSAoKSA9PiB7CiAgICAgIG1lc3NhZ2UubG9hZGluZyh7CiAgICAgICAgY29udGVudDogJ0xvYWRpbmcuLi4nLAogICAgICAgIGtleSwKICAgICAgfSk7CiAgICAgIHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgIG1lc3NhZ2Uuc3VjY2Vzcyh7CiAgICAgICAgICBjb250ZW50OiAnTG9hZGVkIScsCiAgICAgICAgICBrZXksCiAgICAgICAgICBkdXJhdGlvbjogMiwKICAgICAgICB9KTsKICAgICAgfSwgMTAwMCk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgb3Blbk1lc3NhZ2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:a(()=>[p(c,{type:"primary",onClick:o.openMessage},{default:a(()=>t[0]||(t[0]=[s("Open the message box")])),_:1,__:[0]},8,["onClick"])]),htmlCode:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),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"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("openMessage"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Open the message box"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),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"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"const"),s(" key "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token string"},"'updatable'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"openMessage"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"loading"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'Loading...'"),n("span",{class:"token punctuation"},","),s(" key "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'Loaded!'"),n("span",{class:"token punctuation"},","),s(" key"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"duration"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"2"),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` openMessage`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),jsVersionHtml:a(()=>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"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("a-button")]),s(),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"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("openMessage"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("Open the message box"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" message "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" defineComponent "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"const"),s(" key "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token string"},"'updatable'"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"openMessage"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"loading"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'Loading...'"),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(` message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(` `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'Loaded!'"),n("span",{class:"token punctuation"},","),s(` key`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token literal-property property"},"duration"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(` openMessage`),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(` `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(` `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),s(` `)])],-1)])),_:1})}var D=k(F,[["render",J]]);const T={pageData:{title:"Message",description:"",frontmatter:{category:"Components",type:"\u53CD\u9988",title:"Message",subtitle:"\u5168\u5C40\u63D0\u793A",cover:"https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:""},{level:2,title:"API",slug:"api",content:"\u7EC4\u4EF6\u63D0\u4F9B\u4E86\u4E00\u4E9B\u9759\u6001\u65B9\u6CD5\uFF0C\u4F7F\u7528\u65B9\u5F0F\u548C\u53C2\u6570\u5982\u4E0B\uFF1A"},{level:3,title:"\u5168\u5C40\u65B9\u6CD5",slug:"\u5168\u5C40\u65B9\u6CD5",content:"\u8FD8\u63D0\u4F9B\u4E86\u5168\u5C40\u914D\u7F6E\u548C\u5168\u5C40\u9500\u6BC1\u65B9\u6CD5\uFF1A"}],relativePath:"src/docs/message/index.zh-CN.md",content:` \u5168\u5C40\u5C55\u793A\u64CD\u4F5C\u53CD\u9988\u4FE1\u606F\u3002 ## \u4F55\u65F6\u4F7F\u7528 - \u53EF\u63D0\u4F9B\u6210\u529F\u3001\u8B66\u544A\u548C\u9519\u8BEF\u7B49\u53CD\u9988\u4FE1\u606F\u3002 - \u9876\u90E8\u5C45\u4E2D\u663E\u793A\u5E76\u81EA\u52A8\u6D88\u5931\uFF0C\u662F\u4E00\u79CD\u4E0D\u6253\u65AD\u7528\u6237\u64CD\u4F5C\u7684\u8F7B\u91CF\u7EA7\u63D0\u793A\u65B9\u5F0F\u3002 ## API \u7EC4\u4EF6\u63D0\u4F9B\u4E86\u4E00\u4E9B\u9759\u6001\u65B9\u6CD5\uFF0C\u4F7F\u7528\u65B9\u5F0F\u548C\u53C2\u6570\u5982\u4E0B\uFF1A - \`message.success(content, [duration], onClose)\` - \`message.error(content, [duration], onClose)\` - \`message.info(content, [duration], onClose)\` - \`message.warning(content, [duration], onClose)\` - \`message.warn(content, [duration], onClose)\` // alias of warning - \`message.loading(content, [duration], onClose)\` | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | | -------- | --------------------------------------------- | -------------- | ------ | | content | \u63D0\u793A\u5185\u5BB9 | string\\| VNode | - | | duration | \u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2\u3002\u8BBE\u4E3A 0 \u65F6\u4E0D\u81EA\u52A8\u5173\u95ED\u3002 | number | 3 | | onClose | \u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 | Function | - | \u7EC4\u4EF6\u540C\u65F6\u63D0\u4F9B promise \u63A5\u53E3 - \`message[level](content, [duration]).then(afterClose)\` - \`message[level](content, [duration], onClose).then(afterClose)\` \u5176\u4E2D\`message[level]\` \u662F\u7EC4\u4EF6\u5DF2\u7ECF\u63D0\u4F9B\u7684\u9759\u6001\u65B9\u6CD5\u3002\`then\` \u63A5\u53E3\u8FD4\u56DE\u503C\u662F Promise \u3002 \u4E5F\u53EF\u4EE5\u5BF9\u8C61\u7684\u5F62\u5F0F\u4F20\u9012\u53C2\u6570\uFF1A - \`message.open(config)\` - \`message.success(config)\` - \`message.error(config)\` - \`message.info(config)\` - \`message.warning(config)\` - \`message.warn(config)\` // alias of warning - \`message.loading(config)\` | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C | | -------- | --------------------------------------------- | -------------- | ------ | ----- | | content | \u63D0\u793A\u5185\u5BB9 | string\\| VNode | - | | | duration | \u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2\u3002\u8BBE\u4E3A 0 \u65F6\u4E0D\u81EA\u52A8\u5173\u95ED\u3002 | number | 3 | | | onClose | \u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 | Function | - | | | icon | \u81EA\u5B9A\u4E49\u56FE\u6807 | VNode | - | | | key | \u5F53\u524D\u63D0\u793A\u7684\u552F\u4E00\u6807\u5FD7 | string\\|number | - | | ### \u5168\u5C40\u65B9\u6CD5 \u8FD8\u63D0\u4F9B\u4E86\u5168\u5C40\u914D\u7F6E\u548C\u5168\u5C40\u9500\u6BC1\u65B9\u6CD5\uFF1A - \`message.config(options)\` - \`message.destroy()\` #### message.config \`\`\`js message.config({ top: \`100px\`, duration: 2, maxCount: 3, }); \`\`\` | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | | --- | --- | --- | --- | | duration | \u9ED8\u8BA4\u81EA\u52A8\u5173\u95ED\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2 | number | 3 | | getContainer | \u914D\u7F6E\u6E32\u67D3\u8282\u70B9\u7684\u8F93\u51FA\u4F4D\u7F6E | () => HTMLElement | () => document.body | | maxCount | \u6700\u5927\u663E\u793A\u6570, \u8D85\u8FC7\u9650\u5236\u65F6\uFF0C\u6700\u65E9\u7684\u6D88\u606F\u4F1A\u88AB\u81EA\u52A8\u5173\u95ED | number | - | | top | \u6D88\u606F\u8DDD\u79BB\u9876\u90E8\u7684\u4F4D\u7F6E | string | \`24px\` | `,html:`

\u5168\u5C40\u5C55\u793A\u64CD\u4F5C\u53CD\u9988\u4FE1\u606F\u3002

\u4F55\u65F6\u4F7F\u7528

API

\u7EC4\u4EF6\u63D0\u4F9B\u4E86\u4E00\u4E9B\u9759\u6001\u65B9\u6CD5\uFF0C\u4F7F\u7528\u65B9\u5F0F\u548C\u53C2\u6570\u5982\u4E0B\uFF1A

\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C
content \u63D0\u793A\u5185\u5BB9 string| VNode -
duration \u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2\u3002\u8BBE\u4E3A 0 \u65F6\u4E0D\u81EA\u52A8\u5173\u95ED\u3002 number 3
onClose \u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 Function -

\u7EC4\u4EF6\u540C\u65F6\u63D0\u4F9B promise \u63A5\u53E3

\u5176\u4E2Dmessage[level] \u662F\u7EC4\u4EF6\u5DF2\u7ECF\u63D0\u4F9B\u7684\u9759\u6001\u65B9\u6CD5\u3002then \u63A5\u53E3\u8FD4\u56DE\u503C\u662F Promise \u3002

\u4E5F\u53EF\u4EE5\u5BF9\u8C61\u7684\u5F62\u5F0F\u4F20\u9012\u53C2\u6570\uFF1A

\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C \u7248\u672C
content \u63D0\u793A\u5185\u5BB9 string| VNode -
duration \u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2\u3002\u8BBE\u4E3A 0 \u65F6\u4E0D\u81EA\u52A8\u5173\u95ED\u3002 number 3
onClose \u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570 Function -
icon \u81EA\u5B9A\u4E49\u56FE\u6807 VNode -
key \u5F53\u524D\u63D0\u793A\u7684\u552F\u4E00\u6807\u5FD7 string|number -

\u5168\u5C40\u65B9\u6CD5

\u8FD8\u63D0\u4F9B\u4E86\u5168\u5C40\u914D\u7F6E\u548C\u5168\u5C40\u9500\u6BC1\u65B9\u6CD5\uFF1A

message.config

message.config({
  top: \`100px\`,
  duration: 2,
  maxCount: 3,
});
\u53C2\u6570 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C
duration \u9ED8\u8BA4\u81EA\u52A8\u5173\u95ED\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2 number 3
getContainer \u914D\u7F6E\u6E32\u67D3\u8282\u70B9\u7684\u8F93\u51FA\u4F4D\u7F6E () => HTMLElement () => document.body
maxCount \u6700\u5927\u663E\u793A\u6570, \u8D85\u8FC7\u9650\u5236\u65F6\uFF0C\u6700\u65E9\u7684\u6D88\u606F\u4F1A\u88AB\u81EA\u52A8\u5173\u95ED number -
top \u6D88\u606F\u8DDD\u79BB\u9876\u90E8\u7684\u4F4D\u7F6E string 24px
`,lastUpdated:1748059052704}},L={class:"markdown"};function _(o,t,i,r,g,m){return d(),h("article",L,t[0]||(t[0]=[I(`

\u5168\u5C40\u5C55\u793A\u64CD\u4F5C\u53CD\u9988\u4FE1\u606F\u3002

\u4F55\u65F6\u4F7F\u7528

API

\u7EC4\u4EF6\u63D0\u4F9B\u4E86\u4E00\u4E9B\u9759\u6001\u65B9\u6CD5\uFF0C\u4F7F\u7528\u65B9\u5F0F\u548C\u53C2\u6570\u5982\u4E0B\uFF1A

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
content\u63D0\u793A\u5185\u5BB9string| VNode-
duration\u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2\u3002\u8BBE\u4E3A 0 \u65F6\u4E0D\u81EA\u52A8\u5173\u95ED\u3002number3
onClose\u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570Function-

\u7EC4\u4EF6\u540C\u65F6\u63D0\u4F9B promise \u63A5\u53E3

\u5176\u4E2Dmessage[level] \u662F\u7EC4\u4EF6\u5DF2\u7ECF\u63D0\u4F9B\u7684\u9759\u6001\u65B9\u6CD5\u3002then \u63A5\u53E3\u8FD4\u56DE\u503C\u662F Promise \u3002

\u4E5F\u53EF\u4EE5\u5BF9\u8C61\u7684\u5F62\u5F0F\u4F20\u9012\u53C2\u6570\uFF1A

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C\u7248\u672C
content\u63D0\u793A\u5185\u5BB9string| VNode-
duration\u81EA\u52A8\u5173\u95ED\u7684\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2\u3002\u8BBE\u4E3A 0 \u65F6\u4E0D\u81EA\u52A8\u5173\u95ED\u3002number3
onClose\u5173\u95ED\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570Function-
icon\u81EA\u5B9A\u4E49\u56FE\u6807VNode-
key\u5F53\u524D\u63D0\u793A\u7684\u552F\u4E00\u6807\u5FD7string|number-

\u5168\u5C40\u65B9\u6CD5

\u8FD8\u63D0\u4F9B\u4E86\u5168\u5C40\u914D\u7F6E\u548C\u5168\u5C40\u9500\u6BC1\u65B9\u6CD5\uFF1A

message.config

message.config({
  top: \`100px\`,
  duration: 2,
  maxCount: 3,
});
\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
duration\u9ED8\u8BA4\u81EA\u52A8\u5173\u95ED\u5EF6\u65F6\uFF0C\u5355\u4F4D\u79D2number3
getContainer\u914D\u7F6E\u6E32\u67D3\u8282\u70B9\u7684\u8F93\u51FA\u4F4D\u7F6E() => HTMLElement() => document.body
maxCount\u6700\u5927\u663E\u793A\u6570, \u8D85\u8FC7\u9650\u5236\u65F6\uFF0C\u6700\u65E9\u7684\u6D88\u606F\u4F1A\u88AB\u81EA\u52A8\u5173\u95EDnumber-
top\u6D88\u606F\u8DDD\u79BB\u9876\u90E8\u7684\u4F4D\u7F6Estring24px
`,19)]))}var U=k(T,[["render",_]]);const M={pageData:{title:"Message",description:"",frontmatter:{category:"Components",type:"Feedback",title:"Message",cover:"https://gw.alipayobjects.com/zos/alicdn/hAkKTIW0K/Message.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:"This components provides some static methods, with usage and arguments as following:"},{level:3,title:"Global static methods",slug:"global-static-methods",content:"Methods for global configuration and destruction are also provided:"}],relativePath:"src/docs/message/index.en-US.md",content:` Display global messages as feedback in response to user operations. ## When To Use - To provide feedback such as success, warning, error etc. - A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt. ## API This components provides some static methods, with usage and arguments as following: - \`message.success(content, [duration], onClose)\` - \`message.error(content, [duration], onClose)\` - \`message.info(content, [duration], onClose)\` - \`message.warning(content, [duration], onClose)\` - \`message.warn(content, [duration], onClose)\` // alias of warning - \`message.loading(content, [duration], onClose)\` | Argument | Description | Type | Default | | --- | --- | --- | --- | | content | content of the message | string\\| VNode | - | | duration | time(seconds) before auto-dismiss, don't dismiss if set to 0 | number | 1.5 | | onClose | Specify a function that will be called when the message is closed | Function | - | \`afterClose\` can be called in then-able interface: - \`message[level](content, [duration]).then(afterClose)\` - \`message[level](content, [duration], onClose).then(afterClose)\` where \`level\` refers one static methods of \`message\`. The result of \`then\` method will be a Promise. - \`message.open(config)\` - \`message.success(config)\` - \`message.error(config)\` - \`message.info(config)\` - \`message.warning(config)\` - \`message.warn(config)\` // alias of warning - \`message.loading(config)\` The properties of config are as follows: | Property | Description | Type | Default | Version | | --- | --- | --- | --- | --- | | content | content of the message | string\\| VNode | - | | | duration | time(seconds) before auto-dismiss, don't dismiss if set to 0 | number | 3 | | | onClose | Specify a function that will be called when the message is closed | function | - | | | icon | Customized Icon | VNode | - | | | key | The unique identifier of the Message | string\\|number | - | | ### Global static methods Methods for global configuration and destruction are also provided: - \`message.config(options)\` - \`message.destroy()\` #### message.config \`\`\`js message.config({ top: '100px', duration: 2, maxCount: 3, }); \`\`\` | Argument | Description | Type | Default | | --- | --- | --- | --- | | duration | time before auto-dismiss, in seconds | number | 1.5 | | getContainer | Return the mount node for Message | () => HTMLElement | () => document.body | | maxCount | max message show, drop oldest if exceed limit | number | - | | top | distance from top | string | \`24px\` | `,html:`

Display global messages as feedback in response to user operations.

When To Use

API

This components provides some static methods, with usage and arguments as following:

Argument Description Type Default
content content of the message string| VNode -
duration time(seconds) before auto-dismiss, don't dismiss if set to 0 number 1.5
onClose Specify a function that will be called when the message is closed Function -

afterClose can be called in then-able interface:

where level refers one static methods of message. The result of then method will be a Promise.

The properties of config are as follows:

Property Description Type Default Version
content content of the message string| VNode -
duration time(seconds) before auto-dismiss, don't dismiss if set to 0 number 3
onClose Specify a function that will be called when the message is closed function -
icon Customized Icon VNode -
key The unique identifier of the Message string|number -

Global static methods

Methods for global configuration and destruction are also provided:

message.config

message.config({
  top: '100px',
  duration: 2,
  maxCount: 3,
});
Argument Description Type Default
duration time before auto-dismiss, in seconds number 1.5
getContainer Return the mount node for Message () => HTMLElement () => document.body
maxCount max message show, drop oldest if exceed limit number -
top distance from top string 24px
`,lastUpdated:1748059052704}},E={class:"markdown"};function Q(o,t,i,r,g,m){return d(),h("article",E,t[0]||(t[0]=[I(`

Display global messages as feedback in response to user operations.

When To Use

API

This components provides some static methods, with usage and arguments as following:

ArgumentDescriptionTypeDefault
contentcontent of the messagestring| VNode-
durationtime(seconds) before auto-dismiss, don't dismiss if set to 0number1.5
onCloseSpecify a function that will be called when the message is closedFunction-

afterClose can be called in then-able interface:

where level refers one static methods of message. The result of then method will be a Promise.

The properties of config are as follows:

PropertyDescriptionTypeDefaultVersion
contentcontent of the messagestring| VNode-
durationtime(seconds) before auto-dismiss, don't dismiss if set to 0number3
onCloseSpecify a function that will be called when the message is closedfunction-
iconCustomized IconVNode-
keyThe unique identifier of the Messagestring|number-

Global static methods

Methods for global configuration and destruction are also provided:

message.config

message.config({
  top: '100px',
  duration: 2,
  maxCount: 3,
});
ArgumentDescriptionTypeDefault
durationtime before auto-dismiss, in secondsnumber1.5
getContainerReturn the mount node for Message() => HTMLElement() => document.body
maxCountmax message show, drop oldest if exceed limitnumber-
topdistance from topstring24px
`,19)]))}var $=k(M,[["render",Q]]);const O=C({CN:U,US:$,components:{Info:W,Other:Y,Duration:V,Loading:j,Thenable:P,Update:D},setup(){return{}}});function q(o,t,i,r,g,m){const c=e("info"),u=e("duration"),y=e("other"),w=e("loading"),A=e("thenable"),Z=e("update"),v=e("demo-sort");return d(),b(v,null,{default:a(()=>[p(c),p(u),p(y),p(w),p(A),p(Z)]),_:1})}var sn=k(O,[["render",q]]);export{sn as default};