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

package/dist/index.es.js

@@ -1,10 +1,10 @@
-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 { ref as m, getCurrentInstance as pe, defineComponent as q, mergeModels as ie, useModel as ye, resolveComponent as S, createBlock as P, openBlock as d, onMounted as ce, computed as Z, withCtx as v, createElementBlock as C, Fragment as j, renderList as $, createVNode as D, nextTick as ot, createTextVNode as J, useTemplateRef as Ne, createElementVNode as A, createCommentVNode as se, toDisplayString as Q, resolveDynamicComponent as He, renderSlot as le, inject as me, reactive as Fe, normalizeStyle as at, normalizeClass as rt, onActivated as st } from "vue";
 import it from "axios";
 import { defineStore as lt } from "pinia";
 import { Modal as ct } from "@arco-design/web-vue";
 import { useRouter as dt } from "vue-router";
 const ut = lt("main", () => ({
-  token: _(void 0)
+  token: m(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 {
@@ -52,12 +52,12 @@ let De = {};
 function gt(t) {
   De = { ...De, ...t };
 }
-function Re() {
+function Le() {
   return De;
 }
 const _t = pe();
 function Ge() {
-  const t = Re();
+  const t = Le();
   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;
   });
-}, $ = async () => {
+}, K = async () => {
   const t = await qe(), n = We();
   return n.defaults.headers.common.Authorization = `Bearer ${t}`, n;
 }, Ie = {
@@ -107,11 +107,11 @@ const qe = async () => {
   ApproverEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (t) => t.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, z = [];
+}, W = [];
 for (let t = 0; t < 256; ++t)
-  z.push((t + 256).toString(16).slice(1));
+  W.push((t + 256).toString(16).slice(1));
 function bt(t, n = 0) {
-  return (z[t[n + 0]] + z[t[n + 1]] + z[t[n + 2]] + z[t[n + 3]] + "-" + z[t[n + 4]] + z[t[n + 5]] + "-" + z[t[n + 6]] + z[t[n + 7]] + "-" + z[t[n + 8]] + z[t[n + 9]] + "-" + z[t[n + 10]] + z[t[n + 11]] + z[t[n + 12]] + z[t[n + 13]] + z[t[n + 14]] + z[t[n + 15]]).toLowerCase();
+  return (W[t[n + 0]] + W[t[n + 1]] + W[t[n + 2]] + W[t[n + 3]] + "-" + W[t[n + 4]] + W[t[n + 5]] + "-" + W[t[n + 6]] + W[t[n + 7]] + "-" + W[t[n + 8]] + W[t[n + 9]] + "-" + W[t[n + 10]] + W[t[n + 11]] + W[t[n + 12]] + W[t[n + 13]] + W[t[n + 14]] + W[t[n + 15]]).toLowerCase();
 }
 let Te;
 const yt = new Uint8Array(16);
@@ -133,7 +133,7 @@ function Ye(t, n, a) {
     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 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 || {});
+var ee = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t))(ee || {}), fe = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t))(fe || {});
 function kt(t, n, a) {
   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" ? te.Link : te.Submit,
+        widget: o.widget === "Link" ? ee.Link : ee.Submit,
         location: o.location,
         attributeType: o.attributeType,
         readonly: o.readonly,
         eventName: o.eventName
       });
