comp-hub 0.0.1 → 0.0.2

package/dist/website/dist/assets/index-fjW-F_me.css

@@ -0,0 +1 @@
+.share-container[data-v-8d7068b7]{height:100%}

package/dist/website/dist/assets/index-jfi0x5Pz.js

@@ -0,0 +1 @@
+import{_ as re}from"./index.vue_vue_type_script_setup_true_lang-CRmvqlN8.js";import{d as D,r as P,i as J,c as I,b as f,F as T,y as ne,z as oe,A as se,_ as B,g as W,h as R,l as E,B as ie,D as ce,e as w,p as ue,v as U,q as O,m as n,t as q,n as s,E as K,T as N,G as de,H as L,w as le,J as pe,K as Q,M as me,N as fe,O as ve,P as _e}from"./index-C8VDrlNq.js";import{b as he,d as ge,e as ye,c as Ce,f as ke,g as Ie}from"./v1Comp-C04tFwGk.js";import{u as j,e as we,v as ae,G as be,C as Ee}from"./index-H0GBV58P.js";import{m as xe,c as Ve}from"./index-DLOqS6jw.js";import{_ as Fe}from"./index.vue_vue_type_script_setup_true_lang-RDoKhbvM.js";const $e=D({__name:"index",props:{elements:{}},emits:["transitionEnd"],setup(X,{expose:v,emit:_}){const t=_,r=X,d=P([]),o=P({}),C=P(null),x=(e,a)=>{e&&!(e instanceof Element)&&(e=e.$el),e instanceof Element&&(o.value[a]=e)},k=e=>{e.isFull=!e.isFull,e.isFull?(e.changeStartXY=[0,0],e.changeEndXY=[100,100]):(e.changeStartXY=null,e.changeEndXY=null),e.style=h(e);const a=C.value,i=o.value[e.slot],g=a.getBoundingClientRect(),y=i.getBoundingClientRect();d.value.forEach(V=>{if(V.slot===e.slot)return;let F=null;V.endXY[1]<=e.startXY[1]&&(F=`translateY(${g.top-y.top-1}px)`),V.startXY[1]>=e.endXY[1]&&(F=`translateY(${g.bottom-y.bottom+1}px)`),V.startXY[0]>=e.endXY[0]&&(F=`translateX(${g.right-y.right+1}px)`),V.endXY[0]<=e.startXY[0]&&(F=`translateX(${g.left-y.left-1}px)`),V.style={transform:F||"",...h(V)}})},p=e=>{const a=o.value[e],i=d.value.find(y=>y.slot===e);if(!a||!i)return;function g(y){y.target===a&&t("transitionEnd",{slot:e})}a.addEventListener("transitionend",g,{once:!0}),k(i)},h=e=>{const{endXY:a,startXY:i,changeStartXY:g,changeEndXY:y,backgroundColor:V}=e;return y&&g?{width:`${y[0]-g[0]}%`,height:`${y[1]-g[1]}%`,top:`${g[1]}%`,left:`${g[0]}%`,backgroundColor:V,transitionDuration:r.elements.duration||"0.5s"}:{width:`${a[0]-i[0]}%`,height:`${a[1]-i[1]}%`,top:`${i[1]}%`,left:`${i[0]}%`,backgroundColor:V,transitionDuration:r.elements.duration||"0.5s"}};function l(){d.value=r.elements.items.map(e=>({...e,style:h(e),isFull:!1}))}return J(()=>{l()}),v({fullBySlot:p}),(e,a)=>(f(),I("div",{ref_key:"container",ref:C,class:"full-container"},[(f(!0),I(T,null,ne(d.value,(i,g)=>(f(),I("div",{key:g,ref_for:!0,ref:y=>x(y,i.slot),class:"item",style:oe(i.style)},[se(e.$slots,i.slot,{slotItem:i},void 0,!0)],4))),128))],512))}}),Oe=B($e,[["__scopeId","data-v-f488d381"]]),Re={class:"check-container"},Pe={key:0},Se={key:1,class:"text-error"},Le={key:0},Ae={key:0},Xe={key:1,class:"text-error"},He={key:0,class:"version-content"},Ne=D({__name:"index",setup(X){const v=j(),_=P(!0),t=W({entryIndex:{loading:!0,value:""},compHash:{loading:!0,value:""},compJsonIsOk:{loading:!0,value:""}}),r=W({major:"",minor:"",patch:""}),d=R(()=>{var l;return(l=v.currentFolder)==null?void 0:l.path}),o=R(()=>Object.values(t).map(a=>a.value).every(a=>a));function C(){d.value&&he({compPath:d.value}).then(()=>{K.success("生成组件指纹成功"),x()})}function x(){if(d.value){for(const l in t)t[l].loading=!0,t[l].value="";ge({compPath:d.value}).then(l=>{const e=l.data;if(e){t.entryIndex.value=e.entryIndex,t.compHash.value=e.compHash,t.compJsonIsOk.value=e.compJsonIsOk;for(const a in t)t[a].loading=!1}}).finally(()=>{_.value=!1;const e=Object.values(t).map(a=>a.value).some(a=>!a);v.setFolderCheckError(e),e||p()})}}function k(){d.value&&(_.value=!0,ye({compPath:d.value,version:`${r.major}.${r.minor}.${r.patch}`}).then(()=>{K.success("修改版本号成功"),x()}).finally(()=>{_.value=!1}))}function p(){if(!t.compJsonIsOk.value)return;const l=JSON.parse(t.compJsonIsOk.value),[e,a,i]=l.version.split(".");r.major=e+"",r.minor=a+"",r.patch=i+""}async function h(){if(v.compDialogType!=="EDIT")return!0;const l=v.currentEditCompId;if(!l)return K.error("组件ID异常"),!1;const e=`${r.major}.${r.minor}.${r.patch}`;return await we({compId:l,version:e}).then(i=>i.code===0).catch(()=>!1)?!0:(v.setActiveName(N.CONFIG),!1)}return J(async()=>{x(),v.setCheckCompConfigCache(h)}),(l,e)=>{const a=E("el-button"),i=E("Select"),g=E("el-icon"),y=E("el-input"),V=ie("loading");return ce((f(),I("div",Re,[w("p",null,[e[3]||(e[3]=w("span",null,"入口文件：",-1)),t.entryIndex.loading?(f(),U(a,{key:0,link:"",loading:t.entryIndex.loading},null,8,["loading"])):(f(),I(T,{key:1},[t.entryIndex.value?(f(),I("span",Pe,[O(q(t.entryIndex.value)+" ",1),n(g,{class:"is-ok"},{default:s(()=>[n(i)]),_:1})])):(f(),I("span",Se,"缺少入口文件!"))],64))]),w("p",null,[e[6]||(e[6]=w("span",null,"组件指纹文件：",-1)),t.compHash.loading?(f(),U(a,{key:0,link:"",loading:t.compHash.loading},null,8,["loading"])):(f(),I(T,{key:1},[t.compHash.value?(f(),I("span",Le,[O(q(t.compHash.value)+" ",1),n(g,{class:"is-ok"},{default:s(()=>[n(i)]),_:1})])):(f(),I(T,{key:1},[e[5]||(e[5]=w("span",{class:"text-error"},"缺少组件指纹!",-1)),n(a,{plain:"",size:"small",onClick:C},{default:s(()=>[...e[4]||(e[4]=[O(" 生成组件指纹文件 ",-1)])]),_:1})],64))],64))]),w("p",null,[e[7]||(e[7]=w("span",null," comp.json文件内容： ",-1)),t.compJsonIsOk.loading?(f(),U(a,{key:0,link:"",loading:t.compJsonIsOk.loading},null,8,["loading"])):(f(),I(T,{key:1},[t.compJsonIsOk.value?(f(),I("span",Ae,[O(q(t.compJsonIsOk.value)+" ",1),n(g,{class:"is-ok"},{default:s(()=>[n(i)]),_:1})])):(f(),I("span",Xe,"文件内容有误!"))],64))]),o.value?(f(),I("p",He,[e[8]||(e[8]=w("span",null,"本地版本号：",-1)),n(y,{modelValue:r.major,"onUpdate:modelValue":e[0]||(e[0]=F=>r.major=F),class:"input-item",min:0,size:"small",type:"number",onChange:k},null,8,["modelValue"]),e[9]||(e[9]=w("span",null,".",-1)),n(y,{modelValue:r.minor,"onUpdate:modelValue":e[1]||(e[1]=F=>r.minor=F),class:"input-item",min:0,size:"small",type:"number",onChange:k},null,8,["modelValue"]),e[10]||(e[10]=w("span",null,".",-1)),n(y,{modelValue:r.patch,"onUpdate:modelValue":e[2]||(e[2]=F=>r.patch=F),class:"input-item",min:0,size:"small",type:"number",onChange:k},null,8,["modelValue"])])):ue("",!0)])),[[V,_.value]])}}}),Ye=B(Ne,[["__scopeId","data-v-183eb4fa"]]),De={class:"comp-dir-wrapper"},Te={class:"tree-content"},Ue=D({__name:"index",setup(X){const v=j(),_=R(()=>{var r;return(r=v.currentFolder)==null?void 0:r.path}),t={children:"children",label:"name"};return J(async()=>{var h,l;if(!_.value)return;const r=await Ce({compPath:_.value}),d=await ke(),o=await Ie(),{srcPath:C}=d.data,{pathSeparator:x}=o.data,k=(h=_.value)==null?void 0:h.replace(de.dirname,"").replaceAll("/",x),p=xe(r.data||[],e=>(e.path=e.path.replace(`${C}${x}${k}`,""),e));(l=p.children)!=null&&l.length&&v.setCurrentCompFolder(p.children)}),(r,d)=>{const o=E("el-tree");return f(),I("div",De,[w("div",Te,[n(o,{data:L(v).currentCompFolder,props:t},null,8,["data"])])])}}}),Je=B(Ue,[["__scopeId","data-v-918f7378"]]),Be=D({__name:"PreviewItem",props:{modelValue:{}},emits:["update:modelValue"],setup(X,{expose:v,emit:_}){const t=j(),{watchCompRenderRetry:r}=t,d=_,o=X,C=P(),x=R(()=>t.previewList.findIndex(c=>c.uuid===o.modelValue.uuid)),k=R(()=>{var c;return(c=t.currentFolder)==null?void 0:c.path}),p=W({path:[{required:!0,message:"请选择预览文件",trigger:"change"}],desc:[{required:!0,message:"请填写备注说明",trigger:"blur"}]}),h=R(()=>{const c=JSON.parse(JSON.stringify(t.currentCompFolder));return i(c),c}),l=R(()=>o.modelValue.uuid===t.previewList[0].uuid),e={value:"path",label:"name"};function a(c){d("update:modelValue",{...o.modelValue,desc:c})}function i(c){Array.isArray(c)&&c.forEach(b=>{b.disabled=b.type==="file"&&!b.name.endsWith(".vue"),Array.isArray(b.children)&&b.children.length>0&&i(b.children)})}function g(){Q().then(()=>{t.delPreviewCompItemByUuid(o.modelValue.uuid)})}async function y(c){d("update:modelValue",{...o.modelValue,path:c}),C.value&&(await Q(),C.value.validateField("path"))}function V(){const c=t.previewList.findIndex(b=>b.uuid===o.modelValue.uuid);t.setCurrPreviewIndex(c)}function F(){var c;return(c=C.value)==null?void 0:c.validate()}async function H(){const c=Ve((k==null?void 0:k.value)||"",o.modelValue.path),b=me+"/"+c+"?v="+ae();d("update:modelValue",{...o.modelValue,entryUrl:b})}return r(o.modelValue.uuid,()=>{o.modelValue.path.length&&H()}),le(()=>o.modelValue.path,async(c,b)=>{c===b||!c.length||await H()},{immediate:!0}),v({validateForm:F}),(c,b)=>{const Z=E("el-cascader"),z=E("el-form-item"),ee=E("el-input"),te=E("el-button"),u=E("el-form");return f(),I("div",{class:pe(["preview-item",{active:L(t).currPreviewIndex===x.value}]),onClick:V},[n(u,{ref_key:"ruleFormRef",ref:C,style:{"max-width":"600px"},model:c.modelValue,rules:p,"label-width":"100px"},{default:s(()=>[n(z,{label:"预览文件：",prop:"path"},{default:s(()=>[n(Z,{disabled:l.value,"model-value":c.modelValue.path,options:h.value,props:e,placeholder:"请选择预览文件",onChange:y},null,8,["disabled","model-value","options"])]),_:1}),n(z,{label:"备注说明：",prop:"desc"},{default:s(()=>[n(ee,{disabled:l.value,"model-value":c.modelValue.desc,type:"textarea",onInput:a},null,8,["disabled","model-value"])]),_:1}),n(z,null,{default:s(()=>[n(te,{size:"small",type:"danger",disabled:l.value,onClick:g},{default:s(()=>[...b[0]||(b[0]=[O("删除",-1)])]),_:1},8,["disabled"])]),_:1})]),_:1},8,["model","rules"])],2)}}}),je=B(Be,[["__scopeId","data-v-9a51b863"]]),ze={class:"preview-list-wrapper"},Ge={class:"btn"},Me={class:"config-container"},qe=D({__name:"index",setup(X,{expose:v}){const _=j(),t=R(()=>_.previewList),r=W({}),d=P();function o(p,h){if(!h||h instanceof Element){delete r[p];return}r[p]=h}async function C(){var p;(p=d.value)==null||p.calcCol()}function x(){_.addPreviewCompItem({uuid:ae(),desc:"",path:[]})}async function k(){const p=Object.values(r).map(l=>l==null?void 0:l.validateForm()),h=await Promise.all(p).then(l=>l.every(e=>e)).catch(l=>(console.error(l),!1));return h||_.setActiveName(N.PREVIEW),h}return J(async()=>{_.setCheckPreviewListFormCache(k),_.activeName==="preview"&&(await Q(),C())}),v({calcCol:C}),(p,h)=>{const l=E("el-button");return f(),I("div",ze,[w("div",Ge,[n(l,{size:"small",type:"primary",onClick:x},{default:s(()=>[...h[0]||(h[0]=[O(" 添加预览入口 ",-1)])]),_:1})]),w("div",Me,[n(be,{class:"content",ref_key:"gridContainerRef",ref:d},{default:s(()=>[(f(!0),I(T,null,ne(t.value,(e,a)=>(f(),U(je,{class:"item",ref_for:!0,ref:i=>o(e.uuid,i),key:e.uuid,modelValue:t.value[a],"onUpdate:modelValue":i=>t.value[a]=i},null,8,["modelValue","onUpdate:modelValue"]))),128))]),_:1},512)])])}}}),We=B(qe,[["__scopeId","data-v-9ee725bf"]]),Ke=D({__name:"index",props:{modelValue:{}},setup(X){const v=j(),_=P(),t={description:[{required:!0,message:"请输入备注说明",trigger:"blur"},{min:3,max:500,message:"长度在 3 到 500 个字符",trigger:"blur"}]};async function r(){var o;try{return await((o=_.value)==null?void 0:o.validate()),!0}catch(C){return console.error(C),v.setActiveName(N.EXTRA),!1}}function d(o){v.setCompExtraInfo({...v.compExtraInfo,description:o})}return J(()=>{v.setCheckCompExtraInfoFormCache(r)}),(o,C)=>{const x=E("el-input"),k=E("el-form-item");return f(),U(L(fe),{ref_key:"formRef",ref:_,class:"description-form","label-width":"80px",model:o.modelValue,rules:t},{default:s(()=>[n(k,{label:"备注说明",prop:"description"},{default:s(()=>[n(x,{"model-value":o.modelValue.description,placeholder:"请输入备注，有助于组件市场检索",rows:4,type:"textarea",onInput:d},null,8,["model-value"])]),_:1})]),_:1},8,["model"])}}}),Qe={class:"h100 comp-content"},Ze={class:"h100 p-t-20"},et={class:"config-content h100"},tt={class:"dialog-footer"},nt=D({__name:"index",emits:["confirmUpload"],setup(X,{expose:v,emit:_}){const t=j(),r=_,d={NORMAL:"70vh"},o=P(!1),C=P(),x=P(),k=P(),p=W({isFullScreen:ve()==="true",fullStyle:{height:d.NORMAL},entryModule:[]}),h=R(()=>t.folderCheckError),l=R(()=>!t.compExtraInfo.description),e=R(()=>t.previewList.some(u=>!u.path.length||!u.desc)),a=R(()=>t.previewList.map(u=>({uuid:u.uuid,entryUrl:u.entryUrl}))),i=R(()=>t.compDialogFinalTitle),g=P({items:[{slot:"comp",startXY:[0,0],endXY:[100,50],backgroundColor:""},{slot:"config",startXY:[0,50],endXY:[100,100],backgroundColor:""}]});function y(){o.value=!0}function V(){c()}function F(){o.value=!1}async function H(){p.isFullScreen=!p.isFullScreen,await c()}async function c(){var Y,S,M;const u=(Y=document.querySelector(".el-dialog__header"))==null?void 0:Y.clientHeight,m=(S=document.querySelector(".el-dialog__footer"))==null?void 0:S.clientHeight,$=document.querySelector(".el-dialog"),A=window.getComputedStyle($).getPropertyValue("--el-dialog-padding-primary");p.fullStyle={height:p.isFullScreen?`calc(100vh - ${u}px - ${m}px - ${A} * 2)`:d.NORMAL},await Q(),(M=C.value)==null||M.calcCol()}async function b(){const u=t.checkCompRenderErrorCacheFn.map(async m=>await(m==null?void 0:m()));return(await Promise.all(u)).some(Boolean)}async function Z(u){var A,Y,S;if(u.start(),h.value){t.setActiveName(N.CONFIG),u.end();return}if(await b()){K.error("请先处理编译错误"),u.end();return}if(!await((A=t.checkCompConfigCacheFn)==null?void 0:A.call(t))){u.end();return}if(!await((Y=t.checkPreviewListFormCacheFn)==null?void 0:Y.call(t))){u.end();return}if(!await((S=t.checkCompExtraInfoFormCacheFn)==null?void 0:S.call(t))){u.end();return}r("confirmUpload",{end:u.end})}async function z(u){t.setCurrPreviewIndex(u)}function ee(u){t.setActiveName(u)}function te(u){var m,$;u&&(($=(m=t.afterCompRenderRetryFn)==null?void 0:m[u])==null||$.call(m))}return le(()=>t.currPreviewIndex,async(u,m)=>{var $;u!==m&&(($=k.value)==null||$.setActiveItem(u))}),J(()=>{_e(p.isFullScreen.toString())}),v({open:y,close:F}),(u,m)=>{const $=E("el-button"),G=E("el-badge"),A=E("el-tab-pane"),Y=E("el-tabs");return f(),U(re,{modelValue:o.value,"onUpdate:modelValue":m[0]||(m[0]=S=>o.value=S),top:"10vh",title:i.value,width:"70%","show-close":"",fullscreen:p.isFullScreen,"destroy-on-close":!0,onOpened:V},{footer:s(()=>[w("span",tt,[n($,{onClick:H},{default:s(()=>[O(q(p.isFullScreen?"退出全屏":"全屏"),1)]),_:1}),n($,{onClick:F},{default:s(()=>[...m[5]||(m[5]=[O("取 消",-1)])]),_:1}),n(Fe,null,{default:s(({instance:S,loading:M})=>[n($,{loading:M,type:"primary",onClick:ot=>Z(S)},{default:s(()=>[O(q(L(t).compSubmitBtnText),1)]),_:1},8,["loading","onClick"])]),_:1})])]),default:s(()=>[w("div",{class:"preview-content",style:oe(p.fullStyle)},[n(Oe,{ref_key:"fullscreenItemRef",ref:x,elements:g.value},{comp:s(()=>[w("div",Qe,[n(Ee,{previews:a.value,dep:L(t).currentCompDep,ref_key:"compCarouselRef",ref:k,arrow:"always",onChange:z},{toolbar:s(({compItem:S})=>[n($,{type:"warning",size:"small",icon:"refreshLeft",onClick:M=>te(S.uuid)},{default:s(()=>[...m[1]||(m[1]=[O("刷新",-1)])]),_:1},8,["onClick"])]),_:1},8,["previews","dep"])])]),config:s(()=>[w("div",Ze,[w("div",et,[n(Y,{"model-value":L(t).activeName,class:"h100",onTabChange:ee},{default:s(()=>[n(A,{class:"h100",name:L(N).CONFIG},{label:s(()=>[n(G,{"is-dot":h.value},{default:s(()=>[...m[2]||(m[2]=[O("配置检查",-1)])]),_:1},8,["is-dot"])]),default:s(()=>[n(Ye)]),_:1},8,["name"]),n(A,{class:"h100",label:"组件目录",name:L(N).DIR},{default:s(()=>[n(Je)]),_:1},8,["name"]),n(A,{class:"h100",name:L(N).PREVIEW},{label:s(()=>[n(G,{"is-dot":e.value},{default:s(()=>[...m[3]||(m[3]=[O("预览配置",-1)])]),_:1},8,["is-dot"])]),default:s(()=>[n(We,{ref_key:"compPreviewListRef",ref:C},null,512)]),_:1},8,["name"]),n(A,{class:"h100",name:L(N).EXTRA},{label:s(()=>[n(G,{"is-dot":l.value},{default:s(()=>[...m[4]||(m[4]=[O("附加信息",-1)])]),_:1},8,["is-dot"])]),default:s(()=>[n(Ke,{modelValue:L(t).compExtraInfo},null,8,["modelValue"])]),_:1},8,["name"])]),_:1},8,["model-value"])])])]),_:1},8,["elements"])],4)]),_:1},8,["modelValue","title","fullscreen"])}}}),ut=B(nt,[["__scopeId","data-v-28814466"]]);export{ut as C};

