comp-hub 0.0.1

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.
Files changed (48) hide show
  1. package/README.md +26 -0
  2. package/bin/cli.js +14 -0
  3. package/dist/client-dist/socket.io.esm.min.js +7 -0
  4. package/dist/client-dist/socket.io.esm.min.js.map +1 -0
  5. package/dist/client-dist/socket.io.js +4908 -0
  6. package/dist/client-dist/socket.io.js.map +1 -0
  7. package/dist/client-dist/socket.io.min.js +7 -0
  8. package/dist/client-dist/socket.io.min.js.map +1 -0
  9. package/dist/client-dist/socket.io.msgpack.min.js +7 -0
  10. package/dist/client-dist/socket.io.msgpack.min.js.map +1 -0
  11. package/dist/exec-child.js +71 -0
  12. package/dist/index.js +272118 -0
  13. package/dist/website/dist/assets/avatar-zrZu7Mp7.png +0 -0
  14. package/dist/website/dist/assets/index-0Uzi1mPO.js +1 -0
  15. package/dist/website/dist/assets/index-5HgcuxNy.css +32 -0
  16. package/dist/website/dist/assets/index-B1WTDnJ4.css +1 -0
  17. package/dist/website/dist/assets/index-B6GPJIqI.js +1 -0
  18. package/dist/website/dist/assets/index-BrgxN_zy.css +17 -0
  19. package/dist/website/dist/assets/index-C2itWysN.css +1 -0
  20. package/dist/website/dist/assets/index-CG5053vs.js +1 -0
  21. package/dist/website/dist/assets/index-CbILqP9f.js +155 -0
  22. package/dist/website/dist/assets/index-CpRRQBEv.js +1 -0
  23. package/dist/website/dist/assets/index-D440e-22.css +1 -0
  24. package/dist/website/dist/assets/index-D8cDUn1y.css +1 -0
  25. package/dist/website/dist/assets/index-DC6UWm8v.js +1 -0
  26. package/dist/website/dist/assets/index-DEYBGr2P.css +1 -0
  27. package/dist/website/dist/assets/index-DOlB4aBs.js +393 -0
  28. package/dist/website/dist/assets/index-DR-SX2N7.js +1 -0
  29. package/dist/website/dist/assets/index-DUv6YUMX.js +1 -0
  30. package/dist/website/dist/assets/index-DoQAE4FX.css +1 -0
  31. package/dist/website/dist/assets/index-DpeI3Mss.css +1 -0
  32. package/dist/website/dist/assets/index-DxrobBOy.js +10 -0
  33. package/dist/website/dist/assets/index-E9CNdBkH.css +1 -0
  34. package/dist/website/dist/assets/index-Qnd2RV3P.js +15 -0
  35. package/dist/website/dist/assets/index-mhKG9uO_.js +1 -0
  36. package/dist/website/dist/assets/index-rnQm9sDT.css +1 -0
  37. package/dist/website/dist/assets/index-s8dJ37AT.css +1 -0
  38. package/dist/website/dist/assets/index.vue_vue_type_script_setup_true_lang-BNw7O9o4.js +1 -0
  39. package/dist/website/dist/assets/index.vue_vue_type_script_setup_true_lang-DnYfLlqK.js +1 -0
  40. package/dist/website/dist/assets/loading1-BV_wqY1M.svg +40 -0
  41. package/dist/website/dist/assets/lodash-CQWtwADI.js +27 -0
  42. package/dist/website/dist/assets/v1Comp-DZPQ-aWd.js +1 -0
  43. package/dist/website/dist/assets/v1Email-BIt87YVW.js +6 -0
  44. package/dist/website/dist/favicon.ico +0 -0
  45. package/dist/website/dist/index.html +19 -0
  46. package/dist/website/dist/js/vue2-sfc-loader.js +93894 -0
  47. package/dist/website/dist/js/vue3-sfc-loader.js +113824 -0
  48. package/package.json +21 -0
