nbb-component-ui 1.3.2 → 1.3.4

package/dist/index.es.js

@@ -1,33 +1,35 @@
-import { defineComponent as y, ref as n, watch as k, resolveComponent as b, openBlock as P, createBlock as w, withCtx as x, createTextVNode as C } from "vue";
+import { defineComponent as k, ref as n, watch as _, resolveComponent as b, openBlock as P, createBlock as x, withCtx as C, createTextVNode as A } from "vue";
 import { ElMessage as l } from "element-plus";
-const A = (s) => ({
-  getApprovalDetail: async (t) => await s.get({
+const T = (t) => ({
+  getApprovalDetail: async (o) => await t.get({
     url: "/system/bpm/process-instance/get-approval-detail",
     params: {
-      processInstanceId: t
+      processInstanceId: o
     }
   })
-}), T = (s) => ({
-  getTaskListByProcessInstanceId: async (t) => await s.get({
+}), w = (t) => ({
+  getTaskListByProcessInstanceId: async (o) => await t.get({
     url: "/system/bpm/task/list-by-process-instance-id",
     params: {
-      processInstanceId: t
+      processInstanceId: o
     }
   })
-}), B = /* @__PURE__ */ y({
+}), B = /* @__PURE__ */ k({
   __name: "CmcProcessFlow",
   props: {
     processInstanceId: {},
     request: {}
   },
-  setup(s) {
-    const t = s, c = n(!1), p = n({}), i = n({}), u = n(""), m = n([]), r = n(""), _ = A(t.request), f = T(t.request), v = (o) => {
-      r.value = o, d(), g();
-    }, d = async () => {
-      var o, a;
+  setup(t) {
+    const o = t, c = n(!1), p = n({}), i = n({}), f = n(""), v = n([]), r = n("");
+    let u, m;
+    const d = (s) => {
+      r.value = s, I(), g();
+    }, I = async () => {
+      var s, a;
       try {
         c.value = !0;
-        const e = await _.getApprovalDetail(r.value);
+        const e = await u.getApprovalDetail(r.value);
         if (!e) {
           l.error("查询不到审批详情信息！");
           return;
@@ -36,46 +38,51 @@ const A = (s) => ({
           l.error("查询不到流程信息！");
           return;
         }
-        p.value = e == null ? void 0 : e.processInstance, u.value = (a = (o = e == null ? void 0 : e.processInstance) == null ? void 0 : o.formVariables) == null ? void 0 : a.applicationPrefix, i.value = e == null ? void 0 : e.todoTask;
+        p.value = e == null ? void 0 : e.processInstance, f.value = (a = (s = e == null ? void 0 : e.processInstance) == null ? void 0 : s.formVariables) == null ? void 0 : a.applicationPrefix, i.value = e == null ? void 0 : e.todoTask;
       } finally {
         c.value = !1;
       }
     }, g = async () => {
-      m.value = await f.getTaskListByProcessInstanceId(r.value);
+      v.value = await m.getTaskListByProcessInstanceId(r.value);
     };
-    k(
-      () => t.processInstanceId,
-      (o) => {
-        debugger;
-        o && o !== r.value && v(o);
+    _(
+      () => o.processInstanceId,
+      (s) => {
+        s && s !== r.value && d(s);
       },
       { immediate: !0, deep: !0 }
+    ), _(
+      () => o.request,
+      (s) => {
+        s && (u = T(s), m = w(s));
+      },
+      { immediate: !0 }
     );
-    const I = () => {
+    const y = () => {
       l.success("aaa!");
     };
-    return (o, a) => {
+    return (s, a) => {
       const e = b("el-button");
-      return P(), w(e, { onClick: I }, {
-        default: x(() => [...a[0] || (a[0] = [
-          C("测试按钮2", -1)
+      return P(), x(e, { onClick: y }, {
+        default: C(() => [...a[0] || (a[0] = [
+          A("测试按钮3", -1)
         ])]),
         _: 1
       });
     };
   }
 });
-const D = (s, t) => {
-  const c = s.__vccOpts || s;
-  for (const [p, i] of t)
+const D = (t, o) => {
+  const c = t.__vccOpts || t;
+  for (const [p, i] of o)
     c[p] = i;
   return c;
-}, F = /* @__PURE__ */ D(B, [["__scopeId", "data-v-72e65f2b"]]), h = {
-  install(s) {
-    s.component("CmcProcessFlow", F);
+}, F = /* @__PURE__ */ D(B, [["__scopeId", "data-v-35e1b83b"]]), E = {
+  install(t) {
+    t.component("CmcProcessFlow", F);
   }
 };
 export {
   F as CmcProcessFlow,
-  h as default
+  E as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(n,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):(n=typeof globalThis<"u"?globalThis:n||self,e(n.NbbComponentUi={},n.Vue,n.ElementPlus))})(this,function(n,e,p){"use strict";const d=t=>({getApprovalDetail:async o=>await t.get({url:"/system/bpm/process-instance/get-approval-detail",params:{processInstanceId:o}})}),_=t=>({getTaskListByProcessInstanceId:async o=>await t.get({url:"/system/bpm/task/list-by-process-instance-id",params:{processInstanceId:o}})}),m=e.defineComponent({__name:"CmcProcessFlow",props:{processInstanceId:{},request:{}},setup(t){const o=t,r=e.ref(!1),l=e.ref({}),u=e.ref({}),y=e.ref(""),I=e.ref([]),i=e.ref(""),k=d(o.request),b=_(o.request),v=c=>{i.value=c,C(),P()},C=async()=>{var c,a;try{r.value=!0;const s=await k.getApprovalDetail(i.value);if(!s){p.ElMessage.error("查询不到审批详情信息！");return}if(!s.processDefinition||!s.processInstance){p.ElMessage.error("查询不到流程信息！");return}l.value=s==null?void 0:s.processInstance,y.value=(a=(c=s==null?void 0:s.processInstance)==null?void 0:c.formVariables)==null?void 0:a.applicationPrefix,u.value=s==null?void 0:s.todoTask}finally{r.value=!1}},P=async()=>{I.value=await b.getTaskListByProcessInstanceId(i.value)};e.watch(()=>o.processInstanceId,c=>{debugger;c&&c!==i.value&&v(c)},{immediate:!0,deep:!0});const T=()=>{p.ElMessage.success("aaa!")};return(c,a)=>{const s=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(s,{onClick:T},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode("测试按钮2",-1)])]),_:1})}}}),w="",f=((t,o)=>{const r=t.__vccOpts||t;for(const[l,u]of o)r[l]=u;return r})(m,[["__scopeId","data-v-72e65f2b"]]),g={install(t){t.component("CmcProcessFlow",f)}};n.CmcProcessFlow=f,n.default=g,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(o,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):(o=typeof globalThis<"u"?globalThis:o||self,e(o.NbbComponentUi={},o.Vue,o.ElementPlus))})(this,function(o,e,p){"use strict";const _=n=>({getApprovalDetail:async c=>await n.get({url:"/system/bpm/process-instance/get-approval-detail",params:{processInstanceId:c}})}),y=n=>({getTaskListByProcessInstanceId:async c=>await n.get({url:"/system/bpm/task/list-by-process-instance-id",params:{processInstanceId:c}})}),g=e.defineComponent({__name:"CmcProcessFlow",props:{processInstanceId:{},request:{}},setup(n){const c=n,r=e.ref(!1),l=e.ref({}),f=e.ref({}),b=e.ref(""),k=e.ref([]),i=e.ref("");let d,m;const v=t=>{i.value=t,C(),P()},C=async()=>{var t,a;try{r.value=!0;const s=await d.getApprovalDetail(i.value);if(!s){p.ElMessage.error("查询不到审批详情信息！");return}if(!s.processDefinition||!s.processInstance){p.ElMessage.error("查询不到流程信息！");return}l.value=s==null?void 0:s.processInstance,b.value=(a=(t=s==null?void 0:s.processInstance)==null?void 0:t.formVariables)==null?void 0:a.applicationPrefix,f.value=s==null?void 0:s.todoTask}finally{r.value=!1}},P=async()=>{k.value=await m.getTaskListByProcessInstanceId(i.value)};e.watch(()=>c.processInstanceId,t=>{t&&t!==i.value&&v(t)},{immediate:!0,deep:!0}),e.watch(()=>c.request,t=>{t&&(d=_(t),m=y(t))},{immediate:!0});const T=()=>{p.ElMessage.success("aaa!")};return(t,a)=>{const s=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(s,{onClick:T},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode("测试按钮3",-1)])]),_:1})}}}),x="",u=((n,c)=>{const r=n.__vccOpts||n;for(const[l,f]of c)r[l]=f;return r})(g,[["__scopeId","data-v-35e1b83b"]]),I={install(n){n.component("CmcProcessFlow",u)}};o.CmcProcessFlow=u,o.default=I,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.process-container[data-v-72e65f2b]{height:100%;box-sizing:border-box}.process-container[data-v-72e65f2b]>.el-card__body{height:100%;padding-bottom:0}.process-container[data-v-72e65f2b]>.el-card__body>div{height:100%;display:flex;flex-direction:column}.approval-actions[data-v-72e65f2b]{margin:20px 0}.approval-actions .action-buttons[data-v-72e65f2b]{display:flex;flex-direction:column;gap:12px}.approval-actions .action-buttons .basic-actions[data-v-72e65f2b]{display:flex;gap:12px}.approval-actions .action-buttons .extended-actions[data-v-72e65f2b]{display:flex;gap:12px;flex-wrap:wrap}.approval-dialogs[data-v-72e65f2b]{display:contents}
+@charset "UTF-8";.process-container[data-v-35e1b83b]{height:100%;box-sizing:border-box}.process-container[data-v-35e1b83b]>.el-card__body{height:100%;padding-bottom:0}.process-container[data-v-35e1b83b]>.el-card__body>div{height:100%;display:flex;flex-direction:column}.approval-actions[data-v-35e1b83b]{margin:20px 0}.approval-actions .action-buttons[data-v-35e1b83b]{display:flex;flex-direction:column;gap:12px}.approval-actions .action-buttons .basic-actions[data-v-35e1b83b]{display:flex;gap:12px}.approval-actions .action-buttons .extended-actions[data-v-35e1b83b]{display:flex;gap:12px;flex-wrap:wrap}.approval-dialogs[data-v-35e1b83b]{display:contents}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nbb-component-ui",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",

package/src/ProcessFlow/src/CmcProcessFlow.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-button @click="open">测试按钮2</el-button>
+  <el-button @click="open">测试按钮3</el-button>
   <!-- 审批记录列表 -->
 <!--  <ProcessInstanceTaskList-->
 <!--      :process-instance="processInstance"-->
@@ -32,8 +32,8 @@ const applicationPrefix = ref('')
 const tasks = ref<any[]>([])
 
 const id = ref<string>('')
-const processInstanceApi = createProcessInstanceApi(props.request)
-const taskApi = createTaskApi(props.request)
+let processInstanceApi: any;
+let taskApi: any;
 
 
 
@@ -48,6 +48,7 @@ const init = (processInstanceId: string) => {
 const getApprovalDetail =  async () => {
   try {
     processInstanceLoading.value = true
+
     const data = await processInstanceApi.getApprovalDetail(id.value)
     if (!data) {
       ElMessage.error('查询不到审批详情信息！')
@@ -73,13 +74,23 @@ const getTaskList = async () => {
 watch(
     () => props.processInstanceId,
     (newValue) => {
-      debugger
       if (newValue && newValue !== id.value) {
         init(newValue)
       }
     },
     { immediate: true, deep: true }
 )
+// 监听 props 变化 → 有值了再创建 API
+watch(
+    () => props.request,
+    (newRequest) => {
+      if (newRequest) {
+        processInstanceApi = createProcessInstanceApi(newRequest)
+        taskApi = createTaskApi(newRequest)
+      }
+    },
+    { immediate: true }
+)
 
 
 const open = () => {