@robot-admin/naive-ui-components 0.10.3 → 0.11.0

package/dist/C_Markdown.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./index18.vue.js";
+import { t as _default } from "./index18.vue.cjs";
 export { _default as C_Markdown };

package/dist/C_Markdown.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "./index18.vue.js";
+import { t as _default } from "./index17.vue.js";
 export { _default as C_Markdown };

package/dist/C_Markdown2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./export-helper.cjs`),t=require(`./html.cjs`);let n=require(`vue`),r=require(`md-editor-v3`);const i=(0,n.defineComponent)({name:`C_Markdown`,__name:`index`,props:{modelValue:{default:``},editorId:{},height:{default:`400px`},disabled:{type:Boolean,default:!1},placeholder:{default:`请输入 Markdown 内容...`},mode:{default:`editable`},toolbar:{},uploadImageConfig:{},tocNavPosition:{default:`right`},defaultFullscreen:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},includeLevel:{default:()=>[1,2,3,4,5,6]},leftToolbar:{default:`undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save`},rightToolbar:{default:`preview toc sync-scroll fullscreen`},maxLength:{default:5e4},showWordCount:{type:Boolean,default:!0},autoSave:{type:Boolean,default:!1},autoSaveInterval:{default:3e4},isDark:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`save`,`upload-image`,`fullscreen-change`,`copy-code-success`,`word-count-change`,`auto-save`,`max-length-exceeded`],setup(e,{expose:i,emit:a}){let o=r.MdEditor,s=e,c=a,l=(0,n.getCurrentInstance)(),u=(0,n.ref)(),d=(0,n.ref)(``),f=(0,n.ref)(s.modelValue),p=l?.uid??0,m=(0,n.computed)(()=>s.editorId||`c-markdown-editor-${p}`),h=(0,n.computed)(()=>s.modelValue?.length||0),g=(0,n.computed)(()=>s.disabled?`preview`:s.mode),_=(0,n.computed)(()=>{let e=s.includeLevel.filter(e=>Number.isInteger(e)&&e>=1&&e<=6);return e.length>0?Math.max(...e):6}),v=(0,n.computed)(()=>typeof l?.vnode.props?.onUploadImage==`function`),y={undo:`revoke`,redo:`next`,h:`title`,bold:`bold`,italic:`italic`,strikethrough:`strikeThrough`,quote:`quote`,ul:`unorderedList`,ol:`orderedList`,table:`table`,hr:`horizontalLine`,link:`link`,image:`image`,code:`code`,save:`save`,preview:`preview`,toc:`catalog`,fullscreen:`fullscreen`},b=(0,n.computed)(()=>{if(Array.isArray(s.toolbar))return[...s.toolbar];let e=`${s.leftToolbar} ${s.rightToolbar}`.split(/[\s|]+/).map(e=>y[e]).filter(e=>e!==void 0);return[...new Set(e)]});(0,n.onMounted)(()=>{s.showWordCount&&s.modelValue&&c(`word-count-change`,s.modelValue.length)}),(0,n.watch)(()=>s.modelValue,e=>{s.showWordCount&&c(`word-count-change`,e?.length||0)},{immediate:!0});let x=e=>{if(e.length>s.maxLength){c(`max-length-exceeded`,e.length,s.maxLength);return}f.value=e,c(`update:modelValue`,e),s.showWordCount&&c(`word-count-change`,e.length)},S=e=>{d.value=e,c(`change`,f.value,e),s.autoSave&&D(f.value)},C=async(e,t)=>{c(`save`,e,await t)},w=(e,t)=>{let n=e.filter(e=>O(e,s.uploadImageConfig?.accept)),r=s.uploadImageConfig?.multiple?n:n.slice(0,1);if(r.length===0)return;let i=new DataTransfer;r.forEach(e=>i.items.add(e)),c(`upload-image`,new Event(`upload-image`),e=>{t([{url:e.url,alt:e.desc??``,title:e.desc??``}])},i.files)},T=e=>(c(`copy-code-success`,e),e),E=null,D=e=>{E&&clearTimeout(E),E=setTimeout(()=>{c(`auto-save`,e)},s.autoSaveInterval)};(0,n.onBeforeUnmount)(()=>{E&&clearTimeout(E)}),(0,n.onMounted)(()=>{u.value?.on(`fullscreen`,e=>{c(`fullscreen-change`,e)}),s.defaultFullscreen&&u.value?.toggleFullscreen(!0)}),i({focus:()=>{u.value?.focus()},getHtml:()=>d.value,insertText:e=>{u.value?.insert(t=>({targetValue:`${t}${e}`,select:!0,deviationStart:-e.length,deviationEnd:0}))},wordCount:h});function O(e,t){return t?.trim()?t.split(`,`).map(e=>e.trim().toLowerCase()).filter(Boolean).some(t=>t.startsWith(`.`)?e.name.toLowerCase().endsWith(t):t.endsWith(`/*`)?e.type.toLowerCase().startsWith(t.slice(0,-1)):e.type.toLowerCase()===t):!0}return(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`c-markdown-wrapper`,{"is-dark":e.isDark,"toc-left":e.tocNavPosition===`left`}])},[(0,n.createVNode)((0,n.unref)(o),{id:m.value,ref_key:`editorRef`,ref:u,"model-value":e.modelValue,height:e.height,placeholder:e.placeholder,theme:e.isDark?`dark`:`light`,preview:g.value!==`edit`,"preview-only":g.value===`preview`,"read-only":e.disabled,"auto-focus":e.autofocus,"max-length":e.maxLength,toolbars:b.value,footers:e.showWordCount?[`markdownTotal`,`=`,`scrollSwitch`]:[],"catalog-layout":`flat`,"catalog-max-depth":_.value,"no-upload-img":!v.value,sanitize:(0,n.unref)(t.t),"format-copied-text":T,"onUpdate:modelValue":x,onOnHtmlChanged:S,onOnSave:C,onOnUploadImg:w},null,8,[`id`,`model-value`,`height`,`placeholder`,`theme`,`preview`,`preview-only`,`read-only`,`auto-focus`,`max-length`,`toolbars`,`footers`,`catalog-max-depth`,`no-upload-img`,`sanitize`])],2))}});var a=e.t(i,[[`__scopeId`,`data-v-c27723d0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/C_Markdown2.js

@@ -1,2 +1 @@
-import{t as e}from"./export-helper.js";import{computed as t,createElementBlock as n,createVNode as r,defineComponent as i,normalizeClass as a,onMounted as o,openBlock as s,ref as c,unref as l,watch as u}from"vue";import d from"@kangc/v-md-editor";var f=e(i({name:`C_Markdown`,__name:`index`,props:{modelValue:{default:``},height:{default:`400px`},disabled:{type:Boolean,default:!1},placeholder:{default:`请输入 Markdown 内容...`},mode:{default:`editable`},toolbar:{},uploadImageConfig:{},tocNavPosition:{default:`right`},defaultFullscreen:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},includeLevel:{default:()=>[1,2,3,4,5,6]},leftToolbar:{default:`undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save`},rightToolbar:{default:`preview toc sync-scroll fullscreen`},maxLength:{default:5e4},showWordCount:{type:Boolean,default:!0},autoSave:{type:Boolean,default:!1},autoSaveInterval:{default:3e4},isDark:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`save`,`upload-image`,`fullscreen-change`,`copy-code-success`,`word-count-change`,`auto-save`,`max-length-exceeded`],setup(e,{expose:i,emit:f}){let p=e,m=f,h=c(null),g=c(``),_=t(()=>p.modelValue?.length||0),v=t(()=>{let e={accept:`image/*`,multiple:!1};return p.uploadImageConfig?{...e,...p.uploadImageConfig}:e});o(()=>{p.showWordCount&&p.modelValue&&m(`word-count-change`,p.modelValue.length)}),u(()=>p.modelValue,e=>{p.showWordCount&&m(`word-count-change`,e?.length||0)},{immediate:!0});let y=e=>{if(e.length>p.maxLength){m(`max-length-exceeded`,e.length,p.maxLength);return}m(`update:modelValue`,e),p.showWordCount&&m(`word-count-change`,e.length)},b=(e,t)=>{g.value=t,m(`change`,e,t),p.autoSave&&E(e)},x=(e,t)=>{m(`save`,e,t)},S=(e,t,n)=>{m(`upload-image`,e,t,n)},C=e=>{m(`fullscreen-change`,e)},w=e=>{m(`copy-code-success`,e)},T=null,E=e=>{T&&clearTimeout(T),T=setTimeout(()=>{m(`auto-save`,e)},p.autoSaveInterval)};return i({focus:()=>{h.value?.focus()},getHtml:()=>g.value,insertText:e=>{h.value?.insert(t=>({text:`${t}${e}`,selected:e}))},wordCount:_}),(e,t)=>(s(),n(`div`,{class:a([`c-markdown-wrapper`,{"is-dark":e.isDark}])},[r(l(d),{ref_key:`editorRef`,ref:h,"model-value":e.modelValue,height:e.height,placeholder:e.placeholder,toolbar:e.toolbar,mode:e.mode,"upload-image-config":v.value,"toc-nav-position":e.tocNavPosition,"default-fullscreen":e.defaultFullscreen,autofocus:e.autofocus,"include-level":e.includeLevel,"left-toolbar":e.leftToolbar,"right-toolbar":e.rightToolbar,"default-show-toc":!0,"onUpdate:modelValue":y,onChange:b,onSave:x,onUploadImage:S,onFullscreenChange:C,onCopyCodeSuccess:w},null,8,[`model-value`,`height`,`placeholder`,`toolbar`,`mode`,`upload-image-config`,`toc-nav-position`,`default-fullscreen`,`autofocus`,`include-level`,`left-toolbar`,`right-toolbar`])],2))}}),[[`__scopeId`,`data-v-7f0dd6ff`]]);export{f as t};
-//# sourceMappingURL=C_Markdown2.js.map
+import{t as e}from"./export-helper.js";import{t}from"./html.js";import{computed as n,createElementBlock as r,createVNode as i,defineComponent as a,getCurrentInstance as o,normalizeClass as s,onBeforeUnmount as c,onMounted as l,openBlock as u,ref as d,unref as f,watch as p}from"vue";import{MdEditor as m}from"md-editor-v3";var h=e(a({name:`C_Markdown`,__name:`index`,props:{modelValue:{default:``},editorId:{},height:{default:`400px`},disabled:{type:Boolean,default:!1},placeholder:{default:`请输入 Markdown 内容...`},mode:{default:`editable`},toolbar:{},uploadImageConfig:{},tocNavPosition:{default:`right`},defaultFullscreen:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},includeLevel:{default:()=>[1,2,3,4,5,6]},leftToolbar:{default:`undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save`},rightToolbar:{default:`preview toc sync-scroll fullscreen`},maxLength:{default:5e4},showWordCount:{type:Boolean,default:!0},autoSave:{type:Boolean,default:!1},autoSaveInterval:{default:3e4},isDark:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`save`,`upload-image`,`fullscreen-change`,`copy-code-success`,`word-count-change`,`auto-save`,`max-length-exceeded`],setup(e,{expose:a,emit:h}){let g=m,_=e,v=h,y=o(),b=d(),x=d(``),S=d(_.modelValue),C=y?.uid??0,w=n(()=>_.editorId||`c-markdown-editor-${C}`),T=n(()=>_.modelValue?.length||0),E=n(()=>_.disabled?`preview`:_.mode),D=n(()=>{let e=_.includeLevel.filter(e=>Number.isInteger(e)&&e>=1&&e<=6);return e.length>0?Math.max(...e):6}),O=n(()=>typeof y?.vnode.props?.onUploadImage==`function`),k={undo:`revoke`,redo:`next`,h:`title`,bold:`bold`,italic:`italic`,strikethrough:`strikeThrough`,quote:`quote`,ul:`unorderedList`,ol:`orderedList`,table:`table`,hr:`horizontalLine`,link:`link`,image:`image`,code:`code`,save:`save`,preview:`preview`,toc:`catalog`,fullscreen:`fullscreen`},A=n(()=>{if(Array.isArray(_.toolbar))return[..._.toolbar];let e=`${_.leftToolbar} ${_.rightToolbar}`.split(/[\s|]+/).map(e=>k[e]).filter(e=>e!==void 0);return[...new Set(e)]});l(()=>{_.showWordCount&&_.modelValue&&v(`word-count-change`,_.modelValue.length)}),p(()=>_.modelValue,e=>{_.showWordCount&&v(`word-count-change`,e?.length||0)},{immediate:!0});let j=e=>{if(e.length>_.maxLength){v(`max-length-exceeded`,e.length,_.maxLength);return}S.value=e,v(`update:modelValue`,e),_.showWordCount&&v(`word-count-change`,e.length)},M=e=>{x.value=e,v(`change`,S.value,e),_.autoSave&&L(S.value)},N=async(e,t)=>{v(`save`,e,await t)},P=(e,t)=>{let n=e.filter(e=>R(e,_.uploadImageConfig?.accept)),r=_.uploadImageConfig?.multiple?n:n.slice(0,1);if(r.length===0)return;let i=new DataTransfer;r.forEach(e=>i.items.add(e)),v(`upload-image`,new Event(`upload-image`),e=>{t([{url:e.url,alt:e.desc??``,title:e.desc??``}])},i.files)},F=e=>(v(`copy-code-success`,e),e),I=null,L=e=>{I&&clearTimeout(I),I=setTimeout(()=>{v(`auto-save`,e)},_.autoSaveInterval)};c(()=>{I&&clearTimeout(I)}),l(()=>{b.value?.on(`fullscreen`,e=>{v(`fullscreen-change`,e)}),_.defaultFullscreen&&b.value?.toggleFullscreen(!0)}),a({focus:()=>{b.value?.focus()},getHtml:()=>x.value,insertText:e=>{b.value?.insert(t=>({targetValue:`${t}${e}`,select:!0,deviationStart:-e.length,deviationEnd:0}))},wordCount:T});function R(e,t){return t?.trim()?t.split(`,`).map(e=>e.trim().toLowerCase()).filter(Boolean).some(t=>t.startsWith(`.`)?e.name.toLowerCase().endsWith(t):t.endsWith(`/*`)?e.type.toLowerCase().startsWith(t.slice(0,-1)):e.type.toLowerCase()===t):!0}return(n,a)=>(u(),r(`div`,{class:s([`c-markdown-wrapper`,{"is-dark":e.isDark,"toc-left":e.tocNavPosition===`left`}])},[i(f(g),{id:w.value,ref_key:`editorRef`,ref:b,"model-value":e.modelValue,height:e.height,placeholder:e.placeholder,theme:e.isDark?`dark`:`light`,preview:E.value!==`edit`,"preview-only":E.value===`preview`,"read-only":e.disabled,"auto-focus":e.autofocus,"max-length":e.maxLength,toolbars:A.value,footers:e.showWordCount?[`markdownTotal`,`=`,`scrollSwitch`]:[],"catalog-layout":`flat`,"catalog-max-depth":D.value,"no-upload-img":!O.value,sanitize:f(t),"format-copied-text":F,"onUpdate:modelValue":j,onOnHtmlChanged:M,onOnSave:N,onOnUploadImg:P},null,8,[`id`,`model-value`,`height`,`placeholder`,`theme`,`preview`,`preview-only`,`read-only`,`auto-focus`,`max-length`,`toolbars`,`footers`,`catalog-max-depth`,`no-upload-img`,`sanitize`])],2))}}),[[`__scopeId`,`data-v-c27723d0`]]);export{h as t};

package/dist/C_Menu.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./menuAdapter.js`),t=require(`./C_Menu.js`);exports.C_Menu=t.t,exports.createMenuOptions=e.t,exports.flattenRoutes=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Menu2.cjs`);exports.C_Menu=e.t,exports.createMenuOptions=e.n,exports.flattenRoutes=e.r;

package/dist/C_Menu.css

@@ -0,0 +1 @@
+/* C_Menu has no component-specific styles. */

