1 line
7.0 KiB
JavaScript
1 line
7.0 KiB
JavaScript
import{D as e,E as t,F as n,G as r,L as i,M as a,Q as o,U as s,V as c,Y as l,b as u,c as d,g as f,m as p,n as m,p as h,q as g,r as _,t as v,u as y,w as b}from"./ui-IRgYFSdb.js";import{n as x,t as S}from"./user-round-BIfZWOnq.js";import{t as C}from"./shield-check-BlUgqha3.js";import{r as w}from"./index-BdWedm3z.js";var T=[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}]],E=e=>c(u,l(e,{iconNode:T,name:`shield`})),D=a(`<div class="flex flex-wrap items-start justify-between gap-4"><div><p class="mono-label text-muted-foreground">users / rbac</p><h1 class="display mt-2 text-4xl sm:text-5xl">用户与角色</h1><p class="mt-3 max-w-xl text-sm text-muted-foreground">基于 Casbin RBAC + 状态管理。对标 SyncTV Root/Admin 分层：仅 Root 可授予 Root；Admin 仅可管理 Viewer/Publisher；封禁用户无法登录与刷新。</p></div><div class="flex items-center gap-2">`),O=a(`<span class="flex items-center gap-2">当前账号已被封禁，部分操作将受限。请联系超管解封。`),k=a(`<div class="flex items-center gap-2 px-5 py-8 text-sm text-muted-foreground">暂无用户数据`),A=a(`<div class="border border-line bg-card/50"><div class="hidden grid-cols-[minmax(0,1fr)_7rem_7rem_16rem] gap-4 border-b border-line/80 px-5 py-3 sm:grid"><span class="micro-label text-muted-foreground">username</span><span class="micro-label text-muted-foreground">role</span><span class="micro-label text-muted-foreground">status</span><span class="micro-label text-right text-muted-foreground">action`),j=a(`<div class="mx-auto max-w-[1400px] space-y-8 px-4 py-8 sm:px-6 sm:py-10">`),M=a(`<span class="flex items-center gap-2">无权限：需要 user:list（管理员及以上）`),N=a(`<span class="inline-flex size-1.5 rounded-full bg-amber-500">`),P=a(`<div><div class="flex min-w-0 items-center gap-3"><span></span><div class=min-w-0><p class="flex items-center gap-2 truncate font-mono text-sm font-medium"></p><p class="micro-label mt-1 text-muted-foreground"></p></div></div><div></div><div class="flex items-center justify-end gap-2">`),F=a(`<span class="flex items-center gap-1 text-xs text-muted-foreground/60">无权操作`),I={root:{label:`超管`,badge:`border-amber-500/40 bg-amber-500/10 text-amber-600`,avatar:`border-amber-500/40 bg-amber-500/10 text-amber-600`},admin:{label:`管理员`,badge:`border-acid-magenta/30 bg-acid-magenta/10 text-acid-magenta`,avatar:`border-acid-magenta/40 bg-acid-magenta/10 text-acid-magenta`},publisher:{label:`发布者`,badge:`border-warning/30 bg-warning/10 text-warning`,avatar:`border-warning/40 bg-warning/10 text-warning`},viewer:{label:`观看者`,badge:`border-acid-cyan/30 bg-acid-cyan/10 text-acid-cyan`,avatar:`border-acid-cyan/40 bg-acid-cyan/10 text-acid-cyan`},guest:{label:`访客`,badge:`border-line bg-transparent text-muted-foreground`,avatar:`border-line bg-muted text-muted-foreground`}};function L(e){return e===`root`?[`viewer`,`publisher`,`admin`,`root`]:e===`admin`?[`viewer`,`publisher`]:[]}var R=()=>{let[a,l]=g([]),[u,T]=g(``),[R,z]=g(``),B=async()=>{try{let e=await f.listUsers();l(e.users||[]),T(``)}catch(e){T(String(e?.message||e))}};s(()=>{h.can(`user:list`)&&B()}),o(()=>{h.isAuthed()&&B()});let V=async(e,t)=>{z(e);try{await f.updateUserRole(e,t),l(n=>n.map(n=>n.username===e?{...n,role:t}:n)),T(``)}catch(e){T(String(e?.message||e))}finally{z(``)}},H=async e=>{let t=e.status===`banned`;if(confirm(t?`解封 ${e.username} ?`:`封禁 ${e.username} ? 封禁后该用户将无法登录`)){z(e.username);try{t?await f.unbanUser(e.username):await f.banUser(e.username),await B()}catch(e){T(String(e?.message||e))}finally{z(``)}}},U=()=>h.role(),W=e=>{let t=U();return t===`root`?e.role!==`root`:t===`admin`?e.role===`viewer`||e.role===`publisher`:!1};return(()=>{var o=j();return t(o,c(d,{get children(){var n=D(),r=n.firstChild.nextSibling;return t(r,c(m,{variant:`outline`,class:`gap-1`,get children(){return[c(E,{class:`size-3`}),e(()=>p.user()?.username||`guest`),` · `,e(()=>U())]}}),null),t(r,c(_,{variant:`outline`,class:`h-8`,onClick:B,get disabled(){return!!R()},children:`刷新`}),null),n}}),null),t(o,c(i,{get when(){return h.isBanned()},get children(){return c(v,{tone:`error`,get children(){var e=O(),n=e.firstChild;return t(e,c(w,{class:`size-4`}),n),e}})}}),null),t(o,c(i,{get when(){return h.can(`user:list`)},get fallback(){return c(v,{tone:`warning`,get children(){var e=M(),n=e.firstChild;return t(e,c(x,{class:`size-4`}),n),e}})},get children(){return c(d,{delay:1,get children(){var o=A(),s=o.firstChild;return t(o,c(i,{get when(){return u()},get children(){return c(v,{tone:`error`,class:`border-x-0 border-t-0`,get children(){return u()}})}}),s),t(o,c(n,{get each(){return a()},children:(n,o)=>{let s=I[n.role]||I.guest,l=n.status===`banned`,u=L(U()),d=h.can(`user:manage`)&&h.canManage(n.role)&&u.length>0;return(()=>{var f=P(),p=f.firstChild,g=p.firstChild,v=g.nextSibling.firstChild,x=v.nextSibling,C=p.nextSibling,w=C.nextSibling;return t(g,()=>(n.username[0]??`?`).toUpperCase()),t(v,()=>n.username,null),t(v,c(i,{get when(){return n.role===`root`},get children(){return N()}}),null),t(x,()=>s.label),t(f,c(m,{get class(){return s.badge},get children(){return n.role}}),C),t(C,c(i,{when:l,get fallback(){return c(m,{variant:`outline`,class:`border-success/30 text-success`,children:`active`})},get children(){return c(m,{variant:`outline`,class:`border-destructive/40 bg-destructive/10 text-destructive`,children:`banned`})}})),t(w,c(i,{when:d,get fallback(){return(()=>{var e=F(),n=e.firstChild;return t(e,c(S,{class:`size-3.5`}),n),e})()},get children(){return c(y,{class:`w-28`,get value(){return n.role},get"aria-label"(){return`调整 ${n.username} 的角色`},onChange:e=>V(n.username,e),get options(){return u.map(e=>({value:e,label:e}))},get disabled(){return!!R()||l}})}}),null),t(w,c(i,{get when(){return e(()=>!!h.can(`user:manage`))()&&W(n)},get children(){return c(_,{variant:l?`outline`:`ghost`,class:`h-7 px-2 text-xs ${l?`border-success/30 text-success hover:bg-success/10`:`text-destructive hover:bg-destructive/10`}`,get disabled(){return R()===n.username},onClick:()=>H(n),children:l?`解封`:`封禁`})}}),null),r(e=>{var t=`grid grid-cols-1 items-center gap-3 px-5 py-4 sm:grid-cols-[minmax(0,1fr)_7rem_7rem_16rem] sm:gap-4 ${o()<a().length-1?`border-b border-line/70`:``} ${l?`bg-destructive/5`:``}`,n=`flex size-8 shrink-0 items-center justify-center border font-mono text-xs font-bold ${s.avatar}`;return t!==e.e&&b(f,e.e=t),n!==e.t&&b(g,e.t=n),e},{e:void 0,t:void 0}),f})()}}),null),t(o,c(i,{get when(){return e(()=>a().length===0)()&&!u()},get children(){var e=k(),n=e.firstChild;return t(e,c(C,{class:`size-4 text-success`}),n),e}}),null),o}})}}),null),t(o,c(v,{tone:`info`,class:`text-xs leading-relaxed`,children:`提示：Root 拥有全部权限且可封禁/解封任意非 Root 用户；Admin 仅可调整 viewer/publisher 并封禁同级以下用户；被封禁者即使持有有效 JWT 也会在鉴权校验时被拒绝（后端 VerifyToken 拦截）。`}),null),o})()};export{R as Users}; |