@chase-shao/vue-component-lib 1.2.74 → 1.2.76

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { ref as v, getCurrentInstance as fe, defineComponent as G, mergeModels as se, useModel as be, resolveComponent as k, createBlock as I, openBlock as u, onMounted as ce, computed as X, withCtx as _, createElementBlock as h, Fragment as R, renderList as $, createVNode as T, nextTick as ot, createTextVNode as W, useTemplateRef as Pe, createElementVNode as C, createCommentVNode as ae, toDisplayString as J, resolveDynamicComponent as He, renderSlot as le, inject as pe, reactive as Le, normalizeStyle as at, normalizeClass as rt, onActivated as st } from "vue";
+import { ref as _, getCurrentInstance as pe, defineComponent as G, mergeModels as ie, useModel as ye, resolveComponent as S, createBlock as U, openBlock as d, onMounted as de, computed as ee, withCtx as v, createElementBlock as C, Fragment as j, renderList as E, createVNode as P, nextTick as ot, createTextVNode as X, useTemplateRef as Ne, createElementVNode as V, createCommentVNode as se, toDisplayString as Z, resolveDynamicComponent as He, renderSlot as ce, 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: v(void 0)
+  token: _(void 0)
 })), ft = async (t) => new Promise((n) => setTimeout(n, t)), pt = async (t, n, a, e = void 0) => {
   if (t[n] === void 0)
     try {
@@ -15,25 +15,25 @@ const ut = lt("main", () => ({
   for (; t[n] === null; )
     await ft(100);
   return t[n];
-}, ve = (t) => {
+}, be = (t) => {
   const n = `0${t}`;
   return n.substring(n.length - 2);
-}, we = (t, n = "yyyy-MM-dd hh:mm:ss") => {
+}, he = (t, n = "yyyy-MM-dd hh:mm:ss") => {
   if (!t || typeof t == "string" && t.length === 0)
     return "";
   try {
     const a = new Date(t), e = [
       ["yyyy", a.getFullYear()],
       ["yy", a.getFullYear().toString().substring(2)],
-      ["MM", ve(a.getMonth() + 1)],
+      ["MM", be(a.getMonth() + 1)],
       ["M", a.getMonth() + 1],
-      ["dd", ve(a.getDate())],
+      ["dd", be(a.getDate())],
       ["d", a.getDate()],
-      ["hh", ve(a.getHours())],
+      ["hh", be(a.getHours())],
       ["h", a.getHours()],
-      ["mm", ve(a.getMinutes())],
+      ["mm", be(a.getMinutes())],
       ["m", a.getMinutes()],
-      ["ss", ve(a.getSeconds())],
+      ["ss", be(a.getSeconds())],
       ["s", a.getSeconds()]
     ];
     for (const [o, l] of e)
@@ -48,16 +48,16 @@ const ut = lt("main", () => ({
   const e = document.createElement("a"), o = window.URL.createObjectURL(a);
   e.href = o, e.download = n, e.click(), window.URL.revokeObjectURL(o);
 };
-let Ne = {};
+let De = {};
 function gt(t) {
-  Ne = { ...Ne, ...t };
+  De = { ...De, ...t };
 }
-function Be() {
-  return Ne;
+function Re() {
+  return De;
 }
-const _t = fe();
+const _t = pe();
 function Ge() {
-  const t = Be();
+  const t = Re();
   return {
     apiBase: t.apiBase || void 0 || "",
     appSecret: t.appSecret || void 0 || ""
@@ -97,7 +97,7 @@ const qe = async () => {
       e.token = void 0;
     }, (o.data?.expireSeconds ?? 3600) * 1e3), o?.data?.token;
   });
-}, E = async () => {
+}, $ = async () => {
   const t = await qe(), n = We();
   return n.defaults.headers.common.Authorization = `Bearer ${t}`, n;
 }, Ie = {
@@ -123,17 +123,17 @@ function wt() {
   }
   return Te(yt);
 }
-const ht = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), $e = { randomUUID: ht };
+const ht = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ee = { randomUUID: ht };
 function Ye(t, n, a) {
-  if ($e.randomUUID && !t)
-    return $e.randomUUID();
+  if (Ee.randomUUID && !t)
+    return Ee.randomUUID();
   t = t || {};
   const e = t.random ?? t.rng?.() ?? wt();
   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);
 }
-var ee = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t))(ee || {}), ue = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t))(ue || {});
+var te = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t))(te || {}), 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) {
   const e = {
     pageType: "",
@@ -171,13 +171,13 @@ function kt(t, n, a) {
         redirectUrl: o.redirectUrl,
         redirectType: o.redirectType,
         title: o.title,
-        widget: o.widget === "Link" ? ee.Link : ee.Submit,
+        widget: o.widget === "Link" ? te.Link : te.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 : Fe(o.subTitle, t.workflowId.propertyValue));
+    } else o.attributeType === "Banner" && (e.banner.title = o.title, e.banner.subTitle = n === 0 ? o.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;
@@ -213,12 +213,12 @@ function kt(t, n, a) {
     }), e.fields[o] = s;
   }), e;
 }