package/dist/C_Menu.d.cts

@@ -1,3 +1,3 @@
-import { a as RouteItem, n as createMenuOptions, o as RouteMeta, r as flattenRoutes, t as MenuAdapterConfig } from "./menuAdapter.js";
-import { t as _default } from "./index19.vue.js";
-export { _default as C_Menu, type MenuAdapterConfig, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };
+import { n as RouteItem, r as RouteMeta } from "./types.cjs";
+import { a as MenuValue, c as flattenRoutes, i as MenuProps, n as MenuEmits, o as MenuAdapterConfig, r as MenuExpose, s as createMenuOptions, t as _default } from "./index5.vue.cjs";
+export { _default as C_Menu, type MenuAdapterConfig, type MenuEmits, type MenuExpose, type MenuProps, type MenuValue, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };

package/dist/C_Menu.d.ts

@@ -1,4 +1,3 @@
-import { a as RouteItem, n as createMenuOptions, o as RouteMeta, r as flattenRoutes, t as MenuAdapterConfig } from "./menuAdapter.js";
-import "./_shared.js";
-import { t as _default } from "./index19.vue.js";
-export { _default as C_Menu, type MenuAdapterConfig, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };
+import { a as RouteItem, n as createMenuOptions, o as RouteMeta, r as flattenRoutes, t as MenuAdapterConfig } from "./public.js";
+import { a as MenuValue, i as MenuProps, n as MenuEmits, r as MenuExpose, t as _default } from "./index18.vue.js";
+export { _default as C_Menu, type MenuAdapterConfig, type MenuEmits, type MenuExpose, type MenuProps, type MenuValue, type RouteItem, type RouteMeta, createMenuOptions, flattenRoutes };

package/dist/C_Menu.js

@@ -1 +1 @@
-import{n as e,t}from"./menuAdapter.js";import{t as n}from"./C_Menu2.js";export{n as C_Menu,t as createMenuOptions,e as flattenRoutes};
+import{n as e,r as t,t as n}from"./C_Menu2.js";export{n as C_Menu,e as createMenuOptions,t as flattenRoutes};

package/dist/C_Menu2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);let e=require(`vue`),t=require(`naive-ui`),n=require(`@iconify/vue`);const r=e=>e.startsWith(`/`)?e:`/${e}`,i=e=>e.path?r(e.path):``,a=e=>e.meta?.title||e.name||``,o=e=>!e.meta?.hidden,s=t=>{if(t){if(typeof t==`string`)return()=>(0,e.h)(`span`,{class:`n-icon`,style:`display: inline-flex; align-items: center;`},[(0,e.h)(n.Icon,{icon:t})]);if(typeof t==`function`)return t}};function c(e,t={}){let{labelFormatter:n=e=>e,getKey:r=i,getLabel:c=a,filter:l=o,renderIcon:u=s,recursive:d=!0}=t,f=e=>e.filter(l).map(e=>{let t=e.meta?.icon||e.icon,i=d&&e.children?.length?f(e.children):void 0;return{key:r(e),label:n(c(e)),disabled:e.disabled||!1,icon:u(t),...e.type&&{type:e.type},...i?.length&&{children:i}}});return f(e)}function l(e,t=o){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}const u=(0,e.defineComponent)({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},modelValue:{},expandedKeys:{},defaultExpandedKeys:{default:()=>[]},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`update:modelValue`,`update:value`,`update:expandedKeys`],setup(n,{expose:r,emit:i}){let a=n,o=i,s=(0,e.ref)(null),l=(0,e.ref)([...a.defaultExpandedKeys]),u=(0,e.computed)({get:()=>a.expandedKeys??l.value,set:e=>{l.value=e,o(`update:expandedKeys`,e)}}),d=(0,e.computed)(()=>a.modelValue===void 0?a.value??null:a.modelValue),f=(0,e.computed)(()=>{if(a.options)return a.options;if(a.routes){let e={...a.adapterConfig,...a.labelFormatter&&{labelFormatter:a.labelFormatter}};return c(a.routes,e)}return[]}),p=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=[...n,r.key];if(e.some(e=>e.key===t))return i;let a=p(e,t,i);if(a.length>0)return a}}return[]},m=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),p(f.value,e).forEach(e=>n.add(e)),n},h=e=>{e&&(e!==d.value&&(o(`update:modelValue`,e),o(`update:value`,e)),o(`select`,e))},g=e=>{u.value=e};return r({showOption:e=>s.value?.showOption(e),menuRef:s}),(0,e.watch)(()=>d.value,t=>{if(!t)return;let n=m(t);u.value=Array.from(new Set([...u.value,...n])),(0,e.nextTick)(()=>s.value?.showOption(t))},{immediate:!0}),(r,i)=>{let a=t.NMenu;return(0,e.openBlock)(),(0,e.createBlock)(a,{ref_key:`menuRef`,ref:s,options:f.value,"expanded-keys":u.value,value:d.value,mode:n.mode,collapsed:n.collapsed,"collapsed-width":n.collapsedWidth,"collapsed-icon-size":n.collapsedIconSize,inverted:n.inverted,"theme-overrides":n.themeOverrides,"dropdown-props":n.dropdownProps,indent:n.indent,"root-indent":n.rootIndent,"onUpdate:value":h,"onUpdate:expandedKeys":g},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/C_Menu2.js

@@ -1,2 +1 @@
-import{t as e}from"./menuAdapter.js";import{NMenu as t}from"naive-ui";import{computed as n,createBlock as r,defineComponent as i,nextTick as a,onMounted as o,openBlock as s,ref as c,resolveComponent as l,watch as u}from"vue";const d=i({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`update:expandedKeys`],setup(i,{expose:l,emit:d}){let f=i,p=d,m=c(null),h=c([]),g=n(()=>f.value??``),_=n(()=>{if(f.options)return f.options;if(f.routes){let t={...f.adapterConfig,...f.labelFormatter&&{labelFormatter:f.labelFormatter}};return e(f.routes,t)}return[]}),v=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=[...n,r.key];if(e.some(e=>e.key===t))return i;let a=v(e,t,i);if(a.length>0)return a}}return[]},y=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),v(_.value,e).forEach(e=>n.add(e)),n},b=e=>{e&&e!==g.value&&p(`select`,e)},x=e=>{h.value=e,p(`update:expandedKeys`,e)};return l({showOption:e=>m.value?.showOption(e),menuRef:m}),u(()=>g.value,e=>{if(!e)return;let t=y(e);h.value=Array.from(new Set([...h.value,...t])),a(()=>m.value?.showOption(e))},{immediate:!0}),o(()=>{a(()=>{g.value&&(h.value=Array.from(y(g.value)),m.value?.showOption(g.value))})}),(e,n)=>{let i=t;return s(),r(i,{ref_key:`menuRef`,ref:m,options:_.value,"expanded-keys":h.value,value:g.value,mode:e.mode,collapsed:e.collapsed,"collapsed-width":e.collapsedWidth,"collapsed-icon-size":e.collapsedIconSize,inverted:e.inverted,"theme-overrides":e.themeOverrides,"dropdown-props":e.dropdownProps,indent:e.indent,"root-indent":e.rootIndent,"onUpdate:value":b,"onUpdate:expandedKeys":x},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});export{d as t};
-//# sourceMappingURL=C_Menu2.js.map
+import{computed as e,createBlock as t,defineComponent as n,h as r,nextTick as i,openBlock as a,ref as o,resolveComponent as s,watch as c}from"vue";import{NMenu as l}from"naive-ui";import{Icon as u}from"@iconify/vue";const d=e=>e.startsWith(`/`)?e:`/${e}`,f=e=>e.path?d(e.path):``,p=e=>e.meta?.title||e.name||``,m=e=>!e.meta?.hidden,h=e=>{if(e){if(typeof e==`string`)return()=>r(`span`,{class:`n-icon`,style:`display: inline-flex; align-items: center;`},[r(u,{icon:e})]);if(typeof e==`function`)return e}};function g(e,t={}){let{labelFormatter:n=e=>e,getKey:r=f,getLabel:i=p,filter:a=m,renderIcon:o=h,recursive:s=!0}=t,c=e=>e.filter(a).map(e=>{let t=e.meta?.icon||e.icon,a=s&&e.children?.length?c(e.children):void 0;return{key:r(e),label:n(i(e)),disabled:e.disabled||!1,icon:o(t),...e.type&&{type:e.type},...a?.length&&{children:a}}});return c(e)}function _(e,t=m){let n=[],r=e=>{for(let i of e)t(i)&&n.push(i),i.children?.length&&r(i.children)};return r(e),n}const v=n({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},modelValue:{},expandedKeys:{},defaultExpandedKeys:{default:()=>[]},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`update:modelValue`,`update:value`,`update:expandedKeys`],setup(n,{expose:r,emit:s}){let u=n,d=s,f=o(null),p=o([...u.defaultExpandedKeys]),m=e({get:()=>u.expandedKeys??p.value,set:e=>{p.value=e,d(`update:expandedKeys`,e)}}),h=e(()=>u.modelValue===void 0?u.value??null:u.modelValue),_=e(()=>{if(u.options)return u.options;if(u.routes){let e={...u.adapterConfig,...u.labelFormatter&&{labelFormatter:u.labelFormatter}};return g(u.routes,e)}return[]}),v=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=[...n,r.key];if(e.some(e=>e.key===t))return i;let a=v(e,t,i);if(a.length>0)return a}}return[]},y=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),v(_.value,e).forEach(e=>n.add(e)),n},b=e=>{e&&(e!==h.value&&(d(`update:modelValue`,e),d(`update:value`,e)),d(`select`,e))},x=e=>{m.value=e};return r({showOption:e=>f.value?.showOption(e),menuRef:f}),c(()=>h.value,e=>{if(!e)return;let t=y(e);m.value=Array.from(new Set([...m.value,...t])),i(()=>f.value?.showOption(e))},{immediate:!0}),(e,r)=>{let i=l;return a(),t(i,{ref_key:`menuRef`,ref:f,options:_.value,"expanded-keys":m.value,value:h.value,mode:n.mode,collapsed:n.collapsed,"collapsed-width":n.collapsedWidth,"collapsed-icon-size":n.collapsedIconSize,inverted:n.inverted,"theme-overrides":n.themeOverrides,"dropdown-props":n.dropdownProps,indent:n.indent,"root-indent":n.rootIndent,"onUpdate:value":b,"onUpdate:expandedKeys":x},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});export{g as n,_ as r,v as t};

