@robot-admin/naive-ui-components 0.19.0 → 0.21.0

package/dist/C_NotificationCenter2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`),n=require(`./html.cjs`),r=require(`./storage.cjs`);let i=require(`vue`),a=require(`naive-ui`);const o=6e4,s=`notification_center`,c=3e3,l=3e4,u=`ping`,d={system:{label:`系统通知`,icon:`mdi:cog-outline`,color:`info`},business:{label:`业务消息`,icon:`mdi:briefcase-outline`,color:`success`},alarm:{label:`告警预警`,icon:`mdi:alert-outline`,color:`warning`}},f=[{key:`all`,label:`全部`},{key:`system`,label:`系统通知`},{key:`business`,label:`业务消息`},{key:`alarm`,label:`告警预警`}],p={low:{label:`低`,type:`default`},normal:{label:`普通`,type:`info`},high:{label:`重要`,type:`warning`},urgent:{label:`紧急`,type:`error`}},m=[{id:`msg-001`,title:`系统维护通知`,summary:`系统将于今晚 22:00-23:00 进行例行维护升级，届时部分功能可能暂时不可用。`,content:`<p>尊敬的用户：</p><p>为了提升系统性能和稳定性，我们计划于 <strong>2026年2月27日 22:00-23:00</strong> 对系统进行例行维护升级。</p><p>维护期间，以下功能可能暂时不可用：</p><ul><li>报表导出</li><li>数据同步</li><li>定时任务</li></ul><p>请提前保存好未完成的工作，感谢您的理解与支持！</p>`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-15*6e4).toISOString(),sender:{name:`系统管理员`,avatar:``}},{id:`msg-002`,title:`审批流程待处理`,summary:`张三提交的《Q1 季度预算申请》需要您审批，请尽快处理。`,category:`business`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-30*6e4).toISOString(),sender:{name:`张三`,avatar:``},actionUrl:`/workflow/approval`,actionText:`去审批`},{id:`msg-003`,title:`服务器 CPU 使用率告警`,summary:`生产环境节点 prod-node-03 CPU 使用率持续超过 90%，已触发告警阈值。`,category:`alarm`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-2*6e4).toISOString(),sender:{name:`监控中心`},actionUrl:`/monitor/server`,actionText:`查看详情`},{id:`msg-004`,title:`新版本发布 v1.14.0`,summary:`系统已升级至 v1.14.0，新增通知中心、工作流增强等多项功能。`,category:`system`,priority:`normal`,status:`unread`,timestamp:new Date(Date.now()-3*36e5).toISOString(),sender:{name:`系统管理员`}},{id:`msg-005`,title:`项目交付提醒`,summary:`「Robot Admin 二期」项目交付截止日期为 3月15日，当前进度 78%。`,category:`business`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-8*36e5).toISOString(),sender:{name:`项目管理系统`}},{id:`msg-006`,title:`数据库连接池告警`,summary:`数据库连接池使用率达到 85%，建议关注并适时扩容。`,category:`alarm`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-12*36e5).toISOString(),sender:{name:`监控中心`}},{id:`msg-007`,title:`周报提交提醒`,summary:`本周周报提交截止时间为周五 18:00，请及时提交。`,category:`business`,priority:`normal`,status:`read`,timestamp:new Date(Date.now()-24*36e5).toISOString(),sender:{name:`OA 系统`}},{id:`msg-008`,title:`账号安全提醒`,summary:`检测到您的账号在新设备上登录，如非本人操作请及时修改密码。`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-45*6e4).toISOString(),sender:{name:`安全中心`}}];function h(e,t){let n=(0,i.ref)(`disconnected`),r=null,a=0,o=null,s=null,d=null,f=null,p=0;function m(e){n.value=e,t?.(e)}function h(e){f=e,a=0,g(e)}function g(e){let t=++p;S(),m(`connecting`);try{r=new WebSocket(_(e))}catch{m(`disconnected`),e.autoReconnect!==!1&&y(e);return}let n=r;n.addEventListener(`open`,()=>{t!==p||n!==r||(m(`connected`),a=0,b(e))}),n.addEventListener(`message`,e=>{t!==p||n!==r||v(e.data)}),n.addEventListener(`close`,()=>{t!==p||n!==r||(r=null,x(),m(`disconnected`),e.autoReconnect!==!1&&y(e))}),n.addEventListener(`error`,()=>{})}function _(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function v(t){if(typeof t==`string`){if(t===`pong`){d&&clearTimeout(d),d=null;return}try{let n=JSON.parse(t);n&&typeof n==`object`&&[`new_message`,`read_sync`,`count_update`].includes(String(n.type))&&`data`in n&&e(n)}catch{}}}function y(e){if(f!==e||o)return;let t=Math.max(0,Math.trunc(e.maxReconnectAttempts??5));if(a>=t)return;a++,m(`reconnecting`);let n=Math.max(0,e.reconnectInterval??c),r=Math.min(6e4,n*2**(a-1)),i=p;o=setTimeout(()=>{o=null,!(i!==p||f!==e)&&g(e)},r)}function b(e){x();let t=e.heartbeatInterval??l;if(t<=0)return;let n=e.heartbeatMessage??u;s=setInterval(()=>{if(r?.readyState===WebSocket.OPEN&&!d)try{r.send(n);let t=e.heartbeatTimeout??0;if(t>0){let e=r;d=setTimeout(()=>{d=null,e===r&&e.close()},t)}}catch{r.close()}},t)}function x(){d&&clearTimeout(d),d=null,s&&=(clearInterval(s),null)}function S(){x(),o&&=(clearTimeout(o),null),r&&=(r.close(),null)}function C(){f=null,p++,a=0,S(),m(`disconnected`)}function w(){f&&(a=0,g(f))}return(0,i.getCurrentScope)()&&(0,i.onScopeDispose)(C),{status:(0,i.readonly)(n),connect:h,disconnect:C,reconnect:w}}const g=[`system`,`business`,`alarm`],_=()=>({list:[],known:new Map,total:0,unread:0,categories:{},statisticsVersion:0,queryCategory:`all`});function v(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.id==`string`&&t.id.length>0&&typeof t.title==`string`&&typeof t.summary==`string`&&typeof t.timestamp==`string`&&Number.isFinite(Date.parse(t.timestamp))&&g.includes(t.category)&&[`low`,`normal`,`high`,`urgent`].includes(String(t.priority))&&[`read`,`unread`,`archived`].includes(String(t.status))}function y(e){return{...e,...e.sender?{sender:{...e.sender}}:{},...e.extra?{extra:{...e.extra}}:{}}}function b(e){let t={system:0,business:0,alarm:0};for(let n of e)n.status===`unread`&&t[n.category]++;return t}function x(e){return typeof e==`number`&&Number.isSafeInteger(e)&&e>=0}function S(e){let t={};if(e&&typeof e==`object`)for(let n of g){let r=e[n];x(r)&&(t[n]=r)}return t}function C(e,t,n){let r=new Map(e);for(let e of t)n?r.delete(e.id):e.status===`unread`&&r.set(e.id,{...e,status:`read`});return r}function w(e,t,n){if(t.kind!==`delete`&&t.kind!==`clear`)return e.total;let r=e.queryCategory===t.queryCategory?t.unknownTotal:0;return Math.max(0,e.total-n-r)}function T(e,t){let n=new Set(t.ids),r=[...e.known.values()].filter(e=>n.has(e.id)),i=e.list.filter(e=>n.has(e.id)),a=r.filter(e=>e.status===`unread`),o=t.kind===`delete`||t.kind===`clear`,s=o?e.list.filter(e=>!n.has(e.id)):e.list.map(e=>n.has(e.id)&&e.status===`unread`?{...e,status:`read`}:e),c={...e.categories},l=C(e.known,r,o),u=e.statisticsVersion===t.statisticsVersion;for(let e of g){let n=c[e];if(n===void 0||!u)continue;let r=a.filter(t=>t.category===e).length;c[e]=Math.max(0,n-r-(t.unknownCategories[e]??0))}return{list:s,known:l,total:w(e,t,i.length),unread:u?Math.max(0,e.unread-a.length-t.unknownUnread):e.unread,categories:c,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function ee(e,t,n,r){if(!Array.isArray(e?.list)||!e.list.every(v)||!x(e.total)||!x(e.unreadCount))throw Error(`消息接口返回的数据或统计无效`);let i=new Map,a=new Map(t.known);if(!n)for(let e of t.list)i.set(e.id,e);for(let t of e.list){let e=y(t);i.set(t.id,e),a.set(t.id,e)}return{list:[...i.values()],known:a,total:e.total,unread:e.unreadCount,categories:S(e.unreadByCategory),statisticsVersion:t.statisticsVersion,queryCategory:r}}function te(e,t,n){let r=b(t),i={},a=n?[n]:g;for(let t of a){let n=e.categories[t];n!==void 0&&(i[t]=Math.max(0,n-r[t]))}let o=n?e.categories[n]:e.unread;return{unknownCategories:i,unknownUnread:o===void 0?0:Math.max(0,o-t.filter(e=>e.status===`unread`).length)}}function E(e,t={}){let n=(0,i.computed)(()=>e.dataMode??(e.fetchNotifications?`remote`:`demo`)),a=(0,i.shallowRef)(_()),c=(0,i.shallowRef)([]),l=(0,i.computed)(()=>c.value.reduce(T,a.value)),u=(0,i.computed)(()=>l.value.list),d=(0,i.ref)(`all`),f=(0,i.ref)(!1),p=(0,i.ref)(1),g=(0,i.ref)(null),C=(0,i.ref)(!1),w=(0,i.ref)(`disconnected`),E=(0,i.ref)(null),ne=(0,i.computed)(()=>l.value.unread),re=(0,i.computed)(()=>l.value.categories),D=(0,i.computed)(()=>d.value===`all`?u.value:u.value.filter(e=>e.category===d.value)),O=(0,i.computed)(()=>n.value===`demo`?D.value.length:l.value.total),ie=(0,i.computed)(()=>n.value===`remote`&&D.value.length<O.value),ae=(0,i.computed)(()=>c.value.length>0),oe=(0,i.computed)(()=>[...new Set(c.value.flatMap(e=>e.ids))]),k=0,A=0,se=0,j=0,M=!1,N=!1,P=[],F=null,I=!1,L,R=new Set;function z(t,n){E.value=t instanceof Error?t.message:`消息操作失败，请重试`,e.onError?.(t,n)}function B(){E.value=null}function V(e){let t=new Set([...e.list.map(e=>e.id),...c.value.flatMap(e=>e.ids)]),n=new Map,r=0;for(let[i,a]of[...e.known].reverse()){let e=t.has(i);(e||r<256)&&(n.set(i,a),e||r++)}return{...e,known:new Map([...n].reverse())}}function H(e){let t=b(e);return{list:e,known:new Map(e.map(e=>[e.id,e])),total:e.length,unread:Object.values(t).reduce((e,t)=>e+t,0),categories:t,statisticsVersion:0,queryCategory:`all`}}function ce(){let t=r.t(e.storageKey??s);if(t?.version===2&&Array.isArray(t.messages)){a.value=H(t.messages.filter(v).map(y));return}let n=new Set(Array.isArray(t?.readIds)?t.readIds:[]);a.value=H(m.map(e=>({...y(e),status:n.has(e.id)?`read`:e.status})))}function U(){n.value===`demo`&&r.i(e.storageKey??s,{version:2,messages:a.value.list.map(y)})}function W(e){let t=++A;f.value&&P.push({...e,version:t})}function le(e){return n.value===`demo`||d.value===`all`||d.value===e.category}function ue(e,t,n=!1){if(e.list.some(e=>e.id===t.id)||!n&&e.known.has(t.id))return e;let r=le(t),i={...e.categories};return t.status===`unread`&&i[t.category]!==void 0&&i[t.category]++,{list:r?[y(t),...e.list]:e.list,known:new Map([...e.known,[t.id,y(t)]]),total:e.total+(r?1:0),unread:e.unread+(t.status===`unread`?1:0),categories:i,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function de(e,t){return`operation`in t?T(e,{...t.operation,statisticsVersion:e.statisticsVersion}):`message`in t?ue(e,t.message,!0):{...e,unread:t.counts.unreadCount,categories:{...e.categories,...S(t.counts.unreadByCategory)},statisticsVersion:e.statisticsVersion+1}}function G(e,t){return!N&&t===j&&e===k}async function fe(t,n){if(!e.fetchNotifications)throw Error(`远程消息模式未配置 fetchNotifications`);return e.fetchNotifications({category:n===`all`?void 0:n,page:t,pageSize:e.pageSize??20})}function pe(e,t){let n=e;for(let e of P)e.version>t&&(n=de(n,e));return n}async function K(e,t){let r=++k,i=A,o=d.value,s=j;f.value=!0,B();try{if(n.value===`demo`){ce(),p.value=1;return}let c=await fe(e,o);if(!G(r,s))return;a.value=V(pe(ee(c,a.value,t,o),i)),p.value=e}catch(n){throw G(r,s)&&(L=()=>K(e,t),z(n,`fetch`)),n}finally{G(r,s)&&(f.value=!1,P=[])}}async function q(e=!1){await K(e?1:p.value,e)}async function me(){f.value||!ie.value||await K(p.value+1,!1)}function J(e,t,n){let r={id:++se,kind:e,ids:[...new Set(t)],category:n,unknownUnread:0,unknownCategories:{},unknownTotal:0,statisticsVersion:a.value.statisticsVersion,queryCategory:d.value};if(e!==`read-all`&&e!==`clear`)return r;let i=[...a.value.known.values()].filter(e=>!n||e.category===n);Object.assign(r,te(a.value,i,n));let o=!n||d.value===n;return e===`clear`&&o&&(r.unknownTotal=Math.max(0,a.value.total-a.value.list.filter(e=>!n||e.category===n).length)),r}async function Y(e,t,r){if(B(),n.value===`remote`&&!t){let n=Error(`远程消息模式未配置 `+r+` 接口`);throw L=()=>Y(e,t,r),z(n,r),n}let i=j;c.value=[...c.value,e];try{if(n.value===`remote`&&await t(),N||i!==j){let e=Error(`消息作用域已失效`);throw e.name=`AbortError`,e}a.value=T(a.value,e),W({operation:e}),U()}catch(n){throw!N&&i===j&&(L=()=>Y(e,t,r),z(n,r)),n}finally{i===j&&(c.value=c.value.filter(t=>t.id!==e.id),a.value=V(a.value))}}async function he(t){await Y(J(`read`,t),e.markAsRead?()=>e.markAsRead(t):void 0,`mark-as-read`)}async function ge(t){await Y(J(`read-all`,[...a.value.known.values()].filter(e=>!t||e.category===t).map(e=>e.id),t),e.markAllRead?()=>e.markAllRead(t):void 0,`mark-all-as-read`)}async function _e(t){await Y(J(`delete`,t),e.deleteNotification?()=>e.deleteNotification(t):void 0,`delete`),g.value&&t.includes(g.value.id)&&Z()}async function ve(t){await Y(J(`clear`,[...a.value.known.values()].filter(e=>!t||e.category===t).map(e=>e.id),t),e.clearNotifications?()=>e.clearNotifications(t):void 0,`clear`),g.value&&(!t||g.value.category===t)&&Z()}let X=new Set;function ye(e){if(!v(e))return;let n=e;X.has(n.id)||a.value.known.has(n.id)||(X.add(n.id),X.size>2e3&&X.delete(X.values().next().value),a.value=ue(a.value,n),W({message:y(n)}),U(),t.onNewMessage?.(n),De(n))}function be(e){if(!Array.isArray(e))return;let t=J(`read`,e.filter(v).map(e=>e.id));a.value=T(a.value,t),W({operation:t}),U()}function xe(e){if(e&&typeof e==`object`&&`unreadCount`in e&&x(e.unreadCount)){let t=e;a.value=de(a.value,{version:0,counts:t}),W({counts:t})}}function Se(e){if(!N)switch(e.type){case`new_message`:ye(e.data);break;case`read_sync`:be(e.data);break;case`count_update`:xe(e.data);break}}function Ce(e){w.value=e,t.onWSStatusChange?.(e),e===`connected`&&(I&&n.value===`remote`&&q(!0).catch(()=>void 0),I=!0)}let we=h(Se,Ce);function Te(t=e.wsConfig){t&&we.connect(t)}function Ee(){we.disconnect()}function De(t){if(!e.desktopNotification||typeof window>`u`||!(`Notification`in window)||Notification.permission!==`granted`)return;let n=new Notification(t.title,{body:t.summary,icon:t.sender?.avatar,tag:t.id});n.addEventListener(`click`,()=>{window.focus(),ke(t),n.close()});let r=setTimeout(()=>{n.close(),R.delete(r)},5e3);R.add(r)}async function Oe(){return typeof window>`u`||!(`Notification`in window)?`unsupported`:Notification.requestPermission()}function ke(e){g.value=e,e.status===`unread`&&he([e.id]).catch(()=>void 0)}function Z(){g.value=null}function Ae(e){d.value!==e&&(d.value=e,Z(),n.value===`remote`&&(a.value={...a.value,list:[],total:0,queryCategory:e},p.value=1,q(!0).catch(()=>void 0)))}function Q(){if(M)return;M=!0,N=!1,q(!0).catch(()=>void 0);let t=e.pollingInterval??o;n.value===`remote`&&t>0&&(F=setInterval(()=>{f.value||q(!0).catch(()=>void 0)},t)),Te()}function $(){M=!1,N=!0,j++,k++,f.value=!1,c.value=[],P=[],L=void 0,X.clear(),I=!1,F&&clearInterval(F),F=null;for(let e of R)clearTimeout(e);R.clear(),Ee()}async function je(){L?await L():await q(!0)}return(0,i.getCurrentScope)()&&(0,i.onScopeDispose)($),e.autoStart!==!1&&((0,i.getCurrentInstance)()?(0,i.onMounted)(Q):Q()),(0,i.watch)(u,e=>{let t=g.value?.id;t&&(g.value=e.find(e=>e.id===t)??null)}),(0,i.watch)(()=>[n.value,e.storageKey],()=>{let e=M;$(),a.value=_(),d.value=`all`,g.value=null,C.value=!1,E.value=null,e&&Q()}),{messages:u,activeCategory:d,loading:f,total:O,page:p,selectedMessage:g,popoverVisible:C,wsStatus:w,unreadCount:ne,unreadByCategory:re,filteredMessages:D,hasMore:ie,error:E,busy:ae,pendingIds:oe,fetchMessages:q,loadMore:me,markAsRead:he,markAllAsRead:ge,deleteMessages:_e,clearMessages:ve,selectMessage:ke,clearSelection:Z,switchCategory:Ae,clearError:B,retry:je,requestDesktopPermission:Oe,connectWS:Te,disconnectWS:Ee,initialize:Q,dispose:$}}const ne={class:`notification-badge`},re=[`aria-label`],D={key:0,class:`notification-badge__count`},O={key:0,class:`notification-badge__pulse`},ie=(0,i.defineComponent)({__name:`NotificationBadge`,props:{count:{default:0},maxCount:{default:99},hasUrgent:{type:Boolean,default:!1}},emits:[`click`],setup(t){let n=t,r=(0,i.computed)(()=>n.count>n.maxCount?`${n.maxCount}+`:String(n.count));return(n,o)=>{let s=a.NTooltip;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,ne,[(0,i.createVNode)(s,{trigger:`hover`,placement:`bottom`},{trigger:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`button`,{type:`button`,class:`notification-badge__trigger`,"aria-label":`消息通知${t.count>0?`（${t.count} 条未读）`:``}`,onClick:o[0]||=e=>n.$emit(`click`)},[(0,i.createVNode)(e.t,{name:`mdi:bell-outline`,size:18,class:`notification-badge__icon`}),(0,i.createCommentVNode)(` 未读角标 `),(0,i.createVNode)(i.Transition,{name:`badge-bounce`},{default:(0,i.withCtx)(()=>[t.count>0?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,D,(0,i.toDisplayString)(r.value),1)):(0,i.createCommentVNode)(`v-if`,!0)]),_:1}),(0,i.createCommentVNode)(` 脉冲动画（有紧急消息时） `),t.hasUrgent?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,O)):(0,i.createCommentVNode)(`v-if`,!0)],8,re)]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` 消息通知`+(0,i.toDisplayString)(t.count>0?`（${t.count} 条未读）`:``),1)]),_:1})])}}});var ae=t.t(ie,[[`__scopeId`,`data-v-51516250`]]);const oe=6e4,k=36e5,A=864e5,se=7*A,j=30*A;365*A;let M=null;function N(){return M||=P(),M}function P(){function e(e){let r=new Date(e),i=Date.now()-r.getTime();if(i<0||i<oe)return`刚刚`;if(i<k)return`${Math.floor(i/oe)}分钟前`;if(i<A)return`${Math.floor(i/k)}小时前`;let a=new Date;return a.setHours(0,0,0,0),r>=new Date(a.getTime()-A)&&r<a?`昨天 ${n(r.getHours())}:${n(r.getMinutes())}`:i<se?`${Math.floor(i/A)}天前`:i<j?`${Math.floor(i/se)}周前`:i<31536e6?`${Math.floor(i/j)}个月前`:t(r)}function t(e){return`${e.getFullYear()}-${n(e.getMonth()+1)}-${n(e.getDate())} ${n(e.getHours())}:${n(e.getMinutes())}`}function n(e){return e<10?`0${e}`:String(e)}return{formatRelativeTime:e,formatFullDate:t}}const F={class:`notification-item__indicator`},I={class:`notification-item__avatar`},L={class:`notification-item__body`},R={class:`notification-item__header`},z={class:`notification-item__title`},B={class:`notification-item__summary`},V={class:`notification-item__meta`},H={class:`notification-item__time`},ce={key:0,class:`notification-item__sender`},U=[`disabled`],W=[`disabled`],le=(0,i.defineComponent)({__name:`NotificationItem`,props:{message:{},busy:{type:Boolean}},emits:[`click`,`read`,`delete`],setup(t){let n=t,{formatRelativeTime:r}=N(),o=(0,i.computed)(()=>d[n.message.category]?.icon??`mdi:bell-outline`),s=(0,i.computed)(()=>p[n.message.priority]??p.normal),c=(0,i.computed)(()=>r(n.message.timestamp));return(n,r)=>{let l=a.NAvatar,u=a.NTag,d=a.NTooltip;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([`notification-item`,{"notification-item--unread":t.message.status===`unread`,"notification-item--urgent":t.message.priority===`urgent`}]),onClick:r[3]||=e=>n.$emit(`click`,t.message)},[(0,i.createCommentVNode)(` 未读指示点 `),(0,i.createElementVNode)(`div`,F,[t.message.status===`unread`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`notification-item__dot`,`notification-item__dot--${t.message.priority}`])},null,2)):(0,i.createCommentVNode)(`v-if`,!0)]),(0,i.createCommentVNode)(` 头像 `),(0,i.createElementVNode)(`div`,I,[t.message.sender?.avatar?((0,i.openBlock)(),(0,i.createBlock)(l,{key:0,src:t.message.sender.avatar,size:36,round:``},null,8,[`src`])):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`notification-item__avatar-placeholder`,`notification-item__avatar-placeholder--${t.message.category}`])},[(0,i.createVNode)(e.t,{name:o.value,size:16},null,8,[`name`])],2))]),(0,i.createCommentVNode)(` 内容 `),(0,i.createElementVNode)(`div`,L,[(0,i.createElementVNode)(`div`,R,[(0,i.createElementVNode)(`span`,z,(0,i.toDisplayString)(t.message.title),1),t.message.priority===`urgent`||t.message.priority===`high`?((0,i.openBlock)(),(0,i.createBlock)(u,{key:0,type:s.value.type,size:`tiny`,bordered:!1,round:``},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(s.value.label),1)]),_:1},8,[`type`])):(0,i.createCommentVNode)(`v-if`,!0)]),(0,i.createElementVNode)(`div`,B,(0,i.toDisplayString)(t.message.summary),1),(0,i.createElementVNode)(`div`,V,[(0,i.createElementVNode)(`span`,H,(0,i.toDisplayString)(c.value),1),t.message.sender?.name?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ce,(0,i.toDisplayString)(t.message.sender.name),1)):(0,i.createCommentVNode)(`v-if`,!0)])]),(0,i.createCommentVNode)(` 操作区 `),(0,i.createElementVNode)(`div`,{class:`notification-item__actions`,onClick:r[2]||=(0,i.withModifiers)(()=>{},[`stop`])},[t.message.status===`unread`?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,trigger:`hover`,placement:`top`},{trigger:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`button`,{class:`notification-item__action`,type:`button`,disabled:t.busy,"aria-label":`标记已读`,onClick:r[0]||=e=>n.$emit(`read`,t.message.id)},[(0,i.createVNode)(e.t,{name:`mdi:check`,size:16})],8,U)]),default:(0,i.withCtx)(()=>[r[4]||=(0,i.createTextVNode)(` 标记已读 `,-1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createVNode)(d,{trigger:`hover`,placement:`top`},{trigger:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`button`,{class:`notification-item__action`,type:`button`,disabled:t.busy,"aria-label":`删除消息`,onClick:r[1]||=e=>n.$emit(`delete`,t.message.id)},[(0,i.createVNode)(e.t,{name:`mdi:delete-outline`,size:16})],8,W)]),default:(0,i.withCtx)(()=>[r[5]||=(0,i.createTextVNode)(` 删除 `,-1)]),_:1})])],2)}}});var ue=t.t(le,[[`__scopeId`,`data-v-8a4522f3`]]);const de={class:`notification-list`},G={class:`notification-list__tabs`},fe=[`aria-pressed`,`onClick`],pe={key:0,class:`notification-list__tab-count`},K={key:0,class:`notification-list__toolbar`},q={class:`notification-list__skeleton-text`},me={class:`notification-list__items`},J=[`disabled`],Y={class:`notification-list__empty`},he=(0,i.defineComponent)({__name:`NotificationList`,props:{messages:{},activeCategory:{},unreadByCategory:{},busy:{type:Boolean,default:!1},pendingIds:{default:()=>[]},unreadCount:{},loading:{type:Boolean},hasMore:{type:Boolean},scrollHeight:{default:420}},emits:[`switchCategory`,`itemClick`,`read`,`delete`,`markAllRead`,`clear`,`loadMore`],setup(t){let n=t,r=(0,i.computed)(()=>n.activeCategory===`all`?n.unreadCount:n.unreadByCategory[n.activeCategory]);function o(e){return e===`all`?n.unreadCount:n.unreadByCategory[e]??0}return(n,s)=>{let c=a.NButton,l=a.NSkeleton,u=a.NSpin,d=a.NScrollbar;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,de,[(0,i.createCommentVNode)(` 分类 Tab `),(0,i.createElementVNode)(`div`,G,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(f),e=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:e.key,class:(0,i.normalizeClass)([`notification-list__tab`,{"notification-list__tab--active":t.activeCategory===e.key}]),type:`button`,"aria-pressed":t.activeCategory===e.key,onClick:t=>n.$emit(`switchCategory`,e.key)},[(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(e.label),1),o(e.key)>0?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,pe,(0,i.toDisplayString)(o(e.key)),1)):(0,i.createCommentVNode)(`v-if`,!0)],10,fe))),128))]),(0,i.createCommentVNode)(` 操作栏 `),t.messages.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,K,[(0,i.createVNode)(c,{text:``,size:`tiny`,disabled:t.busy||r.value!==void 0&&r.value===0,loading:t.busy,onClick:s[0]||=e=>n.$emit(`markAllRead`)},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:`mdi:check-all`,size:14})]),default:(0,i.withCtx)(()=>[s[6]||=(0,i.createTextVNode)(` 全部已读 `,-1)]),_:1},8,[`disabled`,`loading`]),(0,i.createVNode)(c,{text:``,size:`tiny`,disabled:t.busy,onClick:s[1]||=e=>n.$emit(`clear`)},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:`mdi:delete-sweep-outline`,size:14})]),default:(0,i.withCtx)(()=>[s[7]||=(0,i.createTextVNode)(` 清空 `,-1)]),_:1},8,[`disabled`])])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 消息列表 `),(0,i.createVNode)(d,{class:`notification-list__scroll`,style:(0,i.normalizeStyle)({maxHeight:`${t.scrollHeight}px`})},{default:(0,i.withCtx)(()=>[t.loading&&t.messages.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[(0,i.createCommentVNode)(` 骨架屏 `),((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(4,e=>(0,i.createElementVNode)(`div`,{key:e,class:`notification-list__skeleton`},[(0,i.createVNode)(l,{circle:``,width:36,height:36}),(0,i.createElementVNode)(`div`,q,[(0,i.createVNode)(l,{text:``,width:`60%`,height:14}),(0,i.createVNode)(l,{text:``,width:`90%`,height:12}),(0,i.createVNode)(l,{text:``,width:`40%`,height:10})])])),64))],64)):t.messages.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`div`,me,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(t.messages,e=>((0,i.openBlock)(),(0,i.createBlock)(ue,{key:e.id,message:e,busy:t.busy||t.pendingIds.includes(e.id),onClick:s[2]||=e=>n.$emit(`itemClick`,e),onRead:s[3]||=e=>n.$emit(`read`,e),onDelete:s[4]||=e=>n.$emit(`delete`,e)},null,8,[`message`,`busy`]))),128))]),(0,i.createCommentVNode)(` 加载更多 `),t.hasMore?((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:0,class:`notification-list__load-more`,type:`button`,disabled:t.loading,onClick:s[5]||=e=>n.$emit(`loadMore`)},[t.loading?((0,i.openBlock)(),(0,i.createBlock)(u,{key:0,size:14})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(t.loading?`加载中...`:`加载更多`),1)],8,J)):(0,i.createCommentVNode)(`v-if`,!0)],64)):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:2},[(0,i.createCommentVNode)(` 空状态 `),(0,i.createElementVNode)(`div`,Y,[(0,i.createVNode)(e.t,{name:`mdi:bell-off-outline`,size:48,class:`notification-list__empty-icon`}),s[8]||=(0,i.createElementVNode)(`span`,{class:`notification-list__empty-text`},`暂无消息`,-1)])],2112))]),_:1},8,[`style`])])}}});var ge=t.t(he,[[`__scopeId`,`data-v-63a2d867`]]);function _e(e){return e.includes(`\\`)||e.startsWith(`//`)||Array.from(e).some(e=>e.charCodeAt(0)<32)}function ve(e){let t=e?.trim();if(!t||_e(t))return null;if(/^https?:\/\//i.test(t))try{let e=new URL(t);return e.protocol!==`http:`&&e.protocol!==`https:`?null:{kind:`external`,url:e.href}}catch{return null}return/^[a-z][a-z\d+.-]*:/i.test(t)?null:{kind:`internal`,url:t}}const X={class:`notification-detail`},ye={class:`notification-detail__back`},be={class:`notification-detail__header`},xe={class:`notification-detail__title`},Se={class:`notification-detail__meta`},Ce={class:`notification-detail__time`},we={key:0,class:`notification-detail__sender`},Te=[`innerHTML`],Ee={key:1,class:`notification-detail__body`},De={key:0,class:`notification-detail__footer`},Oe=(0,i.defineComponent)({__name:`NotificationDetail`,props:{message:{},scrollHeight:{default:320}},emits:[`back`,`action`,`navigate`],setup(t,{emit:r}){let o=t,s=r,{formatRelativeTime:c}=N(),l=(0,i.computed)(()=>d[o.message.category]??d.system),u=(0,i.computed)(()=>p[o.message.priority]??p.normal),f=(0,i.computed)(()=>c(o.message.timestamp)),m=(0,i.computed)(()=>n.t(o.message.content||``));function h(){let e=ve(o.message.actionUrl);e&&(s(`action`,e.url),e.kind===`external`?window.open(e.url,`_blank`,`noopener,noreferrer`):s(`navigate`,e.url))}return(n,r)=>{let o=a.NButton,s=a.NTag,c=a.NAvatar,d=a.NScrollbar;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,X,[(0,i.createCommentVNode)(` 返回栏 `),(0,i.createElementVNode)(`div`,ye,[(0,i.createVNode)(o,{text:``,size:`small`,onClick:r[0]||=e=>n.$emit(`back`)},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:`mdi:arrow-left`,size:16})]),default:(0,i.withCtx)(()=>[r[1]||=(0,i.createTextVNode)(` 返回列表 `,-1)]),_:1})]),(0,i.createCommentVNode)(` 消息头部 `),(0,i.createElementVNode)(`div`,be,[(0,i.createElementVNode)(`h3`,xe,(0,i.toDisplayString)(t.message.title),1),(0,i.createElementVNode)(`div`,Se,[(0,i.createVNode)(s,{type:l.value.color,size:`tiny`,bordered:!1,round:``},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:l.value.icon,size:12},null,8,[`name`])]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)(l.value.label),1)]),_:1},8,[`type`]),t.message.priority===`urgent`||t.message.priority===`high`?((0,i.openBlock)(),(0,i.createBlock)(s,{key:0,type:u.value.type,size:`tiny`,bordered:!1,round:``},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(u.value.label),1)]),_:1},8,[`type`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`span`,Ce,(0,i.toDisplayString)(f.value),1)]),t.message.sender?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,we,[t.message.sender.avatar?((0,i.openBlock)(),(0,i.createBlock)(c,{key:0,src:t.message.sender.avatar,size:20,round:``},null,8,[`src`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(t.message.sender.name),1)])):(0,i.createCommentVNode)(`v-if`,!0)]),(0,i.createCommentVNode)(` 消息内容 `),(0,i.createVNode)(d,{class:`notification-detail__content`,style:(0,i.normalizeStyle)({maxHeight:`${t.scrollHeight}px`})},{default:(0,i.withCtx)(()=>[t.message.content?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`notification-detail__body`,innerHTML:m.value},null,8,Te)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Ee,(0,i.toDisplayString)(t.message.summary),1))]),_:1},8,[`style`]),(0,i.createCommentVNode)(` 操作区 `),t.message.actionUrl?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,De,[(0,i.createVNode)(o,{type:`primary`,size:`small`,onClick:h},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:`mdi:arrow-right`,size:16})]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(t.message.actionText||`查看详情`)+` `,1)]),_:1})])):(0,i.createCommentVNode)(`v-if`,!0)])}}});var ke=t.t(Oe,[[`__scopeId`,`data-v-8e02b6cd`]]);const Z={class:`c-notification-center`},Ae={class:`c-notification-center__panel`},Q={class:`c-notification-center__header`},$={class:`c-notification-center__header-extra`},je={key:0,class:`c-notification-center__error`,role:`alert`},Me={class:`c-notification-center__footer`},Ne=(0,i.defineComponent)({name:`C_NotificationCenter`,__name:`index`,props:{dataMode:{},controller:{},autoStart:{type:Boolean,default:!0},fetchNotifications:{},markAsRead:{},markAllRead:{},deleteNotification:{},clearNotifications:{},wsConfig:{},desktopNotification:{type:Boolean,default:!1},maxBadgeCount:{default:99},pollingInterval:{default:6e4},pageSize:{default:20},storageKey:{default:`notification_center`},onError:{}},emits:[`itemClick`,`read`,`allRead`,`delete`,`unreadChange`,`wsStatusChange`,`newMessage`,`navigate`,`viewAll`],setup(e,{expose:t,emit:n}){let r=e,o=n,s=r.controller??E(r,{onNewMessage:e=>o(`newMessage`,e),onWSStatusChange:e=>o(`wsStatusChange`,e)}),c=(0,i.computed)(()=>s.messages.value.some(e=>e.status===`unread`&&e.priority===`urgent`)),l=(0,i.computed)(()=>({connected:`已连接`,connecting:`连接中...`,disconnected:`未连接`,reconnecting:`重连中...`})[s.wsStatus.value]??`未知`);(0,i.watch)(()=>s.unreadCount.value,e=>{o(`unreadChange`,e)});function u(){s.popoverVisible.value=!s.popoverVisible.value}async function d(){try{s.retry?await s.retry():await s.fetchMessages(!0)}catch{}}async function f(){try{await s.loadMore()}catch{}}function p(){s.popoverVisible.value=!1,o(`viewAll`)}function m(e){s.selectMessage(e),o(`itemClick`,e)}async function h(e){try{await s.markAsRead([e]),o(`read`,[e])}catch{}}async function g(e){try{await s.deleteMessages([e]),o(`delete`,[e])}catch{}}async function _(){let e=s.activeCategory.value===`all`?void 0:s.activeCategory.value;try{await s.markAllAsRead(e),o(`allRead`,e)}catch{}}async function v(){let e=s.activeCategory.value===`all`?void 0:s.activeCategory.value;try{await s.clearMessages(e)}catch{}}function y(){s.popoverVisible.value=!1}function b(){s.clearSelection()}return t({refresh:()=>s.fetchMessages(!0),connectWS:()=>{r.wsConfig&&s.connectWS(r.wsConfig)},disconnectWS:s.disconnectWS,getUnreadCount:()=>s.unreadCount.value,getMessages:()=>s.messages.value.map(e=>({...e})),markRead:e=>s.markAsRead(e),markAllAsRead:e=>s.markAllAsRead(e),requestDesktopPermission:s.requestDesktopPermission}),(e,t)=>{let n=a.NTooltip,x=a.NButton,S=a.NPopover;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,Z,[(0,i.createVNode)(S,{show:(0,i.unref)(s).popoverVisible.value,"onUpdate:show":t[1]||=e=>(0,i.unref)(s).popoverVisible.value=e,width:420,trigger:`manual`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:b},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)(ae,{count:(0,i.unref)(s).unreadCount.value,"max-count":r.maxBadgeCount,"has-urgent":c.value,onClick:u},null,8,[`count`,`max-count`,`has-urgent`])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Ae,[(0,i.createCommentVNode)(` 头部标题 `),(0,i.createElementVNode)(`div`,Q,[t[2]||=(0,i.createElementVNode)(`span`,{class:`c-notification-center__title`},`消息中心`,-1),(0,i.createElementVNode)(`div`,$,[(0,i.createCommentVNode)(` WebSocket 连接状态 `),r.wsConfig||(0,i.unref)(s).wsStatus.value!==`disconnected`?((0,i.openBlock)(),(0,i.createBlock)(n,{key:0,trigger:`hover`,placement:`top`},{trigger:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`c-notification-center__ws-dot`,`c-notification-center__ws-dot--${(0,i.unref)(s).wsStatus.value}`])},null,2)]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)(l.value),1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)])]),(0,i.unref)(s).error.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,je,[(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)((0,i.unref)(s).error.value),1),(0,i.createVNode)(x,{size:`tiny`,loading:(0,i.unref)(s).loading.value,onClick:d},{default:(0,i.withCtx)(()=>[...t[3]||=[(0,i.createTextVNode)(`重试`,-1)]]),_:1},8,[`loading`])])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 列表 / 详情切换 `),(0,i.createVNode)(i.Transition,{name:`slide-fade`,mode:`out-in`},{default:(0,i.withCtx)(()=>[(0,i.unref)(s).selectedMessage.value?((0,i.openBlock)(),(0,i.createBlock)(ke,{key:(0,i.unref)(s).selectedMessage.value.id,message:(0,i.unref)(s).selectedMessage.value,onBack:(0,i.unref)(s).clearSelection,onAction:y,onNavigate:t[0]||=e=>o(`navigate`,e)},null,8,[`message`,`onBack`])):((0,i.openBlock)(),(0,i.createBlock)(ge,{key:1,messages:(0,i.unref)(s).filteredMessages.value,"active-category":(0,i.unref)(s).activeCategory.value,"unread-by-category":(0,i.unref)(s).unreadByCategory.value,"unread-count":(0,i.unref)(s).unreadCount.value,loading:(0,i.unref)(s).loading.value,"has-more":(0,i.unref)(s).hasMore.value,busy:(0,i.unref)(s).busy.value,"pending-ids":(0,i.unref)(s).pendingIds.value,onSwitchCategory:(0,i.unref)(s).switchCategory,onItemClick:m,onRead:h,onDelete:g,onMarkAllRead:_,onClear:v,onLoadMore:f},null,8,[`messages`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`busy`,`pending-ids`,`onSwitchCategory`]))]),_:1}),(0,i.createElementVNode)(`div`,Me,[(0,i.createVNode)(x,{text:``,type:`primary`,size:`small`,onClick:p},{default:(0,i.withCtx)(()=>[...t[4]||=[(0,i.createTextVNode)(`查看全部消息`,-1)]]),_:1})])])]),_:1},8,[`show`])])}}});var Pe=t.t(Ne,[[`__scopeId`,`data-v-21f127ad`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return 20}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return 5}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return 99}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});
+require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./C_Icon2.cjs`),n=require(`./export-helper.cjs`),r=require(`./html.cjs`),i=require(`./storage.cjs`);let a=require(`vue`),o=require(`naive-ui`);const s=6e4,c=`notification_center`,l=3e3,u=3e4,d=`ping`,f={system:{label:`系统通知`,icon:`mdi:cog-outline`,color:`info`},business:{label:`业务消息`,icon:`mdi:briefcase-outline`,color:`success`},alarm:{label:`告警预警`,icon:`mdi:alert-outline`,color:`warning`}},p=[{key:`all`,label:`全部`},{key:`system`,label:`系统通知`},{key:`business`,label:`业务消息`},{key:`alarm`,label:`告警预警`}],m={low:{label:`低`,type:`default`},normal:{label:`普通`,type:`info`},high:{label:`重要`,type:`warning`},urgent:{label:`紧急`,type:`error`}},h=[{id:`msg-001`,title:`系统维护通知`,summary:`系统将于今晚 22:00-23:00 进行例行维护升级，届时部分功能可能暂时不可用。`,content:`<p>尊敬的用户：</p><p>为了提升系统性能和稳定性，我们计划于 <strong>2026年2月27日 22:00-23:00</strong> 对系统进行例行维护升级。</p><p>维护期间，以下功能可能暂时不可用：</p><ul><li>报表导出</li><li>数据同步</li><li>定时任务</li></ul><p>请提前保存好未完成的工作，感谢您的理解与支持！</p>`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-15*6e4).toISOString(),sender:{name:`系统管理员`,avatar:``}},{id:`msg-002`,title:`审批流程待处理`,summary:`张三提交的《Q1 季度预算申请》需要您审批，请尽快处理。`,category:`business`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-30*6e4).toISOString(),sender:{name:`张三`,avatar:``},actionUrl:`/workflow/approval`,actionText:`去审批`},{id:`msg-003`,title:`服务器 CPU 使用率告警`,summary:`生产环境节点 prod-node-03 CPU 使用率持续超过 90%，已触发告警阈值。`,category:`alarm`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-2*6e4).toISOString(),sender:{name:`监控中心`},actionUrl:`/monitor/server`,actionText:`查看详情`},{id:`msg-004`,title:`新版本发布 v1.14.0`,summary:`系统已升级至 v1.14.0，新增通知中心、工作流增强等多项功能。`,category:`system`,priority:`normal`,status:`unread`,timestamp:new Date(Date.now()-3*36e5).toISOString(),sender:{name:`系统管理员`}},{id:`msg-005`,title:`项目交付提醒`,summary:`「Robot Admin 二期」项目交付截止日期为 3月15日，当前进度 78%。`,category:`business`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-8*36e5).toISOString(),sender:{name:`项目管理系统`}},{id:`msg-006`,title:`数据库连接池告警`,summary:`数据库连接池使用率达到 85%，建议关注并适时扩容。`,category:`alarm`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-12*36e5).toISOString(),sender:{name:`监控中心`}},{id:`msg-007`,title:`周报提交提醒`,summary:`本周周报提交截止时间为周五 18:00，请及时提交。`,category:`business`,priority:`normal`,status:`read`,timestamp:new Date(Date.now()-24*36e5).toISOString(),sender:{name:`OA 系统`}},{id:`msg-008`,title:`账号安全提醒`,summary:`检测到您的账号在新设备上登录，如非本人操作请及时修改密码。`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-45*6e4).toISOString(),sender:{name:`安全中心`}}];function g(e,t){let n=(0,a.ref)(`disconnected`),r=null,i=0,o=null,s=null,c=null,f=null,p=0;function m(e){n.value=e,t?.(e)}function h(e){f=e,i=0,g(e)}function g(e){let t=++p;S(),m(`connecting`);try{r=new WebSocket(_(e))}catch{m(`disconnected`),e.autoReconnect!==!1&&y(e);return}let n=r;n.addEventListener(`open`,()=>{t!==p||n!==r||(m(`connected`),i=0,b(e))}),n.addEventListener(`message`,e=>{t!==p||n!==r||v(e.data)}),n.addEventListener(`close`,()=>{t!==p||n!==r||(r=null,x(),m(`disconnected`),e.autoReconnect!==!1&&y(e))}),n.addEventListener(`error`,()=>{})}function _(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function v(t){if(typeof t==`string`){if(t===`pong`){c&&clearTimeout(c),c=null;return}try{let n=JSON.parse(t);n&&typeof n==`object`&&[`new_message`,`read_sync`,`count_update`].includes(String(n.type))&&`data`in n&&e(n)}catch{}}}function y(e){if(f!==e||o)return;let t=Math.max(0,Math.trunc(e.maxReconnectAttempts??5));if(i>=t)return;i++,m(`reconnecting`);let n=Math.max(0,e.reconnectInterval??l),r=Math.min(6e4,n*2**(i-1)),a=p;o=setTimeout(()=>{o=null,!(a!==p||f!==e)&&g(e)},r)}function b(e){x();let t=e.heartbeatInterval??u;if(t<=0)return;let n=e.heartbeatMessage??d;s=setInterval(()=>{if(r?.readyState===WebSocket.OPEN&&!c)try{r.send(n);let t=e.heartbeatTimeout??0;if(t>0){let e=r;c=setTimeout(()=>{c=null,e===r&&e.close()},t)}}catch{r.close()}},t)}function x(){c&&clearTimeout(c),c=null,s&&=(clearInterval(s),null)}function S(){x(),o&&=(clearTimeout(o),null),r&&=(r.close(),null)}function C(){f=null,p++,i=0,S(),m(`disconnected`)}function w(){f&&(i=0,g(f))}return(0,a.getCurrentScope)()&&(0,a.onScopeDispose)(C),{status:(0,a.readonly)(n),connect:h,disconnect:C,reconnect:w}}const _=[`system`,`business`,`alarm`],v=()=>({list:[],known:new Map,total:0,unread:0,categories:{},statisticsVersion:0,queryCategory:`all`});function y(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.id==`string`&&t.id.length>0&&typeof t.title==`string`&&typeof t.summary==`string`&&typeof t.timestamp==`string`&&Number.isFinite(Date.parse(t.timestamp))&&_.includes(t.category)&&[`low`,`normal`,`high`,`urgent`].includes(String(t.priority))&&[`read`,`unread`,`archived`].includes(String(t.status))}function b(e){return{...e,...e.sender?{sender:{...e.sender}}:{},...e.extra?{extra:{...e.extra}}:{}}}function x(e){let t={system:0,business:0,alarm:0};for(let n of e)n.status===`unread`&&t[n.category]++;return t}function S(e){return typeof e==`number`&&Number.isSafeInteger(e)&&e>=0}function C(e){let t={};if(e&&typeof e==`object`)for(let n of _){let r=e[n];S(r)&&(t[n]=r)}return t}function w(e,t,n){let r=new Map(e);for(let e of t)n?r.delete(e.id):e.status===`unread`&&r.set(e.id,{...e,status:`read`});return r}function T(e,t,n){if(t.kind!==`delete`&&t.kind!==`clear`)return e.total;let r=e.queryCategory===t.queryCategory?t.unknownTotal:0;return Math.max(0,e.total-n-r)}function E(e,t){let n=new Set(t.ids),r=[...e.known.values()].filter(e=>n.has(e.id)),i=e.list.filter(e=>n.has(e.id)),a=r.filter(e=>e.status===`unread`),o=t.kind===`delete`||t.kind===`clear`,s=o?e.list.filter(e=>!n.has(e.id)):e.list.map(e=>n.has(e.id)&&e.status===`unread`?{...e,status:`read`}:e),c={...e.categories},l=w(e.known,r,o),u=e.statisticsVersion===t.statisticsVersion;for(let e of _){let n=c[e];if(n===void 0||!u)continue;let r=a.filter(t=>t.category===e).length;c[e]=Math.max(0,n-r-(t.unknownCategories[e]??0))}return{list:s,known:l,total:T(e,t,i.length),unread:u?Math.max(0,e.unread-a.length-t.unknownUnread):e.unread,categories:c,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function ee(e,t,n,r,i){if(!Array.isArray(e?.list)||!e.list.every(y)||!S(e.total)||!S(e.unreadCount))throw Error(i);let a=new Map,o=new Map(t.known);if(!n)for(let e of t.list)a.set(e.id,e);for(let t of e.list){let e=b(t);a.set(t.id,e),o.set(t.id,e)}return{list:[...a.values()],known:o,total:e.total,unread:e.unreadCount,categories:C(e.unreadByCategory),statisticsVersion:t.statisticsVersion,queryCategory:r}}function te(e,t,n){let r=x(t),i={},a=n?[n]:_;for(let t of a){let n=e.categories[t];n!==void 0&&(i[t]=Math.max(0,n-r[t]))}let o=n?e.categories[n]:e.unread;return{unknownCategories:i,unknownUnread:o===void 0?0:Math.max(0,o-t.filter(e=>e.status===`unread`).length)}}function D(t,n={}){let{t:r}=e.t(),o=(0,a.computed)(()=>t.dataMode??(t.fetchNotifications?`remote`:`demo`)),l=(0,a.shallowRef)(v()),u=(0,a.shallowRef)([]),d=(0,a.computed)(()=>u.value.reduce(E,l.value)),f=(0,a.computed)(()=>d.value.list),p=(0,a.ref)(`all`),m=(0,a.ref)(!1),_=(0,a.ref)(1),w=(0,a.ref)(null),T=(0,a.ref)(!1),D=(0,a.ref)(`disconnected`),O=(0,a.ref)(null),ne=(0,a.computed)(()=>d.value.unread),re=(0,a.computed)(()=>d.value.categories),k=(0,a.computed)(()=>p.value===`all`?f.value:f.value.filter(e=>e.category===p.value)),ie=(0,a.computed)(()=>o.value===`demo`?k.value.length:d.value.total),ae=(0,a.computed)(()=>o.value===`remote`&&k.value.length<ie.value),A=(0,a.computed)(()=>u.value.length>0),oe=(0,a.computed)(()=>[...new Set(u.value.flatMap(e=>e.ids))]),j=0,M=0,se=0,N=0,P=!1,F=!1,I=[],L=null,R=!1,z,B=new Set;function V(e,n){O.value=e instanceof Error?e.message:r(`notification.operationFailed`),t.onError?.(e,n)}function H(){O.value=null}function ce(e){let t=new Set([...e.list.map(e=>e.id),...u.value.flatMap(e=>e.ids)]),n=new Map,r=0;for(let[i,a]of[...e.known].reverse()){let e=t.has(i);(e||r<256)&&(n.set(i,a),e||r++)}return{...e,known:new Map([...n].reverse())}}function le(e){let t=x(e);return{list:e,known:new Map(e.map(e=>[e.id,e])),total:e.length,unread:Object.values(t).reduce((e,t)=>e+t,0),categories:t,statisticsVersion:0,queryCategory:`all`}}function ue(){let e=i.t(t.storageKey??c);if(e?.version===2&&Array.isArray(e.messages)){l.value=le(e.messages.filter(y).map(b));return}let n=new Set(Array.isArray(e?.readIds)?e.readIds:[]);l.value=le(h.map(e=>({...b(e),status:n.has(e.id)?`read`:e.status})))}function U(){o.value===`demo`&&i.i(t.storageKey??c,{version:2,messages:l.value.list.map(b)})}function W(e){let t=++M;m.value&&I.push({...e,version:t})}function de(e){return o.value===`demo`||p.value===`all`||p.value===e.category}function fe(e,t,n=!1){if(e.list.some(e=>e.id===t.id)||!n&&e.known.has(t.id))return e;let r=de(t),i={...e.categories};return t.status===`unread`&&i[t.category]!==void 0&&i[t.category]++,{list:r?[b(t),...e.list]:e.list,known:new Map([...e.known,[t.id,b(t)]]),total:e.total+(r?1:0),unread:e.unread+(t.status===`unread`?1:0),categories:i,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function pe(e,t){return`operation`in t?E(e,{...t.operation,statisticsVersion:e.statisticsVersion}):`message`in t?fe(e,t.message,!0):{...e,unread:t.counts.unreadCount,categories:{...e.categories,...C(t.counts.unreadByCategory)},statisticsVersion:e.statisticsVersion+1}}function G(e,t){return!F&&t===N&&e===j}async function me(e,n){if(!t.fetchNotifications)throw Error(r(`notification.missingFetch`));return t.fetchNotifications({category:n===`all`?void 0:n,page:e,pageSize:t.pageSize??20})}function he(e,t){let n=e;for(let e of I)e.version>t&&(n=pe(n,e));return n}async function K(e,t){let n=++j,i=M,a=p.value,s=N;m.value=!0,H();try{if(o.value===`demo`){ue(),_.value=1;return}let c=await me(e,a);if(!G(n,s))return;l.value=ce(he(ee(c,l.value,t,a,r(`notification.invalidResponse`)),i)),_.value=e}catch(r){throw G(n,s)&&(z=()=>K(e,t),V(r,`fetch`)),r}finally{G(n,s)&&(m.value=!1,I=[])}}async function q(e=!1){await K(e?1:_.value,e)}async function ge(){m.value||!ae.value||await K(_.value+1,!1)}function J(e,t,n){let r={id:++se,kind:e,ids:[...new Set(t)],category:n,unknownUnread:0,unknownCategories:{},unknownTotal:0,statisticsVersion:l.value.statisticsVersion,queryCategory:p.value};if(e!==`read-all`&&e!==`clear`)return r;let i=[...l.value.known.values()].filter(e=>!n||e.category===n);Object.assign(r,te(l.value,i,n));let a=!n||p.value===n;return e===`clear`&&a&&(r.unknownTotal=Math.max(0,l.value.total-l.value.list.filter(e=>!n||e.category===n).length)),r}async function Y(e,t,n){if(H(),o.value===`remote`&&!t){let i=Error(r(`notification.missingAction`,{name:n}));throw z=()=>Y(e,t,n),V(i,n),i}let i=N;u.value=[...u.value,e];try{if(o.value===`remote`&&await t(),F||i!==N){let e=Error(r(`notification.expiredScope`));throw e.name=`AbortError`,e}l.value=E(l.value,e),W({operation:e}),U()}catch(r){throw!F&&i===N&&(z=()=>Y(e,t,n),V(r,n)),r}finally{i===N&&(u.value=u.value.filter(t=>t.id!==e.id),l.value=ce(l.value))}}async function _e(e){await Y(J(`read`,e),t.markAsRead?()=>t.markAsRead(e):void 0,`mark-as-read`)}async function ve(e){await Y(J(`read-all`,[...l.value.known.values()].filter(t=>!e||t.category===e).map(e=>e.id),e),t.markAllRead?()=>t.markAllRead(e):void 0,`mark-all-as-read`)}async function ye(e){await Y(J(`delete`,e),t.deleteNotification?()=>t.deleteNotification(e):void 0,`delete`),w.value&&e.includes(w.value.id)&&Z()}async function be(e){await Y(J(`clear`,[...l.value.known.values()].filter(t=>!e||t.category===e).map(e=>e.id),e),t.clearNotifications?()=>t.clearNotifications(e):void 0,`clear`),w.value&&(!e||w.value.category===e)&&Z()}let X=new Set;function xe(e){if(!y(e))return;let t=e;X.has(t.id)||l.value.known.has(t.id)||(X.add(t.id),X.size>2e3&&X.delete(X.values().next().value),l.value=fe(l.value,t),W({message:b(t)}),U(),n.onNewMessage?.(t),ke(t))}function Se(e){if(!Array.isArray(e))return;let t=J(`read`,e.filter(y).map(e=>e.id));l.value=E(l.value,t),W({operation:t}),U()}function Ce(e){if(e&&typeof e==`object`&&`unreadCount`in e&&S(e.unreadCount)){let t=e;l.value=pe(l.value,{version:0,counts:t}),W({counts:t})}}function we(e){if(!F)switch(e.type){case`new_message`:xe(e.data);break;case`read_sync`:Se(e.data);break;case`count_update`:Ce(e.data);break}}function Te(e){D.value=e,n.onWSStatusChange?.(e),e===`connected`&&(R&&o.value===`remote`&&q(!0).catch(()=>void 0),R=!0)}let Ee=g(we,Te);function De(e=t.wsConfig){e&&Ee.connect(e)}function Oe(){Ee.disconnect()}function ke(e){if(!t.desktopNotification||typeof window>`u`||!(`Notification`in window)||Notification.permission!==`granted`)return;let n=new Notification(e.title,{body:e.summary,icon:e.sender?.avatar,tag:e.id});n.addEventListener(`click`,()=>{window.focus(),je(e),n.close()});let r=setTimeout(()=>{n.close(),B.delete(r)},5e3);B.add(r)}async function Ae(){return typeof window>`u`||!(`Notification`in window)?`unsupported`:Notification.requestPermission()}function je(e){w.value=e,e.status===`unread`&&_e([e.id]).catch(()=>void 0)}function Z(){w.value=null}function Me(e){p.value!==e&&(p.value=e,Z(),o.value===`remote`&&(l.value={...l.value,list:[],total:0,queryCategory:e},_.value=1,q(!0).catch(()=>void 0)))}function Q(){if(P)return;P=!0,F=!1,q(!0).catch(()=>void 0);let e=t.pollingInterval??s;o.value===`remote`&&e>0&&(L=setInterval(()=>{m.value||q(!0).catch(()=>void 0)},e)),De()}function $(){P=!1,F=!0,N++,j++,m.value=!1,u.value=[],I=[],z=void 0,X.clear(),R=!1,L&&clearInterval(L),L=null;for(let e of B)clearTimeout(e);B.clear(),Oe()}async function Ne(){z?await z():await q(!0)}return(0,a.getCurrentScope)()&&(0,a.onScopeDispose)($),t.autoStart!==!1&&((0,a.getCurrentInstance)()?(0,a.onMounted)(Q):Q()),(0,a.watch)(f,e=>{let t=w.value?.id;t&&(w.value=e.find(e=>e.id===t)??null)}),(0,a.watch)(()=>[o.value,t.storageKey],()=>{let e=P;$(),l.value=v(),p.value=`all`,w.value=null,T.value=!1,O.value=null,e&&Q()}),{messages:f,activeCategory:p,loading:m,total:ie,page:_,selectedMessage:w,popoverVisible:T,wsStatus:D,unreadCount:ne,unreadByCategory:re,filteredMessages:k,hasMore:ae,error:O,busy:A,pendingIds:oe,fetchMessages:q,loadMore:ge,markAsRead:_e,markAllAsRead:ve,deleteMessages:ye,clearMessages:be,selectMessage:je,clearSelection:Z,switchCategory:Me,clearError:H,retry:Ne,requestDesktopPermission:Ae,connectWS:De,disconnectWS:Oe,initialize:Q,dispose:$}}const O={class:`notification-badge`},ne=[`aria-label`],re={key:0,class:`notification-badge__count`},k={key:0,class:`notification-badge__pulse`},ie=(0,a.defineComponent)({__name:`NotificationBadge`,props:{count:{default:0},maxCount:{default:99},hasUrgent:{type:Boolean,default:!1}},emits:[`click`],setup(n){let{t:r}=e.t(),i=n,s=(0,a.computed)(()=>i.count>i.maxCount?`${i.maxCount}+`:String(i.count));return(e,i)=>{let c=o.NTooltip;return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,O,[(0,a.createVNode)(c,{trigger:`hover`,placement:`bottom`},{trigger:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{type:`button`,class:`notification-badge__trigger`,"aria-label":n.count>0?(0,a.unref)(r)(`notification.unreadBadge`,{count:n.count}):(0,a.unref)(r)(`notification.badge`),onClick:i[0]||=t=>e.$emit(`click`)},[(0,a.createVNode)(t.t,{name:`mdi:bell-outline`,size:18,class:`notification-badge__icon`}),(0,a.createCommentVNode)(` 未读角标 `),(0,a.createVNode)(a.Transition,{name:`badge-bounce`},{default:(0,a.withCtx)(()=>[n.count>0?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,re,(0,a.toDisplayString)(s.value),1)):(0,a.createCommentVNode)(`v-if`,!0)]),_:1}),(0,a.createCommentVNode)(` 脉冲动画（有紧急消息时） `),n.hasUrgent?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,k)):(0,a.createCommentVNode)(`v-if`,!0)],8,ne)]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)(n.count>0?(0,a.unref)(r)(`notification.unreadBadge`,{count:n.count}):(0,a.unref)(r)(`notification.badge`)),1)]),_:1})])}}});var ae=n.t(ie,[[`__scopeId`,`data-v-b4c02779`]]);const A=6e4,oe=36e5,j=864e5,M=7*j,se=30*j;365*j;function N(){return P()}function P(){let{t}=e.t();function n(e){let n=new Date(e),a=Date.now()-n.getTime();if(a<0||a<A)return t(`time.now`);if(a<oe)return t(`time.minutes`,{count:Math.floor(a/A)});if(a<j)return t(`time.hours`,{count:Math.floor(a/oe)});let o=new Date;return o.setHours(0,0,0,0),n>=new Date(o.getTime()-j)&&n<o?t(`time.yesterday`,{time:`${i(n.getHours())}:${i(n.getMinutes())}`}):a<M?t(`time.days`,{count:Math.floor(a/j)}):a<se?t(`time.weeks`,{count:Math.floor(a/M)}):a<31536e6?t(`time.months`,{count:Math.floor(a/se)}):r(n)}function r(e){return`${e.getFullYear()}-${i(e.getMonth()+1)}-${i(e.getDate())} ${i(e.getHours())}:${i(e.getMinutes())}`}function i(e){return e<10?`0${e}`:String(e)}return{formatRelativeTime:n,formatFullDate:r}}const F={class:`notification-item__indicator`},I={class:`notification-item__avatar`},L={class:`notification-item__body`},R={class:`notification-item__header`},z={class:`notification-item__title`},B={class:`notification-item__summary`},V={class:`notification-item__meta`},H={class:`notification-item__time`},ce={key:0,class:`notification-item__sender`},le=[`disabled`,`aria-label`],ue=[`disabled`,`aria-label`],U=(0,a.defineComponent)({__name:`NotificationItem`,props:{message:{},busy:{type:Boolean}},emits:[`click`,`read`,`delete`],setup(n){let{t:r}=e.t(),i=n,{formatRelativeTime:s}=N(),c=(0,a.computed)(()=>f[i.message.category]?.icon??`mdi:bell-outline`),l=(0,a.computed)(()=>m[i.message.priority]??m.normal),u=(0,a.computed)(()=>s(i.message.timestamp));return(e,i)=>{let s=o.NAvatar,d=o.NTag,f=o.NTooltip;return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`notification-item`,{"notification-item--unread":n.message.status===`unread`,"notification-item--urgent":n.message.priority===`urgent`}]),onClick:i[3]||=t=>e.$emit(`click`,n.message)},[(0,a.createCommentVNode)(` 未读指示点 `),(0,a.createElementVNode)(`div`,F,[n.message.status===`unread`?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,class:(0,a.normalizeClass)([`notification-item__dot`,`notification-item__dot--${n.message.priority}`])},null,2)):(0,a.createCommentVNode)(`v-if`,!0)]),(0,a.createCommentVNode)(` 头像 `),(0,a.createElementVNode)(`div`,I,[n.message.sender?.avatar?((0,a.openBlock)(),(0,a.createBlock)(s,{key:0,src:n.message.sender.avatar,size:36,round:``},null,8,[`src`])):((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:(0,a.normalizeClass)([`notification-item__avatar-placeholder`,`notification-item__avatar-placeholder--${n.message.category}`])},[(0,a.createVNode)(t.t,{name:c.value,size:16},null,8,[`name`])],2))]),(0,a.createCommentVNode)(` 内容 `),(0,a.createElementVNode)(`div`,L,[(0,a.createElementVNode)(`div`,R,[(0,a.createElementVNode)(`span`,z,(0,a.toDisplayString)(n.message.title),1),n.message.priority===`urgent`||n.message.priority===`high`?((0,a.openBlock)(),(0,a.createBlock)(d,{key:0,type:l.value.type,size:`tiny`,bordered:!1,round:``},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(r)(`notification.${n.message.priority}`)),1)]),_:1},8,[`type`])):(0,a.createCommentVNode)(`v-if`,!0)]),(0,a.createElementVNode)(`div`,B,(0,a.toDisplayString)(n.message.summary),1),(0,a.createElementVNode)(`div`,V,[(0,a.createElementVNode)(`span`,H,(0,a.toDisplayString)(u.value),1),n.message.sender?.name?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,ce,(0,a.toDisplayString)(n.message.sender.name),1)):(0,a.createCommentVNode)(`v-if`,!0)])]),(0,a.createCommentVNode)(` 操作区 `),(0,a.createElementVNode)(`div`,{class:`notification-item__actions`,onClick:i[2]||=(0,a.withModifiers)(()=>{},[`stop`])},[(0,a.renderSlot)(e.$slots,`actions`,{},()=>[n.message.status===`unread`?((0,a.openBlock)(),(0,a.createBlock)(f,{key:0,trigger:`hover`,placement:`top`},{trigger:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{class:`notification-item__action`,type:`button`,disabled:n.busy,"aria-label":(0,a.unref)(r)(`notification.markRead`),onClick:i[0]||=t=>e.$emit(`read`,n.message.id)},[(0,a.createVNode)(t.t,{name:`mdi:check`,size:16})],8,le)]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)((0,a.unref)(r)(`notification.markRead`)),1)]),_:1})):(0,a.createCommentVNode)(`v-if`,!0),(0,a.createVNode)(f,{trigger:`hover`,placement:`top`},{trigger:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{class:`notification-item__action`,type:`button`,disabled:n.busy,"aria-label":(0,a.unref)(r)(`notification.delete`),onClick:i[1]||=t=>e.$emit(`delete`,n.message.id)},[(0,a.createVNode)(t.t,{name:`mdi:delete-outline`,size:16})],8,ue)]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)((0,a.unref)(r)(`common.delete`)),1)]),_:1})],!0)])],2)}}});var W=n.t(U,[[`__scopeId`,`data-v-d8c5d00c`]]);const de={class:`notification-list`},fe={class:`notification-list__tabs`},pe=[`aria-pressed`,`onClick`],G={key:0,class:`notification-list__tab-count`},me={key:0,class:`notification-list__toolbar`},he={class:`notification-list__skeleton-text`},K={class:`notification-list__items`},q=[`disabled`],ge={class:`notification-list__empty`},J={class:`notification-list__empty-text`},Y=(0,a.defineComponent)({__name:`NotificationList`,props:{messages:{},categoryOptions:{},activeCategory:{},unreadByCategory:{},busy:{type:Boolean,default:!1},pendingIds:{default:()=>[]},unreadCount:{},loading:{type:Boolean},hasMore:{type:Boolean},scrollHeight:{default:420}},emits:[`switchCategory`,`itemClick`,`read`,`delete`,`markAllRead`,`clear`,`loadMore`],setup(n,{emit:r}){let{t:i}=e.t(),s=n,c=r,l=(e,t)=>({message:e,index:t,busy:s.busy||s.pendingIds.includes(e.id),select:()=>c(`itemClick`,e),read:()=>c(`read`,e.id),remove:()=>c(`delete`,e.id)}),u=(0,a.computed)(()=>(s.categoryOptions??p).map(e=>({key:e.key,label:s.categoryOptions?e.label??i(`notification.${e.key}`):i(`notification.${e.key}`)}))),d=(0,a.computed)(()=>s.activeCategory===`all`?s.unreadCount:s.unreadByCategory[s.activeCategory]);function f(e){return e===`all`?s.unreadCount:s.unreadByCategory[e]??0}return(e,r)=>{let s=o.NButton,c=o.NSkeleton,p=o.NSpin,m=o.NScrollbar;return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,de,[(0,a.createCommentVNode)(` 分类 Tab `),(0,a.createElementVNode)(`div`,fe,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(u.value,t=>((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:t.key,class:(0,a.normalizeClass)([`notification-list__tab`,{"notification-list__tab--active":n.activeCategory===t.key}]),type:`button`,"aria-pressed":n.activeCategory===t.key,onClick:n=>e.$emit(`switchCategory`,t.key)},[(0,a.createElementVNode)(`span`,null,(0,a.toDisplayString)(t.label),1),f(t.key)>0?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,G,(0,a.toDisplayString)(f(t.key)),1)):(0,a.createCommentVNode)(`v-if`,!0)],10,pe))),128))]),(0,a.createCommentVNode)(` 操作栏 `),n.messages.length>0?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,me,[(0,a.createVNode)(s,{text:``,size:`tiny`,disabled:n.busy||d.value!==void 0&&d.value===0,loading:n.busy,onClick:r[0]||=t=>e.$emit(`markAllRead`)},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(t.t,{name:`mdi:check-all`,size:14})]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)((0,a.unref)(i)(`notification.allRead`)),1)]),_:1},8,[`disabled`,`loading`]),(0,a.createVNode)(s,{text:``,size:`tiny`,disabled:n.busy,onClick:r[1]||=t=>e.$emit(`clear`)},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(t.t,{name:`mdi:delete-sweep-outline`,size:14})]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)((0,a.unref)(i)(`notification.clear`)),1)]),_:1},8,[`disabled`])])):(0,a.createCommentVNode)(`v-if`,!0),(0,a.createCommentVNode)(` 消息列表 `),(0,a.createVNode)(m,{class:`notification-list__scroll`,style:(0,a.normalizeStyle)({maxHeight:`${n.scrollHeight}px`})},{default:(0,a.withCtx)(()=>[n.loading&&n.messages.length===0?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[(0,a.createCommentVNode)(` 骨架屏 `),((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(4,e=>(0,a.createElementVNode)(`div`,{key:e,class:`notification-list__skeleton`},[(0,a.createVNode)(c,{circle:``,width:36,height:36}),(0,a.createElementVNode)(`div`,he,[(0,a.createVNode)(c,{text:``,width:`60%`,height:14}),(0,a.createVNode)(c,{text:``,width:`90%`,height:12}),(0,a.createVNode)(c,{text:``,width:`40%`,height:10})])])),64))],64)):n.messages.length>0?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createElementVNode)(`div`,K,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(n.messages,(t,i)=>(0,a.renderSlot)(e.$slots,`item`,(0,a.mergeProps)({ref_for:!0},l(t,i)),()=>[(0,a.createVNode)(W,{message:t,busy:n.busy||n.pendingIds.includes(t.id),onClick:r[2]||=t=>e.$emit(`itemClick`,t),onRead:r[3]||=t=>e.$emit(`read`,t),onDelete:r[4]||=t=>e.$emit(`delete`,t)},(0,a.createSlots)({_:2},[e.$slots[`item-actions`]?{name:`actions`,fn:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`item-actions`,(0,a.mergeProps)({ref_for:!0},l(t,i)),void 0,!0)]),key:`0`}:void 0]),1032,[`message`,`busy`])],!0,t.id)),128))]),(0,a.createCommentVNode)(` 加载更多 `),n.hasMore?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,class:`notification-list__load-more`,type:`button`,disabled:n.loading,onClick:r[5]||=t=>e.$emit(`loadMore`)},[n.loading?((0,a.openBlock)(),(0,a.createBlock)(p,{key:0,size:14})):(0,a.createCommentVNode)(`v-if`,!0),(0,a.createElementVNode)(`span`,null,(0,a.toDisplayString)(n.loading?(0,a.unref)(i)(`notification.loading`):(0,a.unref)(i)(`notification.loadMore`)),1)],8,q)):(0,a.createCommentVNode)(`v-if`,!0)],64)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:2},[(0,a.createCommentVNode)(` 空状态 `),(0,a.createElementVNode)(`div`,ge,[(0,a.createVNode)(t.t,{name:`mdi:bell-off-outline`,size:48,class:`notification-list__empty-icon`}),(0,a.createElementVNode)(`span`,J,(0,a.toDisplayString)((0,a.unref)(i)(`notification.empty`)),1)])],2112))]),_:3},8,[`style`])])}}});var _e=n.t(Y,[[`__scopeId`,`data-v-8683b45f`]]);function ve(e){return e.includes(`\\`)||e.startsWith(`//`)||Array.from(e).some(e=>e.charCodeAt(0)<32)}function ye(e){let t=e?.trim();if(!t||ve(t))return null;if(/^https?:\/\//i.test(t))try{let e=new URL(t);return e.protocol!==`http:`&&e.protocol!==`https:`?null:{kind:`external`,url:e.href}}catch{return null}return/^[a-z][a-z\d+.-]*:/i.test(t)?null:{kind:`internal`,url:t}}const be={class:`notification-detail`},X={class:`notification-detail__back`},xe={class:`notification-detail__header`},Se={class:`notification-detail__title`},Ce={class:`notification-detail__meta`},we={class:`notification-detail__time`},Te={key:0,class:`notification-detail__sender`},Ee=[`innerHTML`],De={key:1,class:`notification-detail__body`},Oe={key:0,class:`notification-detail__footer`},ke=(0,a.defineComponent)({__name:`NotificationDetail`,props:{message:{},scrollHeight:{default:320}},emits:[`back`,`action`,`navigate`],setup(n,{emit:i}){let{t:s}=e.t(),c=n,l=i,{formatRelativeTime:u}=N(),d=(0,a.computed)(()=>f[c.message.category]??f.system),p=(0,a.computed)(()=>m[c.message.priority]??m.normal),h=(0,a.computed)(()=>u(c.message.timestamp)),g=(0,a.computed)(()=>r.t(c.message.content||``));function _(){let e=ye(c.message.actionUrl);e&&(l(`action`,e.url),e.kind===`external`?window.open(e.url,`_blank`,`noopener,noreferrer`):l(`navigate`,e.url))}return(e,r)=>{let i=o.NButton,c=o.NTag,l=o.NAvatar,u=o.NScrollbar;return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,be,[(0,a.createCommentVNode)(` 返回栏 `),(0,a.createElementVNode)(`div`,X,[(0,a.createVNode)(i,{text:``,size:`small`,onClick:r[0]||=t=>e.$emit(`back`)},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(t.t,{name:`mdi:arrow-left`,size:16})]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)((0,a.unref)(s)(`notification.back`)),1)]),_:1})]),(0,a.createCommentVNode)(` 消息头部 `),(0,a.createElementVNode)(`div`,xe,[(0,a.createElementVNode)(`h3`,Se,(0,a.toDisplayString)(n.message.title),1),(0,a.createElementVNode)(`div`,Ce,[(0,a.createVNode)(c,{type:d.value.color,size:`tiny`,bordered:!1,round:``},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(t.t,{name:d.value.icon,size:12},null,8,[`name`])]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)((0,a.unref)(s)(`notification.${n.message.category}`)),1)]),_:1},8,[`type`]),n.message.priority===`urgent`||n.message.priority===`high`?((0,a.openBlock)(),(0,a.createBlock)(c,{key:0,type:p.value.type,size:`tiny`,bordered:!1,round:``},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(s)(`notification.${n.message.priority}`)),1)]),_:1},8,[`type`])):(0,a.createCommentVNode)(`v-if`,!0),(0,a.createElementVNode)(`span`,we,(0,a.toDisplayString)(h.value),1)]),n.message.sender?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,Te,[n.message.sender.avatar?((0,a.openBlock)(),(0,a.createBlock)(l,{key:0,src:n.message.sender.avatar,size:20,round:``},null,8,[`src`])):(0,a.createCommentVNode)(`v-if`,!0),(0,a.createElementVNode)(`span`,null,(0,a.toDisplayString)(n.message.sender.name),1)])):(0,a.createCommentVNode)(`v-if`,!0)]),(0,a.createCommentVNode)(` 消息内容 `),(0,a.createVNode)(u,{class:`notification-detail__content`,style:(0,a.normalizeStyle)({maxHeight:`${n.scrollHeight}px`})},{default:(0,a.withCtx)(()=>[n.message.content?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:`notification-detail__body`,innerHTML:g.value},null,8,Ee)):((0,a.openBlock)(),(0,a.createElementBlock)(`div`,De,(0,a.toDisplayString)(n.message.summary),1))]),_:1},8,[`style`]),(0,a.createCommentVNode)(` 操作区 `),n.message.actionUrl?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,Oe,[(0,a.createVNode)(i,{type:`primary`,size:`small`,onClick:_},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(t.t,{name:`mdi:arrow-right`,size:16})]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(n.message.actionText||(0,a.unref)(s)(`notification.details`))+` `,1)]),_:1})])):(0,a.createCommentVNode)(`v-if`,!0)])}}});var Ae=n.t(ke,[[`__scopeId`,`data-v-01f92994`]]);const je={class:`c-notification-center`},Z={class:`c-notification-center__panel`},Me={class:`c-notification-center__header`},Q={class:`c-notification-center__title`},$={class:`c-notification-center__header-extra`},Ne={key:0,class:`c-notification-center__error`,role:`alert`},Pe={class:`c-notification-center__footer`},Fe=(0,a.defineComponent)({name:`C_NotificationCenter`,__name:`index`,props:{categoryOptions:{},dataMode:{},controller:{},autoStart:{type:Boolean,default:!0},fetchNotifications:{},markAsRead:{},markAllRead:{},deleteNotification:{},clearNotifications:{},wsConfig:{},desktopNotification:{type:Boolean,default:!1},maxBadgeCount:{default:99},pollingInterval:{default:6e4},pageSize:{default:20},storageKey:{default:`notification_center`},onError:{}},emits:[`itemClick`,`read`,`allRead`,`delete`,`unreadChange`,`wsStatusChange`,`newMessage`,`navigate`,`viewAll`],setup(t,{expose:n,emit:r}){let{t:i}=e.t(),s=t,c=r,l=s.controller??D(s,{onNewMessage:e=>c(`newMessage`,e),onWSStatusChange:e=>c(`wsStatusChange`,e)}),u=(0,a.computed)(()=>l.messages.value.some(e=>e.status===`unread`&&e.priority===`urgent`)),d=(0,a.computed)(()=>({connected:i(`notification.connected`),connecting:i(`notification.connecting`),disconnected:i(`notification.disconnected`),reconnecting:i(`notification.reconnecting`)})[l.wsStatus.value]??i(`common.unknown`));(0,a.watch)(()=>l.unreadCount.value,e=>{c(`unreadChange`,e)});function f(){l.popoverVisible.value=!l.popoverVisible.value}async function p(){try{l.retry?await l.retry():await l.fetchMessages(!0)}catch{}}async function m(){try{await l.loadMore()}catch{}}function h(){l.popoverVisible.value=!1,c(`viewAll`)}function g(e){l.selectMessage(e),c(`itemClick`,e)}async function _(e){try{await l.markAsRead([e]),c(`read`,[e])}catch{}}async function v(e){try{await l.deleteMessages([e]),c(`delete`,[e])}catch{}}async function y(){let e=l.activeCategory.value===`all`?void 0:l.activeCategory.value;try{await l.markAllAsRead(e),c(`allRead`,e)}catch{}}async function b(){let e=l.activeCategory.value===`all`?void 0:l.activeCategory.value;try{await l.clearMessages(e)}catch{}}function x(){l.popoverVisible.value=!1}function S(){l.clearSelection()}return n({refresh:()=>l.fetchMessages(!0),connectWS:()=>{s.wsConfig&&l.connectWS(s.wsConfig)},disconnectWS:l.disconnectWS,getUnreadCount:()=>l.unreadCount.value,getMessages:()=>l.messages.value.map(e=>({...e})),markRead:e=>l.markAsRead(e),markAllAsRead:e=>l.markAllAsRead(e),requestDesktopPermission:l.requestDesktopPermission}),(e,t)=>{let n=o.NTooltip,r=o.NButton,C=o.NPopover;return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,je,[(0,a.createVNode)(C,{show:(0,a.unref)(l).popoverVisible.value,"onUpdate:show":t[1]||=e=>(0,a.unref)(l).popoverVisible.value=e,width:420,trigger:`manual`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:S},{trigger:(0,a.withCtx)(()=>[(0,a.createVNode)(ae,{count:(0,a.unref)(l).unreadCount.value,"max-count":s.maxBadgeCount,"has-urgent":u.value,onClick:f},null,8,[`count`,`max-count`,`has-urgent`])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,Z,[(0,a.createCommentVNode)(` 头部标题 `),(0,a.createElementVNode)(`div`,Me,[(0,a.createElementVNode)(`span`,Q,(0,a.toDisplayString)((0,a.unref)(i)(`notification.title`)),1),(0,a.createElementVNode)(`div`,$,[(0,a.createCommentVNode)(` WebSocket 连接状态 `),s.wsConfig||(0,a.unref)(l).wsStatus.value!==`disconnected`?((0,a.openBlock)(),(0,a.createBlock)(n,{key:0,trigger:`hover`,placement:`top`},{trigger:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`c-notification-center__ws-dot`,`c-notification-center__ws-dot--${(0,a.unref)(l).wsStatus.value}`])},null,2)]),default:(0,a.withCtx)(()=>[(0,a.createTextVNode)(` `+(0,a.toDisplayString)(d.value),1)]),_:1})):(0,a.createCommentVNode)(`v-if`,!0)])]),(0,a.unref)(l).error.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,Ne,[(0,a.createElementVNode)(`span`,null,(0,a.toDisplayString)((0,a.unref)(l).error.value),1),(0,a.createVNode)(r,{size:`tiny`,loading:(0,a.unref)(l).loading.value,onClick:p},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(i)(`common.retry`)),1)]),_:1},8,[`loading`])])):(0,a.createCommentVNode)(`v-if`,!0),(0,a.renderSlot)(e.$slots,`filters`,{controller:(0,a.unref)(l)},void 0,!0),(0,a.createCommentVNode)(` 列表 / 详情切换 `),(0,a.createVNode)(a.Transition,{name:`slide-fade`,mode:`out-in`},{default:(0,a.withCtx)(()=>[(0,a.unref)(l).selectedMessage.value?((0,a.openBlock)(),(0,a.createBlock)(Ae,{key:(0,a.unref)(l).selectedMessage.value.id,message:(0,a.unref)(l).selectedMessage.value,onBack:(0,a.unref)(l).clearSelection,onAction:x,onNavigate:t[0]||=e=>c(`navigate`,e)},null,8,[`message`,`onBack`])):((0,a.openBlock)(),(0,a.createBlock)(_e,{key:1,messages:(0,a.unref)(l).filteredMessages.value,"category-options":s.categoryOptions,"active-category":(0,a.unref)(l).activeCategory.value,"unread-by-category":(0,a.unref)(l).unreadByCategory.value,"unread-count":(0,a.unref)(l).unreadCount.value,loading:(0,a.unref)(l).loading.value,"has-more":(0,a.unref)(l).hasMore.value,busy:(0,a.unref)(l).busy.value,"pending-ids":(0,a.unref)(l).pendingIds.value,onSwitchCategory:(0,a.unref)(l).switchCategory,onItemClick:g,onRead:_,onDelete:v,onMarkAllRead:y,onClear:b,onLoadMore:m},(0,a.createSlots)({_:2},[e.$slots.item?{name:`item`,fn:(0,a.withCtx)(t=>[(0,a.renderSlot)(e.$slots,`item`,(0,a.normalizeProps)((0,a.guardReactiveProps)(t)),void 0,!0)]),key:`0`}:void 0,e.$slots[`item-actions`]?{name:`item-actions`,fn:(0,a.withCtx)(t=>[(0,a.renderSlot)(e.$slots,`item-actions`,(0,a.normalizeProps)((0,a.guardReactiveProps)(t)),void 0,!0)]),key:`1`}:void 0]),1032,[`messages`,`category-options`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`busy`,`pending-ids`,`onSwitchCategory`]))]),_:3}),(0,a.createElementVNode)(`div`,Pe,[(0,a.createVNode)(r,{text:``,type:`primary`,size:`small`,onClick:h},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(i)(`notification.viewAll`)),1)]),_:1})])])]),_:3},8,[`show`])])}}});var Ie=n.t(Fe,[[`__scopeId`,`data-v-c1f3b672`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return 20}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return 5}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return 99}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return c}});

package/dist/C_NotificationCenter2.js

@@ -1 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{t as n}from"./html.js";import{i as r,t as i}from"./storage.js";import{Fragment as a,Transition as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,getCurrentInstance as h,getCurrentScope as g,normalizeClass as _,normalizeStyle as v,onMounted as y,onScopeDispose as ee,openBlock as b,readonly as te,ref as x,renderList as S,resolveComponent as ne,shallowRef as re,toDisplayString as C,unref as w,watch as ie,withCtx as T,withModifiers as E}from"vue";import{NAvatar as D,NButton as ae,NPopover as O,NScrollbar as k,NSkeleton as A,NSpin as j,NTag as M,NTooltip as N}from"naive-ui";const P=99,F=20,oe=6e4,se=`notification_center`,I=3e3,L=5,R=3e4,z=`ping`,B={system:{label:`系统通知`,icon:`mdi:cog-outline`,color:`info`},business:{label:`业务消息`,icon:`mdi:briefcase-outline`,color:`success`},alarm:{label:`告警预警`,icon:`mdi:alert-outline`,color:`warning`}},V=[{key:`all`,label:`全部`},{key:`system`,label:`系统通知`},{key:`business`,label:`业务消息`},{key:`alarm`,label:`告警预警`}],H={low:{label:`低`,type:`default`},normal:{label:`普通`,type:`info`},high:{label:`重要`,type:`warning`},urgent:{label:`紧急`,type:`error`}},ce=[{id:`msg-001`,title:`系统维护通知`,summary:`系统将于今晚 22:00-23:00 进行例行维护升级，届时部分功能可能暂时不可用。`,content:`<p>尊敬的用户：</p><p>为了提升系统性能和稳定性，我们计划于 <strong>2026年2月27日 22:00-23:00</strong> 对系统进行例行维护升级。</p><p>维护期间，以下功能可能暂时不可用：</p><ul><li>报表导出</li><li>数据同步</li><li>定时任务</li></ul><p>请提前保存好未完成的工作，感谢您的理解与支持！</p>`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-15*6e4).toISOString(),sender:{name:`系统管理员`,avatar:``}},{id:`msg-002`,title:`审批流程待处理`,summary:`张三提交的《Q1 季度预算申请》需要您审批，请尽快处理。`,category:`business`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-30*6e4).toISOString(),sender:{name:`张三`,avatar:``},actionUrl:`/workflow/approval`,actionText:`去审批`},{id:`msg-003`,title:`服务器 CPU 使用率告警`,summary:`生产环境节点 prod-node-03 CPU 使用率持续超过 90%，已触发告警阈值。`,category:`alarm`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-2*6e4).toISOString(),sender:{name:`监控中心`},actionUrl:`/monitor/server`,actionText:`查看详情`},{id:`msg-004`,title:`新版本发布 v1.14.0`,summary:`系统已升级至 v1.14.0，新增通知中心、工作流增强等多项功能。`,category:`system`,priority:`normal`,status:`unread`,timestamp:new Date(Date.now()-3*36e5).toISOString(),sender:{name:`系统管理员`}},{id:`msg-005`,title:`项目交付提醒`,summary:`「Robot Admin 二期」项目交付截止日期为 3月15日，当前进度 78%。`,category:`business`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-8*36e5).toISOString(),sender:{name:`项目管理系统`}},{id:`msg-006`,title:`数据库连接池告警`,summary:`数据库连接池使用率达到 85%，建议关注并适时扩容。`,category:`alarm`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-12*36e5).toISOString(),sender:{name:`监控中心`}},{id:`msg-007`,title:`周报提交提醒`,summary:`本周周报提交截止时间为周五 18:00，请及时提交。`,category:`business`,priority:`normal`,status:`read`,timestamp:new Date(Date.now()-24*36e5).toISOString(),sender:{name:`OA 系统`}},{id:`msg-008`,title:`账号安全提醒`,summary:`检测到您的账号在新设备上登录，如非本人操作请及时修改密码。`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-45*6e4).toISOString(),sender:{name:`安全中心`}}];function le(e,t){let n=x(`disconnected`),r=null,i=0,a=null,o=null,s=null,c=null,l=0;function u(e){n.value=e,t?.(e)}function d(e){c=e,i=0,f(e)}function f(e){let t=++l;y(),u(`connecting`);try{r=new WebSocket(p(e))}catch{u(`disconnected`),e.autoReconnect!==!1&&h(e);return}let n=r;n.addEventListener(`open`,()=>{t!==l||n!==r||(u(`connected`),i=0,_(e))}),n.addEventListener(`message`,e=>{t!==l||n!==r||m(e.data)}),n.addEventListener(`close`,()=>{t!==l||n!==r||(r=null,v(),u(`disconnected`),e.autoReconnect!==!1&&h(e))}),n.addEventListener(`error`,()=>{})}function p(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function m(t){if(typeof t==`string`){if(t===`pong`){s&&clearTimeout(s),s=null;return}try{let n=JSON.parse(t);n&&typeof n==`object`&&[`new_message`,`read_sync`,`count_update`].includes(String(n.type))&&`data`in n&&e(n)}catch{}}}function h(e){if(c!==e||a)return;let t=Math.max(0,Math.trunc(e.maxReconnectAttempts??5));if(i>=t)return;i++,u(`reconnecting`);let n=Math.max(0,e.reconnectInterval??I),r=Math.min(6e4,n*2**(i-1)),o=l;a=setTimeout(()=>{a=null,!(o!==l||c!==e)&&f(e)},r)}function _(e){v();let t=e.heartbeatInterval??R;if(t<=0)return;let n=e.heartbeatMessage??z;o=setInterval(()=>{if(r?.readyState===WebSocket.OPEN&&!s)try{r.send(n);let t=e.heartbeatTimeout??0;if(t>0){let e=r;s=setTimeout(()=>{s=null,e===r&&e.close()},t)}}catch{r.close()}},t)}function v(){s&&clearTimeout(s),s=null,o&&=(clearInterval(o),null)}function y(){v(),a&&=(clearTimeout(a),null),r&&=(r.close(),null)}function b(){c=null,l++,i=0,y(),u(`disconnected`)}function S(){c&&(i=0,f(c))}return g()&&ee(b),{status:te(n),connect:d,disconnect:b,reconnect:S}}const U=[`system`,`business`,`alarm`],ue=()=>({list:[],known:new Map,total:0,unread:0,categories:{},statisticsVersion:0,queryCategory:`all`});function W(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.id==`string`&&t.id.length>0&&typeof t.title==`string`&&typeof t.summary==`string`&&typeof t.timestamp==`string`&&Number.isFinite(Date.parse(t.timestamp))&&U.includes(t.category)&&[`low`,`normal`,`high`,`urgent`].includes(String(t.priority))&&[`read`,`unread`,`archived`].includes(String(t.status))}function G(e){return{...e,...e.sender?{sender:{...e.sender}}:{},...e.extra?{extra:{...e.extra}}:{}}}function de(e){let t={system:0,business:0,alarm:0};for(let n of e)n.status===`unread`&&t[n.category]++;return t}function fe(e){return typeof e==`number`&&Number.isSafeInteger(e)&&e>=0}function pe(e){let t={};if(e&&typeof e==`object`)for(let n of U){let r=e[n];fe(r)&&(t[n]=r)}return t}function me(e,t,n){let r=new Map(e);for(let e of t)n?r.delete(e.id):e.status===`unread`&&r.set(e.id,{...e,status:`read`});return r}function he(e,t,n){if(t.kind!==`delete`&&t.kind!==`clear`)return e.total;let r=e.queryCategory===t.queryCategory?t.unknownTotal:0;return Math.max(0,e.total-n-r)}function ge(e,t){let n=new Set(t.ids),r=[...e.known.values()].filter(e=>n.has(e.id)),i=e.list.filter(e=>n.has(e.id)),a=r.filter(e=>e.status===`unread`),o=t.kind===`delete`||t.kind===`clear`,s=o?e.list.filter(e=>!n.has(e.id)):e.list.map(e=>n.has(e.id)&&e.status===`unread`?{...e,status:`read`}:e),c={...e.categories},l=me(e.known,r,o),u=e.statisticsVersion===t.statisticsVersion;for(let e of U){let n=c[e];if(n===void 0||!u)continue;let r=a.filter(t=>t.category===e).length;c[e]=Math.max(0,n-r-(t.unknownCategories[e]??0))}return{list:s,known:l,total:he(e,t,i.length),unread:u?Math.max(0,e.unread-a.length-t.unknownUnread):e.unread,categories:c,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function _e(e,t,n,r){if(!Array.isArray(e?.list)||!e.list.every(W)||!fe(e.total)||!fe(e.unreadCount))throw Error(`消息接口返回的数据或统计无效`);let i=new Map,a=new Map(t.known);if(!n)for(let e of t.list)i.set(e.id,e);for(let t of e.list){let e=G(t);i.set(t.id,e),a.set(t.id,e)}return{list:[...i.values()],known:a,total:e.total,unread:e.unreadCount,categories:pe(e.unreadByCategory),statisticsVersion:t.statisticsVersion,queryCategory:r}}function ve(e,t,n){let r=de(t),i={},a=n?[n]:U;for(let t of a){let n=e.categories[t];n!==void 0&&(i[t]=Math.max(0,n-r[t]))}let o=n?e.categories[n]:e.unread;return{unknownCategories:i,unknownUnread:o===void 0?0:Math.max(0,o-t.filter(e=>e.status===`unread`).length)}}function K(e,t={}){let n=s(()=>e.dataMode??(e.fetchNotifications?`remote`:`demo`)),a=re(ue()),o=re([]),c=s(()=>o.value.reduce(ge,a.value)),l=s(()=>c.value.list),u=x(`all`),d=x(!1),f=x(1),p=x(null),m=x(!1),_=x(`disconnected`),v=x(null),b=s(()=>c.value.unread),te=s(()=>c.value.categories),S=s(()=>u.value===`all`?l.value:l.value.filter(e=>e.category===u.value)),ne=s(()=>n.value===`demo`?S.value.length:c.value.total),C=s(()=>n.value===`remote`&&S.value.length<ne.value),w=s(()=>o.value.length>0),T=s(()=>[...new Set(o.value.flatMap(e=>e.ids))]),E=0,D=0,ae=0,O=0,k=!1,A=!1,j=[],M=null,N=!1,P,F=new Set;function I(t,n){v.value=t instanceof Error?t.message:`消息操作失败，请重试`,e.onError?.(t,n)}function L(){v.value=null}function R(e){let t=new Set([...e.list.map(e=>e.id),...o.value.flatMap(e=>e.ids)]),n=new Map,r=0;for(let[i,a]of[...e.known].reverse()){let e=t.has(i);(e||r<256)&&(n.set(i,a),e||r++)}return{...e,known:new Map([...n].reverse())}}function z(e){let t=de(e);return{list:e,known:new Map(e.map(e=>[e.id,e])),total:e.length,unread:Object.values(t).reduce((e,t)=>e+t,0),categories:t,statisticsVersion:0,queryCategory:`all`}}function B(){let t=i(e.storageKey??se);if(t?.version===2&&Array.isArray(t.messages)){a.value=z(t.messages.filter(W).map(G));return}let n=new Set(Array.isArray(t?.readIds)?t.readIds:[]);a.value=z(ce.map(e=>({...G(e),status:n.has(e.id)?`read`:e.status})))}function V(){n.value===`demo`&&r(e.storageKey??se,{version:2,messages:a.value.list.map(G)})}function H(e){let t=++D;d.value&&j.push({...e,version:t})}function U(e){return n.value===`demo`||u.value===`all`||u.value===e.category}function me(e,t,n=!1){if(e.list.some(e=>e.id===t.id)||!n&&e.known.has(t.id))return e;let r=U(t),i={...e.categories};return t.status===`unread`&&i[t.category]!==void 0&&i[t.category]++,{list:r?[G(t),...e.list]:e.list,known:new Map([...e.known,[t.id,G(t)]]),total:e.total+(r?1:0),unread:e.unread+(t.status===`unread`?1:0),categories:i,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function he(e,t){return`operation`in t?ge(e,{...t.operation,statisticsVersion:e.statisticsVersion}):`message`in t?me(e,t.message,!0):{...e,unread:t.counts.unreadCount,categories:{...e.categories,...pe(t.counts.unreadByCategory)},statisticsVersion:e.statisticsVersion+1}}function K(e,t){return!A&&t===O&&e===E}async function ye(t,n){if(!e.fetchNotifications)throw Error(`远程消息模式未配置 fetchNotifications`);return e.fetchNotifications({category:n===`all`?void 0:n,page:t,pageSize:e.pageSize??20})}function be(e,t){let n=e;for(let e of j)e.version>t&&(n=he(n,e));return n}async function xe(e,t){let r=++E,i=D,o=u.value,s=O;d.value=!0,L();try{if(n.value===`demo`){B(),f.value=1;return}let c=await ye(e,o);if(!K(r,s))return;a.value=R(be(_e(c,a.value,t,o),i)),f.value=e}catch(n){throw K(r,s)&&(P=()=>xe(e,t),I(n,`fetch`)),n}finally{K(r,s)&&(d.value=!1,j=[])}}async function q(e=!1){await xe(e?1:f.value,e)}async function Se(){d.value||!C.value||await xe(f.value+1,!1)}function J(e,t,n){let r={id:++ae,kind:e,ids:[...new Set(t)],category:n,unknownUnread:0,unknownCategories:{},unknownTotal:0,statisticsVersion:a.value.statisticsVersion,queryCategory:u.value};if(e!==`read-all`&&e!==`clear`)return r;let i=[...a.value.known.values()].filter(e=>!n||e.category===n);Object.assign(r,ve(a.value,i,n));let o=!n||u.value===n;return e===`clear`&&o&&(r.unknownTotal=Math.max(0,a.value.total-a.value.list.filter(e=>!n||e.category===n).length)),r}async function Y(e,t,r){if(L(),n.value===`remote`&&!t){let n=Error(`远程消息模式未配置 `+r+` 接口`);throw P=()=>Y(e,t,r),I(n,r),n}let i=O;o.value=[...o.value,e];try{if(n.value===`remote`&&await t(),A||i!==O){let e=Error(`消息作用域已失效`);throw e.name=`AbortError`,e}a.value=ge(a.value,e),H({operation:e}),V()}catch(n){throw!A&&i===O&&(P=()=>Y(e,t,r),I(n,r)),n}finally{i===O&&(o.value=o.value.filter(t=>t.id!==e.id),a.value=R(a.value))}}async function X(t){await Y(J(`read`,t),e.markAsRead?()=>e.markAsRead(t):void 0,`mark-as-read`)}async function Ce(t){await Y(J(`read-all`,[...a.value.known.values()].filter(e=>!t||e.category===t).map(e=>e.id),t),e.markAllRead?()=>e.markAllRead(t):void 0,`mark-all-as-read`)}async function we(t){await Y(J(`delete`,t),e.deleteNotification?()=>e.deleteNotification(t):void 0,`delete`),p.value&&t.includes(p.value.id)&&Q()}async function Te(t){await Y(J(`clear`,[...a.value.known.values()].filter(e=>!t||e.category===t).map(e=>e.id),t),e.clearNotifications?()=>e.clearNotifications(t):void 0,`clear`),p.value&&(!t||p.value.category===t)&&Q()}let Z=new Set;function Ee(e){if(!W(e))return;let n=e;Z.has(n.id)||a.value.known.has(n.id)||(Z.add(n.id),Z.size>2e3&&Z.delete(Z.values().next().value),a.value=me(a.value,n),H({message:G(n)}),V(),t.onNewMessage?.(n),Pe(n))}function De(e){if(!Array.isArray(e))return;let t=J(`read`,e.filter(W).map(e=>e.id));a.value=ge(a.value,t),H({operation:t}),V()}function Oe(e){if(e&&typeof e==`object`&&`unreadCount`in e&&fe(e.unreadCount)){let t=e;a.value=he(a.value,{version:0,counts:t}),H({counts:t})}}function ke(e){if(!A)switch(e.type){case`new_message`:Ee(e.data);break;case`read_sync`:De(e.data);break;case`count_update`:Oe(e.data);break}}function Ae(e){_.value=e,t.onWSStatusChange?.(e),e===`connected`&&(N&&n.value===`remote`&&q(!0).catch(()=>void 0),N=!0)}let je=le(ke,Ae);function Me(t=e.wsConfig){t&&je.connect(t)}function Ne(){je.disconnect()}function Pe(t){if(!e.desktopNotification||typeof window>`u`||!(`Notification`in window)||Notification.permission!==`granted`)return;let n=new Notification(t.title,{body:t.summary,icon:t.sender?.avatar,tag:t.id});n.addEventListener(`click`,()=>{window.focus(),Ie(t),n.close()});let r=setTimeout(()=>{n.close(),F.delete(r)},5e3);F.add(r)}async function Fe(){return typeof window>`u`||!(`Notification`in window)?`unsupported`:Notification.requestPermission()}function Ie(e){p.value=e,e.status===`unread`&&X([e.id]).catch(()=>void 0)}function Q(){p.value=null}function Le(e){u.value!==e&&(u.value=e,Q(),n.value===`remote`&&(a.value={...a.value,list:[],total:0,queryCategory:e},f.value=1,q(!0).catch(()=>void 0)))}function $(){if(k)return;k=!0,A=!1,q(!0).catch(()=>void 0);let t=e.pollingInterval??oe;n.value===`remote`&&t>0&&(M=setInterval(()=>{d.value||q(!0).catch(()=>void 0)},t)),Me()}function Re(){k=!1,A=!0,O++,E++,d.value=!1,o.value=[],j=[],P=void 0,Z.clear(),N=!1,M&&clearInterval(M),M=null;for(let e of F)clearTimeout(e);F.clear(),Ne()}async function ze(){P?await P():await q(!0)}return g()&&ee(Re),e.autoStart!==!1&&(h()?y($):$()),ie(l,e=>{let t=p.value?.id;t&&(p.value=e.find(e=>e.id===t)??null)}),ie(()=>[n.value,e.storageKey],()=>{let e=k;Re(),a.value=ue(),u.value=`all`,p.value=null,m.value=!1,v.value=null,e&&$()}),{messages:l,activeCategory:u,loading:d,total:ne,page:f,selectedMessage:p,popoverVisible:m,wsStatus:_,unreadCount:b,unreadByCategory:te,filteredMessages:S,hasMore:C,error:v,busy:w,pendingIds:T,fetchMessages:q,loadMore:Se,markAsRead:X,markAllAsRead:Ce,deleteMessages:we,clearMessages:Te,selectMessage:Ie,clearSelection:Q,switchCategory:Le,clearError:L,retry:ze,requestDesktopPermission:Fe,connectWS:Me,disconnectWS:Ne,initialize:$,dispose:Re}}const ye={class:`notification-badge`},be=[`aria-label`],xe={key:0,class:`notification-badge__count`},q={key:0,class:`notification-badge__pulse`};var Se=t(m({__name:`NotificationBadge`,props:{count:{default:0},maxCount:{default:99},hasUrgent:{type:Boolean,default:!1}},emits:[`click`],setup(t){let n=t,r=s(()=>n.count>n.maxCount?`${n.maxCount}+`:String(n.count));return(n,i)=>{let a=N;return b(),u(`div`,ye,[p(a,{trigger:`hover`,placement:`bottom`},{trigger:T(()=>[d(`button`,{type:`button`,class:`notification-badge__trigger`,"aria-label":`消息通知${t.count>0?`（${t.count} 条未读）`:``}`,onClick:i[0]||=e=>n.$emit(`click`)},[p(e,{name:`mdi:bell-outline`,size:18,class:`notification-badge__icon`}),l(` 未读角标 `),p(o,{name:`badge-bounce`},{default:T(()=>[t.count>0?(b(),u(`span`,xe,C(r.value),1)):l(`v-if`,!0)]),_:1}),l(` 脉冲动画（有紧急消息时） `),t.hasUrgent?(b(),u(`span`,q)):l(`v-if`,!0)],8,be)]),default:T(()=>[f(` 消息通知`+C(t.count>0?`（${t.count} 条未读）`:``),1)]),_:1})])}}}),[[`__scopeId`,`data-v-51516250`]]);const J=6e4,Y=36e5,X=864e5,Ce=7*X,we=30*X;365*X;let Te=null;function Z(){return Te||=Ee(),Te}function Ee(){function e(e){let r=new Date(e),i=Date.now()-r.getTime();if(i<0||i<J)return`刚刚`;if(i<Y)return`${Math.floor(i/J)}分钟前`;if(i<X)return`${Math.floor(i/Y)}小时前`;let a=new Date;return a.setHours(0,0,0,0),r>=new Date(a.getTime()-X)&&r<a?`昨天 ${n(r.getHours())}:${n(r.getMinutes())}`:i<Ce?`${Math.floor(i/X)}天前`:i<we?`${Math.floor(i/Ce)}周前`:i<31536e6?`${Math.floor(i/we)}个月前`:t(r)}function t(e){return`${e.getFullYear()}-${n(e.getMonth()+1)}-${n(e.getDate())} ${n(e.getHours())}:${n(e.getMinutes())}`}function n(e){return e<10?`0${e}`:String(e)}return{formatRelativeTime:e,formatFullDate:t}}const De={class:`notification-item__indicator`},Oe={class:`notification-item__avatar`},ke={class:`notification-item__body`},Ae={class:`notification-item__header`},je={class:`notification-item__title`},Me={class:`notification-item__summary`},Ne={class:`notification-item__meta`},Pe={class:`notification-item__time`},Fe={key:0,class:`notification-item__sender`},Ie=[`disabled`],Q=[`disabled`];var Le=t(m({__name:`NotificationItem`,props:{message:{},busy:{type:Boolean}},emits:[`click`,`read`,`delete`],setup(t){let n=t,{formatRelativeTime:r}=Z(),i=s(()=>B[n.message.category]?.icon??`mdi:bell-outline`),a=s(()=>H[n.message.priority]??H.normal),o=s(()=>r(n.message.timestamp));return(n,r)=>{let s=D,m=M,h=N;return b(),u(`div`,{class:_([`notification-item`,{"notification-item--unread":t.message.status===`unread`,"notification-item--urgent":t.message.priority===`urgent`}]),onClick:r[3]||=e=>n.$emit(`click`,t.message)},[l(` 未读指示点 `),d(`div`,De,[t.message.status===`unread`?(b(),u(`span`,{key:0,class:_([`notification-item__dot`,`notification-item__dot--${t.message.priority}`])},null,2)):l(`v-if`,!0)]),l(` 头像 `),d(`div`,Oe,[t.message.sender?.avatar?(b(),c(s,{key:0,src:t.message.sender.avatar,size:36,round:``},null,8,[`src`])):(b(),u(`div`,{key:1,class:_([`notification-item__avatar-placeholder`,`notification-item__avatar-placeholder--${t.message.category}`])},[p(e,{name:i.value,size:16},null,8,[`name`])],2))]),l(` 内容 `),d(`div`,ke,[d(`div`,Ae,[d(`span`,je,C(t.message.title),1),t.message.priority===`urgent`||t.message.priority===`high`?(b(),c(m,{key:0,type:a.value.type,size:`tiny`,bordered:!1,round:``},{default:T(()=>[f(C(a.value.label),1)]),_:1},8,[`type`])):l(`v-if`,!0)]),d(`div`,Me,C(t.message.summary),1),d(`div`,Ne,[d(`span`,Pe,C(o.value),1),t.message.sender?.name?(b(),u(`span`,Fe,C(t.message.sender.name),1)):l(`v-if`,!0)])]),l(` 操作区 `),d(`div`,{class:`notification-item__actions`,onClick:r[2]||=E(()=>{},[`stop`])},[t.message.status===`unread`?(b(),c(h,{key:0,trigger:`hover`,placement:`top`},{trigger:T(()=>[d(`button`,{class:`notification-item__action`,type:`button`,disabled:t.busy,"aria-label":`标记已读`,onClick:r[0]||=e=>n.$emit(`read`,t.message.id)},[p(e,{name:`mdi:check`,size:16})],8,Ie)]),default:T(()=>[r[4]||=f(` 标记已读 `,-1)]),_:1})):l(`v-if`,!0),p(h,{trigger:`hover`,placement:`top`},{trigger:T(()=>[d(`button`,{class:`notification-item__action`,type:`button`,disabled:t.busy,"aria-label":`删除消息`,onClick:r[1]||=e=>n.$emit(`delete`,t.message.id)},[p(e,{name:`mdi:delete-outline`,size:16})],8,Q)]),default:T(()=>[r[5]||=f(` 删除 `,-1)]),_:1})])],2)}}}),[[`__scopeId`,`data-v-8a4522f3`]]);const $={class:`notification-list`},Re={class:`notification-list__tabs`},ze=[`aria-pressed`,`onClick`],Be={key:0,class:`notification-list__tab-count`},Ve={key:0,class:`notification-list__toolbar`},He={class:`notification-list__skeleton-text`},Ue={class:`notification-list__items`},We=[`disabled`],Ge={class:`notification-list__empty`};var Ke=t(m({__name:`NotificationList`,props:{messages:{},activeCategory:{},unreadByCategory:{},busy:{type:Boolean,default:!1},pendingIds:{default:()=>[]},unreadCount:{},loading:{type:Boolean},hasMore:{type:Boolean},scrollHeight:{default:420}},emits:[`switchCategory`,`itemClick`,`read`,`delete`,`markAllRead`,`clear`,`loadMore`],setup(t){let n=t,r=s(()=>n.activeCategory===`all`?n.unreadCount:n.unreadByCategory[n.activeCategory]);function i(e){return e===`all`?n.unreadCount:n.unreadByCategory[e]??0}return(n,o)=>{let s=ae,m=A,h=j,g=k;return b(),u(`div`,$,[l(` 分类 Tab `),d(`div`,Re,[(b(!0),u(a,null,S(w(V),e=>(b(),u(`button`,{key:e.key,class:_([`notification-list__tab`,{"notification-list__tab--active":t.activeCategory===e.key}]),type:`button`,"aria-pressed":t.activeCategory===e.key,onClick:t=>n.$emit(`switchCategory`,e.key)},[d(`span`,null,C(e.label),1),i(e.key)>0?(b(),u(`span`,Be,C(i(e.key)),1)):l(`v-if`,!0)],10,ze))),128))]),l(` 操作栏 `),t.messages.length>0?(b(),u(`div`,Ve,[p(s,{text:``,size:`tiny`,disabled:t.busy||r.value!==void 0&&r.value===0,loading:t.busy,onClick:o[0]||=e=>n.$emit(`markAllRead`)},{icon:T(()=>[p(e,{name:`mdi:check-all`,size:14})]),default:T(()=>[o[6]||=f(` 全部已读 `,-1)]),_:1},8,[`disabled`,`loading`]),p(s,{text:``,size:`tiny`,disabled:t.busy,onClick:o[1]||=e=>n.$emit(`clear`)},{icon:T(()=>[p(e,{name:`mdi:delete-sweep-outline`,size:14})]),default:T(()=>[o[7]||=f(` 清空 `,-1)]),_:1},8,[`disabled`])])):l(`v-if`,!0),l(` 消息列表 `),p(g,{class:`notification-list__scroll`,style:v({maxHeight:`${t.scrollHeight}px`})},{default:T(()=>[t.loading&&t.messages.length===0?(b(),u(a,{key:0},[l(` 骨架屏 `),(b(),u(a,null,S(4,e=>d(`div`,{key:e,class:`notification-list__skeleton`},[p(m,{circle:``,width:36,height:36}),d(`div`,He,[p(m,{text:``,width:`60%`,height:14}),p(m,{text:``,width:`90%`,height:12}),p(m,{text:``,width:`40%`,height:10})])])),64))],64)):t.messages.length>0?(b(),u(a,{key:1},[d(`div`,Ue,[(b(!0),u(a,null,S(t.messages,e=>(b(),c(Le,{key:e.id,message:e,busy:t.busy||t.pendingIds.includes(e.id),onClick:o[2]||=e=>n.$emit(`itemClick`,e),onRead:o[3]||=e=>n.$emit(`read`,e),onDelete:o[4]||=e=>n.$emit(`delete`,e)},null,8,[`message`,`busy`]))),128))]),l(` 加载更多 `),t.hasMore?(b(),u(`button`,{key:0,class:`notification-list__load-more`,type:`button`,disabled:t.loading,onClick:o[5]||=e=>n.$emit(`loadMore`)},[t.loading?(b(),c(h,{key:0,size:14})):l(`v-if`,!0),d(`span`,null,C(t.loading?`加载中...`:`加载更多`),1)],8,We)):l(`v-if`,!0)],64)):(b(),u(a,{key:2},[l(` 空状态 `),d(`div`,Ge,[p(e,{name:`mdi:bell-off-outline`,size:48,class:`notification-list__empty-icon`}),o[8]||=d(`span`,{class:`notification-list__empty-text`},`暂无消息`,-1)])],2112))]),_:1},8,[`style`])])}}}),[[`__scopeId`,`data-v-63a2d867`]]);function qe(e){return e.includes(`\\`)||e.startsWith(`//`)||Array.from(e).some(e=>e.charCodeAt(0)<32)}function Je(e){let t=e?.trim();if(!t||qe(t))return null;if(/^https?:\/\//i.test(t))try{let e=new URL(t);return e.protocol!==`http:`&&e.protocol!==`https:`?null:{kind:`external`,url:e.href}}catch{return null}return/^[a-z][a-z\d+.-]*:/i.test(t)?null:{kind:`internal`,url:t}}const Ye={class:`notification-detail`},Xe={class:`notification-detail__back`},Ze={class:`notification-detail__header`},Qe={class:`notification-detail__title`},$e={class:`notification-detail__meta`},et={class:`notification-detail__time`},tt={key:0,class:`notification-detail__sender`},nt=[`innerHTML`],rt={key:1,class:`notification-detail__body`},it={key:0,class:`notification-detail__footer`};var at=t(m({__name:`NotificationDetail`,props:{message:{},scrollHeight:{default:320}},emits:[`back`,`action`,`navigate`],setup(t,{emit:r}){let i=t,a=r,{formatRelativeTime:o}=Z(),m=s(()=>B[i.message.category]??B.system),h=s(()=>H[i.message.priority]??H.normal),g=s(()=>o(i.message.timestamp)),_=s(()=>n(i.message.content||``));function y(){let e=Je(i.message.actionUrl);e&&(a(`action`,e.url),e.kind===`external`?window.open(e.url,`_blank`,`noopener,noreferrer`):a(`navigate`,e.url))}return(n,r)=>{let i=ae,a=M,o=D,s=k;return b(),u(`div`,Ye,[l(` 返回栏 `),d(`div`,Xe,[p(i,{text:``,size:`small`,onClick:r[0]||=e=>n.$emit(`back`)},{icon:T(()=>[p(e,{name:`mdi:arrow-left`,size:16})]),default:T(()=>[r[1]||=f(` 返回列表 `,-1)]),_:1})]),l(` 消息头部 `),d(`div`,Ze,[d(`h3`,Qe,C(t.message.title),1),d(`div`,$e,[p(a,{type:m.value.color,size:`tiny`,bordered:!1,round:``},{icon:T(()=>[p(e,{name:m.value.icon,size:12},null,8,[`name`])]),default:T(()=>[f(` `+C(m.value.label),1)]),_:1},8,[`type`]),t.message.priority===`urgent`||t.message.priority===`high`?(b(),c(a,{key:0,type:h.value.type,size:`tiny`,bordered:!1,round:``},{default:T(()=>[f(C(h.value.label),1)]),_:1},8,[`type`])):l(`v-if`,!0),d(`span`,et,C(g.value),1)]),t.message.sender?(b(),u(`div`,tt,[t.message.sender.avatar?(b(),c(o,{key:0,src:t.message.sender.avatar,size:20,round:``},null,8,[`src`])):l(`v-if`,!0),d(`span`,null,C(t.message.sender.name),1)])):l(`v-if`,!0)]),l(` 消息内容 `),p(s,{class:`notification-detail__content`,style:v({maxHeight:`${t.scrollHeight}px`})},{default:T(()=>[t.message.content?(b(),u(`div`,{key:0,class:`notification-detail__body`,innerHTML:_.value},null,8,nt)):(b(),u(`div`,rt,C(t.message.summary),1))]),_:1},8,[`style`]),l(` 操作区 `),t.message.actionUrl?(b(),u(`div`,it,[p(i,{type:`primary`,size:`small`,onClick:y},{icon:T(()=>[p(e,{name:`mdi:arrow-right`,size:16})]),default:T(()=>[f(C(t.message.actionText||`查看详情`)+` `,1)]),_:1})])):l(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-8e02b6cd`]]);const ot={class:`c-notification-center`},st={class:`c-notification-center__panel`},ct={class:`c-notification-center__header`},lt={class:`c-notification-center__header-extra`},ut={key:0,class:`c-notification-center__error`,role:`alert`},dt={class:`c-notification-center__footer`};var ft=t(m({name:`C_NotificationCenter`,__name:`index`,props:{dataMode:{},controller:{},autoStart:{type:Boolean,default:!0},fetchNotifications:{},markAsRead:{},markAllRead:{},deleteNotification:{},clearNotifications:{},wsConfig:{},desktopNotification:{type:Boolean,default:!1},maxBadgeCount:{default:99},pollingInterval:{default:6e4},pageSize:{default:20},storageKey:{default:`notification_center`},onError:{}},emits:[`itemClick`,`read`,`allRead`,`delete`,`unreadChange`,`wsStatusChange`,`newMessage`,`navigate`,`viewAll`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=r.controller??K(r,{onNewMessage:e=>i(`newMessage`,e),onWSStatusChange:e=>i(`wsStatusChange`,e)}),m=s(()=>a.messages.value.some(e=>e.status===`unread`&&e.priority===`urgent`)),h=s(()=>({connected:`已连接`,connecting:`连接中...`,disconnected:`未连接`,reconnecting:`重连中...`})[a.wsStatus.value]??`未知`);ie(()=>a.unreadCount.value,e=>{i(`unreadChange`,e)});function g(){a.popoverVisible.value=!a.popoverVisible.value}async function v(){try{a.retry?await a.retry():await a.fetchMessages(!0)}catch{}}async function y(){try{await a.loadMore()}catch{}}function ee(){a.popoverVisible.value=!1,i(`viewAll`)}function te(e){a.selectMessage(e),i(`itemClick`,e)}async function x(e){try{await a.markAsRead([e]),i(`read`,[e])}catch{}}async function S(e){try{await a.deleteMessages([e]),i(`delete`,[e])}catch{}}async function ne(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;try{await a.markAllAsRead(e),i(`allRead`,e)}catch{}}async function re(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;try{await a.clearMessages(e)}catch{}}function E(){a.popoverVisible.value=!1}function D(){a.clearSelection()}return t({refresh:()=>a.fetchMessages(!0),connectWS:()=>{r.wsConfig&&a.connectWS(r.wsConfig)},disconnectWS:a.disconnectWS,getUnreadCount:()=>a.unreadCount.value,getMessages:()=>a.messages.value.map(e=>({...e})),markRead:e=>a.markAsRead(e),markAllAsRead:e=>a.markAllAsRead(e),requestDesktopPermission:a.requestDesktopPermission}),(e,t)=>{let n=N,s=ae,ie=O;return b(),u(`div`,ot,[p(ie,{show:w(a).popoverVisible.value,"onUpdate:show":t[1]||=e=>w(a).popoverVisible.value=e,width:420,trigger:`manual`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:D},{trigger:T(()=>[p(Se,{count:w(a).unreadCount.value,"max-count":r.maxBadgeCount,"has-urgent":m.value,onClick:g},null,8,[`count`,`max-count`,`has-urgent`])]),default:T(()=>[d(`div`,st,[l(` 头部标题 `),d(`div`,ct,[t[2]||=d(`span`,{class:`c-notification-center__title`},`消息中心`,-1),d(`div`,lt,[l(` WebSocket 连接状态 `),r.wsConfig||w(a).wsStatus.value!==`disconnected`?(b(),c(n,{key:0,trigger:`hover`,placement:`top`},{trigger:T(()=>[d(`span`,{class:_([`c-notification-center__ws-dot`,`c-notification-center__ws-dot--${w(a).wsStatus.value}`])},null,2)]),default:T(()=>[f(` `+C(h.value),1)]),_:1})):l(`v-if`,!0)])]),w(a).error.value?(b(),u(`div`,ut,[d(`span`,null,C(w(a).error.value),1),p(s,{size:`tiny`,loading:w(a).loading.value,onClick:v},{default:T(()=>[...t[3]||=[f(`重试`,-1)]]),_:1},8,[`loading`])])):l(`v-if`,!0),l(` 列表 / 详情切换 `),p(o,{name:`slide-fade`,mode:`out-in`},{default:T(()=>[w(a).selectedMessage.value?(b(),c(at,{key:w(a).selectedMessage.value.id,message:w(a).selectedMessage.value,onBack:w(a).clearSelection,onAction:E,onNavigate:t[0]||=e=>i(`navigate`,e)},null,8,[`message`,`onBack`])):(b(),c(Ke,{key:1,messages:w(a).filteredMessages.value,"active-category":w(a).activeCategory.value,"unread-by-category":w(a).unreadByCategory.value,"unread-count":w(a).unreadCount.value,loading:w(a).loading.value,"has-more":w(a).hasMore.value,busy:w(a).busy.value,"pending-ids":w(a).pendingIds.value,onSwitchCategory:w(a).switchCategory,onItemClick:te,onRead:x,onDelete:S,onMarkAllRead:ne,onClear:re,onLoadMore:y},null,8,[`messages`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`busy`,`pending-ids`,`onSwitchCategory`]))]),_:1}),d(`div`,dt,[p(s,{text:``,type:`primary`,size:`small`,onClick:ee},{default:T(()=>[...t[4]||=[f(`查看全部消息`,-1)]]),_:1})])])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-21f127ad`]]);export{B as a,F as c,R as d,z as f,H as g,ce as h,le as i,oe as l,I as m,Z as n,V as o,L as p,K as r,P as s,ft as t,se as u};
+import{t as e}from"./useComponentLocale.js";import{t}from"./C_Icon2.js";import{t as n}from"./export-helper.js";import{t as r}from"./html.js";import{i,t as a}from"./storage.js";import{Fragment as o,Transition as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createTextVNode as m,createVNode as h,defineComponent as g,getCurrentInstance as _,getCurrentScope as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as ee,normalizeStyle as S,onMounted as te,onScopeDispose as ne,openBlock as C,readonly as re,ref as w,renderList as T,renderSlot as E,resolveComponent as D,shallowRef as ie,toDisplayString as O,unref as k,watch as ae,withCtx as A,withModifiers as j}from"vue";import{NAvatar as M,NButton as N,NPopover as P,NScrollbar as F,NSkeleton as I,NSpin as L,NTag as R,NTooltip as z}from"naive-ui";const oe=99,se=20,ce=6e4,le=`notification_center`,ue=3e3,de=5,B=3e4,fe=`ping`,V={system:{label:`系统通知`,icon:`mdi:cog-outline`,color:`info`},business:{label:`业务消息`,icon:`mdi:briefcase-outline`,color:`success`},alarm:{label:`告警预警`,icon:`mdi:alert-outline`,color:`warning`}},H=[{key:`all`,label:`全部`},{key:`system`,label:`系统通知`},{key:`business`,label:`业务消息`},{key:`alarm`,label:`告警预警`}],U={low:{label:`低`,type:`default`},normal:{label:`普通`,type:`info`},high:{label:`重要`,type:`warning`},urgent:{label:`紧急`,type:`error`}},pe=[{id:`msg-001`,title:`系统维护通知`,summary:`系统将于今晚 22:00-23:00 进行例行维护升级，届时部分功能可能暂时不可用。`,content:`<p>尊敬的用户：</p><p>为了提升系统性能和稳定性，我们计划于 <strong>2026年2月27日 22:00-23:00</strong> 对系统进行例行维护升级。</p><p>维护期间，以下功能可能暂时不可用：</p><ul><li>报表导出</li><li>数据同步</li><li>定时任务</li></ul><p>请提前保存好未完成的工作，感谢您的理解与支持！</p>`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-15*6e4).toISOString(),sender:{name:`系统管理员`,avatar:``}},{id:`msg-002`,title:`审批流程待处理`,summary:`张三提交的《Q1 季度预算申请》需要您审批，请尽快处理。`,category:`business`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-30*6e4).toISOString(),sender:{name:`张三`,avatar:``},actionUrl:`/workflow/approval`,actionText:`去审批`},{id:`msg-003`,title:`服务器 CPU 使用率告警`,summary:`生产环境节点 prod-node-03 CPU 使用率持续超过 90%，已触发告警阈值。`,category:`alarm`,priority:`urgent`,status:`unread`,timestamp:new Date(Date.now()-2*6e4).toISOString(),sender:{name:`监控中心`},actionUrl:`/monitor/server`,actionText:`查看详情`},{id:`msg-004`,title:`新版本发布 v1.14.0`,summary:`系统已升级至 v1.14.0，新增通知中心、工作流增强等多项功能。`,category:`system`,priority:`normal`,status:`unread`,timestamp:new Date(Date.now()-3*36e5).toISOString(),sender:{name:`系统管理员`}},{id:`msg-005`,title:`项目交付提醒`,summary:`「Robot Admin 二期」项目交付截止日期为 3月15日，当前进度 78%。`,category:`business`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-8*36e5).toISOString(),sender:{name:`项目管理系统`}},{id:`msg-006`,title:`数据库连接池告警`,summary:`数据库连接池使用率达到 85%，建议关注并适时扩容。`,category:`alarm`,priority:`high`,status:`read`,timestamp:new Date(Date.now()-12*36e5).toISOString(),sender:{name:`监控中心`}},{id:`msg-007`,title:`周报提交提醒`,summary:`本周周报提交截止时间为周五 18:00，请及时提交。`,category:`business`,priority:`normal`,status:`read`,timestamp:new Date(Date.now()-24*36e5).toISOString(),sender:{name:`OA 系统`}},{id:`msg-008`,title:`账号安全提醒`,summary:`检测到您的账号在新设备上登录，如非本人操作请及时修改密码。`,category:`system`,priority:`high`,status:`unread`,timestamp:new Date(Date.now()-45*6e4).toISOString(),sender:{name:`安全中心`}}];function me(e,t){let n=w(`disconnected`),r=null,i=0,a=null,o=null,s=null,c=null,l=0;function u(e){n.value=e,t?.(e)}function d(e){c=e,i=0,f(e)}function f(e){let t=++l;y(),u(`connecting`);try{r=new WebSocket(p(e))}catch{u(`disconnected`),e.autoReconnect!==!1&&h(e);return}let n=r;n.addEventListener(`open`,()=>{t!==l||n!==r||(u(`connected`),i=0,g(e))}),n.addEventListener(`message`,e=>{t!==l||n!==r||m(e.data)}),n.addEventListener(`close`,()=>{t!==l||n!==r||(r=null,_(),u(`disconnected`),e.autoReconnect!==!1&&h(e))}),n.addEventListener(`error`,()=>{})}function p(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function m(t){if(typeof t==`string`){if(t===`pong`){s&&clearTimeout(s),s=null;return}try{let n=JSON.parse(t);n&&typeof n==`object`&&[`new_message`,`read_sync`,`count_update`].includes(String(n.type))&&`data`in n&&e(n)}catch{}}}function h(e){if(c!==e||a)return;let t=Math.max(0,Math.trunc(e.maxReconnectAttempts??5));if(i>=t)return;i++,u(`reconnecting`);let n=Math.max(0,e.reconnectInterval??ue),r=Math.min(6e4,n*2**(i-1)),o=l;a=setTimeout(()=>{a=null,!(o!==l||c!==e)&&f(e)},r)}function g(e){_();let t=e.heartbeatInterval??B;if(t<=0)return;let n=e.heartbeatMessage??fe;o=setInterval(()=>{if(r?.readyState===WebSocket.OPEN&&!s)try{r.send(n);let t=e.heartbeatTimeout??0;if(t>0){let e=r;s=setTimeout(()=>{s=null,e===r&&e.close()},t)}}catch{r.close()}},t)}function _(){s&&clearTimeout(s),s=null,o&&=(clearInterval(o),null)}function y(){_(),a&&=(clearTimeout(a),null),r&&=(r.close(),null)}function b(){c=null,l++,i=0,y(),u(`disconnected`)}function x(){c&&(i=0,f(c))}return v()&&ne(b),{status:re(n),connect:d,disconnect:b,reconnect:x}}const W=[`system`,`business`,`alarm`],he=()=>({list:[],known:new Map,total:0,unread:0,categories:{},statisticsVersion:0,queryCategory:`all`});function ge(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.id==`string`&&t.id.length>0&&typeof t.title==`string`&&typeof t.summary==`string`&&typeof t.timestamp==`string`&&Number.isFinite(Date.parse(t.timestamp))&&W.includes(t.category)&&[`low`,`normal`,`high`,`urgent`].includes(String(t.priority))&&[`read`,`unread`,`archived`].includes(String(t.status))}function G(e){return{...e,...e.sender?{sender:{...e.sender}}:{},...e.extra?{extra:{...e.extra}}:{}}}function _e(e){let t={system:0,business:0,alarm:0};for(let n of e)n.status===`unread`&&t[n.category]++;return t}function K(e){return typeof e==`number`&&Number.isSafeInteger(e)&&e>=0}function ve(e){let t={};if(e&&typeof e==`object`)for(let n of W){let r=e[n];K(r)&&(t[n]=r)}return t}function ye(e,t,n){let r=new Map(e);for(let e of t)n?r.delete(e.id):e.status===`unread`&&r.set(e.id,{...e,status:`read`});return r}function be(e,t,n){if(t.kind!==`delete`&&t.kind!==`clear`)return e.total;let r=e.queryCategory===t.queryCategory?t.unknownTotal:0;return Math.max(0,e.total-n-r)}function q(e,t){let n=new Set(t.ids),r=[...e.known.values()].filter(e=>n.has(e.id)),i=e.list.filter(e=>n.has(e.id)),a=r.filter(e=>e.status===`unread`),o=t.kind===`delete`||t.kind===`clear`,s=o?e.list.filter(e=>!n.has(e.id)):e.list.map(e=>n.has(e.id)&&e.status===`unread`?{...e,status:`read`}:e),c={...e.categories},l=ye(e.known,r,o),u=e.statisticsVersion===t.statisticsVersion;for(let e of W){let n=c[e];if(n===void 0||!u)continue;let r=a.filter(t=>t.category===e).length;c[e]=Math.max(0,n-r-(t.unknownCategories[e]??0))}return{list:s,known:l,total:be(e,t,i.length),unread:u?Math.max(0,e.unread-a.length-t.unknownUnread):e.unread,categories:c,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function xe(e,t,n,r,i){if(!Array.isArray(e?.list)||!e.list.every(ge)||!K(e.total)||!K(e.unreadCount))throw Error(i);let a=new Map,o=new Map(t.known);if(!n)for(let e of t.list)a.set(e.id,e);for(let t of e.list){let e=G(t);a.set(t.id,e),o.set(t.id,e)}return{list:[...a.values()],known:o,total:e.total,unread:e.unreadCount,categories:ve(e.unreadByCategory),statisticsVersion:t.statisticsVersion,queryCategory:r}}function Se(e,t,n){let r=_e(t),i={},a=n?[n]:W;for(let t of a){let n=e.categories[t];n!==void 0&&(i[t]=Math.max(0,n-r[t]))}let o=n?e.categories[n]:e.unread;return{unknownCategories:i,unknownUnread:o===void 0?0:Math.max(0,o-t.filter(e=>e.status===`unread`).length)}}function J(t,n={}){let{t:r}=e(),o=c(()=>t.dataMode??(t.fetchNotifications?`remote`:`demo`)),s=ie(he()),l=ie([]),u=c(()=>l.value.reduce(q,s.value)),d=c(()=>u.value.list),f=w(`all`),p=w(!1),m=w(1),h=w(null),g=w(!1),y=w(`disconnected`),b=w(null),x=c(()=>u.value.unread),ee=c(()=>u.value.categories),S=c(()=>f.value===`all`?d.value:d.value.filter(e=>e.category===f.value)),C=c(()=>o.value===`demo`?S.value.length:u.value.total),re=c(()=>o.value===`remote`&&S.value.length<C.value),T=c(()=>l.value.length>0),E=c(()=>[...new Set(l.value.flatMap(e=>e.ids))]),D=0,O=0,k=0,A=0,j=!1,M=!1,N=[],P=null,F=!1,I,L=new Set;function R(e,n){b.value=e instanceof Error?e.message:r(`notification.operationFailed`),t.onError?.(e,n)}function z(){b.value=null}function oe(e){let t=new Set([...e.list.map(e=>e.id),...l.value.flatMap(e=>e.ids)]),n=new Map,r=0;for(let[i,a]of[...e.known].reverse()){let e=t.has(i);(e||r<256)&&(n.set(i,a),e||r++)}return{...e,known:new Map([...n].reverse())}}function se(e){let t=_e(e);return{list:e,known:new Map(e.map(e=>[e.id,e])),total:e.length,unread:Object.values(t).reduce((e,t)=>e+t,0),categories:t,statisticsVersion:0,queryCategory:`all`}}function ue(){let e=a(t.storageKey??le);if(e?.version===2&&Array.isArray(e.messages)){s.value=se(e.messages.filter(ge).map(G));return}let n=new Set(Array.isArray(e?.readIds)?e.readIds:[]);s.value=se(pe.map(e=>({...G(e),status:n.has(e.id)?`read`:e.status})))}function de(){o.value===`demo`&&i(t.storageKey??le,{version:2,messages:s.value.list.map(G)})}function B(e){let t=++O;p.value&&N.push({...e,version:t})}function fe(e){return o.value===`demo`||f.value===`all`||f.value===e.category}function V(e,t,n=!1){if(e.list.some(e=>e.id===t.id)||!n&&e.known.has(t.id))return e;let r=fe(t),i={...e.categories};return t.status===`unread`&&i[t.category]!==void 0&&i[t.category]++,{list:r?[G(t),...e.list]:e.list,known:new Map([...e.known,[t.id,G(t)]]),total:e.total+(r?1:0),unread:e.unread+(t.status===`unread`?1:0),categories:i,statisticsVersion:e.statisticsVersion,queryCategory:e.queryCategory}}function H(e,t){return`operation`in t?q(e,{...t.operation,statisticsVersion:e.statisticsVersion}):`message`in t?V(e,t.message,!0):{...e,unread:t.counts.unreadCount,categories:{...e.categories,...ve(t.counts.unreadByCategory)},statisticsVersion:e.statisticsVersion+1}}function U(e,t){return!M&&t===A&&e===D}async function W(e,n){if(!t.fetchNotifications)throw Error(r(`notification.missingFetch`));return t.fetchNotifications({category:n===`all`?void 0:n,page:e,pageSize:t.pageSize??20})}function ye(e,t){let n=e;for(let e of N)e.version>t&&(n=H(n,e));return n}async function be(e,t){let n=++D,i=O,a=f.value,c=A;p.value=!0,z();try{if(o.value===`demo`){ue(),m.value=1;return}let l=await W(e,a);if(!U(n,c))return;s.value=oe(ye(xe(l,s.value,t,a,r(`notification.invalidResponse`)),i)),m.value=e}catch(r){throw U(n,c)&&(I=()=>be(e,t),R(r,`fetch`)),r}finally{U(n,c)&&(p.value=!1,N=[])}}async function J(e=!1){await be(e?1:m.value,e)}async function Ce(){p.value||!re.value||await be(m.value+1,!1)}function Y(e,t,n){let r={id:++k,kind:e,ids:[...new Set(t)],category:n,unknownUnread:0,unknownCategories:{},unknownTotal:0,statisticsVersion:s.value.statisticsVersion,queryCategory:f.value};if(e!==`read-all`&&e!==`clear`)return r;let i=[...s.value.known.values()].filter(e=>!n||e.category===n);Object.assign(r,Se(s.value,i,n));let a=!n||f.value===n;return e===`clear`&&a&&(r.unknownTotal=Math.max(0,s.value.total-s.value.list.filter(e=>!n||e.category===n).length)),r}async function X(e,t,n){if(z(),o.value===`remote`&&!t){let i=Error(r(`notification.missingAction`,{name:n}));throw I=()=>X(e,t,n),R(i,n),i}let i=A;l.value=[...l.value,e];try{if(o.value===`remote`&&await t(),M||i!==A){let e=Error(r(`notification.expiredScope`));throw e.name=`AbortError`,e}s.value=q(s.value,e),B({operation:e}),de()}catch(r){throw!M&&i===A&&(I=()=>X(e,t,n),R(r,n)),r}finally{i===A&&(l.value=l.value.filter(t=>t.id!==e.id),s.value=oe(s.value))}}async function we(e){await X(Y(`read`,e),t.markAsRead?()=>t.markAsRead(e):void 0,`mark-as-read`)}async function Te(e){await X(Y(`read-all`,[...s.value.known.values()].filter(t=>!e||t.category===e).map(e=>e.id),e),t.markAllRead?()=>t.markAllRead(e):void 0,`mark-all-as-read`)}async function Ee(e){await X(Y(`delete`,e),t.deleteNotification?()=>t.deleteNotification(e):void 0,`delete`),h.value&&e.includes(h.value.id)&&Q()}async function De(e){await X(Y(`clear`,[...s.value.known.values()].filter(t=>!e||t.category===e).map(e=>e.id),e),t.clearNotifications?()=>t.clearNotifications(e):void 0,`clear`),h.value&&(!e||h.value.category===e)&&Q()}let Z=new Set;function Oe(e){if(!ge(e))return;let t=e;Z.has(t.id)||s.value.known.has(t.id)||(Z.add(t.id),Z.size>2e3&&Z.delete(Z.values().next().value),s.value=V(s.value,t),B({message:G(t)}),de(),n.onNewMessage?.(t),Ie(t))}function ke(e){if(!Array.isArray(e))return;let t=Y(`read`,e.filter(ge).map(e=>e.id));s.value=q(s.value,t),B({operation:t}),de()}function Ae(e){if(e&&typeof e==`object`&&`unreadCount`in e&&K(e.unreadCount)){let t=e;s.value=H(s.value,{version:0,counts:t}),B({counts:t})}}function je(e){if(!M)switch(e.type){case`new_message`:Oe(e.data);break;case`read_sync`:ke(e.data);break;case`count_update`:Ae(e.data);break}}function Me(e){y.value=e,n.onWSStatusChange?.(e),e===`connected`&&(F&&o.value===`remote`&&J(!0).catch(()=>void 0),F=!0)}let Ne=me(je,Me);function Pe(e=t.wsConfig){e&&Ne.connect(e)}function Fe(){Ne.disconnect()}function Ie(e){if(!t.desktopNotification||typeof window>`u`||!(`Notification`in window)||Notification.permission!==`granted`)return;let n=new Notification(e.title,{body:e.summary,icon:e.sender?.avatar,tag:e.id});n.addEventListener(`click`,()=>{window.focus(),Re(e),n.close()});let r=setTimeout(()=>{n.close(),L.delete(r)},5e3);L.add(r)}async function Le(){return typeof window>`u`||!(`Notification`in window)?`unsupported`:Notification.requestPermission()}function Re(e){h.value=e,e.status===`unread`&&we([e.id]).catch(()=>void 0)}function Q(){h.value=null}function ze(e){f.value!==e&&(f.value=e,Q(),o.value===`remote`&&(s.value={...s.value,list:[],total:0,queryCategory:e},m.value=1,J(!0).catch(()=>void 0)))}function $(){if(j)return;j=!0,M=!1,J(!0).catch(()=>void 0);let e=t.pollingInterval??ce;o.value===`remote`&&e>0&&(P=setInterval(()=>{p.value||J(!0).catch(()=>void 0)},e)),Pe()}function Be(){j=!1,M=!0,A++,D++,p.value=!1,l.value=[],N=[],I=void 0,Z.clear(),F=!1,P&&clearInterval(P),P=null;for(let e of L)clearTimeout(e);L.clear(),Fe()}async function Ve(){I?await I():await J(!0)}return v()&&ne(Be),t.autoStart!==!1&&(_()?te($):$()),ae(d,e=>{let t=h.value?.id;t&&(h.value=e.find(e=>e.id===t)??null)}),ae(()=>[o.value,t.storageKey],()=>{let e=j;Be(),s.value=he(),f.value=`all`,h.value=null,g.value=!1,b.value=null,e&&$()}),{messages:d,activeCategory:f,loading:p,total:C,page:m,selectedMessage:h,popoverVisible:g,wsStatus:y,unreadCount:x,unreadByCategory:ee,filteredMessages:S,hasMore:re,error:b,busy:T,pendingIds:E,fetchMessages:J,loadMore:Ce,markAsRead:we,markAllAsRead:Te,deleteMessages:Ee,clearMessages:De,selectMessage:Re,clearSelection:Q,switchCategory:ze,clearError:z,retry:Ve,requestDesktopPermission:Le,connectWS:Pe,disconnectWS:Fe,initialize:$,dispose:Be}}const Ce={class:`notification-badge`},Y=[`aria-label`],X={key:0,class:`notification-badge__count`},we={key:0,class:`notification-badge__pulse`};var Te=n(g({__name:`NotificationBadge`,props:{count:{default:0},maxCount:{default:99},hasUrgent:{type:Boolean,default:!1}},emits:[`click`],setup(n){let{t:r}=e(),i=n,a=c(()=>i.count>i.maxCount?`${i.maxCount}+`:String(i.count));return(e,i)=>{let o=z;return C(),d(`div`,Ce,[h(o,{trigger:`hover`,placement:`bottom`},{trigger:A(()=>[f(`button`,{type:`button`,class:`notification-badge__trigger`,"aria-label":n.count>0?k(r)(`notification.unreadBadge`,{count:n.count}):k(r)(`notification.badge`),onClick:i[0]||=t=>e.$emit(`click`)},[h(t,{name:`mdi:bell-outline`,size:18,class:`notification-badge__icon`}),u(` 未读角标 `),h(s,{name:`badge-bounce`},{default:A(()=>[n.count>0?(C(),d(`span`,X,O(a.value),1)):u(`v-if`,!0)]),_:1}),u(` 脉冲动画（有紧急消息时） `),n.hasUrgent?(C(),d(`span`,we)):u(`v-if`,!0)],8,Y)]),default:A(()=>[m(` `+O(n.count>0?k(r)(`notification.unreadBadge`,{count:n.count}):k(r)(`notification.badge`)),1)]),_:1})])}}}),[[`__scopeId`,`data-v-b4c02779`]]);const Ee=6e4,De=36e5,Z=864e5,Oe=7*Z,ke=30*Z;365*Z;function Ae(){return je()}function je(){let{t}=e();function n(e){let n=new Date(e),a=Date.now()-n.getTime();if(a<0||a<Ee)return t(`time.now`);if(a<De)return t(`time.minutes`,{count:Math.floor(a/Ee)});if(a<Z)return t(`time.hours`,{count:Math.floor(a/De)});let o=new Date;return o.setHours(0,0,0,0),n>=new Date(o.getTime()-Z)&&n<o?t(`time.yesterday`,{time:`${i(n.getHours())}:${i(n.getMinutes())}`}):a<Oe?t(`time.days`,{count:Math.floor(a/Z)}):a<ke?t(`time.weeks`,{count:Math.floor(a/Oe)}):a<31536e6?t(`time.months`,{count:Math.floor(a/ke)}):r(n)}function r(e){return`${e.getFullYear()}-${i(e.getMonth()+1)}-${i(e.getDate())} ${i(e.getHours())}:${i(e.getMinutes())}`}function i(e){return e<10?`0${e}`:String(e)}return{formatRelativeTime:n,formatFullDate:r}}const Me={class:`notification-item__indicator`},Ne={class:`notification-item__avatar`},Pe={class:`notification-item__body`},Fe={class:`notification-item__header`},Ie={class:`notification-item__title`},Le={class:`notification-item__summary`},Re={class:`notification-item__meta`},Q={class:`notification-item__time`},ze={key:0,class:`notification-item__sender`},$=[`disabled`,`aria-label`],Be=[`disabled`,`aria-label`];var Ve=n(g({__name:`NotificationItem`,props:{message:{},busy:{type:Boolean}},emits:[`click`,`read`,`delete`],setup(n){let{t:r}=e(),i=n,{formatRelativeTime:a}=Ae(),o=c(()=>V[i.message.category]?.icon??`mdi:bell-outline`),s=c(()=>U[i.message.priority]??U.normal),p=c(()=>a(i.message.timestamp));return(e,i)=>{let a=M,c=R,g=z;return C(),d(`div`,{class:x([`notification-item`,{"notification-item--unread":n.message.status===`unread`,"notification-item--urgent":n.message.priority===`urgent`}]),onClick:i[3]||=t=>e.$emit(`click`,n.message)},[u(` 未读指示点 `),f(`div`,Me,[n.message.status===`unread`?(C(),d(`span`,{key:0,class:x([`notification-item__dot`,`notification-item__dot--${n.message.priority}`])},null,2)):u(`v-if`,!0)]),u(` 头像 `),f(`div`,Ne,[n.message.sender?.avatar?(C(),l(a,{key:0,src:n.message.sender.avatar,size:36,round:``},null,8,[`src`])):(C(),d(`div`,{key:1,class:x([`notification-item__avatar-placeholder`,`notification-item__avatar-placeholder--${n.message.category}`])},[h(t,{name:o.value,size:16},null,8,[`name`])],2))]),u(` 内容 `),f(`div`,Pe,[f(`div`,Fe,[f(`span`,Ie,O(n.message.title),1),n.message.priority===`urgent`||n.message.priority===`high`?(C(),l(c,{key:0,type:s.value.type,size:`tiny`,bordered:!1,round:``},{default:A(()=>[m(O(k(r)(`notification.${n.message.priority}`)),1)]),_:1},8,[`type`])):u(`v-if`,!0)]),f(`div`,Le,O(n.message.summary),1),f(`div`,Re,[f(`span`,Q,O(p.value),1),n.message.sender?.name?(C(),d(`span`,ze,O(n.message.sender.name),1)):u(`v-if`,!0)])]),u(` 操作区 `),f(`div`,{class:`notification-item__actions`,onClick:i[2]||=j(()=>{},[`stop`])},[E(e.$slots,`actions`,{},()=>[n.message.status===`unread`?(C(),l(g,{key:0,trigger:`hover`,placement:`top`},{trigger:A(()=>[f(`button`,{class:`notification-item__action`,type:`button`,disabled:n.busy,"aria-label":k(r)(`notification.markRead`),onClick:i[0]||=t=>e.$emit(`read`,n.message.id)},[h(t,{name:`mdi:check`,size:16})],8,$)]),default:A(()=>[m(` `+O(k(r)(`notification.markRead`)),1)]),_:1})):u(`v-if`,!0),h(g,{trigger:`hover`,placement:`top`},{trigger:A(()=>[f(`button`,{class:`notification-item__action`,type:`button`,disabled:n.busy,"aria-label":k(r)(`notification.delete`),onClick:i[1]||=t=>e.$emit(`delete`,n.message.id)},[h(t,{name:`mdi:delete-outline`,size:16})],8,Be)]),default:A(()=>[m(` `+O(k(r)(`common.delete`)),1)]),_:1})],!0)])],2)}}}),[[`__scopeId`,`data-v-d8c5d00c`]]);const He={class:`notification-list`},Ue={class:`notification-list__tabs`},We=[`aria-pressed`,`onClick`],Ge={key:0,class:`notification-list__tab-count`},Ke={key:0,class:`notification-list__toolbar`},qe={class:`notification-list__skeleton-text`},Je={class:`notification-list__items`},Ye=[`disabled`],Xe={class:`notification-list__empty`},Ze={class:`notification-list__empty-text`};var Qe=n(g({__name:`NotificationList`,props:{messages:{},categoryOptions:{},activeCategory:{},unreadByCategory:{},busy:{type:Boolean,default:!1},pendingIds:{default:()=>[]},unreadCount:{},loading:{type:Boolean},hasMore:{type:Boolean},scrollHeight:{default:420}},emits:[`switchCategory`,`itemClick`,`read`,`delete`,`markAllRead`,`clear`,`loadMore`],setup(n,{emit:r}){let{t:i}=e(),a=n,s=r,g=(e,t)=>({message:e,index:t,busy:a.busy||a.pendingIds.includes(e.id),select:()=>s(`itemClick`,e),read:()=>s(`read`,e.id),remove:()=>s(`delete`,e.id)}),_=c(()=>(a.categoryOptions??H).map(e=>({key:e.key,label:a.categoryOptions?e.label??i(`notification.${e.key}`):i(`notification.${e.key}`)}))),v=c(()=>a.activeCategory===`all`?a.unreadCount:a.unreadByCategory[a.activeCategory]);function y(e){return e===`all`?a.unreadCount:a.unreadByCategory[e]??0}return(e,r)=>{let a=N,s=I,c=L,ee=F;return C(),d(`div`,He,[u(` 分类 Tab `),f(`div`,Ue,[(C(!0),d(o,null,T(_.value,t=>(C(),d(`button`,{key:t.key,class:x([`notification-list__tab`,{"notification-list__tab--active":n.activeCategory===t.key}]),type:`button`,"aria-pressed":n.activeCategory===t.key,onClick:n=>e.$emit(`switchCategory`,t.key)},[f(`span`,null,O(t.label),1),y(t.key)>0?(C(),d(`span`,Ge,O(y(t.key)),1)):u(`v-if`,!0)],10,We))),128))]),u(` 操作栏 `),n.messages.length>0?(C(),d(`div`,Ke,[h(a,{text:``,size:`tiny`,disabled:n.busy||v.value!==void 0&&v.value===0,loading:n.busy,onClick:r[0]||=t=>e.$emit(`markAllRead`)},{icon:A(()=>[h(t,{name:`mdi:check-all`,size:14})]),default:A(()=>[m(` `+O(k(i)(`notification.allRead`)),1)]),_:1},8,[`disabled`,`loading`]),h(a,{text:``,size:`tiny`,disabled:n.busy,onClick:r[1]||=t=>e.$emit(`clear`)},{icon:A(()=>[h(t,{name:`mdi:delete-sweep-outline`,size:14})]),default:A(()=>[m(` `+O(k(i)(`notification.clear`)),1)]),_:1},8,[`disabled`])])):u(`v-if`,!0),u(` 消息列表 `),h(ee,{class:`notification-list__scroll`,style:S({maxHeight:`${n.scrollHeight}px`})},{default:A(()=>[n.loading&&n.messages.length===0?(C(),d(o,{key:0},[u(` 骨架屏 `),(C(),d(o,null,T(4,e=>f(`div`,{key:e,class:`notification-list__skeleton`},[h(s,{circle:``,width:36,height:36}),f(`div`,qe,[h(s,{text:``,width:`60%`,height:14}),h(s,{text:``,width:`90%`,height:12}),h(s,{text:``,width:`40%`,height:10})])])),64))],64)):n.messages.length>0?(C(),d(o,{key:1},[f(`div`,Je,[(C(!0),d(o,null,T(n.messages,(t,i)=>E(e.$slots,`item`,b({ref_for:!0},g(t,i)),()=>[h(Ve,{message:t,busy:n.busy||n.pendingIds.includes(t.id),onClick:r[2]||=t=>e.$emit(`itemClick`,t),onRead:r[3]||=t=>e.$emit(`read`,t),onDelete:r[4]||=t=>e.$emit(`delete`,t)},p({_:2},[e.$slots[`item-actions`]?{name:`actions`,fn:A(()=>[E(e.$slots,`item-actions`,b({ref_for:!0},g(t,i)),void 0,!0)]),key:`0`}:void 0]),1032,[`message`,`busy`])],!0,t.id)),128))]),u(` 加载更多 `),n.hasMore?(C(),d(`button`,{key:0,class:`notification-list__load-more`,type:`button`,disabled:n.loading,onClick:r[5]||=t=>e.$emit(`loadMore`)},[n.loading?(C(),l(c,{key:0,size:14})):u(`v-if`,!0),f(`span`,null,O(n.loading?k(i)(`notification.loading`):k(i)(`notification.loadMore`)),1)],8,Ye)):u(`v-if`,!0)],64)):(C(),d(o,{key:2},[u(` 空状态 `),f(`div`,Xe,[h(t,{name:`mdi:bell-off-outline`,size:48,class:`notification-list__empty-icon`}),f(`span`,Ze,O(k(i)(`notification.empty`)),1)])],2112))]),_:3},8,[`style`])])}}}),[[`__scopeId`,`data-v-8683b45f`]]);function $e(e){return e.includes(`\\`)||e.startsWith(`//`)||Array.from(e).some(e=>e.charCodeAt(0)<32)}function et(e){let t=e?.trim();if(!t||$e(t))return null;if(/^https?:\/\//i.test(t))try{let e=new URL(t);return e.protocol!==`http:`&&e.protocol!==`https:`?null:{kind:`external`,url:e.href}}catch{return null}return/^[a-z][a-z\d+.-]*:/i.test(t)?null:{kind:`internal`,url:t}}const tt={class:`notification-detail`},nt={class:`notification-detail__back`},rt={class:`notification-detail__header`},it={class:`notification-detail__title`},at={class:`notification-detail__meta`},ot={class:`notification-detail__time`},st={key:0,class:`notification-detail__sender`},ct=[`innerHTML`],lt={key:1,class:`notification-detail__body`},ut={key:0,class:`notification-detail__footer`};var dt=n(g({__name:`NotificationDetail`,props:{message:{},scrollHeight:{default:320}},emits:[`back`,`action`,`navigate`],setup(n,{emit:i}){let{t:a}=e(),o=n,s=i,{formatRelativeTime:p}=Ae(),g=c(()=>V[o.message.category]??V.system),_=c(()=>U[o.message.priority]??U.normal),v=c(()=>p(o.message.timestamp)),y=c(()=>r(o.message.content||``));function b(){let e=et(o.message.actionUrl);e&&(s(`action`,e.url),e.kind===`external`?window.open(e.url,`_blank`,`noopener,noreferrer`):s(`navigate`,e.url))}return(e,r)=>{let i=N,o=R,s=M,c=F;return C(),d(`div`,tt,[u(` 返回栏 `),f(`div`,nt,[h(i,{text:``,size:`small`,onClick:r[0]||=t=>e.$emit(`back`)},{icon:A(()=>[h(t,{name:`mdi:arrow-left`,size:16})]),default:A(()=>[m(` `+O(k(a)(`notification.back`)),1)]),_:1})]),u(` 消息头部 `),f(`div`,rt,[f(`h3`,it,O(n.message.title),1),f(`div`,at,[h(o,{type:g.value.color,size:`tiny`,bordered:!1,round:``},{icon:A(()=>[h(t,{name:g.value.icon,size:12},null,8,[`name`])]),default:A(()=>[m(` `+O(k(a)(`notification.${n.message.category}`)),1)]),_:1},8,[`type`]),n.message.priority===`urgent`||n.message.priority===`high`?(C(),l(o,{key:0,type:_.value.type,size:`tiny`,bordered:!1,round:``},{default:A(()=>[m(O(k(a)(`notification.${n.message.priority}`)),1)]),_:1},8,[`type`])):u(`v-if`,!0),f(`span`,ot,O(v.value),1)]),n.message.sender?(C(),d(`div`,st,[n.message.sender.avatar?(C(),l(s,{key:0,src:n.message.sender.avatar,size:20,round:``},null,8,[`src`])):u(`v-if`,!0),f(`span`,null,O(n.message.sender.name),1)])):u(`v-if`,!0)]),u(` 消息内容 `),h(c,{class:`notification-detail__content`,style:S({maxHeight:`${n.scrollHeight}px`})},{default:A(()=>[n.message.content?(C(),d(`div`,{key:0,class:`notification-detail__body`,innerHTML:y.value},null,8,ct)):(C(),d(`div`,lt,O(n.message.summary),1))]),_:1},8,[`style`]),u(` 操作区 `),n.message.actionUrl?(C(),d(`div`,ut,[h(i,{type:`primary`,size:`small`,onClick:b},{icon:A(()=>[h(t,{name:`mdi:arrow-right`,size:16})]),default:A(()=>[m(O(n.message.actionText||k(a)(`notification.details`))+` `,1)]),_:1})])):u(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-01f92994`]]);const ft={class:`c-notification-center`},pt={class:`c-notification-center__panel`},mt={class:`c-notification-center__header`},ht={class:`c-notification-center__title`},gt={class:`c-notification-center__header-extra`},_t={key:0,class:`c-notification-center__error`,role:`alert`},vt={class:`c-notification-center__footer`};var yt=n(g({name:`C_NotificationCenter`,__name:`index`,props:{categoryOptions:{},dataMode:{},controller:{},autoStart:{type:Boolean,default:!0},fetchNotifications:{},markAsRead:{},markAllRead:{},deleteNotification:{},clearNotifications:{},wsConfig:{},desktopNotification:{type:Boolean,default:!1},maxBadgeCount:{default:99},pollingInterval:{default:6e4},pageSize:{default:20},storageKey:{default:`notification_center`},onError:{}},emits:[`itemClick`,`read`,`allRead`,`delete`,`unreadChange`,`wsStatusChange`,`newMessage`,`navigate`,`viewAll`],setup(t,{expose:n,emit:r}){let{t:i}=e(),a=t,o=r,g=a.controller??J(a,{onNewMessage:e=>o(`newMessage`,e),onWSStatusChange:e=>o(`wsStatusChange`,e)}),_=c(()=>g.messages.value.some(e=>e.status===`unread`&&e.priority===`urgent`)),v=c(()=>({connected:i(`notification.connected`),connecting:i(`notification.connecting`),disconnected:i(`notification.disconnected`),reconnecting:i(`notification.reconnecting`)})[g.wsStatus.value]??i(`common.unknown`));ae(()=>g.unreadCount.value,e=>{o(`unreadChange`,e)});function b(){g.popoverVisible.value=!g.popoverVisible.value}async function S(){try{g.retry?await g.retry():await g.fetchMessages(!0)}catch{}}async function te(){try{await g.loadMore()}catch{}}function ne(){g.popoverVisible.value=!1,o(`viewAll`)}function re(e){g.selectMessage(e),o(`itemClick`,e)}async function w(e){try{await g.markAsRead([e]),o(`read`,[e])}catch{}}async function T(e){try{await g.deleteMessages([e]),o(`delete`,[e])}catch{}}async function D(){let e=g.activeCategory.value===`all`?void 0:g.activeCategory.value;try{await g.markAllAsRead(e),o(`allRead`,e)}catch{}}async function ie(){let e=g.activeCategory.value===`all`?void 0:g.activeCategory.value;try{await g.clearMessages(e)}catch{}}function j(){g.popoverVisible.value=!1}function M(){g.clearSelection()}return n({refresh:()=>g.fetchMessages(!0),connectWS:()=>{a.wsConfig&&g.connectWS(a.wsConfig)},disconnectWS:g.disconnectWS,getUnreadCount:()=>g.unreadCount.value,getMessages:()=>g.messages.value.map(e=>({...e})),markRead:e=>g.markAsRead(e),markAllAsRead:e=>g.markAllAsRead(e),requestDesktopPermission:g.requestDesktopPermission}),(e,t)=>{let n=z,r=N,c=P;return C(),d(`div`,ft,[h(c,{show:k(g).popoverVisible.value,"onUpdate:show":t[1]||=e=>k(g).popoverVisible.value=e,width:420,trigger:`manual`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:M},{trigger:A(()=>[h(Te,{count:k(g).unreadCount.value,"max-count":a.maxBadgeCount,"has-urgent":_.value,onClick:b},null,8,[`count`,`max-count`,`has-urgent`])]),default:A(()=>[f(`div`,pt,[u(` 头部标题 `),f(`div`,mt,[f(`span`,ht,O(k(i)(`notification.title`)),1),f(`div`,gt,[u(` WebSocket 连接状态 `),a.wsConfig||k(g).wsStatus.value!==`disconnected`?(C(),l(n,{key:0,trigger:`hover`,placement:`top`},{trigger:A(()=>[f(`span`,{class:x([`c-notification-center__ws-dot`,`c-notification-center__ws-dot--${k(g).wsStatus.value}`])},null,2)]),default:A(()=>[m(` `+O(v.value),1)]),_:1})):u(`v-if`,!0)])]),k(g).error.value?(C(),d(`div`,_t,[f(`span`,null,O(k(g).error.value),1),h(r,{size:`tiny`,loading:k(g).loading.value,onClick:S},{default:A(()=>[m(O(k(i)(`common.retry`)),1)]),_:1},8,[`loading`])])):u(`v-if`,!0),E(e.$slots,`filters`,{controller:k(g)},void 0,!0),u(` 列表 / 详情切换 `),h(s,{name:`slide-fade`,mode:`out-in`},{default:A(()=>[k(g).selectedMessage.value?(C(),l(dt,{key:k(g).selectedMessage.value.id,message:k(g).selectedMessage.value,onBack:k(g).clearSelection,onAction:j,onNavigate:t[0]||=e=>o(`navigate`,e)},null,8,[`message`,`onBack`])):(C(),l(Qe,{key:1,messages:k(g).filteredMessages.value,"category-options":a.categoryOptions,"active-category":k(g).activeCategory.value,"unread-by-category":k(g).unreadByCategory.value,"unread-count":k(g).unreadCount.value,loading:k(g).loading.value,"has-more":k(g).hasMore.value,busy:k(g).busy.value,"pending-ids":k(g).pendingIds.value,onSwitchCategory:k(g).switchCategory,onItemClick:re,onRead:w,onDelete:T,onMarkAllRead:D,onClear:ie,onLoadMore:te},p({_:2},[e.$slots.item?{name:`item`,fn:A(t=>[E(e.$slots,`item`,ee(y(t)),void 0,!0)]),key:`0`}:void 0,e.$slots[`item-actions`]?{name:`item-actions`,fn:A(t=>[E(e.$slots,`item-actions`,ee(y(t)),void 0,!0)]),key:`1`}:void 0]),1032,[`messages`,`category-options`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`busy`,`pending-ids`,`onSwitchCategory`]))]),_:3}),f(`div`,vt,[h(r,{text:``,type:`primary`,size:`small`,onClick:ne},{default:A(()=>[m(O(k(i)(`notification.viewAll`)),1)]),_:1})])])]),_:3},8,[`show`])])}}}),[[`__scopeId`,`data-v-c1f3b672`]]);export{V as a,se as c,B as d,fe as f,U as g,pe as h,me as i,ce as l,ue as m,Ae as n,H as o,de as p,J as r,oe as s,yt as t,le as u};

package/dist/C_Skeleton.css

@@ -253,5 +253,5 @@
 }
 
 /* layer: default */
-.table[data-v-02f4cea3]{display:table;}
-.px[data-v-02f4cea3]{padding-left:1rem;padding-right:1rem;}
+.table[data-v-ea08e52a]{display:table;}
+.px[data-v-ea08e52a]{padding-left:1rem;padding-right:1rem;}

package/dist/C_Skeleton2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`);const n={key:0,class:`c-skeleton__card-cover c-skeleton__item`},r={class:`c-skeleton__card-body`},i={class:`c-skeleton__card-desc`},a={key:1,class:`c-skeleton__card-footer`},o={class:`c-skeleton__table`},s={key:0,class:`c-skeleton__table-header`},c={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},l={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},u={key:0,class:`c-skeleton__form-actions`},d={key:0,class:`c-skeleton__circle c-skeleton__circle--sm c-skeleton__item`},f={class:`c-skeleton__list-content`},p={class:`c-skeleton__detail`},m={key:0,class:`c-skeleton__detail-header`},h={class:`c-skeleton__detail-body`},g={class:`c-skeleton__detail-value`},_=(0,t.defineComponent)({name:`C_Skeleton`,__name:`index`,props:{preset:{default:`text`},loading:{type:Boolean,default:!0},animation:{type:[String,Boolean],default:`wave`},repeat:{default:3},borderRadius:{default:`4px`},table:{},form:{},list:{},card:{},detail:{}},setup(e){let _=e,v=(0,t.computed)(()=>_.animation===!1?`none`:_.animation),y=(e,t)=>Number.isFinite(e)?Math.min(t,Math.max(1,Math.floor(e))):1,b=(0,t.computed)(()=>y(_.repeat,100)),x=(0,t.computed)(()=>({rows:y(_.table?.rows??5,100),cols:y(_.table?.cols??4,20),showHeader:_.table?.showHeader??!0,showActions:_.table?.showActions??!0})),S=(0,t.computed)(()=>({fields:y(_.form?.fields??6,100),cols:y(_.form?.cols??2,12),showLabel:_.form?.showLabel??!0,showActions:_.form?.showActions??!0})),C=(0,t.computed)(()=>({items:y(_.list?.items??5,100),showAvatar:_.list?.showAvatar??!0,descLines:y(_.list?.descLines??2,20)})),w=(0,t.computed)(()=>({showCover:_.card?.showCover??!0,titleLines:y(_.card?.titleLines??1,20),descLines:y(_.card?.descLines??2,20),showFooter:_.card?.showFooter??!0})),T=(0,t.computed)(()=>({fields:y(_.detail?.fields??6,100),valueLines:y(_.detail?.valueLines??1,20),showAvatar:_.detail?.showAvatar??!0}));return(y,E)=>_.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`c-skeleton`,[`c-skeleton--${v.value}`]]),style:(0,t.normalizeStyle)({"--c-skeleton-radius":e.borderRadius}),role:`status`,"aria-label":`加载中`},[(0,t.createCommentVNode)(` text 预设 `),e.preset===`text`?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(b.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e,class:`c-skeleton__text`},[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:(0,t.normalizeStyle)({width:e===b.value?`60%`:`100%`})},null,4)]))),128)):e.preset===`avatar`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createCommentVNode)(` avatar 预设 `),E[0]||=(0,t.createStaticVNode)(`<div class="c-skeleton__avatar-group" data-v-02f4cea3><div class="c-skeleton__circle c-skeleton__item" data-v-02f4cea3></div><div class="c-skeleton__avatar-text" data-v-02f4cea3><div class="c-skeleton__line c-skeleton__item" style="width:40%;" data-v-02f4cea3></div><div class="c-skeleton__line c-skeleton__item c-skeleton__line--sm" style="width:60%;" data-v-02f4cea3></div></div></div>`,1)],64)):e.preset===`image`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createCommentVNode)(` image 预设 `),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(b.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e,class:`c-skeleton__image c-skeleton__item`},[...E[1]||=[(0,t.createElementVNode)(`div`,{class:`c-skeleton__image-icon`},[(0,t.createElementVNode)(`svg`,{viewBox:`0 0 24 24`,fill:`currentColor`,width:`32`,height:`32`},[(0,t.createElementVNode)(`path`,{d:`M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z`})])],-1)]]))),128))],64)):e.preset===`card`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:3},[(0,t.createCommentVNode)(` card 预设 `),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(b.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e,class:`c-skeleton__card`},[w.value.showCover?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n)):(0,t.createCommentVNode)(`v-if`,!0),(0,t.createElementVNode)(`div`,r,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(w.value.titleLines,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`t-${e}`,class:`c-skeleton__line c-skeleton__item`,style:(0,t.normalizeStyle)({width:e===w.value.titleLines?`50%`:`80%`})},null,4))),128)),(0,t.createElementVNode)(`div`,i,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(w.value.descLines,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,t.normalizeStyle)({width:e===w.value.descLines?`70%`:`100%`})},null,4))),128))])]),w.value.showFooter?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,a,[...E[2]||=[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1),(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):(0,t.createCommentVNode)(`v-if`,!0)]))),128))],64)):e.preset===`table`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:4},[(0,t.createCommentVNode)(` table 预设 `),(0,t.createElementVNode)(`div`,o,[x.value.showHeader?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,s,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(x.value.cols,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`h-${e}`,class:`c-skeleton__table-cell`},[...E[3]||=[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`},null,-1)]]))),128)),x.value.showActions?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,c,[...E[4]||=[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`60%`}},null,-1)]])):(0,t.createCommentVNode)(`v-if`,!0)])):(0,t.createCommentVNode)(`v-if`,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(x.value.rows,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`r-${e}`,class:`c-skeleton__table-row`},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(x.value.cols,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`c-${n}`,class:`c-skeleton__table-cell`},[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,t.normalizeStyle)({width:`${Math.floor(50+e*n*17%50)}%`})},null,4)]))),128)),x.value.showActions?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,[...E[5]||=[(0,t.createElementVNode)(`div`,{class:`c-skeleton__action-btns`},[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}}),(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}})],-1)]])):(0,t.createCommentVNode)(`v-if`,!0)]))),128))])],64)):e.preset===`form`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:5},[(0,t.createCommentVNode)(` form 预设 `),(0,t.createElementVNode)(`div`,{class:`c-skeleton__form`,style:(0,t.normalizeStyle)({"--form-cols":S.value.cols})},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(S.value.fields,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e,class:`c-skeleton__form-field`},[S.value.showLabel?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:(0,t.normalizeStyle)({width:`${60+e*13%30}px`})},null,4)):(0,t.createCommentVNode)(`v-if`,!0),E[6]||=(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--input`},null,-1)]))),128)),S.value.showActions?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,u,[...E[7]||=[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`100px`}},null,-1),(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):(0,t.createCommentVNode)(`v-if`,!0)],4)],64)):e.preset===`list`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:6},[(0,t.createCommentVNode)(` list 预设 `),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(C.value.items,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e,class:`c-skeleton__list-item`},[C.value.showAvatar?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,d)):(0,t.createCommentVNode)(`v-if`,!0),(0,t.createElementVNode)(`div`,f,[E[8]||=(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`30%`}},null,-1),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(C.value.descLines,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,t.normalizeStyle)({width:e===C.value.descLines?`50%`:`90%`})},null,4))),128))])]))),128))],64)):e.preset===`detail`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:7},[(0,t.createCommentVNode)(` detail 预设 `),(0,t.createElementVNode)(`div`,p,[T.value.showAvatar?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,m,[...E[9]||=[(0,t.createElementVNode)(`div`,{class:`c-skeleton__circle c-skeleton__circle--lg c-skeleton__item`},null,-1),(0,t.createElementVNode)(`div`,{class:`c-skeleton__detail-title`},[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`120px`}}),(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`200px`}})],-1)]])):(0,t.createCommentVNode)(`v-if`,!0),(0,t.createElementVNode)(`div`,h,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(T.value.fields,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e,class:`c-skeleton__detail-field`},[(0,t.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:(0,t.normalizeStyle)({width:`${50+e*17%40}px`})},null,4),(0,t.createElementVNode)(`div`,g,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(T.value.valueLines,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`v-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,t.normalizeStyle)({width:e===T.value.valueLines?`60%`:`100%`})},null,4))),128))])]))),128))])])],64)):(0,t.createCommentVNode)(`v-if`,!0)],6)):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createCommentVNode)(` 加载完成后显示插槽内容 `),(0,t.renderSlot)(y.$slots,`default`,{},void 0,!0)],2112))}});var v=e.t(_,[[`__scopeId`,`data-v-02f4cea3`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
+require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);const r=[`aria-label`],i={key:0,class:`c-skeleton__card-cover c-skeleton__item`},a={class:`c-skeleton__card-body`},o={class:`c-skeleton__card-desc`},s={key:1,class:`c-skeleton__card-footer`},c={class:`c-skeleton__table`},l={key:0,class:`c-skeleton__table-header`},u={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},d={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},f={key:0,class:`c-skeleton__form-actions`},p={key:0,class:`c-skeleton__circle c-skeleton__circle--sm c-skeleton__item`},m={class:`c-skeleton__list-content`},h={class:`c-skeleton__detail`},g={key:0,class:`c-skeleton__detail-header`},_={class:`c-skeleton__detail-body`},v={class:`c-skeleton__detail-value`},y=(0,n.defineComponent)({name:`C_Skeleton`,__name:`index`,props:{preset:{default:`text`},loading:{type:Boolean,default:!0},animation:{type:[String,Boolean],default:`wave`},repeat:{default:3},borderRadius:{default:`4px`},table:{},form:{},list:{},card:{},detail:{}},setup(t){let{t:y}=e.t(),b=t,x=(0,n.computed)(()=>b.animation===!1?`none`:b.animation),S=(e,t)=>Number.isFinite(e)?Math.min(t,Math.max(1,Math.floor(e))):1,C=(0,n.computed)(()=>S(b.repeat,100)),w=(0,n.computed)(()=>({rows:S(b.table?.rows??5,100),cols:S(b.table?.cols??4,20),showHeader:b.table?.showHeader??!0,showActions:b.table?.showActions??!0})),T=(0,n.computed)(()=>({fields:S(b.form?.fields??6,100),cols:S(b.form?.cols??2,12),showLabel:b.form?.showLabel??!0,showActions:b.form?.showActions??!0})),E=(0,n.computed)(()=>({items:S(b.list?.items??5,100),showAvatar:b.list?.showAvatar??!0,descLines:S(b.list?.descLines??2,20)})),D=(0,n.computed)(()=>({showCover:b.card?.showCover??!0,titleLines:S(b.card?.titleLines??1,20),descLines:S(b.card?.descLines??2,20),showFooter:b.card?.showFooter??!0})),O=(0,n.computed)(()=>({fields:S(b.detail?.fields??6,100),valueLines:S(b.detail?.valueLines??1,20),showAvatar:b.detail?.showAvatar??!0}));return(e,S)=>b.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:(0,n.normalizeClass)([`c-skeleton`,[`c-skeleton--${x.value}`]]),style:(0,n.normalizeStyle)({"--c-skeleton-radius":t.borderRadius}),role:`status`,"aria-label":(0,n.unref)(y)(`skeleton.loading`)},[(0,n.createCommentVNode)(` text 预设 `),t.preset===`text`?((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,{key:0},(0,n.renderList)(C.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e,class:`c-skeleton__text`},[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:(0,n.normalizeStyle)({width:e===C.value?`60%`:`100%`})},null,4)]))),128)):t.preset===`avatar`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createCommentVNode)(` avatar 预设 `),S[0]||=(0,n.createStaticVNode)(`<div class="c-skeleton__avatar-group" data-v-ea08e52a><div class="c-skeleton__circle c-skeleton__item" data-v-ea08e52a></div><div class="c-skeleton__avatar-text" data-v-ea08e52a><div class="c-skeleton__line c-skeleton__item" style="width:40%;" data-v-ea08e52a></div><div class="c-skeleton__line c-skeleton__item c-skeleton__line--sm" style="width:60%;" data-v-ea08e52a></div></div></div>`,1)],64)):t.preset===`image`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.createCommentVNode)(` image 预设 `),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(C.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e,class:`c-skeleton__image c-skeleton__item`},[...S[1]||=[(0,n.createElementVNode)(`div`,{class:`c-skeleton__image-icon`},[(0,n.createElementVNode)(`svg`,{viewBox:`0 0 24 24`,fill:`currentColor`,width:`32`,height:`32`},[(0,n.createElementVNode)(`path`,{d:`M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z`})])],-1)]]))),128))],64)):t.preset===`card`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:3},[(0,n.createCommentVNode)(` card 预设 `),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(C.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e,class:`c-skeleton__card`},[D.value.showCover?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,a,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(D.value.titleLines,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:`t-${e}`,class:`c-skeleton__line c-skeleton__item`,style:(0,n.normalizeStyle)({width:e===D.value.titleLines?`50%`:`80%`})},null,4))),128)),(0,n.createElementVNode)(`div`,o,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(D.value.descLines,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,n.normalizeStyle)({width:e===D.value.descLines?`70%`:`100%`})},null,4))),128))])]),D.value.showFooter?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,s,[...S[2]||=[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1),(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):(0,n.createCommentVNode)(`v-if`,!0)]))),128))],64)):t.preset===`table`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:4},[(0,n.createCommentVNode)(` table 预设 `),(0,n.createElementVNode)(`div`,c,[w.value.showHeader?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,l,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(w.value.cols,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:`h-${e}`,class:`c-skeleton__table-cell`},[...S[3]||=[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`},null,-1)]]))),128)),w.value.showActions?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[...S[4]||=[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`60%`}},null,-1)]])):(0,n.createCommentVNode)(`v-if`,!0)])):(0,n.createCommentVNode)(`v-if`,!0),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(w.value.rows,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:`r-${e}`,class:`c-skeleton__table-row`},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(w.value.cols,t=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:`c-${t}`,class:`c-skeleton__table-cell`},[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,n.normalizeStyle)({width:`${Math.floor(50+e*t*17%50)}%`})},null,4)]))),128)),w.value.showActions?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[...S[5]||=[(0,n.createElementVNode)(`div`,{class:`c-skeleton__action-btns`},[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}}),(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}})],-1)]])):(0,n.createCommentVNode)(`v-if`,!0)]))),128))])],64)):t.preset===`form`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:5},[(0,n.createCommentVNode)(` form 预设 `),(0,n.createElementVNode)(`div`,{class:`c-skeleton__form`,style:(0,n.normalizeStyle)({"--form-cols":T.value.cols})},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(T.value.fields,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e,class:`c-skeleton__form-field`},[T.value.showLabel?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:(0,n.normalizeStyle)({width:`${60+e*13%30}px`})},null,4)):(0,n.createCommentVNode)(`v-if`,!0),S[6]||=(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--input`},null,-1)]))),128)),T.value.showActions?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[...S[7]||=[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`100px`}},null,-1),(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):(0,n.createCommentVNode)(`v-if`,!0)],4)],64)):t.preset===`list`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:6},[(0,n.createCommentVNode)(` list 预设 `),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(E.value.items,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e,class:`c-skeleton__list-item`},[E.value.showAvatar?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,p)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,m,[S[8]||=(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`30%`}},null,-1),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(E.value.descLines,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,n.normalizeStyle)({width:e===E.value.descLines?`50%`:`90%`})},null,4))),128))])]))),128))],64)):t.preset===`detail`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:7},[(0,n.createCommentVNode)(` detail 预设 `),(0,n.createElementVNode)(`div`,h,[O.value.showAvatar?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,g,[...S[9]||=[(0,n.createElementVNode)(`div`,{class:`c-skeleton__circle c-skeleton__circle--lg c-skeleton__item`},null,-1),(0,n.createElementVNode)(`div`,{class:`c-skeleton__detail-title`},[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`120px`}}),(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`200px`}})],-1)]])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,_,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(O.value.fields,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e,class:`c-skeleton__detail-field`},[(0,n.createElementVNode)(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:(0,n.normalizeStyle)({width:`${50+e*17%40}px`})},null,4),(0,n.createElementVNode)(`div`,v,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(O.value.valueLines,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:`v-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:(0,n.normalizeStyle)({width:e===O.value.valueLines?`60%`:`100%`})},null,4))),128))])]))),128))])])],64)):(0,n.createCommentVNode)(`v-if`,!0)],14,r)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createCommentVNode)(` 加载完成后显示插槽内容 `),(0,n.renderSlot)(e.$slots,`default`,{},void 0,!0)],2112))}});var b=t.t(y,[[`__scopeId`,`data-v-ea08e52a`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});

package/dist/C_Skeleton2.js

@@ -1 +1 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createStaticVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderList as d,renderSlot as f}from"vue";const p={key:0,class:`c-skeleton__card-cover c-skeleton__item`},m={class:`c-skeleton__card-body`},h={class:`c-skeleton__card-desc`},g={key:1,class:`c-skeleton__card-footer`},_={class:`c-skeleton__table`},v={key:0,class:`c-skeleton__table-header`},y={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},b={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},x={key:0,class:`c-skeleton__form-actions`},S={key:0,class:`c-skeleton__circle c-skeleton__circle--sm c-skeleton__item`},C={class:`c-skeleton__list-content`},w={class:`c-skeleton__detail`},T={key:0,class:`c-skeleton__detail-header`},E={class:`c-skeleton__detail-body`},D={class:`c-skeleton__detail-value`};var O=e(s({name:`C_Skeleton`,__name:`index`,props:{preset:{default:`text`},loading:{type:Boolean,default:!0},animation:{type:[String,Boolean],default:`wave`},repeat:{default:3},borderRadius:{default:`4px`},table:{},form:{},list:{},card:{},detail:{}},setup(e){let s=e,O=n(()=>s.animation===!1?`none`:s.animation),k=(e,t)=>Number.isFinite(e)?Math.min(t,Math.max(1,Math.floor(e))):1,A=n(()=>k(s.repeat,100)),j=n(()=>({rows:k(s.table?.rows??5,100),cols:k(s.table?.cols??4,20),showHeader:s.table?.showHeader??!0,showActions:s.table?.showActions??!0})),M=n(()=>({fields:k(s.form?.fields??6,100),cols:k(s.form?.cols??2,12),showLabel:s.form?.showLabel??!0,showActions:s.form?.showActions??!0})),N=n(()=>({items:k(s.list?.items??5,100),showAvatar:s.list?.showAvatar??!0,descLines:k(s.list?.descLines??2,20)})),P=n(()=>({showCover:s.card?.showCover??!0,titleLines:k(s.card?.titleLines??1,20),descLines:k(s.card?.descLines??2,20),showFooter:s.card?.showFooter??!0})),F=n(()=>({fields:k(s.detail?.fields??6,100),valueLines:k(s.detail?.valueLines??1,20),showAvatar:s.detail?.showAvatar??!0}));return(n,k)=>s.loading?(u(),i(`div`,{key:0,class:c([`c-skeleton`,[`c-skeleton--${O.value}`]]),style:l({"--c-skeleton-radius":e.borderRadius}),role:`status`,"aria-label":`加载中`},[r(` text 预设 `),e.preset===`text`?(u(!0),i(t,{key:0},d(A.value,e=>(u(),i(`div`,{key:e,class:`c-skeleton__text`},[a(`div`,{class:`c-skeleton__line c-skeleton__item`,style:l({width:e===A.value?`60%`:`100%`})},null,4)]))),128)):e.preset===`avatar`?(u(),i(t,{key:1},[r(` avatar 预设 `),k[0]||=o(`<div class="c-skeleton__avatar-group" data-v-02f4cea3><div class="c-skeleton__circle c-skeleton__item" data-v-02f4cea3></div><div class="c-skeleton__avatar-text" data-v-02f4cea3><div class="c-skeleton__line c-skeleton__item" style="width:40%;" data-v-02f4cea3></div><div class="c-skeleton__line c-skeleton__item c-skeleton__line--sm" style="width:60%;" data-v-02f4cea3></div></div></div>`,1)],64)):e.preset===`image`?(u(),i(t,{key:2},[r(` image 预设 `),(u(!0),i(t,null,d(A.value,e=>(u(),i(`div`,{key:e,class:`c-skeleton__image c-skeleton__item`},[...k[1]||=[a(`div`,{class:`c-skeleton__image-icon`},[a(`svg`,{viewBox:`0 0 24 24`,fill:`currentColor`,width:`32`,height:`32`},[a(`path`,{d:`M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z`})])],-1)]]))),128))],64)):e.preset===`card`?(u(),i(t,{key:3},[r(` card 预设 `),(u(!0),i(t,null,d(A.value,e=>(u(),i(`div`,{key:e,class:`c-skeleton__card`},[P.value.showCover?(u(),i(`div`,p)):r(`v-if`,!0),a(`div`,m,[(u(!0),i(t,null,d(P.value.titleLines,e=>(u(),i(`div`,{key:`t-${e}`,class:`c-skeleton__line c-skeleton__item`,style:l({width:e===P.value.titleLines?`50%`:`80%`})},null,4))),128)),a(`div`,h,[(u(!0),i(t,null,d(P.value.descLines,e=>(u(),i(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:l({width:e===P.value.descLines?`70%`:`100%`})},null,4))),128))])]),P.value.showFooter?(u(),i(`div`,g,[...k[2]||=[a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1),a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):r(`v-if`,!0)]))),128))],64)):e.preset===`table`?(u(),i(t,{key:4},[r(` table 预设 `),a(`div`,_,[j.value.showHeader?(u(),i(`div`,v,[(u(!0),i(t,null,d(j.value.cols,e=>(u(),i(`div`,{key:`h-${e}`,class:`c-skeleton__table-cell`},[...k[3]||=[a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`},null,-1)]]))),128)),j.value.showActions?(u(),i(`div`,y,[...k[4]||=[a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`60%`}},null,-1)]])):r(`v-if`,!0)])):r(`v-if`,!0),(u(!0),i(t,null,d(j.value.rows,e=>(u(),i(`div`,{key:`r-${e}`,class:`c-skeleton__table-row`},[(u(!0),i(t,null,d(j.value.cols,t=>(u(),i(`div`,{key:`c-${t}`,class:`c-skeleton__table-cell`},[a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:l({width:`${Math.floor(50+e*t*17%50)}%`})},null,4)]))),128)),j.value.showActions?(u(),i(`div`,b,[...k[5]||=[a(`div`,{class:`c-skeleton__action-btns`},[a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}}),a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}})],-1)]])):r(`v-if`,!0)]))),128))])],64)):e.preset===`form`?(u(),i(t,{key:5},[r(` form 预设 `),a(`div`,{class:`c-skeleton__form`,style:l({"--form-cols":M.value.cols})},[(u(!0),i(t,null,d(M.value.fields,e=>(u(),i(`div`,{key:e,class:`c-skeleton__form-field`},[M.value.showLabel?(u(),i(`div`,{key:0,class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:l({width:`${60+e*13%30}px`})},null,4)):r(`v-if`,!0),k[6]||=a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--input`},null,-1)]))),128)),M.value.showActions?(u(),i(`div`,x,[...k[7]||=[a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`100px`}},null,-1),a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):r(`v-if`,!0)],4)],64)):e.preset===`list`?(u(),i(t,{key:6},[r(` list 预设 `),(u(!0),i(t,null,d(N.value.items,e=>(u(),i(`div`,{key:e,class:`c-skeleton__list-item`},[N.value.showAvatar?(u(),i(`div`,S)):r(`v-if`,!0),a(`div`,C,[k[8]||=a(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`30%`}},null,-1),(u(!0),i(t,null,d(N.value.descLines,e=>(u(),i(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:l({width:e===N.value.descLines?`50%`:`90%`})},null,4))),128))])]))),128))],64)):e.preset===`detail`?(u(),i(t,{key:7},[r(` detail 预设 `),a(`div`,w,[F.value.showAvatar?(u(),i(`div`,T,[...k[9]||=[a(`div`,{class:`c-skeleton__circle c-skeleton__circle--lg c-skeleton__item`},null,-1),a(`div`,{class:`c-skeleton__detail-title`},[a(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`120px`}}),a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`200px`}})],-1)]])):r(`v-if`,!0),a(`div`,E,[(u(!0),i(t,null,d(F.value.fields,e=>(u(),i(`div`,{key:e,class:`c-skeleton__detail-field`},[a(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:l({width:`${50+e*17%40}px`})},null,4),a(`div`,D,[(u(!0),i(t,null,d(F.value.valueLines,e=>(u(),i(`div`,{key:`v-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:l({width:e===F.value.valueLines?`60%`:`100%`})},null,4))),128))])]))),128))])])],64)):r(`v-if`,!0)],6)):(u(),i(t,{key:1},[r(` 加载完成后显示插槽内容 `),f(n.$slots,`default`,{},void 0,!0)],2112))}}),[[`__scopeId`,`data-v-02f4cea3`]]);export{O as t};
+import{t as e}from"./useComponentLocale.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createStaticVNode as s,defineComponent as c,normalizeClass as l,normalizeStyle as u,openBlock as d,renderList as f,renderSlot as p,unref as m}from"vue";const h=[`aria-label`],g={key:0,class:`c-skeleton__card-cover c-skeleton__item`},_={class:`c-skeleton__card-body`},v={class:`c-skeleton__card-desc`},y={key:1,class:`c-skeleton__card-footer`},b={class:`c-skeleton__table`},x={key:0,class:`c-skeleton__table-header`},S={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},C={key:0,class:`c-skeleton__table-cell c-skeleton__table-cell--action`},w={key:0,class:`c-skeleton__form-actions`},T={key:0,class:`c-skeleton__circle c-skeleton__circle--sm c-skeleton__item`},E={class:`c-skeleton__list-content`},D={class:`c-skeleton__detail`},O={key:0,class:`c-skeleton__detail-header`},k={class:`c-skeleton__detail-body`},A={class:`c-skeleton__detail-value`};var j=t(c({name:`C_Skeleton`,__name:`index`,props:{preset:{default:`text`},loading:{type:Boolean,default:!0},animation:{type:[String,Boolean],default:`wave`},repeat:{default:3},borderRadius:{default:`4px`},table:{},form:{},list:{},card:{},detail:{}},setup(t){let{t:c}=e(),j=t,M=r(()=>j.animation===!1?`none`:j.animation),N=(e,t)=>Number.isFinite(e)?Math.min(t,Math.max(1,Math.floor(e))):1,P=r(()=>N(j.repeat,100)),F=r(()=>({rows:N(j.table?.rows??5,100),cols:N(j.table?.cols??4,20),showHeader:j.table?.showHeader??!0,showActions:j.table?.showActions??!0})),I=r(()=>({fields:N(j.form?.fields??6,100),cols:N(j.form?.cols??2,12),showLabel:j.form?.showLabel??!0,showActions:j.form?.showActions??!0})),L=r(()=>({items:N(j.list?.items??5,100),showAvatar:j.list?.showAvatar??!0,descLines:N(j.list?.descLines??2,20)})),R=r(()=>({showCover:j.card?.showCover??!0,titleLines:N(j.card?.titleLines??1,20),descLines:N(j.card?.descLines??2,20),showFooter:j.card?.showFooter??!0})),z=r(()=>({fields:N(j.detail?.fields??6,100),valueLines:N(j.detail?.valueLines??1,20),showAvatar:j.detail?.showAvatar??!0}));return(e,r)=>j.loading?(d(),a(`div`,{key:0,class:l([`c-skeleton`,[`c-skeleton--${M.value}`]]),style:u({"--c-skeleton-radius":t.borderRadius}),role:`status`,"aria-label":m(c)(`skeleton.loading`)},[i(` text 预设 `),t.preset===`text`?(d(!0),a(n,{key:0},f(P.value,e=>(d(),a(`div`,{key:e,class:`c-skeleton__text`},[o(`div`,{class:`c-skeleton__line c-skeleton__item`,style:u({width:e===P.value?`60%`:`100%`})},null,4)]))),128)):t.preset===`avatar`?(d(),a(n,{key:1},[i(` avatar 预设 `),r[0]||=s(`<div class="c-skeleton__avatar-group" data-v-ea08e52a><div class="c-skeleton__circle c-skeleton__item" data-v-ea08e52a></div><div class="c-skeleton__avatar-text" data-v-ea08e52a><div class="c-skeleton__line c-skeleton__item" style="width:40%;" data-v-ea08e52a></div><div class="c-skeleton__line c-skeleton__item c-skeleton__line--sm" style="width:60%;" data-v-ea08e52a></div></div></div>`,1)],64)):t.preset===`image`?(d(),a(n,{key:2},[i(` image 预设 `),(d(!0),a(n,null,f(P.value,e=>(d(),a(`div`,{key:e,class:`c-skeleton__image c-skeleton__item`},[...r[1]||=[o(`div`,{class:`c-skeleton__image-icon`},[o(`svg`,{viewBox:`0 0 24 24`,fill:`currentColor`,width:`32`,height:`32`},[o(`path`,{d:`M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z`})])],-1)]]))),128))],64)):t.preset===`card`?(d(),a(n,{key:3},[i(` card 预设 `),(d(!0),a(n,null,f(P.value,e=>(d(),a(`div`,{key:e,class:`c-skeleton__card`},[R.value.showCover?(d(),a(`div`,g)):i(`v-if`,!0),o(`div`,_,[(d(!0),a(n,null,f(R.value.titleLines,e=>(d(),a(`div`,{key:`t-${e}`,class:`c-skeleton__line c-skeleton__item`,style:u({width:e===R.value.titleLines?`50%`:`80%`})},null,4))),128)),o(`div`,v,[(d(!0),a(n,null,f(R.value.descLines,e=>(d(),a(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:u({width:e===R.value.descLines?`70%`:`100%`})},null,4))),128))])]),R.value.showFooter?(d(),a(`div`,y,[...r[2]||=[o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1),o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):i(`v-if`,!0)]))),128))],64)):t.preset===`table`?(d(),a(n,{key:4},[i(` table 预设 `),o(`div`,b,[F.value.showHeader?(d(),a(`div`,x,[(d(!0),a(n,null,f(F.value.cols,e=>(d(),a(`div`,{key:`h-${e}`,class:`c-skeleton__table-cell`},[...r[3]||=[o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`},null,-1)]]))),128)),F.value.showActions?(d(),a(`div`,S,[...r[4]||=[o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`60%`}},null,-1)]])):i(`v-if`,!0)])):i(`v-if`,!0),(d(!0),a(n,null,f(F.value.rows,e=>(d(),a(`div`,{key:`r-${e}`,class:`c-skeleton__table-row`},[(d(!0),a(n,null,f(F.value.cols,t=>(d(),a(`div`,{key:`c-${t}`,class:`c-skeleton__table-cell`},[o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:u({width:`${Math.floor(50+e*t*17%50)}%`})},null,4)]))),128)),F.value.showActions?(d(),a(`div`,C,[...r[5]||=[o(`div`,{class:`c-skeleton__action-btns`},[o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}}),o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--mini`,style:{width:`40px`}})],-1)]])):i(`v-if`,!0)]))),128))])],64)):t.preset===`form`?(d(),a(n,{key:5},[i(` form 预设 `),o(`div`,{class:`c-skeleton__form`,style:u({"--form-cols":I.value.cols})},[(d(!0),a(n,null,f(I.value.fields,e=>(d(),a(`div`,{key:e,class:`c-skeleton__form-field`},[I.value.showLabel?(d(),a(`div`,{key:0,class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:u({width:`${60+e*13%30}px`})},null,4)):i(`v-if`,!0),r[6]||=o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--input`},null,-1)]))),128)),I.value.showActions?(d(),a(`div`,w,[...r[7]||=[o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`100px`}},null,-1),o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--btn`,style:{width:`80px`}},null,-1)]])):i(`v-if`,!0)],4)],64)):t.preset===`list`?(d(),a(n,{key:6},[i(` list 预设 `),(d(!0),a(n,null,f(L.value.items,e=>(d(),a(`div`,{key:e,class:`c-skeleton__list-item`},[L.value.showAvatar?(d(),a(`div`,T)):i(`v-if`,!0),o(`div`,E,[r[8]||=o(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`30%`}},null,-1),(d(!0),a(n,null,f(L.value.descLines,e=>(d(),a(`div`,{key:`d-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:u({width:e===L.value.descLines?`50%`:`90%`})},null,4))),128))])]))),128))],64)):t.preset===`detail`?(d(),a(n,{key:7},[i(` detail 预设 `),o(`div`,D,[z.value.showAvatar?(d(),a(`div`,O,[...r[9]||=[o(`div`,{class:`c-skeleton__circle c-skeleton__circle--lg c-skeleton__item`},null,-1),o(`div`,{class:`c-skeleton__detail-title`},[o(`div`,{class:`c-skeleton__line c-skeleton__item`,style:{width:`120px`}}),o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:{width:`200px`}})],-1)]])):i(`v-if`,!0),o(`div`,k,[(d(!0),a(n,null,f(z.value.fields,e=>(d(),a(`div`,{key:e,class:`c-skeleton__detail-field`},[o(`div`,{class:`c-skeleton__line c-skeleton__item c-skeleton__line--label`,style:u({width:`${50+e*17%40}px`})},null,4),o(`div`,A,[(d(!0),a(n,null,f(z.value.valueLines,e=>(d(),a(`div`,{key:`v-${e}`,class:`c-skeleton__line c-skeleton__item c-skeleton__line--sm`,style:u({width:e===z.value.valueLines?`60%`:`100%`})},null,4))),128))])]))),128))])])],64)):i(`v-if`,!0)],14,h)):(d(),a(n,{key:1},[i(` 加载完成后显示插槽内容 `),p(e.$slots,`default`,{},void 0,!0)],2112))}}),[[`__scopeId`,`data-v-ea08e52a`]]);export{j as t};