-const he = async (t, n, a, e) => {
-  const l = await (await E()).get(`/General/${n}/${t}/page`, { params: e });
+const ke = async (t, n, a, e) => {
+  const l = await (await $()).get(`/General/${n}/${t}/page`, { params: e });
   return kt(l?.data, t, a);
-}, Je = async (t, n, a) => (await (await E()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
+}, Je = async (t, n, a) => (await (await $()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
 async function Ct(t, n) {
-  const e = await (await E()).post(`/General/${t}/list`, n);
+  const e = await (await $()).post(`/General/${t}/list`, n);
   return {
     data: e.data.data,
     totalCount: e.data.totalCount
@@ -238,17 +238,17 @@ async function Ct(t, n) {
   };
 }
 async function St(t, n, a) {
-  return (await (await E()).post(a, n, {
+  return (await (await $()).post(a, n, {
     params: {
       className: t
     }
   })).data;
 }
 async function xt(t, n, a, e) {
-  const o = await E(), l = Fe(e, n);
+  const o = await $(), l = Be(e, n);
   return (await o.put(l, a))?.data;
 }
-function Fe(t, n) {
+function Be(t, n) {
   return t.replace(/{WorkflowId}/g, n);
 }
 function Vt(t, n) {
@@ -266,20 +266,20 @@ function Tt(t, n) {
 function Ut(t, n) {
   return t.replace(/{ClassName}/g, encodeURIComponent(n));
 }
-async function Dt(t, n, a, e, o, l, s, c) {
-  const i = await E();
-  let r = Fe(l, n);
+async function Pt(t, n, a, e, o, l, s, c) {
+  const i = await $();
+  let r = Be(l, n);
   return r = Vt(r, a), r = At(r, e), r = It(r, s), r = Tt(r, c), r = Ut(r, t), (await i.put(r, o))?.data;
 }
-async function Nt(t, n) {
-  const o = (await (await E()).get(t, { params: { value: n } }))?.data;
+async function Dt(t, n) {
+  const o = (await (await $()).get(t, { params: { value: n } }))?.data;
   return Object.entries(o).map(([l, s]) => ({
     value: l,
     label: s
   }));
 }
-async function Pt(t, n) {
-  return (await (await E()).get(`/General/${t}/${n}/process`))?.data;
+async function Nt(t, n) {
+  return (await (await $()).get(`/General/${t}/${n}/process`))?.data;
 }
 function Ht(t) {
   return {
@@ -289,45 +289,45 @@ function Ht(t) {
   };
 }
 async function Xe(t, n) {
-  return (await (await E()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
+  return (await (await $()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
     const { category: c } = s;
     return l[c] || (l[c] = []), l[c].push(Ht(s)), l;
   }, {});
 }
 async function Lt(t, n) {
-  return (await E()).post(`/General/${t}/${n}/delete/attachment`);
+  return (await $()).post(`/General/${t}/${n}/delete/attachment`);
 }
-async function Bt() {
-  const n = await (await E()).get("/Grading/dropdown/approvers");
+async function Rt() {
+  const n = await (await $()).get("/Grading/dropdown/approvers");
   return Object.entries(n?.data).map(([a, e]) => ({
     label: a,
     value: e
   }));
 }
-async function Ft(t, n) {
-  return await (await E()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
+async function Bt(t, n) {
+  return await (await $()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
 }
-async function Rt(t, n, a) {
-  return await (await E()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
+async function Ft(t, n, a) {
+  return await (await $()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
-async function Ee(t) {
-  return (await (await E()).get(`Grading/GetComments/${t}`))?.data;
+async function $e(t) {
+  return (await (await $()).get(`Grading/GetComments/${t}`))?.data;
 }
 async function Ue(t) {
-  return (await (await E()).get(`Grading/GetAssociator/${t}`))?.data;
+  return (await (await $()).get(`Grading/GetAssociator/${t}`))?.data;
 }
 async function jt(t) {
-  return await (await E()).delete(`Grading/DeleteAssociator/${t}`);
+  return await (await $()).delete(`Grading/DeleteAssociator/${t}`);
 }
 async function Mt(t, n = null) {
-  const e = await (await E()).post(t, n, {
+  const e = await (await $()).post(t, n, {
     responseType: "blob"
   });
   mt(e?.data, "WorkflowData.xlsx");
 }
-const me = (t, n) => {
+const ge = (t, n) => {
   let a = "";
   return { res: t.every((o) => {
     const l = Ot(o, n);
@@ -335,13 +335,13 @@ const me = (t, n) => {
   }), errorMessages: a };
 }, Ot = (t, n) => {
   const { ruleName: a, ruleParameter: e } = t;
-  return $t[a](e, n);
-}, $t = {
+  return Et[a](e, n);
+}, Et = {
   Regex: (t, n) => new RegExp(t).test(n),
   Required: (t, n) => !!n
-}, Et = /* @__PURE__ */ G({
+}, $t = /* @__PURE__ */ G({
   __name: "InputText",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ ie({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -352,34 +352,34 @@ const me = (t, n) => {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = be(t, "modelValue"), s = (f) => me(e.validations, f), c = (f) => {
-      o("input", f);
-    }, i = (f) => {
-      const m = s(f);
+    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, f);
+        g.event === "change" && o(g.event, g.handlerName, u);
       });
     };
     n({
       validate() {
-        const f = s(e.modelValue);
-        return o("error", f.res ? "" : f.errorMessages), f.res;
+        const u = s(e.modelValue);
+        return o("error", u.res ? "" : u.errorMessages), u.res;
       }
     });
     const r = { props: e, emits: o, model: l, validate: s, inputHandler: c, changeHandler: i };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
-}), q = (t, n) => {
+}), Q = (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 = k("AInput");
-  return u(), I(s, {
+  const s = S("AInput");
+  return d(), U(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     "allow-clear": "",
@@ -388,9 +388,9 @@ function Kt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled"]);
 }
-const Ke = /* @__PURE__ */ q(Et, [["render", Kt], ["__file", "InputText.vue"]]), zt = /* @__PURE__ */ G({
+const Ke = /* @__PURE__ */ Q($t, [["render", Kt], ["__file", "InputText.vue"]]), zt = /* @__PURE__ */ G({
   __name: "InputNumber",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ ie({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -401,17 +401,17 @@ const Ke = /* @__PURE__ */ q(Et, [["render", Kt], ["__file", "InputText.vue"]]),
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = be(t, "modelValue"), s = v(100), c = v(1);
-    ce(() => {
+    const e = t, o = a, l = ye(t, "modelValue"), s = _(100), c = _(1);
+    de(() => {
       e.validations && e.validations.forEach((g) => {
         g.ruleName === "Max" && (s.value = g.ruleParameter), g.ruleName === "Min" && (c.value = g.ruleParameter);
       });
     });
-    const i = (g) => me(e.validations, g), r = (g) => {
+    const i = (g) => ge(e.validations, g), r = (g) => {
       o("input", g);
-    }, f = (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);
@@ -423,13 +423,13 @@ const Ke = /* @__PURE__ */ q(Et, [["render", Kt], ["__file", "InputText.vue"]]),
         return o("error", g.res ? "" : g.errorMessages), g.res;
       }
     });
-    const m = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: f };
+    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;
   }
 });
 function Gt(t, n, a, e, o, l) {
-  const s = k("AInputNumber");
-  return u(), I(s, {
+  const s = S("AInputNumber");
+  return d(), U(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     clearable: "",
@@ -439,9 +439,9 @@ function Gt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "min"]);
 }
-const Wt = /* @__PURE__ */ q(zt, [["render", Gt], ["__file", "InputNumber.vue"]]), qt = /* @__PURE__ */ G({
+const Wt = /* @__PURE__ */ Q(zt, [["render", Gt], ["__file", "InputNumber.vue"]]), qt = /* @__PURE__ */ G({
   __name: "SelectList",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ ie({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -452,26 +452,26 @@ const Wt = /* @__PURE__ */ q(zt, [["render", Gt], ["__file", "InputNumber.vue"]]
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["update:modelValue", "change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ie(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = v(!1), s = v(e.config.options ?? []), c = be(t, "modelValue"), i = (b) => me(e.validations, b), r = X(() => {
+    const e = t, o = a, l = _(!1), s = _(e.config.options ?? []), c = ye(t, "modelValue"), i = (b) => ge(e.validations, b), r = ee(() => {
       const b = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        b[p.event] = (S) => {
-          o(p.event, p.handlerName, S);
-          const d = i(S);
-          o("error", d.res ? "" : d.errorMessages);
+        b[p.event] = (y) => {
+          o(p.event, p.handlerName, y);
+          const f = i(y);
+          o("error", f.res ? "" : f.errorMessages);
         };
       }), b;
-    }), f = async () => {
-      e.config.dataSourceProvider && (s.value = await Nt(e.config.dataSourceProvider));
+    }), u = async () => {
+      e.config.dataSourceProvider && (s.value = await Dt(e.config.dataSourceProvider));
     };
-    ce(f);
+    de(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((S) => {
-        S.event === "change" && o(S.event, S.handlerName, 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);
       });
     };
     n({
@@ -480,13 +480,13 @@ const Wt = /* @__PURE__ */ q(zt, [["render", Gt], ["__file", "InputNumber.vue"]]
         return o("error", b.res ? "" : b.errorMessages), b.res;
       }
     });
-    const g = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: f, changeHandler: m };
+    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;
   }
 });
 function Yt(t, n, a, e, o, l) {
-  const s = k("AOption"), c = k("ASelect");
-  return u(), I(c, {
+  const s = S("AOption"), c = S("ASelect");
+  return d(), U(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: _(() => [
-      (u(!0), h(R, null, $(e._options, (i) => (u(), I(s, {
+    default: v(() => [
+      (d(!0), C(j, null, E(e._options, (i) => (d(), U(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__ */ q(qt, [["render", Yt], ["__file", "SelectList.vue"]]), Jt = /* @__PURE__ */ G({
+const ze = /* @__PURE__ */ Q(qt, [["render", Yt], ["__file", "SelectList.vue"]]), Jt = /* @__PURE__ */ G({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -514,14 +514,14 @@ const ze = /* @__PURE__ */ q(qt, [["render", Yt], ["__file", "SelectList.vue"]])
   },
   emits: ["update:modelValue", "change"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = v(e.config.options ?? []), s = (r) => {
+    const e = t, o = a, l = _(e.config.options ?? []), s = (r) => {
       o("update:modelValue", r), o("change", r);
     };
-    ce(async () => {
+    de(async () => {
       if (e.config) {
         const r = e.config.dataSourceProvider;
         if (r) {
-          const m = await (await E()).get(r);
+          const m = await (await $()).get(r);
           l.value = m.data;
         }
       }
@@ -537,13 +537,13 @@ const ze = /* @__PURE__ */ q(qt, [["render", Yt], ["__file", "SelectList.vue"]])
   }
 });
 function Xt(t, n, a, e, o, l) {
-  const s = k("ACascader"), c = k("ASpace");
-  return u(), I(c, {
+  const s = S("ACascader"), c = S("ASpace");
+  return d(), U(c, {
     direction: "vertical",
     size: "large"
   }, {
-    default: _(() => [
-      T(s, {
+    default: v(() => [
+      P(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__ */ q(Jt, [["render", Xt], ["__file", "Cascader.vue"]]), Zt = /* @__PURE__ */ G({
+const Qt = /* @__PURE__ */ Q(Jt, [["render", Xt], ["__file", "Cascader.vue"]]), Zt = /* @__PURE__ */ G({
   __name: "FileUpload",
   props: {
     className: {},
@@ -568,59 +568,66 @@ const Qt = /* @__PURE__ */ q(Jt, [["render", Xt], ["__file", "Cascader.vue"]]),
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = v({});
-    ce(async () => {
-      const d = await qe();
+    const e = t, o = a, l = _({});
+    de(async () => {
+      const h = await qe();
       l.value = {
-        Authorization: `Bearer ${d}`
+        Authorization: `Bearer ${h}`
       };
     });
-    const s = (d) => me(e.validations, d), c = Be(), i = c.apiBase, r = v(null), f = v("");
-    function m(d, U, j) {
-      return d.replace(/{WorkflowId}/g, U).replace(/{ClassName}/g, j);
+    const s = (h) => ge(e.validations, h), c = Re(), i = c.apiBase, r = _(null), u = _("");
+    function m(h, K, Y) {
+      return h.replace(/{WorkflowId}/g, K).replace(/{ClassName}/g, Y);
     }
-    const g = X(() => {
+    const g = ee(() => {
       if (e.config.uploadURL) {
-        const d = i + e.config.uploadURL;
-        return m(d, f.value, e.className);
+        const h = i + e.config.uploadURL;
+        return m(h, u.value, e.className);
       }
       return "";
-    }), b = (d) => {
-      d.stopPropagation(), r.value.submit();
+    }), b = (h) => {
+      h.stopPropagation(), r.value.submit();
     };
-    function p(d) {
-      const { file: U, name: j } = d, Y = j ?? U.name;
-      return new Promise((Q, ne) => {
+    function p(h) {
+      const { file: K, name: Y } = h, F = Y ?? K.name;
+      return new Promise((A, x) => {
         ct.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${Y}?`,
+          content: `Are you sure you want to delete ${F}?`,
           async onOk() {
-            if (d.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(d.uid), Q(!0);
-            Q(!0);
+            if (h.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(h.uid), A(!0);
+            A(!0);
           },
-          onCancel: () => ne("cancel")
+          onCancel: () => x("cancel")
         });
       });
     }
+    const y = _(null), f = _(null), L = (h) => {
+      y.value && (y.value(h), y.value = null, f.value = null);
+    }, W = (h) => {
+      f.value && (f.value(h), y.value = null, f.value = null);
+    };
     n({
-      submit(d) {
-        r.value && (e.config.uploadURL && (f.value = d), ot(() => {
-          r.value.submit();
-        }));
+      submit(h) {
+        return new Promise((K, Y) => {
+          r.value ? (e.config.uploadURL && (u.value = h), y.value = K, f.value = Y, ot(() => {
+            r.value?.submit();
+          })) : K(h);
+        });
       },
       validate() {
-        const d = s(e.modelValue);
-        return o("error", d.res ? "" : d.errorMessages), d.res;
+        const h = s(e.modelValue);
+        return o("error", h.res ? "" : h.errorMessages), h.res;
       }
     });
-    const S = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: f, replaceIdAndClassName: m, action: g, submit: b, onBeforeRemove: p };
-    return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
+    const q = { 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: W };
+    return Object.defineProperty(q, "__isScriptSetup", { enumerable: !1, value: !0 }), q;
   }
 });
 function en(t, n, a, e, o, l) {
-  const s = k("a-button"), c = k("a-upload");
-  return u(), I(c, {
+  const s = S("a-button"), c = S("a-upload");
+  return d(), U(c, {
     ref: "uploadRef",
     "default-file-list": e.props.config.files,
     action: e.action,
@@ -628,13 +635,15 @@ function en(t, n, a, e, o, l) {
     "auto-upload": !1,
     name: "files",
     headers: e.headers,
-    onBeforeRemove: e.onBeforeRemove
+    onBeforeRemove: e.onBeforeRemove,
+    onSuccess: e.handleUploadSuccess,
+    onError: e.handleUploadError
   }, {
-    "start-icon": _(() => n[0] || (n[0] = [])),
-    "upload-button": _(() => [
-      T(s, { type: "primary" }, {
-        default: _(() => n[1] || (n[1] = [
-          W("Select File", -1)
+    "start-icon": v(() => n[0] || (n[0] = [])),
+    "upload-button": v(() => [
+      P(s, { type: "primary" }, {
+        default: v(() => n[1] || (n[1] = [
+          X("Select File", -1)
         ])),
         _: 1,
         __: [1]
@@ -643,7 +652,7 @@ function en(t, n, a, e, o, l) {
     _: 1
   }, 8, ["default-file-list", "action", "limit", "headers"]);
 }
-const tn = /* @__PURE__ */ q(Zt, [["render", en], ["__file", "FileUpload.vue"]]), nn = /* @__PURE__ */ G({
+const tn = /* @__PURE__ */ Q(Zt, [["render", en], ["__file", "FileUpload.vue"]]), nn = /* @__PURE__ */ G({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -655,12 +664,12 @@ const tn = /* @__PURE__ */ q(Zt, [["render", en], ["__file", "FileUpload.vue"]])
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = (r) => me(e.validations, r), s = (r) => {
+    const e = t, o = a, l = (r) => ge(e.validations, r), s = (r) => {
       o("update:modelValue", r), o("input", r);
     }, c = (r) => {
       o("update:modelValue", r);
-      const f = l(r);
-      o("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
+      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);
       });
     };
@@ -675,8 +684,8 @@ const tn = /* @__PURE__ */ q(Zt, [["render", en], ["__file", "FileUpload.vue"]])
   }
 });
 function on(t, n, a, e, o, l) {
-  const s = k("ATextarea");
-  return u(), I(s, {
+  const s = S("ATextarea");
+  return d(), U(s, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
@@ -685,9 +694,9 @@ function on(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled"]);
 }
-const an = /* @__PURE__ */ q(nn, [["render", on], ["__file", "TextArea.vue"]]), rn = /* @__PURE__ */ G({
+const an = /* @__PURE__ */ Q(nn, [["render", on], ["__file", "TextArea.vue"]]), rn = /* @__PURE__ */ G({
   __name: "CheckBox",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ ie({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -698,11 +707,11 @@ const an = /* @__PURE__ */ q(nn, [["render", on], ["__file", "TextArea.vue"]]),
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = be(t, "modelValue"), s = (r) => me(e.validations, r), c = (r) => {
-      const f = s(r);
-      o("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
+    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);
       });
     };
@@ -717,24 +726,24 @@ const an = /* @__PURE__ */ q(nn, [["render", on], ["__file", "TextArea.vue"]]),
   }
 });
 function sn(t, n, a, e, o, l) {
-  const s = k("ACheckbox");
-  return u(), I(s, {
+  const s = S("ACheckbox");
+  return d(), U(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: _(() => n[1] || (n[1] = [
-      W("Yes", -1)
+    default: v(() => n[1] || (n[1] = [
+      X("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const ln = /* @__PURE__ */ q(rn, [["render", sn], ["__file", "CheckBox.vue"]]), cn = /* @__PURE__ */ G({
+const ln = /* @__PURE__ */ Q(rn, [["render", sn], ["__file", "CheckBox.vue"]]), cn = /* @__PURE__ */ G({
   __name: "index",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ ie({
     config: {},
     className: {},
     fieldKey: {},
@@ -746,9 +755,9 @@ const ln = /* @__PURE__ */ q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["update:modelValue", "change", "error"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = be(t, "modelValue"), s = Pe("widgetRef"), c = X(() => {
+    const e = t, o = a, l = ye(t, "modelValue"), s = Ne("widgetRef"), c = ee(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return Ke;
@@ -769,9 +778,9 @@ const ln = /* @__PURE__ */ q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
         default:
           return Ke;
       }
-    }), i = v(""), r = (b) => {
+    }), i = _(""), r = (b) => {
       i.value = b;
-    }, f = (b, p) => {
+    }, u = (b, p) => {
       o("change", b, p);
     };
     function m() {
@@ -782,7 +791,7 @@ const ln = /* @__PURE__ */ q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
         return e.config?.widget?.widget === "File";
       },
       submit(b) {
-        m() && s.value.submit(b);
+        return m() ? s.value.submit(b) : Promise.resolve(b);
       },
       validate() {
         return s.value?.validate();
@@ -791,7 +800,7 @@ const ln = /* @__PURE__ */ q(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: f, isFileUpload: m };
+    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;
   }
 }), dn = { class: "title" }, un = {
@@ -802,13 +811,13 @@ const ln = /* @__PURE__ */ q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
   class: "err-msg"
 };
 function pn(t, n, a, e, o, l) {
-  return u(), h("div", null, [
-    C("div", dn, [
-      W(J(e.props?.config?.widget?.title) + " ", 1),
-      e.props.config.validations.length ? (u(), h("span", un, "*")) : ae("", !0)
+  return d(), C("div", null, [
+    V("div", dn, [
+      X(Z(e.props?.config?.widget?.title) + " ", 1),
+      e.props.config.validations.length ? (d(), C("span", un, "*")) : se("", !0)
     ]),
-    C("div", null, [
-      (u(), I(He(e.curComp), {
+    V("div", null, [
+      (d(), U(He(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.model = s),
@@ -820,11 +829,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 ? (u(), h("div", fn, J(e.errMsg), 1)) : ae("", !0)
+      e.errMsg.length > 0 ? (d(), C("div", fn, Z(e.errMsg), 1)) : se("", !0)
     ])
   ]);
 }
-const Re = /* @__PURE__ */ q(cn, [["render", pn], ["__scopeId", "data-v-1022c8cb"], ["__file", "index.vue"]]), mn = /* @__PURE__ */ G({
+const Fe = /* @__PURE__ */ Q(cn, [["render", pn], ["__scopeId", "data-v-4bc9e33b"], ["__file", "index.vue"]]), mn = /* @__PURE__ */ G({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -843,19 +852,19 @@ const Re = /* @__PURE__ */ q(cn, [["render", pn], ["__scopeId", "data-v-1022c8cb
   }
 });
 function gn(t, n, a, e, o, l) {
-  const s = k("AButton");
-  return u(), I(s, {
+  const s = S("AButton");
+  return d(), U(s, {
     loading: a.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
-    default: _(() => [
-      le(t.$slots, "default")
+    default: v(() => [
+      ce(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const _n = /* @__PURE__ */ q(mn, [["render", gn], ["__file", "SubmitButton.vue"]]), vn = /* @__PURE__ */ G({
+const _n = /* @__PURE__ */ Q(mn, [["render", gn], ["__file", "SubmitButton.vue"]]), vn = /* @__PURE__ */ G({
   __name: "DetailLink",
   props: {
     url: {},
@@ -874,15 +883,15 @@ const _n = /* @__PURE__ */ q(mn, [["render", gn], ["__file", "SubmitButton.vue"]
   }
 });
 function bn(t, n, a, e, o, l) {
-  const s = k("ALink");
-  return u(), I(s, { onClick: e.clickHandler }, {
-    default: _(() => [
-      le(t.$slots, "default")
+  const s = S("ALink");
+  return d(), U(s, { onClick: e.clickHandler }, {
+    default: v(() => [
+      ce(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const yn = /* @__PURE__ */ q(vn, [["render", bn], ["__file", "DetailLink.vue"]]), wn = /* @__PURE__ */ G({
+const yn = /* @__PURE__ */ Q(vn, [["render", bn], ["__file", "DetailLink.vue"]]), wn = /* @__PURE__ */ G({
   __name: "index",
   props: {
     config: {},
@@ -892,10 +901,10 @@ const yn = /* @__PURE__ */ q(vn, [["render", bn], ["__file", "DetailLink.vue"]])
   setup(t, { expose: n, emit: a }) {
     n();
     const e = t, o = a;
-    function l(f, m) {
-      o("click", e.config.widget, f, m, e.config.title);
+    function l(u, m) {
+      o("click", e.config.widget, u, m, e.config.title);
     }
-    const s = X(() => {
+    const s = ee(() => {
       switch (e.config.location) {
         case "InOperation":
           return _n;
@@ -903,39 +912,39 @@ const yn = /* @__PURE__ */ q(vn, [["render", bn], ["__file", "DetailLink.vue"]])
         default:
           return yn;
       }
-    }), c = X(() => e.config.widget === ee.Submit ? e.config.requestUrl ?? "" : e.config.widget === ee.Link ? e.config.redirectUrl ?? "" : ""), i = X(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
+    }), c = ee(() => e.config.widget === te.Submit ? e.config.requestUrl ?? "" : e.config.widget === te.Link ? e.config.redirectUrl ?? "" : ""), i = ee(() => 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 u(), I(He(e.curComp), {
+  return d(), U(He(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: a.loading,
     onClick: e.clickHandler
   }, {
-    default: _(() => [
-      W(J(e.props.config.title), 1)
+    default: v(() => [
+      X(Z(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const ke = /* @__PURE__ */ q(wn, [["render", hn], ["__file", "index.vue"]]), Qe = Symbol("library-router");
-function Ce() {
-  const t = pe(Qe, null);
+const Ce = /* @__PURE__ */ Q(wn, [["render", hn], ["__file", "index.vue"]]), Qe = Symbol("library-router");
+function Se() {
+  const t = me(Qe, null);
   return t || dt();
 }
 const Ze = Symbol("library-triggers");
 function je() {
-  const t = pe(Ze, null);
+  const t = me(Ze, null);
   return t || {};
 }
 const kn = Symbol("library-pinia"), et = Symbol("library-bpmStore"), tt = Symbol("library-svrStore");
-function Se() {
-  return pe(et, null);
-}
 function xe() {
-  return pe(tt, null);
+  return me(et, null);
+}
+function Ve() {
+  return me(tt, null);
 }
 const Cn = /* @__PURE__ */ G({
   __name: "TopBar",
@@ -951,25 +960,25 @@ const Cn = /* @__PURE__ */ G({
   }
 }), 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 = k("a-avatar"), c = k("a-popover");
-  return u(), h("div", Sn, [
-    C("div", xn, [
-      C("div", Vn, J(a.title), 1),
-      C("div", An, J(a.subTitle), 1)
+  const s = S("a-avatar"), c = S("a-popover");
+  return d(), C("div", Sn, [
+    V("div", xn, [
+      V("div", Vn, Z(a.title), 1),
+      V("div", An, Z(a.subTitle), 1)
     ]),
-    C("div", In, [
-      T(c, { trigger: "click" }, {
-        content: _(() => [
-          C("div", Tn, J(a.email), 1)
+    V("div", In, [
+      P(c, { trigger: "click" }, {
+        content: v(() => [
+          V("div", Tn, Z(a.email), 1)
         ]),
-        default: _(() => [
-          T(s, {
+        default: v(() => [
+          P(s, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
-            default: _(() => [
-              W(J(a.email.charAt(0).toUpperCase()), 1)
+            default: v(() => [
+              X(Z(a.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -979,9 +988,9 @@ function Un(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ve = /* @__PURE__ */ q(Cn, [["render", Un], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+const Ae = /* @__PURE__ */ Q(Cn, [["render", Un], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
 function Me(t) {
-  const n = Be(), a = [];
+  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);
@@ -991,14 +1000,14 @@ function Me(t) {
     return o.length && a.push({ name: "Previous Grading (if applicable)", fields: o }), a;
   }
 }
-const Dn = /* @__PURE__ */ G({
+const Pn = /* @__PURE__ */ G({
   __name: "CreateView",
   props: {
     className: {}
   },
   setup(t, { expose: n }) {
     n();
-    const a = Se(), e = xe(), o = Ce(), l = je(), s = Pe("dataWidgets"), c = fe(), i = t, r = v({
+    const a = xe(), e = Ve(), o = Se(), l = je(), s = Ne("dataWidgets"), c = pe(), i = t, r = _({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1006,103 +1015,103 @@ const Dn = /* @__PURE__ */ G({
         title: "",
         subTitle: ""
       }
-    }), f = v([]), m = v({});
-    function g(D) {
-      return D ? Object.entries(D).map(([w, H]) => ({
-        fieldKey: w,
+    }), u = _([]), m = _({});
+    function g(A) {
+      return A ? Object.entries(A).map(([k, H]) => ({
+        fieldKey: k,
         ...H
-      })).filter((w) => w.widget && w.widget.widget !== "Hidden").filter((w) => !Q.value.includes(w.fieldKey)) : [];
+      })).filter((k) => k.widget && k.widget.widget !== "Hidden").filter((k) => !h.value.includes(k.fieldKey)) : [];
     }
-    function b(D) {
-      return D ? Object.entries(D).filter(([w, H]) => H.dependent).reduce((w, [H, M]) => (w[H] = M.dependent, w), {}) : [];
+    function b(A) {
+      return A ? Object.entries(A).filter(([k, H]) => H.dependent).reduce((k, [H, M]) => (k[H] = M.dependent, k), {}) : [];
     }
-    const p = X(() => r.value?.actions ? [...r.value.actions].reverse() : []), S = Le({}), d = v(!1);
-    ce(async () => {
-      d.value = !0, r.value = await he(ue.Create, i.className, {
+    const p = ee(() => r.value?.actions ? [...r.value.actions].reverse() : []), y = Le({}), f = _(!1);
+    de(async () => {
+      f.value = !0, r.value = await ke(fe.Create, i.className, {
         svrStore: e,
         bpmStore: a
-      }), f.value = g(r.value.fields), m.value = b(r.value.fields);
-      for (const D in r.value.fields) {
-        if (r.value.fields[D].widget?.widget === "File") {
-          const x = f.value.find((w) => w.fieldKey === D);
+      }), 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 x = u.value.find((k) => k.fieldKey === A);
           x && x.widget && (x.widget.files = []);
         }
-        S[D] = r.value.fields[D].modelValue;
+        y[A] = r.value.fields[A].modelValue;
       }
-      d.value = !1;
+      f.value = !1;
     });
-    function U() {
+    function L() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function j(D, x, w, H, M) {
+    async function W(A, x, k, H, M) {
       switch (x) {
-        case ee.Submit:
-          let K = !0;
-          if (s.value?.forEach((Z) => {
-            Z?.validate && (Z.validate() || (K = !1));
-          }), !K) {
+        case te.Submit:
+          let oe = !0;
+          if (s.value?.forEach((ae) => {
+            ae?.validate && (ae.validate() || (oe = !1));
+          }), !oe) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          d.value = !0;
-          const ie = await St(i.className, { ...S, ...m.value }, w);
-          d.value = !1, s.value?.forEach((Z) => {
-            Z?.submit && Z.submit(ie.toString());
-          }), c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${ie.toString()}.`), o.push({ name: "Details", params: { workflowId: ie.toString() } });
+          f.value = !0;
+          const J = await St(i.className, { ...y, ...m.value }, k);
+          f.value = !1;
+          const le = s.value?.map((ae) => ae?.submit ? ae.submit(J.toString()) : Promise.resolve()) || [];
+          await Promise.all(le), c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${J.toString()}.`), o.push({ name: "Details", params: { workflowId: J.toString() } });
           break;
-        case ee.Link:
+        case te.Link:
           try {
-            await l[D.eventName || ""]?.(S, Q), o.push({ name: H, params: { className: i.className } });
-          } catch (Z) {
-            console.error("Error in link action trigger:", Z);
+            await l[A.eventName || ""]?.(y, h), o.push({ name: H, params: { className: i.className } });
+          } catch (ae) {
+            console.error("Error in link action trigger:", ae);
           }
           break;
         default:
           console.warn("Unknown action type:", x);
       }
     }
-    const Y = [
+    const q = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], Q = v(Y);
-    function ne(D, x) {
-      l[D]?.(x, Q), r.value && (f.value = g(r.value.fields));
+    ], h = _(q);
+    function K(A, x) {
+      l[A]?.(x, h), r.value && (u.value = g(r.value.fields));
     }
-    const re = X(() => Me(f.value)), F = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: f, _dependent: m, genField: g, genDependentField: b, reversedActions: p, _data: S, loading: d, getApproverEmail: U, clickHandler: j, newHiddenFields: Y, hiddenFields: Q, changeHandler: ne, groupedFields: re, DataWidgets: Re, ActionButton: ke, TopBar: Ve };
+    const Y = ee(() => Me(u.value)), F = { 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: W, newHiddenFields: q, hiddenFields: h, changeHandler: K, groupedFields: Y, DataWidgets: Fe, ActionButton: Ce, TopBar: Ae };
     return Object.defineProperty(F, "__isScriptSetup", { enumerable: !1, value: !0 }), F;
   }
-}), Nn = { class: "page-container" }, Pn = { class: "page-body" }, Hn = { class: "form-card" }, Ln = { class: "form-fields-vertical" }, Bn = { class: "form-fields" }, Fn = {
+}), Dn = { class: "page-container" }, Nn = { class: "page-body" }, Hn = { class: "form-card" }, Ln = { class: "form-fields-vertical" }, Rn = { class: "form-fields" }, Bn = {
   key: 0,
   class: "form-content"
-}, Rn = { class: "page-footer" }, jn = { class: "action-container" }, Mn = { class: "action-buttons" };
+}, Fn = { class: "page-footer" }, jn = { class: "action-container" }, Mn = { class: "action-buttons" };
 function On(t, n, a, e, o, l) {
-  const s = k("a-card"), c = k("a-spin");
-  return u(), h("div", Nn, [
-    T(e.TopBar, {
+  const s = S("a-card"), c = S("a-spin");
+  return d(), C("div", Dn, [
+    P(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    C("div", Pn, [
-      T(c, {
+    V("div", Nn, [
+      P(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: _(() => [
-          C("div", Hn, [
-            C("div", Ln, [
-              (u(!0), h(R, null, $(e.groupedFields, (i) => (u(), I(s, {
+        default: v(() => [
+          V("div", Hn, [
+            V("div", Ln, [
+              (d(!0), C(j, null, E(e.groupedFields, (i) => (d(), U(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: _(() => [
-                  C("div", Bn, [
-                    (u(!0), h(R, null, $(i.fields, (r) => (u(), I(e.DataWidgets, {
+                default: v(() => [
+                  V("div", Rn, [
+                    (d(!0), C(j, null, E(i.fields, (r) => (d(), U(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1110,7 +1119,7 @@ function On(t, n, a, e, o, l) {
                       config: r,
                       "class-name": a.className,
                       modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (f) => e._data[r.fieldKey] = f,
+                      "onUpdate:modelValue": (u) => e._data[r.fieldKey] = u,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1119,19 +1128,19 @@ function On(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), h("div", Fn, [
-              le(t.$slots, "content", {}, void 0, !0)
-            ])) : ae("", !0)
+            t.$slots.content ? (d(), C("div", Bn, [
+              ce(t.$slots, "content", {}, void 0, !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    C("div", Rn, [
-      C("div", jn, [
-        le(t.$slots, "action", {}, void 0, !0),
-        C("div", Mn, [
-          (u(!0), h(R, null, $(e.reversedActions, (i) => (u(), I(e.ActionButton, {
+    V("div", Fn, [
+      V("div", jn, [
+        ce(t.$slots, "action", {}, void 0, !0),
+        V("div", Mn, [
+          (d(!0), C(j, null, E(e.reversedActions, (i) => (d(), U(e.ActionButton, {
             key: i.Title,
             loading: e.loading,
             config: i,
@@ -1143,7 +1152,7 @@ function On(t, n, a, e, o, l) {
     ])
   ]);
 }
-const $n = /* @__PURE__ */ q(Dn, [["render", On], ["__scopeId", "data-v-0943699d"], ["__file", "CreateView.vue"]]), En = /* @__PURE__ */ G({
+const En = /* @__PURE__ */ Q(Pn, [["render", On], ["__scopeId", "data-v-531a10e7"], ["__file", "CreateView.vue"]]), $n = /* @__PURE__ */ G({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1151,7 +1160,7 @@ const $n = /* @__PURE__ */ q(Dn, [["render", On], ["__scopeId", "data-v-0943699d
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ce(), e = je(), o = xe(), l = Se(), s = Pe("dataWidgets"), c = fe(), i = t, r = v({
+    const a = Se(), e = je(), o = Ve(), l = xe(), s = Ne("dataWidgets"), c = pe(), i = t, r = _({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1159,102 +1168,102 @@ const $n = /* @__PURE__ */ q(Dn, [["render", On], ["__scopeId", "data-v-0943699d
         title: "",
         subTitle: ""
       }
-    }), f = v([]), m = v({});
+    }), u = _([]), m = _({});
     function g(F) {
-      return F ? Object.entries(F).map(([x, w]) => ({
+      return F ? Object.entries(F).map(([x, k]) => ({
         fieldKey: x,
-        ...w
-      })).filter((x) => x.widget && x.widget.widget !== "Hidden").filter((x) => !Y.value.includes(x.fieldKey)) : [];
+        ...k
+      })).filter((x) => x.widget && x.widget.widget !== "Hidden").filter((x) => !q.value.includes(x.fieldKey)) : [];
     }
     function b(F) {
-      return F ? Object.entries(F).filter(([x, w]) => w.dependent).reduce((x, [w, H]) => (x[w] = H.dependent, x), {}) : [];
+      return F ? Object.entries(F).filter(([x, k]) => k.dependent).reduce((x, [k, H]) => (x[k] = H.dependent, x), {}) : [];
     }
-    const p = X(() => r.value?.actions ? [...r.value.actions].reverse() : []), S = Le({}), d = v(!1);
-    ce(async () => {
-      d.value = !0, r.value = await he(ue.Update, i.className, {
+    const p = ee(() => r.value?.actions ? [...r.value.actions].reverse() : []), y = Le({}), f = _(!1);
+    de(async () => {
+      f.value = !0, r.value = await ke(fe.Update, i.className, {
         svrStore: o,
         bpmStore: l
       }, {
         workflowId: i.workflowId
       });
-      const F = await Je(ue.Update, i.className, { workflowId: i.workflowId, email: U() }), D = await Xe(i.className, i.workflowId);
-      r.value.actions = r.value.actions?.filter((w) => {
-        const H = F.find((M) => M.button === w.title);
+      const F = 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((k) => {
+        const H = F.find((M) => M.button === k.title);
         return H ? H.isShow : !0;
       });
       const x = r.value.fields.requestType.modelValue;
-      e.Test?.(x, Y), f.value = g(r.value.fields), m.value = b(r.value.fields);
-      for (const w in r.value.fields) {
-        if (r.value.fields[w].widget?.widget === "File") {
-          const H = f.value.find((M) => M.fieldKey === w);
-          H && H.widget && (H.widget.files = D[w] ?? [], H.widget.removeFile = (M) => Lt(i.className, M));
+      e.Test?.(x, q), u.value = g(r.value.fields), m.value = b(r.value.fields);
+      for (const k in r.value.fields) {
+        if (r.value.fields[k].widget?.widget === "File") {
+          const H = u.value.find((M) => M.fieldKey === k);
+          H && H.widget && (H.widget.files = A[k] ?? [], H.widget.removeFile = (M) => Lt(i.className, M));
         }
-        S[w] = r.value.fields[w].modelValue;
+        y[k] = r.value.fields[k].modelValue;
       }
-      d.value = !1;
+      f.value = !1;
     });
-    function U() {
+    function L() {
       return o()?.userInfo?.email_address ?? "";
     }
-    async function j(F, D, x, w, H) {
-      switch (D) {
-        case ee.Submit:
+    async function W(F, A, x, k, H) {
+      switch (A) {
+        case te.Submit:
           let M = !0;
-          if (s.value?.forEach((K) => {
-            K?.validate && (K.validate() || (M = !1));
+          if (s.value?.forEach((J) => {
+            J?.validate && (J.validate() || (M = !1));
           }), !M) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          d.value = !0, await xt(i.className, i.workflowId, { ...S, ...m.value }, x), d.value = !1, s.value?.forEach((K) => {
-            K?.submit && K.submit(i.workflowId);
-          }), c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${i.workflowId}.`);
+          f.value = !0, await xt(i.className, i.workflowId, { ...y, ...m.value }, x), f.value = !1;
+          const oe = s.value?.map((J) => J?.submit ? J.submit(i.workflowId) : Promise.resolve()) || [];
+          await Promise.all(oe), c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${i.workflowId}.`);
           break;
-        case ee.Link:
+        case te.Link:
           try {
-            await e[F.eventName || ""]?.(S, Y), a.push({ name: w, params: { className: i.className } });
+            await e[F.eventName || ""]?.(y, q), a.push({ name: k, params: { className: i.className } });
           } catch {
           }
           break;
         default:
-          console.warn("Unknown action type:", D);
+          console.warn("Unknown action type:", A);
       }
     }
-    const Y = v([]);
-    function Q(F, D) {
-      e[F]?.(D, Y), r.value && (f.value = g(r.value.fields));
+    const q = _([]);
+    function h(F, A) {
+      e[F]?.(A, q), r.value && (u.value = g(r.value.fields));
     }
-    const ne = X(() => Me(f.value)), re = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: f, _dependent: m, genField: g, genDependentField: b, reversedActions: p, _data: S, loading: d, getApproverEmail: U, clickHandler: j, hiddenFields: Y, changeHandler: Q, groupedFields: ne, DataWidgets: Re, ActionButton: ke, TopBar: Ve };
-    return Object.defineProperty(re, "__isScriptSetup", { enumerable: !1, value: !0 }), re;
+    const K = ee(() => Me(u.value)), Y = { 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: W, hiddenFields: q, changeHandler: h, groupedFields: K, DataWidgets: Fe, ActionButton: Ce, TopBar: Ae };
+    return Object.defineProperty(Y, "__isScriptSetup", { enumerable: !1, value: !0 }), Y;
   }
 }), Kn = { class: "page-container" }, zn = { class: "page-body" }, Gn = { class: "form-card" }, Wn = { class: "form-fields-vertical" }, qn = { class: "form-fields" }, Yn = {
   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 = k("a-card"), c = k("a-spin");
-  return u(), h("div", Kn, [
-    T(e.TopBar, {
+  const s = S("a-card"), c = S("a-spin");
+  return d(), C("div", Kn, [
+    P(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    C("div", zn, [
-      T(c, {
+    V("div", zn, [
+      P(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: _(() => [
-          C("div", Gn, [
-            C("div", Wn, [
-              (u(!0), h(R, null, $(e.groupedFields, (i) => (u(), I(s, {
+        default: v(() => [
+          V("div", Gn, [
+            V("div", Wn, [
+              (d(!0), C(j, null, E(e.groupedFields, (i) => (d(), U(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: _(() => [
-                  C("div", qn, [
-                    (u(!0), h(R, null, $(i.fields, (r) => (u(), I(e.DataWidgets, {
+                default: v(() => [
+                  V("div", qn, [
+                    (d(!0), C(j, null, E(i.fields, (r) => (d(), U(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1262,7 +1271,7 @@ function Zn(t, n, a, e, o, l) {
                       config: r,
                       "class-name": a.className,
                       modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (f) => e._data[r.fieldKey] = f,
+                      "onUpdate:modelValue": (u) => e._data[r.fieldKey] = u,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1271,19 +1280,19 @@ function Zn(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), h("div", Yn, [
-              le(t.$slots, "content", {}, void 0, !0)
-            ])) : ae("", !0)
+            t.$slots.content ? (d(), C("div", Yn, [
+              ce(t.$slots, "content", {}, void 0, !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    C("div", Jn, [
-      C("div", Xn, [
-        le(t.$slots, "action", {}, void 0, !0),
-        C("div", Qn, [
-          (u(!0), h(R, null, $(e.reversedActions, (i) => (u(), I(e.ActionButton, {
+    V("div", Jn, [
+      V("div", Xn, [
+        ce(t.$slots, "action", {}, void 0, !0),
+        V("div", Qn, [
+          (d(!0), C(j, null, E(e.reversedActions, (i) => (d(), U(e.ActionButton, {
             key: i.Title,
             loading: e.loading,
             config: i,
@@ -1295,13 +1304,13 @@ function Zn(t, n, a, e, o, l) {
     ])
   ]);
 }
-const eo = /* @__PURE__ */ q(En, [["render", Zn], ["__scopeId", "data-v-4723e039"], ["__file", "UpdateView.vue"]]), nt = Symbol("library-custom-comp");
+const eo = /* @__PURE__ */ Q($n, [["render", Zn], ["__scopeId", "data-v-0195d20b"], ["__file", "UpdateView.vue"]]), nt = Symbol("library-custom-comp");
 function to() {
-  return pe(nt, null);
+  return me(nt, null);
 }
 const no = Symbol("ArcoConfigProvider"), oo = "arco", ao = "$arco", ro = (t) => {
   var n, a, e;
-  const o = fe(), l = pe(no, void 0);
+  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) {
@@ -1339,7 +1348,7 @@ const co = G({
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = ro("icon"), e = X(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = X(() => {
+    const a = ro("icon"), e = ee(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = ee(() => {
       const s = {};
       return t.size && (s.fontSize = io(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -1353,7 +1362,7 @@ const co = G({
   }
 }), uo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function fo(t, n, a, e, o, l) {
-  return u(), h("svg", {
+  return d(), C("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1365,15 +1374,15 @@ function fo(t, n, a, e, o, l) {
     "stroke-linejoin": t.strokeLinejoin,
     onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
   }, n[1] || (n[1] = [
-    C("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+    V("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, uo);
 }
-var De = /* @__PURE__ */ lo(co, [["render", fo]]);
-const po = Object.assign(De, {
+var Pe = /* @__PURE__ */ lo(co, [["render", fo]]);
+const po = Object.assign(Pe, {
   install: (t, n) => {
     var a;
     const e = (a = n?.iconPrefix) != null ? a : "";
-    t.component(e + De.name, De);
+    t.component(e + Pe.name, Pe);
   }
 }), mo = /* @__PURE__ */ G({
   __name: "DetailView",
@@ -1383,7 +1392,7 @@ const po = Object.assign(De, {
   },
   setup(t, { expose: n }) {
     n();
-    const a = xe(), e = Se(), o = je(), l = Ce(), s = to(), c = fe(), i = t, r = v({
+    const a = Ve(), e = xe(), o = je(), l = Se(), s = to(), c = pe(), i = t, r = _({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1391,18 +1400,18 @@ const po = Object.assign(De, {
         title: "",
         subTitle: ""
       }
-    }), f = v([]);
-    function m(V) {
-      return V ? Object.entries(V).map(([O, A]) => (typeof A.modelValue == "boolean" ? A.fieldValue = A.modelValue ? "Yes" : "No" : A.fieldValue = A.modelValue, {
+    }), u = _([]);
+    function m(I) {
+      return I ? Object.entries(I).map(([O, T]) => (typeof T.modelValue == "boolean" ? T.fieldValue = T.modelValue ? "Yes" : "No" : T.fieldValue = T.modelValue, {
         fieldKey: O,
-        ...A
-      })).filter((O) => O.widget && O.widget.widget !== "Hidden").filter((O) => !re.value.includes(O.fieldKey)) : [];
+        ...T
+      })).filter((O) => O.widget && O.widget.widget !== "Hidden").filter((O) => !Y.value.includes(O.fieldKey)) : [];
     }
-    const g = X(() => Me(f.value)), b = X(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = v(!0), S = (V, L) => {
-      const O = V.findIndex((A) => A.isCurrent);
-      return V.map((A, oe) => {
-        const P = {
-          id: A.id,
+    const g = ee(() => Me(u.value)), b = ee(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = _(!0), y = (I, R) => {
+      const O = I.findIndex((T) => T.isCurrent);
+      return I.map((T, re) => {
+        const N = {
+          id: T.id,
           title: "",
           proxy: "",
           sub: "",
@@ -1410,140 +1419,140 @@ const po = Object.assign(De, {
           status: 1,
           time: ""
         };
-        P.title = A.workflowProcessApprovers[0]?.name;
-        const ge = A.workflowProcessApprovers[A.workflowProcessApprovers.length - 1], ye = A.workflowHistorys[A.workflowHistorys.length - 1], _e = ye?.workflowHistoryApprovers[ye?.workflowHistoryApprovers?.length - 1];
-        if (ge && _e && ge?.email?.toLowerCase() !== _e?.approverEmail?.toLowerCase() && (P.title = `${_e.name}`, P.proxy = `Proxy: ${ge.name}`), A.sort > 1 ? P.sub = "Approver Role: " + A.nodeName.replace("Submit", "").replace("Approve", "") : P.sub = "Submit Application", A.isCurrent && L !== -1)
-          P.desc = "In Approval", P.status = 1;
+        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 && R !== -1)
+          N.desc = "In Approval", N.status = 1;
         else {
-          const te = A.workflowHistorys[A.workflowHistorys.length - 1];
-          if (te && te.status === 100)
-            P.time = we(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), P.status = 2, P.desc = "approve success!";
-          else if (te && te.status === 999)
-            P.time = we(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), P.status = 0, P.desc = "approve reject!";
-          else if (te)
-            if (P.time = we(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), A.sort === 1)
-              P.status = 2, P.desc = "";
+          const ne = T.workflowHistorys[T.workflowHistorys.length - 1];
+          if (ne && ne.status === 100)
+            N.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), N.status = 2, N.desc = "approve success!";
+          else if (ne && ne.status === 999)
+            N.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), N.status = 0, N.desc = "approve reject!";
+          else if (ne)
+            if (N.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), T.sort === 1)
+              N.status = 2, N.desc = "";
             else {
-              const Oe = te.workflowHistoryApprovers[0];
-              P.status = 3, P.desc = Oe?.reason ? `Rejected reason: ${Oe.reason}` : "Rejected";
+              const Oe = ne.workflowHistoryApprovers[0];
+              N.status = 3, N.desc = Oe?.reason ? `Rejected reason: ${Oe.reason}` : "Rejected";
             }
-          else oe < O || O === -1 ? (P.status = 0, P.desc = "Skipped") : (P.status = 0, P.desc = "Pending Approval");
-          te && te.status;
+          else re < O || O === -1 ? (N.status = 0, N.desc = "Skipped") : (N.status = 0, N.desc = "Pending Approval");
+          ne && ne.status;
         }
-        return P;
+        return N;
       });
-    }, d = v([]), U = v(!1), j = v(!1), Y = v(!1), Q = v(!1);
-    async function ne() {
-      const V = await Je(ue.Details, i.className, { workflowId: i.workflowId, email: x() });
-      r.value.actions = r.value.actions?.filter((L) => {
-        const O = V.find((A) => A.button === L.title);
+    }, f = _([]), L = _(!1), W = _(!1), q = _(!1), h = _(!1);
+    async function K() {
+      const I = await Je(fe.Details, i.className, { workflowId: i.workflowId, email: x() });
+      r.value.actions = r.value.actions?.filter((R) => {
+        const O = I.find((T) => T.button === R.title);
         return O ? O.isShow : !0;
-      }), U.value = V.find((L) => L.button === "IsGlobal")?.isShow ?? !1, j.value = V.find((L) => L.button === "AssignButton")?.isShow ?? !1, Y.value = V.find((L) => L.button === "AssignList")?.isShow ?? !1, Q.value = V.find((L) => L.button === "AddCommentsButton")?.isShow ?? !1;
+      }), L.value = I.find((R) => R.button === "IsGlobal")?.isShow ?? !1, W.value = I.find((R) => R.button === "AssignButton")?.isShow ?? !1, q.value = I.find((R) => R.button === "AssignList")?.isShow ?? !1, h.value = I.find((R) => R.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const re = v([]);
+    const Y = _([]);
     async function F() {
-      p.value = !0, r.value = await he(ue.Details, i.className, {
+      p.value = !0, r.value = await ke(fe.Details, i.className, {
         svrStore: a,
         bpmStore: e
       }, {
         workflowId: i.workflowId
       });
-      const V = await Xe(i.className, i.workflowId);
-      ie.value = await Bt(), M.value = await Ee(i.workflowId), Z.value = await Ue(i.workflowId), ne();
-      const L = r.value.fields.requestType.modelValue;
-      o.Test?.(L, re), f.value = m(r.value.fields);
-      for (const A in r.value.fields)
-        if (r.value.fields[A].widget?.widget === "File") {
-          const oe = f.value.find((P) => P.fieldKey === A);
-          oe && oe.widget && (oe.widget.files = V[A] ?? []);
+      const I = await Xe(i.className, i.workflowId);
+      J.value = await Rt(), M.value = await $e(i.workflowId), le.value = await Ue(i.workflowId), K();
+      const R = r.value.fields.requestType.modelValue;
+      o.Test?.(R, Y), 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 O = await Pt(i.className, i.workflowId);
-      d.value = S(O, 0), p.value = !1;
+      const O = await Nt(i.className, i.workflowId);
+      f.value = y(O, 0), p.value = !1;
     }
-    ce(F);
-    async function D(V, L) {
-      return o[V]?.(L);
+    de(F);
+    async function A(I, R) {
+      return o[I]?.(R);
     }
     function x() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function w(V, L, O, A, oe) {
+    async function k(I, R, O, T, re) {
       try {
-        switch (L) {
-          case ee.Submit:
-            const { reason: P, ifGlobal: ge } = await D(oe, { isGlobal: U.value });
+        switch (R) {
+          case te.Submit:
+            const { reason: N, ifGlobal: _e } = await A(re, { isGlobal: L.value });
             p.value = !0;
-            const ye = oe === "Approve" ? "100" : "-1";
-            await Dt(i.className, i.workflowId, x(), P, [Number(i.workflowId)], O, ye, ge), p.value = !1;
-            const _e = oe === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
-            c?.appContext.config.globalProperties.$notification.success(_e), F();
+            const we = re === "Approve" ? "100" : "-1";
+            await Pt(i.className, i.workflowId, x(), N, [Number(i.workflowId)], O, 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), F();
             break;
-          case ee.Link:
+          case te.Link:
             try {
-              await o[V.eventName || ""]?.(), l.push({ name: A, params: { className: i.className } });
-            } catch (te) {
-              console.error("Error in link action trigger:", te);
+              await o[I.eventName || ""]?.(), l.push({ name: T, params: { className: i.className } });
+            } catch (ne) {
+              console.error("Error in link action trigger:", ne);
             }
             break;
           default:
-            console.warn("Unknown action type:", L);
+            console.warn("Unknown action type:", R);
         }
       } catch {
       }
     }
-    const H = v(""), M = v([]), K = v(""), ie = v([]), Z = v([]);
-    async function Ae() {
-      if (!K.value) {
+    const H = _(""), M = _([]), oe = _(""), J = _([]), le = _([]);
+    async function ae() {
+      if (!oe.value) {
         c?.appContext.config.globalProperties.$message.error("Please select an approver");
         return;
       }
-      await de("Confirm Assign Approver", "Do you want to assign the selected approver?");
+      await ue("Confirm Assign Approver", "Do you want to assign the selected approver?");
       try {
-        await Ft(i.workflowId, K.value), Z.value = await Ue(i.workflowId), ne(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
-      } catch (V) {
-        if (V.status === 409) {
+        await Bt(i.workflowId, oe.value), le.value = await Ue(i.workflowId), K(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+      } catch (I) {
+        if (I.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 de(V, L) {
+    async function ue(I, R) {
       const { Modal: O } = await import("@arco-design/web-vue");
-      return new Promise((A, oe) => {
+      return new Promise((T, re) => {
         O.confirm({
-          title: V,
-          content: L,
+          title: I,
+          content: R,
           okText: "OK",
           cancelText: "Cancel",
-          onOk: () => A(!0),
-          onCancel: () => oe()
+          onOk: () => T(!0),
+          onCancel: () => re()
         });
       });
     }
-    async function y(V) {
+    async function w(I) {
       try {
-        await de("Confirm Delete Associator", "Do you want to delete this associator?");
+        await ue("Confirm Delete Associator", "Do you want to delete this associator?");
       } catch {
         return;
       }
       try {
-        await jt(String(V)), Z.value = await Ue(i.workflowId), c?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
+        await jt(String(I)), le.value = await Ue(i.workflowId), c?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
       } catch {
         c?.appContext.config.globalProperties.$notification.error("Failed to delete associator");
       }
     }
-    async function N() {
+    async function D() {
       if (!H.value.trim()) {
         c?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await Rt(i.workflowId, x(), H.value), H.value = "", M.value = await Ee(i.workflowId), c?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
+      await Ft(i.workflowId, x(), H.value), H.value = "", M.value = await $e(i.workflowId), 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: f, genField: m, groupedFields: g, reversedActions: b, loading: p, mapWorkflowSteps: S, steps: d, isGlobal: U, isShowAssignSelect: j, isShowAssignList: Y, isShowCommentTextArea: Q, reloadButtonList: ne, hiddenFields: re, load: F, triggerFn: D, getApproverEmail: x, clickHandler: w, comment: H, commentsHistory: M, selectedApprover: K, approvers: ie, associators: Z, onAssignApprover: Ae, confirmDialog: de, onDeleteAssociator: y, onAddComment: N, ActionButton: ke, get IconDownload() {
+    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: W, isShowAssignList: q, isShowCommentTextArea: h, reloadButtonList: K, hiddenFields: Y, load: F, triggerFn: A, getApproverEmail: x, clickHandler: k, comment: H, commentsHistory: M, selectedApprover: oe, approvers: J, associators: le, onAssignApprover: ae, confirmDialog: ue, onDeleteAssociator: w, onAddComment: D, ActionButton: Ce, get IconDownload() {
       return po;
-    }, TopBar: Ve, get formatDate() {
-      return we;
+    }, TopBar: Ae, get formatDate() {
+      return he;
     } };
     return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
   }
@@ -1558,183 +1567,183 @@ const po = Object.assign(De, {
   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 = k("a-link"), c = k("a-space"), i = k("a-card"), r = k("a-option"), f = k("a-select"), m = k("a-button"), g = k("a-list-item"), b = k("a-list"), p = k("a-textarea"), S = k("a-spin");
-  return u(), h("div", go, [
-    T(e.TopBar, {
+  const s = S("a-link"), c = S("a-space"), i = S("a-card"), r = S("a-option"), u = S("a-select"), m = S("a-button"), g = S("a-list-item"), b = S("a-list"), p = S("a-textarea"), y = S("a-spin");
+  return d(), C("div", go, [
+    P(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    C("div", _o, [
-      T(S, {
+    V("div", _o, [
+      P(y, {
         loading: e.loading,
         class: "detail-container"
       }, {
-        default: _(() => [
-          C("div", vo, [
-            (u(), I(He(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            C("div", bo, [
-              (u(!0), h(R, null, $(e.groupedFields, (d) => (u(), I(i, {
-                key: d.name,
-                title: d.name,
+        default: v(() => [
+          V("div", vo, [
+            (d(), U(He(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            V("div", bo, [
+              (d(!0), C(j, null, E(e.groupedFields, (f) => (d(), U(i, {
+                key: f.name,
+                title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: _(() => [
-                  C("div", yo, [
-                    (u(!0), h(R, null, $(d.fields, (U) => (u(), h("div", {
-                      key: U.fieldKey,
+                default: v(() => [
+                  V("div", yo, [
+                    (d(!0), C(j, null, E(f.fields, (L) => (d(), C("div", {
+                      key: L.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      C("div", wo, [
-                        C("div", ho, J(U.widget?.title), 1),
-                        U.widget?.widget === "File" ? (u(!0), h(R, { key: 0 }, $(U.widget.files, (j) => (u(), h("div", {
+                      V("div", wo, [
+                        V("div", ho, Z(L.widget?.title), 1),
+                        L.widget?.widget === "File" ? (d(!0), C(j, { key: 0 }, E(L.widget.files, (W) => (d(), C("div", {
                           class: "field-value",
-                          key: j.id
+                          key: W.id
                         }, [
-                          T(c, null, {
-                            default: _(() => [
-                              W(J(j.name) + " ", 1),
-                              T(s, {
-                                href: j.url,
+                          P(c, null, {
+                            default: v(() => [
+                              X(Z(W.name) + " ", 1),
+                              P(s, {
+                                href: W.url,
                                 target: "_blank"
                               }, {
-                                default: _(() => [
-                                  T(e.IconDownload, { style: { color: "#7A00E6" } })
+                                default: v(() => [
+                                  P(e.IconDownload, { style: { color: "#7A00E6" } })
                                 ]),
                                 _: 2
                               }, 1032, ["href"])
                             ]),
                             _: 2
                           }, 1024)
-                        ]))), 128)) : (u(), h("div", ko, J(U.fieldValue), 1))
+                        ]))), 128)) : (d(), C("div", ko, Z(L.fieldValue), 1))
                       ])
                     ]))), 128))
                   ])
                 ]),
                 _: 2
               }, 1032, ["title"]))), 128)),
-              e.isShowAssignSelect ? (u(), I(c, { key: 0 }, {
-                default: _(() => [
-                  T(f, {
+              e.isShowAssignSelect ? (d(), U(c, { key: 0 }, {
+                default: v(() => [
+                  P(u, {
                     modelValue: e.selectedApprover,
-                    "onUpdate:modelValue": n[0] || (n[0] = (d) => e.selectedApprover = d)
+                    "onUpdate:modelValue": n[0] || (n[0] = (f) => e.selectedApprover = f)
                   }, {
-                    default: _(() => [
-                      (u(!0), h(R, null, $(e.approvers, (d) => (u(), I(r, {
-                        key: d.value,
-                        value: d.value
+                    default: v(() => [
+                      (d(!0), C(j, null, E(e.approvers, (f) => (d(), U(r, {
+                        key: f.value,
+                        value: f.value
                       }, {
-                        default: _(() => [
-                          W(J(d.label), 1)
+                        default: v(() => [
+                          X(Z(f.label), 1)
                         ]),
                         _: 2
                       }, 1032, ["value"]))), 128))
                     ]),
                     _: 1
                   }, 8, ["modelValue"]),
-                  T(m, {
+                  P(m, {
                     type: "primary",
                     onClick: e.onAssignApprover
                   }, {
-                    default: _(() => n[2] || (n[2] = [
-                      W("Assign for comment", -1)
+                    default: v(() => n[2] || (n[2] = [
+                      X("Assign for comment", -1)
                     ])),
                     _: 1,
                     __: [2]
                   })
                 ]),
                 _: 1
-              })) : ae("", !0),
-              e.isShowAssignList ? (u(), I(b, { key: 1 }, {
-                header: _(() => n[3] || (n[3] = [
-                  W(" Associators ", -1)
+              })) : se("", !0),
+              e.isShowAssignList ? (d(), U(b, { key: 1 }, {
+                header: v(() => n[3] || (n[3] = [
+                  X(" Associators ", -1)
                 ])),
-                default: _(() => [
-                  (u(!0), h(R, null, $(e.associators, (d) => (u(), I(g, {
-                    key: d.id
+                default: v(() => [
+                  (d(!0), C(j, null, E(e.associators, (f) => (d(), U(g, {
+                    key: f.id
                   }, {
-                    actions: _(() => [
-                      T(m, {
+                    actions: v(() => [
+                      P(m, {
                         type: "text",
                         status: "danger",
-                        onClick: (U) => e.onDeleteAssociator(d.id)
+                        onClick: (L) => e.onDeleteAssociator(f.id)
                       }, {
-                        default: _(() => n[4] || (n[4] = [
-                          W(" Delete ", -1)
+                        default: v(() => n[4] || (n[4] = [
+                          X(" Delete ", -1)
                         ])),
                         _: 2,
                         __: [4]
                       }, 1032, ["onClick"])
                     ]),
-                    default: _(() => [
-                      W(" " + J(d.associator), 1)
+                    default: v(() => [
+                      X(" " + Z(f.associator), 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : ae("", !0),
-              e.isShowCommentTextArea ? (u(), h("div", Co, [
-                C("div", So, [
-                  n[6] || (n[6] = C("div", { class: "field-label" }, "Comment", -1)),
-                  T(p, {
+              })) : se("", !0),
+              e.isShowCommentTextArea ? (d(), C("div", Co, [
+                V("div", So, [
+                  n[6] || (n[6] = V("div", { class: "field-label" }, "Comment", -1)),
+                  P(p, {
                     modelValue: e.comment,
-                    "onUpdate:modelValue": n[1] || (n[1] = (d) => e.comment = d)
+                    "onUpdate:modelValue": n[1] || (n[1] = (f) => e.comment = f)
                   }, null, 8, ["modelValue"]),
-                  T(m, {
+                  P(m, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: _(() => n[5] || (n[5] = [
-                      W("Add Comment", -1)
+                    default: v(() => n[5] || (n[5] = [
+                      X("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
-              ])) : ae("", !0),
-              e.commentsHistory.length ? (u(), I(b, { key: 3 }, {
-                header: _(() => n[7] || (n[7] = [
-                  W(" Comments History ", -1)
+              ])) : se("", !0),
+              e.commentsHistory.length ? (d(), U(b, { key: 3 }, {
+                header: v(() => n[7] || (n[7] = [
+                  X(" Comments History ", -1)
                 ])),
-                default: _(() => [
-                  (u(!0), h(R, null, $(e.commentsHistory, (d) => (u(), I(g, {
-                    key: d.associator
+                default: v(() => [
+                  (d(!0), C(j, null, E(e.commentsHistory, (f) => (d(), U(g, {
+                    key: f.associator
                   }, {
-                    default: _(() => [
-                      W(J(d.associator) + ": " + J(d.comments) + " (" + J(e.formatDate(d.createdAt)) + ") ", 1)
+                    default: v(() => [
+                      X(Z(f.associator) + ": " + Z(f.comments) + " (" + Z(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : ae("", !0)
+              })) : se("", !0)
             ]),
-            t.$slots.content ? (u(), h("div", xo, [
-              le(t.$slots, "content", {}, void 0, !0)
-            ])) : ae("", !0)
+            t.$slots.content ? (d(), C("div", xo, [
+              ce(t.$slots, "content", {}, void 0, !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    C("div", Vo, [
-      C("div", Ao, [
-        le(t.$slots, "action", {}, void 0, !0),
-        C("div", Io, [
-          (u(!0), h(R, null, $(e.reversedActions, (d) => (u(), I(e.ActionButton, {
-            key: d.Title,
+    V("div", Vo, [
+      V("div", Ao, [
+        ce(t.$slots, "action", {}, void 0, !0),
+        V("div", Io, [
+          (d(!0), C(j, null, E(e.reversedActions, (f) => (d(), U(e.ActionButton, {
+            key: f.Title,
             loading: e.loading,
-            config: d,
+            config: f,
             class: "action-button",
-            onClick: (...U) => e.clickHandler(d, ...U)
+            onClick: (...L) => e.clickHandler(f, ...L)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const Uo = /* @__PURE__ */ q(mo, [["render", To], ["__scopeId", "data-v-07443410"], ["__file", "DetailView.vue"]]), Do = /* @__PURE__ */ G({
+const Uo = /* @__PURE__ */ Q(mo, [["render", To], ["__scopeId", "data-v-07443410"], ["__file", "DetailView.vue"]]), Po = /* @__PURE__ */ G({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -1742,7 +1751,7 @@ const Uo = /* @__PURE__ */ q(mo, [["render", To], ["__scopeId", "data-v-07443410
   },
   setup(t, { expose: n }) {
     n();
-    const a = xe(), e = Se(), o = Ce(), l = fe(), s = t, c = v(), i = Le({
+    const a = Ve(), e = xe(), o = Se(), l = pe(), s = t, c = _(), i = Le({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -1752,31 +1761,31 @@ const Uo = /* @__PURE__ */ q(mo, [["render", To], ["__scopeId", "data-v-07443410
       filters: []
     });
     function r() {
-      const y = Object.entries(w.value).filter(([, { value: N }]) => N && N !== "").map(([N, { value: B, operator: V }]) => ({
-        key: N,
+      const w = Object.entries(k.value).filter(([, { value: D }]) => D && D !== "").map(([D, { value: B, operator: I }]) => ({
+        key: D,
         value: B,
-        operator: V
+        operator: I
         // 根据实际需要调整操作符
       }));
       return {
         pageNumber: i.current,
         pageSize: i.pageSize,
-        filters: [...i.filters, ...y],
+        filters: [...i.filters, ...w],
         sorts: [{
           key: "workflowId",
-          type: 0
+          type: 1
         }]
       };
     }
-    const f = X(() => ({
+    const u = ee(() => ({
       x: b.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), m = (y) => {
-      const N = Object.entries(y).filter(([, B]) => B.widget?.column).map(([B, V], L) => ({
-        title: V.widget.title,
+    })), m = (w) => {
+      const D = Object.entries(w).filter(([, B]) => B.widget?.column).map(([B, I], R) => ({
+        title: I.widget.title,
         dataIndex: B.charAt(0).toLowerCase() + B.slice(1),
-        order: V.order,
+        order: I.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -1784,8 +1793,8 @@ const Uo = /* @__PURE__ */ q(mo, [["render", To], ["__scopeId", "data-v-07443410
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((B, V) => B.order - V.order);
-      N.push({
+      })).sort((B, I) => B.order - I.order);
+      D.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -1793,150 +1802,150 @@ const Uo = /* @__PURE__ */ q(mo, [["render", To], ["__scopeId", "data-v-07443410
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = N;
-    }, g = v([]), b = v([]), p = v(!0), S = v(!0), d = v(), U = async () => {
-      S.value = !0;
-      const y = await Ct(s.className, r());
-      g.value = y.data, i.total = y.totalCount, S.value = !1;
-    }, j = v(!1);
-    ce(async () => {
-      p.value = !0, c.value = await he(3, s.className, {
+      }), 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;
+    }, W = _(!1);
+    de(async () => {
+      p.value = !0, c.value = await ke(3, s.className, {
         svrStore: a,
         bpmStore: e
-      }), m(c.value.fields), M(c.value.fields), K(), x(c.value?.tabs?.[0]?.key || ""), d.value = c.value.actions, p.value = !1, j.value = !0;
+      }), m(c.value.fields), M(c.value.fields), oe(), x(c.value?.tabs?.[0]?.key || ""), f.value = c.value.actions, p.value = !1, W.value = !0;
     }), st(() => {
-      j.value && U();
+      W.value && L();
     });
-    const Y = (y) => {
-      i.current = y, U();
-    }, Q = (y) => {
-      i.pageSize = y, U();
+    const q = (w) => {
+      i.current = w, L();
+    }, h = (w) => {
+      i.pageSize = w, L();
     };
-    function ne(y, N, B, V, L) {
-      switch (y) {
-        case ee.Link:
-          o.push({ name: B, params: { workflowId: L } });
+    function K(w, D, B, I, R) {
+      switch (w) {
+        case te.Link:
+          o.push({ name: B, params: { workflowId: R } });
           break;
         default:
-          console.warn("Unknown action type:", y);
+          console.warn("Unknown action type:", w);
       }
     }
-    function re(y, N, B) {
-      switch (y) {
-        case ee.Submit:
-          Mt(N, { filters: [{ key: "approverList", value: F(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+    function Y(w, D, B) {
+      switch (w) {
+        case te.Submit:
+          Mt(D, { filters: [{ key: "approverList", value: F(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
-        case ee.Link:
+        case te.Link:
           o.push({ name: B });
           break;
         default:
-          console.warn("Unknown action type:", y);
+          console.warn("Unknown action type:", w);
       }
     }
     function F() {
       return a()?.userInfo?.email_address ?? "";
     }
-    function D(y, N) {
-      return typeof y != "string" || y.indexOf("{currentUserEmail}") === -1 ? y : y.replace(/{currentUserEmail}/g, N);
+    function A(w, D) {
+      return typeof w != "string" || w.indexOf("{currentUserEmail}") === -1 ? w : w.replace(/{currentUserEmail}/g, D);
     }
-    function x(y) {
-      const N = c.value?.tabs?.find((B) => B.key === y)?.filters;
-      i.filters = N?.map((B) => ({
+    function x(w) {
+      const D = c.value?.tabs?.find((B) => B.key === w)?.filters;
+      i.filters = D?.map((B) => ({
         ...B,
-        value: D(B.value, F())
-      })) || [], i.current = 1, U();
+        value: A(B.value, F())
+      })) || [], i.current = 1, L();
     }
-    const w = v({}), H = v([]);
-    function M(y) {
-      if (!y) return [];
-      H.value = Object.entries(y).filter(([, N]) => N.isFiltered).map(([N, B]) => ({ fieldKey: N, fieldConfig: B }));
+    const k = _({}), H = _([]);
+    function M(w) {
+      if (!w) return [];
+      H.value = Object.entries(w).filter(([, D]) => D.isFiltered).map(([D, B]) => ({ fieldKey: D, fieldConfig: B }));
     }
-    const K = () => {
-      const y = {};
-      H.value.forEach(({ fieldKey: N, fieldConfig: B }) => {
-        y[N] = {}, y[N].value = B.modelValue, y[N].operator = B.operator;
-      }), w.value = y;
-    }, ie = () => {
-      i.current = 1, U();
-    }, Z = () => {
-      c.value && K(), ie();
+    const oe = () => {
+      const w = {};
+      H.value.forEach(({ fieldKey: D, fieldConfig: B }) => {
+        w[D] = {}, w[D].value = B.modelValue, w[D].operator = B.operator;
+      }), k.value = w;
+    }, J = () => {
+      i.current = 1, L();
+    }, le = () => {
+      c.value && oe(), J();
     };
-    function Ae(y, N) {
-      return !(y.location !== "InTable" || y.title === "Update" && (N.status === 100 || N.status === -1));
+    function ae(w, D) {
+      return !(w.location !== "InTable" || w.title === "Update" && (D.status === 100 || D.status === -1));
     }
-    const de = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: f, mapColumns: m, _data: g, _columns: b, loadingPage: p, loadingTable: S, actions: d, loadData: U, mounted: j, pageChangeHandler: Y, pageSizeChangeHandler: Q, clickHandler: ne, createHandler: re, getApproverEmail: F, replaceEmail: D, tabHandler: x, searchForm: w, searchableFields: H, mapSearchableFields: M, initSearchForm: K, handleSearch: ie, handleReset: Z, judgeHiddenActions: Ae, ActionButton: ke, DataWidgets: Re, TopBar: Ve };
-    return Object.defineProperty(de, "__isScriptSetup", { enumerable: !1, value: !0 }), de;
+    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: W, pageChangeHandler: q, pageSizeChangeHandler: h, clickHandler: K, createHandler: Y, getApproverEmail: F, replaceEmail: A, tabHandler: x, searchForm: k, searchableFields: H, mapSearchableFields: M, initSearchForm: oe, handleSearch: J, handleReset: le, judgeHiddenActions: ae, ActionButton: Ce, DataWidgets: Fe, TopBar: Ae };
+    return Object.defineProperty(ue, "__isScriptSetup", { enumerable: !1, value: !0 }), ue;
   }
-}), No = { class: "list-container" }, Po = { class: "query-title" };
+}), Do = { class: "list-container" }, No = { class: "query-title" };
 function Ho(t, n, a, e, o, l) {
-  const s = k("a-space"), c = k("a-col"), i = k("a-button"), r = k("a-row"), f = k("a-card"), m = k("a-tab-pane"), g = k("a-tabs"), b = k("a-table");
-  return u(), h("div", No, [
-    T(e.TopBar, {
+  const s = S("a-space"), c = S("a-col"), i = S("a-button"), r = S("a-row"), u = S("a-card"), m = S("a-tab-pane"), g = S("a-tabs"), b = S("a-table");
+  return d(), C("div", Do, [
+    P(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    T(f, null, {
-      default: _(() => [
-        C("div", Po, [
-          n[0] || (n[0] = C("h3", null, "Search Conditions", -1)),
-          T(s, { size: "medium" }, {
-            default: _(() => [
-              (u(!0), h(R, null, $(e.actions, (p) => (u(), h(R, {
+    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), C(j, null, E(e.actions, (p) => (d(), C(j, {
                 key: p.title
               }, [
-                p.location === "InOperation" ? (u(), I(e.ActionButton, {
+                p.location === "InOperation" ? (d(), U(e.ActionButton, {
                   key: 0,
                   config: p,
                   onClick: e.createHandler
-                }, null, 8, ["config"])) : ae("", !0)
+                }, null, 8, ["config"])) : se("", !0)
               ], 64))), 128))
             ]),
             _: 1
           })
         ]),
-        T(r, { gutter: [24, 20] }, {
-          default: _(() => [
-            (u(!0), h(R, null, $(e.searchableFields, (p) => (u(), I(c, {
+        P(r, { gutter: [24, 20] }, {
+          default: v(() => [
+            (d(!0), C(j, null, E(e.searchableFields, (p) => (d(), U(c, {
               key: p.fieldKey,
               span: 6,
               class: "search-col"
             }, {
-              default: _(() => [
-                T(e.DataWidgets, {
+              default: v(() => [
+                P(e.DataWidgets, {
                   name: p.fieldKey,
                   config: p.fieldConfig,
                   modelValue: e.searchForm[p.fieldKey].value,
-                  "onUpdate:modelValue": (S) => e.searchForm[p.fieldKey].value = S,
+                  "onUpdate:modelValue": (y) => e.searchForm[p.fieldKey].value = y,
                   class: "form-field"
                 }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024))), 128)),
-            T(c, {
+            P(c, {
               span: 6,
               class: "search-col form-buttons"
             }, {
-              default: _(() => [
-                T(s, { size: "medium" }, {
-                  default: _(() => [
-                    T(i, {
+              default: v(() => [
+                P(s, { size: "medium" }, {
+                  default: v(() => [
+                    P(i, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: _(() => n[1] || (n[1] = [
-                        W(" Search ", -1)
+                      default: v(() => n[1] || (n[1] = [
+                        X(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
                     }),
-                    T(i, {
+                    P(i, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: _(() => n[2] || (n[2] = [
-                        W(" Reset ", -1)
+                      default: v(() => n[2] || (n[2] = [
+                        X(" Reset ", -1)
                       ])),
                       _: 1,
                       __: [2]
@@ -1953,19 +1962,19 @@ function Ho(t, n, a, e, o, l) {
       ]),
       _: 1
     }),
-    T(g, {
+    P(g, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
-      default: _(() => [
-        (u(!0), h(R, null, $(e.pageData?.tabs, (p) => (u(), I(m, {
+      default: v(() => [
+        (d(!0), C(j, null, E(e.pageData?.tabs, (p) => (d(), U(m, {
           key: p.key,
           title: p.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    T(b, {
+    P(b, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -1984,18 +1993,18 @@ function Ho(t, n, a, e, o, l) {
       onPageChange: e.pageChangeHandler,
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
-      optional: _(({ record: p }) => [
-        T(s, { size: "small" }, {
-          default: _(() => [
-            (u(!0), h(R, null, $(e.actions, (S) => (u(), h(R, {
-              key: S.title
+      optional: v(({ record: p }) => [
+        P(s, { size: "small" }, {
+          default: v(() => [
+            (d(!0), C(j, null, E(e.actions, (y) => (d(), C(j, {
+              key: y.title
             }, [
-              e.judgeHiddenActions(S, p) ? (u(), I(e.ActionButton, {
+              e.judgeHiddenActions(y, p) ? (d(), U(e.ActionButton, {
                 key: 0,
-                config: S,
+                config: y,
                 size: "small",
-                onClick: (...d) => e.clickHandler(...d, p.workflowId)
-              }, null, 8, ["config", "onClick"])) : ae("", !0)
+                onClick: (...f) => e.clickHandler(...f, p.workflowId)
+              }, null, 8, ["config", "onClick"])) : se("", !0)
             ], 64))), 128))
           ]),
           _: 2
@@ -2005,9 +2014,9 @@ function Ho(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const Lo = /* @__PURE__ */ q(Do, [["render", Ho], ["__scopeId", "data-v-e291e7ef"], ["__file", "ListView.vue"]]), Oo = {
+const Lo = /* @__PURE__ */ Q(Po, [["render", Ho], ["__scopeId", "data-v-a82f2228"], ["__file", "ListView.vue"]]), Oo = {
   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", $n), t.component("UpdateView", eo), t.component("DetailView", Uo), t.component("ListView", Lo);
+    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);
   }
 };
 export {