-    } else o.attributeType === "Banner" && (e.banner.title = o.title, e.banner.subTitle = n === 0 ? o.subTitle : Be(o.subTitle, t.workflowId.propertyValue));
+    } else o.attributeType === "Banner" && (e.banner.title = o.title, e.banner.subTitle = n === 0 ? o.subTitle : Re(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;
@@ -214,11 +214,11 @@ function kt(t, n, a) {
   }), e;
 }
 const ke = async (t, n, a, e) => {
-  const l = await (await $()).get(`/General/${n}/${t}/page`, { params: e });
+  const l = await (await K()).get(`/General/${n}/${t}/page`, { params: e });
   return kt(l?.data, t, a);
-}, Je = async (t, n, a) => (await (await $()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
+}, Je = async (t, n, a) => (await (await K()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
 async function Ct(t, n) {
-  const e = await (await $()).post(`/General/${t}/list`, n);
+  const e = await (await K()).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 $()).post(a, n, {
+  return (await (await K()).post(a, n, {
     params: {
       className: t
     }
   })).data;
 }
 async function xt(t, n, a, e) {
-  const o = await $(), l = Be(e, n);
+  const o = await K(), l = Re(e, n);
   return (await o.put(l, a))?.data;
 }
-function Be(t, n) {
+function Re(t, n) {
   return t.replace(/{WorkflowId}/g, n);
 }
 function Vt(t, n) {
@@ -267,19 +267,19 @@ function Ut(t, n) {
   return t.replace(/{ClassName}/g, encodeURIComponent(n));
 }
 async function Pt(t, n, a, e, o, l, s, c) {
-  const i = await $();
-  let r = Be(l, n);
+  const i = await K();
+  let r = Re(l, n);
   return r = Vt(r, a), r = At(r, e), r = It(r, s), r = Tt(r, c), r = Ut(r, t), (await i.put(r, o))?.data;
 }
 async function Dt(t, n) {
-  const o = (await (await $()).get(t, { params: { value: n } }))?.data;
+  const o = (await (await K()).get(t, { params: { value: n } }))?.data;
   return Object.entries(o).map(([l, s]) => ({
     value: l,
     label: s
   }));
 }
 async function Nt(t, n) {
-  return (await (await $()).get(`/General/${t}/${n}/process`))?.data;
+  return (await (await K()).get(`/General/${t}/${n}/process`))?.data;
 }
 function Ht(t) {
   return {
@@ -289,40 +289,40 @@ function Ht(t) {
   };
 }
 async function Xe(t, n) {
-  return (await (await $()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
+  return (await (await K()).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 $()).post(`/General/${t}/${n}/delete/attachment`);
+async function Ft(t, n) {
+  return (await K()).post(`/General/${t}/${n}/delete/attachment`);
 }
-async function Rt() {
-  const n = await (await $()).get("/Grading/dropdown/approvers");
+async function Lt() {
+  const n = await (await K()).get("/Grading/dropdown/approvers");
   return Object.entries(n?.data).map(([a, e]) => ({
     label: a,
     value: e
   }));
 }
-async function Bt(t, n) {
-  return await (await $()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
+async function Rt(t, n) {
+  return await (await K()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
 }
-async function Ft(t, n, a) {
-  return await (await $()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
+async function Bt(t, n, a) {
+  return await (await K()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
 async function $e(t) {
-  return (await (await $()).get(`Grading/GetComments/${t}`))?.data;
+  return (await (await K()).get(`Grading/GetComments/${t}`))?.data;
 }
 async function Ue(t) {
-  return (await (await $()).get(`Grading/GetAssociator/${t}`))?.data;
+  return (await (await K()).get(`Grading/GetAssociator/${t}`))?.data;
 }
 async function jt(t) {
-  return await (await $()).delete(`Grading/DeleteAssociator/${t}`);
+  return await (await K()).delete(`Grading/DeleteAssociator/${t}`);
 }
 async function Mt(t, n = null) {
-  const e = await (await $()).post(t, n, {
+  const e = await (await K()).post(t, n, {
     responseType: "blob"
   });
   mt(e?.data, "WorkflowData.xlsx");
@@ -339,7 +339,7 @@ const ge = (t, n) => {
 }, Et = {
   Regex: (t, n) => new RegExp(t).test(n),
   Required: (t, n) => !!n
-}, $t = /* @__PURE__ */ G({
+}, $t = /* @__PURE__ */ q({
   __name: "InputText",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -357,9 +357,9 @@ const ge = (t, n) => {
     const e = t, o = a, l = ye(t, "modelValue"), s = (u) => ge(e.validations, u), c = (u) => {
       o("input", u);
     }, i = (u) => {
-      const m = s(u);
-      o("error", m.res ? "" : m.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.handlerName, u);
+      const g = s(u);
+      o("error", g.res ? "" : g.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
+        _.event === "change" && o(_.event, _.handlerName, u);
       });
     };
     n({
@@ -371,7 +371,7 @@ const ge = (t, n) => {
     const r = { props: e, emits: o, model: l, validate: s, inputHandler: c, changeHandler: i };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
-}), Q = (t, n) => {
+}), X = (t, n) => {
   const a = t.__vccOpts || t;
   for (const [e, o] of n)
     a[e] = o;
@@ -379,7 +379,7 @@ const ge = (t, n) => {
 };
 function Kt(t, n, a, e, o, l) {
   const s = S("AInput");
-  return d(), U(s, {
+  return d(), P(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     "allow-clear": "",
@@ -388,7 +388,7 @@ function Kt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled"]);
 }
-const Ke = /* @__PURE__ */ Q($t, [["render", Kt], ["__file", "InputText.vue"]]), zt = /* @__PURE__ */ G({
+const Ke = /* @__PURE__ */ X($t, [["render", Kt], ["__file", "InputText.vue"]]), zt = /* @__PURE__ */ q({
   __name: "InputNumber",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -403,33 +403,33 @@ const Ke = /* @__PURE__ */ Q($t, [["render", Kt], ["__file", "InputText.vue"]]),
   }),
   emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = ye(t, "modelValue"), s = _(100), c = _(1);
-    de(() => {
-      e.validations && e.validations.forEach((g) => {
-        g.ruleName === "Max" && (s.value = g.ruleParameter), g.ruleName === "Min" && (c.value = g.ruleParameter);
+    const e = t, o = a, l = ye(t, "modelValue"), s = m(100), c = m(1);
+    ce(() => {
+      e.validations && e.validations.forEach((_) => {
+        _.ruleName === "Max" && (s.value = _.ruleParameter), _.ruleName === "Min" && (c.value = _.ruleParameter);
       });
     });
-    const i = (g) => ge(e.validations, g), r = (g) => {
-      o("input", g);
-    }, u = (g) => {
-      const b = i(g);
+    const i = (_) => ge(e.validations, _), r = (_) => {
+      o("input", _);
+    }, u = (_) => {
+      const b = i(_);
       o("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, g);
+        p.event === "change" && o(p.event, p.handlerName, _);
       });
     };
     n({
       validate() {
-        const g = i(e.modelValue);
-        return o("error", g.res ? "" : g.errorMessages), g.res;
+        const _ = i(e.modelValue);
+        return o("error", _.res ? "" : _.errorMessages), _.res;
       }
     });
-    const m = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: u };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+    const g = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: u };
+    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
   }
 });
 function Gt(t, n, a, e, o, l) {
   const s = S("AInputNumber");
-  return d(), U(s, {
+  return d(), P(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     clearable: "",
@@ -439,7 +439,7 @@ function Gt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "min"]);
 }
-const Wt = /* @__PURE__ */ Q(zt, [["render", Gt], ["__file", "InputNumber.vue"]]), qt = /* @__PURE__ */ G({
+const Wt = /* @__PURE__ */ X(zt, [["render", Gt], ["__file", "InputNumber.vue"]]), qt = /* @__PURE__ */ q({
   __name: "SelectList",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -454,24 +454,24 @@ const Wt = /* @__PURE__ */ Q(zt, [["render", Gt], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ie(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = _(!1), s = _(e.config.options ?? []), c = ye(t, "modelValue"), i = (b) => ge(e.validations, b), r = ee(() => {
+    const e = t, o = a, l = m(!1), s = m(e.config.options ?? []), c = ye(t, "modelValue"), i = (b) => ge(e.validations, b), r = Z(() => {
       const b = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        b[p.event] = (y) => {
-          o(p.event, p.handlerName, y);
-          const f = i(y);
+        b[p.event] = (w) => {
+          o(p.event, p.handlerName, w);
+          const f = i(w);
           o("error", f.res ? "" : f.errorMessages);
         };
       }), b;
     }), u = async () => {
       e.config.dataSourceProvider && (s.value = await Dt(e.config.dataSourceProvider));
     };
-    de(u);
-    const m = (b) => {
+    ce(u);
+    const g = (b) => {
       o("update:modelValue", b);
       const p = i(b);
-      o("error", p.res ? "" : p.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((y) => {
-        y.event === "change" && o(y.event, y.handlerName, b);
+      o("error", p.res ? "" : p.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((w) => {
+        w.event === "change" && o(w.event, w.handlerName, b);
       });
     };
     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: u, changeHandler: m };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+    const _ = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: u, changeHandler: g };
+    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
   }
 });
 function Yt(t, n, a, e, o, l) {
   const s = S("AOption"), c = S("ASelect");
-  return d(), U(c, {
+  return d(), P(c, {
     "allow-clear": "",
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (i) => e.model = i),
@@ -497,7 +497,7 @@ function Yt(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, {
     default: v(() => [
-      (d(!0), C(j, null, E(e._options, (i) => (d(), U(s, {
+      (d(!0), C(j, null, $(e._options, (i) => (d(), P(s, {
         key: i.value,
         value: i.value,
         label: i.label
@@ -506,7 +506,7 @@ function Yt(t, n, a, e, o, l) {
     _: 1
   }, 8, ["modelValue", "loading", "disabled"]);
 }
-const ze = /* @__PURE__ */ Q(qt, [["render", Yt], ["__file", "SelectList.vue"]]), Jt = /* @__PURE__ */ G({
+const ze = /* @__PURE__ */ X(qt, [["render", Yt], ["__file", "SelectList.vue"]]), Jt = /* @__PURE__ */ q({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -514,15 +514,15 @@ 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 = _(e.config.options ?? []), s = (r) => {
+    const e = t, o = a, l = m(e.config.options ?? []), s = (r) => {
       o("update:modelValue", r), o("change", r);
     };
-    de(async () => {
+    ce(async () => {
       if (e.config) {
         const r = e.config.dataSourceProvider;
         if (r) {
-          const m = await (await $()).get(r);
-          l.value = m.data;
+          const g = await (await K()).get(r);
+          l.value = g.data;
         }
       }
     });
@@ -538,12 +538,12 @@ const ze = /* @__PURE__ */ Q(qt, [["render", Yt], ["__file", "SelectList.vue"]])
 });
 function Xt(t, n, a, e, o, l) {
   const s = S("ACascader"), c = S("ASpace");
-  return d(), U(c, {
+  return d(), P(c, {
     direction: "vertical",
     size: "large"
   }, {
     default: v(() => [
-      P(s, {
+      D(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__ */ X(Jt, [["render", Xt], ["__file", "Cascader.vue"]]), Zt = /* @__PURE__ */ q({
   __name: "FileUpload",
   props: {
     className: {},
@@ -568,52 +568,54 @@ 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 = _({});
-    de(async () => {
+    const e = t, o = a, l = m({});
+    ce(async () => {
       const h = await qe();
       l.value = {
         Authorization: `Bearer ${h}`
       };
     });
-    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 s = (h) => ge(e.validations, h), c = Le(), i = c.apiBase, r = m(null), u = m("");
+    function g(h, I, x) {
+      return h.replace(/{WorkflowId}/g, I).replace(/{ClassName}/g, x);
     }
-    const g = ee(() => {
+    const _ = Z(() => {
       if (e.config.uploadURL) {
         const h = i + e.config.uploadURL;
-        return m(h, u.value, e.className);
+        return g(h, u.value, e.className);
       }
       return "";
     }), b = (h) => {
       h.stopPropagation(), r.value.submit();
     };
     function p(h) {
-      const { file: K, name: Y } = h, F = Y ?? K.name;
-      return new Promise((A, x) => {
+      const { file: I, name: x } = h, V = x ?? I.name;
+      return new Promise((y, N) => {
         ct.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${F}?`,
+          content: `Are you sure you want to delete ${V}?`,
           async onOk() {
             if (h.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(h.uid), A(!0);
-            A(!0);
+              return await e.config.removeFile(h.uid), y(!0);
+            y(!0);
           },
-          onCancel: () => x("cancel")
+          onCancel: () => N("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);
+    const w = m(null), f = m(null), L = (h) => {
+      w.value && (w.value(h), w.value = null, f.value = null);
+    }, Y = (h) => {
+      f.value && (f.value(h), w.value = null, f.value = null);
+    }, z = m([]), te = (h) => {
+      z.value = h.filter((I) => I.status === "init");
     };
     n({
       submit(h) {
-        return new Promise((K, Y) => {
-          r.value ? (e.config.uploadURL && (u.value = h), y.value = K, f.value = Y, ot(() => {
+        return new Promise((I, x) => {
+          r.value ? (e.config.uploadURL && (u.value = h), w.value = I, f.value = x, z.value.length ? ot(() => {
             r.value?.submit();
-          })) : K(h);
+          }) : I(h)) : I(h);
         });
       },
       validate() {
@@ -621,13 +623,13 @@ const Qt = /* @__PURE__ */ Q(Jt, [["render", Xt], ["__file", "Cascader.vue"]]),
         return o("error", h.res ? "" : h.errorMessages), h.res;
       }
     });
-    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;
+    const oe = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: g, action: _, submit: b, onBeforeRemove: p, uploadPromiseResolve: w, uploadPromiseReject: f, handleUploadSuccess: L, handleUploadError: Y, readyFiles: z, onChange: te };
+    return Object.defineProperty(oe, "__isScriptSetup", { enumerable: !1, value: !0 }), oe;
   }
 });
 function en(t, n, a, e, o, l) {
   const s = S("a-button"), c = S("a-upload");
-  return d(), U(c, {
+  return d(), P(c, {
     ref: "uploadRef",
     "default-file-list": e.props.config.files,
     action: e.action,
@@ -635,15 +637,16 @@ function en(t, n, a, e, o, l) {
     "auto-upload": !1,
     name: "files",
     headers: e.headers,
+    onChange: e.onChange,
     onBeforeRemove: e.onBeforeRemove,
     onSuccess: e.handleUploadSuccess,
     onError: e.handleUploadError
   }, {
     "start-icon": v(() => n[0] || (n[0] = [])),
     "upload-button": v(() => [
-      P(s, { type: "primary" }, {
+      D(s, { type: "primary" }, {
         default: v(() => n[1] || (n[1] = [
-          X("Select File", -1)
+          J("Select File", -1)
         ])),
         _: 1,
         __: [1]
@@ -652,7 +655,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__ */ X(Zt, [["render", en], ["__file", "FileUpload.vue"]]), nn = /* @__PURE__ */ q({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -669,8 +672,8 @@ const tn = /* @__PURE__ */ Q(Zt, [["render", en], ["__file", "FileUpload.vue"]])
     }, c = (r) => {
       o("update:modelValue", r);
       const u = l(r);
-      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
-        m.event === "change" && o(m.event, m.handlerName, r);
+      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
+        g.event === "change" && o(g.event, g.handlerName, r);
       });
     };
     n({
@@ -685,7 +688,7 @@ const tn = /* @__PURE__ */ Q(Zt, [["render", en], ["__file", "FileUpload.vue"]])
 });
 function on(t, n, a, e, o, l) {
   const s = S("ATextarea");
-  return d(), U(s, {
+  return d(), P(s, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
@@ -694,7 +697,7 @@ 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__ */ X(nn, [["render", on], ["__file", "TextArea.vue"]]), rn = /* @__PURE__ */ q({
   __name: "CheckBox",
   props: /* @__PURE__ */ ie({
     fieldKey: {},
@@ -711,8 +714,8 @@ const an = /* @__PURE__ */ Q(nn, [["render", on], ["__file", "TextArea.vue"]]),
   setup(t, { expose: n, emit: a }) {
     const e = t, o = a, l = ye(t, "modelValue"), s = (r) => ge(e.validations, r), c = (r) => {
       const u = s(r);
-      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
-        m.event === "change" && o(m.event, m.handlerName, r);
+      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
+        g.event === "change" && o(g.event, g.handlerName, r);
       });
     };
     n({
@@ -727,7 +730,7 @@ const an = /* @__PURE__ */ Q(nn, [["render", on], ["__file", "TextArea.vue"]]),
 });
 function sn(t, n, a, e, o, l) {
   const s = S("ACheckbox");
-  return d(), U(s, {
+  return d(), P(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     clearable: "",
@@ -735,13 +738,13 @@ function sn(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, {
     default: v(() => n[1] || (n[1] = [
-      X("Yes", -1)
+      J("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const ln = /* @__PURE__ */ Q(rn, [["render", sn], ["__file", "CheckBox.vue"]]), cn = /* @__PURE__ */ G({
+const ln = /* @__PURE__ */ X(rn, [["render", sn], ["__file", "CheckBox.vue"]]), cn = /* @__PURE__ */ q({
   __name: "index",
   props: /* @__PURE__ */ ie({
     config: {},
@@ -757,7 +760,7 @@ const ln = /* @__PURE__ */ Q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
   }),
   emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = ye(t, "modelValue"), s = Ne("widgetRef"), c = ee(() => {
+    const e = t, o = a, l = ye(t, "modelValue"), s = Ne("widgetRef"), c = Z(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return Ke;
@@ -778,12 +781,12 @@ const ln = /* @__PURE__ */ Q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
         default:
           return Ke;
       }
-    }), i = _(""), r = (b) => {
+    }), i = m(""), r = (b) => {
       i.value = b;
     }, u = (b, p) => {
       o("change", b, p);
     };
-    function m() {
+    function g() {
       return e.config?.widget?.widget === "File";
     }
     n({
@@ -791,7 +794,7 @@ const ln = /* @__PURE__ */ Q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
         return e.config?.widget?.widget === "File";
       },
       submit(b) {
-        return m() ? s.value.submit(b) : Promise.resolve(b);
+        return g() ? s.value.submit(b) : Promise.resolve(b);
       },
       validate() {
         return s.value?.validate();
@@ -800,8 +803,8 @@ 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: u, isFileUpload: m };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+    const _ = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: g };
+    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
   }
 }), dn = { class: "title" }, un = {
   key: 0,
@@ -812,12 +815,12 @@ const ln = /* @__PURE__ */ Q(rn, [["render", sn], ["__file", "CheckBox.vue"]]),
 };
 function pn(t, n, a, e, o, l) {
   return d(), C("div", null, [
-    V("div", dn, [
-      X(Z(e.props?.config?.widget?.title) + " ", 1),
+    A("div", dn, [
+      J(Q(e.props?.config?.widget?.title) + " ", 1),
       e.props.config.validations.length ? (d(), C("span", un, "*")) : se("", !0)
     ]),
-    V("div", null, [
-      (d(), U(He(e.curComp), {
+    A("div", null, [
+      (d(), P(He(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
         "onUpdate:modelValue": n[0] || (n[0] = (s) => e.model = s),
@@ -829,11 +832,11 @@ function pn(t, n, a, e, o, l) {
         onError: e.errHandler,
         onChange: e.changeHandler
       }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-      e.errMsg.length > 0 ? (d(), C("div", fn, Z(e.errMsg), 1)) : se("", !0)
+      e.errMsg.length > 0 ? (d(), C("div", fn, Q(e.errMsg), 1)) : se("", !0)
     ])
   ]);
 }
-const Fe = /* @__PURE__ */ Q(cn, [["render", pn], ["__scopeId", "data-v-4bc9e33b"], ["__file", "index.vue"]]), mn = /* @__PURE__ */ G({
+const Be = /* @__PURE__ */ X(cn, [["render", pn], ["__scopeId", "data-v-4bc9e33b"], ["__file", "index.vue"]]), mn = /* @__PURE__ */ q({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -853,18 +856,18 @@ const Fe = /* @__PURE__ */ Q(cn, [["render", pn], ["__scopeId", "data-v-4bc9e33b
 });
 function gn(t, n, a, e, o, l) {
   const s = S("AButton");
-  return d(), U(s, {
+  return d(), P(s, {
     loading: a.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
     default: v(() => [
-      ce(t.$slots, "default")
+      le(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const _n = /* @__PURE__ */ Q(mn, [["render", gn], ["__file", "SubmitButton.vue"]]), vn = /* @__PURE__ */ G({
+const _n = /* @__PURE__ */ X(mn, [["render", gn], ["__file", "SubmitButton.vue"]]), vn = /* @__PURE__ */ q({
   __name: "DetailLink",
   props: {
     url: {},
@@ -884,14 +887,14 @@ const _n = /* @__PURE__ */ Q(mn, [["render", gn], ["__file", "SubmitButton.vue"]
 });
 function bn(t, n, a, e, o, l) {
   const s = S("ALink");
-  return d(), U(s, { onClick: e.clickHandler }, {
+  return d(), P(s, { onClick: e.clickHandler }, {
     default: v(() => [
-      ce(t.$slots, "default")
+      le(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const yn = /* @__PURE__ */ Q(vn, [["render", bn], ["__file", "DetailLink.vue"]]), wn = /* @__PURE__ */ G({
+const yn = /* @__PURE__ */ X(vn, [["render", bn], ["__file", "DetailLink.vue"]]), wn = /* @__PURE__ */ q({
   __name: "index",
   props: {
     config: {},
@@ -901,10 +904,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(u, m) {
-      o("click", e.config.widget, u, m, e.config.title);
+    function l(u, g) {
+      o("click", e.config.widget, u, g, e.config.title);
     }
-    const s = ee(() => {
+    const s = Z(() => {
       switch (e.config.location) {
         case "InOperation":
           return _n;
@@ -912,24 +915,24 @@ const yn = /* @__PURE__ */ Q(vn, [["render", bn], ["__file", "DetailLink.vue"]])
         default:
           return yn;
       }
-    }), 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 };
+    }), c = Z(() => e.config.widget === ee.Submit ? e.config.requestUrl ?? "" : e.config.widget === ee.Link ? e.config.redirectUrl ?? "" : ""), i = Z(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
 function hn(t, n, a, e, o, l) {
-  return d(), U(He(e.curComp), {
+  return d(), P(He(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: a.loading,
     onClick: e.clickHandler
   }, {
     default: v(() => [
-      X(Z(e.props.config.title), 1)
+      J(Q(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Ce = /* @__PURE__ */ Q(wn, [["render", hn], ["__file", "index.vue"]]), Qe = Symbol("library-router");
+const Ce = /* @__PURE__ */ X(wn, [["render", hn], ["__file", "index.vue"]]), Qe = Symbol("library-router");
 function Se() {
   const t = me(Qe, null);
   return t || dt();
@@ -946,7 +949,7 @@ function xe() {
 function Ve() {
   return me(tt, null);
 }
-const Cn = /* @__PURE__ */ G({
+const Cn = /* @__PURE__ */ q({
   __name: "TopBar",
   props: {
     title: {},
@@ -962,23 +965,23 @@ const Cn = /* @__PURE__ */ G({
 function Un(t, n, a, e, o, l) {
   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)
+    A("div", xn, [
+      A("div", Vn, Q(a.title), 1),
+      A("div", An, Q(a.subTitle), 1)
     ]),
-    V("div", In, [
-      P(c, { trigger: "click" }, {
+    A("div", In, [
+      D(c, { trigger: "click" }, {
         content: v(() => [
-          V("div", Tn, Z(a.email), 1)
+          A("div", Tn, Q(a.email), 1)
         ]),
         default: v(() => [
-          P(s, {
+          D(s, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
             default: v(() => [
-              X(Z(a.email.charAt(0).toUpperCase()), 1)
+              J(Q(a.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -988,9 +991,9 @@ function Un(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ae = /* @__PURE__ */ Q(Cn, [["render", Un], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+const Ae = /* @__PURE__ */ X(Cn, [["render", Un], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
 function Me(t) {
-  const n = Re(), a = [];
+  const n = Le(), a = [];
   if (n.fieldsGroup) {
     n.fieldsGroup.forEach((l) => {
       const s = l.keys.map((c) => t.find((i) => i.fieldKey === c)).filter(Boolean);
@@ -1000,14 +1003,14 @@ function Me(t) {
     return o.length && a.push({ name: "Previous Grading (if applicable)", fields: o }), a;
   }
 }
-const Pn = /* @__PURE__ */ G({
+const Pn = /* @__PURE__ */ q({
   __name: "CreateView",
   props: {
     className: {}
   },
   setup(t, { expose: n }) {
     n();
-    const a = xe(), e = Ve(), o = Se(), l = je(), s = Ne("dataWidgets"), c = pe(), i = t, r = _({
+    const a = xe(), e = Ve(), o = Se(), l = je(), s = Ne("dataWidgets"), c = pe(), i = t, r = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1015,103 +1018,105 @@ const Pn = /* @__PURE__ */ G({
         title: "",
         subTitle: ""
       }
-    }), u = _([]), m = _({});
-    function g(A) {
-      return A ? Object.entries(A).map(([k, H]) => ({
-        fieldKey: k,
-        ...H
-      })).filter((k) => k.widget && k.widget.widget !== "Hidden").filter((k) => !h.value.includes(k.fieldKey)) : [];
+    }), u = m([]), g = m({});
+    function _(x) {
+      return x ? Object.entries(x).map(([y, N]) => ({
+        fieldKey: y,
+        ...N
+      })).filter((y) => y.widget && y.widget.widget !== "Hidden").filter((y) => !te.value.includes(y.fieldKey)) : [];
     }
-    function b(A) {
-      return A ? Object.entries(A).filter(([k, H]) => H.dependent).reduce((k, [H, M]) => (k[H] = M.dependent, k), {}) : [];
+    function b(x) {
+      return x ? Object.entries(x).filter(([y, N]) => N.dependent).reduce((y, [N, M]) => (y[N] = M.dependent, y), {}) : [];
     }
-    const p = ee(() => r.value?.actions ? [...r.value.actions].reverse() : []), y = Le({}), f = _(!1);
-    de(async () => {
+    const p = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), w = Fe({}), f = m(!1);
+    ce(async () => {
       f.value = !0, r.value = await ke(fe.Create, i.className, {
         svrStore: e,
         bpmStore: a
-      }), u.value = 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 = []);
+      }), u.value = _(r.value.fields), g.value = b(r.value.fields);
+      for (const x in r.value.fields) {
+        if (r.value.fields[x].widget?.widget === "File") {
+          const V = u.value.find((y) => y.fieldKey === x);
+          V && V.widget && (V.widget.files = []);
         }
-        y[A] = r.value.fields[A].modelValue;
+        w[x] = r.value.fields[x].modelValue;
       }
       f.value = !1;
     });
     function L() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function W(A, x, k, H, M) {
-      switch (x) {
-        case te.Submit:
-          let oe = !0;
-          if (s.value?.forEach((ae) => {
-            ae?.validate && (ae.validate() || (oe = !1));
-          }), !oe) {
+    async function Y(x, V, y, N, M) {
+      switch (V) {
+        case ee.Submit:
+          let O = !0;
+          if (s.value?.forEach((G) => {
+            G?.validate && (G.validate() || (O = !1));
+          }), !O) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
           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() } });
+          try {
+            const G = await St(i.className, { ...w, ...g.value }, y), ae = s.value?.map((de) => de?.submit ? de.submit(G.toString()) : Promise.resolve()) || [];
+            await Promise.all(ae), f.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${G.toString()}.`), o.push({ name: "Details", params: { workflowId: G.toString() } });
+          } catch {
+            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), f.value = !1;
+          }
           break;
-        case te.Link:
+        case ee.Link:
           try {
-            await l[A.eventName || ""]?.(y, h), o.push({ name: H, params: { className: i.className } });
-          } catch (ae) {
-            console.error("Error in link action trigger:", ae);
+            await l[x.eventName || ""]?.(w, te), o.push({ name: N, params: { className: i.className } });
+          } catch (G) {
+            console.error("Error in link action trigger:", G);
           }
           break;
         default:
-          console.warn("Unknown action type:", x);
+          console.warn("Unknown action type:", V);
       }
     }
-    const q = [
+    const z = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], h = _(q);
-    function K(A, x) {
-      l[A]?.(x, h), r.value && (u.value = g(r.value.fields));
+    ], te = m(z);
+    function oe(x, V) {
+      l[x]?.(V, te), r.value && (u.value = _(r.value.fields));
     }
-    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;
+    const h = Z(() => Me(u.value)), I = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: b, reversedActions: p, _data: w, loading: f, getApproverEmail: L, clickHandler: Y, newHiddenFields: z, hiddenFields: te, changeHandler: oe, groupedFields: h, DataWidgets: Be, ActionButton: Ce, TopBar: Ae };
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
-}), Dn = { class: "page-container" }, Nn = { class: "page-body" }, Hn = { class: "form-card" }, Ln = { class: "form-fields-vertical" }, Rn = { class: "form-fields" }, Bn = {
+}), Dn = { class: "page-container" }, Nn = { class: "page-body" }, Hn = { class: "form-card" }, Fn = { class: "form-fields-vertical" }, Ln = { class: "form-fields" }, Rn = {
   key: 0,
   class: "form-content"
-}, Fn = { class: "page-footer" }, jn = { class: "action-container" }, Mn = { class: "action-buttons" };
+}, Bn = { class: "page-footer" }, jn = { class: "action-container" }, Mn = { class: "action-buttons" };
 function On(t, n, a, e, o, l) {
   const s = S("a-card"), c = S("a-spin");
   return d(), C("div", Dn, [
-    P(e.TopBar, {
+    D(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    V("div", Nn, [
-      P(c, {
+    A("div", Nn, [
+      D(c, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: v(() => [
-          V("div", Hn, [
-            V("div", Ln, [
-              (d(!0), C(j, null, E(e.groupedFields, (i) => (d(), U(s, {
+          A("div", Hn, [
+            A("div", Fn, [
+              (d(!0), C(j, null, $(e.groupedFields, (i) => (d(), P(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: v(() => [
-                  V("div", Rn, [
-                    (d(!0), C(j, null, E(i.fields, (r) => (d(), U(e.DataWidgets, {
+                  A("div", Ln, [
+                    (d(!0), C(j, null, $(i.fields, (r) => (d(), P(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1128,19 +1133,19 @@ function On(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), C("div", Bn, [
-              ce(t.$slots, "content", {}, void 0, !0)
+            t.$slots.content ? (d(), C("div", Rn, [
+              le(t.$slots, "content", {}, void 0, !0)
             ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    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, {
+    A("div", Bn, [
+      A("div", jn, [
+        le(t.$slots, "action", {}, void 0, !0),
+        A("div", Mn, [
+          (d(!0), C(j, null, $(e.reversedActions, (i) => (d(), P(e.ActionButton, {
             key: i.Title,
             loading: e.loading,
             config: i,
@@ -1152,7 +1157,7 @@ function On(t, n, a, e, o, l) {
     ])
   ]);
 }
-const En = /* @__PURE__ */ Q(Pn, [["render", On], ["__scopeId", "data-v-531a10e7"], ["__file", "CreateView.vue"]]), $n = /* @__PURE__ */ G({
+const En = /* @__PURE__ */ X(Pn, [["render", On], ["__scopeId", "data-v-7b45a965"], ["__file", "CreateView.vue"]]), $n = /* @__PURE__ */ q({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1160,7 +1165,7 @@ const En = /* @__PURE__ */ Q(Pn, [["render", On], ["__scopeId", "data-v-531a10e7
   },
   setup(t, { expose: n }) {
     n();
-    const a = Se(), e = je(), o = Ve(), l = xe(), s = Ne("dataWidgets"), c = pe(), i = t, r = _({
+    const a = Se(), e = je(), o = Ve(), l = xe(), s = Ne("dataWidgets"), c = pe(), i = t, r = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1168,73 +1173,77 @@ const En = /* @__PURE__ */ Q(Pn, [["render", On], ["__scopeId", "data-v-531a10e7
         title: "",
         subTitle: ""
       }
-    }), u = _([]), m = _({});
-    function g(F) {
-      return F ? Object.entries(F).map(([x, k]) => ({
-        fieldKey: x,
-        ...k
-      })).filter((x) => x.widget && x.widget.widget !== "Hidden").filter((x) => !q.value.includes(x.fieldKey)) : [];
+    }), u = m([]), g = m({});
+    function _(I) {
+      return I ? Object.entries(I).map(([V, y]) => ({
+        fieldKey: V,
+        ...y
+      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !z.value.includes(V.fieldKey)) : [];
     }
-    function b(F) {
-      return F ? Object.entries(F).filter(([x, k]) => k.dependent).reduce((x, [k, H]) => (x[k] = H.dependent, x), {}) : [];
+    function b(I) {
+      return I ? Object.entries(I).filter(([V, y]) => y.dependent).reduce((V, [y, N]) => (V[y] = N.dependent, V), {}) : [];
     }
-    const p = ee(() => r.value?.actions ? [...r.value.actions].reverse() : []), y = Le({}), f = _(!1);
-    de(async () => {
+    const p = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), w = Fe({}), f = m(!1);
+    ce(async () => {
       f.value = !0, r.value = await ke(fe.Update, i.className, {
         svrStore: o,
         bpmStore: l
       }, {
         workflowId: i.workflowId
       });
-      const 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 I = await Je(fe.Update, i.className, { workflowId: i.workflowId, email: L() }), x = await Xe(i.className, i.workflowId);
+      r.value.actions = r.value.actions?.filter((y) => {
+        const N = I.find((M) => M.button === y.title);
+        return N ? N.isShow : !0;
       });
-      const x = r.value.fields.requestType.modelValue;
-      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));
+      const V = r.value.fields.requestType.modelValue;
+      e.Test?.(V, z), u.value = _(r.value.fields), g.value = b(r.value.fields);
+      for (const y in r.value.fields) {
+        if (r.value.fields[y].widget?.widget === "File") {
+          const N = u.value.find((M) => M.fieldKey === y);
+          N && N.widget && (N.widget.files = x[y] ?? [], N.widget.removeFile = (M) => Ft(i.className, M));
         }
-        y[k] = r.value.fields[k].modelValue;
+        w[y] = r.value.fields[y].modelValue;
       }
       f.value = !1;
     });
     function L() {
       return o()?.userInfo?.email_address ?? "";
     }
-    async function W(F, A, x, k, H) {
-      switch (A) {
-        case te.Submit:
+    async function Y(I, x, V, y, N) {
+      switch (x) {
+        case ee.Submit:
           let M = !0;
-          if (s.value?.forEach((J) => {
-            J?.validate && (J.validate() || (M = !1));
+          if (s.value?.forEach((O) => {
+            O?.validate && (O.validate() || (M = !1));
           }), !M) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          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}.`);
+          f.value = !0;
+          try {
+            const O = await xt(i.className, i.workflowId, { ...w, ...g.value }, V), G = s.value?.map((ae) => ae?.submit ? ae.submit(O.toString()) : Promise.resolve()) || [];
+            await Promise.all(G), f.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${O.toString()}.`);
+          } catch {
+            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), f.value = !1;
+          }
           break;
-        case te.Link:
+        case ee.Link:
           try {
-            await e[F.eventName || ""]?.(y, q), a.push({ name: k, params: { className: i.className } });
+            await e[I.eventName || ""]?.(w, z), a.push({ name: y, params: { className: i.className } });
           } catch {
           }
           break;
         default:
-          console.warn("Unknown action type:", A);
+          console.warn("Unknown action type:", x);
       }
     }
-    const q = _([]);
-    function h(F, A) {
-      e[F]?.(A, q), r.value && (u.value = g(r.value.fields));
+    const z = m([]);
+    function te(I, x) {
+      e[I]?.(x, z), r.value && (u.value = _(r.value.fields));
     }
-    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;
+    const oe = Z(() => Me(u.value)), h = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: b, reversedActions: p, _data: w, loading: f, getApproverEmail: L, clickHandler: Y, hiddenFields: z, changeHandler: te, groupedFields: oe, DataWidgets: Be, ActionButton: Ce, TopBar: Ae };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 }), Kn = { class: "page-container" }, zn = { class: "page-body" }, Gn = { class: "form-card" }, Wn = { class: "form-fields-vertical" }, qn = { class: "form-fields" }, Yn = {
   key: 0,
@@ -1243,27 +1252,27 @@ const En = /* @__PURE__ */ Q(Pn, [["render", On], ["__scopeId", "data-v-531a10e7
 function Zn(t, n, a, e, o, l) {
   const s = S("a-card"), c = S("a-spin");
   return d(), C("div", Kn, [
-    P(e.TopBar, {
+    D(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    V("div", zn, [
-      P(c, {
+    A("div", zn, [
+      D(c, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: v(() => [
-          V("div", Gn, [
-            V("div", Wn, [
-              (d(!0), C(j, null, E(e.groupedFields, (i) => (d(), U(s, {
+          A("div", Gn, [
+            A("div", Wn, [
+              (d(!0), C(j, null, $(e.groupedFields, (i) => (d(), P(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: v(() => [
-                  V("div", qn, [
-                    (d(!0), C(j, null, E(i.fields, (r) => (d(), U(e.DataWidgets, {
+                  A("div", qn, [
+                    (d(!0), C(j, null, $(i.fields, (r) => (d(), P(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1281,18 +1290,18 @@ function Zn(t, n, a, e, o, l) {
               }, 1032, ["title"]))), 128))
             ]),
             t.$slots.content ? (d(), C("div", Yn, [
-              ce(t.$slots, "content", {}, void 0, !0)
+              le(t.$slots, "content", {}, void 0, !0)
             ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    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, {
+    A("div", Jn, [
+      A("div", Xn, [
+        le(t.$slots, "action", {}, void 0, !0),
+        A("div", Qn, [
+          (d(!0), C(j, null, $(e.reversedActions, (i) => (d(), P(e.ActionButton, {
             key: i.Title,
             loading: e.loading,
             config: i,
@@ -1304,7 +1313,7 @@ function Zn(t, n, a, e, o, l) {
     ])
   ]);
 }
-const eo = /* @__PURE__ */ Q($n, [["render", Zn], ["__scopeId", "data-v-0195d20b"], ["__file", "UpdateView.vue"]]), nt = Symbol("library-custom-comp");
+const eo = /* @__PURE__ */ X($n, [["render", Zn], ["__scopeId", "data-v-72d4c7ff"], ["__file", "UpdateView.vue"]]), nt = Symbol("library-custom-comp");
 function to() {
   return me(nt, null);
 }
@@ -1321,7 +1330,7 @@ var lo = (t, n) => {
     t[a] = e;
   return t;
 };
-const co = G({
+const co = q({
   name: "IconDownload",
   props: {
     size: {
@@ -1348,7 +1357,7 @@ const co = G({
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = ro("icon"), e = ee(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = ee(() => {
+    const a = ro("icon"), e = Z(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = Z(() => {
       const s = {};
       return t.size && (s.fontSize = io(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -1374,7 +1383,7 @@ 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] = [
-    V("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+    A("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, uo);
 }
 var Pe = /* @__PURE__ */ lo(co, [["render", fo]]);
@@ -1384,7 +1393,7 @@ const po = Object.assign(Pe, {
     const e = (a = n?.iconPrefix) != null ? a : "";
     t.component(e + Pe.name, Pe);
   }
-}), mo = /* @__PURE__ */ G({
+}), mo = /* @__PURE__ */ q({
   __name: "DetailView",
   props: {
     className: {},
@@ -1392,7 +1401,7 @@ const po = Object.assign(Pe, {
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = xe(), o = je(), l = Se(), s = to(), c = pe(), i = t, r = _({
+    const a = Ve(), e = xe(), o = je(), l = Se(), s = to(), c = pe(), i = t, r = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1400,18 +1409,18 @@ const po = Object.assign(Pe, {
         title: "",
         subTitle: ""
       }
-    }), 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,
-        ...T
-      })).filter((O) => O.widget && O.widget.widget !== "Hidden").filter((O) => !Y.value.includes(O.fieldKey)) : [];
+    }), u = m([]);
+    function g(T) {
+      return T ? Object.entries(T).map(([E, U]) => (typeof U.modelValue == "boolean" ? U.fieldValue = U.modelValue ? "Yes" : "No" : U.fieldValue = U.modelValue, {
+        fieldKey: E,
+        ...U
+      })).filter((E) => E.widget && E.widget.widget !== "Hidden").filter((E) => !h.value.includes(E.fieldKey)) : [];
     }
-    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,
+    const _ = Z(() => Me(u.value)), b = Z(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m(!0), w = (T, R) => {
+      const E = T.findIndex((U) => U.isCurrent);
+      return T.map((U, re) => {
+        const F = {
+          id: U.id,
           title: "",
           proxy: "",
           sub: "",
@@ -1419,77 +1428,77 @@ const po = Object.assign(Pe, {
           status: 1,
           time: ""
         };
-        N.title = T.workflowProcessApprovers[0]?.name;
-        const _e = T.workflowProcessApprovers[T.workflowProcessApprovers.length - 1], we = T.workflowHistorys[T.workflowHistorys.length - 1], ve = we?.workflowHistoryApprovers[we?.workflowHistoryApprovers?.length - 1];
-        if (_e && ve && _e?.email?.toLowerCase() !== ve?.approverEmail?.toLowerCase() && (N.title = `${ve.name}`, N.proxy = `Proxy: ${_e.name}`), T.sort > 1 ? N.sub = "Approver Role: " + T.nodeName.replace("Submit", "").replace("Approve", "") : N.sub = "Submit Application", T.isCurrent && R !== -1)
-          N.desc = "In Approval", N.status = 1;
+        F.title = U.workflowProcessApprovers[0]?.name;
+        const _e = U.workflowProcessApprovers[U.workflowProcessApprovers.length - 1], we = U.workflowHistorys[U.workflowHistorys.length - 1], ve = we?.workflowHistoryApprovers[we?.workflowHistoryApprovers?.length - 1];
+        if (_e && ve && _e?.email?.toLowerCase() !== ve?.approverEmail?.toLowerCase() && (F.title = `${ve.name}`, F.proxy = `Proxy: ${_e.name}`), U.sort > 1 ? F.sub = "Approver Role: " + U.nodeName.replace("Submit", "").replace("Approve", "") : F.sub = "Submit Application", U.isCurrent && R !== -1)
+          F.desc = "In Approval", F.status = 1;
         else {
-          const ne = T.workflowHistorys[T.workflowHistorys.length - 1];
+          const ne = U.workflowHistorys[U.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!";
+            F.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.status = 2, F.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!";
+            F.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.status = 0, F.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 = "";
+            if (F.time = he(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.sort === 1)
+              F.status = 2, F.desc = "";
             else {
               const Oe = ne.workflowHistoryApprovers[0];
-              N.status = 3, N.desc = Oe?.reason ? `Rejected reason: ${Oe.reason}` : "Rejected";
+              F.status = 3, F.desc = Oe?.reason ? `Rejected reason: ${Oe.reason}` : "Rejected";
             }
-          else re < O || O === -1 ? (N.status = 0, N.desc = "Skipped") : (N.status = 0, N.desc = "Pending Approval");
+          else re < E || E === -1 ? (F.status = 0, F.desc = "Skipped") : (F.status = 0, F.desc = "Pending Approval");
           ne && ne.status;
         }
-        return N;
+        return F;
       });
-    }, 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() });
+    }, f = m([]), L = m(!1), Y = m(!1), z = m(!1), te = m(!1);
+    async function oe() {
+      const T = await Je(fe.Details, i.className, { workflowId: i.workflowId, email: V() });
       r.value.actions = r.value.actions?.filter((R) => {
-        const O = I.find((T) => T.button === R.title);
-        return O ? O.isShow : !0;
-      }), 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 E = T.find((U) => U.button === R.title);
+        return E ? E.isShow : !0;
+      }), L.value = T.find((R) => R.button === "IsGlobal")?.isShow ?? !1, Y.value = T.find((R) => R.button === "AssignButton")?.isShow ?? !1, z.value = T.find((R) => R.button === "AssignList")?.isShow ?? !1, te.value = T.find((R) => R.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const Y = _([]);
-    async function F() {
+    const h = m([]);
+    async function I() {
       p.value = !0, r.value = await ke(fe.Details, i.className, {
         svrStore: a,
         bpmStore: e
       }, {
         workflowId: i.workflowId
       });
-      const 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 T = await Xe(i.className, i.workflowId);
+      G.value = await Lt(), M.value = await $e(i.workflowId), ae.value = await Ue(i.workflowId), oe();
       const R = r.value.fields.requestType.modelValue;
-      o.Test?.(R, 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] ?? []);
+      o.Test?.(R, h), u.value = g(r.value.fields);
+      for (const U in r.value.fields)
+        if (r.value.fields[U].widget?.widget === "File") {
+          const re = u.value.find((F) => F.fieldKey === U);
+          re && re.widget && (re.widget.files = T[U] ?? []);
         }
-      const O = await Nt(i.className, i.workflowId);
-      f.value = y(O, 0), p.value = !1;
+      const E = await Nt(i.className, i.workflowId);
+      f.value = w(E, 0), p.value = !1;
     }
-    de(F);
-    async function A(I, R) {
-      return o[I]?.(R);
+    ce(I);
+    async function x(T, R) {
+      return o[T]?.(R);
     }
-    function x() {
+    function V() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function k(I, R, O, T, re) {
+    async function y(T, R, E, U, re) {
       try {
         switch (R) {
-          case te.Submit:
-            const { reason: N, ifGlobal: _e } = await A(re, { isGlobal: L.value });
+          case ee.Submit:
+            const { reason: F, ifGlobal: _e } = await x(re, { isGlobal: L.value });
             p.value = !0;
             const we = re === "Approve" ? "100" : "-1";
-            await Pt(i.className, i.workflowId, x(), N, [Number(i.workflowId)], O, we, _e), p.value = !1;
+            await Pt(i.className, i.workflowId, V(), F, [Number(i.workflowId)], E, we, _e), p.value = !1;
             const ve = re === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
-            c?.appContext.config.globalProperties.$notification.success(ve), F();
+            c?.appContext.config.globalProperties.$notification.success(ve), I();
             break;
-          case te.Link:
+          case ee.Link:
             try {
-              await o[I.eventName || ""]?.(), l.push({ name: T, params: { className: i.className } });
+              await o[T.eventName || ""]?.(), l.push({ name: U, params: { className: i.className } });
             } catch (ne) {
               console.error("Error in link action trigger:", ne);
             }
@@ -1500,56 +1509,56 @@ const po = Object.assign(Pe, {
       } catch {
       }
     }
-    const H = _(""), M = _([]), oe = _(""), J = _([]), le = _([]);
-    async function ae() {
-      if (!oe.value) {
+    const N = m(""), M = m([]), O = m(""), G = m([]), ae = m([]);
+    async function de() {
+      if (!O.value) {
         c?.appContext.config.globalProperties.$message.error("Please select an approver");
         return;
       }
       await ue("Confirm Assign Approver", "Do you want to assign the selected approver?");
       try {
-        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) {
+        await Rt(i.workflowId, O.value), ae.value = await Ue(i.workflowId), oe(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+      } catch (T) {
+        if (T.status === 409) {
           c?.appContext.config.globalProperties.$notification.error("This user is already an associator");
           return;
         }
         c?.appContext.config.globalProperties.$notification.error("Failed to assign approver");
       }
     }
-    async function ue(I, R) {
-      const { Modal: O } = await import("@arco-design/web-vue");
-      return new Promise((T, re) => {
-        O.confirm({
-          title: I,
+    async function ue(T, R) {
+      const { Modal: E } = await import("@arco-design/web-vue");
+      return new Promise((U, re) => {
+        E.confirm({
+          title: T,
           content: R,
           okText: "OK",
           cancelText: "Cancel",
-          onOk: () => T(!0),
+          onOk: () => U(!0),
           onCancel: () => re()
         });
       });
     }
-    async function w(I) {
+    async function k(T) {
       try {
         await ue("Confirm Delete Associator", "Do you want to delete this associator?");
       } catch {
         return;
       }
       try {
-        await jt(String(I)), le.value = await Ue(i.workflowId), c?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
+        await jt(String(T)), ae.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 D() {
-      if (!H.value.trim()) {
+    async function H() {
+      if (!N.value.trim()) {
         c?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await Ft(i.workflowId, x(), H.value), H.value = "", M.value = await $e(i.workflowId), c?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
+      await Bt(i.workflowId, V(), N.value), N.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: 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() {
+    const B = { svrStore: a, bpmStore: e, triggers: o, router: l, customComps: s, instance: c, props: i, pageData: r, _fields: u, genField: g, groupedFields: _, reversedActions: b, loading: p, mapWorkflowSteps: w, steps: f, isGlobal: L, isShowAssignSelect: Y, isShowAssignList: z, isShowCommentTextArea: te, reloadButtonList: oe, hiddenFields: h, load: I, triggerFn: x, getApproverEmail: V, clickHandler: y, comment: N, commentsHistory: M, selectedApprover: O, approvers: G, associators: ae, onAssignApprover: de, confirmDialog: ue, onDeleteAssociator: k, onAddComment: H, ActionButton: Ce, get IconDownload() {
       return po;
     }, TopBar: Ae, get formatDate() {
       return he;
@@ -1567,86 +1576,86 @@ const po = Object.assign(Pe, {
   class: "detail-content"
 }, Vo = { class: "page-footer" }, Ao = { class: "action-container" }, Io = { class: "action-buttons" };
 function To(t, n, a, e, o, l) {
-  const s = S("a-link"), c = S("a-space"), i = S("a-card"), r = S("a-option"), u = S("a-select"), m = S("a-button"), g = S("a-list-item"), b = S("a-list"), p = S("a-textarea"), y = S("a-spin");
+  const s = S("a-link"), c = S("a-space"), i = S("a-card"), r = S("a-option"), u = S("a-select"), g = S("a-button"), _ = S("a-list-item"), b = S("a-list"), p = S("a-textarea"), w = S("a-spin");
   return d(), C("div", go, [
-    P(e.TopBar, {
+    D(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    V("div", _o, [
-      P(y, {
+    A("div", _o, [
+      D(w, {
         loading: e.loading,
         class: "detail-container"
       }, {
         default: v(() => [
-          V("div", vo, [
-            (d(), U(He(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            V("div", bo, [
-              (d(!0), C(j, null, E(e.groupedFields, (f) => (d(), U(i, {
+          A("div", vo, [
+            (d(), P(He(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            A("div", bo, [
+              (d(!0), C(j, null, $(e.groupedFields, (f) => (d(), P(i, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: v(() => [
-                  V("div", yo, [
-                    (d(!0), C(j, null, E(f.fields, (L) => (d(), C("div", {
+                  A("div", yo, [
+                    (d(!0), C(j, null, $(f.fields, (L) => (d(), C("div", {
                       key: L.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      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", {
+                      A("div", wo, [
+                        A("div", ho, Q(L.widget?.title), 1),
+                        L.widget?.widget === "File" ? (d(!0), C(j, { key: 0 }, $(L.widget.files, (Y) => (d(), C("div", {
                           class: "field-value",
-                          key: W.id
+                          key: Y.id
                         }, [
-                          P(c, null, {
+                          D(c, null, {
                             default: v(() => [
-                              X(Z(W.name) + " ", 1),
-                              P(s, {
-                                href: W.url,
+                              J(Q(Y.name) + " ", 1),
+                              D(s, {
+                                href: Y.url,
                                 target: "_blank"
                               }, {
                                 default: v(() => [
-                                  P(e.IconDownload, { style: { color: "#7A00E6" } })
+                                  D(e.IconDownload, { style: { color: "#7A00E6" } })
                                 ]),
                                 _: 2
                               }, 1032, ["href"])
                             ]),
                             _: 2
                           }, 1024)
-                        ]))), 128)) : (d(), C("div", ko, Z(L.fieldValue), 1))
+                        ]))), 128)) : (d(), C("div", ko, Q(L.fieldValue), 1))
                       ])
                     ]))), 128))
                   ])
                 ]),
                 _: 2
               }, 1032, ["title"]))), 128)),
-              e.isShowAssignSelect ? (d(), U(c, { key: 0 }, {
+              e.isShowAssignSelect ? (d(), P(c, { key: 0 }, {
                 default: v(() => [
-                  P(u, {
+                  D(u, {
                     modelValue: e.selectedApprover,
                     "onUpdate:modelValue": n[0] || (n[0] = (f) => e.selectedApprover = f)
                   }, {
                     default: v(() => [
-                      (d(!0), C(j, null, E(e.approvers, (f) => (d(), U(r, {
+                      (d(!0), C(j, null, $(e.approvers, (f) => (d(), P(r, {
                         key: f.value,
                         value: f.value
                       }, {
                         default: v(() => [
-                          X(Z(f.label), 1)
+                          J(Q(f.label), 1)
                         ]),
                         _: 2
                       }, 1032, ["value"]))), 128))
                     ]),
                     _: 1
                   }, 8, ["modelValue"]),
-                  P(m, {
+                  D(g, {
                     type: "primary",
                     onClick: e.onAssignApprover
                   }, {
                     default: v(() => n[2] || (n[2] = [
-                      X("Assign for comment", -1)
+                      J("Assign for comment", -1)
                     ])),
                     _: 1,
                     __: [2]
@@ -1654,29 +1663,29 @@ function To(t, n, a, e, o, l) {
                 ]),
                 _: 1
               })) : se("", !0),
-              e.isShowAssignList ? (d(), U(b, { key: 1 }, {
+              e.isShowAssignList ? (d(), P(b, { key: 1 }, {
                 header: v(() => n[3] || (n[3] = [
-                  X(" Associators ", -1)
+                  J(" Associators ", -1)
                 ])),
                 default: v(() => [
-                  (d(!0), C(j, null, E(e.associators, (f) => (d(), U(g, {
+                  (d(!0), C(j, null, $(e.associators, (f) => (d(), P(_, {
                     key: f.id
                   }, {
                     actions: v(() => [
-                      P(m, {
+                      D(g, {
                         type: "text",
                         status: "danger",
                         onClick: (L) => e.onDeleteAssociator(f.id)
                       }, {
                         default: v(() => n[4] || (n[4] = [
-                          X(" Delete ", -1)
+                          J(" Delete ", -1)
                         ])),
                         _: 2,
                         __: [4]
                       }, 1032, ["onClick"])
                     ]),
                     default: v(() => [
-                      X(" " + Z(f.associator), 1)
+                      J(" " + Q(f.associator), 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -1684,34 +1693,34 @@ function To(t, n, a, e, o, l) {
                 _: 1
               })) : se("", !0),
               e.isShowCommentTextArea ? (d(), C("div", Co, [
-                V("div", So, [
-                  n[6] || (n[6] = V("div", { class: "field-label" }, "Comment", -1)),
-                  P(p, {
+                A("div", So, [
+                  n[6] || (n[6] = A("div", { class: "field-label" }, "Comment", -1)),
+                  D(p, {
                     modelValue: e.comment,
                     "onUpdate:modelValue": n[1] || (n[1] = (f) => e.comment = f)
                   }, null, 8, ["modelValue"]),
-                  P(m, {
+                  D(g, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
                     default: v(() => n[5] || (n[5] = [
-                      X("Add Comment", -1)
+                      J("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
               ])) : se("", !0),
-              e.commentsHistory.length ? (d(), U(b, { key: 3 }, {
+              e.commentsHistory.length ? (d(), P(b, { key: 3 }, {
                 header: v(() => n[7] || (n[7] = [
-                  X(" Comments History ", -1)
+                  J(" Comments History ", -1)
                 ])),
                 default: v(() => [
-                  (d(!0), C(j, null, E(e.commentsHistory, (f) => (d(), U(g, {
+                  (d(!0), C(j, null, $(e.commentsHistory, (f) => (d(), P(_, {
                     key: f.associator
                   }, {
                     default: v(() => [
-                      X(Z(f.associator) + ": " + Z(f.comments) + " (" + Z(e.formatDate(f.createdAt)) + ") ", 1)
+                      J(Q(f.associator) + ": " + Q(f.comments) + " (" + Q(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -1720,18 +1729,18 @@ function To(t, n, a, e, o, l) {
               })) : se("", !0)
             ]),
             t.$slots.content ? (d(), C("div", xo, [
-              ce(t.$slots, "content", {}, void 0, !0)
+              le(t.$slots, "content", {}, void 0, !0)
             ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    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, {
+    A("div", Vo, [
+      A("div", Ao, [
+        le(t.$slots, "action", {}, void 0, !0),
+        A("div", Io, [
+          (d(!0), C(j, null, $(e.reversedActions, (f) => (d(), P(e.ActionButton, {
             key: f.Title,
             loading: e.loading,
             config: f,
@@ -1743,7 +1752,7 @@ function To(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Uo = /* @__PURE__ */ Q(mo, [["render", To], ["__scopeId", "data-v-07443410"], ["__file", "DetailView.vue"]]), Po = /* @__PURE__ */ G({
+const Uo = /* @__PURE__ */ X(mo, [["render", To], ["__scopeId", "data-v-07443410"], ["__file", "DetailView.vue"]]), Po = /* @__PURE__ */ q({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -1751,7 +1760,7 @@ const Uo = /* @__PURE__ */ Q(mo, [["render", To], ["__scopeId", "data-v-07443410
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = xe(), o = Se(), l = pe(), s = t, c = _(), i = Le({
+    const a = Ve(), e = xe(), o = Se(), l = pe(), s = t, c = m(), i = Fe({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -1761,31 +1770,31 @@ const Uo = /* @__PURE__ */ Q(mo, [["render", To], ["__scopeId", "data-v-07443410
       filters: []
     });
     function r() {
-      const w = Object.entries(k.value).filter(([, { value: D }]) => D && D !== "").map(([D, { value: B, operator: I }]) => ({
-        key: D,
+      const k = Object.entries(y.value).filter(([, { value: H }]) => H && H !== "").map(([H, { value: B, operator: T }]) => ({
+        key: H,
         value: B,
-        operator: I
+        operator: T
         // 根据实际需要调整操作符
       }));
       return {
         pageNumber: i.current,
         pageSize: i.pageSize,
-        filters: [...i.filters, ...w],
+        filters: [...i.filters, ...k],
         sorts: [{
           key: "workflowId",
           type: 1
         }]
       };
     }
-    const u = ee(() => ({
+    const u = Z(() => ({
       x: b.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), m = (w) => {
-      const D = Object.entries(w).filter(([, B]) => B.widget?.column).map(([B, I], R) => ({
-        title: I.widget.title,
+    })), g = (k) => {
+      const H = Object.entries(k).filter(([, B]) => B.widget?.column).map(([B, T], R) => ({
+        title: T.widget.title,
         dataIndex: B.charAt(0).toLowerCase() + B.slice(1),
-        order: I.order,
+        order: T.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -1793,8 +1802,8 @@ const Uo = /* @__PURE__ */ Q(mo, [["render", To], ["__scopeId", "data-v-07443410
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((B, I) => B.order - I.order);
-      D.push({
+      })).sort((B, T) => B.order - T.order);
+      H.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -1802,99 +1811,99 @@ const Uo = /* @__PURE__ */ Q(mo, [["render", To], ["__scopeId", "data-v-07443410
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = D;
-    }, g = _([]), b = _([]), p = _(!0), y = _(!0), f = _(), L = async () => {
-      y.value = !0;
-      const w = await Ct(s.className, r());
-      g.value = w.data, i.total = w.totalCount, y.value = !1;
-    }, W = _(!1);
-    de(async () => {
+      }), b.value = H;
+    }, _ = m([]), b = m([]), p = m(!0), w = m(!0), f = m(), L = async () => {
+      w.value = !0;
+      const k = await Ct(s.className, r());
+      _.value = k.data, i.total = k.totalCount, w.value = !1;
+    }, Y = m(!1);
+    ce(async () => {
       p.value = !0, c.value = await ke(3, s.className, {
         svrStore: a,
         bpmStore: e
-      }), 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;
+      }), g(c.value.fields), M(c.value.fields), O(), V(c.value?.tabs?.[0]?.key || ""), f.value = c.value.actions, p.value = !1, Y.value = !0;
     }), st(() => {
-      W.value && L();
+      Y.value && L();
     });
-    const q = (w) => {
-      i.current = w, L();
-    }, h = (w) => {
-      i.pageSize = w, L();
+    const z = (k) => {
+      i.current = k, L();
+    }, te = (k) => {
+      i.pageSize = k, L();
     };
-    function K(w, D, B, I, R) {
-      switch (w) {
-        case te.Link:
+    function oe(k, H, B, T, R) {
+      switch (k) {
+        case ee.Link:
           o.push({ name: B, params: { workflowId: R } });
           break;
         default:
-          console.warn("Unknown action type:", w);
+          console.warn("Unknown action type:", k);
       }
     }
-    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!");
+    function h(k, H, B) {
+      switch (k) {
+        case ee.Submit:
+          Mt(H, { filters: [{ key: "approverList", value: I(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
-        case te.Link:
+        case ee.Link:
           o.push({ name: B });
           break;
         default:
-          console.warn("Unknown action type:", w);
+          console.warn("Unknown action type:", k);
       }
     }
-    function F() {
+    function I() {
       return a()?.userInfo?.email_address ?? "";
     }
-    function A(w, D) {
-      return typeof w != "string" || w.indexOf("{currentUserEmail}") === -1 ? w : w.replace(/{currentUserEmail}/g, D);
+    function x(k, H) {
+      return typeof k != "string" || k.indexOf("{currentUserEmail}") === -1 ? k : k.replace(/{currentUserEmail}/g, H);
     }
-    function x(w) {
-      const D = c.value?.tabs?.find((B) => B.key === w)?.filters;
-      i.filters = D?.map((B) => ({
+    function V(k) {
+      const H = c.value?.tabs?.find((B) => B.key === k)?.filters;
+      i.filters = H?.map((B) => ({
         ...B,
-        value: A(B.value, F())
+        value: x(B.value, I())
       })) || [], i.current = 1, L();
     }
-    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 y = m({}), N = m([]);
+    function M(k) {
+      if (!k) return [];
+      N.value = Object.entries(k).filter(([, H]) => H.isFiltered).map(([H, B]) => ({ fieldKey: H, fieldConfig: B }));
     }
-    const 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 = () => {
+    const O = () => {
+      const k = {};
+      N.value.forEach(({ fieldKey: H, fieldConfig: B }) => {
+        k[H] = {}, k[H].value = B.modelValue, k[H].operator = B.operator;
+      }), y.value = k;
+    }, G = () => {
       i.current = 1, L();
-    }, le = () => {
-      c.value && oe(), J();
+    }, ae = () => {
+      c.value && O(), G();
     };
-    function ae(w, D) {
-      return !(w.location !== "InTable" || w.title === "Update" && (D.status === 100 || D.status === -1));
+    function de(k, H) {
+      return !(k.location !== "InTable" || k.title === "Update" && (H.status === 100 || H.status === -1));
     }
-    const ue = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: m, _data: g, _columns: b, loadingPage: p, loadingTable: y, actions: f, loadData: L, mounted: 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 };
+    const ue = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: g, _data: _, _columns: b, loadingPage: p, loadingTable: w, actions: f, loadData: L, mounted: Y, pageChangeHandler: z, pageSizeChangeHandler: te, clickHandler: oe, createHandler: h, getApproverEmail: I, replaceEmail: x, tabHandler: V, searchForm: y, searchableFields: N, mapSearchableFields: M, initSearchForm: O, handleSearch: G, handleReset: ae, judgeHiddenActions: de, ActionButton: Ce, DataWidgets: Be, TopBar: Ae };
     return Object.defineProperty(ue, "__isScriptSetup", { enumerable: !1, value: !0 }), ue;
   }
 }), Do = { class: "list-container" }, No = { class: "query-title" };
 function Ho(t, n, a, e, o, l) {
-  const s = S("a-space"), c = S("a-col"), i = S("a-button"), r = S("a-row"), u = S("a-card"), m = S("a-tab-pane"), g = S("a-tabs"), b = S("a-table");
+  const s = S("a-space"), c = S("a-col"), i = S("a-button"), r = S("a-row"), u = S("a-card"), g = S("a-tab-pane"), _ = S("a-tabs"), b = S("a-table");
   return d(), C("div", Do, [
-    P(e.TopBar, {
+    D(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    P(u, null, {
+    D(u, null, {
       default: v(() => [
-        V("div", No, [
-          n[0] || (n[0] = V("h3", null, "Search Conditions", -1)),
-          P(s, { size: "medium" }, {
+        A("div", No, [
+          n[0] || (n[0] = A("h3", null, "Search Conditions", -1)),
+          D(s, { size: "medium" }, {
             default: v(() => [
-              (d(!0), C(j, null, E(e.actions, (p) => (d(), C(j, {
+              (d(!0), C(j, null, $(e.actions, (p) => (d(), C(j, {
                 key: p.title
               }, [
-                p.location === "InOperation" ? (d(), U(e.ActionButton, {
+                p.location === "InOperation" ? (d(), P(e.ActionButton, {
                   key: 0,
                   config: p,
                   onClick: e.createHandler
@@ -1904,48 +1913,48 @@ function Ho(t, n, a, e, o, l) {
             _: 1
           })
         ]),
-        P(r, { gutter: [24, 20] }, {
+        D(r, { gutter: [24, 20] }, {
           default: v(() => [
-            (d(!0), C(j, null, E(e.searchableFields, (p) => (d(), U(c, {
+            (d(!0), C(j, null, $(e.searchableFields, (p) => (d(), P(c, {
               key: p.fieldKey,
               span: 6,
               class: "search-col"
             }, {
               default: v(() => [
-                P(e.DataWidgets, {
+                D(e.DataWidgets, {
                   name: p.fieldKey,
                   config: p.fieldConfig,
                   modelValue: e.searchForm[p.fieldKey].value,
-                  "onUpdate:modelValue": (y) => e.searchForm[p.fieldKey].value = y,
+                  "onUpdate:modelValue": (w) => e.searchForm[p.fieldKey].value = w,
                   class: "form-field"
                 }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024))), 128)),
-            P(c, {
+            D(c, {
               span: 6,
               class: "search-col form-buttons"
             }, {
               default: v(() => [
-                P(s, { size: "medium" }, {
+                D(s, { size: "medium" }, {
                   default: v(() => [
-                    P(i, {
+                    D(i, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
                       default: v(() => n[1] || (n[1] = [
-                        X(" Search ", -1)
+                        J(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
                     }),
-                    P(i, {
+                    D(i, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
                       default: v(() => n[2] || (n[2] = [
-                        X(" Reset ", -1)
+                        J(" Reset ", -1)
                       ])),
                       _: 1,
                       __: [2]
@@ -1962,19 +1971,19 @@ function Ho(t, n, a, e, o, l) {
       ]),
       _: 1
     }),
-    P(g, {
+    D(_, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
       default: v(() => [
-        (d(!0), C(j, null, E(e.pageData?.tabs, (p) => (d(), U(m, {
+        (d(!0), C(j, null, $(e.pageData?.tabs, (p) => (d(), P(g, {
           key: p.key,
           title: p.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    P(b, {
+    D(b, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -1994,14 +2003,14 @@ function Ho(t, n, a, e, o, l) {
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
       optional: v(({ record: p }) => [
-        P(s, { size: "small" }, {
+        D(s, { size: "small" }, {
           default: v(() => [
-            (d(!0), C(j, null, E(e.actions, (y) => (d(), C(j, {
-              key: y.title
+            (d(!0), C(j, null, $(e.actions, (w) => (d(), C(j, {
+              key: w.title
             }, [
-              e.judgeHiddenActions(y, p) ? (d(), U(e.ActionButton, {
+              e.judgeHiddenActions(w, p) ? (d(), P(e.ActionButton, {
                 key: 0,
-                config: y,
+                config: w,
                 size: "small",
                 onClick: (...f) => e.clickHandler(...f, p.workflowId)
               }, null, 8, ["config", "onClick"])) : se("", !0)
@@ -2014,9 +2023,9 @@ function Ho(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const Lo = /* @__PURE__ */ Q(Po, [["render", Ho], ["__scopeId", "data-v-a82f2228"], ["__file", "ListView.vue"]]), Oo = {
+const Fo = /* @__PURE__ */ X(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", En), 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", Fo);
   }
 };
 export {