@@ -0,0 +1 @@
1
+ var X=Object.defineProperty;var J=(C,h,r)=>h in C?X(C,h,{enumerable:!0,configurable:!0,writable:!0,value:r}):C[h]=r;var n=(C,h,r)=>J(C,typeof h!="symbol"?h+"":h,r);import{g as b,a as K,_ as O,i as Q,b as Z}from"./index.vue_vue_type_script_setup_true_lang-DnYfLlqK.js";import{l as ee}from"./lodash-CQWtwADI.js";import{d as W,r as D,o as te,a as se,c as E,b as k,e as p,_ as j,u as ie,L as oe,f as ae,C as le,g as q,h as N,w as ne,i as re,j as de,k as ue,l as V,m as s,n as c,p as $,F as A,q as T,t as F,E as M,I as ce,s as he}from"./index-CbILqP9f.js";import{m as me,e as pe}from"./v1Email-BIt87YVW.js";const fe={class:"canvas-animation-container"},ve=W({__name:"index",setup(C){const h=D(null),r=D(!1);let f=null;class R{constructor({cvs:o,ctx:a}){n(this,"rangeR");n(this,"r");n(this,"rSpeed");n(this,"cvs");n(this,"ctx");n(this,"x");n(this,"y");n(this,"xSpeed");n(this,"ySpeed");n(this,"lastMoveTime");n(this,"fillStyle");n(this,"maxTimeDiff",100);this.rangeR=[3,7],this.r=b(this.rangeR[0],this.rangeR[1]),this.rSpeed=b(-5,5),this.cvs=o,this.ctx=a,this.x=b(0+this.r,this.cvs.width-this.r),this.y=b(0+this.r,this.cvs.height-this.r),this.xSpeed=b(-30,30),this.ySpeed=b(-30,30),this.lastMoveTime=null,this.fillStyle=K()}setLastMoveTime(o){this.lastMoveTime=o}draw(){if(this.lastMoveTime){const e=Date.now()-this.lastMoveTime,l=Math.min(e,this.maxTimeDiff)/1e3;let d=this.x+l*this.xSpeed,y=this.y+l*this.ySpeed,S=this.r+l*this.rSpeed;S<=this.rangeR[0]?(S=this.rangeR[0],this.rSpeed=Math.abs(this.rSpeed)):S>=this.rangeR[1]&&(S=this.rangeR[1],this.rSpeed=-Math.abs(this.rSpeed)),d-this.r<0?(d=this.r,this.xSpeed=Math.abs(this.xSpeed)):d+this.r>this.cvs.width&&(d=this.cvs.width-this.r,this.xSpeed=-Math.abs(this.xSpeed)),y-this.r<0?(y=this.r,this.ySpeed=Math.abs(this.ySpeed)):y+this.r>this.cvs.height&&(y=this.cvs.height-this.r,this.ySpeed=-Math.abs(this.ySpeed)),this.x=d,this.y=y,this.r=S}const o=Math.max(0,this.r);this.ctx.beginPath(),this.ctx.arc(this.x,this.y,o,0,2*Math.PI),this.ctx.fillStyle=this.fillStyle,this.ctx.fill(),this.lastMoveTime=Date.now()}}class L{constructor({pointNumber:o=30,maxDis:a=200,cvs:e,ctx:l}){n(this,"points");n(this,"maxDis");n(this,"cvs");n(this,"ctx");this.points=new Array(o).fill(0).map(()=>new R({cvs:e,ctx:l})),this.maxDis=a,this.cvs=e,this.ctx=l}resetPointsTime(){const o=Date.now();this.points.forEach(a=>{a.setLastMoveTime(o)})}draw(){if(r.value){if(document.hidden){setTimeout(()=>this.draw(),100);return}requestAnimationFrame(()=>this.draw()),this.ctx.clearRect(0,0,this.cvs.width,this.cvs.height);for(let o=0;o<this.points.length;o++){const a=this.points[o];a.draw();for(let e=o+1;e<this.points.length;e++){const l=this.points[e],d=Math.sqrt((a.x-l.x)**2+(a.y-l.y)**2);isNaN(d)||d>this.maxDis||(this.ctx.beginPath(),this.ctx.moveTo(a.x,a.y),this.ctx.lineTo(l.x,l.y),this.ctx.strokeStyle=`rgba(200,200,200,${Math.max(0,Math.min(1,1-d/this.maxDis))})`,this.ctx.stroke(),this.ctx.closePath())}}}}}function v(){if(!h.value)return;console.log("渲染动画"),r.value=!0;const w=1920,o=150*window.innerWidth/w,a=100*window.innerWidth/w,e=h.value,l=e.getContext("2d");if(!l)return;const d=window.devicePixelRatio||1;e.width=window.innerWidth*d,e.height=window.innerHeight*d,l.scale(d,d),f=new L({pointNumber:Math.floor(o),maxDis:Math.floor(a),cvs:e,ctx:l}),f.draw()}const _=ee.debounce(v,100);function g(){document.hidden?r.value=!1:h.value&&f&&(r.value=!0,f.resetPointsTime(),f.draw())}return window.addEventListener("resize",_),document.addEventListener("visibilitychange",g),te(()=>{_()}),se(()=>{r.value=!1,window.removeEventListener("resize",_),document.removeEventListener("visibilitychange",g),f=null}),(w,o)=>(k(),E("div",fe,[p("canvas",{ref_key:"myCanvas",ref:h,class:"my-canvas"},null,512)]))}}),ge=j(ve,[["__scopeId","data-v-d9a21ff4"]]),_e={class:"login-container"},xe={class:"login-box"},ye={class:"login-content"},we={class:"login-change-box"},Ce={class:"toolbar"},Se={class:"send-code"},be={class:"send-code"},Te={class:"other-login"},Me=W({__name:"index",setup(C){const h=ie(),r=D(null),f=D(!1),R=oe()||"account",L=ae(),v=D(Number(le())),_=q([{name:"账号登录",type:"account",select:R==="account"},{name:"邮箱登录",type:"email",select:R==="email"}]),g=N(()=>_.find(i=>i.select)??_[0]),w=N(()=>_.find(i=>!i.select)??_[1]),o=N(()=>v.value>0?`${v.value}s后重新发送`:"获取验证码"),a=N(()=>v.value>0),e=q({account:"",password:"",cellphone:"",email:"",authCode:""}),l=q({account:[{required:!0,message:"请输入账号",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"}],cellphone:[{required:!0,message:"请输入手机号",trigger:"blur"}],email:[{required:!0,message:"请输入邮箱",trigger:"blur"}],authCode:[{required:!0,message:"请输入验证码",trigger:"blur"}]});function d(){r.value&&r.value.validate(i=>{var t,m,x;i&&(((t=g.value)==null?void 0:t.type)==="account"&&e.account&&e.password?y({account:e.account,password:me(e.password)}):((m=g.value)==null?void 0:m.type)==="phone"&&e.cellphone&&e.authCode?y({cellphone:e.cellphone,authCode:e.authCode}):((x=g.value)==null?void 0:x.type)==="email"&&e.email&&e.authCode&&y({email:e.email,authCode:e.authCode}))})}function y(i){r.value&&r.value.validate(t=>{t&&(f.value=!0,L.login(i).then(()=>{M.success("登录成功"),h.push("/").finally(()=>{f.value=!1})}).catch(()=>{f.value=!1}))})}function S(){ce("1"),h.push("/").catch(()=>{he()})}function H(i){_.forEach(t=>{t.select=!1}),i.select=!0}function G(i){var t,m;if(i.start(),((t=g.value)==null?void 0:t.type)==="phone"){if(!e.cellphone){M.error("请输入手机号"),i.end();return}if(!Q(e.cellphone)){M.error("请输入正确的手机号"),i.end();return}}else if(((m=g.value)==null?void 0:m.type)==="email"){if(!e.email){M.error("请输入邮箱"),i.end();return}if(!Z(e.email)){M.error("请输入正确的邮箱"),i.end();return}pe({email:e.email}).then(()=>{M.success("验证码已发送"),v.value=60}).finally(()=>{i.end()})}}function B(){v.value<=0||setTimeout(()=>{v.value--},1e3)}return ne(()=>v.value,i=>{i<=0||B()},{immediate:!0}),re(()=>{de(String(v.value)),console.log(v.value),_.forEach(i=>{i.select&&ue(i.type)})}),(i,t)=>{const m=V("el-input"),x=V("el-form-item"),U=V("el-link"),I=V("el-button"),z=V("el-form");return k(),E("div",_e,[s(ge,{class:"canvas-animation"}),p("div",xe,[t[12]||(t[12]=p("div",{class:"login-title"},[p("h1",null,"Comp Shared")],-1)),p("div",ye,[s(z,{ref_key:"ruleFormRef",ref:r,class:"login-form",model:e,rules:l,"status-icon":""},{default:c(()=>[p("div",we,[g.value.type==="account"?(k(),E(A,{key:0},[s(x,{prop:"account"},{default:c(()=>[s(m,{modelValue:e.account,"onUpdate:modelValue":t[0]||(t[0]=u=>e.account=u),placeholder:"请输入用户名"},null,8,["modelValue"])]),_:1}),s(x,{prop:"password"},{default:c(()=>[s(m,{modelValue:e.password,"onUpdate:modelValue":t[1]||(t[1]=u=>e.password=u),placeholder:"请输入密码",type:"password"},null,8,["modelValue"])]),_:1}),p("div",Ce,[s(U,{href:"javascript:void(0)",type:"primary"},{default:c(()=>[...t[7]||(t[7]=[T(" 忘记密码? ",-1)])]),_:1})])],64)):$("",!0),g.value.type==="phone"?(k(),E(A,{key:1},[s(x,{prop:"cellphone"},{default:c(()=>[s(m,{modelValue:e.cellphone,"onUpdate:modelValue":t[2]||(t[2]=u=>e.cellphone=u),placeholder:"请输入手机号"},null,8,["modelValue"])]),_:1}),s(x,{prop:"authCode"},{default:c(()=>[p("div",Se,[s(m,{modelValue:e.authCode,"onUpdate:modelValue":t[3]||(t[3]=u=>e.authCode=u),placeholder:"请输入验证码"},null,8,["modelValue"]),s(O,null,{default:c(({loading:u,instance:P})=>[s(I,{loading:u,class:"ml10",color:"#1c1e23",disabled:a.value,onClick:Y=>G(P)},{default:c(()=>[T(F(o.value),1)]),_:1},8,["loading","disabled","onClick"])]),_:1})])]),_:1}),t[8]||(t[8]=p("div",{class:"toolbar"},null,-1))],64)):$("",!0),g.value.type==="email"?(k(),E(A,{key:2},[s(x,{prop:"email"},{default:c(()=>[s(m,{modelValue:e.email,"onUpdate:modelValue":t[4]||(t[4]=u=>e.email=u),placeholder:"请输入邮箱"},null,8,["modelValue"])]),_:1}),s(x,{prop:"authCode"},{default:c(()=>[p("div",be,[s(m,{modelValue:e.authCode,"onUpdate:modelValue":t[5]||(t[5]=u=>e.authCode=u),placeholder:"请输入验证码"},null,8,["modelValue"]),s(O,null,{default:c(({loading:u,instance:P})=>[s(I,{loading:u,class:"ml10",color:"#1c1e23",disabled:a.value,onClick:Y=>G(P)},{default:c(()=>[T(F(o.value),1)]),_:1},8,["loading","disabled","onClick"])]),_:1})])]),_:1}),t[9]||(t[9]=p("div",{class:"toolbar"},null,-1))],64)):$("",!0),s(x,null,{default:c(()=>[s(I,{class:"btn-login",loading:f.value,type:"primary",onClick:d},{default:c(()=>[...t[10]||(t[10]=[T(" 登录 ",-1)])]),_:1},8,["loading"])]),_:1})]),p("div",Te,[s(U,{href:"javascript:void(0)",type:"primary",onClick:S},{default:c(()=>[...t[11]||(t[11]=[T(" 游客访问 ",-1)])]),_:1}),s(U,{onClick:t[6]||(t[6]=u=>H(w.value))},{default:c(()=>[T(F(w.value.name),1)]),_:1})])]),_:1},8,["model","rules"])])])])}}}),Ne=j(Me,[["__scopeId","data-v-62c1a7d9"]]);export{Ne as default};
@@ -0,0 +1 @@
1
+ .auth-code-button[data-v-d5c08234]{white-space:nowrap}.base-form[data-v-73df7fb8]{padding:20px 20px 0}.avatar-uploader .avatar[data-v-bbf7a256]{width:70px;height:70px;display:block;border-radius:5px;border:1px solid #8c939d}.el-icon.avatar-uploader-icon[data-v-bbf7a256]{font-size:28px;color:#8c939d;width:70px;height:70px;text-align:center;border-radius:5px;border:1px solid #8c939d}.info-list .info-item[data-v-b89568e4]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--el-border-color-lighter)}.info-list .info-item[data-v-b89568e4]:last-child{border-bottom:none}.info-list .info-item .label[data-v-b89568e4]{width:80px;color:var(--el-text-color-secondary);font-size:14px}.info-list .info-item .value[data-v-b89568e4]{flex:1;color:var(--el-text-color-primary);font-size:14px}.user-center[data-v-e4aed77a]{height:100%;overflow:auto;padding:20px}.user-center .grid-container[data-v-e4aed77a]{display:grid;grid-template-columns:8fr 13fr;gap:24px;max-width:1400px;margin:0 auto}.user-center .card-left[data-v-e4aed77a]{grid-column:1;grid-row:1/span 2}.user-center .card-right[data-v-e4aed77a]{grid-column:2}.user-center .page-header[data-v-e4aed77a]{margin-bottom:24px}.user-center .page-header .page-title[data-v-e4aed77a]{font-size:24px;font-weight:600;color:var(--el-text-color-primary);margin:0}.user-center .page-header .page-desc[data-v-e4aed77a]{margin:8px 0 0;font-size:14px;color:var(--el-text-color-secondary)}.user-center .card-header[data-v-e4aed77a]{display:flex;justify-content:space-between;align-items:center}.user-center .user-card .user-profile[data-v-e4aed77a]{text-align:center;padding:20px 0}.user-center .user-card .user-profile .user-avatar[data-v-e4aed77a]{margin-bottom:16px;border:4px solid var(--el-color-primary-light-8);cursor:pointer}.user-center .user-card .user-profile .user-name[data-v-e4aed77a]{font-size:20px;font-weight:600;margin:0 0 4px;color:var(--el-text-color-primary)}.user-center .user-card .user-profile .user-role[data-v-e4aed77a]{font-size:14px;color:var(--el-text-color-secondary);margin:0}.user-center .security-card .security-list .security-item[data-v-e4aed77a]{display:flex;align-items:center;padding:24px 0;border-bottom:1px solid var(--el-border-color-lighter)}.user-center .security-card .security-list .security-item[data-v-e4aed77a]:last-child{border-bottom:none}.user-center .security-card .security-list .security-item .item-icon[data-v-e4aed77a]{width:48px;height:48px;border-radius:8px;background-color:var(--el-color-primary-light-9);display:flex;align-items:center;justify-content:center;margin-right:16px}.user-center .security-card .security-list .security-item .item-icon .el-icon[data-v-e4aed77a]{font-size:24px;color:var(--el-color-primary)}.user-center .security-card .security-list .security-item .item-content[data-v-e4aed77a]{flex:1}.user-center .security-card .security-list .security-item .item-content h4[data-v-e4aed77a]{font-size:16px;font-weight:600;color:var(--el-text-color-primary);margin:0 0 4px}.user-center .security-card .security-list .security-item .item-content p[data-v-e4aed77a]{font-size:14px;color:var(--el-text-color-secondary);margin:0}.user-center .security-card .security-list .security-item .item-action[data-v-e4aed77a]{margin-left:16px}.verify-code[data-v-e4aed77a]{display:flex;gap:12px}.verify-code .el-input[data-v-e4aed77a]{flex:1}.verify-code .el-button[data-v-e4aed77a]{width:120px}.avatar-uploader[data-v-e4aed77a]{text-align:center}.avatar-uploader .avatar[data-v-e4aed77a]{width:100px;height:100px;border-radius:50%}.avatar-uploader .avatar-uploader-icon[data-v-e4aed77a]{width:100px;height:100px;font-size:28px;color:#8c939d;border:1px dashed var(--el-border-color);border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader .avatar-uploader-icon[data-v-e4aed77a]:hover{border-color:var(--el-color-primary)}.avatar-uploader .avatar-uploader-icon .el-icon[data-v-e4aed77a]{font-size:28px;color:#8c939d;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.stats-card .stats-grid[data-v-e4aed77a]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.stats-card .stats-item[data-v-e4aed77a]{text-align:center}.stats-card .stats-item .stats-value[data-v-e4aed77a]{font-size:24px;font-weight:600;color:var(--el-color-primary);margin-bottom:4px}.stats-card .stats-item .stats-label[data-v-e4aed77a]{font-size:14px;color:var(--el-text-color-secondary)}@media (max-width: 768px){.user-center[data-v-e4aed77a]{padding:16px}.user-center .el-col[data-v-e4aed77a]{margin-bottom:16px}.user-center .stats-grid[data-v-e4aed77a]{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.user-center .stats-grid .stats-value[data-v-e4aed77a]{font-size:20px}.user-center .stats-grid .stats-label[data-v-e4aed77a]{font-size:12px}}
@@ -0,0 +1 @@
1
+ .collect[data-v-0c73872c]{display:inline;cursor:pointer}.collect-icon[data-v-0c73872c]{color:#726d6d;font-size:22px}.is-collect[data-v-0c73872c]{color:#e0d313}.comp-item-container[data-v-0434ab38]{width:100%;height:100%;border:1px solid #928c8c;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.comp-item-container .comp-item-content[data-v-0434ab38]{flex:1;width:100%;overflow:hidden}.comp-item-container .comp-item-desc[data-v-0434ab38]{text-align:left;width:100%;border-top:1px solid #ccc}.comp-item-container .comp-item-desc h4[data-v-0434ab38]{margin:0;text-indent:1rem;padding:5px 0}.comp-item-container .comp-item-desc p[data-v-0434ab38]{max-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;font-size:14px;color:#666;margin:5px;text-indent:1rem}.comp-item-container .btns[data-v-0434ab38]{height:30px;width:100%;background:#d2d6d3;display:flex;align-items:center;justify-content:flex-end;padding:5px;border-radius:0 0 5px 5px;overflow:hidden}.comp-item-container .btns .btn-item[data-v-0434ab38]{margin:0 2px}.comp-item-container .btns .collect-item[data-v-0434ab38]{position:relative;top:1px}.comp-item-container .btns .label-item[data-v-0434ab38]{margin-right:auto}.empty-status-container[data-v-c5e186a2]{width:100%;height:100%}.centered-empty[data-v-c5e186a2]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.comp-list-container[data-v-723a82f4]{height:100%;display:flex;flex-direction:column}.comp-list-container .comp-content[data-v-723a82f4]{flex:1;overflow:auto}.comp-list-container .comp-pagination[data-v-723a82f4]{padding:20px;display:flex;justify-content:center}.comp-list-container .grid .item[data-v-723a82f4]{text-align:center;height:350px;overflow:hidden;border-radius:5px;min-width:350px}.comp-container[data-v-759b251f]{width:100%;height:100%}
@@ -0,0 +1 @@
1
+ import{u as c}from"./index-DOlB4aBs.js";import{C as s}from"./index-DUv6YUMX.js";import{d as a,i as n,a as r,c as p,b as m,m as i,_ as d}from"./index-CbILqP9f.js";import"./v1Comp-DZPQ-aWd.js";import"./lodash-CQWtwADI.js";import"./index.vue_vue_type_script_setup_true_lang-BNw7O9o4.js";const l={class:"collect-container"},_=a({__name:"index",setup(f){const e=c();e.setOperate(["download","preview","collect"]),n(()=>{e.getMyCollectList()});const o=e.watchCancelCollectComp(t=>{e.delCompListById(t)});return r(()=>{o==null||o()}),(t,C)=>(m(),p("div",l,[i(s)]))}}),k=d(_,[["__scopeId","data-v-fe625c27"]]);export{k as default};
@@ -0,0 +1 @@
1
+ .full-container[data-v-f488d381]{width:100%;height:100%;position:relative;overflow:hidden}.item[data-v-f488d381]{position:absolute;transition-property:width,transform,height,top,left;transition-duration:.5s;transition-timing-function:ease;overflow:hidden}.check-container[data-v-183eb4fa]{height:100%}.text-error[data-v-183eb4fa]{color:red;padding:0 10px}.is-ok[data-v-183eb4fa]{color:green;font-size:16px;vertical-align:middle;margin-left:10px}.version-content[data-v-183eb4fa]{display:flex;align-items:center}.version-content .input-item[data-v-183eb4fa]{width:60px}.comp-dir-wrapper[data-v-7f66a1bb]{height:100%;overflow:auto}.preview-item[data-v-9a51b863]{width:100%;padding:10px;height:200px;background-color:#fff;border-radius:4px;box-shadow:0 0 10px #0000001a;overflow:auto;border:1px solid #ccc}.preview-item .btn-group[data-v-9a51b863]{text-align:right}.active[data-v-9a51b863]{border:2px solid #23b2c5;border-radius:8px}.preview-list-wrapper[data-v-9ee725bf]{height:100%;overflow:hidden;display:flex;flex-direction:column}.preview-list-wrapper .btn[data-v-9ee725bf]{height:40px}.preview-list-wrapper .config-container[data-v-9ee725bf]{overflow:auto;flex:1;padding:10px 0}.preview-list-wrapper .config-container .content .item[data-v-9ee725bf]{min-width:300px}.comp-content[data-v-28814466]{border:1px solid #445852;border-radius:5px;overflow:hidden}.config-content[data-v-28814466]{border:1px solid #445852;border-radius:5px;padding:10px}