| 1 |
- import{n as F,aS as V,a as T,b as S,s as P,f as y,cA as L,i as _,a7 as q,aw as z,w as n,o as i,j as g,z as r,h as E,F as N,b2 as $,m as h,bk as x,B as G,t as v,k as b,q as M,bm as I,E as R}from"./index.7e08ba81.js";import{T as k}from"./index.ff33b1ce.js";import{B as K}from"./index.828a2959.js";import{L as B}from"./index.1060fb1b.js";/* empty css */import{A as w}from"./index.3132743a.js";import{T as j}from"./index.673e5955.js";import{T as H}from"./index.1e32654f.js";import"./useRefs.9e0a4abb.js";import"./PlusOutlined.29a85b0a.js";import"./Col.dccd6464.js";import"./useFlexGapSupport.ba88ba25.js";import"./eagerComputed.41f917f7.js";import"./useSize.1210be5f.js";import"./transButton.38e068f8.js";import"./CopyOutlined.56217d1c.js";import"./EditOutlined.c9dad9df.js";var X={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M816 768h-24V428c0-141.1-104.3-257.7-240-277.1V112c0-22.1-17.9-40-40-40s-40 17.9-40 40v38.9c-135.7 19.4-240 136-240 277.1v340h-24c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h216c0 61.8 50.2 112 112 112s112-50.2 112-112h216c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM512 888c-26.5 0-48-21.5-48-48h96c0 26.5-21.5 48-48 48zM304 768V428c0-55.6 21.6-107.8 60.9-147.1S456.4 220 512 220c55.6 0 107.8 21.6 147.1 60.9S720 372.4 720 428v340H304z"}}]},name:"bell",theme:"outlined"},U=X;function O(t){for(var u=1;u<arguments.length;u++){var s=arguments[u]!=null?Object(arguments[u]):{},o=Object.keys(s);typeof Object.getOwnPropertySymbols=="function"&&(o=o.concat(Object.getOwnPropertySymbols(s).filter(function(l){return Object.getOwnPropertyDescriptor(s,l).enumerable}))),o.forEach(function(l){J(t,l,s[l])})}return t}function J(t,u,s){return u in t?Object.defineProperty(t,u,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[u]=s,t}var A=function(u,s){var o=O({},u,s.attrs);return F(V,O({},o,{icon:U}),null)};A.displayName="BellOutlined";A.inheritAttrs=!1;var W=A;const f=[{key:"1",name:"\u901A\u77E5",list:[{id:"000000001",avatar:"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",title:"\u4F60\u6536\u5230\u4E86 14 \u4EFD\u65B0\u5468\u62A5",description:"",datetime:"2017-08-09",type:"1"},{id:"000000002",avatar:"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",title:"\u4F60\u63A8\u8350\u7684 \u66F2\u59AE\u59AE \u5DF2\u901A\u8FC7\u7B2C\u4E09\u8F6E\u9762\u8BD5",description:"",datetime:"2017-08-08",type:"1"},{id:"000000003",avatar:"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",title:"\u8FD9\u79CD\u6A21\u677F\u53EF\u4EE5\u533A\u5206\u591A\u79CD\u901A\u77E5\u7C7B\u578B",description:"",datetime:"2017-08-07",type:"1"},{id:"000000004",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"\u5DE6\u4FA7\u56FE\u6807\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u7C7B\u578B",description:"",datetime:"2017-08-07",type:"1"},{id:"000000005",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"\u6807\u9898\u53EF\u4EE5\u8BBE\u7F6E\u81EA\u52A8\u663E\u793A\u7701\u7565\u53F7\uFF0C\u672C\u4F8B\u4E2D\u6807\u9898\u884C\u6570\u5DF2\u8BBE\u4E3A1\u884C\uFF0C\u5982\u679C\u5185\u5BB9\u8D85\u8FC71\u884C\u5C06\u81EA\u52A8\u622A\u65AD\u5E76\u652F\u6301tooltip\u663E\u793A\u5B8C\u6574\u6807\u9898\u3002",description:"",datetime:"2017-08-07",type:"1"},{id:"000000006",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"\u5DE6\u4FA7\u56FE\u6807\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u7C7B\u578B",description:"",datetime:"2017-08-07",type:"1"},{id:"000000007",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"\u5DE6\u4FA7\u56FE\u6807\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u7C7B\u578B",description:"",datetime:"2017-08-07",type:"1"},{id:"000000008",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"\u5DE6\u4FA7\u56FE\u6807\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u7C7B\u578B",description:"",datetime:"2017-08-07",type:"1"},{id:"000000009",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"\u5DE6\u4FA7\u56FE\u6807\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u7C7B\u578B",description:"",datetime:"2017-08-07",type:"1"},{id:"000000010",avatar:"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",title:"\u5DE6\u4FA7\u56FE\u6807\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u7C7B\u578B",description:"",datetime:"2017-08-07",type:"1"}]},{key:"2",name:"\u6D88\u606F",list:[{id:"000000006",avatar:"https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",title:"\u66F2\u4E3D\u4E3D \u8BC4\u8BBA\u4E86\u4F60",description:"\u63CF\u8FF0\u4FE1\u606F\u63CF\u8FF0\u4FE1\u606F\u63CF\u8FF0\u4FE1\u606F",datetime:"2017-08-07",type:"2",clickClose:!0},{id:"000000007",avatar:"https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",title:"\u6731\u504F\u53F3 \u56DE\u590D\u4E86\u4F60",description:"\u8FD9\u79CD\u6A21\u677F\u7528\u4E8E\u63D0\u9192\u8C01\u4E0E\u4F60\u53D1\u751F\u4E86\u4E92\u52A8",datetime:"2017-08-07",type:"2",clickClose:!0},{id:"000000008",avatar:"https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",title:"\u6807\u9898",description:"\u8BF7\u5C06\u9F20\u6807\u79FB\u52A8\u5230\u6B64\u5904\uFF0C\u4EE5\u4FBF\u6D4B\u8BD5\u8D85\u957F\u7684\u6D88\u606F\u5728\u6B64\u5904\u5C06\u5982\u4F55\u5904\u7406\u3002\u672C\u4F8B\u4E2D\u8BBE\u7F6E\u7684\u63CF\u8FF0\u6700\u5927\u884C\u6570\u4E3A2\uFF0C\u8D85\u8FC72\u884C\u7684\u63CF\u8FF0\u5185\u5BB9\u5C06\u88AB\u7701\u7565\u5E76\u4E14\u53EF\u4EE5\u901A\u8FC7tooltip\u67E5\u770B\u5B8C\u6574\u5185\u5BB9",datetime:"2017-08-07",type:"2",clickClose:!0}]},{key:"3",name:"\u5F85\u529E",list:[{id:"000000009",avatar:"",title:"\u4EFB\u52A1\u540D\u79F0",description:"\u4EFB\u52A1\u9700\u8981\u5728 2017-01-12 20:00 \u524D\u542F\u52A8",datetime:"",extra:"\u672A\u5F00\u59CB",color:"",type:"3"},{id:"000000010",avatar:"",title:"\u7B2C\u4E09\u65B9\u7D27\u6025\u4EE3\u7801\u53D8\u66F4",description:"\u51A0\u9716 \u9700\u5728 2017-01-07 \u524D\u5B8C\u6210\u4EE3\u7801\u53D8\u66F4\u4EFB\u52A1",datetime:"",extra:"\u9A6C\u4E0A\u5230\u671F",color:"red",type:"3"},{id:"000000011",avatar:"",title:"\u4FE1\u606F\u5B89\u5168\u8003\u8BD5",description:"\u6307\u6D3E\u7AF9\u5C14\u4E8E 2017-01-09 \u524D\u5B8C\u6210\u66F4\u65B0\u5E76\u53D1\u5E03",datetime:"",extra:"\u5DF2\u8017\u65F6 8 \u5929",color:"gold",type:"3"},{id:"000000012",avatar:"",title:"ABCD \u7248\u672C\u53D1\u5E03",description:"\u6307\u6D3E\u7AF9\u5C14\u4E8E 2017-01-09 \u524D\u5B8C\u6210\u66F4\u65B0\u5E76\u53D1\u5E03",datetime:"",extra:"\u8FDB\u884C\u4E2D",color:"blue",type:"3"}]}];const Y=T({components:{[w.name]:w,[B.name]:B,[B.Item.name]:B.Item,AListItemMeta:B.Item.Meta,ATypographyParagraph:H.Paragraph,[j.name]:j},props:{list:{type:Array,default:()=>[]},pageSize:{type:[Boolean,Number],default:5},currentPage:{type:Number,default:1},titleRows:{type:Number,default:1},descRows:{type:Number,default:2},onTitleClick:{type:Function}},emits:["update:currentPage"],setup(t,{emit:u}){const{prefixCls:s}=S("header-notify-list"),o=P(t.currentPage||1),l=y(()=>{const{pageSize:a,list:d}=t;if(a===!1)return[];let m=L(a)?a:5;return d.slice(m*(_(o)-1),m*_(o))});q(()=>t.currentPage,a=>{o.value=a});const c=y(()=>!!t.onTitleClick),p=y(()=>{const{list:a,pageSize:d}=t;return d>0&&a&&a.length>d?{total:a.length,pageSize:d,current:_(o),onChange(m){o.value=m,u("update:currentPage",m)}}:!1});function C(a){t.onTitleClick&&t.onTitleClick(a)}return{prefixCls:s,getPagination:p,getData:l,handleTitleClick:C,isTitleClickable:c}}}),Z={class:"title"},Q={key:0,class:"extra"},tt={key:1},et={key:0,class:"description"},ut={class:"datetime"};function at(t,u,s,o,l,c){const p=n("a-typography-paragraph"),C=n("a-tag"),a=n("a-avatar"),d=n("a-list-item-meta"),m=n("a-list-item"),D=n("a-list");return i(),g(D,{class:M(t.prefixCls),bordered:"",pagination:t.getPagination},{default:r(()=>[(i(!0),E(N,null,$(t.getData,e=>(i(),g(m,{key:e.id,class:"list-item"},{default:r(()=>[F(d,null,{title:r(()=>[h("div",Z,[F(p,{onClick:rt=>t.handleTitleClick(e),style:x([{width:"100%","margin-bottom":"0 !important"},{cursor:t.isTitleClickable?"pointer":""}]),delete:!!e.titleDelete,ellipsis:t.$props.titleRows&&t.$props.titleRows>0?{rows:t.$props.titleRows,tooltip:!!e.title}:!1,content:e.title},null,8,["onClick","style","delete","ellipsis","content"]),e.extra?(i(),E("div",Q,[F(C,{class:"tag",color:e.color},{default:r(()=>[G(v(e.extra),1)]),_:2},1032,["color"])])):b("",!0)])]),avatar:r(()=>[e.avatar?(i(),g(a,{key:0,class:"avatar",src:e.avatar},null,8,["src"])):(i(),E("span",tt,v(e.avatar),1))]),description:r(()=>[h("div",null,[e.description?(i(),E("div",et,[F(p,{style:{width:"100%","margin-bottom":"0 !important"},ellipsis:t.$props.descRows&&t.$props.descRows>0?{rows:t.$props.descRows,tooltip:!!e.description}:!1,content:e.description},null,8,["ellipsis","content"])])):b("",!0),h("div",ut,v(e.datetime),1)])]),_:2},1024)]),_:2},1024))),128))]),_:1},8,["class","pagination"])}var st=z(Y,[["render",at],["__scopeId","data-v-737c3776"]]);const ot=T({components:{Popover:I,BellOutlined:W,Tabs:k,TabPane:k.TabPane,Badge:K,NoticeList:st},setup(){const{prefixCls:t}=S("header-notify"),{createMessage:u}=R(),s=P(f),o=y(()=>{let c=0;for(let p=0;p<f.length;p++)c+=f[p].list.length;return c});function l(c){u.success("\u4F60\u70B9\u51FB\u4E86\u901A\u77E5\uFF0CID="+c.id),c.titleDelete=!c.titleDelete}return{prefixCls:t,listData:s,count:o,onNoticeClick:l,numberStyle:{}}}}),it={key:0};function nt(t,u,s,o,l,c){const p=n("BellOutlined"),C=n("Badge"),a=n("NoticeList"),d=n("TabPane"),m=n("Tabs"),D=n("Popover");return i(),E("div",{class:M(t.prefixCls)},[F(D,{title:"",trigger:"click",overlayClassName:`${t.prefixCls}__overlay`},{content:r(()=>[F(m,null,{default:r(()=>[(i(!0),E(N,null,$(t.listData,e=>(i(),g(d,{key:e.key},{tab:r(()=>[G(v(e.name)+" ",1),e.list.length!==0?(i(),E("span",it,"("+v(e.list.length)+")",1)):b("",!0)]),default:r(()=>[e.key==="1"?(i(),g(a,{key:0,list:e.list,onTitleClick:t.onNoticeClick},null,8,["list","onTitleClick"])):(i(),g(a,{key:1,list:e.list},null,8,["list"]))]),_:2},1024))),128))]),_:1})]),default:r(()=>[F(C,{count:t.count,dot:"",numberStyle:t.numberStyle},{default:r(()=>[F(p)]),_:1},8,["count","numberStyle"])]),_:1},8,["overlayClassName"])],2)}var At=z(ot,[["render",nt]]);export{At as default};
|