package/dist/C_NotificationCenter.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_NotificationCenter.js`);exports.CATEGORY_MAP=e.a,exports.CATEGORY_TABS=e.o,exports.C_NotificationCenter=e.t,exports.DEFAULT_MAX_BADGE_COUNT=e.s,exports.DEFAULT_PAGE_SIZE=e.c,exports.DEFAULT_POLLING_INTERVAL=e.l,exports.DEFAULT_STORAGE_KEY=e.u,exports.DEFAULT_WS_HEARTBEAT_INTERVAL=e.d,exports.DEFAULT_WS_HEARTBEAT_MESSAGE=e.f,exports.DEFAULT_WS_MAX_RECONNECT=e.p,exports.DEFAULT_WS_RECONNECT_INTERVAL=e.m,exports.MOCK_MESSAGES=e.h,exports.PRIORITY_MAP=e.g,exports.useNotificationCore=e.r,exports.useNotificationFormat=e.n,exports.useNotificationWS=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon2.cjs`);const e=require(`./C_NotificationCenter2.cjs`);exports.CATEGORY_MAP=e.a,exports.CATEGORY_TABS=e.o,exports.C_NotificationCenter=e.t,exports.DEFAULT_MAX_BADGE_COUNT=e.s,exports.DEFAULT_PAGE_SIZE=e.c,exports.DEFAULT_POLLING_INTERVAL=e.l,exports.DEFAULT_STORAGE_KEY=e.u,exports.DEFAULT_WS_HEARTBEAT_INTERVAL=e.d,exports.DEFAULT_WS_HEARTBEAT_MESSAGE=e.f,exports.DEFAULT_WS_MAX_RECONNECT=e.p,exports.DEFAULT_WS_RECONNECT_INTERVAL=e.m,exports.MOCK_MESSAGES=e.h,exports.PRIORITY_MAP=e.g,exports.useNotificationCore=e.r,exports.useNotificationFormat=e.n,exports.useNotificationWS=e.i;

package/dist/C_NotificationCenter.css

