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

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { ref as _, getCurrentInstance as pe, defineComponent as q, mergeModels as ie, useModel as ye, resolveComponent as x, createBlock as U, openBlock as d, onMounted as ce, computed as te, withCtx as v, createElementBlock as S, Fragment as j, renderList as K, createVNode as P, nextTick as ot, createTextVNode as Q, useTemplateRef as Ne, createElementVNode as V, createCommentVNode as se, toDisplayString as ee, resolveDynamicComponent as He, renderSlot as le, inject as me, reactive as Le, 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: _(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 Fe() {
+function Re() {
   return De;
 }
-const _t = pe();
+const gt = pe();
 function Ge() {
-  const t = Fe();
+  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",
@@ -98,43 +98,43 @@ const qe = async () => {
     }, (o.data?.expireSeconds ?? 3600) * 1e3), o?.data?.token;
   });
 }, z = async () => {
-  const t = await qe(), n = We();
+  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 ne = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t))(ne || {}), 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
@@ -171,13 +171,13 @@ function kt(t, n, a) {
         redirectUrl: o.redirectUrl,
         redirectType: o.redirectType,
         title: o.title,
-        widget: o.widget === "Link" ? ne.Link : ne.Submit,
+        widget: o.widget === "Link" ? ee.Link : ee.Submit,
         location: o.location,
         attributeType: o.attributeType,
         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,24 +199,24 @@ 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 Ke = async (t, n, a, e) => {
   const l = await (await z()).get(`/General/${n}/${t}/page`, { params: e });
-  return kt(l?.data, t, a);
-}, Je = async (t, n, a) => (await (await z()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
+  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 z()).post(`/General/${t}/list`, n);
   return {
@@ -244,51 +244,51 @@ async function St(t, n, a) {
     }
   })).data;
 }
