mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
import{f,k,g as a,d as _,b as $,w as s,e as d,i as t,h as o,u as n,L as l,N as u,ao as y}from"./index-BoJRq02v.js";import{u as w}from"./hooks-DVEG7EEa.js";import{d as M}from"./check-CIQVCvCT.js";const b={xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 1024 1024"},T=a("path",{fill:"#FF5D50",d:"M428.698 107.315c-6.503 72.192-36.352 207.258-160.256 337.408 3.686-48.025-7.117-83.763-19.047-107.673-6.605-13.159-26.06-10.599-28.877 3.84-5.734 29.44-20.582 75.059-57.6 137.779-71.628 121.395-62.566 459.878 340.736 459.878S934.093 585.728 876.8 442.522c-37.376-93.44-93.952-152.525-128.82-182.324-11.417-9.779-29.132-1.945-29.593 13.056-.921 30.464-7.321 73.37-33.075 102.144-.666-52.787-38.144-208.384-202.445-296.857-23.296-12.544-51.763 2.457-54.17 28.774z"},null,-1),E=a("path",{fill:"#FFDF99",d:"M702.26 678.4c-4.2-45.056-60.673-166.554-212.634-246.426-10.599-5.58-23.092 3.124-21.504 15.002 6.246 46.848 12.953 140.493-24.064 184.73 4.044-40.397-18.125-73.83-36.66-94.31-8.396-9.217-23.552-4.66-25.497 7.68-3.533 22.322-12.851 56.268-36.557 97.945-42.086 74.035-86.989 188.672 124.57 294.656 10.956.563 22.17.87 33.74.87a618 618 0 0 0 32.717-.87C694.631 878.182 709.837 759.706 702.26 678.4"},null,-1),x=[T,E];function L(g,C){return f(),k("svg",b,[...x])}const S={render:L},H=a("div",{class:"card-header"},[a("span",{class:"font-medium"}," 消息提示 ")],-1),N=a("h4",{class:"mb-4"},"Element Plus 的消息提示，点击弹出提示信息",-1),B=a("h4",{class:"mb-4"}," 类似 Ant Design 风格的消息提示，点击弹出提示信息（基于 ElMessage 样式改版，不会影响 ElMessage 原本样式，使用和打包大小成本极低并适配整体暗色风格） ",-1),W=_({name:"Message",__name:"message",setup(g){return(C,e)=>{const c=d("el-link"),r=d("el-button"),p=d("el-space"),m=d("el-divider"),v=d("el-card");return f(),$(v,{shadow:"never"},{header:s(()=>[H,t(c,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/message.vue",target:"_blank"},{default:s(()=>[o(" 代码位置 src/views/components/message.vue ")]),_:1})]),default:s(()=>[N,t(p,{wrap:""},{default:s(()=>[t(r,{type:"info",onClick:e[0]||(e[0]=i=>n(l)("Info类型消息",{customClass:"el"}))},{default:s(()=>[o(" Info ")]),_:1}),t(r,{type:"success",onClick:e[1]||(e[1]=i=>n(l)("Success类型消息",{customClass:"el",type:"success"}))},{default:s(()=>[o(" Success ")]),_:1}),t(r,{type:"warning",onClick:e[2]||(e[2]=i=>n(l)("Warning类型消息",{customClass:"el",type:"warning"}))},{default:s(()=>[o(" Warning ")]),_:1}),t(r,{type:"danger",onClick:e[3]||(e[3]=i=>n(l)("Error类型消息",{customClass:"el",type:"error"}))},{default:s(()=>[o(" Error ")]),_:1}),t(r,{onClick:e[4]||(e[4]=i=>n(l)("可关闭消息",{customClass:"el",showClose:!0}))},{default:s(()=>[o(" 可关闭 ")]),_:1}),t(r,{onClick:e[5]||(e[5]=i=>n(l)("分组消息合并",{customClass:"el",type:"success",grouping:!0}))},{default:s(()=>[o(" 分组消息合并 ")]),_:1}),t(r,{onClick:e[6]||(e[6]=i=>n(l)("自定义消息图标",{customClass:"el",icon:n(w)(n(M))}))},{default:s(()=>[o(" 自定义图标 ")]),_:1}),t(r,{onClick:e[7]||(e[7]=i=>n(l)("3秒后关闭",{customClass:"el",duration:3e3,onClose:()=>n(l)("消息已关闭",{customClass:"el",type:"success"})}))},{default:s(()=>[o(" 自定义延时关闭时间并设置关闭后其他操作 ")]),_:1}),t(r,{onClick:e[8]||(e[8]=i=>n(l)(u("p",null,[u("span",null,"Message can be "),u("i",{style:"color: teal"},"VNode")]),{customClass:"el"}))},{default:s(()=>[o(" 自定义内容 ")]),_:1}),t(r,{onClick:e[9]||(e[9]=i=>n(l)("<strong>This is <i>HTML</i> string</strong>",{customClass:"el",dangerouslyUseHTMLString:!0}))},{default:s(()=>[o(" HTML 片段作为正文内容 ")]),_:1})]),_:1}),t(m),B,t(p,{wrap:""},{default:s(()=>[t(r,{type:"info",onClick:e[10]||(e[10]=i=>n(l)("Info类型消息"))},{default:s(()=>[o("Info")]),_:1}),t(r,{type:"success",onClick:e[11]||(e[11]=i=>n(l)("Success类型消息",{type:"success"}))},{default:s(()=>[o(" Success ")]),_:1}),t(r,{type:"warning",onClick:e[12]||(e[12]=i=>n(l)("Warning类型消息",{type:"warning"}))},{default:s(()=>[o(" Warning ")]),_:1}),t(r,{type:"danger",onClick:e[13]||(e[13]=i=>n(l)("Error类型消息",{type:"error"}))},{default:s(()=>[o(" Error ")]),_:1}),t(r,{onClick:e[14]||(e[14]=i=>n(l)("可关闭消息",{showClose:!0}))},{default:s(()=>[o(" 可关闭 ")]),_:1}),t(r,{onClick:e[15]||(e[15]=i=>n(l)("分组消息合并",{type:"success",grouping:!0}))},{default:s(()=>[o(" 分组消息合并 ")]),_:1}),t(r,{onClick:e[16]||(e[16]=i=>n(l)("自定义消息图标",{icon:n(S)}))},{default:s(()=>[o(" 自定义图标 ")]),_:1}),t(r,{onClick:e[17]||(e[17]=i=>n(l)("3秒后关闭",{duration:3e3,onClose:()=>n(l)("消息已关闭",{type:"success"})}))},{default:s(()=>[o(" 自定义延时关闭时间并设置关闭后其他操作 ")]),_:1}),t(r,{onClick:e[18]||(e[18]=i=>n(l)(u("p",null,[u("span",null,"Message can be "),u("i",{style:"color: teal"},"VNode")])))},{default:s(()=>[o(" 自定义内容 ")]),_:1}),t(r,{onClick:e[19]||(e[19]=i=>n(l)("<strong>This is <i>HTML</i> string</strong>",{dangerouslyUseHTMLString:!0}))},{default:s(()=>[o(" HTML 片段作为正文内容 ")]),_:1})]),_:1}),t(m),t(r,{onClick:n(y)},{default:s(()=>[o(" 关闭所有消息提示 ")]),_:1},8,["onClick"])]),_:1})}}});export{W as default};
|