nbb-component-ui 1.4.0 → 1.4.4

package/dist/index.es.js

@@ -1,58 +1,59 @@
-import { defineComponent as y, ref as n, watch as k, resolveComponent as w, openBlock as C, createBlock as b, withCtx as q, createTextVNode as x } from "vue";
-import { ElMessage as i } from "element-plus";
-const P = (s) => _().get({
+import { defineComponent as y, ref as n, watch as b, resolveComponent as k, openBlock as w, createBlock as C, withCtx as q, createTextVNode as x } from "vue";
+import { ElMessage as P } from "element-plus";
+import { useMessage as T } from "host@/hooks/web/useMessage";
+const F = (s) => i().get({
   url: "/system/bpm/process-instance/get-approval-detail",
   params: {
     processInstanceId: s
   }
-}), T = (s) => _().get({
+}), h = (s) => i().get({
   url: "/system/bpm/task/list-by-process-instance-id",
   params: {
     processInstanceId: s
   }
-}), F = /* @__PURE__ */ y({
+}), B = /* @__PURE__ */ y({
   __name: "CmcProcessFlow",
   props: {
     processInstanceId: {},
     request: {}
   },
   setup(s) {
-    const t = s, r = n(!1), p = n({}), u = n({}), f = n(""), m = n([]), a = n(""), v = (o) => {
-      a.value = o, g(), d();
-    }, g = async () => {
-      var o, c;
+    const t = T(), c = s, a = n(!1), u = n({}), m = n({}), f = n(""), _ = n([]), l = n(""), g = (o) => {
+      l.value = o, v(), d();
+    }, v = async () => {
+      var o, r;
       try {
-        r.value = !0;
-        const e = await P(a.value);
+        a.value = !0;
+        const e = await F(l.value);
         if (!e) {
-          i.error("查询不到审批详情信息！");
+          console.log("查询不到审批详情信息！"), t.error("查询不到审批详情信息！");
           return;
         }
         if (!e.processDefinition || !e.processInstance) {
-          i.error("查询不到流程信息！");
+          console.log("查询不到流程信息！"), t.error("查询不到流程信息！");
           return;
         }
-        p.value = e == null ? void 0 : e.processInstance, f.value = (c = (o = e == null ? void 0 : e.processInstance) == null ? void 0 : o.formVariables) == null ? void 0 : c.applicationPrefix, u.value = e == null ? void 0 : e.todoTask;
+        u.value = e == null ? void 0 : e.processInstance, f.value = (r = (o = e == null ? void 0 : e.processInstance) == null ? void 0 : o.formVariables) == null ? void 0 : r.applicationPrefix, m.value = e == null ? void 0 : e.todoTask;
       } finally {
-        r.value = !1;
+        a.value = !1;
       }
     }, d = async () => {
-      m.value = await T(a.value);
+      _.value = await h(l.value);
     };
-    k(
-      () => t.processInstanceId,
+    b(
+      () => c.processInstanceId,
       (o) => {
-        o && o !== a.value && v(o);
+        o && o !== l.value && g(o);
       },
       { immediate: !0, deep: !0 }
     );
     const I = () => {
-      i.success("aaa!");
+      P.success("aaa!");
     };
-    return (o, c) => {
-      const e = w("el-button");
-      return C(), b(e, { onClick: I }, {
-        default: q(() => [...c[0] || (c[0] = [
+    return (o, r) => {
+      const e = k("el-button");
+      return w(), C(e, { onClick: I }, {
+        default: q(() => [...r[0] || (r[0] = [
           x("测试按钮3", -1)
         ])]),
         _: 1
@@ -60,27 +61,27 @@ const P = (s) => _().get({
     };
   }
 });
-const h = (s, t) => {
-  const r = s.__vccOpts || s;
-  for (const [p, u] of t)
-    r[p] = u;
-  return r;
-}, B = /* @__PURE__ */ h(F, [["__scopeId", "data-v-e422ef37"]]);
-let l = null;
-const L = {
+const D = (s, t) => {
+  const c = s.__vccOpts || s;
+  for (const [a, u] of t)
+    c[a] = u;
+  return c;
+}, E = /* @__PURE__ */ D(B, [["__scopeId", "data-v-b7f4910d"]]);
+let p = null;
+const N = {
   install(s, t) {
     if (console.log("插件install执行，options:", t), !(t != null && t.request))
       throw new Error("请在 app.use(NbbComponentUi) 时传入 { request }");
-    l = t.request, s.component("CmcProcessFlow", B);
+    p = t.request, s.component("CmcProcessFlow", E);
   }
 };
-function _() {
-  if (console.log("getRequest", l), !l)
+function i() {
+  if (console.log("getRequest", p), !p)
     throw new Error("没有_request对象");
-  return l;
+  return p;
 }
 export {
-  B as CmcProcessFlow,
-  L as default,
-  _ as getRequest
+  E as CmcProcessFlow,
+  N as default,
+  i as getRequest
 };

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,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-e422ef37"]]);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"}})});
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("host@/hooks/web/useMessage")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","host@/hooks/web/useMessage"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.NbbComponentUi={},t.Vue,t.ElementPlus,t.useMessage))})(this,function(t,e,_,d){"use strict";const g=o=>p().get({url:"/system/bpm/process-instance/get-approval-detail",params:{processInstanceId:o}}),b=o=>p().get({url:"/system/bpm/task/list-by-process-instance-id",params:{processInstanceId:o}}),y=e.defineComponent({__name:"CmcProcessFlow",props:{processInstanceId:{},request:{}},setup(o){const n=d.useMessage(),l=o,i=e.ref(!1),f=e.ref({}),k=e.ref({}),q=e.ref(""),I=e.ref([]),u=e.ref(""),v=r=>{u.value=r,C(),h()},C=async()=>{var r,c;try{i.value=!0;const s=await g(u.value);if(!s){console.log("查询不到审批详情信息！"),n.error("查询不到审批详情信息！");return}if(!s.processDefinition||!s.processInstance){console.log("查询不到流程信息！"),n.error("查询不到流程信息！");return}f.value=s==null?void 0:s.processInstance,q.value=(c=(r=s==null?void 0:s.processInstance)==null?void 0:r.formVariables)==null?void 0:c.applicationPrefix,k.value=s==null?void 0:s.todoTask}finally{i.value=!1}},h=async()=>{I.value=await b(u.value)};e.watch(()=>l.processInstanceId,r=>{r&&r!==u.value&&v(r)},{immediate:!0,deep:!0});const P=()=>{_.ElMessage.success("aaa!")};return(r,c)=>{const s=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(s,{onClick:P},{default:e.withCtx(()=>[...c[0]||(c[0]=[e.createTextVNode("测试按钮3",-1)])]),_:1})}}}),x="",m=((o,n)=>{const l=o.__vccOpts||o;for(const[i,f]of n)l[i]=f;return l})(y,[["__scopeId","data-v-b7f4910d"]]);let a=null;const w={install(o,n){if(console.log("插件install执行，options:",n),!(n!=null&&n.request))throw new Error("请在 app.use(NbbComponentUi) 时传入 { request }");a=n.request,o.component("CmcProcessFlow",m)}};function p(){if(console.log("getRequest",a),!a)throw new Error("没有_request对象");return a}t.CmcProcessFlow=m,t.default=w,t.getRequest=p,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

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

package/package.json

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

package/src/ProcessFlow/src/CmcProcessFlow.vue

@@ -13,11 +13,11 @@ import { ElMessage } from 'element-plus'
 import {ref, watch} from "vue";
 import * as processInstanceApi  from "@/api/processInstance";
 import * as taskApi from "@/api/task";
-
+// @ts-expect-error 运行时由宿主应用提供
+import { useMessage } from 'host@/hooks/web/useMessage'
 // import ProcessInstanceTaskList from './CmcFlowList.vue'
 
-// // @ts-expect-error 运行时由宿主应用提供
-// const message = useMessage() // 消息弹窗
+const message = useMessage()
 
 const props = defineProps<{
   processInstanceId: string
@@ -49,11 +49,13 @@ const getApprovalDetail =  async () => {
 
     const data = await processInstanceApi.getApprovalDetail(id.value)
     if (!data) {
-      ElMessage.error('查询不到审批详情信息！')
+      console.log('查询不到审批详情信息！')
+      message.error('查询不到审批详情信息！')
       return
     }
     if (!data.processDefinition || !data.processInstance) {
-      ElMessage.error('查询不到流程信息！')
+      console.log('查询不到流程信息！')
+      message.error('查询不到流程信息！')
       return
     }
     processInstance.value = data?.processInstance

package/src/api/processInstance.ts

@@ -11,16 +11,3 @@ export const getApprovalDetail = (processInstanceId: string) => {
 }
 
 
-
-// export const createProcessInstanceApi = (request: any) => ({
-//     getApprovalDetail: async (processInstanceId: any) => {
-//         return await request.get({
-//             url: `/system/bpm/process-instance/get-approval-detail`,
-//             params: {
-//                 processInstanceId
-//             }
-//         })
-//     }
-// })
-
-

package/src/types/host-globals.d.ts

@@ -0,0 +1,5 @@
+declare module 'host@/*' {
+    const value: any;
+    export default value;
+    export * from 'host@/*';
+}

package/tsconfig.json

@@ -16,7 +16,8 @@
     "declaration": true,
     "declarationDir": "dist",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "host@/*": ["./types/host-globals.d.ts"] // 👈 就这一行，通吃所有 @/xxx
     }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "index.ts"]

package/vite.config.js

@@ -32,7 +32,9 @@ export default defineConfig({
       external: [
         '@/utils/formatTime',
         'vue',
-        'element-plus'],
+        'element-plus',
+        /^host@\/.*/ // 所有 host@/ 开头的都外部化
+      ],
       output: {
         // UMD模式下的全局变量名
         globals: {