nbb-component-ui 1.4.8 → 1.6.0
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.
- package/dist/index.es.js +616 -53
- package/dist/index.umd.js +1 -1
- package/dist/src/ProcessFlow/src/CmcFlowList.vue.d.ts +6 -0
- package/dist/src/utils/formatTime.d.ts +153 -0
- package/dist/style.css +1 -1
- package/package.json +3 -2
- package/src/ProcessFlow/src/CmcFlowList.vue +4 -3
- package/src/ProcessFlow/src/CmcProcessFlow.vue +3 -7
- package/src/utils/formatTime.ts +476 -0
- package/vite.config.js +1 -2
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.NbbComponentUi={},t.Vue,t.ElementPlus))})(this,function(t,e,p){"use strict";const m=n=>u().get({url:"/system/bpm/process-instance/get-approval-detail",params:{processInstanceId:n}}),g=n=>u().get({url:"/system/bpm/task/list-by-process-instance-id",params:{processInstanceId:n}}),y=e.defineComponent({__name:"CmcProcessFlow",props:{processInstanceId:{},request:{}},setup(n){const o=n,c=e.ref(!1),f=e.ref({}),_=e.ref({}),b=e.ref(""),q=e.ref([]),i=e.ref(""),v=r=>{i.value=r,w(),C()},w=async()=>{var r,a;try{c.value=!0;const s=await m(i.value);if(!s){p.ElMessage.error("查询不到审批详情信息!");return}if(!s.processDefinition||!s.processInstance){p.ElMessage.error("查询不到流程信息!");return}f.value=s==null?void 0:s.processInstance,b.value=(a=(r=s==null?void 0:s.processInstance)==null?void 0:r.formVariables)==null?void 0:a.applicationPrefix,_.value=s==null?void 0:s.todoTask}finally{c.value=!1}},C=async()=>{q.value=await g(i.value)};e.watch(()=>o.processInstanceId,r=>{r&&r!==i.value&&v(r)},{immediate:!0,deep:!0});const k=()=>{p.ElMessage.success("aaa!")};return(r,a)=>{const s=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(s,{onClick:k},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode("测试按钮3",-1)])]),_:1})}}}),x="",d=((n,o)=>{const c=n.__vccOpts||n;for(const[f,_]of o)c[f]=_;return c})(y,[["__scopeId","data-v-caaead34"]]);let l=null;const I={install(n,o){if(console.log("插件install执行,options:",o),!(o!=null&&o.request))throw new Error("请在 app.use(NbbComponentUi) 时传入 { request }");l=o.request,n.component("CmcProcessFlow",d)}};function u(){if(console.log("getRequest",l),!l)throw new Error("没有_request对象");return l}t.CmcProcessFlow=d,t.default=I,t.getRequest=u,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(B,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],t):(B=typeof globalThis<"u"?globalThis:B||self,t(B.NbbComponentUi={},B.Vue,B.ElementPlus))})(this,function(B,t,X){"use strict";const ut=i=>tt().get({url:"/system/bpm/process-instance/get-approval-detail",params:{processInstanceId:i}}),ft=i=>tt().get({url:"/system/bpm/task/list-by-process-instance-id",params:{processInstanceId:i}});var et=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function nt(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var st={exports:{}};(function(i,h){(function(f,$){i.exports=$()})(et,function(){var f=1e3,$=6e4,y=36e5,I="millisecond",k="second",D="minute",d="hour",N="day",Y="week",S="month",T="quarter",o="year",m="date",a="Invalid Date",b=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,H=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,E={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(c){var s=["th","st","nd","rd"],e=c%100;return"["+c+(s[(e-20)%10]||s[e]||s[0])+"]"}},x=function(c,s,e){var r=String(c);return!r||r.length>=s?c:""+Array(s+1-r.length).join(e)+c},P={s:x,z:function(c){var s=-c.utcOffset(),e=Math.abs(s),r=Math.floor(e/60),n=e%60;return(s<=0?"+":"-")+x(r,2,"0")+":"+x(n,2,"0")},m:function c(s,e){if(s.date()<e.date())return-c(e,s);var r=12*(e.year()-s.year())+(e.month()-s.month()),n=s.clone().add(r,S),l=e-n<0,u=s.clone().add(r+(l?-1:1),S);return+(-(r+(e-n)/(l?n-u:u-n))||0)},a:function(c){return c<0?Math.ceil(c)||0:Math.floor(c)},p:function(c){return{M:S,y:o,w:Y,d:N,D:m,h:d,m:D,s:k,ms:I,Q:T}[c]||String(c||"").toLowerCase().replace(/s$/,"")},u:function(c){return c===void 0}},F="en",U={};U[F]=E;var W="$isDayjsObject",z=function(c){return c instanceof Q||!(!c||!c[W])},L=function c(s,e,r){var n;if(!s)return F;if(typeof s=="string"){var l=s.toLowerCase();U[l]&&(n=l),e&&(U[l]=e,n=l);var u=s.split("-");if(!n&&u.length>1)return c(u[0])}else{var g=s.name;U[g]=s,n=g}return!r&&n&&(F=n),n||!r&&F},M=function(c,s){if(z(c))return c.clone();var e=typeof s=="object"?s:{};return e.date=c,e.args=arguments,new Q(e)},p=P;p.l=L,p.i=z,p.w=function(c,s){return M(c,{locale:s.$L,utc:s.$u,x:s.$x,$offset:s.$offset})};var Q=function(){function c(e){this.$L=L(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[W]=!0}var s=c.prototype;return s.parse=function(e){this.$d=function(r){var n=r.date,l=r.utc;if(n===null)return new Date(NaN);if(p.u(n))return new Date;if(n instanceof Date)return new Date(n);if(typeof n=="string"&&!/Z$/i.test(n)){var u=n.match(b);if(u){var g=u[2]-1||0,_=(u[7]||"0").substring(0,3);return l?new Date(Date.UTC(u[1],g,u[3]||1,u[4]||0,u[5]||0,u[6]||0,_)):new Date(u[1],g,u[3]||1,u[4]||0,u[5]||0,u[6]||0,_)}}return new Date(n)}(e),this.init()},s.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},s.$utils=function(){return p},s.isValid=function(){return this.$d.toString()!==a},s.isSame=function(e,r){var n=M(e);return this.startOf(r)<=n&&n<=this.endOf(r)},s.isAfter=function(e,r){return M(e)<this.startOf(r)},s.isBefore=function(e,r){return this.endOf(r)<M(e)},s.$g=function(e,r,n){return p.u(e)?this[r]:this.set(n,e)},s.unix=function(){return Math.floor(this.valueOf()/1e3)},s.valueOf=function(){return this.$d.getTime()},s.startOf=function(e,r){var n=this,l=!!p.u(r)||r,u=p.p(e),g=function(v,O){var j=p.w(n.$u?Date.UTC(n.$y,O,v):new Date(n.$y,O,v),n);return l?j:j.endOf(N)},_=function(v,O){return p.w(n.toDate()[v].apply(n.toDate("s"),(l?[0,0,0,0]:[23,59,59,999]).slice(O)),n)},w=this.$W,C=this.$M,V=this.$D,A="set"+(this.$u?"UTC":"");switch(u){case o:return l?g(1,0):g(31,11);case S:return l?g(1,C):g(0,C+1);case Y:var q=this.$locale().weekStart||0,Z=(w<q?w+7:w)-q;return g(l?V-Z:V+(6-Z),C);case N:case m:return _(A+"Hours",0);case d:return _(A+"Minutes",1);case D:return _(A+"Seconds",2);case k:return _(A+"Milliseconds",3);default:return this.clone()}},s.endOf=function(e){return this.startOf(e,!1)},s.$set=function(e,r){var n,l=p.p(e),u="set"+(this.$u?"UTC":""),g=(n={},n[N]=u+"Date",n[m]=u+"Date",n[S]=u+"Month",n[o]=u+"FullYear",n[d]=u+"Hours",n[D]=u+"Minutes",n[k]=u+"Seconds",n[I]=u+"Milliseconds",n)[l],_=l===N?this.$D+(r-this.$W):r;if(l===S||l===o){var w=this.clone().set(m,1);w.$d[g](_),w.init(),this.$d=w.set(m,Math.min(this.$D,w.daysInMonth())).$d}else g&&this.$d[g](_);return this.init(),this},s.set=function(e,r){return this.clone().$set(e,r)},s.get=function(e){return this[p.p(e)]()},s.add=function(e,r){var n,l=this;e=Number(e);var u=p.p(r),g=function(C){var V=M(l);return p.w(V.date(V.date()+Math.round(C*e)),l)};if(u===S)return this.set(S,this.$M+e);if(u===o)return this.set(o,this.$y+e);if(u===N)return g(1);if(u===Y)return g(7);var _=(n={},n[D]=$,n[d]=y,n[k]=f,n)[u]||1,w=this.$d.getTime()+e*_;return p.w(w,this)},s.subtract=function(e,r){return this.add(-1*e,r)},s.format=function(e){var r=this,n=this.$locale();if(!this.isValid())return n.invalidDate||a;var l=e||"YYYY-MM-DDTHH:mm:ssZ",u=p.z(this),g=this.$H,_=this.$m,w=this.$M,C=n.weekdays,V=n.months,A=n.meridiem,q=function(O,j,J,K){return O&&(O[j]||O(r,l))||J[j].slice(0,K)},Z=function(O){return p.s(g%12||12,O,"0")},v=A||function(O,j,J){var K=O<12?"AM":"PM";return J?K.toLowerCase():K};return l.replace(H,function(O,j){return j||function(J){switch(J){case"YY":return String(r.$y).slice(-2);case"YYYY":return p.s(r.$y,4,"0");case"M":return w+1;case"MM":return p.s(w+1,2,"0");case"MMM":return q(n.monthsShort,w,V,3);case"MMMM":return q(V,w);case"D":return r.$D;case"DD":return p.s(r.$D,2,"0");case"d":return String(r.$W);case"dd":return q(n.weekdaysMin,r.$W,C,2);case"ddd":return q(n.weekdaysShort,r.$W,C,3);case"dddd":return C[r.$W];case"H":return String(g);case"HH":return p.s(g,2,"0");case"h":return Z(1);case"hh":return Z(2);case"a":return v(g,_,!0);case"A":return v(g,_,!1);case"m":return String(_);case"mm":return p.s(_,2,"0");case"s":return String(r.$s);case"ss":return p.s(r.$s,2,"0");case"SSS":return p.s(r.$ms,3,"0");case"Z":return u}return null}(O)||u.replace(":","")})},s.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},s.diff=function(e,r,n){var l,u=this,g=p.p(r),_=M(e),w=(_.utcOffset()-this.utcOffset())*$,C=this-_,V=function(){return p.m(u,_)};switch(g){case o:l=V()/12;break;case S:l=V();break;case T:l=V()/3;break;case Y:l=(C-w)/6048e5;break;case N:l=(C-w)/864e5;break;case d:l=C/y;break;case D:l=C/$;break;case k:l=C/f;break;default:l=C}return n?l:p.a(l)},s.daysInMonth=function(){return this.endOf(S).$D},s.$locale=function(){return U[this.$L]},s.locale=function(e,r){if(!e)return this.$L;var n=this.clone(),l=L(e,r,!0);return l&&(n.$L=l),n},s.clone=function(){return p.w(this.$d,this)},s.toDate=function(){return new Date(this.valueOf())},s.toJSON=function(){return this.isValid()?this.toISOString():null},s.toISOString=function(){return this.$d.toISOString()},s.toString=function(){return this.$d.toUTCString()},c}(),lt=Q.prototype;return M.prototype=lt,[["$ms",I],["$s",k],["$m",D],["$H",d],["$W",N],["$M",S],["$y",o],["$D",m]].forEach(function(c){lt[c[1]]=function(s){return this.$g(s,c[0],c[1])}}),M.extend=function(c,s){return c.$i||(c(s,Q,M),c.$i=!0),M},M.locale=L,M.isDayjs=z,M.unix=function(c){return M(1e3*c)},M.en=U[F],M.Ls=U,M.p={},M})})(st);var dt=st.exports;const rt=nt(dt);var ot={exports:{}};(function(i,h){(function(f,$){i.exports=$()})(et,function(){var f="minute",$=/[+-]\d\d(?::?\d\d)?/g,y=/([+-]|\d\d)/g;return function(I,k,D){var d=k.prototype;D.utc=function(a){var b={date:a,utc:!0,args:arguments};return new k(b)},d.utc=function(a){var b=D(this.toDate(),{locale:this.$L,utc:!0});return a?b.add(this.utcOffset(),f):b},d.local=function(){return D(this.toDate(),{locale:this.$L,utc:!1})};var N=d.parse;d.parse=function(a){a.utc&&(this.$u=!0),this.$utils().u(a.$offset)||(this.$offset=a.$offset),N.call(this,a)};var Y=d.init;d.init=function(){if(this.$u){var a=this.$d;this.$y=a.getUTCFullYear(),this.$M=a.getUTCMonth(),this.$D=a.getUTCDate(),this.$W=a.getUTCDay(),this.$H=a.getUTCHours(),this.$m=a.getUTCMinutes(),this.$s=a.getUTCSeconds(),this.$ms=a.getUTCMilliseconds()}else Y.call(this)};var S=d.utcOffset;d.utcOffset=function(a,b){var H=this.$utils().u;if(H(a))return this.$u?0:H(this.$offset)?S.call(this):this.$offset;if(typeof a=="string"&&(a=function(F){F===void 0&&(F="");var U=F.match($);if(!U)return null;var W=(""+U[0]).match(y)||["-",0,0],z=W[0],L=60*+W[1]+ +W[2];return L===0?0:z==="+"?L:-L}(a),a===null))return this;var E=Math.abs(a)<=16?60*a:a;if(E===0)return this.utc(b);var x=this.clone();if(b)return x.$offset=E,x.$u=!1,x;var P=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(x=this.local().add(E+P,f)).$offset=E,x.$x.$localOffset=P,x};var T=d.format;d.format=function(a){var b=a||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return T.call(this,b)},d.valueOf=function(){var a=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*a},d.isUTC=function(){return!!this.$u},d.toISOString=function(){return this.toDate().toISOString()},d.toString=function(){return this.toDate().toUTCString()};var o=d.toDate;d.toDate=function(a){return a==="s"&&this.$offset?D(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():o.call(this)};var m=d.diff;d.diff=function(a,b,H){if(a&&this.$u===a.$u)return m.call(this,a,b,H);var E=this.local(),x=D(a).local();return m.call(E,x,b,H)}}})})(ot);var ht=ot.exports;const pt=nt(ht);rt.extend(pt);function mt(){let i=new Date().getTimezoneOffset();const h=Math.abs(Math.floor(i/60)),f=i<0?"+":"-";return i=Math.abs(i%60),f+h.toString().padStart(2,"0")+i.toString().padStart(2,"0")}function R(i,h,f){return i?(h===void 0&&(h="YYYY-MM-DD HH:mm:ss"),f||(f=mt()),rt.utc(i).utcOffset(f).format(h)):""}const gt={cn:{seconds:"秒",minutes:"分钟",hours:"小时",days:"天"},en:{seconds:"s",minutes:"m",hours:"h",days:"d"}};function at(i,h="cn"){const f=gt[h],$=Math.floor(i/(24*60*60*1e3)),y=Math.floor(i/(60*60*1e3)-$*24),I=Math.floor(i/(60*1e3)-$*24*60-y*60),k=Math.floor(i/1e3-$*24*60*60-y*60*60-I*60);return $>0?$+f.days+y+f.hours+I+f.minutes:y>0?y+f.hours+I+f.minutes:I>0?I+f.minutes:k>0?k+f.seconds:0+f.seconds}const yt={class:"scroll-area"},$t={class:"flow-header flex justify-between"},_t={class:"text-18px font-bold"},Dt={class:"text-14px font-bold",style:{color:"#005aae"}},Mt={class:"flex items-center"},wt={class:"flow-start"},kt={key:0},St={class:"mt-30px block"},Tt=["src"],bt={style:{"font-weight":"700"}},Ct={key:0,style:{"margin-right":"30px","font-weight":"normal"}},xt={key:1,style:{"margin-right":"30px","font-weight":"normal"}},Nt={key:0,style:{"font-weight":"normal"}},Ot={key:1,style:{"font-weight":"normal",color:"#8a909c"}},It={key:2,style:{"font-weight":"normal"}},Vt={key:3,style:{"font-weight":"normal",color:"#8a909c"}},Et={key:4,style:{"margin-left":"30px","font-weight":"normal"}},Bt={key:5,style:{"font-weight":"normal",color:"#8a909c"}},Yt={key:2},Ht=t.defineComponent({name:"BpmProcessInstanceTaskList",__name:"CmcFlowList",props:{processInstance:{},tasks:{}},setup(i){const h=y=>y,f={1:"svg-icon:approvalPending",2:"svg-icon:approvalPass",3:"svg-icon:approvalRejected",4:"svg-icon:approvalCanceled"},$=y=>[0,1,6,7].includes(y.status)?"primary":y.status===2?"success":y.status===3?"danger":y.status===4?"info":y.status===5?"warning":"";return(y,I)=>{var T;const k=t.resolveComponent("Icon"),D=t.resolveComponent("dict-tag"),d=t.resolveComponent("el-tag"),N=t.resolveComponent("el-card"),Y=t.resolveComponent("el-timeline-item"),S=t.resolveComponent("el-timeline");return t.openBlock(),t.createElementBlock("div",yt,[t.createElementVNode("div",$t,[t.createElementVNode("div",_t,[t.createElementVNode("span",null,t.toDisplayString(h("processFlow.flow")),1),t.createElementVNode("span",null,t.toDisplayString(i.processInstance.id),1)]),t.createElementVNode("div",Dt,[t.createElementVNode("span",null,t.toDisplayString(i.processInstance.name),1)])]),t.createElementVNode("div",Mt,[t.createElementVNode("div",wt,[t.createElementVNode("p",null,t.toDisplayString(h("processFlow.startTime"))+t.toDisplayString(t.unref(R)(i.processInstance.startTime)),1),t.createElementVNode("p",null,t.toDisplayString(h("processFlow.endTime"))+t.toDisplayString(t.unref(R)(i.processInstance.endTime)),1),i.processInstance.durationInMillis?(t.openBlock(),t.createElementBlock("p",kt,t.toDisplayString(h("processFlow.duration"))+t.toDisplayString(t.unref(at)((T=i.processInstance)==null?void 0:T.durationInMillis)),1)):t.createCommentVNode("",!0)]),t.createVNode(k,{size:100,icon:f[i.processInstance.status]||"svg-icon:approvalPending"},null,8,["icon"])]),t.createElementVNode("div",St,[t.createVNode(S,null,{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.tasks,(o,m)=>(t.openBlock(),t.createBlock(Y,{key:m,type:$(o)||"info"},{dot:t.withCtx(()=>{var a;return[t.createElementVNode("img",{src:((a=o==null?void 0:o.assigneeUser)==null?void 0:a.avatar)||"https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",class:"avatar-wrap"},null,8,Tt)]}),default:t.withCtx(()=>[t.createElementVNode("p",bt,[t.createTextVNode(t.toDisplayString(o.name)+" ",1),o.status?(t.openBlock(),t.createBlock(D,{key:0,type:"bpm_task_status",value:o.status||""},null,8,["value"])):t.createCommentVNode("",!0)]),t.createVNode(N,{"body-style":{padding:"10px"}},{default:t.withCtx(()=>{var a,b,H,E;return[m===0?(t.openBlock(),t.createElementBlock("label",Ct,[t.createTextVNode(t.toDisplayString(((a=o.assigneeUser)==null?void 0:a.nickname)||((b=o.ownerUser)==null?void 0:b.nickname))+" ",1),t.createVNode(d,{size:"small",type:"info",style:{"vertical-align":"1px"}},{default:t.withCtx(()=>{var x,P;return[t.createTextVNode(t.toDisplayString((P=(x=i.processInstance)==null?void 0:x.startUser)==null?void 0:P.deptName),1)]}),_:1})])):t.createCommentVNode("",!0),o.assigneeUser?(t.openBlock(),t.createElementBlock("label",xt,[t.createTextVNode(t.toDisplayString(h("processFlow.approver"))+t.toDisplayString(((H=o.assigneeUser)==null?void 0:H.nickname)||((E=o.ownerUser)==null?void 0:E.nickname))+" ",1),t.createVNode(d,{size:"small",type:"info",style:{"vertical-align":"1px"}},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.assigneeUser.deptName),1)]),_:2},1024)])):t.createCommentVNode("",!0),t.createElementVNode("div",null,[o.createTime&&!o.endTime?(t.openBlock(),t.createElementBlock("label",Nt,t.toDisplayString(h("processFlow.createTime")),1)):t.createCommentVNode("",!0),o.createTime&&!o.endTime?(t.openBlock(),t.createElementBlock("label",Ot,t.toDisplayString(t.unref(R)(o==null?void 0:o.createTime,"MM-DD HH:mm")),1)):t.createCommentVNode("",!0),o.endTime?(t.openBlock(),t.createElementBlock("label",It,t.toDisplayString(h("processFlow.approvalTime")),1)):t.createCommentVNode("",!0),o.endTime?(t.openBlock(),t.createElementBlock("label",Vt,t.toDisplayString(t.unref(R)(o==null?void 0:o.endTime,"MM-DD HH:mm")),1)):t.createCommentVNode("",!0),o.durationInMillis?(t.openBlock(),t.createElementBlock("label",Et,t.toDisplayString(h("processFlow.duration")),1)):t.createCommentVNode("",!0),o.durationInMillis?(t.openBlock(),t.createElementBlock("label",Bt,t.toDisplayString(t.unref(at)(o==null?void 0:o.durationInMillis)),1)):t.createCommentVNode("",!0)]),o.reason?(t.openBlock(),t.createElementBlock("div",Yt,t.toDisplayString(h("processFlow.approvalSuggestion"))+t.toDisplayString(o.reason),1)):t.createCommentVNode("",!0)]}),_:2},1024)]),_:2},1032,["type"]))),128))]),_:1})])])}}}),jt="",it=(i,h)=>{const f=i.__vccOpts||i;for(const[$,y]of h)f[$]=y;return f},Ut=it(Ht,[["__scopeId","data-v-f8ad04ec"]]),Ft=t.defineComponent({__name:"CmcProcessFlow",props:{processInstanceId:{},request:{}},setup(i){const h=i,f=t.ref(!1),$=t.ref({}),y=t.ref({}),I=t.ref(""),k=t.ref([]),D=t.ref(""),d=T=>{D.value=T,N(),Y()},N=async()=>{var T,o;try{f.value=!0;const m=await ut(D.value);if(!m){X.ElMessage.error("查询不到审批详情信息!");return}if(!m.processDefinition||!m.processInstance){X.ElMessage.error("查询不到流程信息!");return}$.value=m==null?void 0:m.processInstance,I.value=(o=(T=m==null?void 0:m.processInstance)==null?void 0:T.formVariables)==null?void 0:o.applicationPrefix,y.value=m==null?void 0:m.todoTask}finally{f.value=!1}},Y=async()=>{k.value=await ft(D.value)};t.watch(()=>h.processInstanceId,T=>{T&&T!==D.value&&d(T)},{immediate:!0,deep:!0});const S=()=>{X.ElMessage.success("aaa!")};return(T,o)=>{const m=t.resolveComponent("el-button");return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(m,{onClick:S},{default:t.withCtx(()=>[...o[0]||(o[0]=[t.createTextVNode("测试按钮10",-1)])]),_:1}),t.createVNode(Ut,{"process-instance":$.value,tasks:k.value},null,8,["process-instance","tasks"])],64)}}}),Pt="",ct=it(Ft,[["__scopeId","data-v-a8376ef8"]]);let G=null;const Lt={install(i,h){if(console.log("插件install执行,options:",h),!(h!=null&&h.request))throw new Error("请在 app.use(NbbComponentUi) 时传入 { request }");G=h.request,i.component("CmcProcessFlow",ct)}};function tt(){if(console.log("getRequest",G),!G)throw new Error("没有_request对象");return G}B.CmcProcessFlow=ct,B.default=Lt,B.getRequest=tt,Object.defineProperties(B,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
processInstance: any;
|
|
3
|
+
tasks: any[];
|
|
4
|
+
};
|
|
5
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import { default as dayjs, OpUnitType, QUnitType } from 'dayjs';
|
|
2
|
+
export declare const defaultRangeShortcuts: {
|
|
3
|
+
text: string;
|
|
4
|
+
value: () => Date[];
|
|
5
|
+
}[];
|
|
6
|
+
/**
|
|
7
|
+
* 日期快捷选项适用于 el-date-picker
|
|
8
|
+
*/
|
|
9
|
+
export declare const defaultShortcuts: ({
|
|
10
|
+
text: string;
|
|
11
|
+
value: () => Date;
|
|
12
|
+
} | {
|
|
13
|
+
text: string;
|
|
14
|
+
value: () => Date[];
|
|
15
|
+
})[];
|
|
16
|
+
export declare function getTimeZone(): string;
|
|
17
|
+
/**
|
|
18
|
+
* 时间日期转换
|
|
19
|
+
* @param date 当前时间,new Date() 格式
|
|
20
|
+
* @param format 需要转换的时间格式字符串
|
|
21
|
+
* @param timezone 时区,默认获取当前时区
|
|
22
|
+
* @description format 字符串随意,如 `YYYY-mm、YYYY-mm-dd`
|
|
23
|
+
* @description format 季度:"YYYY-mm-dd HH:MM:SS QQQQ"
|
|
24
|
+
* @description format 星期:"YYYY-mm-dd HH:MM:SS WWW"
|
|
25
|
+
* @description format 几周:"YYYY-mm-dd HH:MM:SS ZZZ"
|
|
26
|
+
* @description format 季度 + 星期 + 几周:"YYYY-mm-dd HH:MM:SS WWW QQQQ ZZZ"
|
|
27
|
+
* @returns 返回拼接后的时间字符串
|
|
28
|
+
*/
|
|
29
|
+
export declare function formatDate(date: dayjs.ConfigType, format?: string, timezone?: string): string;
|
|
30
|
+
/**
|
|
31
|
+
* 获取当前的日期+时间
|
|
32
|
+
*/
|
|
33
|
+
export declare function getNowDateTime(): dayjs.Dayjs;
|
|
34
|
+
/**
|
|
35
|
+
* 获取当前日期是第几周
|
|
36
|
+
* @param dateTime 当前传入的日期值
|
|
37
|
+
* @returns 返回第几周数字值
|
|
38
|
+
*/
|
|
39
|
+
export declare function getWeek(dateTime: Date): number;
|
|
40
|
+
/**
|
|
41
|
+
* 将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`
|
|
42
|
+
* @param param 当前时间,new Date() 格式或者字符串时间格式
|
|
43
|
+
* @param format 需要转换的时间格式字符串
|
|
44
|
+
* @description param 10秒: 10 * 1000
|
|
45
|
+
* @description param 1分: 60 * 1000
|
|
46
|
+
* @description param 1小时: 60 * 60 * 1000
|
|
47
|
+
* @description param 24小时:60 * 60 * 24 * 1000
|
|
48
|
+
* @description param 3天: 60 * 60* 24 * 1000 * 3
|
|
49
|
+
* @returns 返回拼接后的时间字符串
|
|
50
|
+
*/
|
|
51
|
+
export declare function formatPast(param: string | Date, format?: string): string;
|
|
52
|
+
/**
|
|
53
|
+
* 时间问候语
|
|
54
|
+
* @param param 当前时间,new Date() 格式
|
|
55
|
+
* @description param 调用 `formatAxis(new Date())` 输出 `上午好`
|
|
56
|
+
* @returns 返回拼接后的时间字符串
|
|
57
|
+
*/
|
|
58
|
+
export declare function formatAxis(param: Date): string;
|
|
59
|
+
export declare function formatPast2(ms: any, lang?: 'cn' | 'en'): string;
|
|
60
|
+
/**
|
|
61
|
+
* element plus 的时间 Formatter 实现,使用 YYYY-MM-DD HH:mm:ss 格式
|
|
62
|
+
*
|
|
63
|
+
* @param row 行数据
|
|
64
|
+
* @param column 字段
|
|
65
|
+
* @param cellValue 字段值
|
|
66
|
+
*/
|
|
67
|
+
export declare const dateFormatter: (row: any, column: any, cellValue: any) => string;
|
|
68
|
+
/**
|
|
69
|
+
* element plus 的时间 Formatter 实现,使用指定格式
|
|
70
|
+
*
|
|
71
|
+
* @param row 行数据
|
|
72
|
+
* @param column 字段
|
|
73
|
+
* @param cellValue 字段值
|
|
74
|
+
*/
|
|
75
|
+
export declare const dateColFormatter: (row: any, column: any, cellValue: any, format?: string) => string;
|
|
76
|
+
/**
|
|
77
|
+
* element plus 的时间 Formatter 实现,使用 YYYY-MM-DD 格式
|
|
78
|
+
*
|
|
79
|
+
* @param row 行数据
|
|
80
|
+
* @param column 字段
|
|
81
|
+
* @param cellValue 字段值
|
|
82
|
+
*/
|
|
83
|
+
export declare const dateFormatter2: (row: any, column: any, cellValue: any) => string | undefined;
|
|
84
|
+
/**
|
|
85
|
+
* 设置起始日期,时间为00:00:00
|
|
86
|
+
* @param param 传入日期
|
|
87
|
+
* @returns 带时间00:00:00的日期
|
|
88
|
+
*/
|
|
89
|
+
export declare function beginOfDay(param: Date): Date;
|
|
90
|
+
/**
|
|
91
|
+
* 设置结束日期,时间为23:59:59
|
|
92
|
+
* @param param 传入日期
|
|
93
|
+
* @returns 带时间23:59:59的日期
|
|
94
|
+
*/
|
|
95
|
+
export declare function endOfDay(param: Date): Date;
|
|
96
|
+
/**
|
|
97
|
+
* 计算两个日期间隔天数
|
|
98
|
+
* @param param1 日期1
|
|
99
|
+
* @param param2 日期2
|
|
100
|
+
*/
|
|
101
|
+
export declare function betweenDay(param1: Date, param2: Date): number;
|
|
102
|
+
/**
|
|
103
|
+
* 日期计算
|
|
104
|
+
* @param param1 日期
|
|
105
|
+
* @param param2 添加的时间
|
|
106
|
+
*/
|
|
107
|
+
export declare function addTime(param1: Date, param2: number): Date;
|
|
108
|
+
/**
|
|
109
|
+
* 日期转换
|
|
110
|
+
* @param param 日期
|
|
111
|
+
*/
|
|
112
|
+
export declare function convertDate(param: Date | string): Date;
|
|
113
|
+
/**
|
|
114
|
+
* 指定的两个日期, 是否为同一天
|
|
115
|
+
* @param a 日期 A
|
|
116
|
+
* @param b 日期 B
|
|
117
|
+
*/
|
|
118
|
+
export declare function isSameDay(a: dayjs.ConfigType, b: dayjs.ConfigType): boolean;
|
|
119
|
+
/**
|
|
120
|
+
* 获取一天的开始时间、截止时间
|
|
121
|
+
* @param date 日期
|
|
122
|
+
* @param days 天数
|
|
123
|
+
*/
|
|
124
|
+
export declare function getDayRange(date: dayjs.ConfigType, days: number): [dayjs.ConfigType, dayjs.ConfigType];
|
|
125
|
+
/**
|
|
126
|
+
* 获取最近7天的开始时间、截止时间
|
|
127
|
+
*/
|
|
128
|
+
export declare function getLast7Days(): [dayjs.ConfigType, dayjs.ConfigType];
|
|
129
|
+
/**
|
|
130
|
+
* 获取最近30天的开始时间、截止时间
|
|
131
|
+
*/
|
|
132
|
+
export declare function getLast30Days(): [dayjs.ConfigType, dayjs.ConfigType];
|
|
133
|
+
/**
|
|
134
|
+
* 获取最近1年的开始时间、截止时间
|
|
135
|
+
*/
|
|
136
|
+
export declare function getLast1Year(): [dayjs.ConfigType, dayjs.ConfigType];
|
|
137
|
+
/**
|
|
138
|
+
* 获取指定日期的开始时间、截止时间
|
|
139
|
+
* @param beginDate 开始日期
|
|
140
|
+
* @param endDate 截止日期
|
|
141
|
+
*/
|
|
142
|
+
export declare function getDateRange(beginDate: dayjs.ConfigType, endDate: dayjs.ConfigType): [dayjs.ConfigType, dayjs.ConfigType];
|
|
143
|
+
/**
|
|
144
|
+
* 禁止选择今天之前的日期
|
|
145
|
+
*/
|
|
146
|
+
export declare const disabledBeforeToday: (time: Date) => boolean;
|
|
147
|
+
/**
|
|
148
|
+
* 计算两个时间差
|
|
149
|
+
* @param startTime 开始时间
|
|
150
|
+
* @param endTime 结束时间
|
|
151
|
+
* @param unit 时差单位
|
|
152
|
+
*/
|
|
153
|
+
export declare const timeBetween: (startTime: dayjs.ConfigType, endTime: dayjs.ConfigType, unit?: QUnitType | OpUnitType) => number;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.process-container[data-v-
|
|
1
|
+
@charset "UTF-8";.avatar-wrap[data-v-f8ad04ec]{width:40px;height:40px}.flow-start[data-v-f8ad04ec]{width:70%;margin:10px auto;padding:0 10px 10px;background:rgb(245,247,253)}.flow-start p[data-v-f8ad04ec]{margin:0;padding-top:10px;font-size:14px}[data-v-f8ad04ec] .el-timeline-item__dot{left:-15px;top:-15px}.scroll-area[data-v-f8ad04ec]{flex:1;min-height:0;overflow-y:auto}.process-container[data-v-a8376ef8]{height:100%;box-sizing:border-box}.process-container[data-v-a8376ef8]>.el-card__body{height:100%;padding-bottom:0}.process-container[data-v-a8376ef8]>.el-card__body>div{height:100%;display:flex;flex-direction:column}.approval-actions[data-v-a8376ef8]{margin:20px 0}.approval-actions .action-buttons[data-v-a8376ef8]{display:flex;flex-direction:column;gap:12px}.approval-actions .action-buttons .basic-actions[data-v-a8376ef8]{display:flex;gap:12px}.approval-actions .action-buttons .extended-actions[data-v-a8376ef8]{display:flex;gap:12px;flex-wrap:wrap}.approval-dialogs[data-v-a8376ef8]{display:contents}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nbb-component-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"main": "./dist/index.umd.js",
|
|
5
5
|
"module": "./dist/index.es.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"vite": "^4.0.0",
|
|
19
19
|
"vite-plugin-dts": "^4.5.4",
|
|
20
20
|
"vue": "^3.2.0",
|
|
21
|
-
"vue-tsc": "^1.8.27"
|
|
21
|
+
"vue-tsc": "^1.8.27",
|
|
22
|
+
"dayjs": "^1.11.10"
|
|
22
23
|
},
|
|
23
24
|
"peerDependencies": {
|
|
24
25
|
"element-plus": ">=2.0.0",
|
|
@@ -92,12 +92,13 @@
|
|
|
92
92
|
|
|
93
93
|
|
|
94
94
|
<script lang="ts" setup>
|
|
95
|
-
// @ts-expect-error
|
|
96
95
|
import { formatDate, formatPast2 } from '@/utils/formatTime'
|
|
97
96
|
|
|
98
97
|
defineOptions({ name: 'BpmProcessInstanceTaskList' })
|
|
99
|
-
|
|
100
|
-
const
|
|
98
|
+
|
|
99
|
+
const t = (str: string) => {
|
|
100
|
+
return str
|
|
101
|
+
}
|
|
101
102
|
const statusIconMapping = {
|
|
102
103
|
1: 'svg-icon:approvalPending', // 审批中
|
|
103
104
|
2: 'svg-icon:approvalPass', // 通过
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-button @click="open">测试按钮
|
|
2
|
+
<el-button @click="open">测试按钮10</el-button>
|
|
3
3
|
<!-- 审批记录列表 -->
|
|
4
|
-
|
|
5
|
-
<!-- :process-instance="processInstance"-->
|
|
6
|
-
<!-- :tasks="tasks"-->
|
|
7
|
-
<!-- @refresh="getTaskList"-->
|
|
8
|
-
<!-- />-->
|
|
4
|
+
<ProcessInstanceTaskList :process-instance="processInstance" :tasks="tasks"/>
|
|
9
5
|
</template>
|
|
10
6
|
|
|
11
7
|
<script setup lang="ts">
|
|
@@ -13,7 +9,7 @@ import { ElMessage } from 'element-plus'
|
|
|
13
9
|
import {ref, watch} from "vue";
|
|
14
10
|
import * as processInstanceApi from "@/api/processInstance";
|
|
15
11
|
import * as taskApi from "@/api/task";
|
|
16
|
-
|
|
12
|
+
import ProcessInstanceTaskList from './CmcFlowList.vue'
|
|
17
13
|
|
|
18
14
|
|
|
19
15
|
const props = defineProps<{
|