package/dist/website/dist/assets/index-lvg7Hu2_.css

@@ -0,0 +1 @@
+.loading-animation{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.error-container{padding:20px;border-radius:4px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;overflow:hidden;font-size:14px;color:#ff4d4f;background-color:bisque}.error-container h4{margin:0}.error-container .error-message{flex:1;overflow:auto;white-space:pre-line;margin-top:10px}.mount-container[data-v-53ebafa8]{height:100%;position:relative;overflow:hidden}.mount-container .error-content[data-v-53ebafa8]{height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.mount-container .empty-content[data-v-53ebafa8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mount-container .comp-content[data-v-53ebafa8]{height:100%;overflow:hidden}.mount-container[data-v-51de7471]{height:100%;position:relative;overflow:hidden}.mount-container .error-content[data-v-51de7471]{height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.mount-container .empty-content[data-v-51de7471]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mount-container .comp-content[data-v-51de7471]{height:100%;overflow:hidden}.comp-carousel[data-v-d93dd1e3]{width:100%;height:100%;overflow:hidden}.comp-carousel [data-v-d93dd1e3] .el-carousel__button{background-color:#154d21}.comp-carousel .comp-content[data-v-d93dd1e3]{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:5px}.comp-carousel .comp-content .comp-item-box[data-v-d93dd1e3]{width:100%;height:100%;flex:1;overflow:auto}.comp-carousel .comp-content .async-item-style[data-v-d93dd1e3]{transform:scale(1)}.comp-carousel .error[data-v-d93dd1e3]{color:red;font-size:12px;height:100%;padding:5px;background-color:#fff}.comp-carousel .error .error-item[data-v-d93dd1e3]{margin-bottom:5px;overflow-wrap:break-word}.grid-container[data-v-37ac2b76]{display:grid;grid-template-columns:repeat(var(--0e732856),1fr);gap:var(--5d318068)}