mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
import{e as C,k as v,f as a,d as k,c as $,w as t,b as d,i as n,u as s,A as o,h as r,D as u,ae as y}from"./index-CXGgt5Tg.js";import{u as _}from"./hooks-BdvdEVJ4.js";import{d as w}from"./check-CIQVCvCT.js";const M={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),b=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,b];function E(g,m){return C(),v("svg",M,[...x])}const S={render:E},H=a("div",{class:"card-header"},[a("span",{class:"font-medium"}," 消息提示 ")],-1),L=a("h4",{class:"mb-4"},"element-plus 的消息提示，点击弹出提示信息",-1),B=a("h4",{class:"mb-4"}," 类似 Ant Design 风格的消息提示，点击弹出提示信息（基于 ElMessage 样式改版，不会影响 ElMessage 原本样式，使用和打包大小成本极低并适配整体暗色风格） ",-1),V=k({name:"Message",__name:"message",setup(g){return(m,e)=>{const l=d("el-button"),p=d("el-space"),f=d("el-divider"),c=d("el-card");return C(),$(c,{shadow:"never"},{header:t(()=>[H]),default:t(()=>[L,n(p,{wrap:""},{default:t(()=>[n(l,{type:"info",onClick:e[0]||(e[0]=i=>s(o)("Info类型消息",{customClass:"el"}))},{default:t(()=>[r(" Info ")]),_:1}),n(l,{type:"success",onClick:e[1]||(e[1]=i=>s(o)("Success类型消息",{customClass:"el",type:"success"}))},{default:t(()=>[r(" Success ")]),_:1}),n(l,{type:"warning",onClick:e[2]||(e[2]=i=>s(o)("Warning类型消息",{customClass:"el",type:"warning"}))},{default:t(()=>[r(" Warning ")]),_:1}),n(l,{type:"danger",onClick:e[3]||(e[3]=i=>s(o)("Error类型消息",{customClass:"el",type:"error"}))},{default:t(()=>[r(" Error ")]),_:1}),n(l,{onClick:e[4]||(e[4]=i=>s(o)("可关闭消息",{customClass:"el",showClose:!0}))},{default:t(()=>[r(" 可关闭 ")]),_:1}),n(l,{onClick:e[5]||(e[5]=i=>s(o)("分组消息合并",{customClass:"el",type:"success",grouping:!0}))},{default:t(()=>[r(" 分组消息合并 ")]),_:1}),n(l,{onClick:e[6]||(e[6]=i=>s(o)("自定义消息图标",{customClass:"el",icon:s(_)(s(w))}))},{default:t(()=>[r(" 自定义图标 ")]),_:1}),n(l,{onClick:e[7]||(e[7]=i=>s(o)("3秒后关闭",{customClass:"el",duration:3e3,onClose:()=>s(o)("消息已关闭",{customClass:"el",type:"success"})}))},{default:t(()=>[r(" 自定义延时关闭时间并设置关闭后其他操作 ")]),_:1}),n(l,{onClick:e[8]||(e[8]=i=>s(o)(u("p",null,[u("span",null,"Message can be "),u("i",{style:"color: teal"},"VNode")]),{customClass:"el"}))},{default:t(()=>[r(" 自定义内容 ")]),_:1}),n(l,{onClick:e[9]||(e[9]=i=>s(o)("<strong>This is <i>HTML</i> string</strong>",{customClass:"el",dangerouslyUseHTMLString:!0}))},{default:t(()=>[r(" HTML 片段作为正文内容 ")]),_:1})]),_:1}),n(f),B,n(p,{wrap:""},{default:t(()=>[n(l,{type:"info",onClick:e[10]||(e[10]=i=>s(o)("Info类型消息"))},{default:t(()=>[r("Info")]),_:1}),n(l,{type:"success",onClick:e[11]||(e[11]=i=>s(o)("Success类型消息",{type:"success"}))},{default:t(()=>[r(" Success ")]),_:1}),n(l,{type:"warning",onClick:e[12]||(e[12]=i=>s(o)("Warning类型消息",{type:"warning"}))},{default:t(()=>[r(" Warning ")]),_:1}),n(l,{type:"danger",onClick:e[13]||(e[13]=i=>s(o)("Error类型消息",{type:"error"}))},{default:t(()=>[r(" Error ")]),_:1}),n(l,{onClick:e[14]||(e[14]=i=>s(o)("可关闭消息",{showClose:!0}))},{default:t(()=>[r(" 可关闭 ")]),_:1}),n(l,{onClick:e[15]||(e[15]=i=>s(o)("分组消息合并",{type:"success",grouping:!0}))},{default:t(()=>[r(" 分组消息合并 ")]),_:1}),n(l,{onClick:e[16]||(e[16]=i=>s(o)("自定义消息图标",{icon:s(S)}))},{default:t(()=>[r(" 自定义图标 ")]),_:1}),n(l,{onClick:e[17]||(e[17]=i=>s(o)("3秒后关闭",{duration:3e3,onClose:()=>s(o)("消息已关闭",{type:"success"})}))},{default:t(()=>[r(" 自定义延时关闭时间并设置关闭后其他操作 ")]),_:1}),n(l,{onClick:e[18]||(e[18]=i=>s(o)(u("p",null,[u("span",null,"Message can be "),u("i",{style:"color: teal"},"VNode")])))},{default:t(()=>[r(" 自定义内容 ")]),_:1}),n(l,{onClick:e[19]||(e[19]=i=>s(o)("<strong>This is <i>HTML</i> string</strong>",{dangerouslyUseHTMLString:!0}))},{default:t(()=>[r(" HTML 片段作为正文内容 ")]),_:1})]),_:1}),n(f),n(l,{onClick:s(y)},{default:t(()=>[r(" 关闭所有消息提示 ")]),_:1},8,["onClick"])]),_:1})}}});export{V as default};
|