import{i as e}from"./rolldown-runtime-BgaNhQyE.js";import{Ct as t,Dr as n,St as r,Tt as i,Vn as a,Wt as o,Xn as s,Zt as c,n as l,st as u,t as d,wr as f,xn as p,xt as m,zn as h}from"./jsx-runtime-ADHq9IcL.js";import{t as g}from"./typography-C2UybztD.js";import{n as _}from"./PlusOutlined-W6xCIIXs.js";import{t as v}from"./space-BqavXZJj.js";import{t as y}from"./button-CcpWP-mq.js";import{t as b}from"./avatar-ZeeUR_v9.js";import{t as x}from"./card-BFxeciPE.js";import{n as S,t as C}from"./row-DQ81_S1d.js";import{t as w}from"./descriptions-DRDGXBQ6.js";import{t as T}from"./dropdown-dXoRpGL-.js";import{t as E}from"./flex-BB50-T81.js";import{t as D}from"./progress-C2fffzqa.js";import{t as O}from"./tag-BMkLMUVK.js";import{t as k}from"./RiseOutlined-C6wo3ytm.js";import{t as A}from"./ShoppingOutlined-FR5CTwva.js";import{t as j}from"./TeamOutlined-CZDGTBQJ.js";import{t as M}from"./UserOutlined-DjbONoy-.js";var N=e(n()),P=e=>{let{value:n,formatter:r,precision:a,decimalSeparator:o,groupSeparator:s=``,prefixCls:c,className:l,style:u}=e,d;if(t(r))d=r(n);else{let e=String(n),t=e.match(/^(-?)(\d*)(\.(\d+))?$/);if(!t||e===`-`)d=e;else{let e=t[1],n=t[2]||`0`,r=t[4]||``;n=n.replace(/\B(?=(\d{3})+(?!\d))/g,s),i(a)&&(r=r.padEnd(a,`0`).slice(0,a>0?a:0)),r&&=`${o}${r}`,d=[N.createElement(`span`,{key:`int`,className:`${c}-content-value-int`},e,n),r&&N.createElement(`span`,{key:`decimal`,className:`${c}-content-value-decimal`},r)]}}return N.createElement(`span`,{className:l,style:u},d)},F=e=>{let{componentCls:t,marginXXS:n,padding:r,colorTextDescription:i,titleFontSize:a,colorTextHeading:o,contentFontSize:s,fontFamily:l}=e;return{[t]:{...c(e),[`${t}-header`]:{paddingBottom:n,[`${t}-title`]:{color:i,fontSize:a}},[`${t}-skeleton`]:{paddingTop:r},[`${t}-content`]:{color:o,fontSize:s,fontFamily:l,[`${t}-content-value`]:{display:`inline-block`,direction:`ltr`},[`${t}-content-prefix, ${t}-content-suffix`]:{display:`inline-block`},[`${t}-content-prefix`]:{marginInlineEnd:n},[`${t}-content-suffix`]:{marginInlineStart:n}}}}},I=o(`Statistic`,e=>F(p(e,{})),e=>{let{fontSizeHeading3:t,fontSize:n}=e;return{titleFontSize:n,contentFontSize:t}}),L=N.forwardRef((e,n)=>{let{prefixCls:i,className:o,rootClassName:c,style:l,valueStyle:u,value:d=0,title:f,valueRender:p,prefix:g,suffix:v,loading:y=!1,formatter:b,precision:x,decimalSeparator:S=`.`,groupSeparator:C=`,`,onMouseEnter:w,onMouseLeave:T,styles:E,classNames:D,...O}=e,{getPrefixCls:k,direction:A,className:j,style:M,classNames:F,styles:L}=h(`statistic`),R=k(`statistic`,i),[z,B]=I(R),V={...e,decimalSeparator:S,groupSeparator:C,loading:y,value:d},H=r(M),U=r(l),[W,G]=m([F,D],[L,H,E,U],{props:V}),K=a(R,{[`${R}-rtl`]:A===`rtl`},j,o,c,W.root,z,B),q=a(`${R}-header`,W.header),J=a(`${R}-title`,W.title),Y=a(`${R}-content`,W.content),X=a(`${R}-content-value`,W.value),Z=a(`${R}-content-prefix`,W.prefix),ee=a(`${R}-content-suffix`,W.suffix),Q=N.createElement(P,{decimalSeparator:S,groupSeparator:C,prefixCls:R,formatter:b,precision:x,value:d,className:X,style:G.value}),$=N.useRef(null);N.useImperativeHandle(n,()=>({nativeElement:$.current}));let te=s(O,{aria:!0,data:!0});return N.createElement(`div`,{...te,className:K,style:G.root,ref:$,onMouseEnter:w,onMouseLeave:T},f&&N.createElement(`div`,{className:q,style:G.header},N.createElement(`div`,{className:J,style:G.title},f)),N.createElement(_,{paragraph:!1,loading:y,className:`${R}-skeleton`,active:!0},N.createElement(`div`,{className:Y,style:{...u,...G.content}},g&&N.createElement(`span`,{className:Z,style:G.prefix},g),t(p)?p(Q):Q,v&&N.createElement(`span`,{className:ee,style:G.suffix},v))))}),R=[[`Y`,1e3*60*60*24*365],[`M`,1e3*60*60*24*30],[`D`,1e3*60*60*24],[`H`,1e3*60*60],[`m`,1e3*60],[`s`,1e3],[`S`,1]];function z(e,t){let n=e,r=/\[[^\]]*]/g,i=(t.match(r)||[]).map(e=>e.slice(1,-1)),a=t.replace(r,`[]`),o=R.reduce((e,[t,r])=>{if(e.includes(t)){let i=Math.floor(n/r);return n-=i*r,e.replace(RegExp(`${t}+`,`g`),e=>{let t=e.length;return i.toString().padStart(t,`0`)})}return e},a),s=0;return o.replace(r,()=>{let e=i[s];return s+=1,e})}function B(e,t,n){let{format:r=``}=t,i=new Date(e).getTime(),a=Date.now();return z(Math.max(n?i-a:a-i,0),r)}var V=1e3/60;function H(e){return new Date(e).getTime()}var U=e=>{let{value:t,format:n=`HH:mm:ss`,onChange:r,onFinish:i,type:a,...o}=e,s=a===`countdown`,[c,l]=N.useState(null),d=f(()=>{let e=Date.now(),n=H(t);l({});let a=s?n-e:e-n;return r?.(a),s&&n<e?(i?.(),!1):!0});N.useEffect(()=>{let e,t=()=>{d()||window.clearInterval(e)},n=()=>{e=window.setInterval(t,V)},r=()=>{window.clearInterval(e)};return n(),()=>{r()}},[t,s]),N.useEffect(()=>{l({})},[]);let p=(e,t)=>c?B(e,{...t,format:n},s):`-`,m=e=>u(e,{title:void 0});return N.createElement(L,{...o,value:t,valueRender:m,formatter:p})},W=N.memo(e=>N.createElement(U,{...e,type:`countdown`}));L.Timer=U,L.Countdown=W;var G=L,K=d(),{Title:q}=g,J=()=>(0,K.jsxs)(`div`,{style:{minHeight:`100vh`},children:[(0,K.jsx)(x,{variant:`borderless`,style:{marginBottom:20},children:(0,K.jsxs)(E,{justify:`space-between`,align:`center`,children:[(0,K.jsxs)(`div`,{children:[(0,K.jsx)(q,{level:3,style:{marginBottom:4},children:`页面标题`}),(0,K.jsx)(g.Text,{type:`secondary`,children:`这是页面的描述信息,可以简要说明页面用途`})]}),(0,K.jsxs)(v,{style:{height:`100%`},children:[(0,K.jsx)(y,{icon:(0,K.jsx)(M,{}),children:`操作一`}),(0,K.jsx)(y,{icon:(0,K.jsx)(j,{}),children:`操作二`}),(0,K.jsx)(y,{type:`primary`,icon:(0,K.jsx)(A,{}),children:`主要操作`}),(0,K.jsx)(T,{trigger:[`click`],menu:{items:[{label:`导出数据`,key:`1`,icon:(0,K.jsx)(k,{})},{label:`批量操作`,key:`2`},{label:`更多设置`,key:`3`}]},children:(0,K.jsx)(y,{style:{padding:`0 8px`},children:(0,K.jsx)(l,{style:{fontSize:18}})})})]})]})}),(0,K.jsxs)(C,{gutter:[16,16],style:{marginBottom:24},children:[(0,K.jsx)(S,{xs:24,sm:12,lg:6,children:(0,K.jsxs)(x,{variant:`borderless`,children:[(0,K.jsx)(G,{title:`总用户数`,value:11893,prefix:(0,K.jsx)(M,{style:{color:`#1677ff`}}),valueStyle:{color:`#1677ff`}}),(0,K.jsxs)(`div`,{style:{marginTop:12},children:[(0,K.jsx)(O,{color:`success`,children:`+12.5%`}),(0,K.jsx)(g.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})}),(0,K.jsx)(S,{xs:24,sm:12,lg:6,children:(0,K.jsxs)(x,{variant:`borderless`,children:[(0,K.jsx)(G,{title:`活跃用户`,value:8234,prefix:(0,K.jsx)(j,{style:{color:`#52c41a`}}),valueStyle:{color:`#52c41a`}}),(0,K.jsxs)(`div`,{style:{marginTop:12},children:[(0,K.jsx)(O,{color:`success`,children:`+8.2%`}),(0,K.jsx)(g.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})}),(0,K.jsx)(S,{xs:24,sm:12,lg:6,children:(0,K.jsxs)(x,{variant:`borderless`,children:[(0,K.jsx)(G,{title:`总订单`,value:32567,prefix:(0,K.jsx)(A,{style:{color:`#faad14`}}),valueStyle:{color:`#faad14`}}),(0,K.jsxs)(`div`,{style:{marginTop:12},children:[(0,K.jsx)(O,{color:`warning`,children:`+5.3%`}),(0,K.jsx)(g.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})}),(0,K.jsx)(S,{xs:24,sm:12,lg:6,children:(0,K.jsxs)(x,{variant:`borderless`,children:[(0,K.jsx)(G,{title:`总收入`,value:98234,prefix:`¥`,valueStyle:{color:`#f5222d`}}),(0,K.jsxs)(`div`,{style:{marginTop:12},children:[(0,K.jsx)(O,{color:`error`,children:`-2.1%`}),(0,K.jsx)(g.Text,{type:`secondary`,style:{fontSize:12},children:`较上周`})]})]})})]}),(0,K.jsxs)(x,{variant:`borderless`,tabList:[{label:`基本信息`,key:`base`},{label:`详细信息`,key:`info`},{label:`数据分析`,key:`analysis`}],activeTabKey:`base`,children:[(0,K.jsxs)(C,{gutter:[16,16],style:{marginBottom:24},children:[(0,K.jsx)(S,{xs:24,lg:24,children:(0,K.jsx)(x,{title:(0,K.jsxs)(`span`,{children:[(0,K.jsx)(M,{style:{marginRight:8}}),`用户信息概览`]}),style:{background:`linear-gradient(135deg, #667eea 0%, #764ba2 100%)`,color:`#fff`,borderRadius:8},styles:{header:{color:`#fff`,borderBottom:`1px solid rgba(255,255,255,0.2)`}},children:(0,K.jsxs)(C,{gutter:[16,16],children:[(0,K.jsx)(S,{span:6,children:(0,K.jsx)(b,{size:64,icon:(0,K.jsx)(M,{})})}),(0,K.jsxs)(S,{span:18,children:[(0,K.jsx)(g.Title,{level:5,style:{color:`#fff`,marginTop:0},children:`张三 / Zhang San`}),(0,K.jsx)(g.Text,{style:{color:`rgba(255,255,255,0.85)`},children:`高级管理员 · 北京市朝阳区 · 在职`})]})]})})}),(0,K.jsx)(S,{xs:24,lg:16,children:(0,K.jsx)(x,{title:`详细信息`,style:{height:`100%`,borderRadius:8},children:(0,K.jsxs)(w,{column:{xs:1,sm:2},children:[(0,K.jsx)(w.Item,{label:`用户名`,children:`zhangsan`}),(0,K.jsx)(w.Item,{label:`手机号`,children:`138****8888`}),(0,K.jsx)(w.Item,{label:`邮箱`,children:`zhangsan@example.com`}),(0,K.jsx)(w.Item,{label:`部门`,children:`技术部`}),(0,K.jsx)(w.Item,{label:`职位`,children:`高级工程师`}),(0,K.jsx)(w.Item,{label:`入职时间`,children:`2023-01-15`}),(0,K.jsx)(w.Item,{label:`状态`,children:(0,K.jsx)(O,{color:`success`,children:`正常`})}),(0,K.jsx)(w.Item,{label:`权限等级`,children:(0,K.jsx)(O,{color:`blue`,children:`管理员`})})]})})}),(0,K.jsx)(S,{xs:24,lg:8,children:(0,K.jsxs)(x,{title:`任务完成度`,style:{height:`100%`,borderRadius:8},children:[(0,K.jsxs)(`div`,{style:{marginBottom:20},children:[(0,K.jsxs)(`div`,{style:{marginBottom:8},children:[(0,K.jsx)(`span`,{children:`本周任务`}),(0,K.jsx)(`span`,{style:{float:`right`,fontWeight:600},children:`75%`})]}),(0,K.jsx)(D,{percent:75,strokeColor:`#52c41a`})]}),(0,K.jsxs)(`div`,{style:{marginBottom:20},children:[(0,K.jsxs)(`div`,{style:{marginBottom:8},children:[(0,K.jsx)(`span`,{children:`本月目标`}),(0,K.jsx)(`span`,{style:{float:`right`,fontWeight:600},children:`60%`})]}),(0,K.jsx)(D,{percent:60,strokeColor:`#1677ff`})]}),(0,K.jsxs)(`div`,{children:[(0,K.jsxs)(`div`,{style:{marginBottom:8},children:[(0,K.jsx)(`span`,{children:`年度KPI`}),(0,K.jsx)(`span`,{style:{float:`right`,fontWeight:600},children:`45%`})]}),(0,K.jsx)(D,{percent:45,strokeColor:`#faad14`})]})]})})]}),(0,K.jsxs)(E,{justify:`space-between`,align:`center`,children:[(0,K.jsxs)(v,{children:[(0,K.jsx)(y,{size:`large`,children:`重置`}),(0,K.jsx)(y,{type:`primary`,size:`large`,children:`保存`}),(0,K.jsx)(y,{type:`primary`,size:`large`,ghost:!0,children:`提交审核`})]}),(0,K.jsx)(g.Text,{type:`secondary`,children:`最后更新时间: 2026-01-01 10:30:00`})]})]})]});export{J as default};