ui-process-h5 0.1.15 → 0.1.22

package/lib/index.css

@@ -1 +0,0 @@
-.tops-tab[data-v-1275d200]{height:100%}.tops-tab-header[data-v-1275d200]{display:flex;width:100%;height:45px;justify-content:space-between;font-size:14px;color:#333;padding:0 10px;font-weight:500;box-sizing:border-box;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;position:relative}.tops-tab-header[data-v-1275d200]:after{content:"";position:absolute;width:100%;height:1px;background-color:#f2f2f2;left:0;bottom:0}.tops-tab-header[data-v-1275d200]::-webkit-scrollbar{display:none}.tops-tab-header-items[data-v-1275d200]{white-space:nowrap;padding-right:10px;box-sizing:border-box;display:inline-block;height:100%;text-align:center;margin-right:32px;font-weight:400;font-size:15px;text-align:left;color:#333;display:flex;align-items:center}.tops-tab-header-items[data-v-1275d200] :last-child{padding-right:0;margin-right:0}.tops-tab-header-items[data-v-1275d200] :last-child:after{left:calc(50% - 17px)}.tops-tab-header .active[data-v-1275d200]{position:relative;color:#1389ff;font-family:PingFang SC Bold;font-weight:700;font-size:15px;text-align:left}.tops-tab-header .bottom-line[data-v-1275d200]{width:30px;height:3px;border-radius:1.5px;background-color:#1389ff;position:absolute;bottom:0;left:0}.tops-tab-body[data-v-1275d200]{height:100%;padding:0 10px}.process-warp[data-v-5fb7ba36]{overflow:hidden;height:100vh;width:100%;position:relative}.process-main[data-v-5fb7ba36]{display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:0 17px;background:#fff;margin:0 0 10px 0}.process-main .border[data-v-5fb7ba36]{border-bottom:1px solid #e8e8e8}.process-main .process-ml-item[data-v-5fb7ba36]{display:flex;align-items:center;font-size:15px;font-weight:400;width:100%;justify-content:space-between;height:44px}.process-main .process-ml-item .process-mli-name[data-v-5fb7ba36]{color:#333}.process-main .process-ml-item .process-mli-value[data-v-5fb7ba36]{color:#888}.process-main .process-ml-item .process-mli-value .process-mliv-dd[data-v-5fb7ba36]{height:26px;min-width:30px;padding:0 12px;border-radius:20px;background:#1389ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.process-main .process-ml-item .process-mli-value .process-mliv-jd[data-v-5fb7ba36]{color:#1389ff}

package/lib/index.d.ts

@@ -1,8 +0,0 @@
-import { App } from "vue";
-import TopsProcess from './process';
-import TopsTap from './Tab';
-export { TopsProcess, TopsTap };
-declare const _default: {
-    install: (app: App<any>) => void;
-};
-export default _default;

package/lib/index.esm.js

@@ -1 +0,0 @@
-import{ref as e,watch as t,onMounted as a,openBlock as s,createElementBlock as o,createElementVNode as l,Fragment as i,renderList as p,normalizeClass as d,toDisplayString as r,createCommentVNode as n,withDirectives as f,renderSlot as c,vShow as u,resolveComponent as v,createVNode as h,withCtx as m,createTextVNode as b}from"vue";var y={name:"tops-tab",props:{tapList:{type:Array,default:()=>[]},selfTapList:{type:Array,default:()=>[]}},setup(s){const o=e(""),l=e([{label:"基本信息",key:"a",type:"default",slot:"default"},{label:"流程图",key:"b",type:"default",slot:"tab2"},{label:"审批记录",key:"c",type:"default",slot:"tab3"}]),i=e([{label:"基本信息",key:"a",type:"default",slot:"default"},{label:"流程图",key:"b",type:"default",slot:"tab2"},{label:"审批记录",key:"c",type:"default",slot:"tab3"}]),p=e(),d=e=>{if(p.value.length){let t,a=document.getElementsByClassName("bottom-line")[0];if(a.offsetWidth<p.value[e].offsetWidth-10){let s=(p.value[e].offsetWidth-a.offsetWidth-10)/2;t=`${p.value[e].offsetLeft+s}px`}else if(a.offsetWidth>p.value[e].offsetWidth-10){let s=(a.offsetWidth-p.value[e].offsetWidth+10)/2;t=p.value[e].offsetLeft-s+"px"}else t=`${p.value[e].offsetLeft}px`;a.style.transition=".3s",a.style.transform=`translateX(${t})`}};return t((()=>s.selfTapList),((e,t)=>{e.length&&(i.value=[].concat(e),o.value=i.value[0].key)}),{immediate:!0,deep:!0}),t((()=>s.tapList),((e,t)=>{s.selfTapList.length||(i.value=[].concat(l.value),e.length>0&&e.forEach(((e,t)=>{e.sort&&e.sort>1?i.value.splice(e.sort-1,0,e):1==e.sort?i.value.unshift(e):i.value.push(e)})),o.value=i.value[0].key)}),{immediate:!0,deep:!0}),a((()=>{d(0)})),{isTapList:i,active:o,handleActive:(e,t)=>{e!==o.value&&(o.value=e,d(t))},label:p}}};const g={class:"tops-tab"},x={class:"tops-tab-header"},k=["onClick"],w={key:0,class:"bottom-line"},T={class:"tops-tab-body"};function L(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&s.firstChild?s.insertBefore(o,s.firstChild):s.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}L('.tops-tab[data-v-6e369888]{height:100%}.tops-tab-header[data-v-6e369888]{-ms-overflow-style:none;box-sizing:border-box;color:#333;display:flex;flex-shrink:0;flex-wrap:nowrap;font-size:14px;font-weight:500;height:45px;justify-content:space-between;overflow-x:auto;padding:0 10px;position:relative;white-space:nowrap;width:100%}.tops-tab-header[data-v-6e369888]:after{background-color:#f2f2f2;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.tops-tab-header[data-v-6e369888]::-webkit-scrollbar{display:none}.tops-tab-header-items[data-v-6e369888]{align-items:center;box-sizing:border-box;color:#333;display:inline-block;display:flex;font-size:15px;font-weight:400;height:100%;margin-right:32px;padding-right:10px;text-align:center;text-align:left;white-space:nowrap}.tops-tab-header-items[data-v-6e369888] :last-child{margin-right:0;padding-right:0}.tops-tab-header-items[data-v-6e369888] :last-child:after{left:calc(50% - 17px)}.tops-tab-header .active[data-v-6e369888]{color:#1389ff;font-family:PingFang SC Bold;font-size:15px;font-weight:700;position:relative;text-align:left}.tops-tab-header .bottom-line[data-v-6e369888]{background-color:#1389ff;border-radius:1.5px;bottom:0;height:3px;left:0;position:absolute;width:30px}.tops-tab-body[data-v-6e369888]{height:100%;padding:0 10px}'),y.render=function(e,t,a,v,h,m){return s(),o("div",g,[l("div",x,[(s(!0),o(i,null,p(v.isTapList,((e,t)=>(s(),o("div",{class:d(["tops-tab-header-items",[e.key===v.active?"active":""]]),onClick:a=>v.handleActive(e.key,t),ref_for:!0,ref:"label"},r(e.label),11,k)))),256)),v.isTapList.length?(s(),o("div",w)):n("v-if",!0)]),l("div",T,[(s(!0),o(i,null,p(v.isTapList,(t=>f((s(),o("div",{key:t.key,style:{height:"100%"}},[n('  :taskNode="getTaskNode()" '),"a"===t.key&&"default"===t.type?c(e.$slots,"default",{key:0}):n("v-if",!0),"tab2"===t.key&&"default"===t.type?c(e.$slots,"default",{key:1}):n("v-if",!0),"tab3"===t.key&&"default"===t.type?c(e.$slots,"default",{key:2}):n("v-if",!0),"slot"==t.type?c(e.$slots,t.slot,{key:3}):n("v-if",!0)])),[[u,v.active===t.key]]))),128))])])},y.__scopeId="data-v-6e369888",y.__file="packages/Tab/src/tab.vue";var C={name:"tops-process",components:{Tab:y},props:{processId:{require:!0,default:"",type:String},processDefId:{require:!0,default:"",type:String},taskId:{require:!0,default:"",type:String}},setup(a){const s=e({});let o=e([{label:"基",key:"a1",type:"slot",slot:"defalut1"},{label:"基出",key:"a12",type:"slot",slot:"defalut2"}]);return t((()=>a.processId),((e,t)=>{})),{processStatus:s,tapList:o}},methods:{getColor:e=>"审核中"==e?"#FFA52D":"已驳回"==e?"#F14B4C":"已撤销"==e?"#CECECE":"已完成"==e?"#6DC743":"#1389FF"}};const _={class:"process-warp"};L(".process-warp[data-v-e0a4e1e0]{height:100vh;overflow:hidden;position:relative;width:100%}.process-main[data-v-e0a4e1e0]{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:0 0 10px;padding:0 17px}.process-main .border[data-v-e0a4e1e0]{border-bottom:1px solid #e8e8e8}.process-main .process-ml-item[data-v-e0a4e1e0]{align-items:center;display:flex;font-size:15px;font-weight:400;height:44px;justify-content:space-between;width:100%}.process-main .process-ml-item .process-mli-name[data-v-e0a4e1e0]{color:#333}.process-main .process-ml-item .process-mli-value[data-v-e0a4e1e0]{color:#888}.process-main .process-ml-item .process-mli-value .process-mliv-dd[data-v-e0a4e1e0]{align-items:center;background:#1389ff;border-radius:20px;color:#fff;display:flex;font-size:12px;height:26px;justify-content:center;min-width:30px;padding:0 12px}.process-main .process-ml-item .process-mli-value .process-mliv-jd[data-v-e0a4e1e0]{color:#1389ff}"),C.render=function(e,t,a,l,i,p){const d=v("Tab");return s(),o("div",_,[h(d,{tapList:l.tapList},{default:m((()=>[b(" defalut ")])),defalut1:m((()=>[b(" 999086 ")])),defalut2:m((()=>[b(" asd2524593256 ")])),_:1},8,["tapList"])])},C.__scopeId="data-v-e0a4e1e0",C.__file="packages/process/src/process.vue";const W=[C,y];var z={install:e=>{W.map((t=>e.component(t.name,t)))}};export{C as TopsProcess,y as TopsTap,z as default};