@@ -1,9 +1,14 @@
-/* unplugin-vue-components disabled */.notification-badge[data-v-da0cc98c] {
+/* unplugin-vue-components disabled */.notification-badge[data-v-082ef9da] {
   position: relative;
   display: inline-flex;
   align-items: center;
 }
-.notification-badge__trigger[data-v-da0cc98c] {
+.notification-badge__trigger[data-v-082ef9da] {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -13,17 +18,21 @@
   border-radius: 6px;
   transition: all var(--c-transition, 0.2s ease);
 }
-.notification-badge__trigger[data-v-da0cc98c]:hover {
+.notification-badge__trigger[data-v-082ef9da]:hover {
   background-color: var(--c-border);
 }
-.notification-badge__trigger:hover .notification-badge__icon[data-v-da0cc98c] {
+.notification-badge__trigger:hover .notification-badge__icon[data-v-082ef9da] {
   color: var(--c-primary);
 }
-.notification-badge__icon[data-v-da0cc98c] {
+.notification-badge__trigger[data-v-082ef9da]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 2px;
+}
+.notification-badge__icon[data-v-082ef9da] {
   color: var(--c-text-2);
   transition: color var(--c-transition, 0.2s ease);
 }
-.notification-badge__count[data-v-da0cc98c] {
+.notification-badge__count[data-v-082ef9da] {
   position: absolute;
   top: -2px;
   right: -4px;
@@ -41,7 +50,7 @@
   pointer-events: none;
   box-shadow: 0 0 0 2px var(--c-bg);
 }
-.notification-badge__pulse[data-v-da0cc98c] {
+.notification-badge__pulse[data-v-082ef9da] {
   position: absolute;
   top: -2px;
   right: -4px;
@@ -49,10 +58,10 @@
   height: 16px;
   border-radius: 50%;
   background: rgba(245, 34, 45, 0.4);
-  animation: pulse-ring-da0cc98c 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
+  animation: pulse-ring-082ef9da 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
   pointer-events: none;
 }
-@keyframes pulse-ring-da0cc98c {
+@keyframes pulse-ring-082ef9da {
 0% {
     transform: scale(0.8);
     opacity: 1;
@@ -62,13 +71,13 @@
     opacity: 0;
 }
 }
-.badge-bounce-enter-active[data-v-da0cc98c] {
-  animation: badge-in-da0cc98c 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+.badge-bounce-enter-active[data-v-082ef9da] {
+  animation: badge-in-082ef9da 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-.badge-bounce-leave-active[data-v-da0cc98c] {
-  animation: badge-in-da0cc98c 0.2s ease reverse;
+.badge-bounce-leave-active[data-v-082ef9da] {
+  animation: badge-in-082ef9da 0.2s ease reverse;
 }
-@keyframes badge-in-da0cc98c {
+@keyframes badge-in-082ef9da {
 0% {
     transform: scale(0);
     opacity: 0;
@@ -86,7 +95,6 @@
   cursor: pointer;
   transition: background-color var(--c-transition, 0.2s ease);
   border-bottom: 1px solid var(--c-border);
-  /* ─── 子元素 ──────────────────────────── */
 }
 .notification-item[data-v-0104dbfc]:last-child {
   border-bottom: none;
@@ -107,6 +115,9 @@
   border-left: 3px solid #f5222d;
   padding-left: 13px;
 }
+.notification-item[data-v-0104dbfc] {
+  /* ─── 子元素 ──────────────────────────── */
+}
 .notification-item__indicator[data-v-0104dbfc] {
   flex-shrink: 0;
   width: 8px;
@@ -326,37 +337,37 @@
   font-size: 13px;
   color: var(--c-text-4);
 }
-/* unplugin-vue-components disabled */.notification-detail[data-v-d10a445e] {
+/* unplugin-vue-components disabled */.notification-detail[data-v-59296724] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.notification-detail__back[data-v-d10a445e] {
+.notification-detail__back[data-v-59296724] {
   padding: 8px 16px;
   border-bottom: 1px solid var(--c-border);
 }
-.notification-detail__header[data-v-d10a445e] {
+.notification-detail__header[data-v-59296724] {
   padding: 16px;
   border-bottom: 1px solid var(--c-border);
 }
-.notification-detail__title[data-v-d10a445e] {
+.notification-detail__title[data-v-59296724] {
   font-size: 15px;
   font-weight: 600;
   color: var(--c-text-1);
   line-height: 1.5;
   margin: 0 0 8px;
 }
-.notification-detail__meta[data-v-d10a445e] {
+.notification-detail__meta[data-v-59296724] {
   display: flex;
   align-items: center;
   gap: 8px;
   flex-wrap: wrap;
 }
-.notification-detail__time[data-v-d10a445e] {
+.notification-detail__time[data-v-59296724] {
   font-size: 11px;
   color: var(--c-text-4);
 }
-.notification-detail__sender[data-v-d10a445e] {
+.notification-detail__sender[data-v-59296724] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -364,82 +375,82 @@
   font-size: 12px;
   color: var(--c-text-2);
 }
-.notification-detail__content[data-v-d10a445e] {
+.notification-detail__content[data-v-59296724] {
   flex: 1;
   min-height: 0;
 }
-.notification-detail__body[data-v-d10a445e] {
+.notification-detail__body[data-v-59296724] {
   padding: 16px;
   font-size: 13px;
   line-height: 1.7;
   color: var(--c-text-1);
   word-break: break-word;
 }
-.notification-detail__body[data-v-d10a445e] p {
+.notification-detail__body[data-v-59296724] p {
   margin: 0 0 8px;
 }
-.notification-detail__body[data-v-d10a445e] ul,
-.notification-detail__body[data-v-d10a445e] ol {
+.notification-detail__body[data-v-59296724] ul,
+.notification-detail__body[data-v-59296724] ol {
   padding-left: 20px;
   margin: 8px 0;
 }
-.notification-detail__body[data-v-d10a445e] li {
+.notification-detail__body[data-v-59296724] li {
   margin: 4px 0;
 }
-.notification-detail__body[data-v-d10a445e] strong {
+.notification-detail__body[data-v-59296724] strong {
   font-weight: 600;
   color: var(--c-primary);
 }
-.notification-detail__footer[data-v-d10a445e] {
+.notification-detail__footer[data-v-59296724] {
   padding: 12px 16px;
   border-top: 1px solid var(--c-border);
   display: flex;
   justify-content: flex-end;
 }
-/* unplugin-vue-components disabled */.c-notification-center[data-v-d4b27637] {
+/* unplugin-vue-components disabled */.c-notification-center[data-v-d929db80] {
   display: inline-flex;
   align-items: center;
 }
-.c-notification-center__panel[data-v-d4b27637] {
+.c-notification-center__panel[data-v-d929db80] {
   display: flex;
   flex-direction: column;
   max-height: 560px;
 }
-.c-notification-center__header[data-v-d4b27637] {
+.c-notification-center__header[data-v-d929db80] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 14px 16px 10px;
   border-bottom: 1px solid var(--c-border);
 }
-.c-notification-center__title[data-v-d4b27637] {
+.c-notification-center__title[data-v-d929db80] {
   font-size: 15px;
   font-weight: 600;
   color: var(--c-text-1);
 }
-.c-notification-center__header-extra[data-v-d4b27637] {
+.c-notification-center__header-extra[data-v-d929db80] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.c-notification-center__ws-dot[data-v-d4b27637] {
+.c-notification-center__ws-dot[data-v-d929db80] {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   transition: background-color var(--c-transition, 0.2s ease);
 }
-.c-notification-center__ws-dot--connected[data-v-d4b27637] {
+.c-notification-center__ws-dot--connected[data-v-d929db80] {
   background: #52c41a;
   box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);
 }
-.c-notification-center__ws-dot--connecting[data-v-d4b27637], .c-notification-center__ws-dot--reconnecting[data-v-d4b27637] {
+.c-notification-center__ws-dot--connecting[data-v-d929db80], .c-notification-center__ws-dot--reconnecting[data-v-d929db80] {
   background: #faad14;
-  animation: status-blink-d4b27637 1s ease-in-out infinite;
+  animation: status-blink-d929db80 1s ease-in-out infinite;
 }
-.c-notification-center__ws-dot--disconnected[data-v-d4b27637] {
+.c-notification-center__ws-dot--disconnected[data-v-d929db80] {
   background: var(--c-text-4);
 }
-@keyframes status-blink-d4b27637 {
+@keyframes status-blink-d929db80 {
 0%, 100% {
     opacity: 1;
 }
@@ -448,19 +459,56 @@
 }
 }
 /* ─── 切换过渡 ───────────────────────────────── */
-.slide-fade-enter-active[data-v-d4b27637] {
+.slide-fade-enter-active[data-v-d929db80] {
   transition: all 0.25s ease-out;
 }
-.slide-fade-leave-active[data-v-d4b27637] {
+.slide-fade-leave-active[data-v-d929db80] {
   transition: all 0.2s ease-in;
 }
-.slide-fade-enter-from[data-v-d4b27637] {
+.slide-fade-enter-from[data-v-d929db80] {
   opacity: 0;
   transform: translateY(8px);
 }
-.slide-fade-leave-to[data-v-d4b27637] {
+.slide-fade-leave-to[data-v-d929db80] {
   opacity: 0;
   transform: translateY(-8px);
 }
-
-/*# sourceMappingURL=C_NotificationCenter-D7GGGWg7.css.map*/
+/* unplugin-vue-components disabled *//*
+ * NPopover 的 content-class 样式需要在组件外部生效，
+ * 因为 NPopover 将内容渲染到 teleport 容器中，scoped 样式无法覆盖。
+ */
+.c-notification-center__popover {
+  /*
+   * Popover 被 Teleport 到 body 后无法继承触发器作用域内的 --c-*。
+   * 直接桥接 NPopover 自身随主题注入的变量，确保明暗主题自动适配。
+   */
+  --c-bg-card: var(--n-color, #fff);
+  --c-bg-surface: var(--n-color, #fff);
+  --c-text-1: var(--n-text-color, #262626);
+  --c-text-2: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 68%,
+    transparent
+  );
+  --c-text-3: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 50%,
+    transparent
+  );
+  --c-text-4: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 36%,
+    transparent
+  );
+  --c-border: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 14%,
+    transparent
+  );
+  color: var(--n-text-color);
+  background-color: var(--n-color);
+  padding: 0 !important;
+  border-radius: 12px !important;
+  overflow: hidden;
+  box-shadow: var(--c-shadow, 0 12px 32px rgba(0, 0, 0, 0.1)) !important;
+}

package/dist/C_NotificationCenter.d.cts

@@ -1,2 +1,2 @@
-import { A as NotificationWSConfig, C as NotificationCenterEmits, D as NotificationPriority, E as NotificationMessage, M as WSNotificationPayload, O as NotificationSender, S as NotificationCategory, T as NotificationCenterProps, _ as ClearNotificationsFn, a as DEFAULT_POLLING_INTERVAL, b as MarkAllReadFn, c as DEFAULT_WS_HEARTBEAT_MESSAGE, d as MOCK_MESSAGES, f as PRIORITY_MAP, g as _default, h as useNotificationCore, i as DEFAULT_PAGE_SIZE, j as WSConnectionStatus, k as NotificationStatus, l as DEFAULT_WS_MAX_RECONNECT, m as useNotificationFormat, n as CATEGORY_TABS, o as DEFAULT_STORAGE_KEY, p as useNotificationWS, r as DEFAULT_MAX_BADGE_COUNT, s as DEFAULT_WS_HEARTBEAT_INTERVAL, t as CATEGORY_MAP, u as DEFAULT_WS_RECONNECT_INTERVAL, v as DeleteNotificationFn, w as NotificationCenterExpose, x as MarkAsReadFn, y as FetchNotificationsFn } from "./constants3.js";
+import { A as NotificationWSConfig, C as NotificationCenterEmits, D as NotificationPriority, E as NotificationMessage, M as WSNotificationPayload, O as NotificationSender, S as NotificationCategory, T as NotificationCenterProps, _ as ClearNotificationsFn, a as DEFAULT_POLLING_INTERVAL, b as MarkAllReadFn, c as DEFAULT_WS_HEARTBEAT_MESSAGE, d as MOCK_MESSAGES, f as PRIORITY_MAP, g as _default, h as useNotificationCore, i as DEFAULT_PAGE_SIZE, j as WSConnectionStatus, k as NotificationStatus, l as DEFAULT_WS_MAX_RECONNECT, m as useNotificationFormat, n as CATEGORY_TABS, o as DEFAULT_STORAGE_KEY, p as useNotificationWS, r as DEFAULT_MAX_BADGE_COUNT, s as DEFAULT_WS_HEARTBEAT_INTERVAL, t as CATEGORY_MAP, u as DEFAULT_WS_RECONNECT_INTERVAL, v as DeleteNotificationFn, w as NotificationCenterExpose, x as MarkAsReadFn, y as FetchNotificationsFn } from "./constants3.cjs";
 export { CATEGORY_MAP, CATEGORY_TABS, _default as C_NotificationCenter, type ClearNotificationsFn, DEFAULT_MAX_BADGE_COUNT, DEFAULT_PAGE_SIZE, DEFAULT_POLLING_INTERVAL, DEFAULT_STORAGE_KEY, DEFAULT_WS_HEARTBEAT_INTERVAL, DEFAULT_WS_HEARTBEAT_MESSAGE, DEFAULT_WS_MAX_RECONNECT, DEFAULT_WS_RECONNECT_INTERVAL, type DeleteNotificationFn, type FetchNotificationsFn, MOCK_MESSAGES, type MarkAllReadFn, type MarkAsReadFn, type NotificationCategory, type NotificationCenterEmits, type NotificationCenterExpose, type NotificationCenterProps, type NotificationMessage, type NotificationPriority, type NotificationSender, type NotificationStatus, type NotificationWSConfig, PRIORITY_MAP, type WSConnectionStatus, type WSNotificationPayload, useNotificationCore, useNotificationFormat, useNotificationWS };

package/dist/C_NotificationCenter.js

@@ -1 +1 @@
-import{a as e,c as t,d as n,f as r,g as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"./C_NotificationCenter2.js";export{e as CATEGORY_MAP,u as CATEGORY_TABS,m as C_NotificationCenter,p as DEFAULT_MAX_BADGE_COUNT,t as DEFAULT_PAGE_SIZE,s as DEFAULT_POLLING_INTERVAL,h as DEFAULT_STORAGE_KEY,n as DEFAULT_WS_HEARTBEAT_INTERVAL,r as DEFAULT_WS_HEARTBEAT_MESSAGE,d as DEFAULT_WS_MAX_RECONNECT,c as DEFAULT_WS_RECONNECT_INTERVAL,a as MOCK_MESSAGES,i as PRIORITY_MAP,f as useNotificationCore,l as useNotificationFormat,o as useNotificationWS};
+import"./C_Icon2.js";import{a as e,c as t,d as n,f as r,g as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"./C_NotificationCenter2.js";export{e as CATEGORY_MAP,u as CATEGORY_TABS,m as C_NotificationCenter,p as DEFAULT_MAX_BADGE_COUNT,t as DEFAULT_PAGE_SIZE,s as DEFAULT_POLLING_INTERVAL,h as DEFAULT_STORAGE_KEY,n as DEFAULT_WS_HEARTBEAT_INTERVAL,r as DEFAULT_WS_HEARTBEAT_MESSAGE,d as DEFAULT_WS_MAX_RECONNECT,c as DEFAULT_WS_RECONNECT_INTERVAL,a as MOCK_MESSAGES,i as PRIORITY_MAP,f as useNotificationCore,l as useNotificationFormat,o as useNotificationWS};

package/dist/C_NotificationCenter2.cjs

@@ -0,0 +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=0;function p(e){n.value=e,t?.(e)}function m(e){d=e,a=0,h(e)}function h(e){let t=++f;x();let n=g(e);p(`connecting`);try{r=new WebSocket(n)}catch{p(`disconnected`),v(e);return}let i=r;i.addEventListener(`open`,()=>{t!==f||i!==r||(p(`connected`),a=0,y(e))}),i.addEventListener(`message`,e=>{t!==f||i!==r||_(e.data)}),i.addEventListener(`close`,()=>{t!==f||i!==r||(r=null,b(),p(`disconnected`),e.autoReconnect!==!1&&v(e))}),i.addEventListener(`error`,()=>{})}function g(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function _(t){if(typeof t==`string`&&t!==`pong`)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 v(e){if(d!==e||o)return;let t=Math.max(0,Math.trunc(e.maxReconnectAttempts??5));if(a>=t)return;a++,p(`reconnecting`);let n=Math.max(0,e.reconnectInterval??c),r=Math.min(6e4,n*2**(a-1)),i=f;o=setTimeout(()=>{o=null,!(i!==f||d!==e)&&h(e)},r)}function y(e){b();let t=e.heartbeatInterval??l;if(t<=0)return;let n=e.heartbeatMessage??u;s=setInterval(()=>{if(r?.readyState===WebSocket.OPEN)try{r.send(n)}catch{r.close()}},t)}function b(){s&&=(clearInterval(s),null)}function x(){b(),o&&=(clearTimeout(o),null),r&&=(r.close(),null)}function S(){d=null,f++,a=0,x(),p(`disconnected`)}function C(){d&&(a=0,h(d))}return(0,i.onBeforeUnmount)(()=>{d=null,f++,x()}),{status:(0,i.readonly)(n),connect:m,disconnect:S,reconnect:C}}function g(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.id==`string`&&typeof t.title==`string`&&typeof t.summary==`string`&&typeof t.timestamp==`string`&&[`system`,`business`,`alarm`].includes(String(t.category))&&[`low`,`normal`,`high`,`urgent`].includes(String(t.priority))&&[`read`,`unread`,`archived`].includes(String(t.status))}function _(e){let t=(0,i.ref)([]),n=(0,i.ref)(`all`),a=(0,i.ref)(!1),c=(0,i.ref)(0),l=(0,i.ref)(1),u=(0,i.ref)(null),d=(0,i.ref)(!1),f=(0,i.ref)(`disconnected`),p=0,_=(0,i.computed)(()=>t.value.filter(e=>e.status===`unread`).length),v=(0,i.computed)(()=>{let e={system:0,business:0,alarm:0};for(let n of t.value)n.status===`unread`&&n.category in e&&e[n.category]++;return e}),y=(0,i.computed)(()=>n.value===`all`?t.value:t.value.filter(e=>e.category===n.value)),b=(0,i.computed)(()=>t.value.length<c.value),x=(0,i.computed)(()=>e.storageKey??s);function S(){let e=r.t(x.value);if(Array.isArray(e?.unreadIds)){let n=new Set(e.unreadIds.filter(e=>typeof e==`string`));for(let e of t.value)n.has(e.id)&&(e.status=`unread`)}}let C=null;function w(){C&&clearTimeout(C),C=setTimeout(()=>{let e=t.value.filter(e=>e.status===`unread`).map(e=>e.id);r.i(x.value,{unreadIds:e,lastFetchTime:Date.now()}),C=null},300)}async function T(r=!1){let i=++p;r&&(l.value=1),a.value=!0;try{if(e.fetchNotifications){let a=n.value===`all`?void 0:n.value,o=e.pageSize??20,s=await e.fetchNotifications({category:a,page:l.value,pageSize:o});if(i!==p)return;let u=Array.isArray(s.list)?s.list:[];if(r)t.value=u;else{let e=new Set(t.value.map(e=>e.id));t.value.push(...u.filter(t=>!e.has(t.id)))}c.value=Math.max(t.value.length,Number(s.total)||0)}else E();i===p&&S()}catch(t){throw i===p&&e.onError?.(t,`fetch`),t}finally{i===p&&(a.value=!1)}}function E(){t.value=m.map(e=>({...e})),c.value=m.length}async function D(){if(!b.value||a.value)return;let e=l.value;l.value++;try{await T()}catch(t){throw l.value=e,t}}async function O(n){let r=new Set(n),i=new Map(t.value.filter(e=>r.has(e.id)).map(e=>[e.id,e.status]));for(let e of t.value)r.has(e.id)&&(e.status=`read`);if(w(),e.markAsRead)try{await e.markAsRead(n)}catch(n){for(let e of t.value){let t=i.get(e.id);t&&(e.status=t)}throw w(),e.onError?.(n,`mark-as-read`),n}}async function k(n){let r=n?t.value.filter(e=>e.category===n&&e.status===`unread`):t.value.filter(e=>e.status===`unread`);for(let e of r)e.status=`read`;if(w(),e.markAllRead)try{await e.markAllRead(n)}catch(t){for(let e of r)e.status=`unread`;throw w(),e.onError?.(t,`mark-all-as-read`),t}}async function A(n){let r=new Set(n),i=[...t.value],a=c.value;if(t.value=t.value.filter(e=>!r.has(e.id)),c.value=Math.max(0,c.value-(i.length-t.value.length)),w(),e.deleteNotification)try{await e.deleteNotification(n)}catch(n){throw t.value=i,c.value=a,w(),e.onError?.(n,`delete`),n}}async function j(n){let r=[...t.value],i=c.value;if(n?t.value=t.value.filter(e=>e.category!==n):t.value=[],c.value=t.value.length,w(),e.clearNotifications)try{await e.clearNotifications(n)}catch(n){throw t.value=r,c.value=i,w(),e.onError?.(n,`clear`),n}}function M(e){switch(e.type){case`new_message`:{let n=e.data;if(!g(n))return;t.value.some(e=>e.id===n.id)||(t.value.unshift(n),c.value++,w(),I(n));break}case`read_sync`:{if(!Array.isArray(e.data))return;let n=e.data.filter(g),r=new Set(n.map(e=>e.id));for(let e of t.value)r.has(e.id)&&(e.status=`read`);w();break}case`count_update`:break}}function N(e){f.value=e}let{connect:P,disconnect:F}=h(M,N);function I(t){e.desktopNotification&&(typeof window>`u`||!(`Notification`in window)||Notification.permission===`granted`&&R(t))}async function L(){return typeof window>`u`||!(`Notification`in window)?`unsupported`:Notification.requestPermission()}function R(e){let t=new Notification(e.title,{body:e.summary,icon:e.sender?.avatar||`/robot-avatar.png`,tag:e.id});t.addEventListener(`click`,()=>{window.focus(),H(e),t.close()}),setTimeout(()=>t.close(),5e3)}let z=null;function B(){V();let t=e.pollingInterval??o;t<=0||(z=setInterval(()=>{a.value||T(!0).catch(()=>void 0)},t))}function V(){z&&=(clearInterval(z),null)}function H(e){u.value=e,e.status===`unread`&&O([e.id]).catch(()=>void 0)}function U(){u.value=null}function W(t){n.value=t,u.value=null,e.fetchNotifications&&T(!0).catch(()=>void 0)}function G(){T(!0).catch(()=>void 0),B(),e.wsConfig&&P(e.wsConfig)}function K(){p++,V(),F(),C&&=(clearTimeout(C),null)}return(0,i.onMounted)(G),(0,i.onBeforeUnmount)(K),{messages:t,activeCategory:n,loading:a,total:c,page:l,selectedMessage:u,popoverVisible:d,wsStatus:f,unreadCount:_,unreadByCategory:v,filteredMessages:y,hasMore:b,fetchMessages:T,loadMore:D,markAsRead:O,markAllAsRead:k,deleteMessages:A,clearMessages:j,selectMessage:H,clearSelection:U,switchCategory:W,requestDesktopPermission:L,connectWS:P,disconnectWS:F}}const v={class:`notification-badge`},y=[`aria-label`],b={key:0,class:`notification-badge__count`},x={key:0,class:`notification-badge__pulse`},S=(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`,v,[(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`,b,(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`,x)):(0,i.createCommentVNode)(`v-if`,!0)],8,y)]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` 消息通知`+(0,i.toDisplayString)(t.count>0?`（${t.count} 条未读）`:``),1)]),_:1})])}}});var C=t.t(S,[[`__scopeId`,`data-v-082ef9da`]]);const w=6e4,T=36e5,E=864e5,D=7*E,O=30*E;365*E;let k=null;function A(){return k||=j(),k}function j(){function e(e){let r=new Date(e),i=Date.now()-r.getTime();if(i<0||i<w)return`刚刚`;if(i<T)return`${Math.floor(i/w)}分钟前`;if(i<E)return`${Math.floor(i/T)}小时前`;let a=new Date;return a.setHours(0,0,0,0),r>=new Date(a.getTime()-E)&&r<a?`昨天 ${n(r.getHours())}:${n(r.getMinutes())}`:i<D?`${Math.floor(i/E)}天前`:i<O?`${Math.floor(i/D)}周前`:i<31536e6?`${Math.floor(i/O)}个月前`: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 M={class:`notification-item__indicator`},N={class:`notification-item__avatar`},P={class:`notification-item__body`},F={class:`notification-item__header`},I={class:`notification-item__title`},L={class:`notification-item__summary`},R={class:`notification-item__meta`},z={class:`notification-item__time`},B={key:0,class:`notification-item__sender`},V=(0,i.defineComponent)({__name:`NotificationItem`,props:{message:{}},emits:[`click`,`read`,`delete`],setup(t){let n=t,{formatRelativeTime:r}=A(),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`,M,[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`,N,[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`,P,[(0,i.createElementVNode)(`div`,F,[(0,i.createElementVNode)(`span`,I,(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`,L,(0,i.toDisplayString)(t.message.summary),1),(0,i.createElementVNode)(`div`,R,[(0,i.createElementVNode)(`span`,z,(0,i.toDisplayString)(c.value),1),t.message.sender?.name?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,B,(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)(`span`,{class:`notification-item__action`,onClick:r[0]||=e=>n.$emit(`read`,t.message.id)},[(0,i.createVNode)(e.t,{name:`mdi:check`,size:16})])]),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)(`span`,{class:`notification-item__action`,onClick:r[1]||=e=>n.$emit(`delete`,t.message.id)},[(0,i.createVNode)(e.t,{name:`mdi:delete-outline`,size:16})])]),default:(0,i.withCtx)(()=>[r[5]||=(0,i.createTextVNode)(` 删除 `,-1)]),_:1})])],2)}}});var H=t.t(V,[[`__scopeId`,`data-v-0104dbfc`]]);const U={class:`notification-list`},W={class:`notification-list__tabs`},G=[`onClick`],K={key:0,class:`notification-list__tab-count`},ee={key:0,class:`notification-list__toolbar`},q={class:`notification-list__skeleton-text`},J={class:`notification-list__items`},Y={class:`notification-list__empty`},X=(0,i.defineComponent)({__name:`NotificationList`,props:{messages:{},activeCategory:{},unreadByCategory:{},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]??0);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`,U,[(0,i.createCommentVNode)(` 分类 Tab `),(0,i.createElementVNode)(`div`,W,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(f),e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.key,class:(0,i.normalizeClass)([`notification-list__tab`,{"notification-list__tab--active":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`,K,(0,i.toDisplayString)(o(e.key)),1)):(0,i.createCommentVNode)(`v-if`,!0)],10,G))),128))]),(0,i.createCommentVNode)(` 操作栏 `),t.messages.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ee,[(0,i.createVNode)(c,{text:``,size:`tiny`,disabled:r.value===0,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`]),(0,i.createVNode)(c,{text:``,size:`tiny`,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})])):(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`,J,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(t.messages,e=>((0,i.openBlock)(),(0,i.createBlock)(H,{key:e.id,message:e,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`]))),128))]),(0,i.createCommentVNode)(` 加载更多 `),t.hasMore?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`notification-list__load-more`,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)])):(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 Z=t.t(X,[[`__scopeId`,`data-v-47e5497f`]]);const Q={class:`notification-detail`},te={class:`notification-detail__back`},ne={class:`notification-detail__header`},re={class:`notification-detail__title`},ie={class:`notification-detail__meta`},ae={class:`notification-detail__time`},oe={key:0,class:`notification-detail__sender`},se=[`innerHTML`],ce={key:1,class:`notification-detail__body`},le={key:0,class:`notification-detail__footer`},ue=(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}=A(),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=o.message.actionUrl;if(e){if(s(`action`,e),/^https?:\/\//i.test(e)){let t=new URL(e);(t.protocol===`http:`||t.protocol===`https:`)&&window.open(t.href,`_blank`,`noopener,noreferrer`);return}/^[a-z][a-z\d+.-]*:/i.test(e)||s(`navigate`,e)}}return(n,r)=>{let o=a.NButton,s=a.NTag,c=a.NAvatar,d=a.NScrollbar;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,Q,[(0,i.createCommentVNode)(` 返回栏 `),(0,i.createElementVNode)(`div`,te,[(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`,ne,[(0,i.createElementVNode)(`h3`,re,(0,i.toDisplayString)(t.message.title),1),(0,i.createElementVNode)(`div`,ie,[(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`,ae,(0,i.toDisplayString)(f.value),1)]),t.message.sender?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,oe,[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,se)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ce,(0,i.toDisplayString)(t.message.summary),1))]),_:1},8,[`style`]),(0,i.createCommentVNode)(` 操作区 `),t.message.actionUrl?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,le,[(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 de=t.t(ue,[[`__scopeId`,`data-v-59296724`]]);const $={class:`c-notification-center`},fe={class:`c-notification-center__panel`},pe={class:`c-notification-center__header`},me={class:`c-notification-center__header-extra`},he=(0,i.defineComponent)({name:`C_NotificationCenter`,__name:`index`,props:{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`],setup(e,{expose:t,emit:n}){let r=e,o=n,s=_(r),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}function d(e){s.selectMessage(e),o(`itemClick`,e)}async function f(e){try{await s.markAsRead([e]),o(`read`,[e])}catch{}}async function p(e){try{await s.deleteMessages([e]),o(`delete`,[e])}catch{}}async function m(){let e=s.activeCategory.value===`all`?void 0:s.activeCategory.value;try{await s.markAllAsRead(e),o(`allRead`,e)}catch{}}async function h(){let e=s.activeCategory.value===`all`?void 0:s.activeCategory.value;try{await s.clearMessages(e)}catch{}}function g(){s.popoverVisible.value=!1}function v(){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,_=a.NPopover;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,$,[(0,i.createVNode)(_,{show:(0,i.unref)(s).popoverVisible.value,"onUpdate:show":t[1]||=e=>(0,i.unref)(s).popoverVisible.value=e,width:420,trigger:`click`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:v},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)(C,{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`,fe,[(0,i.createCommentVNode)(` 头部标题 `),(0,i.createElementVNode)(`div`,pe,[t[2]||=(0,i.createElementVNode)(`span`,{class:`c-notification-center__title`},`消息中心`,-1),(0,i.createElementVNode)(`div`,me,[(0,i.createCommentVNode)(` WebSocket 连接状态 `),r.wsConfig?((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.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)(de,{key:(0,i.unref)(s).selectedMessage.value.id,message:(0,i.unref)(s).selectedMessage.value,onBack:(0,i.unref)(s).clearSelection,onAction:g,onNavigate:t[0]||=e=>o(`navigate`,e)},null,8,[`message`,`onBack`])):((0,i.openBlock)(),(0,i.createBlock)(Z,{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,onSwitchCategory:(0,i.unref)(s).switchCategory,onItemClick:d,onRead:f,onDelete:p,onMarkAllRead:m,onClear:h,onLoadMore:(0,i.unref)(s).loadMore},null,8,[`messages`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`onSwitchCategory`,`onLoadMore`]))]),_:1})])]),_:1},8,[`show`])])}}});var ge=t.t(he,[[`__scopeId`,`data-v-d929db80`]]);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 A}}),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 _}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return 99}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});

package/dist/C_NotificationCenter2.js

@@ -1,2 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{i as n,t as r}from"./storage.js";import{NAvatar as i,NButton as a,NPopover as o,NScrollbar as s,NSkeleton as c,NSpin as l,NTag as u,NTooltip as d}from"naive-ui";import{Fragment as f,Transition as p,computed as m,createBlock as h,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createTextVNode as y,createVNode as b,defineComponent as x,normalizeClass as S,normalizeStyle as C,onBeforeUnmount as w,onMounted as ee,openBlock as T,readonly as E,ref as D,renderList as O,resolveComponent as te,toDisplayString as k,unref as A,watch as j,withCtx as M,withModifiers as N}from"vue";const P=99,F=20,I=6e4,L=`notification_center`,R=3e3,z=5,B=3e4,V=`ping`,H={system:{label:`系统通知`,icon:`mdi:cog-outline`,color:`info`},business:{label:`业务消息`,icon:`mdi:briefcase-outline`,color:`success`},alarm:{label:`告警预警`,icon:`mdi:alert-outline`,color:`warning`}},U=[{key:`all`,label:`全部`},{key:`system`,label:`系统通知`},{key:`business`,label:`业务消息`},{key:`alarm`,label:`告警预警`}],W={low:{label:`低`,type:`default`},normal:{label:`普通`,type:`info`},high:{label:`重要`,type:`warning`},urgent:{label:`紧急`,type:`error`}},G=[{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:`https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png`},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 K(e,t){let n=D(`disconnected`),r=null,i=0,a=null,o=null,s=null;function c(e){n.value=e,t?.(e)}function l(e){s=e,i=0,u(e)}function u(e){g();let t=d(e);c(`connecting`);try{r=new WebSocket(t)}catch{c(`disconnected`),p(e);return}r.addEventListener(`open`,()=>{c(`connected`),i=0,m(e)}),r.addEventListener(`message`,e=>{f(e.data)}),r.addEventListener(`close`,()=>{h(),c(`disconnected`),e.autoReconnect!==!1&&p(e)}),r.addEventListener(`error`,()=>{})}function d(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function f(t){if(typeof t==`string`&&t!==`pong`)try{e(JSON.parse(t))}catch{}}function p(e){let t=e.maxReconnectAttempts??5;if(i>=t)return;i++,c(`reconnecting`);let n=e.reconnectInterval??R;a=setTimeout(()=>{u(e)},n)}function m(e){let t=e.heartbeatInterval??B;if(t<=0)return;let n=e.heartbeatMessage??V;o=setInterval(()=>{r?.readyState===WebSocket.OPEN&&r.send(n)},t)}function h(){o&&=(clearInterval(o),null)}function g(){h(),a&&=(clearTimeout(a),null),r&&=(r.close(),null)}function _(){s=null,i=1/0,g(),c(`disconnected`)}function v(){s&&(i=0,u(s))}return w(g),{status:E(n),connect:l,disconnect:_,reconnect:v}}function q(e){let t=D([]),i=D(`all`),a=D(!1),o=D(0),s=D(1),c=D(null),l=D(!1),u=D(`disconnected`),d=m(()=>t.value.filter(e=>e.status===`unread`).length),f=m(()=>{let e={system:0,business:0,alarm:0};for(let n of t.value)n.status===`unread`&&n.category in e&&e[n.category]++;return e}),p=m(()=>i.value===`all`?t.value:t.value.filter(e=>e.category===i.value)),h=m(()=>t.value.length<o.value),g=m(()=>e.storageKey??L);function _(){let e=r(g.value);if(e?.unreadIds){let n=new Set(e.unreadIds);for(let e of t.value)n.has(e.id)&&(e.status=`unread`)}}let v=null;function y(){v&&clearTimeout(v),v=setTimeout(()=>{let e=t.value.filter(e=>e.status===`unread`).map(e=>e.id);n(g.value,{unreadIds:e,lastFetchTime:Date.now()}),v=null},300)}async function b(n=!1){n&&(s.value=1),a.value=!0;try{if(e.fetchNotifications){let r=i.value===`all`?void 0:i.value,a=e.pageSize??20,c=await e.fetchNotifications({category:r,page:s.value,pageSize:a});n?t.value=c.list:t.value.push(...c.list),o.value=c.total}else x();_()}finally{a.value=!1}}function x(){t.value=G.map(e=>({...e})),o.value=G.length}async function S(){!h.value||a.value||(s.value++,await b())}async function C(n){let r=new Set(n);for(let e of t.value)r.has(e.id)&&(e.status=`read`);if(y(),e.markAsRead)try{await e.markAsRead(n)}catch{for(let e of t.value)r.has(e.id)&&(e.status=`unread`);y()}}async function T(n){let r=n?t.value.filter(e=>e.category===n&&e.status===`unread`):t.value.filter(e=>e.status===`unread`);for(let e of r)e.status=`read`;if(y(),e.markAllRead)try{await e.markAllRead(n)}catch{for(let e of r)e.status=`unread`;y()}}async function E(n){let r=new Set(n),i=[...t.value];if(t.value=t.value.filter(e=>!r.has(e.id)),o.value=Math.max(0,o.value-n.length),y(),e.deleteNotification)try{await e.deleteNotification(n)}catch{t.value=i,o.value+=n.length,y()}}async function O(n){let r=[...t.value],i=o.value;if(n?t.value=t.value.filter(e=>e.category!==n):t.value=[],o.value=t.value.length,y(),e.clearNotifications)try{await e.clearNotifications(n)}catch{t.value=r,o.value=i,y()}}function te(e){switch(e.type){case`new_message`:{let n=e.data;t.value.some(e=>e.id===n.id)||(t.value.unshift(n),o.value++,y(),M(n));break}case`read_sync`:{let n=e.data,r=new Set(n.map(e=>e.id));for(let e of t.value)r.has(e.id)&&(e.status=`read`);y();break}case`count_update`:break}}function k(e){u.value=e}let{connect:A,disconnect:j}=K(te,k);function M(t){e.desktopNotification&&`Notification`in window&&(Notification.permission===`granted`?N(t):Notification.permission!==`denied`&&Notification.requestPermission().then(e=>{e===`granted`&&N(t)}))}function N(e){let t=new Notification(e.title,{body:e.summary,icon:e.sender?.avatar||`/robot-avatar.png`,tag:e.id});t.addEventListener(`click`,()=>{window.focus(),z(e),t.close()}),setTimeout(()=>t.close(),5e3)}let P=null;function F(){R();let t=e.pollingInterval??I;t<=0||(P=setInterval(()=>{b(!0)},t))}function R(){P&&=(clearInterval(P),null)}function z(e){c.value=e,e.status===`unread`&&C([e.id])}function B(){c.value=null}function V(t){i.value=t,c.value=null,e.fetchNotifications&&b(!0)}function H(){b(!0),F(),e.wsConfig&&A(e.wsConfig)}function U(){R(),j(),v&&=(clearTimeout(v),null)}return ee(H),w(U),{messages:t,activeCategory:i,loading:a,total:o,page:s,selectedMessage:c,popoverVisible:l,wsStatus:u,unreadCount:d,unreadByCategory:f,filteredMessages:p,hasMore:h,fetchMessages:b,loadMore:S,markAsRead:C,markAllAsRead:T,deleteMessages:E,clearMessages:O,selectMessage:z,clearSelection:B,switchCategory:V,connectWS:A,disconnectWS:j}}const ne={class:`notification-badge`},re={key:0,class:`notification-badge__count`},ie={key:0,class:`notification-badge__pulse`};var ae=t(x({__name:`NotificationBadge`,props:{count:{default:0},maxCount:{default:99},hasUrgent:{type:Boolean,default:!1}},emits:[`click`],setup(t){let n=t,r=m(()=>n.count>n.maxCount?`${n.maxCount}+`:String(n.count));return(t,n)=>{let i=d;return T(),_(`div`,ne,[b(i,{trigger:`hover`,placement:`bottom`},{trigger:M(()=>[v(`div`,{class:`notification-badge__trigger`,onClick:n[0]||=e=>t.$emit(`click`)},[b(e,{name:`mdi:bell-outline`,size:18,class:`notification-badge__icon`}),g(` 未读角标 `),b(p,{name:`badge-bounce`},{default:M(()=>[t.count>0?(T(),_(`span`,re,k(r.value),1)):g(`v-if`,!0)]),_:1}),g(` 脉冲动画（有紧急消息时） `),t.hasUrgent?(T(),_(`span`,ie)):g(`v-if`,!0)])]),default:M(()=>[y(` 消息通知`+k(t.count>0?`（${t.count} 条未读）`:``),1)]),_:1})])}}}),[[`__scopeId`,`data-v-da0cc98c`]]);const J=6e4,Y=36e5,X=864e5,Z=7*X,Q=30*X;365*X;let oe=null;function $(){return oe||=se(),oe}function se(){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<Z?`${Math.floor(i/X)}天前`:i<Q?`${Math.floor(i/Z)}周前`:i<31536e6?`${Math.floor(i/Q)}个月前`: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 ce={class:`notification-item__indicator`},le={class:`notification-item__avatar`},ue={class:`notification-item__body`},de={class:`notification-item__header`},fe={class:`notification-item__title`},pe={class:`notification-item__summary`},me={class:`notification-item__meta`},he={class:`notification-item__time`},ge={key:0,class:`notification-item__sender`};var _e=t(x({__name:`NotificationItem`,props:{message:{}},emits:[`click`,`read`,`delete`],setup(t){let n=t,{formatRelativeTime:r}=$(),a=m(()=>H[n.message.category]?.icon??`mdi:bell-outline`),o=m(()=>W[n.message.priority]??W.normal),s=m(()=>r(n.message.timestamp));return(t,n)=>{let r=i,c=u,l=d;return T(),_(`div`,{class:S([`notification-item`,{"notification-item--unread":t.message.status===`unread`,"notification-item--urgent":t.message.priority===`urgent`}]),onClick:n[3]||=e=>t.$emit(`click`,t.message)},[g(` 未读指示点 `),v(`div`,ce,[t.message.status===`unread`?(T(),_(`span`,{key:0,class:S([`notification-item__dot`,`notification-item__dot--${t.message.priority}`])},null,2)):g(`v-if`,!0)]),g(` 头像 `),v(`div`,le,[t.message.sender?.avatar?(T(),h(r,{key:0,src:t.message.sender.avatar,size:36,round:``},null,8,[`src`])):(T(),_(`div`,{key:1,class:S([`notification-item__avatar-placeholder`,`notification-item__avatar-placeholder--${t.message.category}`])},[b(e,{name:a.value,size:16},null,8,[`name`])],2))]),g(` 内容 `),v(`div`,ue,[v(`div`,de,[v(`span`,fe,k(t.message.title),1),t.message.priority===`urgent`||t.message.priority===`high`?(T(),h(c,{key:0,type:o.value.type,size:`tiny`,bordered:!1,round:``},{default:M(()=>[y(k(o.value.label),1)]),_:1},8,[`type`])):g(`v-if`,!0)]),v(`div`,pe,k(t.message.summary),1),v(`div`,me,[v(`span`,he,k(s.value),1),t.message.sender?.name?(T(),_(`span`,ge,k(t.message.sender.name),1)):g(`v-if`,!0)])]),g(` 操作区 `),v(`div`,{class:`notification-item__actions`,onClick:n[2]||=N(()=>{},[`stop`])},[t.message.status===`unread`?(T(),h(l,{key:0,trigger:`hover`,placement:`top`},{trigger:M(()=>[v(`span`,{class:`notification-item__action`,onClick:n[0]||=e=>t.$emit(`read`,t.message.id)},[b(e,{name:`mdi:check`,size:16})])]),default:M(()=>[n[4]||=y(` 标记已读 `,-1)]),_:1,__:[4]})):g(`v-if`,!0),b(l,{trigger:`hover`,placement:`top`},{trigger:M(()=>[v(`span`,{class:`notification-item__action`,onClick:n[1]||=e=>t.$emit(`delete`,t.message.id)},[b(e,{name:`mdi:delete-outline`,size:16})])]),default:M(()=>[n[5]||=y(` 删除 `,-1)]),_:1,__:[5]})])],2)}}}),[[`__scopeId`,`data-v-0104dbfc`]]);const ve={class:`notification-list`},ye={class:`notification-list__tabs`},be=[`onClick`],xe={key:0,class:`notification-list__tab-count`},Se={key:0,class:`notification-list__toolbar`},Ce={class:`notification-list__skeleton-text`},we={class:`notification-list__items`},Te={class:`notification-list__empty`};var Ee=t(x({__name:`NotificationList`,props:{messages:{},activeCategory:{},unreadByCategory:{},unreadCount:{},loading:{type:Boolean},hasMore:{type:Boolean},scrollHeight:{default:420}},emits:[`switchCategory`,`itemClick`,`read`,`delete`,`markAllRead`,`clear`,`loadMore`],setup(t){let n=t,r=m(()=>n.activeCategory===`all`?n.unreadCount:n.unreadByCategory[n.activeCategory]??0);function i(e){return e===`all`?n.unreadCount:n.unreadByCategory[e]??0}return(t,n)=>{let o=a,u=c,d=l,p=s;return T(),_(`div`,ve,[g(` 分类 Tab `),v(`div`,ye,[(T(!0),_(f,null,O(A(U),e=>(T(),_(`div`,{key:e.key,class:S([`notification-list__tab`,{"notification-list__tab--active":t.activeCategory===e.key}]),onClick:n=>t.$emit(`switchCategory`,e.key)},[v(`span`,null,k(e.label),1),i(e.key)>0?(T(),_(`span`,xe,k(i(e.key)),1)):g(`v-if`,!0)],10,be))),128))]),g(` 操作栏 `),t.messages.length>0?(T(),_(`div`,Se,[b(o,{text:``,size:`tiny`,disabled:r.value===0,onClick:n[0]||=e=>t.$emit(`markAllRead`)},{icon:M(()=>[b(e,{name:`mdi:check-all`,size:14})]),default:M(()=>[n[6]||=y(` 全部已读 `,-1)]),_:1,__:[6]},8,[`disabled`]),b(o,{text:``,size:`tiny`,onClick:n[1]||=e=>t.$emit(`clear`)},{icon:M(()=>[b(e,{name:`mdi:delete-sweep-outline`,size:14})]),default:M(()=>[n[7]||=y(` 清空 `,-1)]),_:1,__:[7]})])):g(`v-if`,!0),g(` 消息列表 `),b(p,{class:`notification-list__scroll`,style:C({maxHeight:`${t.scrollHeight}px`})},{default:M(()=>[t.loading&&t.messages.length===0?(T(),_(f,{key:0},[g(` 骨架屏 `),(T(),_(f,null,O(4,e=>v(`div`,{key:e,class:`notification-list__skeleton`},[b(u,{circle:``,width:36,height:36}),v(`div`,Ce,[b(u,{text:``,width:`60%`,height:14}),b(u,{text:``,width:`90%`,height:12}),b(u,{text:``,width:`40%`,height:10})])])),64))],64)):t.messages.length>0?(T(),_(f,{key:1},[v(`div`,we,[(T(!0),_(f,null,O(t.messages,e=>(T(),h(_e,{key:e.id,message:e,onClick:n[2]||=e=>t.$emit(`itemClick`,e),onRead:n[3]||=e=>t.$emit(`read`,e),onDelete:n[4]||=e=>t.$emit(`delete`,e)},null,8,[`message`]))),128))]),g(` 加载更多 `),t.hasMore?(T(),_(`div`,{key:0,class:`notification-list__load-more`,onClick:n[5]||=e=>t.$emit(`loadMore`)},[t.loading?(T(),h(d,{key:0,size:14})):g(`v-if`,!0),v(`span`,null,k(t.loading?`加载中...`:`加载更多`),1)])):g(`v-if`,!0)],64)):(T(),_(f,{key:2},[g(` 空状态 `),v(`div`,Te,[b(e,{name:`mdi:bell-off-outline`,size:48,class:`notification-list__empty-icon`}),n[8]||=v(`span`,{class:`notification-list__empty-text`},`暂无消息`,-1)])],2112))]),_:1},8,[`style`])])}}}),[[`__scopeId`,`data-v-47e5497f`]]);const De={class:`notification-detail`},Oe={class:`notification-detail__back`},ke={class:`notification-detail__header`},Ae={class:`notification-detail__title`},je={class:`notification-detail__meta`},Me={class:`notification-detail__time`},Ne={key:0,class:`notification-detail__sender`},Pe=[`innerHTML`],Fe={key:1,class:`notification-detail__body`},Ie={key:0,class:`notification-detail__footer`};var Le=t(x({__name:`NotificationDetail`,props:{message:{},scrollHeight:{default:320}},emits:[`back`,`action`,`navigate`],setup(t,{emit:n}){let r=t,o=n,{formatRelativeTime:c}=$(),l=m(()=>H[r.message.category]??H.system),d=m(()=>W[r.message.priority]??W.normal),f=m(()=>c(r.message.timestamp));function p(){let e=r.message.actionUrl;e&&(o(`action`,e),e.startsWith(`http`)?window.open(e,`_blank`):o(`navigate`,e))}return(t,n)=>{let r=a,o=u,c=i,m=s;return T(),_(`div`,De,[g(` 返回栏 `),v(`div`,Oe,[b(r,{text:``,size:`small`,onClick:n[0]||=e=>t.$emit(`back`)},{icon:M(()=>[b(e,{name:`mdi:arrow-left`,size:16})]),default:M(()=>[n[1]||=y(` 返回列表 `,-1)]),_:1,__:[1]})]),g(` 消息头部 `),v(`div`,ke,[v(`h3`,Ae,k(t.message.title),1),v(`div`,je,[b(o,{type:l.value.color,size:`tiny`,bordered:!1,round:``},{icon:M(()=>[b(e,{name:l.value.icon,size:12},null,8,[`name`])]),default:M(()=>[y(` `+k(l.value.label),1)]),_:1},8,[`type`]),t.message.priority===`urgent`||t.message.priority===`high`?(T(),h(o,{key:0,type:d.value.type,size:`tiny`,bordered:!1,round:``},{default:M(()=>[y(k(d.value.label),1)]),_:1},8,[`type`])):g(`v-if`,!0),v(`span`,Me,k(f.value),1)]),t.message.sender?(T(),_(`div`,Ne,[t.message.sender.avatar?(T(),h(c,{key:0,src:t.message.sender.avatar,size:20,round:``},null,8,[`src`])):g(`v-if`,!0),v(`span`,null,k(t.message.sender.name),1)])):g(`v-if`,!0)]),g(` 消息内容 `),b(m,{class:`notification-detail__content`,style:C({maxHeight:`${t.scrollHeight}px`})},{default:M(()=>[t.message.content?(T(),_(`div`,{key:0,class:`notification-detail__body`,innerHTML:t.message.content},null,8,Pe)):(T(),_(`div`,Fe,k(t.message.summary),1))]),_:1},8,[`style`]),g(` 操作区 `),t.message.actionUrl?(T(),_(`div`,Ie,[b(r,{type:`primary`,size:`small`,onClick:p},{icon:M(()=>[b(e,{name:`mdi:arrow-right`,size:16})]),default:M(()=>[y(k(t.message.actionText||`查看详情`)+` `,1)]),_:1})])):g(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-d10a445e`]]);const Re={class:`c-notification-center`},ze={class:`c-notification-center__panel`},Be={class:`c-notification-center__header`},Ve={class:`c-notification-center__header-extra`};var He=t(x({name:`C_NotificationCenter`,__name:`index`,props:{fetchNotifications:{},markAsRead:{},markAllRead:{},deleteNotification:{},clearNotifications:{},wsConfig:{},desktopNotification:{type:Boolean,default:!1},maxBadgeCount:{default:99},pollingInterval:{default:6e4},pageSize:{default:20},storageKey:{default:`notification_center`}},emits:[`itemClick`,`read`,`allRead`,`delete`,`unreadChange`,`wsStatusChange`,`newMessage`,`navigate`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=q(r),s=m(()=>a.messages.value.some(e=>e.status===`unread`&&e.priority===`urgent`)),c=m(()=>({connected:`已连接`,connecting:`连接中...`,disconnected:`未连接`,reconnecting:`重连中...`})[a.wsStatus.value]??`未知`);j(()=>a.unreadCount.value,e=>{i(`unreadChange`,e)});function l(){a.popoverVisible.value=!a.popoverVisible.value}function u(e){a.selectMessage(e),i(`itemClick`,e)}function f(e){a.markAsRead([e]),i(`read`,[e])}function x(e){a.deleteMessages([e]),i(`delete`,[e])}function C(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;a.markAllAsRead(e),i(`allRead`,e)}function w(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;a.clearMessages(e)}function ee(){a.popoverVisible.value=!1}function E(){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,markRead:e=>a.markAsRead(e),markAllAsRead:e=>a.markAllAsRead(e)}),(e,t)=>{let n=d,m=o;return T(),_(`div`,Re,[b(m,{show:A(a).popoverVisible.value,"onUpdate:show":t[1]||=e=>A(a).popoverVisible.value=e,width:420,trigger:`click`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:E},{trigger:M(()=>[b(ae,{count:A(a).unreadCount.value,"max-count":r.maxBadgeCount,"has-urgent":s.value,onClick:l},null,8,[`count`,`max-count`,`has-urgent`])]),default:M(()=>[v(`div`,ze,[g(` 头部标题 `),v(`div`,Be,[t[2]||=v(`span`,{class:`c-notification-center__title`},`消息中心`,-1),v(`div`,Ve,[g(` WebSocket 连接状态 `),r.wsConfig?(T(),h(n,{key:0,trigger:`hover`,placement:`top`},{trigger:M(()=>[v(`span`,{class:S([`c-notification-center__ws-dot`,`c-notification-center__ws-dot--${A(a).wsStatus.value}`])},null,2)]),default:M(()=>[y(` `+k(c.value),1)]),_:1})):g(`v-if`,!0)])]),g(` 列表 / 详情切换 `),b(p,{name:`slide-fade`,mode:`out-in`},{default:M(()=>[A(a).selectedMessage.value?(T(),h(Le,{key:A(a).selectedMessage.value.id,message:A(a).selectedMessage.value,onBack:A(a).clearSelection,onAction:ee,onNavigate:t[0]||=e=>i(`navigate`,e)},null,8,[`message`,`onBack`])):(T(),h(Ee,{key:1,messages:A(a).filteredMessages.value,"active-category":A(a).activeCategory.value,"unread-by-category":A(a).unreadByCategory.value,"unread-count":A(a).unreadCount.value,loading:A(a).loading.value,"has-more":A(a).hasMore.value,onSwitchCategory:A(a).switchCategory,onItemClick:u,onRead:f,onDelete:x,onMarkAllRead:C,onClear:w,onLoadMore:A(a).loadMore},null,8,[`messages`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`onSwitchCategory`,`onLoadMore`]))]),_:1})])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-d4b27637`]]);export{H as a,F as c,B as d,V as f,W as g,G as h,K as i,I as l,R as m,$ as n,U as o,z as p,q as r,P as s,He as t,L as u};
-//# sourceMappingURL=C_NotificationCenter2.js.map
+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,normalizeClass as h,normalizeStyle as g,onBeforeUnmount as _,onMounted as v,openBlock as y,readonly as b,ref as x,renderList as S,resolveComponent as C,toDisplayString as w,unref as T,watch as ee,withCtx as E,withModifiers as D}from"vue";import{NAvatar as O,NButton as k,NPopover as A,NScrollbar as j,NSkeleton as M,NSpin as N,NTag as P,NTooltip as F}from"naive-ui";const I=99,L=20,R=6e4,z=`notification_center`,B=3e3,V=5,H=3e4,U=`ping`,W={system:{label:`系统通知`,icon:`mdi:cog-outline`,color:`info`},business:{label:`业务消息`,icon:`mdi:briefcase-outline`,color:`success`},alarm:{label:`告警预警`,icon:`mdi:alert-outline`,color:`warning`}},G=[{key:`all`,label:`全部`},{key:`system`,label:`系统通知`},{key:`business`,label:`业务消息`},{key:`alarm`,label:`告警预警`}],K={low:{label:`低`,type:`default`},normal:{label:`普通`,type:`info`},high:{label:`重要`,type:`warning`},urgent:{label:`紧急`,type:`error`}},q=[{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 J(e,t){let n=x(`disconnected`),r=null,i=0,a=null,o=null,s=null,c=0;function l(e){n.value=e,t?.(e)}function u(e){s=e,i=0,d(e)}function d(e){let t=++c;v();let n=f(e);l(`connecting`);try{r=new WebSocket(n)}catch{l(`disconnected`),m(e);return}let a=r;a.addEventListener(`open`,()=>{t!==c||a!==r||(l(`connected`),i=0,h(e))}),a.addEventListener(`message`,e=>{t!==c||a!==r||p(e.data)}),a.addEventListener(`close`,()=>{t!==c||a!==r||(r=null,g(),l(`disconnected`),e.autoReconnect!==!1&&m(e))}),a.addEventListener(`error`,()=>{})}function f(e){let t=e.getToken?.();if(t){let n=e.url.includes(`?`)?`&`:`?`;return`${e.url}${n}token=${encodeURIComponent(t)}`}return e.url}function p(t){if(typeof t==`string`&&t!==`pong`)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 m(e){if(s!==e||a)return;let t=Math.max(0,Math.trunc(e.maxReconnectAttempts??5));if(i>=t)return;i++,l(`reconnecting`);let n=Math.max(0,e.reconnectInterval??B),r=Math.min(6e4,n*2**(i-1)),o=c;a=setTimeout(()=>{a=null,!(o!==c||s!==e)&&d(e)},r)}function h(e){g();let t=e.heartbeatInterval??H;if(t<=0)return;let n=e.heartbeatMessage??U;o=setInterval(()=>{if(r?.readyState===WebSocket.OPEN)try{r.send(n)}catch{r.close()}},t)}function g(){o&&=(clearInterval(o),null)}function v(){g(),a&&=(clearTimeout(a),null),r&&=(r.close(),null)}function y(){s=null,c++,i=0,v(),l(`disconnected`)}function S(){s&&(i=0,d(s))}return _(()=>{s=null,c++,v()}),{status:b(n),connect:u,disconnect:y,reconnect:S}}function Y(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.id==`string`&&typeof t.title==`string`&&typeof t.summary==`string`&&typeof t.timestamp==`string`&&[`system`,`business`,`alarm`].includes(String(t.category))&&[`low`,`normal`,`high`,`urgent`].includes(String(t.priority))&&[`read`,`unread`,`archived`].includes(String(t.status))}function X(e){let t=x([]),n=x(`all`),a=x(!1),o=x(0),c=x(1),l=x(null),u=x(!1),d=x(`disconnected`),f=0,p=s(()=>t.value.filter(e=>e.status===`unread`).length),m=s(()=>{let e={system:0,business:0,alarm:0};for(let n of t.value)n.status===`unread`&&n.category in e&&e[n.category]++;return e}),h=s(()=>n.value===`all`?t.value:t.value.filter(e=>e.category===n.value)),g=s(()=>t.value.length<o.value),y=s(()=>e.storageKey??z);function b(){let e=i(y.value);if(Array.isArray(e?.unreadIds)){let n=new Set(e.unreadIds.filter(e=>typeof e==`string`));for(let e of t.value)n.has(e.id)&&(e.status=`unread`)}}let S=null;function C(){S&&clearTimeout(S),S=setTimeout(()=>{let e=t.value.filter(e=>e.status===`unread`).map(e=>e.id);r(y.value,{unreadIds:e,lastFetchTime:Date.now()}),S=null},300)}async function w(r=!1){let i=++f;r&&(c.value=1),a.value=!0;try{if(e.fetchNotifications){let a=n.value===`all`?void 0:n.value,s=e.pageSize??20,l=await e.fetchNotifications({category:a,page:c.value,pageSize:s});if(i!==f)return;let u=Array.isArray(l.list)?l.list:[];if(r)t.value=u;else{let e=new Set(t.value.map(e=>e.id));t.value.push(...u.filter(t=>!e.has(t.id)))}o.value=Math.max(t.value.length,Number(l.total)||0)}else T();i===f&&b()}catch(t){throw i===f&&e.onError?.(t,`fetch`),t}finally{i===f&&(a.value=!1)}}function T(){t.value=q.map(e=>({...e})),o.value=q.length}async function ee(){if(!g.value||a.value)return;let e=c.value;c.value++;try{await w()}catch(t){throw c.value=e,t}}async function E(n){let r=new Set(n),i=new Map(t.value.filter(e=>r.has(e.id)).map(e=>[e.id,e.status]));for(let e of t.value)r.has(e.id)&&(e.status=`read`);if(C(),e.markAsRead)try{await e.markAsRead(n)}catch(n){for(let e of t.value){let t=i.get(e.id);t&&(e.status=t)}throw C(),e.onError?.(n,`mark-as-read`),n}}async function D(n){let r=n?t.value.filter(e=>e.category===n&&e.status===`unread`):t.value.filter(e=>e.status===`unread`);for(let e of r)e.status=`read`;if(C(),e.markAllRead)try{await e.markAllRead(n)}catch(t){for(let e of r)e.status=`unread`;throw C(),e.onError?.(t,`mark-all-as-read`),t}}async function O(n){let r=new Set(n),i=[...t.value],a=o.value;if(t.value=t.value.filter(e=>!r.has(e.id)),o.value=Math.max(0,o.value-(i.length-t.value.length)),C(),e.deleteNotification)try{await e.deleteNotification(n)}catch(n){throw t.value=i,o.value=a,C(),e.onError?.(n,`delete`),n}}async function k(n){let r=[...t.value],i=o.value;if(n?t.value=t.value.filter(e=>e.category!==n):t.value=[],o.value=t.value.length,C(),e.clearNotifications)try{await e.clearNotifications(n)}catch(n){throw t.value=r,o.value=i,C(),e.onError?.(n,`clear`),n}}function A(e){switch(e.type){case`new_message`:{let n=e.data;if(!Y(n))return;t.value.some(e=>e.id===n.id)||(t.value.unshift(n),o.value++,C(),P(n));break}case`read_sync`:{if(!Array.isArray(e.data))return;let n=e.data.filter(Y),r=new Set(n.map(e=>e.id));for(let e of t.value)r.has(e.id)&&(e.status=`read`);C();break}case`count_update`:break}}function j(e){d.value=e}let{connect:M,disconnect:N}=J(A,j);function P(t){e.desktopNotification&&(typeof window>`u`||!(`Notification`in window)||Notification.permission===`granted`&&I(t))}async function F(){return typeof window>`u`||!(`Notification`in window)?`unsupported`:Notification.requestPermission()}function I(e){let t=new Notification(e.title,{body:e.summary,icon:e.sender?.avatar||`/robot-avatar.png`,tag:e.id});t.addEventListener(`click`,()=>{window.focus(),H(e),t.close()}),setTimeout(()=>t.close(),5e3)}let L=null;function B(){V();let t=e.pollingInterval??R;t<=0||(L=setInterval(()=>{a.value||w(!0).catch(()=>void 0)},t))}function V(){L&&=(clearInterval(L),null)}function H(e){l.value=e,e.status===`unread`&&E([e.id]).catch(()=>void 0)}function U(){l.value=null}function W(t){n.value=t,l.value=null,e.fetchNotifications&&w(!0).catch(()=>void 0)}function G(){w(!0).catch(()=>void 0),B(),e.wsConfig&&M(e.wsConfig)}function K(){f++,V(),N(),S&&=(clearTimeout(S),null)}return v(G),_(K),{messages:t,activeCategory:n,loading:a,total:o,page:c,selectedMessage:l,popoverVisible:u,wsStatus:d,unreadCount:p,unreadByCategory:m,filteredMessages:h,hasMore:g,fetchMessages:w,loadMore:ee,markAsRead:E,markAllAsRead:D,deleteMessages:O,clearMessages:k,selectMessage:H,clearSelection:U,switchCategory:W,requestDesktopPermission:F,connectWS:M,disconnectWS:N}}const te={class:`notification-badge`},ne=[`aria-label`],re={key:0,class:`notification-badge__count`},ie={key:0,class:`notification-badge__pulse`};var ae=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=F;return y(),u(`div`,te,[p(a,{trigger:`hover`,placement:`bottom`},{trigger:E(()=>[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:E(()=>[t.count>0?(y(),u(`span`,re,w(r.value),1)):l(`v-if`,!0)]),_:1}),l(` 脉冲动画（有紧急消息时） `),t.hasUrgent?(y(),u(`span`,ie)):l(`v-if`,!0)],8,ne)]),default:E(()=>[f(` 消息通知`+w(t.count>0?`（${t.count} 条未读）`:``),1)]),_:1})])}}}),[[`__scopeId`,`data-v-082ef9da`]]);const Z=6e4,oe=36e5,Q=864e5,se=7*Q,ce=30*Q;365*Q;let le=null;function $(){return le||=ue(),le}function ue(){function e(e){let r=new Date(e),i=Date.now()-r.getTime();if(i<0||i<Z)return`刚刚`;if(i<oe)return`${Math.floor(i/Z)}分钟前`;if(i<Q)return`${Math.floor(i/oe)}小时前`;let a=new Date;return a.setHours(0,0,0,0),r>=new Date(a.getTime()-Q)&&r<a?`昨天 ${n(r.getHours())}:${n(r.getMinutes())}`:i<se?`${Math.floor(i/Q)}天前`:i<ce?`${Math.floor(i/se)}周前`:i<31536e6?`${Math.floor(i/ce)}个月前`: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`},fe={class:`notification-item__avatar`},pe={class:`notification-item__body`},me={class:`notification-item__header`},he={class:`notification-item__title`},ge={class:`notification-item__summary`},_e={class:`notification-item__meta`},ve={class:`notification-item__time`},ye={key:0,class:`notification-item__sender`};var be=t(m({__name:`NotificationItem`,props:{message:{}},emits:[`click`,`read`,`delete`],setup(t){let n=t,{formatRelativeTime:r}=$(),i=s(()=>W[n.message.category]?.icon??`mdi:bell-outline`),a=s(()=>K[n.message.priority]??K.normal),o=s(()=>r(n.message.timestamp));return(n,r)=>{let s=O,m=P,g=F;return y(),u(`div`,{class:h([`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`?(y(),u(`span`,{key:0,class:h([`notification-item__dot`,`notification-item__dot--${t.message.priority}`])},null,2)):l(`v-if`,!0)]),l(` 头像 `),d(`div`,fe,[t.message.sender?.avatar?(y(),c(s,{key:0,src:t.message.sender.avatar,size:36,round:``},null,8,[`src`])):(y(),u(`div`,{key:1,class:h([`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`,pe,[d(`div`,me,[d(`span`,he,w(t.message.title),1),t.message.priority===`urgent`||t.message.priority===`high`?(y(),c(m,{key:0,type:a.value.type,size:`tiny`,bordered:!1,round:``},{default:E(()=>[f(w(a.value.label),1)]),_:1},8,[`type`])):l(`v-if`,!0)]),d(`div`,ge,w(t.message.summary),1),d(`div`,_e,[d(`span`,ve,w(o.value),1),t.message.sender?.name?(y(),u(`span`,ye,w(t.message.sender.name),1)):l(`v-if`,!0)])]),l(` 操作区 `),d(`div`,{class:`notification-item__actions`,onClick:r[2]||=D(()=>{},[`stop`])},[t.message.status===`unread`?(y(),c(g,{key:0,trigger:`hover`,placement:`top`},{trigger:E(()=>[d(`span`,{class:`notification-item__action`,onClick:r[0]||=e=>n.$emit(`read`,t.message.id)},[p(e,{name:`mdi:check`,size:16})])]),default:E(()=>[r[4]||=f(` 标记已读 `,-1)]),_:1})):l(`v-if`,!0),p(g,{trigger:`hover`,placement:`top`},{trigger:E(()=>[d(`span`,{class:`notification-item__action`,onClick:r[1]||=e=>n.$emit(`delete`,t.message.id)},[p(e,{name:`mdi:delete-outline`,size:16})])]),default:E(()=>[r[5]||=f(` 删除 `,-1)]),_:1})])],2)}}}),[[`__scopeId`,`data-v-0104dbfc`]]);const xe={class:`notification-list`},Se={class:`notification-list__tabs`},Ce=[`onClick`],we={key:0,class:`notification-list__tab-count`},Te={key:0,class:`notification-list__toolbar`},Ee={class:`notification-list__skeleton-text`},De={class:`notification-list__items`},Oe={class:`notification-list__empty`};var ke=t(m({__name:`NotificationList`,props:{messages:{},activeCategory:{},unreadByCategory:{},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]??0);function i(e){return e===`all`?n.unreadCount:n.unreadByCategory[e]??0}return(n,o)=>{let s=k,m=M,_=N,v=j;return y(),u(`div`,xe,[l(` 分类 Tab `),d(`div`,Se,[(y(!0),u(a,null,S(T(G),e=>(y(),u(`div`,{key:e.key,class:h([`notification-list__tab`,{"notification-list__tab--active":t.activeCategory===e.key}]),onClick:t=>n.$emit(`switchCategory`,e.key)},[d(`span`,null,w(e.label),1),i(e.key)>0?(y(),u(`span`,we,w(i(e.key)),1)):l(`v-if`,!0)],10,Ce))),128))]),l(` 操作栏 `),t.messages.length>0?(y(),u(`div`,Te,[p(s,{text:``,size:`tiny`,disabled:r.value===0,onClick:o[0]||=e=>n.$emit(`markAllRead`)},{icon:E(()=>[p(e,{name:`mdi:check-all`,size:14})]),default:E(()=>[o[6]||=f(` 全部已读 `,-1)]),_:1},8,[`disabled`]),p(s,{text:``,size:`tiny`,onClick:o[1]||=e=>n.$emit(`clear`)},{icon:E(()=>[p(e,{name:`mdi:delete-sweep-outline`,size:14})]),default:E(()=>[o[7]||=f(` 清空 `,-1)]),_:1})])):l(`v-if`,!0),l(` 消息列表 `),p(v,{class:`notification-list__scroll`,style:g({maxHeight:`${t.scrollHeight}px`})},{default:E(()=>[t.loading&&t.messages.length===0?(y(),u(a,{key:0},[l(` 骨架屏 `),(y(),u(a,null,S(4,e=>d(`div`,{key:e,class:`notification-list__skeleton`},[p(m,{circle:``,width:36,height:36}),d(`div`,Ee,[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?(y(),u(a,{key:1},[d(`div`,De,[(y(!0),u(a,null,S(t.messages,e=>(y(),c(be,{key:e.id,message:e,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`]))),128))]),l(` 加载更多 `),t.hasMore?(y(),u(`div`,{key:0,class:`notification-list__load-more`,onClick:o[5]||=e=>n.$emit(`loadMore`)},[t.loading?(y(),c(_,{key:0,size:14})):l(`v-if`,!0),d(`span`,null,w(t.loading?`加载中...`:`加载更多`),1)])):l(`v-if`,!0)],64)):(y(),u(a,{key:2},[l(` 空状态 `),d(`div`,Oe,[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-47e5497f`]]);const Ae={class:`notification-detail`},je={class:`notification-detail__back`},Me={class:`notification-detail__header`},Ne={class:`notification-detail__title`},Pe={class:`notification-detail__meta`},Fe={class:`notification-detail__time`},Ie={key:0,class:`notification-detail__sender`},Le=[`innerHTML`],Re={key:1,class:`notification-detail__body`},ze={key:0,class:`notification-detail__footer`};var Be=t(m({__name:`NotificationDetail`,props:{message:{},scrollHeight:{default:320}},emits:[`back`,`action`,`navigate`],setup(t,{emit:r}){let i=t,a=r,{formatRelativeTime:o}=$(),m=s(()=>W[i.message.category]??W.system),h=s(()=>K[i.message.priority]??K.normal),_=s(()=>o(i.message.timestamp)),v=s(()=>n(i.message.content||``));function b(){let e=i.message.actionUrl;if(e){if(a(`action`,e),/^https?:\/\//i.test(e)){let t=new URL(e);(t.protocol===`http:`||t.protocol===`https:`)&&window.open(t.href,`_blank`,`noopener,noreferrer`);return}/^[a-z][a-z\d+.-]*:/i.test(e)||a(`navigate`,e)}}return(n,r)=>{let i=k,a=P,o=O,s=j;return y(),u(`div`,Ae,[l(` 返回栏 `),d(`div`,je,[p(i,{text:``,size:`small`,onClick:r[0]||=e=>n.$emit(`back`)},{icon:E(()=>[p(e,{name:`mdi:arrow-left`,size:16})]),default:E(()=>[r[1]||=f(` 返回列表 `,-1)]),_:1})]),l(` 消息头部 `),d(`div`,Me,[d(`h3`,Ne,w(t.message.title),1),d(`div`,Pe,[p(a,{type:m.value.color,size:`tiny`,bordered:!1,round:``},{icon:E(()=>[p(e,{name:m.value.icon,size:12},null,8,[`name`])]),default:E(()=>[f(` `+w(m.value.label),1)]),_:1},8,[`type`]),t.message.priority===`urgent`||t.message.priority===`high`?(y(),c(a,{key:0,type:h.value.type,size:`tiny`,bordered:!1,round:``},{default:E(()=>[f(w(h.value.label),1)]),_:1},8,[`type`])):l(`v-if`,!0),d(`span`,Fe,w(_.value),1)]),t.message.sender?(y(),u(`div`,Ie,[t.message.sender.avatar?(y(),c(o,{key:0,src:t.message.sender.avatar,size:20,round:``},null,8,[`src`])):l(`v-if`,!0),d(`span`,null,w(t.message.sender.name),1)])):l(`v-if`,!0)]),l(` 消息内容 `),p(s,{class:`notification-detail__content`,style:g({maxHeight:`${t.scrollHeight}px`})},{default:E(()=>[t.message.content?(y(),u(`div`,{key:0,class:`notification-detail__body`,innerHTML:v.value},null,8,Le)):(y(),u(`div`,Re,w(t.message.summary),1))]),_:1},8,[`style`]),l(` 操作区 `),t.message.actionUrl?(y(),u(`div`,ze,[p(i,{type:`primary`,size:`small`,onClick:b},{icon:E(()=>[p(e,{name:`mdi:arrow-right`,size:16})]),default:E(()=>[f(w(t.message.actionText||`查看详情`)+` `,1)]),_:1})])):l(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-59296724`]]);const Ve={class:`c-notification-center`},He={class:`c-notification-center__panel`},Ue={class:`c-notification-center__header`},We={class:`c-notification-center__header-extra`};var Ge=t(m({name:`C_NotificationCenter`,__name:`index`,props:{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`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=X(r),m=s(()=>a.messages.value.some(e=>e.status===`unread`&&e.priority===`urgent`)),g=s(()=>({connected:`已连接`,connecting:`连接中...`,disconnected:`未连接`,reconnecting:`重连中...`})[a.wsStatus.value]??`未知`);ee(()=>a.unreadCount.value,e=>{i(`unreadChange`,e)});function _(){a.popoverVisible.value=!a.popoverVisible.value}function v(e){a.selectMessage(e),i(`itemClick`,e)}async function b(e){try{await a.markAsRead([e]),i(`read`,[e])}catch{}}async function x(e){try{await a.deleteMessages([e]),i(`delete`,[e])}catch{}}async function S(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;try{await a.markAllAsRead(e),i(`allRead`,e)}catch{}}async function C(){let e=a.activeCategory.value===`all`?void 0:a.activeCategory.value;try{await a.clearMessages(e)}catch{}}function D(){a.popoverVisible.value=!1}function O(){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=F,s=A;return y(),u(`div`,Ve,[p(s,{show:T(a).popoverVisible.value,"onUpdate:show":t[1]||=e=>T(a).popoverVisible.value=e,width:420,trigger:`click`,placement:`bottom-end`,"show-arrow":!1,"content-class":`c-notification-center__popover`,onAfterLeave:O},{trigger:E(()=>[p(ae,{count:T(a).unreadCount.value,"max-count":r.maxBadgeCount,"has-urgent":m.value,onClick:_},null,8,[`count`,`max-count`,`has-urgent`])]),default:E(()=>[d(`div`,He,[l(` 头部标题 `),d(`div`,Ue,[t[2]||=d(`span`,{class:`c-notification-center__title`},`消息中心`,-1),d(`div`,We,[l(` WebSocket 连接状态 `),r.wsConfig?(y(),c(n,{key:0,trigger:`hover`,placement:`top`},{trigger:E(()=>[d(`span`,{class:h([`c-notification-center__ws-dot`,`c-notification-center__ws-dot--${T(a).wsStatus.value}`])},null,2)]),default:E(()=>[f(` `+w(g.value),1)]),_:1})):l(`v-if`,!0)])]),l(` 列表 / 详情切换 `),p(o,{name:`slide-fade`,mode:`out-in`},{default:E(()=>[T(a).selectedMessage.value?(y(),c(Be,{key:T(a).selectedMessage.value.id,message:T(a).selectedMessage.value,onBack:T(a).clearSelection,onAction:D,onNavigate:t[0]||=e=>i(`navigate`,e)},null,8,[`message`,`onBack`])):(y(),c(ke,{key:1,messages:T(a).filteredMessages.value,"active-category":T(a).activeCategory.value,"unread-by-category":T(a).unreadByCategory.value,"unread-count":T(a).unreadCount.value,loading:T(a).loading.value,"has-more":T(a).hasMore.value,onSwitchCategory:T(a).switchCategory,onItemClick:v,onRead:b,onDelete:x,onMarkAllRead:S,onClear:C,onLoadMore:T(a).loadMore},null,8,[`messages`,`active-category`,`unread-by-category`,`unread-count`,`loading`,`has-more`,`onSwitchCategory`,`onLoadMore`]))]),_:1})])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-d929db80`]]);export{W as a,L as c,H as d,U as f,K as g,q as h,J as i,R as l,B as m,$ as n,G as o,V as p,X as r,I as s,Ge as t,z as u};