-async function xt(t, n, a, e) {
-  const o = await z(), 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) {
+async function Nt(t, n, a, e, o, l, s, c) {
   const i = await z();
-  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;
+  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) {
+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) {
+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) {
+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;
@@ -297,49 +297,49 @@ async function Xe(t, n) {
 async function Lt(t, n) {
   return (await z()).post(`/General/${t}/${n}/delete/attachment`);
 }
-async function Ft() {
+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) {
+async function Bt(t, n) {
   return await (await z()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
 }
-async function Bt(t, 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) {
+async function Mt(t) {
   return (await (await z()).get(`Grading/GetComments/${t}`))?.data;
 }
-async function Ue(t) {
+async function Ot(t) {
   return (await (await z()).get(`Grading/GetAssociator/${t}`))?.data;
 }
-async function jt(t) {
+async function Et(t) {
   return await (await z()).delete(`Grading/DeleteAssociator/${t}`);
 }
-async function Mt(t, n = null) {
+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 m = s(u);
-      o("error", m.res ? "" : m.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.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({
@@ -371,15 +371,15 @@ const ge = (t, n) => {
     const r = { props: e, emits: o, model: l, validate: s, inputHandler: c, changeHandler: i };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
-}), Z = (t, n) => {
+}), X = (t, n) => {
   const a = t.__vccOpts || t;
   for (const [e, o] of n)
     a[e] = o;
   return a;
 };
-function Kt(t, n, a, e, o, l) {
-  const s = x("AInput");
-  return d(), U(s, {
+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),
     "allow-clear": "",
@@ -388,7 +388,7 @@ function Kt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled"]);
 }
-const Ke = /* @__PURE__ */ Z($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,33 +403,33 @@ const Ke = /* @__PURE__ */ Z($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 = _(100), c = _(1);
-    ce(() => {
-      e.validations && e.validations.forEach((g) => {
-        g.ruleName === "Max" && (s.value = g.ruleParameter), g.ruleName === "Min" && (c.value = g.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 = (g) => ge(e.validations, g), r = (g) => {
-      o("input", g);
-    }, u = (g) => {
-      const b = i(g);
-      o("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, g);
+    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 g = i(e.modelValue);
-        return o("error", g.res ? "" : g.errorMessages), g.res;
+        const m = i(e.modelValue);
+        return o("error", m.res ? "" : m.errorMessages), m.res;
       }
     });
-    const m = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: u };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+    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 = x("AInputNumber");
-  return d(), U(s, {
+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),
     clearable: "",
@@ -439,7 +439,7 @@ function Gt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "min"]);
 }
-const Wt = /* @__PURE__ */ Z(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,39 +454,39 @@ const Wt = /* @__PURE__ */ Z(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 = _(!1), s = _(e.config.options ?? []), c = ye(t, "modelValue"), i = (b) => ge(e.validations, b), r = te(() => {
-      const b = {};
-      return e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        b[p.event] = (y) => {
-          o(p.event, p.handlerName, y);
-          const f = i(y);
+    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 m = (b) => {
-      o("update:modelValue", b);
-      const p = i(b);
-      o("error", p.res ? "" : p.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((y) => {
-        y.event === "change" && o(y.event, y.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 g = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: u, changeHandler: m };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+    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 = x("AOption"), c = x("ASelect");
-  return d(), U(c, {
+function Qt(t, n, a, e, o, l) {
+  const s = A("AOption"), c = A("ASelect");
+  return d(), P(c, {
     "allow-clear": "",
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (i) => e.model = i),
@@ -496,8 +496,8 @@ function Yt(t, n, a, e, o, l) {
     disabled: e.props.config.readonly,
     onChange: e.changeHandler
   }, {
-    default: v(() => [
-      (d(!0), S(j, null, K(e._options, (i) => (d(), U(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__ */ Z(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__ */ Z(qt, [["render", Yt], ["__file", "SelectList.vue"]])
   },
   emits: ["update:modelValue", "change"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = _(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 m = await (await z()).get(r);
-          l.value = m.data;
+          const p = await (await z()).get(r);
+          l.value = p.data;
         }
       }
     });
@@ -536,14 +536,14 @@ const ze = /* @__PURE__ */ Z(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 = x("ACascader"), c = x("ASpace");
-  return d(), U(c, {
+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(() => [
-      P(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__ */ Z(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,73 +568,68 @@ const Qt = /* @__PURE__ */ Z(Jt, [["render", Xt], ["__file", "Cascader.vue"]]),
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = _({});
-    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 = Fe(), i = c.apiBase, r = _(null), u = _("");
-    function m(h, M, X) {
-      return h.replace(/{WorkflowId}/g, M).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 g = te(() => {
+    const m = Z(() => {
       if (e.config.uploadURL) {
-        const h = i + e.config.uploadURL;
-        return m(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: M, name: X } = h, R = X ?? M.name;
-      return new Promise((A, k) => {
-        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 ${R}?`,
+          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), A(!0);
-            A(!0);
+            if (w.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(w.uid), C(!0);
+            C(!0);
           },
-          onCancel: () => k("cancel")
+          onCancel: () => U("cancel")
         });
       });
     }
-    const y = _(null), f = _(null), L = (h) => {
-      y.value && (y.value(h), y.value = null, f.value = null);
-    }, Y = (h) => {
-      f.value && (f.value(h), y.value = null, f.value = null);
+    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((M, X) => {
-          if (r.value) {
-            if (e.config.uploadURL && (u.value = h), !(r.value.fileList || []).some((k) => k.status === "init")) {
-              M(h);
-              return;
-            }
-            y.value = M, f.value = X, ot(() => {
-              r.value?.submit();
-            });
-          } else
-            M(h);
+      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();
+          }) : 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 J = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: m, action: g, submit: b, onBeforeRemove: p, uploadPromiseResolve: y, uploadPromiseReject: f, handleUploadSuccess: L, handleUploadError: Y };
-    return Object.defineProperty(J, "__isScriptSetup", { enumerable: !1, value: !0 }), J;
+    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 = x("a-button"), c = x("a-upload");
-  return d(), U(c, {
+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,
     action: e.action,
@@ -642,15 +637,16 @@ function en(t, n, a, e, o, l) {
     "auto-upload": !1,
     name: "files",
     headers: e.headers,
+    onChange: e.onChange,
     onBeforeRemove: e.onBeforeRemove,
     onSuccess: e.handleUploadSuccess,
     onError: e.handleUploadError
   }, {
-    "start-icon": v(() => n[0] || (n[0] = [])),
-    "upload-button": v(() => [
-      P(s, { type: "primary" }, {
-        default: v(() => n[1] || (n[1] = [
-          Q("Select File", -1)
+    "start-icon": _(() => n[0] || (n[0] = [])),
+    "upload-button": _(() => [
+      N(s, { type: "primary" }, {
+        default: _(() => n[1] || (n[1] = [
+          J("Select File", -1)
         ])),
         _: 1,
         __: [1]
@@ -659,7 +655,7 @@ function en(t, n, a, e, o, l) {
     _: 1
   }, 8, ["default-file-list", "action", "limit", "headers"]);
 }
-const tn = /* @__PURE__ */ Z(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: {},
@@ -676,8 +672,8 @@ const tn = /* @__PURE__ */ Z(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((m) => {
-        m.event === "change" && o(m.event, m.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({
@@ -690,9 +686,9 @@ const tn = /* @__PURE__ */ Z(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 = x("ATextarea");
-  return d(), U(s, {
+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",
     "allow-clear": "",
@@ -701,7 +697,7 @@ function on(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled"]);
 }
-const an = /* @__PURE__ */ Z(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: {},
@@ -718,8 +714,8 @@ const an = /* @__PURE__ */ Z(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((m) => {
-        m.event === "change" && o(m.event, m.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({
@@ -732,23 +728,23 @@ const an = /* @__PURE__ */ Z(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 = x("ACheckbox");
-  return d(), U(s, {
+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),
     clearable: "",
     disabled: e.props.readonly || e.props.config.Readonly,
     onChange: e.changeHandler
   }, {
-    default: v(() => n[1] || (n[1] = [
-      Q("Yes", -1)
+    default: _(() => n[1] || (n[1] = [
+      J("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const ln = /* @__PURE__ */ Z(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: {},
@@ -764,41 +760,41 @@ const ln = /* @__PURE__ */ Z(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 = te(() => {
+    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 = _(""), 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 m() {
+    function p() {
       return e.config?.widget?.widget === "File";
     }
     n({
       isFileUpload() {
         return e.config?.widget?.widget === "File";
       },
-      submit(b) {
-        return m() ? s.value.submit(b) : Promise.resolve(b);
+      submit(y) {
+        return p() ? s.value.submit(y) : Promise.resolve(y);
       },
       validate() {
         return s.value?.validate();
@@ -807,24 +803,24 @@ const ln = /* @__PURE__ */ Z(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
         return e?.config?.widget?.title;
       }
     });
-    const g = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: m };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+    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) {
+function _n(t, n, a, e, o, l) {
   return d(), S("div", null, [
-    V("div", dn, [
-      Q(ee(e.props?.config?.widget?.title) + " ", 1),
-      e.props.config.validations.length ? (d(), S("span", un, "*")) : se("", !0)
+    x("div", pn, [
+      J(Q(e.props?.config?.widget?.title) + " ", 1),
+      e.props.config.validations.length ? (d(), S("span", mn, "*")) : re("", !0)
     ]),
-    V("div", null, [
-      (d(), U(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),
@@ -836,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(), S("div", fn, ee(e.errMsg), 1)) : se("", !0)
+      e.errMsg.length > 0 ? (d(), S("div", gn, Q(e.errMsg), 1)) : re("", !0)
     ])
   ]);
 }
-const Be = /* @__PURE__ */ Z(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: {},
@@ -858,20 +854,20 @@ const Be = /* @__PURE__ */ Z(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 = x("AButton");
-  return d(), U(s, {
+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__ */ Z(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: {},
@@ -889,16 +885,16 @@ const _n = /* @__PURE__ */ Z(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 = x("ALink");
-  return d(), U(s, { onClick: e.clickHandler }, {
-    default: v(() => [
-      le(t.$slots, "default")
+function wn(t, n, a, e, o, l) {
+  const s = A("ALink");
+  return d(), P(s, { onClick: e.clickHandler }, {
+    default: _(() => [
+      de(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const yn = /* @__PURE__ */ Z(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: {},
@@ -908,52 +904,52 @@ const yn = /* @__PURE__ */ Z(vn, [["render", bn], ["__file", "DetailLink.vue"]])
   setup(t, { expose: n, emit: a }) {
     n();
     const e = t, o = a;
-    function l(u, m) {
-      o("click", e.config.widget, u, m, e.config.title);
+    function l(u, p) {
+      o("click", e.config.widget, u, p, e.config.title);
     }
-    const s = te(() => {
+    const s = Z(() => {
       switch (e.config.location) {
         case "InOperation":
-          return _n;
+          return yn;
         case "InTable":
         default:
-          return yn;
+          return kn;
       }
-    }), c = te(() => e.config.widget === ne.Submit ? e.config.requestUrl ?? "" : e.config.widget === ne.Link ? e.config.redirectUrl ?? "" : ""), i = te(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
+    }), 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(), U(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(() => [
-      Q(ee(e.props.config.title), 1)
+    default: _(() => [
+      J(Q(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Ce = /* @__PURE__ */ Z(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: {},
@@ -965,27 +961,27 @@ 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 = x("a-avatar"), c = x("a-popover");
-  return d(), S("div", Sn, [
-    V("div", xn, [
-      V("div", Vn, ee(a.title), 1),
-      V("div", An, ee(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)
     ]),
-    V("div", In, [
-      P(c, { trigger: "click" }, {
-        content: v(() => [
-          V("div", Tn, ee(a.email), 1)
+    x("div", Nn, [
+      N(c, { trigger: "click" }, {
+        content: _(() => [
+          x("div", Un, Q(a.email), 1)
         ]),
-        default: v(() => [
-          P(s, {
+        default: _(() => [
+          N(s, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
-            default: v(() => [
-              Q(ee(a.email.charAt(0).toUpperCase()), 1)
+            default: _(() => [
+              J(Q(a.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -995,9 +991,9 @@ function Un(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ae = /* @__PURE__ */ Z(Cn, [["render", Un], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
-function Me(t) {
-  const n = Fe(), 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);
@@ -1007,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 = _({
+    const a = xe(), e = Ve(), o = Ae(), l = Me(), s = He("dataWidgets"), c = pe(), i = t, r = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1022,105 +1091,104 @@ const Pn = /* @__PURE__ */ q({
         title: "",
         subTitle: ""
       }
-    }), u = _([]), m = _({});
-    function g(A) {
-      return A ? Object.entries(A).map(([C, H]) => ({
+    }), u = g([]), p = g({});
+    function m(T) {
+      return T ? Object.entries(T).map(([C, U]) => ({
         fieldKey: C,
-        ...H
-      })).filter((C) => C.widget && C.widget.widget !== "Hidden").filter((C) => !h.value.includes(C.fieldKey)) : [];
+        ...U
+      })).filter((C) => C.widget && C.widget.widget !== "Hidden").filter((C) => !te.value.includes(C.fieldKey)) : [];
     }
-    function b(A) {
-      return A ? Object.entries(A).filter(([C, H]) => H.dependent).reduce((C, [H, O]) => (C[H] = O.dependent, C), {}) : [];
+    function y(T) {
+      return T ? Object.entries(T).filter(([C, U]) => U.dependent).reduce((C, [U, M]) => (C[U] = M.dependent, C), {}) : [];
     }
-    const p = te(() => r.value?.actions ? [...r.value.actions].reverse() : []), y = Le({}), f = _(!1);
-    ce(async () => {
-      f.value = !0, r.value = await ke(fe.Create, i.className, {
-        svrStore: e,
-        bpmStore: a
-      }), u.value = g(r.value.fields), m.value = b(r.value.fields);
-      for (const A in r.value.fields) {
-        if (r.value.fields[A].widget?.widget === "File") {
-          const k = u.value.find((C) => C.fieldKey === A);
-          k && k.widget && (k.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 = []);
         }
-        y[A] = r.value.fields[A].modelValue;
+        h[V] = r.value.fields[V].modelValue;
       }
       f.value = !1;
     });
     function L() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function Y(A, k, C, H, O) {
-      switch (k) {
-        case ne.Submit:
-          let E = !0;
-          if (s.value?.forEach((G) => {
-            G?.validate && (G.validate() || (E = !1));
-          }), !E) {
+    async function W(T, V, C, U, M) {
+      switch (V) {
+        case ee.Submit:
+          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, { ...y, ...m.value }, C), 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 ne.Link:
+        case ee.Link:
           try {
-            await l[A.eventName || ""]?.(y, h), o.push({ name: H, 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:", k);
+          console.warn("Unknown action type:", V);
       }
     }
-    const J = [
+    const G = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], h = _(J);
-    function M(A, k) {
-      l[A]?.(k, h), r.value && (u.value = g(r.value.fields));
+    ], te = g(G);
+    function oe(T, V) {
+      l[T]?.(V, te), r.value && (u.value = m(r.value.fields));
     }
-    const X = te(() => Me(u.value)), R = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: m, genField: g, genDependentField: b, reversedActions: p, _data: y, loading: f, getApproverEmail: L, clickHandler: Y, newHiddenFields: J, hiddenFields: h, changeHandler: M, groupedFields: X, DataWidgets: Be, ActionButton: Ce, TopBar: Ae };
-    return Object.defineProperty(R, "__isScriptSetup", { enumerable: !1, value: !0 }), R;
+    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" }, Ln = { class: "form-fields-vertical" }, Fn = { 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 = x("a-card"), c = x("a-spin");
-  return d(), S("div", Dn, [
-    P(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"]),
-    V("div", Nn, [
-      P(c, {
+    x("div", Ln, [
+      N(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: v(() => [
-          V("div", Hn, [
-            V("div", Ln, [
-              (d(!0), S(j, null, K(e.groupedFields, (i) => (d(), U(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(() => [
-                  V("div", Fn, [
-                    (d(!0), S(j, null, K(i.fields, (r) => (d(), U(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",
@@ -1137,19 +1205,19 @@ function On(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), S("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"])
     ]),
-    V("div", Bn, [
-      V("div", jn, [
-        le(t.$slots, "action", {}, void 0, !0),
-        V("div", Mn, [
-          (d(!0), S(j, null, K(e.reversedActions, (i) => (d(), U(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,
@@ -1161,7 +1229,7 @@ function On(t, n, a, e, o, l) {
     ])
   ]);
 }
-const En = /* @__PURE__ */ Z(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: {},
@@ -1169,7 +1237,7 @@ const En = /* @__PURE__ */ Z(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 = _({
+    const a = Ae(), e = Me(), o = Ve(), l = xe(), s = He("dataWidgets"), c = pe(), i = t, r = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1177,106 +1245,103 @@ const En = /* @__PURE__ */ Z(Pn, [["render", On], ["__scopeId", "data-v-7b45a965
         title: "",
         subTitle: ""
       }
-    }), u = _([]), m = _({});
-    function g(R) {
-      return R ? Object.entries(R).map(([k, C]) => ({
-        fieldKey: k,
+    }), u = g([]), p = g({});
+    function m(k) {
+      return k ? Object.entries(k).map(([V, C]) => ({
+        fieldKey: V,
         ...C
-      })).filter((k) => k.widget && k.widget.widget !== "Hidden").filter((k) => !J.value.includes(k.fieldKey)) : [];
+      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !G.value.includes(V.fieldKey)) : [];
     }
-    function b(R) {
-      return R ? Object.entries(R).filter(([k, C]) => C.dependent).reduce((k, [C, H]) => (k[C] = H.dependent, k), {}) : [];
+    function y(k) {
+      return k ? Object.entries(k).filter(([V, C]) => C.dependent).reduce((V, [C, U]) => (V[C] = U.dependent, V), {}) : [];
     }
-    const p = te(() => r.value?.actions ? [...r.value.actions].reverse() : []), y = Le({}), f = _(!1);
-    ce(async () => {
-      f.value = !0, r.value = await ke(fe.Update, i.className, {
-        svrStore: o,
-        bpmStore: l
-      }, {
-        workflowId: i.workflowId
-      });
-      const R = await Je(fe.Update, i.className, { workflowId: i.workflowId, email: L() }), A = await Xe(i.className, i.workflowId);
-      r.value.actions = r.value.actions?.filter((C) => {
-        const H = R.find((O) => O.button === C.title);
-        return H ? H.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 k = r.value.fields.requestType.modelValue;
-      e.Test?.(k, J), u.value = g(r.value.fields), m.value = b(r.value.fields);
-      for (const C in r.value.fields) {
-        if (r.value.fields[C].widget?.widget === "File") {
-          const H = u.value.find((O) => O.fieldKey === C);
-          H && H.widget && (H.widget.files = A[C] ?? [], H.widget.removeFile = (O) => Lt(i.className, O));
+      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));
         }
-        y[C] = r.value.fields[C].modelValue;
+        h[U] = r.value.fields[U].modelValue;
       }
       f.value = !1;
     });
     function L() {
       return o()?.userInfo?.email_address ?? "";
     }
-    async function Y(R, A, k, C, H) {
-      switch (A) {
-        case ne.Submit:
-          let O = !0;
-          if (s.value?.forEach((E) => {
-            E?.validate && (E.validate() || (O = !1));
-          }), !O) {
+    async function W(k, T, V, C, U) {
+      switch (T) {
+        case ee.Submit:
+          let M = !0;
+          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 E = await xt(i.className, i.workflowId, { ...y, ...m.value }, k), G = s.value?.map((ae) => ae?.submit ? ae.submit(E.toString()) : Promise.resolve()) || [];
-            await Promise.all(G), f.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${E.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 ne.Link:
+        case ee.Link:
           try {
-            await e[R.eventName || ""]?.(y, J), a.push({ name: C, 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:", A);
+          console.warn("Unknown action type:", T);
       }
     }
-    const J = _([]);
-    function h(R, A) {
-      e[R]?.(A, J), r.value && (u.value = g(r.value.fields));
+    const G = g([]);
+    function te(k, T) {
+      e[k]?.(T, G), r.value && (u.value = m(r.value.fields));
     }
-    const M = te(() => Me(u.value)), X = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: m, genField: g, genDependentField: b, reversedActions: p, _data: y, loading: f, getApproverEmail: L, clickHandler: Y, hiddenFields: J, changeHandler: h, groupedFields: M, DataWidgets: Be, ActionButton: Ce, TopBar: Ae };
-    return Object.defineProperty(X, "__isScriptSetup", { enumerable: !1, value: !0 }), X;
+    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 = x("a-card"), c = x("a-spin");
-  return d(), S("div", Kn, [
-    P(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"]),
-    V("div", zn, [
-      P(c, {
+    x("div", qn, [
+      N(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: v(() => [
-          V("div", Gn, [
-            V("div", Wn, [
-              (d(!0), S(j, null, K(e.groupedFields, (i) => (d(), U(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(() => [
-                  V("div", qn, [
-                    (d(!0), S(j, null, K(i.fields, (r) => (d(), U(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",
@@ -1293,19 +1358,19 @@ function Zn(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), S("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"])
     ]),
-    V("div", Jn, [
-      V("div", Xn, [
-        le(t.$slots, "action", {}, void 0, !0),
-        V("div", Qn, [
-          (d(!0), S(j, null, K(e.reversedActions, (i) => (d(), U(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,
@@ -1317,24 +1382,24 @@ function Zn(t, n, a, e, o, l) {
     ])
   ]);
 }
-const eo = /* @__PURE__ */ Z($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: {
@@ -1361,9 +1426,9 @@ const co = q({
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = ro("icon"), e = te(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = te(() => {
+    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,
@@ -1373,31 +1438,31 @@ const co = q({
       }
     };
   }
-}), uo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function fo(t, n, a, e, o, l) {
+}), 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] = [
-    V("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: {},
@@ -1405,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 = _({
+    const a = Ve(), e = xe(), o = Me(), l = Ae(), s = ao(), c = pe(), i = t;
+    let r;
+    const u = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1413,18 +1480,18 @@ const po = Object.assign(Pe, {
         title: "",
         subTitle: ""
       }
-    }), u = _([]);
-    function m(I) {
-      return I ? Object.entries(I).map(([$, T]) => (typeof T.modelValue == "boolean" ? T.fieldValue = T.modelValue ? "Yes" : "No" : T.fieldValue = T.modelValue, {
+    }), 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: $,
-        ...T
-      })).filter(($) => $.widget && $.widget.widget !== "Hidden").filter(($) => !X.value.includes($.fieldKey)) : [];
+        ...I
+      })).filter(($) => $.widget && $.widget.widget !== "Hidden").filter(($) => !k.value.includes($.fieldKey)) : [];
     }
-    const g = te(() => Me(u.value)), b = te(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = _(!0), y = (I, F) => {
-      const $ = I.findIndex((T) => T.isCurrent);
-      return I.map((T, re) => {
-        const N = {
-          id: T.id,
+    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: I.id,
           title: "",
           proxy: "",
           sub: "",
@@ -1432,319 +1499,318 @@ const po = Object.assign(Pe, {
           status: 1,
           time: ""
         };
-        N.title = T.workflowProcessApprovers[0]?.name;
-        const _e = T.workflowProcessApprovers[T.workflowProcessApprovers.length - 1], we = T.workflowHistorys[T.workflowHistorys.length - 1], ve = we?.workflowHistoryApprovers[we?.workflowHistoryApprovers?.length - 1];
-        if (_e && ve && _e?.email?.toLowerCase() !== ve?.approverEmail?.toLowerCase() && (N.title = `${ve.name}`, N.proxy = `Proxy: ${_e.name}`), T.sort > 1 ? N.sub = "Approver Role: " + T.nodeName.replace("Submit", "").replace("Approve", "") : N.sub = "Submit Application", T.isCurrent && F !== -1)
-          N.desc = "In Approval", N.status = 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 oe = T.workflowHistorys[T.workflowHistorys.length - 1];
-          if (oe && oe.status === 100)
-            N.time = he(oe.takeActionAt, "yyyy-MM-dd hh:mm:ss"), N.status = 2, N.desc = "approve success!";
-          else if (oe && oe.status === 999)
-            N.time = he(oe.takeActionAt, "yyyy-MM-dd hh:mm:ss"), N.status = 0, N.desc = "approve reject!";
-          else if (oe)
-            if (N.time = he(oe.takeActionAt, "yyyy-MM-dd hh:mm:ss"), T.sort === 1)
-              N.status = 2, N.desc = "";
+          const ne = I.workflowHistorys[I.workflowHistorys.length - 1];
+          if (ne && ne.status === 100)
+            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 = ke(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.status = 0, F.desc = "approve reject!";
+          else if (ne)
+            if (F.time = ke(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), I.sort === 1)
+              F.status = 2, F.desc = "";
             else {
-              const Oe = oe.workflowHistoryApprovers[0];
-              N.status = 3, N.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 < $ || $ === -1 ? (N.status = 0, N.desc = "Skipped") : (N.status = 0, N.desc = "Pending Approval");
-          oe && oe.status;
+          else ae < $ || $ === -1 ? (F.status = 0, F.desc = "Skipped") : (F.status = 0, F.desc = "Pending Approval");
+          ne && ne.status;
         }
-        return N;
+        return F;
       });
-    }, f = _([]), L = _(!1), Y = _(!1), J = _(!1), h = _(!1);
-    async function M() {
-      const I = await Je(fe.Details, i.className, { workflowId: i.workflowId, email: k() });
-      r.value.actions = r.value.actions?.filter((F) => {
-        const $ = I.find((T) => T.button === F.title);
+    }, 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;
-      }), L.value = I.find((F) => F.button === "IsGlobal")?.isShow ?? !1, Y.value = I.find((F) => F.button === "AssignButton")?.isShow ?? !1, J.value = I.find((F) => F.button === "AssignList")?.isShow ?? !1, h.value = I.find((F) => F.button === "AddCommentsButton")?.isShow ?? !1;
+      }), 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 X = _([]);
-    async function R() {
-      p.value = !0, r.value = await ke(fe.Details, i.className, {
-        svrStore: a,
-        bpmStore: e
-      }, {
-        workflowId: i.workflowId
-      });
-      const I = await Xe(i.className, i.workflowId);
-      G.value = await Ft(), O.value = await $e(i.workflowId), ae.value = await Ue(i.workflowId), M();
-      const F = r.value.fields.requestType.modelValue;
-      o.Test?.(F, X), u.value = m(r.value.fields);
-      for (const T in r.value.fields)
-        if (r.value.fields[T].widget?.widget === "File") {
-          const re = u.value.find((N) => N.fieldKey === T);
-          re && re.widget && (re.widget.files = I[T] ?? []);
+    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 $ = await Nt(i.className, i.workflowId);
-      f.value = y($, 0), p.value = !1;
+      const $ = await r.getProcess();
+      L.value = f($, 0), h.value = !1;
     }
-    ce(R);
-    async function A(I, F) {
-      return o[I]?.(F);
+    ue(T);
+    async function V(H, j) {
+      return o[H]?.(j);
     }
-    function k() {
+    function C() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function C(I, F, $, T, re) {
+    async function U(H, j, $, I, ae) {
       try {
-        switch (F) {
-          case ne.Submit:
-            const { reason: N, ifGlobal: _e } = await A(re, { isGlobal: L.value });
-            p.value = !0;
-            const we = re === "Approve" ? "100" : "-1";
-            await Pt(i.className, i.workflowId, k(), N, [Number(i.workflowId)], $, 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), R();
+        switch (j) {
+          case ee.Submit:
+            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 ne.Link:
+          case ee.Link:
             try {
-              await o[I.eventName || ""]?.(), l.push({ name: T, params: { className: i.className } });
-            } catch (oe) {
-              console.error("Error in link action trigger:", oe);
+              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:", F);
+            console.warn("Unknown action type:", j);
         }
       } catch {
       }
     }
-    const H = _(""), O = _([]), E = _(""), G = _([]), ae = _([]);
-    async function de() {
+    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, E.value), ae.value = await Ue(i.workflowId), M(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
-      } catch (I) {
-        if (I.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(I, F) {
+    async function b(H, j) {
       const { Modal: $ } = await import("@arco-design/web-vue");
-      return new Promise((T, re) => {
+      return new Promise((I, ae) => {
         $.confirm({
-          title: I,
-          content: F,
+          title: H,
+          content: j,
           okText: "OK",
           cancelText: "Cancel",
-          onOk: () => T(!0),
-          onCancel: () => re()
+          onOk: () => I(!0),
+          onCancel: () => ae()
         });
       });
     }
-    async function w(I) {
+    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(I)), 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 D() {
-      if (!H.value.trim()) {
+    async function B() {
+      if (!M.value.trim()) {
         c?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await Bt(i.workflowId, k(), H.value), H.value = "", O.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: m, groupedFields: g, reversedActions: b, loading: p, mapWorkflowSteps: y, steps: f, isGlobal: L, isShowAssignSelect: Y, isShowAssignList: J, isShowCommentTextArea: h, reloadButtonList: M, hiddenFields: X, load: R, triggerFn: A, getApproverEmail: k, clickHandler: C, comment: H, commentsHistory: O, selectedApprover: E, approvers: G, associators: ae, onAssignApprover: de, confirmDialog: ue, onDeleteAssociator: w, onAddComment: D, 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 = x("a-link"), c = x("a-space"), i = x("a-card"), r = x("a-option"), u = x("a-select"), m = x("a-button"), g = x("a-list-item"), b = x("a-list"), p = x("a-textarea"), y = x("a-spin");
-  return d(), S("div", go, [
-    P(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"]),
-    V("div", _o, [
-      P(y, {
+    x("div", yo, [
+      N(h, {
         loading: e.loading,
         class: "detail-container"
       }, {
-        default: v(() => [
-          V("div", vo, [
-            (d(), U(He(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            V("div", bo, [
-              (d(!0), S(j, null, K(e.groupedFields, (f) => (d(), U(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(() => [
-                  V("div", yo, [
-                    (d(!0), S(j, null, K(f.fields, (L) => (d(), S("div", {
+                default: _(() => [
+                  x("div", ko, [
+                    (d(!0), S(O, null, K(f.fields, (L) => (d(), S("div", {
                       key: L.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      V("div", wo, [
-                        V("div", ho, ee(L.widget?.title), 1),
-                        L.widget?.widget === "File" ? (d(!0), S(j, { key: 0 }, K(L.widget.files, (Y) => (d(), S("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
                         }, [
-                          P(c, null, {
-                            default: v(() => [
-                              Q(ee(Y.name) + " ", 1),
-                              P(s, {
-                                href: Y.url,
+                          N(c, null, {
+                            default: _(() => [
+                              J(Q(W.name) + " ", 1),
+                              N(s, {
+                                href: W.url,
                                 target: "_blank"
                               }, {
-                                default: v(() => [
-                                  P(e.IconDownload, { style: { color: "#7A00E6" } })
+                                default: _(() => [
+                                  N(e.IconDownload, { style: { color: "#7A00E6" } })
                                 ]),
                                 _: 2
                               }, 1032, ["href"])
                             ]),
                             _: 2
                           }, 1024)
-                        ]))), 128)) : (d(), S("div", ko, ee(L.fieldValue), 1))
+                        ]))), 128)) : (d(), S("div", Ao, Q(L.fieldValue), 1))
                       ])
                     ]))), 128))
                   ])
                 ]),
                 _: 2
               }, 1032, ["title"]))), 128)),
-              e.isShowAssignSelect ? (d(), U(c, { key: 0 }, {
-                default: v(() => [
-                  P(u, {
+              e.isShowAssignSelect ? (d(), P(c, { key: 0 }, {
+                default: _(() => [
+                  N(u, {
                     modelValue: e.selectedApprover,
                     "onUpdate:modelValue": n[0] || (n[0] = (f) => e.selectedApprover = f)
                   }, {
-                    default: v(() => [
-                      (d(!0), S(j, null, K(e.approvers, (f) => (d(), U(r, {
+                    default: _(() => [
+                      (d(!0), S(O, null, K(e.approvers, (f) => (d(), P(r, {
                         key: f.value,
                         value: f.value
                       }, {
-                        default: v(() => [
-                          Q(ee(f.label), 1)
+                        default: _(() => [
+                          J(Q(f.label), 1)
                         ]),
                         _: 2
                       }, 1032, ["value"]))), 128))
                     ]),
                     _: 1
                   }, 8, ["modelValue"]),
-                  P(m, {
+                  N(p, {
                     type: "primary",
                     onClick: e.onAssignApprover
                   }, {
-                    default: v(() => n[2] || (n[2] = [
-                      Q("Assign for comment", -1)
+                    default: _(() => n[2] || (n[2] = [
+                      J("Assign for comment", -1)
                     ])),
                     _: 1,
                     __: [2]
                   })
                 ]),
                 _: 1
-              })) : se("", !0),
-              e.isShowAssignList ? (d(), U(b, { key: 1 }, {
-                header: v(() => n[3] || (n[3] = [
-                  Q(" Associators ", -1)
+              })) : re("", !0),
+              e.isShowAssignList ? (d(), P(y, { key: 1 }, {
+                header: _(() => n[3] || (n[3] = [
+                  J(" Associators ", -1)
                 ])),
-                default: v(() => [
-                  (d(!0), S(j, null, K(e.associators, (f) => (d(), U(g, {
+                default: _(() => [
+                  (d(!0), S(O, null, K(e.associators, (f) => (d(), P(m, {
                     key: f.id
                   }, {
-                    actions: v(() => [
-                      P(m, {
+                    actions: _(() => [
+                      N(p, {
                         type: "text",
                         status: "danger",
                         onClick: (L) => e.onDeleteAssociator(f.id)
                       }, {
-                        default: v(() => n[4] || (n[4] = [
-                          Q(" Delete ", -1)
+                        default: _(() => n[4] || (n[4] = [
+                          J(" Delete ", -1)
                         ])),
                         _: 2,
                         __: [4]
                       }, 1032, ["onClick"])
                     ]),
-                    default: v(() => [
-                      Q(" " + ee(f.associator), 1)
+                    default: _(() => [
+                      J(" " + Q(f.associator), 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : se("", !0),
-              e.isShowCommentTextArea ? (d(), S("div", Co, [
-                V("div", So, [
-                  n[6] || (n[6] = V("div", { class: "field-label" }, "Comment", -1)),
-                  P(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"]),
-                  P(m, {
+                  N(p, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: v(() => n[5] || (n[5] = [
-                      Q("Add Comment", -1)
+                    default: _(() => n[5] || (n[5] = [
+                      J("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
-              ])) : se("", !0),
-              e.commentsHistory.length ? (d(), U(b, { key: 3 }, {
-                header: v(() => n[7] || (n[7] = [
-                  Q(" Comments History ", -1)
+              ])) : re("", !0),
+              e.commentsHistory.length ? (d(), P(y, { key: 3 }, {
+                header: _(() => n[7] || (n[7] = [
+                  J(" Comments History ", -1)
                 ])),
-                default: v(() => [
-                  (d(!0), S(j, null, K(e.commentsHistory, (f) => (d(), U(g, {
+                default: _(() => [
+                  (d(!0), S(O, null, K(e.commentsHistory, (f) => (d(), P(m, {
                     key: f.associator
                   }, {
-                    default: v(() => [
-                      Q(ee(f.associator) + ": " + ee(f.comments) + " (" + ee(e.formatDate(f.createdAt)) + ") ", 1)
+                    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(), S("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"])
     ]),
-    V("div", Vo, [
-      V("div", Ao, [
-        le(t.$slots, "action", {}, void 0, !0),
-        V("div", Io, [
-          (d(!0), S(j, null, K(e.reversedActions, (f) => (d(), U(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,
@@ -1756,7 +1822,7 @@ function To(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Uo = /* @__PURE__ */ Z(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: {
@@ -1764,7 +1830,7 @@ const Uo = /* @__PURE__ */ Z(mo, [["render", To], ["__scopeId", "data-v-07443410
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = xe(), o = Se(), l = pe(), s = t, c = _(), i = Le({
+    const a = Ve(), e = xe(), o = Ae(), l = pe(), s = t, c = g(), i = Le({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -1774,31 +1840,31 @@ const Uo = /* @__PURE__ */ Z(mo, [["render", To], ["__scopeId", "data-v-07443410
       filters: []
     });
     function r() {
-      const w = Object.entries(C.value).filter(([, { value: D }]) => D && D !== "").map(([D, { value: B, operator: I }]) => ({
+      const b = Object.entries(C.value).filter(([, { value: D }]) => D && D !== "").map(([D, { value: B, operator: se }]) => ({
         key: D,
         value: B,
-        operator: I
+        operator: se
         // 根据实际需要调整操作符
       }));
       return {
         pageNumber: i.current,
         pageSize: i.pageSize,
-        filters: [...i.filters, ...w],
+        filters: [...i.filters, ...b],
         sorts: [{
           key: "workflowId",
           type: 1
         }]
       };
     }
-    const u = te(() => ({
-      x: b.value.length * 150 + 250
+    const u = Z(() => ({
+      x: y.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), m = (w) => {
-      const D = Object.entries(w).filter(([, B]) => B.widget?.column).map(([B, I], F) => ({
-        title: I.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: I.order,
+        order: se.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -1806,7 +1872,7 @@ const Uo = /* @__PURE__ */ Z(mo, [["render", To], ["__scopeId", "data-v-07443410
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((B, I) => B.order - I.order);
+      })).sort((B, se) => B.order - se.order);
       D.push({
         title: "Actions",
         slotName: "optional",
@@ -1815,150 +1881,149 @@ const Uo = /* @__PURE__ */ Z(mo, [["render", To], ["__scopeId", "data-v-07443410
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = D;
-    }, g = _([]), b = _([]), p = _(!0), y = _(!0), f = _(), L = async () => {
-      y.value = !0;
-      const w = await Ct(s.className, r());
-      g.value = w.data, i.total = w.totalCount, y.value = !1;
-    }, Y = _(!1);
-    ce(async () => {
-      p.value = !0, c.value = await ke(3, s.className, {
-        svrStore: a,
-        bpmStore: e
-      }), m(c.value.fields), O(c.value.fields), E(), k(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 J = (w) => {
-      i.current = w, L();
-    }, h = (w) => {
-      i.pageSize = w, L();
+    const G = (b) => {
+      i.current = b, L();
+    }, te = (b) => {
+      i.pageSize = b, L();
     };
-    function M(w, D, B, I, F) {
-      switch (w) {
-        case ne.Link:
-          o.push({ name: B, params: { workflowId: F } });
+    function oe(b, D, B, se, H) {
+      switch (b) {
+        case ee.Link:
+          o.push({ name: B, params: { workflowId: H } });
           break;
         default:
-          console.warn("Unknown action type:", w);
+          console.warn("Unknown action type:", b);
       }
     }
-    function X(w, D, B) {
-      switch (w) {
-        case ne.Submit:
-          Mt(D, { filters: [{ key: "approverList", value: R(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+    function w(b, D, B) {
+      switch (b) {
+        case ee.Submit:
+          $t(D, { filters: [{ key: "approverList", value: k(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
-        case ne.Link:
+        case ee.Link:
           o.push({ name: B });
           break;
         default:
-          console.warn("Unknown action type:", w);
+          console.warn("Unknown action type:", b);
       }
     }
-    function R() {
+    function k() {
       return a()?.userInfo?.email_address ?? "";
     }
-    function A(w, D) {
-      return typeof w != "string" || w.indexOf("{currentUserEmail}") === -1 ? w : w.replace(/{currentUserEmail}/g, D);
+    function T(b, D) {
+      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, D);
     }
-    function k(w) {
-      const D = c.value?.tabs?.find((B) => B.key === w)?.filters;
+    function V(b) {
+      const D = c.value?.tabs?.find((B) => B.key === b)?.filters;
       i.filters = D?.map((B) => ({
         ...B,
-        value: A(B.value, R())
+        value: T(B.value, k())
       })) || [], i.current = 1, L();
     }
-    const C = _({}), H = _([]);
-    function O(w) {
-      if (!w) return [];
-      H.value = Object.entries(w).filter(([, D]) => D.isFiltered).map(([D, B]) => ({ fieldKey: D, 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 E = () => {
-      const w = {};
-      H.value.forEach(({ fieldKey: D, fieldConfig: B }) => {
-        w[D] = {}, w[D].value = B.modelValue, w[D].operator = B.operator;
-      }), C.value = w;
-    }, 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 && E(), G();
+    }, le = () => {
+      c.value && R(), E();
     };
-    function de(w, D) {
-      return !(w.location !== "InTable" || w.title === "Update" && (D.status === 100 || D.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: m, _data: g, _columns: b, loadingPage: p, loadingTable: y, actions: f, loadData: L, mounted: Y, pageChangeHandler: J, pageSizeChangeHandler: h, clickHandler: M, createHandler: X, getApproverEmail: R, replaceEmail: A, tabHandler: k, searchForm: C, searchableFields: H, mapSearchableFields: O, initSearchForm: E, 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 = x("a-space"), c = x("a-col"), i = x("a-button"), r = x("a-row"), u = x("a-card"), m = x("a-tab-pane"), g = x("a-tabs"), b = x("a-table");
-  return d(), S("div", Do, [
-    P(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"]),
-    P(u, null, {
-      default: v(() => [
-        V("div", No, [
-          n[0] || (n[0] = V("h3", null, "Search Conditions", -1)),
-          P(s, { size: "medium" }, {
-            default: v(() => [
-              (d(!0), S(j, null, K(e.actions, (p) => (d(), S(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(), U(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
           })
         ]),
-        P(r, { gutter: [24, 20] }, {
-          default: v(() => [
-            (d(!0), S(j, null, K(e.searchableFields, (p) => (d(), U(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(() => [
-                P(e.DataWidgets, {
-                  name: p.fieldKey,
-                  config: p.fieldConfig,
-                  modelValue: e.searchForm[p.fieldKey].value,
-                  "onUpdate:modelValue": (y) => e.searchForm[p.fieldKey].value = y,
+              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)),
-            P(c, {
+            N(c, {
               span: 6,
               class: "search-col form-buttons"
             }, {
-              default: v(() => [
-                P(s, { size: "medium" }, {
-                  default: v(() => [
-                    P(i, {
+              default: _(() => [
+                N(s, { size: "medium" }, {
+                  default: _(() => [
+                    N(i, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: v(() => n[1] || (n[1] = [
-                        Q(" Search ", -1)
+                      default: _(() => n[1] || (n[1] = [
+                        J(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
                     }),
-                    P(i, {
+                    N(i, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: v(() => n[2] || (n[2] = [
-                        Q(" Reset ", -1)
+                      default: _(() => n[2] || (n[2] = [
+                        J(" Reset ", -1)
                       ])),
                       _: 1,
                       __: [2]
@@ -1975,19 +2040,19 @@ function Ho(t, n, a, e, o, l) {
       ]),
       _: 1
     }),
-    P(g, {
+    N(m, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
-      default: v(() => [
-        (d(!0), S(j, null, K(e.pageData?.tabs, (p) => (d(), U(m, {
-          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
     }),
-    P(b, {
+    N(y, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2006,18 +2071,18 @@ function Ho(t, n, a, e, o, l) {
       onPageChange: e.pageChangeHandler,
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
-      optional: v(({ record: p }) => [
-        P(s, { size: "small" }, {
-          default: v(() => [
-            (d(!0), S(j, null, K(e.actions, (y) => (d(), S(j, {
-              key: y.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(y, p) ? (d(), U(e.ActionButton, {
+              e.judgeHiddenActions(h, v) ? (d(), P(e.ActionButton, {
                 key: 0,
-                config: y,
+                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
@@ -2027,12 +2092,12 @@ function Ho(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const Lo = /* @__PURE__ */ Z(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", Lo);
+    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