2 lines
6.9 KiB
JavaScript
2 lines
6.9 KiB
JavaScript
import{ao as h,a2 as l,a9 as v,aa as e,k as n,a4 as t,ad as p,a3 as g,F as b,aj as w,G as $,u as o,f as j,c as N,r as L,ap as U,y as Z}from"./vue-Dl1fzmsf.js";import{_ as q}from"./logo-Ft4BtHHg.js";import{ad as I,ag as F,c as C,H as G,x as H,y as R,ah as W,ai as J,aj as M,ak as Q,al as K,ab as z,a9 as O,aa as B,K as X,T as Y,am as tt,an as nt,ao as et,a7 as st,t as at,a0 as ot}from"./antd-vtmm7CAy.js";import{_ as lt}from"./index-C-JhWVfG.js";const ct={href:"https://www.antdv.com/"},_t={class:"my-3"},ut={class:"flex items-center"},rt={class:"flex items-center"},it={class:"mx-1"},pt={__name:"article-tab",props:{dataSource:{type:Array,required:!0}},setup(x){const{t:_}=h();return(y,s)=>{const f=I,d=F,c=C,m=G,u=H,a=R;return l(),v(a,{"item-layout":"horizontal","data-source":x.dataSource},{renderItem:e(({item:r})=>[n(u,null,{default:e(()=>[n(d,null,{title:e(()=>[t("a",ct,p(r.title),1),t("div",_t,[(l(!0),g(b,null,w(r.tags,(k,A)=>(l(),v(f,{key:A},{default:e(()=>[$(p(k),1)]),_:2},1024))),128))])]),_:2},1024),t("div",null,[t("div",null,p(r.content),1),t("div",ut,[t("span",rt,[n(c,{size:20,class:"mr-2"},{icon:e(()=>s[0]||(s[0]=[t("img",{src:q,alt:""},null,-1)])),_:1}),s[1]||(s[1]=t("span",{style:{color:"rgb(22, 119, 255)"}}," 张三 ",-1))]),t("span",it,p(o(_)("account.center.posted")),1),t("span",null,[n(m,{type:"link",href:"https://www.antdv-pro.com/"},{default:e(()=>s[2]||(s[2]=[$(" https://www.antdv-pro.com/ ")])),_:1})])])])]),_:2},1024)]),_:1},8,["data-source"])}}},dt={class:"flex"},mt={class:"ml-20"},ft={__name:"application-tab",setup(x){const{t:_}=h();return(y,s)=>{const f=C,d=K,c=z,m=O,u=B;return l(),v(u,null,{default:e(()=>[(l(),g(b,null,w(10,(a,r)=>n(m,{key:r,span:12,class:"mb-6"},{default:e(()=>[n(c,{hoverable:"",style:{width:"400px"}},{actions:e(()=>[t("div",null,[n(o(W))]),t("div",null,[n(o(J))]),t("div",null,[n(o(M))]),t("div",null,[n(o(Q))])]),default:e(()=>[n(d,{title:"Antdv Pro"},{avatar:e(()=>[n(f,{src:"/logo.svg"})]),description:e(()=>[t("div",dt,[t("div",null,[t("p",null,p(o(_)("account.center.activity-user")),1),s[0]||(s[0]=t("p",{class:"text-20px font-bold text-black"}," 20k ",-1))]),t("div",mt,[t("p",null,p(o(_)("account.center.new-user")),1),s[1]||(s[1]=t("p",{class:"text-20px font-bold text-black"}," 2,000 ",-1))])])]),_:1})]),_:1})]),_:2},1024)),64))]),_:1})}}},vt={class:"text-12px mt-2"},yt={__name:"pro-tab",setup(x){const{t:_}=h();return(y,s)=>{const f=K,d=z,c=O,m=B;return l(),v(m,null,{default:e(()=>[(l(),g(b,null,w(10,(u,a)=>n(c,{key:a,span:12,class:"mb-6"},{default:e(()=>[n(d,{hoverable:"",style:{width:"400px"}},{cover:e(()=>s[0]||(s[0]=[t("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png",alt:""},null,-1)])),default:e(()=>[n(f,{title:"Antdv Pro"},{description:e(()=>[s[1]||(s[1]=t("div",{class:"flex"}," 好好学习, 天天向上 ",-1)),t("div",vt,p(o(_)("account.center.updated")),1)]),_:1})]),_:1})]),_:2},1024)),64))]),_:1})}}},gt={__name:"right-content",setup(x){const{t:_}=h(),y=j(),s=j([{title:"Antdv Pro",tags:["Ant Design Vue","中后台","自动化"],content:"AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案，它参考了阿里react版本antd-pro的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、多主题、多布局等功能，可以帮助你快速搭建企业级中后台产品原型。"}]),f=N(()=>{const d=[];for(let c=0;c<10;c++)d.push(...s.value);return d});return(d,c)=>{const m=X,u=Y,a=z;return l(),v(a,{borderer:!1},{default:e(()=>[n(u,{"active-key":y.value,"onUpdate:activeKey":c[0]||(c[0]=r=>y.value=r)},{default:e(()=>[n(m,{key:"1",tab:o(_)("account.center.article")},{default:e(()=>[n(pt,{"data-source":o(f)},null,8,["data-source"])]),_:1},8,["tab"]),n(m,{key:"2",tab:o(_)("account.center.application"),"force-render":""},{default:e(()=>[n(ft)]),_:1},8,["tab"]),n(m,{key:"3",tab:o(_)("account.center.project")},{default:e(()=>[n(yt)]),_:1},8,["tab"])]),_:1},8,["active-key"])]),_:1})}}},bt=lt(gt,[["__scopeId","data-v-3eca9ca5"]]),xt={class:"gutter-example"},kt={class:"flex justify-center"},wt={class:"p-8"},ht={class:"mr-2"},Vt={class:"mr-2"},$t={class:"mr-2"},jt={class:"mt-10"},zt={class:"flex flex-wrap justify-between"},At=["src"],It={__name:"center",setup(x){const{t:_}=h(),y=j(),s=L({tags:["专注","坚持","很有想法","执行力强","乐观"],inputVisible:!1,inputValue:""});function f(u){const a=s.tags.filter(r=>r!==u);s.tags=a}function d(){s.inputVisible=!0,Z(()=>{y.value.focus()})}function c(){const u=s.inputValue;let a=s.tags;u&&!a.includes(u)&&(a=[...a,u]),Object.assign(s,{tags:a,inputVisible:!1,inputValue:""})}const m=j([{name:"Antdv Pro",link:"/logo.svg"},{name:"学习小组",link:"https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png"},{name:"工作小组",link:"https://gw.alipayobjects.com/zos/rmsportal/ComBAopevLwENQdKWiIn.png"},{name:"设计团队",link:"https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png"}]);return(u,a)=>{const r=C,k=I,A=at,P=ot,S=z,E=O,T=B;return l(),g("div",xt,[n(T,{gutter:24},{default:e(()=>[n(E,{span:7},{default:e(()=>[n(S,null,{default:e(()=>[t("div",kt,[n(r,{size:86},{icon:e(()=>a[1]||(a[1]=[t("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",alt:""},null,-1)])),_:1})]),a[5]||(a[5]=t("div",{class:"flex flex-col items-center justify-center mt-5"},[t("span",{class:"font-bold text-16px"},"超级管理员"),t("span",null,"好好学习, 天天向上")],-1)),t("div",wt,[t("p",null,[t("span",ht,[n(o(tt))]),a[2]||(a[2]=t("span",null," 程序员 ",-1))]),t("p",null,[t("span",Vt,[n(o(nt))]),a[3]||(a[3]=t("span",null," 蚂蚁金服－某某某事业群－某某平台部－某某技术部－UED ",-1))]),t("p",null,[t("span",$t,[n(o(et))]),a[4]||(a[4]=t("span",null," 广东省广州市 ",-1))])]),t("div",null,[t("p",null,p(o(_)("account.center.tags")),1),(l(!0),g(b,null,w(s.tags,(i,V)=>(l(),g(b,{key:i},[i.length>20?(l(),v(A,{key:0,title:i},{default:e(()=>[n(k,{closable:V!==0,onClose:D=>f(i)},{default:e(()=>[$(p(`${i.slice(0,20)}...`),1)]),_:2},1032,["closable","onClose"])]),_:2},1032,["title"])):(l(),v(k,{key:1,closable:V!==0,onClose:D=>f(i)},{default:e(()=>[$(p(i),1)]),_:2},1032,["closable","onClose"]))],64))),128)),s.inputVisible?(l(),v(P,{key:0,ref_key:"inputRef",ref:y,value:s.inputValue,"onUpdate:value":a[0]||(a[0]=i=>s.inputValue=i),type:"text",size:"small",style:{width:"78px"},onBlur:c,onKeyup:U(c,["enter"])},null,8,["value"])):(l(),v(k,{key:1,style:{background:"#fff","border-style":"dashed"},onClick:d},{default:e(()=>[n(o(st))]),_:1}))]),t("div",jt,[t("p",null,p(o(_)("account.cneter.team")),1),t("div",zt,[(l(!0),g(b,null,w(m.value,(i,V)=>(l(),g("span",{key:V,class:"flex items-center w-120px mb-5"},[n(r,{size:26,class:"mr-2"},{icon:e(()=>[t("img",{src:i.link,alt:""},null,8,At)]),_:2},1024),t("span",null,p(i.name),1)]))),128))])])]),_:1})]),_:1}),n(E,{span:17},{default:e(()=>[n(bt)]),_:1})]),_:1})])}}};export{It as default};
|