@weapp-vite/dashboard 6.16.14 → 6.16.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/AppInsetPanel.js +1 -1
- package/dist/assets/AppRuntimeBadge.js +1 -1
- package/dist/assets/AppSectionHeading.js +1 -1
- package/dist/assets/activity.js +4 -4
- package/dist/assets/analyze.js +25 -25
- package/dist/assets/index.js +1 -1
- package/dist/assets/pages.js +2 -2
- package/dist/assets/tokens.js +1 -1
- package/package.json +4 -4
- package/dist/assets/shell.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as e,K as t,P as n,X as r,g as i,j as a,q as o,v as s,y as c}from"./vue.js";import{
|
|
1
|
+
import{C as e,K as t,P as n,X as r,g as i,j as a,q as o,v as s,y as c}from"./vue.js";import{C as l}from"./index.js";var u={key:0,class:`text-[11px] uppercase tracking-[0.18em] text-(--dashboard-text-soft)`},d=e({__name:`AppInsetPanel`,props:{eyebrow:{}},setup(e){return(d,f)=>(a(),c(`div`,{class:o(t(l)())},[e.eyebrow?(a(),c(`p`,u,r(e.eyebrow),1)):s(``,!0),i(`div`,{class:o(e.eyebrow?`mt-3`:void 0)},[n(d.$slots,`default`)],2)],2))}});export{d as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as e,K as t,X as n,j as r,q as i,y as a}from"./vue.js";import{
|
|
1
|
+
import{C as e,K as t,X as n,j as r,q as i,y as a}from"./vue.js";import{T as o}from"./index.js";var s=e({__name:`AppRuntimeBadge`,props:{label:{},tone:{default:`neutral`}},setup(e){return(s,c)=>(r(),a(`span`,{class:i(t(o)({tone:e.tone}))},n(e.label),3))}});export{s as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as e,K as t,P as n,S as r,X as i,g as a,j as o,q as s,v as c,y as l}from"./vue.js";import{
|
|
1
|
+
import{C as e,K as t,P as n,S as r,X as i,g as a,j as o,q as s,v as c,y as l}from"./vue.js";import{C as u,O as d}from"./index.js";var f={key:0,class:`text-[11px] uppercase tracking-[0.22em] text-(--dashboard-accent)`},p={class:`flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-(--dashboard-accent-soft) text-(--dashboard-accent)`},m={class:`h-5 w-5`},h={class:`min-w-0`},g={class:`font-semibold tracking-tight`},_={key:0,class:`mt-1 text-xs uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},v={key:1,class:`mt-2 text-sm leading-6 text-(--dashboard-text-muted)`},y=e({__name:`AppIconFeatureCard`,props:{iconName:{},title:{},description:{},eyebrow:{},interactive:{type:Boolean},meta:{}},setup(e){return(n,y)=>(o(),l(`div`,{class:s(t(u)({interactive:e.interactive}))},[e.eyebrow?(o(),l(`p`,f,i(e.eyebrow),1)):c(``,!0),a(`div`,{class:s(e.eyebrow?`mt-3 flex items-start gap-3`:`flex items-start gap-3`)},[a(`span`,p,[a(`span`,m,[r(d,{name:e.iconName},null,8,[`name`])])]),a(`div`,h,[a(`h3`,g,i(e.title),1),e.meta?(o(),l(`p`,_,i(e.meta),1)):c(``,!0),e.description?(o(),l(`p`,v,i(e.description),1)):c(``,!0)])],2)],2))}}),b={class:`space-y-1.5`},x={key:0,class:`text-[11px] uppercase tracking-[0.28em] text-(--dashboard-accent)`},S={class:`flex flex-col gap-2 md:flex-row md:items-end md:justify-between`},C={class:`text-xl font-semibold tracking-tight md:text-2xl`},w={key:0,class:`mt-1 text-sm leading-6 text-(--dashboard-text-muted)`},T=e({__name:`AppSectionHeading`,props:{eyebrow:{default:void 0},title:{},description:{default:void 0}},setup(e){return(t,r)=>(o(),l(`div`,b,[e.eyebrow?(o(),l(`p`,x,i(e.eyebrow),1)):c(``,!0),a(`div`,S,[a(`div`,null,[a(`h2`,C,i(e.title),1),e.description?(o(),l(`p`,w,i(e.description),1)):c(``,!0)]),n(t.$slots,`aside`)])]))}});export{y as n,T as t};
|
package/dist/assets/activity.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{B as e,C as t,D as n,E as r,I as i,J as a,K as o,N as s,P as c,R as l,S as u,U as d,V as f,X as p,_ as m,g as h,h as g,j as _,k as v,l as y,p as b,q as x,v as S,w as C,x as w,y as T,z as E}from"./vue.js";import{
|
|
2
|
-
`,` `)}let c=g(()=>[`# dashboard 事件流`,``,`事件数量：${n.events.length}`,``,`| 时间 | 等级 | 类型 | 来源 | 标题 | 耗时 | 标签 |`,`| --- | --- | --- | --- | --- | ---: | --- |`,...n.events.map(e=>[e.timestamp,
|
|
3
|
-
`));function l(e){a.value=e,o&&clearTimeout(o),o=setTimeout(()=>{a.value=``,o=null},1800)}async function u(){try{await L(c.value),l(`已复制`)}catch{l(`复制失败`)}}function f(){let e=new Blob([`${JSON.stringify(n.events,null,2)}\n`],{type:`application/json`}),t=URL.createObjectURL(e),r=document.createElement(`a`);r.href=t,r.download=`weapp-vite-dashboard-events.json`,r.click(),URL.revokeObjectURL(t),l(`已导出`)}return v(()=>{o&&clearTimeout(o)}),(n,i)=>(_(),T(`div`,ae,[h(`p`,V,` 匹配 `+p(t.filteredCount)+` / `+p(t.totalCount)+` 条事件 `,1),h(`div`,H,[a.value?(_(),T(`span`,U,p(a.value),1)):S(``,!0),h(`button`,{type:`button`,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none disabled:opacity-50`,disabled:t.events.length===0,onClick:u},` 复制事件 `,8,W),h(`button`,{type:`button`,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none disabled:opacity-50`,disabled:t.events.length===0,onClick:f},` 导出 JSON `,8,G),e(h(`select`,{"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-2.5 text-sm text-(--dashboard-text) outline-none transition focus:border-(--dashboard-accent)`},[...i[1]||=[h(`option`,{value:`time`},` 按时间 `,-1),h(`option`,{value:`duration`},` 按耗时 `,-1),h(`option`,{value:`severity`},` 按等级 `,-1),h(`option`,{value:`source`},` 按来源 `,-1)]],512),[[y,r.value]])])]))}}),q={class:`flex items-start justify-between gap-3`},J={key:0,class:`text-[11px] uppercase tracking-[0.18em] text-(--dashboard-accent)`},oe={class:`mt-1 text-lg font-semibold tracking-tight`},se={class:`mt-3 text-sm leading-6 text-(--dashboard-text-muted)`},ce={key:0,class:`mt-3 text-[11px] uppercase tracking-[0.18em] text-(--dashboard-text-soft)`},le={key:1,class:`mt-2 text-sm font-medium text-(--dashboard-text)`},ue=t({__name:`AppRuntimeFocusCard`,props:{event:{},eyebrow:{},emptyTitle:{},emptyDetail:{},durationText:{}},setup(e){let t=e,r=g(()=>t.event?P(t.event):null),i=g(()=>t.event?.title??t.emptyTitle??`尚无运行事件`),s=g(()=>t.event?.detail??t.emptyDetail??`当前工作区还没有推入结构化运行事件。`),l=g(()=>t.event?I(t.event):null);return(e,u)=>(_(),T(`div`,{class:x(o(D)())},[h(`div`,q,[h(`div`,null,[t.eyebrow?(_(),T(`p`,J,p(t.eyebrow),1)):S(``,!0),h(`h3`,oe,p(i.value),1)]),r.value?(_(),m(z,a(n({key:0},r.value)),null,16)):S(``,!0)]),h(`p`,se,p(s.value),1),t.event?(_(),T(`p`,ce,p(l.value),1)):S(``,!0),t.durationText?(_(),T(`p`,le,p(t.durationText),1)):S(``,!0),c(e.$slots,`default`)],2))}}),de={key:0,class:`mt-3 flex flex-wrap gap-1.5`},fe={key:1,class:`mt-4 grid gap-3 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-3`},pe={class:`flex min-w-0 items-start justify-between gap-3`},me={class:`min-w-0`},he={key:0,class:`mt-1 truncate font-mono text-xs text-(--dashboard-text-soft)`},ge={key:0,class:`grid gap-2 sm:grid-cols-2`},_e={class:`text-[11px] text-(--dashboard-text-soft)`},ve={class:`mt-1 text-sm font-semibold text-(--dashboard-text)`},ye={key:1,class:`flex flex-wrap gap-1.5`},be={key:2,class:`grid gap-2 text-xs leading-5 text-(--dashboard-text-muted)`},xe={key:0},Se={key:1},Ce=t({__name:`ActivitySelectedEventPanel`,props:{event:{}},setup(e){let t=e,n=g(()=>t.event?.durationMs===void 0?void 0:`耗时 ${F(t.event.durationMs)}`),r=g(()=>{let e=t.event?.profile;return e?[{label:`总耗时`,value:F(e.totalMs)},{label:`构建核心`,value:F(e.buildCoreMs)},{label:`转换`,value:F(e.transformMs)},{label:`写入`,value:F(e.writeMs)},{label:`监听到脏标记`,value:F(e.watchToDirtyMs)},{label:`产物发射`,value:F(e.emitMs)},{label:`共享 chunk`,value:F(e.sharedChunkResolveMs)}].filter(e=>e.value!==`未记录`):[]}),i=g(()=>{let e=t.event?.profile;return e?[{label:`脏入口`,value:e.dirtyCount},{label:`待处理`,value:e.pendingCount},{label:`已发射`,value:e.emittedCount}].filter(e=>typeof e.value==`number`):[]}),a=g(()=>t.event?.profile?.sourceRootFile??t.event?.profile?.relativeFile??t.event?.profile?.file);return(t,o)=>(_(),m(A,{eyebrow:`Selected`,title:`当前事件`,"icon-name":`metric-search`},{default:E(()=>[u(ue,{event:e.event,eyebrow:`focus`,"empty-title":`未选择事件`,"empty-detail":`选择左侧事件后查看详情。`,"duration-text":n.value},{default:E(()=>[e.event?.tags?.length?(_(),T(`div`,de,[(_(!0),T(b,null,s(e.event.tags,e=>(_(),m(z,{key:e,label:e,tone:`neutral`},null,8,[`label`]))),128))])):S(``,!0),e.event?.profile?(_(),T(`div`,fe,[h(`div`,pe,[h(`div`,me,[o[0]||=h(`p`,{class:`text-sm font-semibold text-(--dashboard-text)`},` HMR 阶段明细 `,-1),a.value?(_(),T(`p`,he,p(a.value),1)):S(``,!0)]),e.event.profile.event?(_(),m(z,{key:0,label:e.event.profile.event,tone:`info`},null,8,[`label`])):S(``,!0)]),r.value.length>0?(_(),T(`dl`,ge,[(_(!0),T(b,null,s(r.value,e=>(_(),T(`div`,{key:e.label,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 py-2`},[h(`dt`,_e,p(e.label),1),h(`dd`,ve,p(e.value),1)]))),128))])):S(``,!0),i.value.length>0?(_(),T(`div`,ye,[(_(!0),T(b,null,s(i.value,e=>(_(),m(z,{key:e.label,label:`${e.label} ${e.value}`,tone:`neutral`},null,8,[`label`]))),128))])):S(``,!0),e.event.profile.dirtyReasonSummary?.length||e.event.profile.pendingReasonSummary?.length?(_(),T(`div`,be,[e.event.profile.dirtyReasonSummary?.length?(_(),T(`p`,xe,` 脏标记：`+p(e.event.profile.dirtyReasonSummary.join(`、`)),1)):S(``,!0),e.event.profile.pendingReasonSummary?.length?(_(),T(`p`,Se,` 待处理：`+p(e.event.profile.pendingReasonSummary.join(`、`)),1)):S(``,!0)])):S(``,!0)])):S(``,!0)]),_:1},8,[`event`,`duration-text`])]),_:1}))}}),we={class:`flex items-start justify-between gap-3`},Te={class:`min-w-0`},Ee={class:`truncate font-medium text-(--dashboard-text)`},De={class:`mt-1 text-[11px] uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},Oe={key:0,class:`mt-3 flex flex-wrap gap-2 text-[11px] uppercase tracking-[0.14em] text-(--dashboard-text-soft)`},ke={key:1,class:`mt-3 text-sm text-(--dashboard-text-muted)`},Ae=t({__name:`AppRuntimeSourceCard`,props:{source:{},count:{},errorCount:{},averageDuration:{},latestTimestamp:{},countLabel:{}},setup(e){let t=e,n=g(()=>j(t)),r=g(()=>t.latestTimestamp?`最近事件 ${t.latestTimestamp}`:`${t.count} ${t.countLabel??`条事件`}`),i=g(()=>[{key:`error-count`,label:`错误 ${t.errorCount}`},{key:`average-duration`,label:`平均耗时 ${t.averageDuration}`}]),c=g(()=>`平均耗时 ${t.averageDuration}`);return(e,l)=>(_(),T(`div`,{class:x(o(D)({padding:`sm`}))},[h(`div`,we,[h(`div`,Te,[h(`p`,Ee,p(t.source),1),h(`p`,De,p(r.value),1)]),u(z,a(C(n.value)),null,16)]),t.latestTimestamp?(_(),T(`div`,Oe,[(_(!0),T(b,null,s(i.value,e=>(_(),T(`span`,{key:e.key,class:`rounded-full border border-(--dashboard-border) px-2 py-0.5`},p(e.label),1))),128))])):(_(),T(`p`,ke,p(c.value),1))],2))}}),je={class:`mt-1 text-lg font-semibold`},Me=t({__name:`AppStatCard`,props:{label:{},value:{}},setup(e){let t=D({padding:`sm`});return(n,r)=>(_(),T(`div`,{class:x(o(t))},[u(B,null,{default:E(()=>[w(p(e.label),1)]),_:1}),h(`p`,je,p(e.value),1)],2))}}),Ne={class:`flex shrink-0 items-center gap-2`},Pe={key:0,class:`text-xs font-medium text-(--dashboard-accent)`},Fe={class:`h-3.5 w-3.5`},Ie={class:`grid gap-3`},Le={class:`flex items-start justify-between gap-3`},Re={class:`min-w-0`},ze={class:`text-sm font-semibold text-(--dashboard-text)`},Be={class:`mt-1 text-xs leading-5 text-(--dashboard-text-muted)`},Ve={class:`grid grid-cols-2 gap-2 sm:grid-cols-5 xl:grid-cols-2 2xl:grid-cols-5`},He={key:0,class:`grid max-h-52 gap-2 overflow-y-auto pr-1`},Ue={class:`flex items-start justify-between gap-3`},We={class:`min-w-0`},Ge={class:`truncate text-sm font-medium text-(--dashboard-text)`},Ke={class:`mt-1 truncate text-xs text-(--dashboard-text-soft)`},qe={class:`mt-2 line-clamp-2 text-xs leading-5 text-(--dashboard-text-muted)`},Je=t({__name:`RuntimeIncidentDigestPanel`,props:{digest:{}},setup(e){let t=e,n=d(``),r=null,i=g(()=>t.digest.status===`critical`?`error`:t.digest.status===`warning`?`warning`:`success`);function a(e){return e===`error`?`text-rose-600 dark:text-rose-300`:e===`warning`?`text-amber-600 dark:text-amber-300`:`text-(--dashboard-accent)`}function o(e){return e===`critical`?`border-rose-400/60 bg-(--dashboard-panel-muted)`:e===`warning`?`border-amber-400/60 bg-(--dashboard-panel-muted)`:`border-emerald-400/60 bg-(--dashboard-panel-muted)`}function c(e){n.value=e,r&&clearTimeout(r),r=setTimeout(()=>{n.value=``,r=null},1800)}async function l(){try{await L(t.digest.report),c(`摘要已复制`)}catch{c(`复制失败`)}}return v(()=>{r&&clearTimeout(r)}),(t,r)=>(_(),m(A,{eyebrow:`Incident`,title:`事故摘要`,"icon-name":`metric-quality`},{header:E(()=>[h(`div`,Ne,[n.value?(_(),T(`span`,Pe,p(n.value),1)):S(``,!0),h(`button`,{type:`button`,class:`inline-flex h-8 items-center gap-1.5 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 text-xs text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none`,onClick:l},[h(`span`,Fe,[u(O,{name:`metric-copy`})]),r[0]||=w(` 复制 `,-1)])])]),default:E(()=>[h(`div`,Ie,[h(`div`,{class:x([`rounded-md border px-3 py-2.5`,o(e.digest.status)])},[h(`div`,Le,[h(`div`,Re,[h(`p`,ze,p(e.digest.statusLabel),1),h(`p`,Be,p(e.digest.statusDetail),1)]),u(z,{label:e.digest.statusLabel,tone:i.value},null,8,[`label`,`tone`])])],2),h(`div`,Ve,[(_(!0),T(b,null,s(e.digest.metrics,e=>(_(),m(re,{key:e.label,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),e.digest.incidents.length>0?(_(),T(`div`,He,[(_(!0),T(b,null,s(e.digest.incidents,e=>(_(),T(`article`,{key:e.id,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 py-2.5`},[h(`div`,Ue,[h(`div`,We,[h(`p`,Ge,p(e.title),1),h(`p`,Ke,p(e.source)+` · `+p(e.kindLabel)+` · `+p(e.timestamp)+` · `+p(e.duration),1)]),h(`span`,{class:x([`shrink-0 text-xs font-semibold`,a(e.level)])},p(e.levelLabel),3)]),h(`p`,qe,p(e.reason)+` · `+p(e.detail),1)]))),128))])):(_(),m(R,{key:1,compact:``},{default:E(()=>[...r[1]||=[w(` 当前筛选范围内没有需要处理的运行时事件。 `,-1)]]),_:1}))])]),_:1}))}}),Ye={class:`grid min-h-0 content-start gap-3 overflow-y-auto pr-1`},Xe={class:`grid gap-2 sm:grid-cols-2`},Ze={class:`grid max-h-44 gap-2 overflow-y-auto pr-1`},Qe={class:`flex items-start justify-between gap-3`},$e={class:`font-medium`},et={class:`mt-1 text-sm leading-6 text-(--dashboard-text-muted)`},tt={key:0,class:`grid max-h-full gap-2 overflow-y-auto pr-1`},nt=t({__name:`ActivityInsightPanel`,props:{selectedEvent:{},incidentDigest:{},eventSummary:{},filteredEventSummary:{},diagnostics:{},sourceBreakdown:{}},setup(e){return(t,r)=>(_(),T(`div`,Ye,[u(Ce,{event:e.selectedEvent},null,8,[`event`]),u(Je,{digest:e.incidentDigest},null,8,[`digest`]),u(A,{eyebrow:`Runtime`,title:`事件摘要`,"icon-name":`metric-time`},{default:E(()=>[h(`div`,Xe,[(_(!0),T(b,null,s([...e.eventSummary,...e.filteredEventSummary],e=>(_(),m(Me,n({key:e.label},{ref_for:!0},e),null,16))),128))])]),_:1}),u(A,{eyebrow:`Diagnostics`,title:`当前诊断队列`,"icon-name":`metric-health`,"content-class":`min-h-0 overflow-hidden`},{default:E(()=>[h(`ul`,Ze,[(_(!0),T(b,null,s(e.diagnostics,e=>(_(),T(`li`,{key:e.label,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-4 py-3`},[h(`div`,Qe,[h(`div`,null,[h(`p`,$e,p(e.label),1),h(`p`,et,p(e.detail),1)]),u(z,{label:e.status,tone:`info`},null,8,[`label`])])]))),128))])]),_:1}),u(A,{eyebrow:`Sources`,title:`事件来源`,"icon-name":`hero-system`,"content-class":`min-h-0 overflow-hidden`},{default:E(()=>[e.sourceBreakdown.length>0?(_(),T(`div`,tt,[(_(!0),T(b,null,s(e.sourceBreakdown,e=>(_(),m(Ae,n({key:e.source},{ref_for:!0},e),null,16))),128))])):S(``,!0)]),_:1})]))}}),rt={class:`grid gap-3 xl:grid-cols-[minmax(14rem,0.85fr)_minmax(0,1.15fr)]`},it={for:`dashboard-event-search`},at=[`value`],ot={class:`grid gap-3`},st={class:`mt-2 flex flex-wrap gap-2`},ct=[`onClick`],lt={key:0,class:`mt-2 text-xs leading-5 text-(--dashboard-text-soft)`},ut={class:`grid gap-3 md:grid-cols-3`},dt={class:`mt-2 flex flex-wrap gap-2`},ft=[`onClick`],pt={class:`mt-2 flex flex-wrap gap-2`},mt=[`onClick`],ht={class:`mt-2 flex flex-wrap gap-2`},gt=[`onClick`],_t=t({__name:`AppEventFilterPanel`,props:{searchQuery:{},presetDescription:{},filterPresets:{},eventKindOptions:{},eventLevelOptions:{},eventSourceOptions:{},eventKindFilter:{},eventLevelFilter:{},eventSourceFilter:{}},emits:[`update:searchQuery`,`update:eventKindFilter`,`update:eventLevelFilter`,`update:eventSourceFilter`,`applyPreset`],setup(e,{emit:t}){let n=e,r=t;function i(){return k({kind:`theme`,active:!1})}function a(e,t){return k({kind:`theme`,active:e===t})}return(t,o)=>(_(),m(ie,null,{default:E(()=>[h(`div`,rt,[h(`div`,null,[h(`label`,it,[u(B,null,{default:E(()=>[...o[1]||=[w(` 搜索事件 `,-1)]]),_:1})]),h(`input`,{id:`dashboard-event-search`,value:e.searchQuery,type:`text`,placeholder:`搜索标题、详情、来源或标签`,class:`mt-2 w-full rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 py-2 text-sm text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`,onInput:o[0]||=e=>r(`update:searchQuery`,e.target.value)},null,40,at)]),h(`div`,ot,[h(`div`,null,[u(B,null,{default:E(()=>[...o[2]||=[w(` 快速预设 `,-1)]]),_:1}),h(`div`,st,[(_(!0),T(b,null,s(e.filterPresets,e=>(_(),T(`button`,{key:e.key,class:x(i()),onClick:t=>r(`applyPreset`,e.key)},p(e.label),11,ct))),128))]),e.presetDescription?(_(),T(`p`,lt,p(e.presetDescription),1)):S(``,!0)]),h(`div`,ut,[h(`div`,null,[u(B,null,{default:E(()=>[...o[3]||=[w(` 类型过滤 `,-1)]]),_:1}),h(`div`,dt,[(_(!0),T(b,null,s(e.eventKindOptions,e=>(_(),T(`button`,{key:e.value,class:x(a(n.eventKindFilter,e.value)),onClick:t=>r(`update:eventKindFilter`,e.value)},p(e.label),11,ft))),128))])]),h(`div`,null,[u(B,null,{default:E(()=>[...o[4]||=[w(` 等级过滤 `,-1)]]),_:1}),h(`div`,pt,[(_(!0),T(b,null,s(e.eventLevelOptions,e=>(_(),T(`button`,{key:e.value,class:x(a(n.eventLevelFilter,e.value)),onClick:t=>r(`update:eventLevelFilter`,e.value)},p(e.label),11,mt))),128))])]),h(`div`,null,[u(B,null,{default:E(()=>[...o[5]||=[w(` 来源过滤 `,-1)]]),_:1}),h(`div`,ht,[(_(!0),T(b,null,s(e.eventSourceOptions,e=>(_(),T(`button`,{key:e.value,class:x(a(n.eventSourceFilter,e.value)),onClick:t=>r(`update:eventSourceFilter`,e.value)},p(e.label),11,gt))),128))])])])])])]),_:1}))}}),vt={class:`flex items-start justify-between gap-3`},yt={class:`font-medium text-(--dashboard-text)`},bt=t({__name:`AppRuntimeEventListItem`,props:{event:{},selected:{type:Boolean}},setup(e){let t=e,n=g(()=>P(t.event)),r=g(()=>I(t.event)),i=g(()=>t.selected?`border-(--dashboard-border-strong) bg-(--dashboard-panel)`:`border-(--dashboard-border)`);return(e,o)=>(_(),T(`li`,{class:x([`rounded-md border bg-(--dashboard-panel-muted) px-4 py-3 transition`,i.value])},[h(`div`,vt,[h(`div`,null,[h(`p`,yt,p(t.event.title),1),u(B,{class:`mt-1`},{default:E(()=>[w(p(r.value),1)]),_:1})]),u(z,a(C(n.value)),null,16)])],2))}}),xt=1e3,St=5,Y={error:4,warning:3,success:2,info:1};function X(e){let t=Date.parse(e.timestamp);return Number.isFinite(t)?t:0}function Z(e,t){return typeof e.durationMs==`number`&&e.durationMs>=t}function Ct(e,t){return e.level===`error`||e.level===`warning`||Z(e,t)}function wt(e,t){let n=[];return e.level===`error`?n.push(`错误事件`):e.level===`warning`&&n.push(`警告事件`),Z(e,t)&&n.push(`耗时 ${F(e.durationMs)}`),n.join(` · `)||`需要关注`}function Tt(e,t){return{id:e.id,title:e.title,detail:e.detail,level:e.level,levelLabel:N(e.level),kindLabel:M(e.kind),source:e.source??`dashboard`,timestamp:e.timestamp,duration:F(e.durationMs),reason:wt(e,t)}}function Et(e,t,n){return e>0?`critical`:t>0||n>0?`warning`:`healthy`}function Dt(e){return e===`critical`?`需要立即处理`:e===`warning`?`需要关注`:`运行平稳`}function Ot(e,t,n,r){return e===`critical`?`检测到 ${t} 个错误事件，优先排查失败来源。`:e===`warning`?`检测到 ${n} 个警告和 ${r} 个慢事件，建议跟进。`:`当前筛选范围内没有错误、警告或慢事件。`}function kt(e){let t=e.incidents.length>0?e.incidents.map(e=>`- [${e.levelLabel}] ${e.title}（${e.source} · ${e.kindLabel} · ${e.timestamp} · ${e.duration}）：${e.detail}`):[`- 当前筛选范围内没有需要处理的事件。`];return[`# dashboard 运行时事故摘要`,``,`状态：${e.statusLabel}`,`说明：${e.statusDetail}`,``,`## 指标`,...e.metrics.map(e=>`- ${e.label}：${e.value}`),``,`## 影响来源`,e.affectedSources.length>0?e.affectedSources.map(e=>`- ${e}`).join(`
|
|
1
|
+
import{B as e,C as t,D as n,E as r,I as i,J as a,K as o,N as s,P as c,R as l,S as u,U as d,V as f,X as p,_ as m,g as h,h as g,j as _,k as v,l as y,p as b,q as x,v as S,w as C,x as w,y as T,z as E}from"./vue.js";import{C as D,O,a as k,d as A,f as j,i as M,l as N,n as ee,p as P,r as te,t as ne,w as F,x as I}from"./index.js";import{n as L,t as R}from"./AppEmptyState.js";import{t as z}from"./AppRuntimeBadge.js";import{n as B,t as re}from"./AppMetricTile.js";import{t as ie}from"./AppInsetPanel.js";var ae={class:`flex flex-wrap items-center justify-between gap-2 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 py-2`},V={class:`text-xs text-(--dashboard-text-soft)`},H={class:`flex flex-wrap items-center gap-2`},U={key:0,class:`text-xs font-medium text-(--dashboard-accent)`},W=[`disabled`],G=[`disabled`],K=t({__name:`ActivityEventSortBar`,props:r({events:{},filteredCount:{},totalCount:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(t){let n=t,r=i(t,`modelValue`),a=d(``),o=null;function s(e){return e.replaceAll(`|`,`\\|`).replaceAll(`
|
|
2
|
+
`,` `)}let c=g(()=>[`# dashboard 事件流`,``,`事件数量：${n.events.length}`,``,`| 时间 | 等级 | 类型 | 来源 | 标题 | 耗时 | 标签 |`,`| --- | --- | --- | --- | --- | ---: | --- |`,...n.events.map(e=>[e.timestamp,j(e.level),A(e.kind),e.source??`dashboard`,e.title,N(e.durationMs),e.tags?.join(`, `)||`-`].map(s).join(` | `)).map(e=>`| ${e} |`),``].join(`
|
|
3
|
+
`));function l(e){a.value=e,o&&clearTimeout(o),o=setTimeout(()=>{a.value=``,o=null},1800)}async function u(){try{await L(c.value),l(`已复制`)}catch{l(`复制失败`)}}function f(){let e=new Blob([`${JSON.stringify(n.events,null,2)}\n`],{type:`application/json`}),t=URL.createObjectURL(e),r=document.createElement(`a`);r.href=t,r.download=`weapp-vite-dashboard-events.json`,r.click(),URL.revokeObjectURL(t),l(`已导出`)}return v(()=>{o&&clearTimeout(o)}),(n,i)=>(_(),T(`div`,ae,[h(`p`,V,` 匹配 `+p(t.filteredCount)+` / `+p(t.totalCount)+` 条事件 `,1),h(`div`,H,[a.value?(_(),T(`span`,U,p(a.value),1)):S(``,!0),h(`button`,{type:`button`,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none disabled:opacity-50`,disabled:t.events.length===0,onClick:u},` 复制事件 `,8,W),h(`button`,{type:`button`,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 text-sm text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none disabled:opacity-50`,disabled:t.events.length===0,onClick:f},` 导出 JSON `,8,G),e(h(`select`,{"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`h-9 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-2.5 text-sm text-(--dashboard-text) outline-none transition focus:border-(--dashboard-accent)`},[...i[1]||=[h(`option`,{value:`time`},` 按时间 `,-1),h(`option`,{value:`duration`},` 按耗时 `,-1),h(`option`,{value:`severity`},` 按等级 `,-1),h(`option`,{value:`source`},` 按来源 `,-1)]],512),[[y,r.value]])])]))}}),q={class:`flex items-start justify-between gap-3`},J={key:0,class:`text-[11px] uppercase tracking-[0.18em] text-(--dashboard-accent)`},oe={class:`mt-1 text-lg font-semibold tracking-tight`},se={class:`mt-3 text-sm leading-6 text-(--dashboard-text-muted)`},ce={key:0,class:`mt-3 text-[11px] uppercase tracking-[0.18em] text-(--dashboard-text-soft)`},le={key:1,class:`mt-2 text-sm font-medium text-(--dashboard-text)`},ue=t({__name:`AppRuntimeFocusCard`,props:{event:{},eyebrow:{},emptyTitle:{},emptyDetail:{},durationText:{}},setup(e){let t=e,r=g(()=>t.event?M(t.event):null),i=g(()=>t.event?.title??t.emptyTitle??`尚无运行事件`),s=g(()=>t.event?.detail??t.emptyDetail??`当前工作区还没有推入结构化运行事件。`),l=g(()=>t.event?P(t.event):null);return(e,u)=>(_(),T(`div`,{class:x(o(D)())},[h(`div`,q,[h(`div`,null,[t.eyebrow?(_(),T(`p`,J,p(t.eyebrow),1)):S(``,!0),h(`h3`,oe,p(i.value),1)]),r.value?(_(),m(z,a(n({key:0},r.value)),null,16)):S(``,!0)]),h(`p`,se,p(s.value),1),t.event?(_(),T(`p`,ce,p(l.value),1)):S(``,!0),t.durationText?(_(),T(`p`,le,p(t.durationText),1)):S(``,!0),c(e.$slots,`default`)],2))}}),de={key:0,class:`mt-3 flex flex-wrap gap-1.5`},fe={key:1,class:`mt-4 grid gap-3 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) p-3`},pe={class:`flex min-w-0 items-start justify-between gap-3`},me={class:`min-w-0`},he={key:0,class:`mt-1 truncate font-mono text-xs text-(--dashboard-text-soft)`},ge={key:0,class:`grid gap-2 sm:grid-cols-2`},_e={class:`text-[11px] text-(--dashboard-text-soft)`},ve={class:`mt-1 text-sm font-semibold text-(--dashboard-text)`},ye={key:1,class:`flex flex-wrap gap-1.5`},be={key:2,class:`grid gap-2 text-xs leading-5 text-(--dashboard-text-muted)`},xe={key:0},Se={key:1},Ce=t({__name:`ActivitySelectedEventPanel`,props:{event:{}},setup(e){let t=e,n=g(()=>t.event?.durationMs===void 0?void 0:`耗时 ${N(t.event.durationMs)}`),r=g(()=>{let e=t.event?.profile;return e?[{label:`总耗时`,value:N(e.totalMs)},{label:`构建核心`,value:N(e.buildCoreMs)},{label:`转换`,value:N(e.transformMs)},{label:`写入`,value:N(e.writeMs)},{label:`监听到脏标记`,value:N(e.watchToDirtyMs)},{label:`产物发射`,value:N(e.emitMs)},{label:`共享 chunk`,value:N(e.sharedChunkResolveMs)}].filter(e=>e.value!==`未记录`):[]}),i=g(()=>{let e=t.event?.profile;return e?[{label:`脏入口`,value:e.dirtyCount},{label:`待处理`,value:e.pendingCount},{label:`已发射`,value:e.emittedCount}].filter(e=>typeof e.value==`number`):[]}),a=g(()=>t.event?.profile?.sourceRootFile??t.event?.profile?.relativeFile??t.event?.profile?.file);return(t,o)=>(_(),m(I,{eyebrow:`Selected`,title:`当前事件`,"icon-name":`metric-search`},{default:E(()=>[u(ue,{event:e.event,eyebrow:`focus`,"empty-title":`未选择事件`,"empty-detail":`选择左侧事件后查看详情。`,"duration-text":n.value},{default:E(()=>[e.event?.tags?.length?(_(),T(`div`,de,[(_(!0),T(b,null,s(e.event.tags,e=>(_(),m(z,{key:e,label:e,tone:`neutral`},null,8,[`label`]))),128))])):S(``,!0),e.event?.profile?(_(),T(`div`,fe,[h(`div`,pe,[h(`div`,me,[o[0]||=h(`p`,{class:`text-sm font-semibold text-(--dashboard-text)`},` HMR 阶段明细 `,-1),a.value?(_(),T(`p`,he,p(a.value),1)):S(``,!0)]),e.event.profile.event?(_(),m(z,{key:0,label:e.event.profile.event,tone:`info`},null,8,[`label`])):S(``,!0)]),r.value.length>0?(_(),T(`dl`,ge,[(_(!0),T(b,null,s(r.value,e=>(_(),T(`div`,{key:e.label,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 py-2`},[h(`dt`,_e,p(e.label),1),h(`dd`,ve,p(e.value),1)]))),128))])):S(``,!0),i.value.length>0?(_(),T(`div`,ye,[(_(!0),T(b,null,s(i.value,e=>(_(),m(z,{key:e.label,label:`${e.label} ${e.value}`,tone:`neutral`},null,8,[`label`]))),128))])):S(``,!0),e.event.profile.dirtyReasonSummary?.length||e.event.profile.pendingReasonSummary?.length?(_(),T(`div`,be,[e.event.profile.dirtyReasonSummary?.length?(_(),T(`p`,xe,` 脏标记：`+p(e.event.profile.dirtyReasonSummary.join(`、`)),1)):S(``,!0),e.event.profile.pendingReasonSummary?.length?(_(),T(`p`,Se,` 待处理：`+p(e.event.profile.pendingReasonSummary.join(`、`)),1)):S(``,!0)])):S(``,!0)])):S(``,!0)]),_:1},8,[`event`,`duration-text`])]),_:1}))}}),we={class:`flex items-start justify-between gap-3`},Te={class:`min-w-0`},Ee={class:`truncate font-medium text-(--dashboard-text)`},De={class:`mt-1 text-[11px] uppercase tracking-[0.16em] text-(--dashboard-text-soft)`},Oe={key:0,class:`mt-3 flex flex-wrap gap-2 text-[11px] uppercase tracking-[0.14em] text-(--dashboard-text-soft)`},ke={key:1,class:`mt-3 text-sm text-(--dashboard-text-muted)`},Ae=t({__name:`AppRuntimeSourceCard`,props:{source:{},count:{},errorCount:{},averageDuration:{},latestTimestamp:{},countLabel:{}},setup(e){let t=e,n=g(()=>k(t)),r=g(()=>t.latestTimestamp?`最近事件 ${t.latestTimestamp}`:`${t.count} ${t.countLabel??`条事件`}`),i=g(()=>[{key:`error-count`,label:`错误 ${t.errorCount}`},{key:`average-duration`,label:`平均耗时 ${t.averageDuration}`}]),c=g(()=>`平均耗时 ${t.averageDuration}`);return(e,l)=>(_(),T(`div`,{class:x(o(D)({padding:`sm`}))},[h(`div`,we,[h(`div`,Te,[h(`p`,Ee,p(t.source),1),h(`p`,De,p(r.value),1)]),u(z,a(C(n.value)),null,16)]),t.latestTimestamp?(_(),T(`div`,Oe,[(_(!0),T(b,null,s(i.value,e=>(_(),T(`span`,{key:e.key,class:`rounded-full border border-(--dashboard-border) px-2 py-0.5`},p(e.label),1))),128))])):(_(),T(`p`,ke,p(c.value),1))],2))}}),je={class:`mt-1 text-lg font-semibold`},Me=t({__name:`AppStatCard`,props:{label:{},value:{}},setup(e){let t=D({padding:`sm`});return(n,r)=>(_(),T(`div`,{class:x(o(t))},[u(B,null,{default:E(()=>[w(p(e.label),1)]),_:1}),h(`p`,je,p(e.value),1)],2))}}),Ne={class:`flex shrink-0 items-center gap-2`},Pe={key:0,class:`text-xs font-medium text-(--dashboard-accent)`},Fe={class:`h-3.5 w-3.5`},Ie={class:`grid gap-3`},Le={class:`flex items-start justify-between gap-3`},Re={class:`min-w-0`},ze={class:`text-sm font-semibold text-(--dashboard-text)`},Be={class:`mt-1 text-xs leading-5 text-(--dashboard-text-muted)`},Ve={class:`grid grid-cols-2 gap-2 sm:grid-cols-5 xl:grid-cols-2 2xl:grid-cols-5`},He={key:0,class:`grid max-h-52 gap-2 overflow-y-auto pr-1`},Ue={class:`flex items-start justify-between gap-3`},We={class:`min-w-0`},Ge={class:`truncate text-sm font-medium text-(--dashboard-text)`},Ke={class:`mt-1 truncate text-xs text-(--dashboard-text-soft)`},qe={class:`mt-2 line-clamp-2 text-xs leading-5 text-(--dashboard-text-muted)`},Je=t({__name:`RuntimeIncidentDigestPanel`,props:{digest:{}},setup(e){let t=e,n=d(``),r=null,i=g(()=>t.digest.status===`critical`?`error`:t.digest.status===`warning`?`warning`:`success`);function a(e){return e===`error`?`text-rose-600 dark:text-rose-300`:e===`warning`?`text-amber-600 dark:text-amber-300`:`text-(--dashboard-accent)`}function o(e){return e===`critical`?`border-rose-400/60 bg-(--dashboard-panel-muted)`:e===`warning`?`border-amber-400/60 bg-(--dashboard-panel-muted)`:`border-emerald-400/60 bg-(--dashboard-panel-muted)`}function c(e){n.value=e,r&&clearTimeout(r),r=setTimeout(()=>{n.value=``,r=null},1800)}async function l(){try{await L(t.digest.report),c(`摘要已复制`)}catch{c(`复制失败`)}}return v(()=>{r&&clearTimeout(r)}),(t,r)=>(_(),m(I,{eyebrow:`Incident`,title:`事故摘要`,"icon-name":`metric-quality`},{header:E(()=>[h(`div`,Ne,[n.value?(_(),T(`span`,Pe,p(n.value),1)):S(``,!0),h(`button`,{type:`button`,class:`inline-flex h-8 items-center gap-1.5 rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 text-xs text-(--dashboard-text-soft) transition hover:border-(--dashboard-border-strong) hover:text-(--dashboard-accent) focus:border-(--dashboard-border-strong) focus:outline-none`,onClick:l},[h(`span`,Fe,[u(O,{name:`metric-copy`})]),r[0]||=w(` 复制 `,-1)])])]),default:E(()=>[h(`div`,Ie,[h(`div`,{class:x([`rounded-md border px-3 py-2.5`,o(e.digest.status)])},[h(`div`,Le,[h(`div`,Re,[h(`p`,ze,p(e.digest.statusLabel),1),h(`p`,Be,p(e.digest.statusDetail),1)]),u(z,{label:e.digest.statusLabel,tone:i.value},null,8,[`label`,`tone`])])],2),h(`div`,Ve,[(_(!0),T(b,null,s(e.digest.metrics,e=>(_(),m(re,{key:e.label,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),e.digest.incidents.length>0?(_(),T(`div`,He,[(_(!0),T(b,null,s(e.digest.incidents,e=>(_(),T(`article`,{key:e.id,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-3 py-2.5`},[h(`div`,Ue,[h(`div`,We,[h(`p`,Ge,p(e.title),1),h(`p`,Ke,p(e.source)+` · `+p(e.kindLabel)+` · `+p(e.timestamp)+` · `+p(e.duration),1)]),h(`span`,{class:x([`shrink-0 text-xs font-semibold`,a(e.level)])},p(e.levelLabel),3)]),h(`p`,qe,p(e.reason)+` · `+p(e.detail),1)]))),128))])):(_(),m(R,{key:1,compact:``},{default:E(()=>[...r[1]||=[w(` 当前筛选范围内没有需要处理的运行时事件。 `,-1)]]),_:1}))])]),_:1}))}}),Ye={class:`grid min-h-0 content-start gap-3 overflow-y-auto pr-1`},Xe={class:`grid gap-2 sm:grid-cols-2`},Ze={class:`grid max-h-44 gap-2 overflow-y-auto pr-1`},Qe={class:`flex items-start justify-between gap-3`},$e={class:`font-medium`},et={class:`mt-1 text-sm leading-6 text-(--dashboard-text-muted)`},tt={key:0,class:`grid max-h-full gap-2 overflow-y-auto pr-1`},nt=t({__name:`ActivityInsightPanel`,props:{selectedEvent:{},incidentDigest:{},eventSummary:{},filteredEventSummary:{},diagnostics:{},sourceBreakdown:{}},setup(e){return(t,r)=>(_(),T(`div`,Ye,[u(Ce,{event:e.selectedEvent},null,8,[`event`]),u(Je,{digest:e.incidentDigest},null,8,[`digest`]),u(I,{eyebrow:`Runtime`,title:`事件摘要`,"icon-name":`metric-time`},{default:E(()=>[h(`div`,Xe,[(_(!0),T(b,null,s([...e.eventSummary,...e.filteredEventSummary],e=>(_(),m(Me,n({key:e.label},{ref_for:!0},e),null,16))),128))])]),_:1}),u(I,{eyebrow:`Diagnostics`,title:`当前诊断队列`,"icon-name":`metric-health`,"content-class":`min-h-0 overflow-hidden`},{default:E(()=>[h(`ul`,Ze,[(_(!0),T(b,null,s(e.diagnostics,e=>(_(),T(`li`,{key:e.label,class:`rounded-md border border-(--dashboard-border) bg-(--dashboard-panel-muted) px-4 py-3`},[h(`div`,Qe,[h(`div`,null,[h(`p`,$e,p(e.label),1),h(`p`,et,p(e.detail),1)]),u(z,{label:e.status,tone:`info`},null,8,[`label`])])]))),128))])]),_:1}),u(I,{eyebrow:`Sources`,title:`事件来源`,"icon-name":`hero-system`,"content-class":`min-h-0 overflow-hidden`},{default:E(()=>[e.sourceBreakdown.length>0?(_(),T(`div`,tt,[(_(!0),T(b,null,s(e.sourceBreakdown,e=>(_(),m(Ae,n({key:e.source},{ref_for:!0},e),null,16))),128))])):S(``,!0)]),_:1})]))}}),rt={class:`grid gap-3 xl:grid-cols-[minmax(14rem,0.85fr)_minmax(0,1.15fr)]`},it={for:`dashboard-event-search`},at=[`value`],ot={class:`grid gap-3`},st={class:`mt-2 flex flex-wrap gap-2`},ct=[`onClick`],lt={key:0,class:`mt-2 text-xs leading-5 text-(--dashboard-text-soft)`},ut={class:`grid gap-3 md:grid-cols-3`},dt={class:`mt-2 flex flex-wrap gap-2`},ft=[`onClick`],pt={class:`mt-2 flex flex-wrap gap-2`},mt=[`onClick`],ht={class:`mt-2 flex flex-wrap gap-2`},gt=[`onClick`],_t=t({__name:`AppEventFilterPanel`,props:{searchQuery:{},presetDescription:{},filterPresets:{},eventKindOptions:{},eventLevelOptions:{},eventSourceOptions:{},eventKindFilter:{},eventLevelFilter:{},eventSourceFilter:{}},emits:[`update:searchQuery`,`update:eventKindFilter`,`update:eventLevelFilter`,`update:eventSourceFilter`,`applyPreset`],setup(e,{emit:t}){let n=e,r=t;function i(){return F({kind:`theme`,active:!1})}function a(e,t){return F({kind:`theme`,active:e===t})}return(t,o)=>(_(),m(ie,null,{default:E(()=>[h(`div`,rt,[h(`div`,null,[h(`label`,it,[u(B,null,{default:E(()=>[...o[1]||=[w(` 搜索事件 `,-1)]]),_:1})]),h(`input`,{id:`dashboard-event-search`,value:e.searchQuery,type:`text`,placeholder:`搜索标题、详情、来源或标签`,class:`mt-2 w-full rounded-md border border-(--dashboard-border) bg-(--dashboard-panel) px-3 py-2 text-sm text-(--dashboard-text) outline-none transition focus:border-(--dashboard-border-strong)`,onInput:o[0]||=e=>r(`update:searchQuery`,e.target.value)},null,40,at)]),h(`div`,ot,[h(`div`,null,[u(B,null,{default:E(()=>[...o[2]||=[w(` 快速预设 `,-1)]]),_:1}),h(`div`,st,[(_(!0),T(b,null,s(e.filterPresets,e=>(_(),T(`button`,{key:e.key,class:x(i()),onClick:t=>r(`applyPreset`,e.key)},p(e.label),11,ct))),128))]),e.presetDescription?(_(),T(`p`,lt,p(e.presetDescription),1)):S(``,!0)]),h(`div`,ut,[h(`div`,null,[u(B,null,{default:E(()=>[...o[3]||=[w(` 类型过滤 `,-1)]]),_:1}),h(`div`,dt,[(_(!0),T(b,null,s(e.eventKindOptions,e=>(_(),T(`button`,{key:e.value,class:x(a(n.eventKindFilter,e.value)),onClick:t=>r(`update:eventKindFilter`,e.value)},p(e.label),11,ft))),128))])]),h(`div`,null,[u(B,null,{default:E(()=>[...o[4]||=[w(` 等级过滤 `,-1)]]),_:1}),h(`div`,pt,[(_(!0),T(b,null,s(e.eventLevelOptions,e=>(_(),T(`button`,{key:e.value,class:x(a(n.eventLevelFilter,e.value)),onClick:t=>r(`update:eventLevelFilter`,e.value)},p(e.label),11,mt))),128))])]),h(`div`,null,[u(B,null,{default:E(()=>[...o[5]||=[w(` 来源过滤 `,-1)]]),_:1}),h(`div`,ht,[(_(!0),T(b,null,s(e.eventSourceOptions,e=>(_(),T(`button`,{key:e.value,class:x(a(n.eventSourceFilter,e.value)),onClick:t=>r(`update:eventSourceFilter`,e.value)},p(e.label),11,gt))),128))])])])])])]),_:1}))}}),vt={class:`flex items-start justify-between gap-3`},yt={class:`font-medium text-(--dashboard-text)`},bt=t({__name:`AppRuntimeEventListItem`,props:{event:{},selected:{type:Boolean}},setup(e){let t=e,n=g(()=>M(t.event)),r=g(()=>P(t.event)),i=g(()=>t.selected?`border-(--dashboard-border-strong) bg-(--dashboard-panel)`:`border-(--dashboard-border)`);return(e,o)=>(_(),T(`li`,{class:x([`rounded-md border bg-(--dashboard-panel-muted) px-4 py-3 transition`,i.value])},[h(`div`,vt,[h(`div`,null,[h(`p`,yt,p(t.event.title),1),u(B,{class:`mt-1`},{default:E(()=>[w(p(r.value),1)]),_:1})]),u(z,a(C(n.value)),null,16)])],2))}}),xt=1e3,St=5,Y={error:4,warning:3,success:2,info:1};function X(e){let t=Date.parse(e.timestamp);return Number.isFinite(t)?t:0}function Z(e,t){return typeof e.durationMs==`number`&&e.durationMs>=t}function Ct(e,t){return e.level===`error`||e.level===`warning`||Z(e,t)}function wt(e,t){let n=[];return e.level===`error`?n.push(`错误事件`):e.level===`warning`&&n.push(`警告事件`),Z(e,t)&&n.push(`耗时 ${N(e.durationMs)}`),n.join(` · `)||`需要关注`}function Tt(e,t){return{id:e.id,title:e.title,detail:e.detail,level:e.level,levelLabel:j(e.level),kindLabel:A(e.kind),source:e.source??`dashboard`,timestamp:e.timestamp,duration:N(e.durationMs),reason:wt(e,t)}}function Et(e,t,n){return e>0?`critical`:t>0||n>0?`warning`:`healthy`}function Dt(e){return e===`critical`?`需要立即处理`:e===`warning`?`需要关注`:`运行平稳`}function Ot(e,t,n,r){return e===`critical`?`检测到 ${t} 个错误事件，优先排查失败来源。`:e===`warning`?`检测到 ${n} 个警告和 ${r} 个慢事件，建议跟进。`:`当前筛选范围内没有错误、警告或慢事件。`}function kt(e){let t=e.incidents.length>0?e.incidents.map(e=>`- [${e.levelLabel}] ${e.title}（${e.source} · ${e.kindLabel} · ${e.timestamp} · ${e.duration}）：${e.detail}`):[`- 当前筛选范围内没有需要处理的事件。`];return[`# dashboard 运行时事故摘要`,``,`状态：${e.statusLabel}`,`说明：${e.statusDetail}`,``,`## 指标`,...e.metrics.map(e=>`- ${e.label}：${e.value}`),``,`## 影响来源`,e.affectedSources.length>0?e.affectedSources.map(e=>`- ${e}`).join(`
|
|
4
4
|
`):`- 无`,``,`## 优先处理`,...t,``].join(`
|
|
5
|
-
`)}function At(e,t={}){let n=t.slowEventThresholdMs??xt,r=e.filter(e=>e.level===`error`).length,i=e.filter(e=>e.level===`warning`).length,a=e.filter(e=>Z(e,n)).length,o=e.filter(e=>Ct(e,n)),s=[...new Set(o.map(e=>e.source??`dashboard`))].sort((e,t)=>e.localeCompare(t,`zh-CN`)),c=Et(r,i,a),l=o.toSorted((e,t)=>Y[t.level]-Y[e.level]||(t.durationMs??-1)-(e.durationMs??-1)||X(t)-X(e)).slice(0,St).map(e=>Tt(e,n)),u={status:c,statusLabel:Dt(c),statusDetail:Ot(c,r,i,a),metrics:[{label:`事件总数`,value:e.length},{label:`错误`,value:r},{label:`警告`,value:i},{label:`慢事件`,value:a},{label:`影响来源`,value:s.length}],affectedSources:s,incidents:l};return{...u,report:kt(u)}}var Q={error:4,warning:3,success:2,info:1},jt=[{value:`all`,label:`全部类型`},{value:`command`,label:`命令`},{value:`build`,label:`构建`},{value:`diagnostic`,label:`诊断`},{value:`hmr`,label:`HMR`},{value:`system`,label:`系统`}],Mt=[{value:`all`,label:`全部等级`},{value:`info`,label:`信息`},{value:`success`,label:`成功`},{value:`warning`,label:`警告`},{value:`error`,label:`错误`}];function $(e,t){return[e.title,e.detail,e.kind,e.level,e.source??``,...e.tags??[]].join(` `).toLowerCase().includes(t)}function Nt(e,t){return[...e].sort((e,n)=>t===`duration`?(n.durationMs??-1)-(e.durationMs??-1)||Date.parse(n.timestamp)-Date.parse(e.timestamp):t===`severity`?Q[n.level]-Q[e.level]||Date.parse(n.timestamp)-Date.parse(e.timestamp):t===`source`&&(e.source??`dashboard`).localeCompare(n.source??`dashboard`)||Date.parse(n.timestamp)-Date.parse(e.timestamp))}function Pt(e){let t=d(`all`),n=d(`all`),r=d(`all`),i=d(`time`),a=d(``),o=d(null),s=[{key:`all`,label:`查看全部`,description:`回到完整事件流`,apply(){t.value=`all`,n.value=`all`,r.value=`all`,a.value=``}},{key:`issues`,label:`异常优先`,description:`只看警告和错误`,apply(){t.value=`all`,n.value=`warning`,r.value=`all`,a.value=``}},{key:`commands`,label:`命令流`,description:`聚焦命令执行事件`,apply(){t.value=`command`,n.value=`all`,r.value=`all`,a.value=``}},{key:`hmr`,label:`HMR`,description:`观察热更新相关事件`,apply(){t.value=`hmr`,n.value=`all`,r.value=`all`,a.value=``}}],c=g(()=>[{value:`all`,label:`全部来源`},...[...new Set(e.value.map(e=>e.source??`dashboard`).filter(Boolean))].sort((e,t)=>e.localeCompare(t,`zh-CN`)).map(e=>({value:e,label:e}))]),u=g(()=>{let o=a.value.trim().toLowerCase();return Nt(e.value.filter(e=>t.value!==`all`&&e.kind!==t.value||n.value!==`all`&&e.level!==n.value||r.value!==`all`&&(e.source??`dashboard`)!==r.value?!1:!o||$(e,o)),i.value)}),f=g(()=>{let e=u.value.filter(e=>typeof e.durationMs==`number`),i=e.length>0?Math.round(e.reduce((e,t)=>e+(t.durationMs??0),0)/e.length):void 0;return[{label:`筛选后事件`,value:String(u.value.length)},{label:`当前类型`,value:t.value===`all`?`全部`:
|
|
5
|
+
`)}function At(e,t={}){let n=t.slowEventThresholdMs??xt,r=e.filter(e=>e.level===`error`).length,i=e.filter(e=>e.level===`warning`).length,a=e.filter(e=>Z(e,n)).length,o=e.filter(e=>Ct(e,n)),s=[...new Set(o.map(e=>e.source??`dashboard`))].sort((e,t)=>e.localeCompare(t,`zh-CN`)),c=Et(r,i,a),l=o.toSorted((e,t)=>Y[t.level]-Y[e.level]||(t.durationMs??-1)-(e.durationMs??-1)||X(t)-X(e)).slice(0,St).map(e=>Tt(e,n)),u={status:c,statusLabel:Dt(c),statusDetail:Ot(c,r,i,a),metrics:[{label:`事件总数`,value:e.length},{label:`错误`,value:r},{label:`警告`,value:i},{label:`慢事件`,value:a},{label:`影响来源`,value:s.length}],affectedSources:s,incidents:l};return{...u,report:kt(u)}}var Q={error:4,warning:3,success:2,info:1},jt=[{value:`all`,label:`全部类型`},{value:`command`,label:`命令`},{value:`build`,label:`构建`},{value:`diagnostic`,label:`诊断`},{value:`hmr`,label:`HMR`},{value:`system`,label:`系统`}],Mt=[{value:`all`,label:`全部等级`},{value:`info`,label:`信息`},{value:`success`,label:`成功`},{value:`warning`,label:`警告`},{value:`error`,label:`错误`}];function $(e,t){return[e.title,e.detail,e.kind,e.level,e.source??``,...e.tags??[]].join(` `).toLowerCase().includes(t)}function Nt(e,t){return[...e].sort((e,n)=>t===`duration`?(n.durationMs??-1)-(e.durationMs??-1)||Date.parse(n.timestamp)-Date.parse(e.timestamp):t===`severity`?Q[n.level]-Q[e.level]||Date.parse(n.timestamp)-Date.parse(e.timestamp):t===`source`&&(e.source??`dashboard`).localeCompare(n.source??`dashboard`)||Date.parse(n.timestamp)-Date.parse(e.timestamp))}function Pt(e){let t=d(`all`),n=d(`all`),r=d(`all`),i=d(`time`),a=d(``),o=d(null),s=[{key:`all`,label:`查看全部`,description:`回到完整事件流`,apply(){t.value=`all`,n.value=`all`,r.value=`all`,a.value=``}},{key:`issues`,label:`异常优先`,description:`只看警告和错误`,apply(){t.value=`all`,n.value=`warning`,r.value=`all`,a.value=``}},{key:`commands`,label:`命令流`,description:`聚焦命令执行事件`,apply(){t.value=`command`,n.value=`all`,r.value=`all`,a.value=``}},{key:`hmr`,label:`HMR`,description:`观察热更新相关事件`,apply(){t.value=`hmr`,n.value=`all`,r.value=`all`,a.value=``}}],c=g(()=>[{value:`all`,label:`全部来源`},...[...new Set(e.value.map(e=>e.source??`dashboard`).filter(Boolean))].sort((e,t)=>e.localeCompare(t,`zh-CN`)).map(e=>({value:e,label:e}))]),u=g(()=>{let o=a.value.trim().toLowerCase();return Nt(e.value.filter(e=>t.value!==`all`&&e.kind!==t.value||n.value!==`all`&&e.level!==n.value||r.value!==`all`&&(e.source??`dashboard`)!==r.value?!1:!o||$(e,o)),i.value)}),f=g(()=>{let e=u.value.filter(e=>typeof e.durationMs==`number`),i=e.length>0?Math.round(e.reduce((e,t)=>e+(t.durationMs??0),0)/e.length):void 0;return[{label:`筛选后事件`,value:String(u.value.length)},{label:`当前类型`,value:t.value===`all`?`全部`:A(t.value)},{label:`当前等级`,value:n.value===`all`?`全部`:j(n.value)},{label:`当前来源`,value:r.value===`all`?`全部`:r.value},{label:`搜索关键字`,value:a.value.trim()||`未设置`},{label:`筛选平均耗时`,value:N(i)}]}),p=g(()=>ee(te(u.value))),m=g(()=>At(u.value)),h=g(()=>u.value.find(e=>e.id===o.value)??u.value[0]??null),_=g(()=>s.find(e=>e.key===`issues`?t.value===`all`&&n.value===`warning`&&r.value===`all`&&a.value===``:e.key===`commands`?t.value===`command`&&n.value===`all`&&r.value===`all`&&a.value===``:e.key===`hmr`?t.value===`hmr`&&n.value===`all`&&r.value===`all`&&a.value===``:t.value===`all`&&n.value===`all`&&r.value===`all`&&a.value===``)?.description??``);return l(u,e=>{if(e.length===0){o.value=null;return}e.some(e=>e.id===o.value)||(o.value=e[0]?.id??null)},{immediate:!0}),{eventKindFilter:t,eventKindOptions:jt,eventLevelFilter:n,eventLevelOptions:Mt,eventSortMode:i,eventSourceFilter:r,eventSourceOptions:c,filteredEventSummary:f,filteredRuntimeEvents:u,filterPresets:s,incidentDigest:m,presetDescription:_,searchQuery:a,selectedEvent:h,selectedEventId:o,sourceBreakdown:p}}var Ft={class:`grid h-full min-h-0 gap-3 overflow-hidden xl:grid-cols-[minmax(0,1.25fr)_minmax(22rem,0.75fr)]`},It={class:`grid h-full min-h-0 grid-rows-[minmax(0,9rem)_auto_minmax(6rem,1fr)] gap-3 overflow-hidden`},Lt={class:`grid min-h-0 gap-2 overflow-y-auto pr-1 text-sm leading-6 text-(--dashboard-text-muted)`},Rt=t({__name:`activity`,setup(e){let{diagnostics:t,eventSummary:n,runtimeEvents:r}=ne(),{eventKindFilter:i,eventKindOptions:a,eventLevelFilter:c,eventLevelOptions:l,eventSortMode:d,eventSourceFilter:p,eventSourceOptions:g,filteredEventSummary:v,filteredRuntimeEvents:y,filterPresets:x,incidentDigest:C,presetDescription:D,searchQuery:O,selectedEvent:k,selectedEventId:A,sourceBreakdown:j}=Pt(r);return(e,M)=>(_(),T(`div`,Ft,[u(I,{eyebrow:`Event Feed`,title:`事件控制台`,"icon-name":`hero-commands`,"content-class":`min-h-0 overflow-hidden`},{default:E(()=>[h(`div`,It,[u(_t,{class:`min-h-0 overflow-y-auto`,"search-query":o(O),"preset-description":o(D),"filter-presets":o(x),"event-kind-options":o(a),"event-level-options":o(l),"event-source-options":o(g),"event-kind-filter":o(i),"event-level-filter":o(c),"event-source-filter":o(p),"onUpdate:searchQuery":M[0]||=e=>O.value=e,"onUpdate:eventKindFilter":M[1]||=e=>i.value=e,"onUpdate:eventLevelFilter":M[2]||=e=>c.value=e,"onUpdate:eventSourceFilter":M[3]||=e=>p.value=e,onApplyPreset:M[4]||=e=>o(x).find(t=>t.key===e)?.apply()},null,8,[`search-query`,`preset-description`,`filter-presets`,`event-kind-options`,`event-level-options`,`event-source-options`,`event-kind-filter`,`event-level-filter`,`event-source-filter`]),u(K,{modelValue:o(d),"onUpdate:modelValue":M[5]||=e=>f(d)?d.value=e:null,events:o(y),"filtered-count":o(y).length,"total-count":o(r).length},null,8,[`modelValue`,`events`,`filtered-count`,`total-count`]),o(y).length===0?(_(),m(R,{key:0,as:`p`},{default:E(()=>[...M[6]||=[w(` 当前过滤条件下没有匹配事件。 `,-1)]]),_:1})):S(``,!0),h(`ul`,Lt,[(_(!0),T(b,null,s(o(y),e=>(_(),m(bt,{key:e.id,event:e,selected:o(k)?.id===e.id,onClick:t=>A.value=e.id},null,8,[`event`,`selected`,`onClick`]))),128))])])]),_:1}),u(nt,{"selected-event":o(k),"incident-digest":o(C),"event-summary":o(n),"filtered-event-summary":o(v),diagnostics:o(t),"source-breakdown":o(j)},null,8,[`selected-event`,`incident-digest`,`event-summary`,`filtered-event-summary`,`diagnostics`,`source-breakdown`])]))}});export{Rt as default};
|