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.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-caaead34]{height:100%;box-sizing:border-box}.process-container[data-v-caaead34]>.el-card__body{height:100%;padding-bottom:0}.process-container[data-v-caaead34]>.el-card__body>div{height:100%;display:flex;flex-direction:column}.approval-actions[data-v-caaead34]{margin:20px 0}.approval-actions .action-buttons[data-v-caaead34]{display:flex;flex-direction:column;gap:12px}.approval-actions .action-buttons .basic-actions[data-v-caaead34]{display:flex;gap:12px}.approval-actions .action-buttons .extended-actions[data-v-caaead34]{display:flex;gap:12px;flex-wrap:wrap}.approval-dialogs[data-v-caaead34]{display:contents}
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.4.8",
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
- // @ts-expect-error 运行时由宿主应用提供
100
- const { t } = useI18n()
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">测试按钮3</el-button>
2
+ <el-button @click="open">测试按钮10</el-button>
3
3
  <!-- 审批记录列表 -->
4
- <!-- <ProcessInstanceTaskList-->
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
- // import ProcessInstanceTaskList from './CmcFlowList.vue'
12
+ import ProcessInstanceTaskList from './CmcFlowList.vue'
17
13
 
18
14
 
19
15
  const props = defineProps<{