nbb-component-ui 1.3.0 → 1.3.1

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 c, watch as k, resolveComponent as P, openBlock as w, createBlock as x, withCtx as C, createTextVNode as b } from "vue";
+import { ElMessage as A } from "element-plus";
+const T = (s) => ({
+  getApprovalDetail: async (o) => await s.get({
+    url: "/system/bpm/process-instance/get-approval-detail",
+    params: {
+      processInstanceId: o
+    }
+  })
+}), B = (s) => ({
+  getTaskListByProcessInstanceId: async (o) => await s.get({
+    url: "/system/bpm/task/list-by-process-instance-id",
+    params: {
+      processInstanceId: o
+    }
+  })
+}), D = /* @__PURE__ */ y({
   __name: "CmcProcessFlow",
-  setup(o) {
-    const t = () => {
-      m.success("aaa!");
+  props: {
+    processInstanceId: {},
+    request: {}
+  },
+  setup(s) {
+    const o = useMessage(), n = s, r = c(!1), i = c({}), l = c({}), u = c(""), m = c([]), p = c(""), _ = T(n.request), v = B(n.request), f = (t) => {
+      p.value = t, g(), d();
+    }, g = async () => {
+      var t, a;
+      try {
+        r.value = !0;
+        const e = await _.getApprovalDetail(p.value);
+        if (!e) {
+          o.error("查询不到审批详情信息！");
+          return;
+        }
+        if (!e.processDefinition || !e.processInstance) {
+          o.error("查询不到流程信息！");
+          return;
+        }
+        i.value = e == null ? void 0 : e.processInstance, u.value = (a = (t = e == null ? void 0 : e.processInstance) == null ? void 0 : t.formVariables) == null ? void 0 : a.applicationPrefix, l.value = e == null ? void 0 : e.todoTask;
+      } finally {
+        r.value = !1;
+      }
+    }, d = async () => {
+      m.value = await v.getTaskListByProcessInstanceId(p.value);
     };
-    return (n, e) => {
-      const s = _("el-button");
-      return r(), l(s, { onClick: t }, {
-        default: p(() => [...e[0] || (e[0] = [
-          a("测试按钮", -1)
+    k(
+      () => n.processInstanceId,
+      (t) => {
+        debugger;
+        t && t !== p.value && f(t);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const I = () => {
+      A.success("aaa!");
+    };
+    return (t, a) => {
+      const e = P("el-button");
+      return w(), x(e, { onClick: I }, {
+        default: C(() => [...a[0] || (a[0] = [
+          b("测试按钮2", -1)
         ])]),
         _: 1
       });
     };
   }
 });
-const i = (o, t) => {
-  const n = o.__vccOpts || o;
-  for (const [e, s] of t)
-    n[e] = s;
+const F = (s, o) => {
+  const n = s.__vccOpts || s;
+  for (const [r, i] of o)
+    n[r] = i;
   return n;
-}, d = /* @__PURE__ */ i(u, [["__scopeId", "data-v-30bb0e46"]]), b = {
-  install(o) {
-    o.component("CmcProcessFlow", d);
+}, L = /* @__PURE__ */ F(D, [["__scopeId", "data-v-c412a081"]]), h = {
+  install(s) {
+    s.component("CmcProcessFlow", L);
   }
 };
 export {
-  d as CmcProcessFlow,
-  b as default
+  L 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,f){"use strict";const d=t=>({getApprovalDetail:async c=>await t.get({url:"/system/bpm/process-instance/get-approval-detail",params:{processInstanceId:c}})}),m=t=>({getTaskListByProcessInstanceId:async c=>await t.get({url:"/system/bpm/task/list-by-process-instance-id",params:{processInstanceId:c}})}),_=e.defineComponent({__name:"CmcProcessFlow",props:{processInstanceId:{},request:{}},setup(t){const c=useMessage(),r=t,i=e.ref(!1),l=e.ref({}),y=e.ref({}),I=e.ref(""),k=e.ref([]),p=e.ref(""),v=d(r.request),P=m(r.request),b=o=>{p.value=o,C(),T()},C=async()=>{var o,a;try{i.value=!0;const s=await v.getApprovalDetail(p.value);if(!s){c.error("查询不到审批详情信息！");return}if(!s.processDefinition||!s.processInstance){c.error("查询不到流程信息！");return}l.value=s==null?void 0:s.processInstance,I.value=(a=(o=s==null?void 0:s.processInstance)==null?void 0:o.formVariables)==null?void 0:a.applicationPrefix,y.value=s==null?void 0:s.todoTask}finally{i.value=!1}},T=async()=>{k.value=await P.getTaskListByProcessInstanceId(p.value)};e.watch(()=>r.processInstanceId,o=>{debugger;o&&o!==p.value&&b(o)},{immediate:!0,deep:!0});const w=()=>{f.ElMessage.success("aaa!")};return(o,a)=>{const s=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(s,{onClick:w},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createTextVNode("测试按钮2",-1)])]),_:1})}}}),x="",u=((t,c)=>{const r=t.__vccOpts||t;for(const[i,l]of c)r[i]=l;return r})(_,[["__scopeId","data-v-c412a081"]]),g={install(t){t.component("CmcProcessFlow",u)}};n.CmcProcessFlow=u,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-c412a081]{height:100%;box-sizing:border-box}.process-container[data-v-c412a081]>.el-card__body{height:100%;padding-bottom:0}.process-container[data-v-c412a081]>.el-card__body>div{height:100%;display:flex;flex-direction:column}.approval-actions[data-v-c412a081]{margin:20px 0}.approval-actions .action-buttons[data-v-c412a081]{display:flex;flex-direction:column;gap:12px}.approval-actions .action-buttons .basic-actions[data-v-c412a081]{display:flex;gap:12px}.approval-actions .action-buttons .extended-actions[data-v-c412a081]{display:flex;gap:12px;flex-wrap:wrap}.approval-dialogs[data-v-c412a081]{display:contents}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nbb-component-ui",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "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 }
-// )
+// @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 open = () => {