nbb-component-ui 1.3.0 → 1.3.2

package/dist/index.es.js

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

package/dist/index.umd.js

@@ -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,r){"use strict";const u=e.defineComponent({__name:"CmcProcessFlow",setup(o){const s=()=>{r.ElMessage.success("aaa!")};return(c,n)=>{const l=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(l,{onClick:s},{default:e.withCtx(()=>[...n[0]||(n[0]=[e.createTextVNode("测试按钮",-1)])]),_:1})}}}),p="",_=((o,s)=>{const c=o.__vccOpts||o;for(const[n,l]of s)c[n]=l;return c})(u,[["__scopeId","data-v-30bb0e46"]]),i={install(o){o.component("CmcProcessFlow",_)}};t.CmcProcessFlow=_,t.default=i,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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"}})});

package/dist/src/ProcessFlow/src/CmcProcessFlow.vue.d.ts

@@ -1,2 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    processInstanceId: string;
+    request: any;
+};
+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, {}, any>;
 export default _default;

package/dist/style.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nbb-component-ui",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "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">测试按钮</el-button>
+  <el-button @click="open">测试按钮2</el-button>
   <!-- 审批记录列表 -->
 <!--  <ProcessInstanceTaskList-->
 <!--      :process-instance="processInstance"-->
@@ -10,76 +10,76 @@
 
 <script setup lang="ts">
 import { ElMessage } from 'element-plus'
-// import {ref, watch} from "vue";
-// import {createProcessInstanceApi}  from "@/api/processInstance";
-// import {createTaskApi} from "@/api/task";
+import {ref, watch} from "vue";
+import {createProcessInstanceApi}  from "@/api/processInstance";
+import {createTaskApi} from "@/api/task";
 
 // import ProcessInstanceTaskList from './CmcFlowList.vue'
 
 // // @ts-expect-error 运行时由宿主应用提供
 // const message = useMessage() // 消息弹窗
-//
-// const props = defineProps<{
-//   processInstanceId: string
-//   request: any
-// }>()
-//
-//
-// const processInstanceLoading = ref(false)
-// const processInstance = ref<any>({})
-// const todoTask = ref<any>({})
-// const applicationPrefix = ref('')
-// const tasks = ref<any[]>([])
-//
-// const id = ref<string>('')
-// const processInstanceApi = createProcessInstanceApi(props.request)
-// const taskApi = createTaskApi(props.request)
-//
-//
-//
-//
-// const init = (processInstanceId: string) => {
-//   id.value = processInstanceId
-//   getApprovalDetail()
-//   getTaskList()
-// }
-//
-// // 获取审批详情数据
-// const getApprovalDetail =  async () => {
-//   try {
-//     processInstanceLoading.value = true
-//     const data = await processInstanceApi.getApprovalDetail(id.value)
-//     if (!data) {
-//       message.error('查询不到审批详情信息！')
-//       return
-//     }
-//     if (!data.processDefinition || !data.processInstance) {
-//       message.error('查询不到流程信息！')
-//       return
-//     }
-//     processInstance.value = data?.processInstance
-//     applicationPrefix.value = data?.processInstance?.formVariables?.applicationPrefix
-//     todoTask.value = data?.todoTask
-//   } finally {
-//     processInstanceLoading.value = false
-//   }
-// }
-//
-// // 获取任务列表
-// const getTaskList = async () => {
-//   tasks.value = await taskApi.getTaskListByProcessInstanceId(id.value)
-// }
-//
-// watch(
-//     () => props.processInstanceId,
-//     (newValue) => {
-//       debugger
-//       if (newValue && newValue !== id.value) {
-//         init(newValue)
-//       }
-//     },
-//     { immediate: true, deep: true }
-// )
+
+const props = defineProps<{
+  processInstanceId: string
+  request: any
+}>()
+
+
+const processInstanceLoading = ref(false)
+const processInstance = ref<any>({})
+const todoTask = ref<any>({})
+const applicationPrefix = ref('')
+const tasks = ref<any[]>([])
+
+const id = ref<string>('')
+const processInstanceApi = createProcessInstanceApi(props.request)
+const taskApi = createTaskApi(props.request)
+
+
+
+
+const init = (processInstanceId: string) => {
+  id.value = processInstanceId
+  getApprovalDetail()
+  getTaskList()
+}
+
+// 获取审批详情数据
+const getApprovalDetail =  async () => {
+  try {
+    processInstanceLoading.value = true
+    const data = await processInstanceApi.getApprovalDetail(id.value)
+    if (!data) {
+      ElMessage.error('查询不到审批详情信息！')
+      return
+    }
+    if (!data.processDefinition || !data.processInstance) {
+      ElMessage.error('查询不到流程信息！')
+      return
+    }
+    processInstance.value = data?.processInstance
+    applicationPrefix.value = data?.processInstance?.formVariables?.applicationPrefix
+    todoTask.value = data?.todoTask
+  } finally {
+    processInstanceLoading.value = false
+  }
+}
+
+// 获取任务列表
+const getTaskList = async () => {
+  tasks.value = await taskApi.getTaskListByProcessInstanceId(id.value)
+}
+
+watch(
+    () => props.processInstanceId,
+    (newValue) => {
+      debugger
+      if (newValue && newValue !== id.value) {
+        init(newValue)
+      }
+    },
+    { immediate: true, deep: true }
+)
 
 
 const open = () => {