@chase-shao/vue-component-lib 1.2.78 → 1.2.79

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { ref as m, getCurrentInstance as pe, defineComponent as q, mergeModels as ie, useModel as ye, resolveComponent as S, createBlock as P, openBlock as d, onMounted as ce, computed as Z, withCtx as v, createElementBlock as C, Fragment as j, renderList as $, createVNode as D, nextTick as ot, createTextVNode as J, useTemplateRef as Ne, createElementVNode as A, createCommentVNode as se, toDisplayString as Q, resolveDynamicComponent as He, renderSlot as le, inject as me, reactive as Fe, normalizeStyle as at, normalizeClass as rt, onActivated as st } from "vue";
-import it from "axios";
-import { defineStore as lt } from "pinia";
-import { Modal as ct } from "@arco-design/web-vue";
-import { useRouter as dt } from "vue-router";
-const ut = lt("main", () => ({
-  token: m(void 0)
-})), ft = async (t) => new Promise((n) => setTimeout(n, t)), pt = async (t, n, a, e = void 0) => {
+import { ref as g, getCurrentInstance as pe, defineComponent as Y, mergeModels as ie, useModel as ye, resolveComponent as A, createBlock as P, openBlock as d, onMounted as ue, computed as Z, withCtx as _, createElementBlock as S, Fragment as O, renderList as K, createVNode as N, nextTick as nt, createTextVNode as J, useTemplateRef as He, createElementVNode as x, createCommentVNode as re, toDisplayString as Q, resolveDynamicComponent as Fe, renderSlot as de, inject as me, reactive as Le, normalizeStyle as ot, normalizeClass as at, onActivated as rt } from "vue";
+import st from "axios";
+import { defineStore as it } from "pinia";
+import { Modal as lt } from "@arco-design/web-vue";
+import { useRouter as ct } from "vue-router";
+const dt = it("main", () => ({
+  token: g(void 0)
+})), ut = async (t) => new Promise((n) => setTimeout(n, t)), ft = async (t, n, a, e = void 0) => {
   if (t[n] === void 0)
     try {
       t[n] = null, t[n] = await a() || e;
@@ -13,12 +13,12 @@ const ut = lt("main", () => ({
       console.error(o), t[n] = void 0;
     }
   for (; t[n] === null; )
-    await ft(100);
+    await ut(100);
   return t[n];
 }, be = (t) => {
   const n = `0${t}`;
   return n.substring(n.length - 2);
-}, he = (t, n = "yyyy-MM-dd hh:mm:ss") => {
+}, ke = (t, n = "yyyy-MM-dd hh:mm:ss") => {
   if (!t || typeof t == "string" && t.length === 0)
     return "";
   try {
@@ -42,28 +42,28 @@ const ut = lt("main", () => ({
   } catch {
     return t.toLocaleString();
   }
-}, mt = (t, n) => {
+}, pt = (t, n) => {
   let a;
   t instanceof Blob ? a = t : a = new Blob([t]);
   const e = document.createElement("a"), o = window.URL.createObjectURL(a);
   e.href = o, e.download = n, e.click(), window.URL.revokeObjectURL(o);
 };
 let De = {};
-function gt(t) {
+function mt(t) {
   De = { ...De, ...t };
 }
-function Le() {
+function Re() {
   return De;
 }
-const _t = pe();
+const gt = pe();
 function Ge() {
-  const t = Le();
+  const t = Re();
   return {
     apiBase: t.apiBase || void 0 || "",
     appSecret: t.appSecret || void 0 || ""
   };
 }
-function vt(t) {
+function _t(t) {
   if (!t?.data?.statusCode)
     return t;
   switch (t.data.statusCode) {
@@ -71,22 +71,22 @@ function vt(t) {
       return t.data.data = t.data.result, t.data;
     case 0:
     default:
-      return _t?.appContext.config.globalProperties.$notification.error(t.data.msg), null;
+      return gt?.appContext.config.globalProperties.$notification.error(t.data.msg), null;
   }
 }
-function We() {
-  const { apiBase: t } = Ge(), n = it.create({
+function qe() {
+  const { apiBase: t } = Ge(), n = st.create({
     baseURL: t,
     timeout: 20 * 1e3,
     // 20s
     // headers: { 'Content-Type': 'application/json' },
     withCredentials: !0
   });
-  return n.interceptors.response.use(vt), n;
+  return n.interceptors.response.use(_t), n;
 }
-const qe = async () => {
-  const { apiBase: t, appSecret: n } = Ge(), a = We(), e = ut();
-  return await pt(e, "token", async () => {
+const Ye = async () => {
+  const { apiBase: t, appSecret: n } = Ge(), a = qe(), e = dt();
+  return await ft(e, "token", async () => {
     const o = await a.get(`${t}/GenerateToken`, {
       params: {
         appid: "bpm",
@@ -97,44 +97,44 @@ const qe = async () => {
       e.token = void 0;
     }, (o.data?.expireSeconds ?? 3600) * 1e3), o?.data?.token;
   });
-}, K = async () => {
-  const t = await qe(), n = We();
+}, z = async () => {
+  const t = await Ye(), n = qe();
   return n.defaults.headers.common.Authorization = `Bearer ${t}`, n;
-}, Ie = {
+}, Pe = {
   CurrentUserEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   CurrentUserPositionCode: (t) => t.bpmStore()?.positionCode ?? 888,
   CurrentDatetime: () => (/* @__PURE__ */ new Date()).toISOString(),
   ApproverEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (t) => t.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, W = [];
+}, q = [];
 for (let t = 0; t < 256; ++t)
-  W.push((t + 256).toString(16).slice(1));
-function bt(t, n = 0) {
-  return (W[t[n + 0]] + W[t[n + 1]] + W[t[n + 2]] + W[t[n + 3]] + "-" + W[t[n + 4]] + W[t[n + 5]] + "-" + W[t[n + 6]] + W[t[n + 7]] + "-" + W[t[n + 8]] + W[t[n + 9]] + "-" + W[t[n + 10]] + W[t[n + 11]] + W[t[n + 12]] + W[t[n + 13]] + W[t[n + 14]] + W[t[n + 15]]).toLowerCase();
+  q.push((t + 256).toString(16).slice(1));
+function vt(t, n = 0) {
+  return (q[t[n + 0]] + q[t[n + 1]] + q[t[n + 2]] + q[t[n + 3]] + "-" + q[t[n + 4]] + q[t[n + 5]] + "-" + q[t[n + 6]] + q[t[n + 7]] + "-" + q[t[n + 8]] + q[t[n + 9]] + "-" + q[t[n + 10]] + q[t[n + 11]] + q[t[n + 12]] + q[t[n + 13]] + q[t[n + 14]] + q[t[n + 15]]).toLowerCase();
 }
-let Te;
-const yt = new Uint8Array(16);
-function wt() {
-  if (!Te) {
+let Ne;
+const bt = new Uint8Array(16);
+function yt() {
+  if (!Ne) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    Te = crypto.getRandomValues.bind(crypto);
+    Ne = crypto.getRandomValues.bind(crypto);
   }
-  return Te(yt);
+  return Ne(bt);
 }
-const ht = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ee = { randomUUID: ht };
-function Ye(t, n, a) {
-  if (Ee.randomUUID && !t)
-    return Ee.randomUUID();
+const ht = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), $e = { randomUUID: ht };
+function Je(t, n, a) {
+  if ($e.randomUUID && !t)
+    return $e.randomUUID();
   t = t || {};
-  const e = t.random ?? t.rng?.() ?? wt();
+  const e = t.random ?? t.rng?.() ?? yt();
   if (e.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, bt(e);
+  return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, vt(e);
 }
-var ee = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t))(ee || {}), fe = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t))(fe || {});
-function kt(t, n, a) {
+var ee = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t))(ee || {}), fe = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t[t.ReCreate = 5] = "ReCreate", t))(fe || {});
+function wt(t, n, a) {
   const e = {
     pageType: "",
     fields: {},
@@ -158,7 +158,7 @@ function kt(t, n, a) {
       const l = o.showToRoles.split(",").map((c) => c.trim()), s = a.bpmStore().employeeInfo.roleList.some((c) => l.includes(c.name)) || o.showToRoles === "";
       if (o.widget === "Tab") {
         e.tabs || (e.tabs = []), s && e.tabs.push({
-          key: Ye(),
+          key: Je(),
           title: o.title,
           filters: o.filters ? JSON.parse(o.filters) : [],
           order: o.order
@@ -177,7 +177,7 @@ function kt(t, n, a) {
         readonly: o.readonly,
         eventName: o.eventName
       });
-    } else o.attributeType === "Banner" && (e.banner.title = o.title, e.banner.subTitle = n === 0 ? o.subTitle : Re(o.subTitle, t.workflowId.propertyValue));
+    } else o.attributeType === "Banner" && (e.banner.title = o.title, n === 0 || n === 5 ? e.banner.subTitle = o.subTitle : e.banner.subTitle = Be(o.subTitle, t.workflowId.propertyValue));
   }), e.tabs && (e.tabs = e.tabs.sort((o, l) => o.order - l.order)), Object.entries(t).forEach(([o, l]) => {
     if (o === "__ClassAttributes" || o === "className" || o === "id" || o === "deleteFlag" || o === "status" || o === "workFlowReason" || n !== 3 && o === "workflowId")
       return;
@@ -199,26 +199,26 @@ function kt(t, n, a) {
         s.modelValue = i;
         break;
     }
-    o === "onBehalf" && n === 0 && (s.modelValue = Ie.CurrentUserEmail(a)), n === 1 && (o === "directReports" || o === "employeesInTheTeam") && s.modelValue && (s.modelValue = Number(s.modelValue)), c?.forEach((r) => {
+    o === "onBehalf" && n === 0 && (s.modelValue = Pe.CurrentUserEmail(a)), n === 1 && (o === "directReports" || o === "employeesInTheTeam") && s.modelValue && (s.modelValue = Number(s.modelValue)), c?.forEach((r) => {
       r.order || r.Order ? s.order = r.order ?? r.Order : r.attributeType === "UIControl" ? s.widget = {
         ...r,
         column: !0
       } : r.attributeType === "UIValidationControl" && n !== 3 ? s.widget?.widget !== "CheckBox" && s.validations.push(r) : r.attributeType === "UIListed" ? s.widget = {
         ...r,
         column: !0
-      } : r.attributeType === "UIFiltered" ? (s.isFiltered = !0, s.operator = r.operatorType) : r.dependentType ? s.dependent = Ie[r.dependentType] ? Ie[r.dependentType](a) : "" : r.eventType === "Change" && s.triggers?.push({
+      } : r.attributeType === "UIFiltered" ? (s.isFiltered = !0, s.operator = r.operatorType) : r.dependentType ? s.dependent = Pe[r.dependentType] ? Pe[r.dependentType](a) : "" : r.eventType === "Change" && s.triggers?.push({
         event: "change",
         handlerName: r.eventName
       });
     }), e.fields[o] = s;
   }), e;
 }
-const ke = async (t, n, a, e) => {
-  const l = await (await K()).get(`/General/${n}/${t}/page`, { params: e });
-  return kt(l?.data, t, a);
-}, Je = async (t, n, a) => (await (await K()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
+const Ke = async (t, n, a, e) => {
+  const l = await (await z()).get(`/General/${n}/${t}/page`, { params: e });
+  return wt(l?.data, t, a);
+}, kt = async (t, n, a) => (await (await z()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
 async function Ct(t, n) {
-  const e = await (await K()).post(`/General/${t}/list`, n);
+  const e = await (await z()).post(`/General/${t}/list`, n);
   return {
     data: e.data.data,
     totalCount: e.data.totalCount
@@ -238,108 +238,108 @@ async function Ct(t, n) {
   };
 }
 async function St(t, n, a) {
-  return (await (await K()).post(a, n, {
+  return (await (await z()).post(a, n, {
     params: {
       className: t
     }
   })).data;
 }
-async function xt(t, n, a, e) {
-  const o = await K(), l = Re(e, n);
+async function At(t, n, a, e) {
+  const o = await z(), l = Be(e, n);
   return (await o.put(l, a))?.data;
 }
-function Re(t, n) {
+function Be(t, n) {
   return t.replace(/{WorkflowId}/g, n);
 }
-function Vt(t, n) {
+function xt(t, n) {
   return t.replace(/{ApproverEmail}/g, encodeURIComponent(n));
 }
-function At(t, n) {
+function Vt(t, n) {
   return t.replace(/{WorkFlowReason}/g, encodeURIComponent(n));
 }
-function It(t, n) {
+function Tt(t, n) {
   return t.replace(/{Status}/g, n);
 }
-function Tt(t, n) {
+function It(t, n) {
   return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, n);
 }
-function Ut(t, n) {
+function Pt(t, n) {
   return t.replace(/{ClassName}/g, encodeURIComponent(n));
 }
-async function Pt(t, n, a, e, o, l, s, c) {
-  const i = await K();
-  let r = Re(l, n);
-  return r = Vt(r, a), r = At(r, e), r = It(r, s), r = Tt(r, c), r = Ut(r, t), (await i.put(r, o))?.data;
+async function Nt(t, n, a, e, o, l, s, c) {
+  const i = await z();
+  let r = Be(l, n);
+  return r = xt(r, a), r = Vt(r, e), r = Tt(r, s), r = It(r, c), r = Pt(r, t), (await i.put(r, o))?.data;
 }
-async function Dt(t, n) {
-  const o = (await (await K()).get(t, { params: { value: n } }))?.data;
+async function Ut(t, n) {
+  const o = (await (await z()).get(t, { params: { value: n } }))?.data;
   return Object.entries(o).map(([l, s]) => ({
     value: l,
     label: s
   }));
 }
-async function Nt(t, n) {
-  return (await (await K()).get(`/General/${t}/${n}/process`))?.data;
+async function Dt(t, n) {
+  return (await (await z()).get(`/General/${t}/${n}/process`))?.data;
 }
 function Ht(t) {
   return {
-    uid: t.id ?? Ye(),
+    uid: t.id ?? Je(),
     name: t.attachmentName ?? "unknown",
     url: t.attachmentKey ?? ""
   };
 }
-async function Xe(t, n) {
-  return (await (await K()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
+async function Ft(t, n) {
+  return (await (await z()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
     const { category: c } = s;
     return l[c] || (l[c] = []), l[c].push(Ht(s)), l;
   }, {});
 }
-async function Ft(t, n) {
-  return (await K()).post(`/General/${t}/${n}/delete/attachment`);
+async function Lt(t, n) {
+  return (await z()).post(`/General/${t}/${n}/delete/attachment`);
 }
-async function Lt() {
-  const n = await (await K()).get("/Grading/dropdown/approvers");
+async function Rt() {
+  const n = await (await z()).get("/Grading/dropdown/approvers");
   return Object.entries(n?.data).map(([a, e]) => ({
     label: a,
     value: e
   }));
 }
-async function Rt(t, n) {
-  return await (await K()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
+async function Bt(t, n) {
+  return await (await z()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
 }
-async function Bt(t, n, a) {
-  return await (await K()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
+async function jt(t, n, a) {
+  return await (await z()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
-async function $e(t) {
-  return (await (await K()).get(`Grading/GetComments/${t}`))?.data;
+async function Mt(t) {
+  return (await (await z()).get(`Grading/GetComments/${t}`))?.data;
 }
-async function Ue(t) {
-  return (await (await K()).get(`Grading/GetAssociator/${t}`))?.data;
+async function Ot(t) {
+  return (await (await z()).get(`Grading/GetAssociator/${t}`))?.data;
 }
-async function jt(t) {
-  return await (await K()).delete(`Grading/DeleteAssociator/${t}`);
+async function Et(t) {
+  return await (await z()).delete(`Grading/DeleteAssociator/${t}`);
 }
-async function Mt(t, n = null) {
-  const e = await (await K()).post(t, n, {
+async function $t(t, n = null) {
+  const e = await (await z()).post(t, n, {
     responseType: "blob"
   });
-  mt(e?.data, "WorkflowData.xlsx");
+  pt(e?.data, "WorkflowData.xlsx");
 }
 const ge = (t, n) => {
   let a = "";
   return { res: t.every((o) => {
-    const l = Ot(o, n);
+    const l = Kt(o, n);
     return l || (a = o.errorMessage), l;
   }), errorMessages: a };
-}, Ot = (t, n) => {
+}, Kt = (t, n) => {
   const { ruleName: a, ruleParameter: e } = t;
-  return Et[a](e, n);
-}, Et = {
+  return zt[a](e, n);
+}, zt = {
   Regex: (t, n) => new RegExp(t).test(n),
   Required: (t, n) => !!n
-}, $t = /* @__PURE__ */ q({
+}, Wt = /* @__PURE__ */ Y({
   __name: "InputText",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -357,9 +357,9 @@ const ge = (t, n) => {
     const e = t, o = a, l = ye(t, "modelValue"), s = (u) => ge(e.validations, u), c = (u) => {
       o("input", u);
     }, i = (u) => {
-      const g = s(u);
-      o("error", g.res ? "" : g.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
-        _.event === "change" && o(_.event, _.handlerName, u);
+      const p = s(u);
+      o("error", p.res ? "" : p.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
+        m.event === "change" && o(m.event, m.handlerName, u);
       });
     };
     n({
@@ -377,8 +377,8 @@ const ge = (t, n) => {
     a[e] = o;
   return a;
 };
-function Kt(t, n, a, e, o, l) {
-  const s = S("AInput");
+function Gt(t, n, a, e, o, l) {
+  const s = A("AInput");
   return d(), P(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
@@ -388,7 +388,7 @@ function Kt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled"]);
 }
-const Ke = /* @__PURE__ */ X($t, [["render", Kt], ["__file", "InputText.vue"]]), zt = /* @__PURE__ */ q({
+const ze = /* @__PURE__ */ X(Wt, [["render", Gt], ["__file", "InputText.vue"]]), qt = /* @__PURE__ */ Y({
   __name: "InputNumber",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -403,32 +403,32 @@ const Ke = /* @__PURE__ */ X($t, [["render", Kt], ["__file", "InputText.vue"]]),
   }),
   emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = ye(t, "modelValue"), s = m(100), c = m(1);
-    ce(() => {
-      e.validations && e.validations.forEach((_) => {
-        _.ruleName === "Max" && (s.value = _.ruleParameter), _.ruleName === "Min" && (c.value = _.ruleParameter);
+    const e = t, o = a, l = ye(t, "modelValue"), s = g(100), c = g(1);
+    ue(() => {
+      e.validations && e.validations.forEach((m) => {
+        m.ruleName === "Max" && (s.value = m.ruleParameter), m.ruleName === "Min" && (c.value = m.ruleParameter);
       });
     });
-    const i = (_) => ge(e.validations, _), r = (_) => {
-      o("input", _);
-    }, u = (_) => {
-      const b = i(_);
-      o("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, _);
+    const i = (m) => ge(e.validations, m), r = (m) => {
+      o("input", m);
+    }, u = (m) => {
+      const y = i(m);
+      o("error", y.res ? "" : y.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((v) => {
+        v.event === "change" && o(v.event, v.handlerName, m);
       });
     };
     n({
       validate() {
-        const _ = i(e.modelValue);
-        return o("error", _.res ? "" : _.errorMessages), _.res;
+        const m = i(e.modelValue);
+        return o("error", m.res ? "" : m.errorMessages), m.res;
       }
     });
-    const g = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: u };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+    const p = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: u };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
   }
 });
-function Gt(t, n, a, e, o, l) {
-  const s = S("AInputNumber");
+function Yt(t, n, a, e, o, l) {
+  const s = A("AInputNumber");
   return d(), P(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
@@ -439,7 +439,7 @@ function Gt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "min"]);
 }
-const Wt = /* @__PURE__ */ X(zt, [["render", Gt], ["__file", "InputNumber.vue"]]), qt = /* @__PURE__ */ q({
+const Jt = /* @__PURE__ */ X(qt, [["render", Yt], ["__file", "InputNumber.vue"]]), Xt = /* @__PURE__ */ Y({
   __name: "SelectList",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -454,38 +454,38 @@ const Wt = /* @__PURE__ */ X(zt, [["render", Gt], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ie(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m(!1), s = m(e.config.options ?? []), c = ye(t, "modelValue"), i = (b) => ge(e.validations, b), r = Z(() => {
-      const b = {};
-      return e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        b[p.event] = (w) => {
-          o(p.event, p.handlerName, w);
-          const f = i(w);
+    const e = t, o = a, l = g(!1), s = g(e.config.options ?? []), c = ye(t, "modelValue"), i = (y) => ge(e.validations, y), r = Z(() => {
+      const y = {};
+      return e.triggers && e.triggers.length > 0 && e.triggers.forEach((v) => {
+        y[v.event] = (h) => {
+          o(v.event, v.handlerName, h);
+          const f = i(h);
           o("error", f.res ? "" : f.errorMessages);
         };
-      }), b;
+      }), y;
     }), u = async () => {
-      e.config.dataSourceProvider && (s.value = await Dt(e.config.dataSourceProvider));
+      e.config.dataSourceProvider && (s.value = await Ut(e.config.dataSourceProvider));
     };
-    ce(u);
-    const g = (b) => {
-      o("update:modelValue", b);
-      const p = i(b);
-      o("error", p.res ? "" : p.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((w) => {
-        w.event === "change" && o(w.event, w.handlerName, b);
+    ue(u);
+    const p = (y) => {
+      o("update:modelValue", y);
+      const v = i(y);
+      o("error", v.res ? "" : v.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((h) => {
+        h.event === "change" && o(h.event, h.handlerName, y);
       });
     };
     n({
       validate() {
-        const b = i(e.modelValue);
-        return o("error", b.res ? "" : b.errorMessages), b.res;
+        const y = i(e.modelValue);
+        return o("error", y.res ? "" : y.errorMessages), y.res;
       }
     });
-    const _ = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: u, changeHandler: g };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+    const m = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: u, changeHandler: p };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
 });
-function Yt(t, n, a, e, o, l) {
-  const s = S("AOption"), c = S("ASelect");
+function Qt(t, n, a, e, o, l) {
+  const s = A("AOption"), c = A("ASelect");
   return d(), P(c, {
     "allow-clear": "",
     modelValue: e.model,
@@ -496,8 +496,8 @@ function Yt(t, n, a, e, o, l) {
     disabled: e.props.config.readonly,
     onChange: e.changeHandler
   }, {
-    default: v(() => [
-      (d(!0), C(j, null, $(e._options, (i) => (d(), P(s, {
+    default: _(() => [
+      (d(!0), S(O, null, K(e._options, (i) => (d(), P(s, {
         key: i.value,
         value: i.value,
         label: i.label
@@ -506,7 +506,7 @@ function Yt(t, n, a, e, o, l) {
     _: 1
   }, 8, ["modelValue", "loading", "disabled"]);
 }
-const ze = /* @__PURE__ */ X(qt, [["render", Yt], ["__file", "SelectList.vue"]]), Jt = /* @__PURE__ */ q({
+const We = /* @__PURE__ */ X(Xt, [["render", Qt], ["__file", "SelectList.vue"]]), Zt = /* @__PURE__ */ Y({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -514,15 +514,15 @@ const ze = /* @__PURE__ */ X(qt, [["render", Yt], ["__file", "SelectList.vue"]])
   },
   emits: ["update:modelValue", "change"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m(e.config.options ?? []), s = (r) => {
+    const e = t, o = a, l = g(e.config.options ?? []), s = (r) => {
       o("update:modelValue", r), o("change", r);
     };
-    ce(async () => {
+    ue(async () => {
       if (e.config) {
         const r = e.config.dataSourceProvider;
         if (r) {
-          const g = await (await K()).get(r);
-          l.value = g.data;
+          const p = await (await z()).get(r);
+          l.value = p.data;
         }
       }
     });
@@ -536,14 +536,14 @@ const ze = /* @__PURE__ */ X(qt, [["render", Yt], ["__file", "SelectList.vue"]])
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function Xt(t, n, a, e, o, l) {
-  const s = S("ACascader"), c = S("ASpace");
+function en(t, n, a, e, o, l) {
+  const s = A("ACascader"), c = A("ASpace");
   return d(), P(c, {
     direction: "vertical",
     size: "large"
   }, {
-    default: v(() => [
-      D(s, {
+    default: _(() => [
+      N(s, {
         "field-names": e.fieldNames,
         "model-value": a.modelValue,
         options: e._options,
@@ -555,7 +555,7 @@ function Xt(t, n, a, e, o, l) {
     _: 1
   });
 }
-const Qt = /* @__PURE__ */ X(Jt, [["render", Xt], ["__file", "Cascader.vue"]]), Zt = /* @__PURE__ */ q({
+const tn = /* @__PURE__ */ X(Zt, [["render", en], ["__file", "Cascader.vue"]]), nn = /* @__PURE__ */ Y({
   __name: "FileUpload",
   props: {
     className: {},
@@ -568,67 +568,67 @@ const Qt = /* @__PURE__ */ X(Jt, [["render", Xt], ["__file", "Cascader.vue"]]),
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m({});
-    ce(async () => {
-      const h = await qe();
+    const e = t, o = a, l = g({});
+    ue(async () => {
+      const w = await Ye();
       l.value = {
-        Authorization: `Bearer ${h}`
+        Authorization: `Bearer ${w}`
       };
     });
-    const s = (h) => ge(e.validations, h), c = Le(), i = c.apiBase, r = m(null), u = m("");
-    function g(h, I, x) {
-      return h.replace(/{WorkflowId}/g, I).replace(/{ClassName}/g, x);
+    const s = (w) => ge(e.validations, w), c = Re(), i = c.apiBase, r = g(null), u = g("");
+    function p(w, k, T) {
+      return w.replace(/{WorkflowId}/g, k).replace(/{ClassName}/g, T);
     }
-    const _ = Z(() => {
+    const m = Z(() => {
       if (e.config.uploadURL) {
-        const h = i + e.config.uploadURL;
-        return g(h, u.value, e.className);
+        const w = i + e.config.uploadURL;
+        return p(w, u.value, e.className);
       }
       return "";
-    }), b = (h) => {
-      h.stopPropagation(), r.value.submit();
+    }), y = (w) => {
+      w.stopPropagation(), r.value.submit();
     };
-    function p(h) {
-      const { file: I, name: x } = h, V = x ?? I.name;
-      return new Promise((y, N) => {
-        ct.confirm({
+    function v(w) {
+      const { file: k, name: T } = w, V = T ?? k.name;
+      return new Promise((C, U) => {
+        lt.confirm({
           title: "Confirm Delete",
           content: `Are you sure you want to delete ${V}?`,
           async onOk() {
-            if (h.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(h.uid), y(!0);
-            y(!0);
+            if (w.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(w.uid), C(!0);
+            C(!0);
           },
-          onCancel: () => N("cancel")
+          onCancel: () => U("cancel")
         });
       });
     }
-    const w = m(null), f = m(null), L = (h) => {
-      w.value && (w.value(h), w.value = null, f.value = null);
-    }, Y = (h) => {
-      f.value && (f.value(h), w.value = null, f.value = null);
-    }, z = m([]), te = (h) => {
-      z.value = h.filter((I) => I.status === "init");
+    const h = g(null), f = g(null), L = (w) => {
+      h.value && (h.value(w), h.value = null, f.value = null);
+    }, W = (w) => {
+      f.value && (f.value(w), h.value = null, f.value = null);
+    }, G = g([]), te = (w) => {
+      G.value = w.filter((k) => k.status === "init");
     };
     n({
-      submit(h) {
-        return new Promise((I, x) => {
-          r.value ? (e.config.uploadURL && (u.value = h), w.value = I, f.value = x, z.value.length ? ot(() => {
+      submit(w) {
+        return new Promise((k, T) => {
+          r.value ? (e.config.uploadURL && (u.value = w), h.value = k, f.value = T, G.value.length ? nt(() => {
             r.value?.submit();
-          }) : I(h)) : I(h);
+          }) : k(w)) : k(w);
         });
       },
       validate() {
-        const h = s(e.modelValue);
-        return o("error", h.res ? "" : h.errorMessages), h.res;
+        const w = s(e.modelValue);
+        return o("error", w.res ? "" : w.errorMessages), w.res;
       }
     });
-    const oe = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: g, action: _, submit: b, onBeforeRemove: p, uploadPromiseResolve: w, uploadPromiseReject: f, handleUploadSuccess: L, handleUploadError: Y, readyFiles: z, onChange: te };
+    const oe = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: p, action: m, submit: y, onBeforeRemove: v, uploadPromiseResolve: h, uploadPromiseReject: f, handleUploadSuccess: L, handleUploadError: W, readyFiles: G, onChange: te };
     return Object.defineProperty(oe, "__isScriptSetup", { enumerable: !1, value: !0 }), oe;
   }
 });
-function en(t, n, a, e, o, l) {
-  const s = S("a-button"), c = S("a-upload");
+function on(t, n, a, e, o, l) {
+  const s = A("a-button"), c = A("a-upload");
   return d(), P(c, {
     ref: "uploadRef",
     "default-file-list": e.props.config.files,
@@ -642,10 +642,10 @@ function en(t, n, a, e, o, l) {
     onSuccess: e.handleUploadSuccess,
     onError: e.handleUploadError
   }, {
-    "start-icon": v(() => n[0] || (n[0] = [])),
-    "upload-button": v(() => [
-      D(s, { type: "primary" }, {
-        default: v(() => n[1] || (n[1] = [
+    "start-icon": _(() => n[0] || (n[0] = [])),
+    "upload-button": _(() => [
+      N(s, { type: "primary" }, {
+        default: _(() => n[1] || (n[1] = [
           J("Select File", -1)
         ])),
         _: 1,
@@ -655,7 +655,7 @@ function en(t, n, a, e, o, l) {
     _: 1
   }, 8, ["default-file-list", "action", "limit", "headers"]);
 }
-const tn = /* @__PURE__ */ X(Zt, [["render", en], ["__file", "FileUpload.vue"]]), nn = /* @__PURE__ */ q({
+const an = /* @__PURE__ */ X(nn, [["render", on], ["__file", "FileUpload.vue"]]), rn = /* @__PURE__ */ Y({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -672,8 +672,8 @@ const tn = /* @__PURE__ */ X(Zt, [["render", en], ["__file", "FileUpload.vue"]])
     }, c = (r) => {
       o("update:modelValue", r);
       const u = l(r);
-      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.handlerName, r);
+      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
+        p.event === "change" && o(p.event, p.handlerName, r);
       });
     };
     n({
@@ -686,8 +686,8 @@ const tn = /* @__PURE__ */ X(Zt, [["render", en], ["__file", "FileUpload.vue"]])
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function on(t, n, a, e, o, l) {
-  const s = S("ATextarea");
+function sn(t, n, a, e, o, l) {
+  const s = A("ATextarea");
   return d(), P(s, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
@@ -697,7 +697,7 @@ function on(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled"]);
 }
-const an = /* @__PURE__ */ X(nn, [["render", on], ["__file", "TextArea.vue"]]), rn = /* @__PURE__ */ q({
+const ln = /* @__PURE__ */ X(rn, [["render", sn], ["__file", "TextArea.vue"]]), cn = /* @__PURE__ */ Y({
   __name: "CheckBox",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -714,8 +714,8 @@ const an = /* @__PURE__ */ X(nn, [["render", on], ["__file", "TextArea.vue"]]),
   setup(t, { expose: n, emit: a }) {
     const e = t, o = a, l = ye(t, "modelValue"), s = (r) => ge(e.validations, r), c = (r) => {
       const u = s(r);
-      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.handlerName, r);
+      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
+        p.event === "change" && o(p.event, p.handlerName, r);
       });
     };
     n({
@@ -728,8 +728,8 @@ const an = /* @__PURE__ */ X(nn, [["render", on], ["__file", "TextArea.vue"]]),
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function sn(t, n, a, e, o, l) {
-  const s = S("ACheckbox");
+function dn(t, n, a, e, o, l) {
+  const s = A("ACheckbox");
   return d(), P(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
@@ -737,14 +737,14 @@ function sn(t, n, a, e, o, l) {
     disabled: e.props.readonly || e.props.config.Readonly,
     onChange: e.changeHandler
   }, {
-    default: v(() => n[1] || (n[1] = [
+    default: _(() => n[1] || (n[1] = [
       J("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const ln = /* @__PURE__ */ X(rn, [["render", sn], ["__file", "CheckBox.vue"]]), cn = /* @__PURE__ */ q({
+const un = /* @__PURE__ */ X(cn, [["render", dn], ["__file", "CheckBox.vue"]]), fn = /* @__PURE__ */ Y({
   __name: "index",
   props: /* @__PURE__ */ ie({
     config: {},
@@ -760,41 +760,41 @@ const ln = /* @__PURE__ */ X(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
   }),
   emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = ye(t, "modelValue"), s = Ne("widgetRef"), c = Z(() => {
+    const e = t, o = a, l = ye(t, "modelValue"), s = He("widgetRef"), c = Z(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
-          return Ke;
+          return ze;
         case "Number":
-          return Wt;
+          return Jt;
         case "SelectList":
-          return ze;
+          return We;
         case "Cascade":
-          return Qt;
-        case "File":
           return tn;
-        case "TextArea":
+        case "File":
           return an;
+        case "TextArea":
+          return ln;
         case "DropDown":
-          return ze;
+          return We;
         case "CheckBox":
-          return ln;
+          return un;
         default:
-          return Ke;
+          return ze;
       }
-    }), i = m(""), r = (b) => {
-      i.value = b;
-    }, u = (b, p) => {
-      o("change", b, p);
+    }), i = g(""), r = (y) => {
+      i.value = y;
+    }, u = (y, v) => {
+      o("change", y, v);
     };
-    function g() {
+    function p() {
       return e.config?.widget?.widget === "File";
     }
     n({
       isFileUpload() {
         return e.config?.widget?.widget === "File";
       },
-      submit(b) {
-        return g() ? s.value.submit(b) : Promise.resolve(b);
+      submit(y) {
+        return p() ? s.value.submit(y) : Promise.resolve(y);
       },
       validate() {
         return s.value?.validate();
@@ -803,24 +803,24 @@ const ln = /* @__PURE__ */ X(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
         return e?.config?.widget?.title;
       }
     });
-    const _ = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: g };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+    const m = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: p };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
-}), dn = { class: "title" }, un = {
+}), pn = { class: "title" }, mn = {
   key: 0,
   class: "required"
-}, fn = {
+}, gn = {
   key: 0,
   class: "err-msg"
 };
-function pn(t, n, a, e, o, l) {
-  return d(), C("div", null, [
-    A("div", dn, [
+function _n(t, n, a, e, o, l) {
+  return d(), S("div", null, [
+    x("div", pn, [
       J(Q(e.props?.config?.widget?.title) + " ", 1),
-      e.props.config.validations.length ? (d(), C("span", un, "*")) : se("", !0)
+      e.props.config.validations.length ? (d(), S("span", mn, "*")) : re("", !0)
     ]),
-    A("div", null, [
-      (d(), P(He(e.curComp), {
+    x("div", null, [
+      (d(), P(Fe(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.model = s),
@@ -832,11 +832,11 @@ function pn(t, n, a, e, o, l) {
         onError: e.errHandler,
         onChange: e.changeHandler
       }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-      e.errMsg.length > 0 ? (d(), C("div", fn, Q(e.errMsg), 1)) : se("", !0)
+      e.errMsg.length > 0 ? (d(), S("div", gn, Q(e.errMsg), 1)) : re("", !0)
     ])
   ]);
 }
-const Be = /* @__PURE__ */ X(cn, [["render", pn], ["__scopeId", "data-v-4bc9e33b"], ["__file", "index.vue"]]), mn = /* @__PURE__ */ q({
+const je = /* @__PURE__ */ X(fn, [["render", _n], ["__scopeId", "data-v-4bc9e33b"], ["__file", "index.vue"]]), vn = /* @__PURE__ */ Y({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -854,20 +854,20 @@ const Be = /* @__PURE__ */ X(cn, [["render", pn], ["__scopeId", "data-v-4bc9e33b
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function gn(t, n, a, e, o, l) {
-  const s = S("AButton");
+function bn(t, n, a, e, o, l) {
+  const s = A("AButton");
   return d(), P(s, {
     loading: a.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
-    default: v(() => [
-      le(t.$slots, "default")
+    default: _(() => [
+      de(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const _n = /* @__PURE__ */ X(mn, [["render", gn], ["__file", "SubmitButton.vue"]]), vn = /* @__PURE__ */ q({
+const yn = /* @__PURE__ */ X(vn, [["render", bn], ["__file", "SubmitButton.vue"]]), hn = /* @__PURE__ */ Y({
   __name: "DetailLink",
   props: {
     url: {},
@@ -885,16 +885,16 @@ const _n = /* @__PURE__ */ X(mn, [["render", gn], ["__file", "SubmitButton.vue"]
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function bn(t, n, a, e, o, l) {
-  const s = S("ALink");
+function wn(t, n, a, e, o, l) {
+  const s = A("ALink");
   return d(), P(s, { onClick: e.clickHandler }, {
-    default: v(() => [
-      le(t.$slots, "default")
+    default: _(() => [
+      de(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const yn = /* @__PURE__ */ X(vn, [["render", bn], ["__file", "DetailLink.vue"]]), wn = /* @__PURE__ */ q({
+const kn = /* @__PURE__ */ X(hn, [["render", wn], ["__file", "DetailLink.vue"]]), Cn = /* @__PURE__ */ Y({
   __name: "index",
   props: {
     config: {},
@@ -904,52 +904,52 @@ const yn = /* @__PURE__ */ X(vn, [["render", bn], ["__file", "DetailLink.vue"]])
   setup(t, { expose: n, emit: a }) {
     n();
     const e = t, o = a;
-    function l(u, g) {
-      o("click", e.config.widget, u, g, e.config.title);
+    function l(u, p) {
+      o("click", e.config.widget, u, p, e.config.title);
     }
     const s = Z(() => {
       switch (e.config.location) {
         case "InOperation":
-          return _n;
+          return yn;
         case "InTable":
         default:
-          return yn;
+          return kn;
       }
     }), c = Z(() => e.config.widget === ee.Submit ? e.config.requestUrl ?? "" : e.config.widget === ee.Link ? e.config.redirectUrl ?? "" : ""), i = Z(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
-function hn(t, n, a, e, o, l) {
-  return d(), P(He(e.curComp), {
+function Sn(t, n, a, e, o, l) {
+  return d(), P(Fe(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: a.loading,
     onClick: e.clickHandler
   }, {
-    default: v(() => [
+    default: _(() => [
       J(Q(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Ce = /* @__PURE__ */ X(wn, [["render", hn], ["__file", "index.vue"]]), Qe = Symbol("library-router");
-function Se() {
-  const t = me(Qe, null);
-  return t || dt();
+const Se = /* @__PURE__ */ X(Cn, [["render", Sn], ["__file", "index.vue"]]), Xe = Symbol("library-router");
+function Ae() {
+  const t = me(Xe, null);
+  return t || ct();
 }
-const Ze = Symbol("library-triggers");
-function je() {
-  const t = me(Ze, null);
+const Qe = Symbol("library-triggers");
+function Me() {
+  const t = me(Qe, null);
   return t || {};
 }
-const kn = Symbol("library-pinia"), et = Symbol("library-bpmStore"), tt = Symbol("library-svrStore");
+const An = Symbol("library-pinia"), Ze = Symbol("library-bpmStore"), et = Symbol("library-svrStore");
 function xe() {
-  return me(et, null);
+  return me(Ze, null);
 }
 function Ve() {
-  return me(tt, null);
+  return me(et, null);
 }
-const Cn = /* @__PURE__ */ q({
+const xn = /* @__PURE__ */ Y({
   __name: "TopBar",
   props: {
     title: {},
@@ -961,26 +961,26 @@ const Cn = /* @__PURE__ */ q({
     const a = {};
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
-}), Sn = { class: "top-bar" }, xn = { class: "banner-info" }, Vn = { class: "page-title" }, An = { class: "page-subtitle" }, In = { class: "avatar-wrapper" }, Tn = { class: "user-email" };
-function Un(t, n, a, e, o, l) {
-  const s = S("a-avatar"), c = S("a-popover");
-  return d(), C("div", Sn, [
-    A("div", xn, [
-      A("div", Vn, Q(a.title), 1),
-      A("div", An, Q(a.subTitle), 1)
+}), Vn = { class: "top-bar" }, Tn = { class: "banner-info" }, In = { class: "page-title" }, Pn = { class: "page-subtitle" }, Nn = { class: "avatar-wrapper" }, Un = { class: "user-email" };
+function Dn(t, n, a, e, o, l) {
+  const s = A("a-avatar"), c = A("a-popover");
+  return d(), S("div", Vn, [
+    x("div", Tn, [
+      x("div", In, Q(a.title), 1),
+      x("div", Pn, Q(a.subTitle), 1)
     ]),
-    A("div", In, [
-      D(c, { trigger: "click" }, {
-        content: v(() => [
-          A("div", Tn, Q(a.email), 1)
+    x("div", Nn, [
+      N(c, { trigger: "click" }, {
+        content: _(() => [
+          x("div", Un, Q(a.email), 1)
         ]),
-        default: v(() => [
-          D(s, {
+        default: _(() => [
+          N(s, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
-            default: v(() => [
+            default: _(() => [
               J(Q(a.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
@@ -991,9 +991,9 @@ function Un(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ae = /* @__PURE__ */ X(Cn, [["render", Un], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
-function Me(t) {
-  const n = Le(), a = [];
+const Te = /* @__PURE__ */ X(xn, [["render", Dn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+function Oe(t) {
+  const n = Re(), a = [];
   if (n.fieldsGroup) {
     n.fieldsGroup.forEach((l) => {
       const s = l.keys.map((c) => t.find((i) => i.fieldKey === c)).filter(Boolean);
@@ -1003,14 +1003,87 @@ function Me(t) {
     return o.length && a.push({ name: "Previous Grading (if applicable)", fields: o }), a;
   }
 }
-const Pn = /* @__PURE__ */ q({
+class Ie {
+  pageActionType;
+  className = "";
+  store = { svrStore: {}, bpmStore: {} };
+  opt = { workflowId: "" };
+  setWorkflowId(n) {
+    return n ? (this.opt.workflowId = n, this) : this;
+  }
+  setPageActionType(n) {
+    return this.pageActionType = n, this;
+  }
+  setClassName(n) {
+    return this.className = n, this;
+  }
+  setStore(n) {
+    return this.store = n, this;
+  }
+  setOpt(n) {
+    return this.opt = n, this;
+  }
+  build() {
+    return this.pageActionType ? this.opt.workflowId ? new Ce(this.pageActionType, this.className, this.store, this.opt) : new Ce(this.pageActionType, this.className, this.store) : this.opt.workflowId ? new Ce(fe.ReCreate, this.className, this.store, this.opt) : new Ce(fe.Create, this.className, this.store);
+  }
+}
+class Ce {
+  pageActionType;
+  className;
+  store;
+  opt;
+  getApproverEmail() {
+    return this.store.svrStore()?.userInfo?.email_address ?? "";
+  }
+  getWorkflowId() {
+    return this.opt?.workflowId ?? "";
+  }
+  constructor(n, a, e, o) {
+    this.pageActionType = n, this.className = a, this.store = e, o && (this.opt = o);
+  }
+  getPageData() {
+    return this.opt ? Ke(this.pageActionType, this.className, this.store, this.opt) : Ke(this.pageActionType, this.className, this.store);
+  }
+  getBtnList() {
+    return kt(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
+  }
+  getFiles() {
+    return Ft(this.className, this.getWorkflowId());
+  }
+  removeFile(n) {
+    return Lt(this.className, n);
+  }
+  getProcess() {
+    return Dt(this.className, this.getWorkflowId());
+  }
+  getCommentsHistory() {
+    return Mt(this.getWorkflowId());
+  }
+  getAssociator() {
+    return Ot(this.getWorkflowId());
+  }
+  getApprovers() {
+    return Rt();
+  }
+  assignApprover(n) {
+    return Bt(this.getWorkflowId(), n);
+  }
+  addComments(n) {
+    return jt(this.getWorkflowId(), this.getApproverEmail(), n);
+  }
+  deleteAssociator(n) {
+    return Et(n);
+  }
+}
+const Hn = /* @__PURE__ */ Y({
   __name: "CreateView",
   props: {
-    className: {}
+    className: {},
+    workflowId: {}
   },
   setup(t, { expose: n }) {
     n();
-    const a = xe(), e = Ve(), o = Se(), l = je(), s = Ne("dataWidgets"), c = pe(), i = t, r = m({
+    const a = xe(), e = Ve(), o = Ae(), l = Me(), s = He("dataWidgets"), c = pe(), i = t, r = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1018,105 +1091,104 @@ const Pn = /* @__PURE__ */ q({
         title: "",
         subTitle: ""
       }
-    }), u = m([]), g = m({});
-    function _(x) {
-      return x ? Object.entries(x).map(([y, N]) => ({
-        fieldKey: y,
-        ...N
-      })).filter((y) => y.widget && y.widget.widget !== "Hidden").filter((y) => !te.value.includes(y.fieldKey)) : [];
+    }), u = g([]), p = g({});
+    function m(T) {
+      return T ? Object.entries(T).map(([C, U]) => ({
+        fieldKey: C,
+        ...U
+      })).filter((C) => C.widget && C.widget.widget !== "Hidden").filter((C) => !te.value.includes(C.fieldKey)) : [];
     }
-    function b(x) {
-      return x ? Object.entries(x).filter(([y, N]) => N.dependent).reduce((y, [N, M]) => (y[N] = M.dependent, y), {}) : [];
+    function y(T) {
+      return T ? Object.entries(T).filter(([C, U]) => U.dependent).reduce((C, [U, M]) => (C[U] = M.dependent, C), {}) : [];
     }
-    const p = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), w = Fe({}), f = m(!1);
-    ce(async () => {
-      f.value = !0, r.value = await ke(fe.Create, i.className, {
-        svrStore: e,
-        bpmStore: a
-      }), u.value = _(r.value.fields), g.value = b(r.value.fields);
-      for (const x in r.value.fields) {
-        if (r.value.fields[x].widget?.widget === "File") {
-          const V = u.value.find((y) => y.fieldKey === x);
-          V && V.widget && (V.widget.files = []);
+    const v = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), h = Le({}), f = g(!1);
+    ue(async () => {
+      f.value = !0;
+      const T = new Ie().setWorkflowId(i.workflowId).setClassName(i.className).setStore({ svrStore: e, bpmStore: a }).build();
+      r.value = await T.getPageData(), u.value = m(r.value.fields), p.value = y(r.value.fields);
+      for (const V in r.value.fields) {
+        if (r.value.fields[V].widget?.widget === "File") {
+          const C = u.value.find((U) => U.fieldKey === V);
+          C && C.widget && (C.widget.files = []);
         }
-        w[x] = r.value.fields[x].modelValue;
+        h[V] = r.value.fields[V].modelValue;
       }
       f.value = !1;
     });
     function L() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function Y(x, V, y, N, M) {
+    async function W(T, V, C, U, M) {
       switch (V) {
         case ee.Submit:
-          let O = !0;
-          if (s.value?.forEach((G) => {
-            G?.validate && (G.validate() || (O = !1));
-          }), !O) {
+          let R = !0;
+          if (s.value?.forEach((E) => {
+            E?.validate && (E.validate() || (R = !1));
+          }), !R) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
           f.value = !0;
           try {
-            const G = await St(i.className, { ...w, ...g.value }, y), ae = s.value?.map((de) => de?.submit ? de.submit(G.toString()) : Promise.resolve()) || [];
-            await Promise.all(ae), f.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${G.toString()}.`), o.push({ name: "Details", params: { workflowId: G.toString() } });
+            const E = await St(i.className, { ...h, ...p.value }, C), le = s.value?.map((ce) => ce?.submit ? ce.submit(E.toString()) : Promise.resolve()) || [];
+            await Promise.all(le), f.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${E.toString()}.`), o.push({ name: "Details", params: { workflowId: E.toString() } });
           } catch {
             c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), f.value = !1;
           }
           break;
         case ee.Link:
           try {
-            await l[x.eventName || ""]?.(w, te), o.push({ name: N, params: { className: i.className } });
-          } catch (G) {
-            console.error("Error in link action trigger:", G);
+            await l[T.eventName || ""]?.(h, te), o.push({ name: U, params: { className: i.className } });
+          } catch (E) {
+            console.error("Error in link action trigger:", E);
           }
           break;
         default:
           console.warn("Unknown action type:", V);
       }
     }
-    const z = [
+    const G = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], te = m(z);
-    function oe(x, V) {
-      l[x]?.(V, te), r.value && (u.value = _(r.value.fields));
+    ], te = g(G);
+    function oe(T, V) {
+      l[T]?.(V, te), r.value && (u.value = m(r.value.fields));
     }
-    const h = Z(() => Me(u.value)), I = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: b, reversedActions: p, _data: w, loading: f, getApproverEmail: L, clickHandler: Y, newHiddenFields: z, hiddenFields: te, changeHandler: oe, groupedFields: h, DataWidgets: Be, ActionButton: Ce, TopBar: Ae };
-    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
+    const w = Z(() => Oe(u.value)), k = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: p, genField: m, genDependentField: y, reversedActions: v, _data: h, loading: f, getApproverEmail: L, clickHandler: W, newHiddenFields: G, hiddenFields: te, changeHandler: oe, groupedFields: w, DataWidgets: je, ActionButton: Se, TopBar: Te };
+    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
-}), Dn = { class: "page-container" }, Nn = { class: "page-body" }, Hn = { class: "form-card" }, Fn = { class: "form-fields-vertical" }, Ln = { class: "form-fields" }, Rn = {
+}), Fn = { class: "page-container" }, Ln = { class: "page-body" }, Rn = { class: "form-card" }, Bn = { class: "form-fields-vertical" }, jn = { class: "form-fields" }, Mn = {
   key: 0,
   class: "form-content"
-}, Bn = { class: "page-footer" }, jn = { class: "action-container" }, Mn = { class: "action-buttons" };
-function On(t, n, a, e, o, l) {
-  const s = S("a-card"), c = S("a-spin");
-  return d(), C("div", Dn, [
-    D(e.TopBar, {
+}, On = { class: "page-footer" }, En = { class: "action-container" }, $n = { class: "action-buttons" };
+function Kn(t, n, a, e, o, l) {
+  const s = A("a-card"), c = A("a-spin");
+  return d(), S("div", Fn, [
+    N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    A("div", Nn, [
-      D(c, {
+    x("div", Ln, [
+      N(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: v(() => [
-          A("div", Hn, [
-            A("div", Fn, [
-              (d(!0), C(j, null, $(e.groupedFields, (i) => (d(), P(s, {
+        default: _(() => [
+          x("div", Rn, [
+            x("div", Bn, [
+              (d(!0), S(O, null, K(e.groupedFields, (i) => (d(), P(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: v(() => [
-                  A("div", Ln, [
-                    (d(!0), C(j, null, $(i.fields, (r) => (d(), P(e.DataWidgets, {
+                default: _(() => [
+                  x("div", jn, [
+                    (d(!0), S(O, null, K(i.fields, (r) => (d(), P(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1133,19 +1205,19 @@ function On(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), C("div", Rn, [
-              le(t.$slots, "content", {}, void 0, !0)
-            ])) : se("", !0)
+            t.$slots.content ? (d(), S("div", Mn, [
+              de(t.$slots, "content", {}, void 0, !0)
+            ])) : re("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    A("div", Bn, [
-      A("div", jn, [
-        le(t.$slots, "action", {}, void 0, !0),
-        A("div", Mn, [
-          (d(!0), C(j, null, $(e.reversedActions, (i) => (d(), P(e.ActionButton, {
+    x("div", On, [
+      x("div", En, [
+        de(t.$slots, "action", {}, void 0, !0),
+        x("div", $n, [
+          (d(!0), S(O, null, K(e.reversedActions, (i) => (d(), P(e.ActionButton, {
             key: i.Title,
             loading: e.loading,
             config: i,
@@ -1157,7 +1229,7 @@ function On(t, n, a, e, o, l) {
     ])
   ]);
 }
-const En = /* @__PURE__ */ X(Pn, [["render", On], ["__scopeId", "data-v-7b45a965"], ["__file", "CreateView.vue"]]), $n = /* @__PURE__ */ q({
+const zn = /* @__PURE__ */ X(Hn, [["render", Kn], ["__scopeId", "data-v-c33c4a8c"], ["__file", "CreateView.vue"]]), Wn = /* @__PURE__ */ Y({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1165,7 +1237,7 @@ const En = /* @__PURE__ */ X(Pn, [["render", On], ["__scopeId", "data-v-7b45a965
   },
   setup(t, { expose: n }) {
     n();
-    const a = Se(), e = je(), o = Ve(), l = xe(), s = Ne("dataWidgets"), c = pe(), i = t, r = m({
+    const a = Ae(), e = Me(), o = Ve(), l = xe(), s = He("dataWidgets"), c = pe(), i = t, r = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1173,106 +1245,103 @@ const En = /* @__PURE__ */ X(Pn, [["render", On], ["__scopeId", "data-v-7b45a965
         title: "",
         subTitle: ""
       }
-    }), u = m([]), g = m({});
-    function _(I) {
-      return I ? Object.entries(I).map(([V, y]) => ({
+    }), u = g([]), p = g({});
+    function m(k) {
+      return k ? Object.entries(k).map(([V, C]) => ({
         fieldKey: V,
-        ...y
-      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !z.value.includes(V.fieldKey)) : [];
+        ...C
+      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !G.value.includes(V.fieldKey)) : [];
     }
-    function b(I) {
-      return I ? Object.entries(I).filter(([V, y]) => y.dependent).reduce((V, [y, N]) => (V[y] = N.dependent, V), {}) : [];
+    function y(k) {
+      return k ? Object.entries(k).filter(([V, C]) => C.dependent).reduce((V, [C, U]) => (V[C] = U.dependent, V), {}) : [];
     }
-    const p = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), w = Fe({}), f = m(!1);
-    ce(async () => {
-      f.value = !0, r.value = await ke(fe.Update, i.className, {
-        svrStore: o,
-        bpmStore: l
-      }, {
-        workflowId: i.workflowId
-      });
-      const I = await Je(fe.Update, i.className, { workflowId: i.workflowId, email: L() }), x = await Xe(i.className, i.workflowId);
-      r.value.actions = r.value.actions?.filter((y) => {
-        const N = I.find((M) => M.button === y.title);
-        return N ? N.isShow : !0;
+    const v = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), h = Le({}), f = g(!1);
+    ue(async () => {
+      f.value = !0;
+      const k = new Ie().setPageActionType(fe.Update).setClassName(i.className).setStore({ svrStore: o, bpmStore: l }).setWorkflowId(i.workflowId).build();
+      r.value = await k.getPageData();
+      const T = await k.getBtnList(), V = await k.getFiles();
+      r.value.actions = r.value.actions?.filter((U) => {
+        const M = T.find((R) => R.button === U.title);
+        return M ? M.isShow : !0;
       });
-      const V = r.value.fields.requestType.modelValue;
-      e.Test?.(V, z), u.value = _(r.value.fields), g.value = b(r.value.fields);
-      for (const y in r.value.fields) {
-        if (r.value.fields[y].widget?.widget === "File") {
-          const N = u.value.find((M) => M.fieldKey === y);
-          N && N.widget && (N.widget.files = x[y] ?? [], N.widget.removeFile = (M) => Ft(i.className, M));
+      const C = r.value.fields.requestType.modelValue;
+      e.Test?.(C, G), u.value = m(r.value.fields), p.value = y(r.value.fields);
+      for (const U in r.value.fields) {
+        if (r.value.fields[U].widget?.widget === "File") {
+          const M = u.value.find((R) => R.fieldKey === U);
+          M && M.widget && (M.widget.files = V[U] ?? [], M.widget.removeFile = (R) => k.removeFile(R));
         }
-        w[y] = r.value.fields[y].modelValue;
+        h[U] = r.value.fields[U].modelValue;
       }
       f.value = !1;
     });
     function L() {
       return o()?.userInfo?.email_address ?? "";
     }
-    async function Y(I, x, V, y, N) {
-      switch (x) {
+    async function W(k, T, V, C, U) {
+      switch (T) {
         case ee.Submit:
           let M = !0;
-          if (s.value?.forEach((O) => {
-            O?.validate && (O.validate() || (M = !1));
+          if (s.value?.forEach((R) => {
+            R?.validate && (R.validate() || (M = !1));
           }), !M) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
           f.value = !0;
           try {
-            const O = await xt(i.className, i.workflowId, { ...w, ...g.value }, V), G = s.value?.map((ae) => ae?.submit ? ae.submit(O.toString()) : Promise.resolve()) || [];
-            await Promise.all(G), f.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${O.toString()}.`);
+            const R = await At(i.className, i.workflowId, { ...h, ...p.value }, V), E = s.value?.map((le) => le?.submit ? le.submit(R.toString()) : Promise.resolve()) || [];
+            await Promise.all(E), f.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${R.toString()}.`);
           } catch {
             c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), f.value = !1;
           }
           break;
         case ee.Link:
           try {
-            await e[I.eventName || ""]?.(w, z), a.push({ name: y, params: { className: i.className } });
+            await e[k.eventName || ""]?.(h, G), a.push({ name: C, params: { className: i.className } });
           } catch {
           }
           break;
         default:
-          console.warn("Unknown action type:", x);
+          console.warn("Unknown action type:", T);
       }
     }
-    const z = m([]);
-    function te(I, x) {
-      e[I]?.(x, z), r.value && (u.value = _(r.value.fields));
+    const G = g([]);
+    function te(k, T) {
+      e[k]?.(T, G), r.value && (u.value = m(r.value.fields));
     }
-    const oe = Z(() => Me(u.value)), h = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: b, reversedActions: p, _data: w, loading: f, getApproverEmail: L, clickHandler: Y, hiddenFields: z, changeHandler: te, groupedFields: oe, DataWidgets: Be, ActionButton: Ce, TopBar: Ae };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+    const oe = Z(() => Oe(u.value)), w = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: p, genField: m, genDependentField: y, reversedActions: v, _data: h, loading: f, getApproverEmail: L, clickHandler: W, hiddenFields: G, changeHandler: te, groupedFields: oe, DataWidgets: je, ActionButton: Se, TopBar: Te };
+    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
   }
-}), Kn = { class: "page-container" }, zn = { class: "page-body" }, Gn = { class: "form-card" }, Wn = { class: "form-fields-vertical" }, qn = { class: "form-fields" }, Yn = {
+}), Gn = { class: "page-container" }, qn = { class: "page-body" }, Yn = { class: "form-card" }, Jn = { class: "form-fields-vertical" }, Xn = { class: "form-fields" }, Qn = {
   key: 0,
   class: "form-content"
-}, Jn = { class: "page-footer" }, Xn = { class: "action-container" }, Qn = { class: "action-buttons" };
-function Zn(t, n, a, e, o, l) {
-  const s = S("a-card"), c = S("a-spin");
-  return d(), C("div", Kn, [
-    D(e.TopBar, {
+}, Zn = { class: "page-footer" }, eo = { class: "action-container" }, to = { class: "action-buttons" };
+function no(t, n, a, e, o, l) {
+  const s = A("a-card"), c = A("a-spin");
+  return d(), S("div", Gn, [
+    N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    A("div", zn, [
-      D(c, {
+    x("div", qn, [
+      N(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: v(() => [
-          A("div", Gn, [
-            A("div", Wn, [
-              (d(!0), C(j, null, $(e.groupedFields, (i) => (d(), P(s, {
+        default: _(() => [
+          x("div", Yn, [
+            x("div", Jn, [
+              (d(!0), S(O, null, K(e.groupedFields, (i) => (d(), P(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: v(() => [
-                  A("div", qn, [
-                    (d(!0), C(j, null, $(i.fields, (r) => (d(), P(e.DataWidgets, {
+                default: _(() => [
+                  x("div", Xn, [
+                    (d(!0), S(O, null, K(i.fields, (r) => (d(), P(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1289,19 +1358,19 @@ function Zn(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), C("div", Yn, [
-              le(t.$slots, "content", {}, void 0, !0)
-            ])) : se("", !0)
+            t.$slots.content ? (d(), S("div", Qn, [
+              de(t.$slots, "content", {}, void 0, !0)
+            ])) : re("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    A("div", Jn, [
-      A("div", Xn, [
-        le(t.$slots, "action", {}, void 0, !0),
-        A("div", Qn, [
-          (d(!0), C(j, null, $(e.reversedActions, (i) => (d(), P(e.ActionButton, {
+    x("div", Zn, [
+      x("div", eo, [
+        de(t.$slots, "action", {}, void 0, !0),
+        x("div", to, [
+          (d(!0), S(O, null, K(e.reversedActions, (i) => (d(), P(e.ActionButton, {
             key: i.Title,
             loading: e.loading,
             config: i,
@@ -1313,24 +1382,24 @@ function Zn(t, n, a, e, o, l) {
     ])
   ]);
 }
-const eo = /* @__PURE__ */ X($n, [["render", Zn], ["__scopeId", "data-v-72d4c7ff"], ["__file", "UpdateView.vue"]]), nt = Symbol("library-custom-comp");
-function to() {
-  return me(nt, null);
+const oo = /* @__PURE__ */ X(Wn, [["render", no], ["__scopeId", "data-v-a3a1735a"], ["__file", "UpdateView.vue"]]), tt = Symbol("library-custom-comp");
+function ao() {
+  return me(tt, null);
 }
-const no = Symbol("ArcoConfigProvider"), oo = "arco", ao = "$arco", ro = (t) => {
+const ro = Symbol("ArcoConfigProvider"), so = "arco", io = "$arco", lo = (t) => {
   var n, a, e;
-  const o = pe(), l = me(no, void 0);
-  return `${(e = (a = l?.prefixCls) != null ? a : (n = o?.appContext.config.globalProperties[ao]) == null ? void 0 : n.classPrefix) != null ? e : oo}-${t}`;
-}, so = Object.prototype.toString;
-function io(t) {
-  return so.call(t) === "[object Number]" && t === t;
+  const o = pe(), l = me(ro, void 0);
+  return `${(e = (a = l?.prefixCls) != null ? a : (n = o?.appContext.config.globalProperties[io]) == null ? void 0 : n.classPrefix) != null ? e : so}-${t}`;
+}, co = Object.prototype.toString;
+function uo(t) {
+  return co.call(t) === "[object Number]" && t === t;
 }
-var lo = (t, n) => {
+var fo = (t, n) => {
   for (const [a, e] of n)
     t[a] = e;
   return t;
 };
-const co = q({
+const po = Y({
   name: "IconDownload",
   props: {
     size: {
@@ -1357,9 +1426,9 @@ const co = q({
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = ro("icon"), e = Z(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = Z(() => {
+    const a = lo("icon"), e = Z(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = Z(() => {
       const s = {};
-      return t.size && (s.fontSize = io(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
+      return t.size && (s.fontSize = uo(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
     return {
       cls: e,
@@ -1369,31 +1438,31 @@ const co = q({
       }
     };
   }
-}), uo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function fo(t, n, a, e, o, l) {
-  return d(), C("svg", {
+}), mo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function go(t, n, a, e, o, l) {
+  return d(), S("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: rt(t.cls),
-    style: at(t.innerStyle),
+    class: at(t.cls),
+    style: ot(t.innerStyle),
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
     onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
   }, n[1] || (n[1] = [
-    A("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
-  ]), 14, uo);
+    x("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+  ]), 14, mo);
 }
-var Pe = /* @__PURE__ */ lo(co, [["render", fo]]);
-const po = Object.assign(Pe, {
+var Ue = /* @__PURE__ */ fo(po, [["render", go]]);
+const _o = Object.assign(Ue, {
   install: (t, n) => {
     var a;
     const e = (a = n?.iconPrefix) != null ? a : "";
-    t.component(e + Pe.name, Pe);
+    t.component(e + Ue.name, Ue);
   }
-}), mo = /* @__PURE__ */ q({
+}), vo = /* @__PURE__ */ Y({
   __name: "DetailView",
   props: {
     className: {},
@@ -1401,7 +1470,9 @@ const po = Object.assign(Pe, {
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = xe(), o = je(), l = Se(), s = to(), c = pe(), i = t, r = m({
+    const a = Ve(), e = xe(), o = Me(), l = Ae(), s = ao(), c = pe(), i = t;
+    let r;
+    const u = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1409,18 +1480,18 @@ const po = Object.assign(Pe, {
         title: "",
         subTitle: ""
       }
-    }), u = m([]);
-    function g(T) {
-      return T ? Object.entries(T).map(([E, U]) => (typeof U.modelValue == "boolean" ? U.fieldValue = U.modelValue ? "Yes" : "No" : U.fieldValue = U.modelValue, {
-        fieldKey: E,
-        ...U
-      })).filter((E) => E.widget && E.widget.widget !== "Hidden").filter((E) => !h.value.includes(E.fieldKey)) : [];
+    }), p = g([]);
+    function m(H) {
+      return H ? Object.entries(H).map(([$, I]) => (typeof I.modelValue == "boolean" ? I.fieldValue = I.modelValue ? "Yes" : "No" : I.fieldValue = I.modelValue, {
+        fieldKey: $,
+        ...I
+      })).filter(($) => $.widget && $.widget.widget !== "Hidden").filter(($) => !k.value.includes($.fieldKey)) : [];
     }
-    const _ = Z(() => Me(u.value)), b = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m(!0), w = (T, R) => {
-      const E = T.findIndex((U) => U.isCurrent);
-      return T.map((U, re) => {
+    const y = Z(() => Oe(p.value)), v = Z(() => u.value?.actions ? [...u.value.actions].reverse() : []), h = g(!0), f = (H, j) => {
+      const $ = H.findIndex((I) => I.isCurrent);
+      return H.map((I, ae) => {
         const F = {
-          id: U.id,
+          id: I.id,
           title: "",
           proxy: "",
           sub: "",
@@ -1428,203 +1499,202 @@ const po = Object.assign(Pe, {
           status: 1,
           time: ""
         };
-        F.title = U.workflowProcessApprovers[0]?.name;
-        const _e = U.workflowProcessApprovers[U.workflowProcessApprovers.length - 1], we = U.workflowHistorys[U.workflowHistorys.length - 1], ve = we?.workflowHistoryApprovers[we?.workflowHistoryApprovers?.length - 1];
-        if (_e && ve && _e?.email?.toLowerCase() !== ve?.approverEmail?.toLowerCase() && (F.title = `${ve.name}`, F.proxy = `Proxy: ${_e.name}`), U.sort > 1 ? F.sub = "Approver Role: " + U.nodeName.replace("Submit", "").replace("Approve", "") : F.sub = "Submit Application", U.isCurrent && R !== -1)
+        F.title = I.workflowProcessApprovers[0]?.name;
+        const _e = I.workflowProcessApprovers[I.workflowProcessApprovers.length - 1], we = I.workflowHistorys[I.workflowHistorys.length - 1], ve = we?.workflowHistoryApprovers[we?.workflowHistoryApprovers?.length - 1];
+        if (_e && ve && _e?.email?.toLowerCase() !== ve?.approverEmail?.toLowerCase() && (F.title = `${ve.name}`, F.proxy = `Proxy: ${_e.name}`), I.sort > 1 ? F.sub = "Approver Role: " + I.nodeName.replace("Submit", "").replace("Approve", "") : F.sub = "Submit Application", I.isCurrent && j !== -1)
           F.desc = "In Approval", F.status = 1;
         else {
-          const ne = U.workflowHistorys[U.workflowHistorys.length - 1];
+          const ne = I.workflowHistorys[I.workflowHistorys.length - 1];
           if (ne && ne.status === 100)
-            F.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.status = 2, F.desc = "approve success!";
+            F.time = ke(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.status = 2, F.desc = "approve success!";
           else if (ne && ne.status === 999)
-            F.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.status = 0, F.desc = "approve reject!";
+            F.time = ke(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.status = 0, F.desc = "approve reject!";
           else if (ne)
-            if (F.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.sort === 1)
+            if (F.time = ke(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), I.sort === 1)
               F.status = 2, F.desc = "";
             else {
-              const Oe = ne.workflowHistoryApprovers[0];
-              F.status = 3, F.desc = Oe?.reason ? `Rejected reason: ${Oe.reason}` : "Rejected";
+              const Ee = ne.workflowHistoryApprovers[0];
+              F.status = 3, F.desc = Ee?.reason ? `Rejected reason: ${Ee.reason}` : "Rejected";
             }
-          else re < E || E === -1 ? (F.status = 0, F.desc = "Skipped") : (F.status = 0, F.desc = "Pending Approval");
+          else ae < $ || $ === -1 ? (F.status = 0, F.desc = "Skipped") : (F.status = 0, F.desc = "Pending Approval");
           ne && ne.status;
         }
         return F;
       });
-    }, f = m([]), L = m(!1), Y = m(!1), z = m(!1), te = m(!1);
-    async function oe() {
-      const T = await Je(fe.Details, i.className, { workflowId: i.workflowId, email: V() });
-      r.value.actions = r.value.actions?.filter((R) => {
-        const E = T.find((U) => U.button === R.title);
-        return E ? E.isShow : !0;
-      }), L.value = T.find((R) => R.button === "IsGlobal")?.isShow ?? !1, Y.value = T.find((R) => R.button === "AssignButton")?.isShow ?? !1, z.value = T.find((R) => R.button === "AssignList")?.isShow ?? !1, te.value = T.find((R) => R.button === "AddCommentsButton")?.isShow ?? !1;
+    }, L = g([]), W = g(!1), G = g(!1), te = g(!1), oe = g(!1);
+    async function w() {
+      const H = await r.getBtnList();
+      u.value.actions = u.value.actions?.filter((j) => {
+        const $ = H.find((I) => I.button === j.title);
+        return $ ? $.isShow : !0;
+      }), W.value = H.find((j) => j.button === "IsGlobal")?.isShow ?? !1, G.value = H.find((j) => j.button === "AssignButton")?.isShow ?? !1, te.value = H.find((j) => j.button === "AssignList")?.isShow ?? !1, oe.value = H.find((j) => j.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const h = m([]);
-    async function I() {
-      p.value = !0, r.value = await ke(fe.Details, i.className, {
-        svrStore: a,
-        bpmStore: e
-      }, {
-        workflowId: i.workflowId
-      });
-      const T = await Xe(i.className, i.workflowId);
-      G.value = await Lt(), M.value = await $e(i.workflowId), ae.value = await Ue(i.workflowId), oe();
-      const R = r.value.fields.requestType.modelValue;
-      o.Test?.(R, h), u.value = g(r.value.fields);
-      for (const U in r.value.fields)
-        if (r.value.fields[U].widget?.widget === "File") {
-          const re = u.value.find((F) => F.fieldKey === U);
-          re && re.widget && (re.widget.files = T[U] ?? []);
+    const k = g([]);
+    async function T() {
+      h.value = !0, r = new Ie().setPageActionType(fe.Details).setClassName(i.className).setStore({ svrStore: a, bpmStore: e }).setWorkflowId(i.workflowId).build(), u.value = await r.getPageData();
+      const H = await r.getFiles();
+      le.value = await r.getApprovers(), R.value = await r.getCommentsHistory(), ce.value = await r.getAssociator(), w();
+      const j = u.value.fields.requestType.modelValue;
+      o.Test?.(j, k), p.value = m(u.value.fields);
+      for (const I in u.value.fields)
+        if (u.value.fields[I].widget?.widget === "File") {
+          const ae = p.value.find((F) => F.fieldKey === I);
+          ae && ae.widget && (ae.widget.files = H[I] ?? []);
         }
-      const E = await Nt(i.className, i.workflowId);
-      f.value = w(E, 0), p.value = !1;
+      const $ = await r.getProcess();
+      L.value = f($, 0), h.value = !1;
     }
-    ce(I);
-    async function x(T, R) {
-      return o[T]?.(R);
+    ue(T);
+    async function V(H, j) {
+      return o[H]?.(j);
     }
-    function V() {
+    function C() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function y(T, R, E, U, re) {
+    async function U(H, j, $, I, ae) {
       try {
-        switch (R) {
+        switch (j) {
           case ee.Submit:
-            const { reason: F, ifGlobal: _e } = await x(re, { isGlobal: L.value });
-            p.value = !0;
-            const we = re === "Approve" ? "100" : "-1";
-            await Pt(i.className, i.workflowId, V(), F, [Number(i.workflowId)], E, we, _e), p.value = !1;
-            const ve = re === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
-            c?.appContext.config.globalProperties.$notification.success(ve), I();
+            const { reason: F, ifGlobal: _e } = await V(ae, { isGlobal: W.value });
+            h.value = !0;
+            const we = ae === "Approve" ? "100" : "-1";
+            await Nt(i.className, i.workflowId, C(), F, [Number(i.workflowId)], $, we, _e), h.value = !1;
+            const ve = ae === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
+            c?.appContext.config.globalProperties.$notification.success(ve), T();
             break;
           case ee.Link:
             try {
-              await o[T.eventName || ""]?.(), l.push({ name: U, params: { className: i.className } });
+              await o[H.eventName || ""]?.(), l.push({ name: I, params: { className: i.className, workflowId: i.workflowId } });
             } catch (ne) {
               console.error("Error in link action trigger:", ne);
             }
             break;
           default:
-            console.warn("Unknown action type:", R);
+            console.warn("Unknown action type:", j);
         }
       } catch {
       }
     }
-    const N = m(""), M = m([]), O = m(""), G = m([]), ae = m([]);
-    async function de() {
-      if (!O.value) {
+    const M = g(""), R = g([]), E = g(""), le = g([]), ce = g([]);
+    async function he() {
+      if (!E.value) {
         c?.appContext.config.globalProperties.$message.error("Please select an approver");
         return;
       }
-      await ue("Confirm Assign Approver", "Do you want to assign the selected approver?");
+      await b("Confirm Assign Approver", "Do you want to assign the selected approver?");
       try {
-        await Rt(i.workflowId, O.value), ae.value = await Ue(i.workflowId), oe(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
-      } catch (T) {
-        if (T.status === 409) {
+        await r.assignApprover(E.value), ce.value = await r.getAssociator(), w(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+      } catch (H) {
+        if (H.status === 409) {
           c?.appContext.config.globalProperties.$notification.error("This user is already an associator");
           return;
         }
         c?.appContext.config.globalProperties.$notification.error("Failed to assign approver");
       }
     }
-    async function ue(T, R) {
-      const { Modal: E } = await import("@arco-design/web-vue");
-      return new Promise((U, re) => {
-        E.confirm({
-          title: T,
-          content: R,
+    async function b(H, j) {
+      const { Modal: $ } = await import("@arco-design/web-vue");
+      return new Promise((I, ae) => {
+        $.confirm({
+          title: H,
+          content: j,
           okText: "OK",
           cancelText: "Cancel",
-          onOk: () => U(!0),
-          onCancel: () => re()
+          onOk: () => I(!0),
+          onCancel: () => ae()
         });
       });
     }
-    async function k(T) {
+    async function D(H) {
       try {
-        await ue("Confirm Delete Associator", "Do you want to delete this associator?");
+        await b("Confirm Delete Associator", "Do you want to delete this associator?");
       } catch {
         return;
       }
       try {
-        await jt(String(T)), ae.value = await Ue(i.workflowId), c?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
+        await r.deleteAssociator(H.toString()), ce.value = await r.getAssociator(), c?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
       } catch {
         c?.appContext.config.globalProperties.$notification.error("Failed to delete associator");
       }
     }
-    async function H() {
-      if (!N.value.trim()) {
+    async function B() {
+      if (!M.value.trim()) {
         c?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await Bt(i.workflowId, V(), N.value), N.value = "", M.value = await $e(i.workflowId), c?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
+      await r.addComments(M.value.trim()), M.value = "", R.value = await r.getCommentsHistory(), c?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
     }
-    const B = { svrStore: a, bpmStore: e, triggers: o, router: l, customComps: s, instance: c, props: i, pageData: r, _fields: u, genField: g, groupedFields: _, reversedActions: b, loading: p, mapWorkflowSteps: w, steps: f, isGlobal: L, isShowAssignSelect: Y, isShowAssignList: z, isShowCommentTextArea: te, reloadButtonList: oe, hiddenFields: h, load: I, triggerFn: x, getApproverEmail: V, clickHandler: y, comment: N, commentsHistory: M, selectedApprover: O, approvers: G, associators: ae, onAssignApprover: de, confirmDialog: ue, onDeleteAssociator: k, onAddComment: H, ActionButton: Ce, get IconDownload() {
-      return po;
-    }, TopBar: Ae, get formatDate() {
-      return he;
+    const se = { svrStore: a, bpmStore: e, triggers: o, router: l, customComps: s, instance: c, props: i, get page() {
+      return r;
+    }, set page(H) {
+      r = H;
+    }, pageData: u, _fields: p, genField: m, groupedFields: y, reversedActions: v, loading: h, mapWorkflowSteps: f, steps: L, isGlobal: W, isShowAssignSelect: G, isShowAssignList: te, isShowCommentTextArea: oe, reloadButtonList: w, hiddenFields: k, load: T, triggerFn: V, getApproverEmail: C, clickHandler: U, comment: M, commentsHistory: R, selectedApprover: E, approvers: le, associators: ce, onAssignApprover: he, confirmDialog: b, onDeleteAssociator: D, onAddComment: B, ActionButton: Se, get IconDownload() {
+      return _o;
+    }, TopBar: Te, get formatDate() {
+      return ke;
     } };
-    return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
+    return Object.defineProperty(se, "__isScriptSetup", { enumerable: !1, value: !0 }), se;
   }
-}), go = { class: "page-container" }, _o = { class: "page-body" }, vo = { class: "detail-card" }, bo = { class: "form-fields-vertical" }, yo = { class: "detail-fields" }, wo = { class: "detail-field" }, ho = { class: "field-label" }, ko = {
+}), bo = { class: "page-container" }, yo = { class: "page-body" }, ho = { class: "detail-card" }, wo = { class: "form-fields-vertical" }, ko = { class: "detail-fields" }, Co = { class: "detail-field" }, So = { class: "field-label" }, Ao = {
   key: 1,
   class: "field-value"
-}, Co = {
+}, xo = {
   key: 2,
   class: "detail-field-wrapper"
-}, So = { class: "detail-field" }, xo = {
+}, Vo = { class: "detail-field" }, To = {
   key: 0,
   class: "detail-content"
-}, Vo = { class: "page-footer" }, Ao = { class: "action-container" }, Io = { class: "action-buttons" };
-function To(t, n, a, e, o, l) {
-  const s = S("a-link"), c = S("a-space"), i = S("a-card"), r = S("a-option"), u = S("a-select"), g = S("a-button"), _ = S("a-list-item"), b = S("a-list"), p = S("a-textarea"), w = S("a-spin");
-  return d(), C("div", go, [
-    D(e.TopBar, {
+}, Io = { class: "page-footer" }, Po = { class: "action-container" }, No = { class: "action-buttons" };
+function Uo(t, n, a, e, o, l) {
+  const s = A("a-link"), c = A("a-space"), i = A("a-card"), r = A("a-option"), u = A("a-select"), p = A("a-button"), m = A("a-list-item"), y = A("a-list"), v = A("a-textarea"), h = A("a-spin");
+  return d(), S("div", bo, [
+    N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    A("div", _o, [
-      D(w, {
+    x("div", yo, [
+      N(h, {
         loading: e.loading,
         class: "detail-container"
       }, {
-        default: v(() => [
-          A("div", vo, [
-            (d(), P(He(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            A("div", bo, [
-              (d(!0), C(j, null, $(e.groupedFields, (f) => (d(), P(i, {
+        default: _(() => [
+          x("div", ho, [
+            (d(), P(Fe(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            x("div", wo, [
+              (d(!0), S(O, null, K(e.groupedFields, (f) => (d(), P(i, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: v(() => [
-                  A("div", yo, [
-                    (d(!0), C(j, null, $(f.fields, (L) => (d(), C("div", {
+                default: _(() => [
+                  x("div", ko, [
+                    (d(!0), S(O, null, K(f.fields, (L) => (d(), S("div", {
                       key: L.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      A("div", wo, [
-                        A("div", ho, Q(L.widget?.title), 1),
-                        L.widget?.widget === "File" ? (d(!0), C(j, { key: 0 }, $(L.widget.files, (Y) => (d(), C("div", {
+                      x("div", Co, [
+                        x("div", So, Q(L.widget?.title), 1),
+                        L.widget?.widget === "File" ? (d(!0), S(O, { key: 0 }, K(L.widget.files, (W) => (d(), S("div", {
                           class: "field-value",
-                          key: Y.id
+                          key: W.id
                         }, [
-                          D(c, null, {
-                            default: v(() => [
-                              J(Q(Y.name) + " ", 1),
-                              D(s, {
-                                href: Y.url,
+                          N(c, null, {
+                            default: _(() => [
+                              J(Q(W.name) + " ", 1),
+                              N(s, {
+                                href: W.url,
                                 target: "_blank"
                               }, {
-                                default: v(() => [
-                                  D(e.IconDownload, { style: { color: "#7A00E6" } })
+                                default: _(() => [
+                                  N(e.IconDownload, { style: { color: "#7A00E6" } })
                                 ]),
                                 _: 2
                               }, 1032, ["href"])
                             ]),
                             _: 2
                           }, 1024)
-                        ]))), 128)) : (d(), C("div", ko, Q(L.fieldValue), 1))
+                        ]))), 128)) : (d(), S("div", Ao, Q(L.fieldValue), 1))
                       ])
                     ]))), 128))
                   ])
@@ -1632,17 +1702,17 @@ function To(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128)),
               e.isShowAssignSelect ? (d(), P(c, { key: 0 }, {
-                default: v(() => [
-                  D(u, {
+                default: _(() => [
+                  N(u, {
                     modelValue: e.selectedApprover,
                     "onUpdate:modelValue": n[0] || (n[0] = (f) => e.selectedApprover = f)
                   }, {
-                    default: v(() => [
-                      (d(!0), C(j, null, $(e.approvers, (f) => (d(), P(r, {
+                    default: _(() => [
+                      (d(!0), S(O, null, K(e.approvers, (f) => (d(), P(r, {
                         key: f.value,
                         value: f.value
                       }, {
-                        default: v(() => [
+                        default: _(() => [
                           J(Q(f.label), 1)
                         ]),
                         _: 2
@@ -1650,11 +1720,11 @@ function To(t, n, a, e, o, l) {
                     ]),
                     _: 1
                   }, 8, ["modelValue"]),
-                  D(g, {
+                  N(p, {
                     type: "primary",
                     onClick: e.onAssignApprover
                   }, {
-                    default: v(() => n[2] || (n[2] = [
+                    default: _(() => n[2] || (n[2] = [
                       J("Assign for comment", -1)
                     ])),
                     _: 1,
@@ -1662,85 +1732,85 @@ function To(t, n, a, e, o, l) {
                   })
                 ]),
                 _: 1
-              })) : se("", !0),
-              e.isShowAssignList ? (d(), P(b, { key: 1 }, {
-                header: v(() => n[3] || (n[3] = [
+              })) : re("", !0),
+              e.isShowAssignList ? (d(), P(y, { key: 1 }, {
+                header: _(() => n[3] || (n[3] = [
                   J(" Associators ", -1)
                 ])),
-                default: v(() => [
-                  (d(!0), C(j, null, $(e.associators, (f) => (d(), P(_, {
+                default: _(() => [
+                  (d(!0), S(O, null, K(e.associators, (f) => (d(), P(m, {
                     key: f.id
                   }, {
-                    actions: v(() => [
-                      D(g, {
+                    actions: _(() => [
+                      N(p, {
                         type: "text",
                         status: "danger",
                         onClick: (L) => e.onDeleteAssociator(f.id)
                       }, {
-                        default: v(() => n[4] || (n[4] = [
+                        default: _(() => n[4] || (n[4] = [
                           J(" Delete ", -1)
                         ])),
                         _: 2,
                         __: [4]
                       }, 1032, ["onClick"])
                     ]),
-                    default: v(() => [
+                    default: _(() => [
                       J(" " + Q(f.associator), 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : se("", !0),
-              e.isShowCommentTextArea ? (d(), C("div", Co, [
-                A("div", So, [
-                  n[6] || (n[6] = A("div", { class: "field-label" }, "Comment", -1)),
-                  D(p, {
+              })) : re("", !0),
+              e.isShowCommentTextArea ? (d(), S("div", xo, [
+                x("div", Vo, [
+                  n[6] || (n[6] = x("div", { class: "field-label" }, "Comment", -1)),
+                  N(v, {
                     modelValue: e.comment,
                     "onUpdate:modelValue": n[1] || (n[1] = (f) => e.comment = f)
                   }, null, 8, ["modelValue"]),
-                  D(g, {
+                  N(p, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: v(() => n[5] || (n[5] = [
+                    default: _(() => n[5] || (n[5] = [
                       J("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
-              ])) : se("", !0),
-              e.commentsHistory.length ? (d(), P(b, { key: 3 }, {
-                header: v(() => n[7] || (n[7] = [
+              ])) : re("", !0),
+              e.commentsHistory.length ? (d(), P(y, { key: 3 }, {
+                header: _(() => n[7] || (n[7] = [
                   J(" Comments History ", -1)
                 ])),
-                default: v(() => [
-                  (d(!0), C(j, null, $(e.commentsHistory, (f) => (d(), P(_, {
+                default: _(() => [
+                  (d(!0), S(O, null, K(e.commentsHistory, (f) => (d(), P(m, {
                     key: f.associator
                   }, {
-                    default: v(() => [
+                    default: _(() => [
                       J(Q(f.associator) + ": " + Q(f.comments) + " (" + Q(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : se("", !0)
+              })) : re("", !0)
             ]),
-            t.$slots.content ? (d(), C("div", xo, [
-              le(t.$slots, "content", {}, void 0, !0)
-            ])) : se("", !0)
+            t.$slots.content ? (d(), S("div", To, [
+              de(t.$slots, "content", {}, void 0, !0)
+            ])) : re("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    A("div", Vo, [
-      A("div", Ao, [
-        le(t.$slots, "action", {}, void 0, !0),
-        A("div", Io, [
-          (d(!0), C(j, null, $(e.reversedActions, (f) => (d(), P(e.ActionButton, {
+    x("div", Io, [
+      x("div", Po, [
+        de(t.$slots, "action", {}, void 0, !0),
+        x("div", No, [
+          (d(!0), S(O, null, K(e.reversedActions, (f) => (d(), P(e.ActionButton, {
             key: f.Title,
             loading: e.loading,
             config: f,
@@ -1752,7 +1822,7 @@ function To(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Uo = /* @__PURE__ */ X(mo, [["render", To], ["__scopeId", "data-v-07443410"], ["__file", "DetailView.vue"]]), Po = /* @__PURE__ */ q({
+const Do = /* @__PURE__ */ X(vo, [["render", Uo], ["__scopeId", "data-v-9672f7d3"], ["__file", "DetailView.vue"]]), Ho = /* @__PURE__ */ Y({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -1760,7 +1830,7 @@ const Uo = /* @__PURE__ */ X(mo, [["render", To], ["__scopeId", "data-v-07443410
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = xe(), o = Se(), l = pe(), s = t, c = m(), i = Fe({
+    const a = Ve(), e = xe(), o = Ae(), l = pe(), s = t, c = g(), i = Le({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -1770,16 +1840,16 @@ const Uo = /* @__PURE__ */ X(mo, [["render", To], ["__scopeId", "data-v-07443410
       filters: []
     });
     function r() {
-      const k = Object.entries(y.value).filter(([, { value: H }]) => H && H !== "").map(([H, { value: B, operator: T }]) => ({
-        key: H,
+      const b = Object.entries(C.value).filter(([, { value: D }]) => D && D !== "").map(([D, { value: B, operator: se }]) => ({
+        key: D,
         value: B,
-        operator: T
+        operator: se
         // 根据实际需要调整操作符
       }));
       return {
         pageNumber: i.current,
         pageSize: i.pageSize,
-        filters: [...i.filters, ...k],
+        filters: [...i.filters, ...b],
         sorts: [{
           key: "workflowId",
           type: 1
@@ -1787,14 +1857,14 @@ const Uo = /* @__PURE__ */ X(mo, [["render", To], ["__scopeId", "data-v-07443410
       };
     }
     const u = Z(() => ({
-      x: b.value.length * 150 + 250
+      x: y.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), g = (k) => {
-      const H = Object.entries(k).filter(([, B]) => B.widget?.column).map(([B, T], R) => ({
-        title: T.widget.title,
+    })), p = (b) => {
+      const D = Object.entries(b).filter(([, B]) => B.widget?.column).map(([B, se], H) => ({
+        title: se.widget.title,
         dataIndex: B.charAt(0).toLowerCase() + B.slice(1),
-        order: T.order,
+        order: se.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -1802,8 +1872,8 @@ const Uo = /* @__PURE__ */ X(mo, [["render", To], ["__scopeId", "data-v-07443410
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((B, T) => B.order - T.order);
-      H.push({
+      })).sort((B, se) => B.order - se.order);
+      D.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -1811,149 +1881,148 @@ const Uo = /* @__PURE__ */ X(mo, [["render", To], ["__scopeId", "data-v-07443410
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = H;
-    }, _ = m([]), b = m([]), p = m(!0), w = m(!0), f = m(), L = async () => {
-      w.value = !0;
-      const k = await Ct(s.className, r());
-      _.value = k.data, i.total = k.totalCount, w.value = !1;
-    }, Y = m(!1);
-    ce(async () => {
-      p.value = !0, c.value = await ke(3, s.className, {
-        svrStore: a,
-        bpmStore: e
-      }), g(c.value.fields), M(c.value.fields), O(), V(c.value?.tabs?.[0]?.key || ""), f.value = c.value.actions, p.value = !1, Y.value = !0;
-    }), st(() => {
-      Y.value && L();
+      }), y.value = D;
+    }, m = g([]), y = g([]), v = g(!0), h = g(!0), f = g(), L = async () => {
+      h.value = !0;
+      const b = await Ct(s.className, r());
+      m.value = b.data, i.total = b.totalCount, h.value = !1;
+    }, W = g(!1);
+    ue(async () => {
+      v.value = !0;
+      const b = new Ie().setPageActionType(fe.List).setClassName(s.className).setStore({ svrStore: a, bpmStore: e }).build();
+      c.value = await b.getPageData(), p(c.value.fields), M(c.value.fields), R(), V(c.value?.tabs?.[0]?.key || ""), f.value = c.value.actions, v.value = !1, W.value = !0;
+    }), rt(() => {
+      W.value && L();
     });
-    const z = (k) => {
-      i.current = k, L();
-    }, te = (k) => {
-      i.pageSize = k, L();
+    const G = (b) => {
+      i.current = b, L();
+    }, te = (b) => {
+      i.pageSize = b, L();
     };
-    function oe(k, H, B, T, R) {
-      switch (k) {
+    function oe(b, D, B, se, H) {
+      switch (b) {
         case ee.Link:
-          o.push({ name: B, params: { workflowId: R } });
+          o.push({ name: B, params: { workflowId: H } });
           break;
         default:
-          console.warn("Unknown action type:", k);
+          console.warn("Unknown action type:", b);
       }
     }
-    function h(k, H, B) {
-      switch (k) {
+    function w(b, D, B) {
+      switch (b) {
         case ee.Submit:
-          Mt(H, { filters: [{ key: "approverList", value: I(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+          $t(D, { filters: [{ key: "approverList", value: k(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case ee.Link:
           o.push({ name: B });
           break;
         default:
-          console.warn("Unknown action type:", k);
+          console.warn("Unknown action type:", b);
       }
     }
-    function I() {
+    function k() {
       return a()?.userInfo?.email_address ?? "";
     }
-    function x(k, H) {
-      return typeof k != "string" || k.indexOf("{currentUserEmail}") === -1 ? k : k.replace(/{currentUserEmail}/g, H);
+    function T(b, D) {
+      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, D);
     }
-    function V(k) {
-      const H = c.value?.tabs?.find((B) => B.key === k)?.filters;
-      i.filters = H?.map((B) => ({
+    function V(b) {
+      const D = c.value?.tabs?.find((B) => B.key === b)?.filters;
+      i.filters = D?.map((B) => ({
         ...B,
-        value: x(B.value, I())
+        value: T(B.value, k())
       })) || [], i.current = 1, L();
     }
-    const y = m({}), N = m([]);
-    function M(k) {
-      if (!k) return [];
-      N.value = Object.entries(k).filter(([, H]) => H.isFiltered).map(([H, B]) => ({ fieldKey: H, fieldConfig: B }));
+    const C = g({}), U = g([]);
+    function M(b) {
+      if (!b) return [];
+      U.value = Object.entries(b).filter(([, D]) => D.isFiltered).map(([D, B]) => ({ fieldKey: D, fieldConfig: B }));
     }
-    const O = () => {
-      const k = {};
-      N.value.forEach(({ fieldKey: H, fieldConfig: B }) => {
-        k[H] = {}, k[H].value = B.modelValue, k[H].operator = B.operator;
-      }), y.value = k;
-    }, G = () => {
+    const R = () => {
+      const b = {};
+      U.value.forEach(({ fieldKey: D, fieldConfig: B }) => {
+        b[D] = {}, b[D].value = B.modelValue, b[D].operator = B.operator;
+      }), C.value = b;
+    }, E = () => {
       i.current = 1, L();
-    }, ae = () => {
-      c.value && O(), G();
+    }, le = () => {
+      c.value && R(), E();
     };
-    function de(k, H) {
-      return !(k.location !== "InTable" || k.title === "Update" && (H.status === 100 || H.status === -1));
+    function ce(b, D) {
+      return !(b.location !== "InTable" || b.title === "Update" && (D.status === 100 || D.status === -1));
     }
-    const ue = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: g, _data: _, _columns: b, loadingPage: p, loadingTable: w, actions: f, loadData: L, mounted: Y, pageChangeHandler: z, pageSizeChangeHandler: te, clickHandler: oe, createHandler: h, getApproverEmail: I, replaceEmail: x, tabHandler: V, searchForm: y, searchableFields: N, mapSearchableFields: M, initSearchForm: O, handleSearch: G, handleReset: ae, judgeHiddenActions: de, ActionButton: Ce, DataWidgets: Be, TopBar: Ae };
-    return Object.defineProperty(ue, "__isScriptSetup", { enumerable: !1, value: !0 }), ue;
+    const he = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: p, _data: m, _columns: y, loadingPage: v, loadingTable: h, actions: f, loadData: L, mounted: W, pageChangeHandler: G, pageSizeChangeHandler: te, clickHandler: oe, createHandler: w, getApproverEmail: k, replaceEmail: T, tabHandler: V, searchForm: C, searchableFields: U, mapSearchableFields: M, initSearchForm: R, handleSearch: E, handleReset: le, judgeHiddenActions: ce, ActionButton: Se, DataWidgets: je, TopBar: Te };
+    return Object.defineProperty(he, "__isScriptSetup", { enumerable: !1, value: !0 }), he;
   }
-}), Do = { class: "list-container" }, No = { class: "query-title" };
-function Ho(t, n, a, e, o, l) {
-  const s = S("a-space"), c = S("a-col"), i = S("a-button"), r = S("a-row"), u = S("a-card"), g = S("a-tab-pane"), _ = S("a-tabs"), b = S("a-table");
-  return d(), C("div", Do, [
-    D(e.TopBar, {
+}), Fo = { class: "list-container" }, Lo = { class: "query-title" };
+function Ro(t, n, a, e, o, l) {
+  const s = A("a-space"), c = A("a-col"), i = A("a-button"), r = A("a-row"), u = A("a-card"), p = A("a-tab-pane"), m = A("a-tabs"), y = A("a-table");
+  return d(), S("div", Fo, [
+    N(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    D(u, null, {
-      default: v(() => [
-        A("div", No, [
-          n[0] || (n[0] = A("h3", null, "Search Conditions", -1)),
-          D(s, { size: "medium" }, {
-            default: v(() => [
-              (d(!0), C(j, null, $(e.actions, (p) => (d(), C(j, {
-                key: p.title
+    N(u, null, {
+      default: _(() => [
+        x("div", Lo, [
+          n[0] || (n[0] = x("h3", null, "Search Conditions", -1)),
+          N(s, { size: "medium" }, {
+            default: _(() => [
+              (d(!0), S(O, null, K(e.actions, (v) => (d(), S(O, {
+                key: v.title
               }, [
-                p.location === "InOperation" ? (d(), P(e.ActionButton, {
+                v.location === "InOperation" ? (d(), P(e.ActionButton, {
                   key: 0,
-                  config: p,
+                  config: v,
                   onClick: e.createHandler
-                }, null, 8, ["config"])) : se("", !0)
+                }, null, 8, ["config"])) : re("", !0)
               ], 64))), 128))
             ]),
             _: 1
           })
         ]),
-        D(r, { gutter: [24, 20] }, {
-          default: v(() => [
-            (d(!0), C(j, null, $(e.searchableFields, (p) => (d(), P(c, {
-              key: p.fieldKey,
+        N(r, { gutter: [24, 20] }, {
+          default: _(() => [
+            (d(!0), S(O, null, K(e.searchableFields, (v) => (d(), P(c, {
+              key: v.fieldKey,
               span: 6,
               class: "search-col"
             }, {
-              default: v(() => [
-                D(e.DataWidgets, {
-                  name: p.fieldKey,
-                  config: p.fieldConfig,
-                  modelValue: e.searchForm[p.fieldKey].value,
-                  "onUpdate:modelValue": (w) => e.searchForm[p.fieldKey].value = w,
+              default: _(() => [
+                N(e.DataWidgets, {
+                  name: v.fieldKey,
+                  config: v.fieldConfig,
+                  modelValue: e.searchForm[v.fieldKey].value,
+                  "onUpdate:modelValue": (h) => e.searchForm[v.fieldKey].value = h,
                   class: "form-field"
                 }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024))), 128)),
-            D(c, {
+            N(c, {
               span: 6,
               class: "search-col form-buttons"
             }, {
-              default: v(() => [
-                D(s, { size: "medium" }, {
-                  default: v(() => [
-                    D(i, {
+              default: _(() => [
+                N(s, { size: "medium" }, {
+                  default: _(() => [
+                    N(i, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: v(() => n[1] || (n[1] = [
+                      default: _(() => n[1] || (n[1] = [
                         J(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
                     }),
-                    D(i, {
+                    N(i, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: v(() => n[2] || (n[2] = [
+                      default: _(() => n[2] || (n[2] = [
                         J(" Reset ", -1)
                       ])),
                       _: 1,
@@ -1971,19 +2040,19 @@ function Ho(t, n, a, e, o, l) {
       ]),
       _: 1
     }),
-    D(_, {
+    N(m, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
-      default: v(() => [
-        (d(!0), C(j, null, $(e.pageData?.tabs, (p) => (d(), P(g, {
-          key: p.key,
-          title: p.title
+      default: _(() => [
+        (d(!0), S(O, null, K(e.pageData?.tabs, (v) => (d(), P(p, {
+          key: v.key,
+          title: v.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    D(b, {
+    N(y, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2002,18 +2071,18 @@ function Ho(t, n, a, e, o, l) {
       onPageChange: e.pageChangeHandler,
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
-      optional: v(({ record: p }) => [
-        D(s, { size: "small" }, {
-          default: v(() => [
-            (d(!0), C(j, null, $(e.actions, (w) => (d(), C(j, {
-              key: w.title
+      optional: _(({ record: v }) => [
+        N(s, { size: "small" }, {
+          default: _(() => [
+            (d(!0), S(O, null, K(e.actions, (h) => (d(), S(O, {
+              key: h.title
             }, [
-              e.judgeHiddenActions(w, p) ? (d(), P(e.ActionButton, {
+              e.judgeHiddenActions(h, v) ? (d(), P(e.ActionButton, {
                 key: 0,
-                config: w,
+                config: h,
                 size: "small",
-                onClick: (...f) => e.clickHandler(...f, p.workflowId)
-              }, null, 8, ["config", "onClick"])) : se("", !0)
+                onClick: (...f) => e.clickHandler(...f, v.workflowId)
+              }, null, 8, ["config", "onClick"])) : re("", !0)
             ], 64))), 128))
           ]),
           _: 2
@@ -2023,12 +2092,12 @@ function Ho(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const Fo = /* @__PURE__ */ X(Po, [["render", Ho], ["__scopeId", "data-v-a82f2228"], ["__file", "ListView.vue"]]), Oo = {
+const Bo = /* @__PURE__ */ X(Ho, [["render", Ro], ["__scopeId", "data-v-639f4f42"], ["__file", "ListView.vue"]]), Ko = {
   install(t, n = {}) {
-    n.config && gt(n.config), n.router && t.provide(Qe, n.router), n.pinia && t.provide(kn, n.pinia), n.useBpmStore && t.provide(et, n.useBpmStore), n.useSvrStore && t.provide(tt, n.useSvrStore), n.triggers && t.provide(Ze, n.triggers), n.customComps && t.provide(nt, n.customComps), t.component("CreateView", En), t.component("UpdateView", eo), t.component("DetailView", Uo), t.component("ListView", Fo);
+    n.config && mt(n.config), n.router && t.provide(Xe, n.router), n.pinia && t.provide(An, n.pinia), n.useBpmStore && t.provide(Ze, n.useBpmStore), n.useSvrStore && t.provide(et, n.useSvrStore), n.triggers && t.provide(Qe, n.triggers), n.customComps && t.provide(tt, n.customComps), t.component("CreateView", zn), t.component("UpdateView", oo), t.component("DetailView", Do), t.component("ListView", Bo);
   }
 };
 export {
-  Oo as default
+  Ko as default
 };
 //# sourceMappingURL=index.es.js.map