@chase-shao/vue-component-lib 1.2.84 → 1.2.86

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as m, getCurrentInstance as pe, defineComponent as E, mergeModels as ce, useModel as ye, resolveComponent as w, createBlock as H, openBlock as u, onMounted as ue, computed as W, withCtx as S, createElementBlock as A, Fragment as O, renderList as q, createVNode as B, nextTick as lt, createTextVNode as re, inject as me, normalizeStyle as qe, normalizeClass as Ye, createElementVNode as y, useTemplateRef as He, createCommentVNode as ne, toDisplayString as te, resolveDynamicComponent as Le, renderSlot as de, reactive as ct, onActivated as dt } from "vue";
+import { ref as m, getCurrentInstance as pe, defineComponent as E, mergeModels as ce, useModel as ye, resolveComponent as C, createBlock as F, openBlock as d, onMounted as ue, computed as G, withCtx as y, createElementBlock as w, Fragment as O, renderList as W, createVNode as B, nextTick as lt, createTextVNode as re, inject as me, normalizeStyle as qe, normalizeClass as Ye, createElementVNode as k, useTemplateRef as Fe, createCommentVNode as ne, toDisplayString as Z, resolveDynamicComponent as He, renderSlot as de, reactive as ct, onActivated as dt } from "vue";
 import ut from "axios";
 import { defineStore as ft } from "pinia";
 import { Modal as pt } from "@arco-design/web-vue";
@@ -52,12 +52,12 @@ let Be = {};
 function ht(t) {
   Be = { ...Be, ...t };
 }
-function Fe() {
+function Le() {
   return Be;
 }
 const yt = pe();
 function Qe() {
-  const t = Fe();
+  const t = Le();
   return {
     apiBase: t.apiBase || void 0 || "",
     appSecret: t.appSecret || void 0 || ""
@@ -267,15 +267,15 @@ function Dt(t, n) {
 function Bt(t, n) {
   return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, n);
 }
-function Ht(t, n) {
+function Ft(t, n) {
   return t.replace(/{ClassName}/g, encodeURIComponent(n));
 }
-async function Lt(t, n, a, e, o, l, s, c) {
+async function Ht(t, n, a, e, o, l, s, c) {
   const i = await z();
   let r = Re(l, n);
-  return r = Nt(r, a), r = Ut(r, e), r = Dt(r, s), r = Bt(r, c), r = Ht(r, t), (await i.put(r, o))?.data;
+  return r = Nt(r, a), r = Ut(r, e), r = Dt(r, s), r = Bt(r, c), r = Ft(r, t), (await i.put(r, o))?.data;
 }
-async function Ft(t, n) {
+async function Lt(t, n) {
   const o = (await (await z()).get(t, { params: { value: n } }))?.data;
   return Object.entries(o).map(([l, s]) => ({
     value: l,
@@ -285,23 +285,23 @@ async function Ft(t, n) {
 async function Rt(t, n) {
   return (await (await z()).get(`/General/${t}/${n}/process`))?.data;
 }
-function $t(t) {
+function jt(t) {
   return {
     uid: t.id ?? Ze(),
     name: t.attachmentName ?? "unknown",
     url: t.attachmentKey ?? ""
   };
 }
-async function jt(t, n) {
+async function $t(t, n) {
   return (await (await z()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
     const { category: c } = s;
-    return l[c] || (l[c] = []), l[c].push($t(s)), l;
+    return l[c] || (l[c] = []), l[c].push(jt(s)), l;
   }, {});
 }
-async function Mt(t, n) {
+async function Ot(t, n) {
   return (await z()).post(`/General/${t}/${n}/delete/attachment`);
 }
-async function Ot() {
+async function Mt() {
   const n = await (await z()).get("/Grading/dropdown/approvers");
   return Object.entries(n?.data).map(([a, e]) => ({
     label: a,
@@ -358,18 +358,18 @@ const ge = (t, n) => {
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = ye(t, "modelValue"), s = (d) => ge(e.validations, d), c = (d) => {
-      o("input", d);
-    }, i = (d) => {
-      const g = s(d);
+    const e = t, o = a, l = ye(t, "modelValue"), s = (u) => ge(e.validations, u), c = (u) => {
+      o("input", u);
+    }, i = (u) => {
+      const g = s(u);
       o("error", g.res ? "" : g.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
-        _.event === "change" && o(_.event, _.handlerName, d);
+        _.event === "change" && o(_.event, _.handlerName, u);
       });
     };
     n({
       validate() {
-        const d = s(e.modelValue);
-        return o("error", d.res ? "" : d.errorMessages), d.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 };
@@ -382,8 +382,8 @@ const ge = (t, n) => {
   return a;
 };
 function Xt(t, n, a, e, o, l) {
-  const s = w("AInput");
-  return u(), H(s, {
+  const s = C("AInput");
+  return d(), F(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     "allow-clear": "",
@@ -415,9 +415,9 @@ const Ke = /* @__PURE__ */ Q(Jt, [["render", Xt], ["__file", "InputText.vue"]]),
     });
     const i = (_) => ge(e.validations, _), r = (_) => {
       o("input", _);
-    }, d = (_) => {
-      const b = i(_);
-      o("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
+    }, u = (_) => {
+      const S = i(_);
+      o("error", S.res ? "" : S.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
         f.event === "change" && o(f.event, f.handlerName, _);
       });
     };
@@ -427,13 +427,13 @@ const Ke = /* @__PURE__ */ Q(Jt, [["render", Xt], ["__file", "InputText.vue"]]),
         return o("error", _.res ? "" : _.errorMessages), _.res;
       }
     });
-    const g = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: d };
+    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 en(t, n, a, e, o, l) {
-  const s = w("AInputNumber");
-  return u(), H(s, {
+  const s = C("AInputNumber");
+  return d(), F(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     clearable: "",
@@ -458,39 +458,39 @@ const tn = /* @__PURE__ */ Q(Zt, [["render", en], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m(!1), s = m(e.config.options ?? []), c = ye(t, "modelValue"), i = (b) => ge(e.validations, b), r = W(() => {
-      const b = {};
+    const e = t, o = a, l = m(!1), s = m(e.config.options ?? []), c = ye(t, "modelValue"), i = (S) => ge(e.validations, S), r = G(() => {
+      const S = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        b[f.event] = (p) => {
+        S[f.event] = (p) => {
           o(f.event, f.handlerName, p);
-          const x = i(p);
-          o("error", x.res ? "" : x.errorMessages);
+          const V = i(p);
+          o("error", V.res ? "" : V.errorMessages);
         };
-      }), b;
-    }), d = async () => {
-      e.config.dataSourceProvider && (s.value = await Ft(e.config.dataSourceProvider));
+      }), S;
+    }), u = async () => {
+      e.config.dataSourceProvider && (s.value = await Lt(e.config.dataSourceProvider));
     };
-    ue(d);
-    const g = (b) => {
-      o("update:modelValue", b);
-      const f = i(b);
+    ue(u);
+    const g = (S) => {
+      o("update:modelValue", S);
+      const f = i(S);
       o("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, b);
+        p.event === "change" && o(p.event, p.handlerName, S);
       });
     };
     n({
       validate() {
-        const b = i(e.modelValue);
-        return o("error", b.res ? "" : b.errorMessages), b.res;
+        const S = i(e.modelValue);
+        return o("error", S.res ? "" : S.errorMessages), S.res;
       }
     });
-    const _ = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: d, changeHandler: 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 on(t, n, a, e, o, l) {
-  const s = w("AOption"), c = w("ASelect");
-  return u(), H(c, {
+  const s = C("AOption"), c = C("ASelect");
+  return d(), F(c, {
     "allow-clear": "",
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (i) => e.model = i),
@@ -500,8 +500,8 @@ function on(t, n, a, e, o, l) {
     disabled: e.props.config.readonly,
     onChange: e.changeHandler
   }, {
-    default: S(() => [
-      (u(!0), A(O, null, q(e._options, (i) => (u(), H(s, {
+    default: y(() => [
+      (d(!0), w(O, null, W(e._options, (i) => (d(), F(s, {
         key: i.value,
         value: i.value,
         label: i.label
@@ -541,12 +541,12 @@ const We = /* @__PURE__ */ Q(nn, [["render", on], ["__file", "SelectList.vue"]])
   }
 });
 function rn(t, n, a, e, o, l) {
-  const s = w("ACascader"), c = w("ASpace");
-  return u(), H(c, {
+  const s = C("ACascader"), c = C("ASpace");
+  return d(), F(c, {
     direction: "vertical",
     size: "large"
   }, {
-    default: S(() => [
+    default: y(() => [
       B(s, {
         "field-names": e.fieldNames,
         "model-value": a.modelValue,
@@ -574,66 +574,66 @@ const sn = /* @__PURE__ */ Q(an, [["render", rn], ["__file", "Cascader.vue"]]),
   setup(t, { expose: n, emit: a }) {
     const e = t, o = a, l = m({});
     ue(async () => {
-      const h = await Xe();
+      const x = await Xe();
       l.value = {
-        Authorization: `Bearer ${h}`
+        Authorization: `Bearer ${x}`
       };
     });
-    const s = (h) => ge(e.validations, h), c = Fe(), i = c.apiBase, r = m(null), d = m("");
-    function g(h, k, I) {
-      return h.replace(/{WorkflowId}/g, k).replace(/{ClassName}/g, I);
+    const s = (x) => ge(e.validations, x), c = Le(), i = c.apiBase, r = m(null), u = m("");
+    function g(x, b, h) {
+      return x.replace(/{WorkflowId}/g, b).replace(/{ClassName}/g, h);
     }
-    const _ = W(() => {
+    const _ = G(() => {
       if (e.config.uploadURL) {
-        const h = i + e.config.uploadURL;
-        return g(h, d.value, e.className);
+        const x = i + e.config.uploadURL;
+        return g(x, u.value, e.className);
       }
       return "";
-    }), b = (h) => {
-      h.stopPropagation(), r.value.submit();
+    }), S = (x) => {
+      x.stopPropagation(), r.value.submit();
     };
-    function f(h) {
-      const { file: k, name: I } = h, V = I ?? k.name;
-      return new Promise((C, U) => {
+    function f(x) {
+      const { file: b, name: h } = x, I = h ?? b.name;
+      return new Promise((A, U) => {
         pt.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${V}?`,
+          content: `Are you sure you want to delete ${I}?`,
           async onOk() {
-            if (h.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(h.uid), C(!0);
-            C(!0);
+            if (x.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(x.uid), A(!0);
+            A(!0);
           },
           onCancel: () => U("cancel")
         });
       });
     }
-    const p = m(null), x = m(null), J = (h) => {
-      p.value && (p.value(h), p.value = null, x.value = null);
-    }, Z = (h) => {
-      x.value && (x.value(h), p.value = null, x.value = null);
-    }, j = m([]), X = (h) => {
-      j.value = h.filter((k) => k.status === "init");
+    const p = m(null), V = m(null), J = (x) => {
+      p.value && (p.value(x), p.value = null, V.value = null);
+    }, ee = (x) => {
+      V.value && (V.value(x), p.value = null, V.value = null);
+    }, $ = m([]), X = (x) => {
+      $.value = x.filter((b) => b.status === "init");
     };
     n({
-      submit(h) {
-        return new Promise((k, I) => {
-          r.value ? (e.config.uploadURL && (d.value = h), p.value = k, x.value = I, j.value.length ? lt(() => {
+      submit(x) {
+        return new Promise((b, h) => {
+          r.value ? (e.config.uploadURL && (u.value = x), p.value = b, V.value = h, $.value.length ? lt(() => {
             r.value?.submit();
-          }) : k(h)) : k(h);
+          }) : b(x)) : b(x);
         });
       },
       validate() {
-        const h = s(e.modelValue);
+        const x = e.config.files ?? [], b = [...$.value, ...x].length > 0 ? "hasFile" : "", h = s(b);
         return o("error", h.res ? "" : h.errorMessages), h.res;
       }
     });
-    const oe = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: d, replaceIdAndClassName: g, action: _, submit: b, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: x, handleUploadSuccess: J, handleUploadError: Z, readyFiles: j, onChange: X };
+    const oe = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: g, action: _, submit: S, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: V, handleUploadSuccess: J, handleUploadError: ee, readyFiles: $, onChange: X };
     return Object.defineProperty(oe, "__isScriptSetup", { enumerable: !1, value: !0 }), oe;
   }
 });
 function cn(t, n, a, e, o, l) {
-  const s = w("a-button"), c = w("a-upload");
-  return u(), H(c, {
+  const s = C("a-button"), c = C("a-upload");
+  return d(), F(c, {
     ref: "uploadRef",
     "default-file-list": e.props.config.files,
     action: e.action,
@@ -646,10 +646,10 @@ function cn(t, n, a, e, o, l) {
     onSuccess: e.handleUploadSuccess,
     onError: e.handleUploadError
   }, {
-    "start-icon": S(() => n[0] || (n[0] = [])),
-    "upload-button": S(() => [
+    "start-icon": y(() => n[0] || (n[0] = [])),
+    "upload-button": y(() => [
       B(s, { type: "primary" }, {
-        default: S(() => n[1] || (n[1] = [
+        default: y(() => n[1] || (n[1] = [
           re("Select File", -1)
         ])),
         _: 1,
@@ -675,8 +675,8 @@ const dn = /* @__PURE__ */ Q(ln, [["render", cn], ["__file", "FileUpload.vue"]])
       o("update:modelValue", r), o("input", r);
     }, c = (r) => {
       o("update:modelValue", r);
-      const d = l(r);
-      o("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
+      const u = l(r);
+      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
         g.event === "change" && o(g.event, g.handlerName, r);
       });
     };
@@ -691,8 +691,8 @@ const dn = /* @__PURE__ */ Q(ln, [["render", cn], ["__file", "FileUpload.vue"]])
   }
 });
 function fn(t, n, a, e, o, l) {
-  const s = w("ATextarea");
-  return u(), H(s, {
+  const s = C("ATextarea");
+  return d(), F(s, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
@@ -717,8 +717,8 @@ const pn = /* @__PURE__ */ Q(un, [["render", fn], ["__file", "TextArea.vue"]]),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
     const e = t, o = a, l = ye(t, "modelValue"), s = (r) => ge(e.validations, r), c = (r) => {
-      const d = s(r);
-      o("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
+      const u = s(r);
+      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
         g.event === "change" && o(g.event, g.handlerName, r);
       });
     };
@@ -733,15 +733,15 @@ const pn = /* @__PURE__ */ Q(un, [["render", fn], ["__file", "TextArea.vue"]]),
   }
 });
 function gn(t, n, a, e, o, l) {
-  const s = w("ACheckbox");
-  return u(), H(s, {
+  const s = C("ACheckbox");
+  return d(), F(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: S(() => n[1] || (n[1] = [
+    default: y(() => n[1] || (n[1] = [
       re("Yes", -1)
     ])),
     _: 1,
@@ -788,7 +788,7 @@ const wn = E({
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = et("icon"), e = W(() => [a, `${a}-question-circle`, { [`${a}-spin`]: t.spin }]), o = W(() => {
+    const a = et("icon"), e = G(() => [a, `${a}-question-circle`, { [`${a}-spin`]: t.spin }]), o = G(() => {
       const s = {};
       return t.size && (s.fontSize = tt(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -802,7 +802,7 @@ const wn = E({
   }
 }), kn = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function Cn(t, n, a, e, o, l) {
-  return u(), A("svg", {
+  return d(), w("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -814,8 +814,8 @@ function Cn(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] = [
-    y("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
-    y("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
+    k("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
+    k("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
   ]), 14, kn);
 }
 var Ue = /* @__PURE__ */ nt(wn, [["render", Cn]]);
@@ -852,7 +852,7 @@ const Sn = Object.assign(Ue, {
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = et("icon"), e = W(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = W(() => {
+    const a = et("icon"), e = G(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = G(() => {
       const s = {};
       return t.size && (s.fontSize = tt(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -866,7 +866,7 @@ const Sn = Object.assign(Ue, {
   }
 }), An = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function Vn(t, n, a, e, o, l) {
-  return u(), A("svg", {
+  return d(), w("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -878,7 +878,7 @@ function Vn(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] = [
-    y("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+    k("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, An);
 }
 var De = /* @__PURE__ */ nt(xn, [["render", Vn]]);
@@ -904,7 +904,7 @@ const In = Object.assign(De, {
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = ye(t, "modelValue"), s = He("widgetRef"), c = W(() => {
+    const e = t, o = a, l = ye(t, "modelValue"), s = Fe("widgetRef"), c = G(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return Ke;
@@ -925,20 +925,23 @@ const In = Object.assign(De, {
         default:
           return Ke;
       }
-    }), i = m(""), r = (b) => {
-      i.value = b;
-    }, d = (b, f) => {
-      o("change", b, f);
+    }), i = m(""), r = (f) => {
+      i.value = f;
+    }, u = (f, p) => {
+      o("change", f, p);
     };
     function g() {
       return e.config?.widget?.widget === "File";
     }
+    function _(f) {
+      return f === "OtherInformationText" ? "Other Information" : f === "Other Information" ? "" : f;
+    }
     n({
       isFileUpload() {
         return e.config?.widget?.widget === "File";
       },
-      submit(b) {
-        return g() ? s.value.submit(b) : Promise.resolve(b);
+      submit(f) {
+        return g() ? s.value.submit(f) : Promise.resolve(f);
       },
       validate() {
         return s.value?.validate();
@@ -947,10 +950,10 @@ const In = Object.assign(De, {
         return e?.config?.widget?.title;
       }
     });
-    const _ = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: d, isFileUpload: g, get IconQuestionCircle() {
+    const S = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: g, formatTitle: _, get IconQuestionCircle() {
       return Sn;
     } };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+    return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
   }
 }), Pn = { class: "title" }, Nn = {
   key: 0,
@@ -960,23 +963,23 @@ const In = Object.assign(De, {
   class: "err-msg"
 };
 function Dn(t, n, a, e, o, l) {
-  const s = w("a-tooltip");
-  return u(), A("div", null, [
-    y("div", Pn, [
-      re(te(e.props?.config?.widget?.title) + " ", 1),
-      e.props.config.validations.length ? (u(), A("span", Nn, "*")) : ne("", !0),
-      e.props.config.widget.isVisible ? (u(), H(s, {
-        key: 1,
-        content: e.props.config.outputText
-      }, {
-        default: S(() => [
+  const s = C("a-tooltip");
+  return d(), w("div", null, [
+    k("div", Pn, [
+      re(Z(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
+      e.props.config.validations.length ? (d(), w("span", Nn, "*")) : ne("", !0),
+      e.props.config.widget.isVisible ? (d(), F(s, { key: 1 }, {
+        content: y(() => [
+          (d(!0), w(O, null, W(e.props.config.widget.outputText, (c) => (d(), w("div", null, Z(c), 1))), 256))
+        ]),
+        default: y(() => [
           B(e.IconQuestionCircle, { class: "icon" })
         ]),
         _: 1
-      }, 8, ["content"])) : ne("", !0)
+      })) : ne("", !0)
     ]),
-    y("div", null, [
-      (u(), H(Le(e.curComp), {
+    k("div", null, [
+      (d(), F(He(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
         "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
@@ -988,11 +991,11 @@ function Dn(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(), A("div", Un, te(e.errMsg), 1)) : ne("", !0)
+      e.errMsg.length > 0 ? (d(), w("div", Un, Z(e.errMsg), 1)) : ne("", !0)
     ])
   ]);
 }
-const $e = /* @__PURE__ */ Q(Tn, [["render", Dn], ["__scopeId", "data-v-c58800cc"], ["__file", "index.vue"]]), Bn = /* @__PURE__ */ E({
+const je = /* @__PURE__ */ Q(Tn, [["render", Dn], ["__scopeId", "data-v-03fe127c"], ["__file", "index.vue"]]), Bn = /* @__PURE__ */ E({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1010,20 +1013,20 @@ const $e = /* @__PURE__ */ Q(Tn, [["render", Dn], ["__scopeId", "data-v-c58800cc
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function Hn(t, n, a, e, o, l) {
-  const s = w("AButton");
-  return u(), H(s, {
+function Fn(t, n, a, e, o, l) {
+  const s = C("AButton");
+  return d(), F(s, {
     loading: a.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
-    default: S(() => [
+    default: y(() => [
       de(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const Ge = /* @__PURE__ */ Q(Bn, [["render", Hn], ["__file", "SubmitButton.vue"]]), Ln = /* @__PURE__ */ E({
+const Ge = /* @__PURE__ */ Q(Bn, [["render", Fn], ["__file", "SubmitButton.vue"]]), Hn = /* @__PURE__ */ E({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1041,16 +1044,16 @@ const Ge = /* @__PURE__ */ Q(Bn, [["render", Hn], ["__file", "SubmitButton.vue"]
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function Fn(t, n, a, e, o, l) {
-  const s = w("ALink");
-  return u(), H(s, { onClick: e.clickHandler }, {
-    default: S(() => [
+function Ln(t, n, a, e, o, l) {
+  const s = C("ALink");
+  return d(), F(s, { onClick: e.clickHandler }, {
+    default: y(() => [
       de(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Rn = /* @__PURE__ */ Q(Ln, [["render", Fn], ["__file", "DetailLink.vue"]]), $n = /* @__PURE__ */ E({
+const Rn = /* @__PURE__ */ Q(Hn, [["render", Ln], ["__file", "DetailLink.vue"]]), jn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     config: {},
@@ -1060,10 +1063,10 @@ const Rn = /* @__PURE__ */ Q(Ln, [["render", Fn], ["__file", "DetailLink.vue"]])
   setup(t, { expose: n, emit: a }) {
     n();
     const e = t, o = a;
-    function l(d, g) {
-      o("click", e.config.widget, d, g, e.config.title);
+    function l(u, g) {
+      o("click", e.config.widget, u, g, e.config.title);
     }
-    const s = W(() => {
+    const s = G(() => {
       switch (e.config.location) {
         case "InOperation":
           return Ge;
@@ -1072,41 +1075,41 @@ const Rn = /* @__PURE__ */ Q(Ln, [["render", Fn], ["__file", "DetailLink.vue"]])
         default:
           return Ge;
       }
-    }), c = W(() => e.config.widget === Y.Submit ? e.config.requestUrl ?? "" : e.config.widget === Y.Link ? e.config.redirectUrl ?? "" : ""), i = W(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
+    }), c = G(() => e.config.widget === Y.Submit ? e.config.requestUrl ?? "" : e.config.widget === Y.Link ? e.config.redirectUrl ?? "" : ""), i = G(() => 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 jn(t, n, a, e, o, l) {
-  return u(), H(Le(e.curComp), {
+function $n(t, n, a, e, o, l) {
+  return d(), F(He(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: a.loading,
     onClick: e.clickHandler
   }, {
-    default: S(() => [
-      re(te(e.props.config.title), 1)
+    default: y(() => [
+      re(Z(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Se = /* @__PURE__ */ Q($n, [["render", jn], ["__file", "index.vue"]]), ot = Symbol("library-router");
+const Se = /* @__PURE__ */ Q(jn, [["render", $n], ["__file", "index.vue"]]), ot = Symbol("library-router");
 function xe() {
   const t = me(ot, null);
   return t || mt();
 }
 const at = Symbol("library-triggers");
-function je() {
+function $e() {
   const t = me(at, null);
   return t || {};
 }
-const Mn = Symbol("library-pinia"), rt = Symbol("library-bpmStore"), st = Symbol("library-svrStore");
+const On = Symbol("library-pinia"), rt = Symbol("library-bpmStore"), st = Symbol("library-svrStore");
 function Ae() {
   return me(rt, null);
 }
 function Ve() {
   return me(st, null);
 }
-const On = /* @__PURE__ */ E({
+const Mn = /* @__PURE__ */ E({
   __name: "TopBar",
   props: {
     title: {},
@@ -1120,25 +1123,25 @@ const On = /* @__PURE__ */ E({
   }
 }), En = { class: "top-bar" }, zn = { class: "banner-info" }, Kn = { class: "page-title" }, Wn = { class: "page-subtitle" }, Gn = { class: "avatar-wrapper" }, qn = { class: "user-email" };
 function Yn(t, n, a, e, o, l) {
-  const s = w("a-avatar"), c = w("a-popover");
-  return u(), A("div", En, [
-    y("div", zn, [
-      y("div", Kn, te(a.title), 1),
-      y("div", Wn, te(a.subTitle), 1)
+  const s = C("a-avatar"), c = C("a-popover");
+  return d(), w("div", En, [
+    k("div", zn, [
+      k("div", Kn, Z(a.title), 1),
+      k("div", Wn, Z(a.subTitle), 1)
     ]),
-    y("div", Gn, [
+    k("div", Gn, [
       B(c, { trigger: "click" }, {
-        content: S(() => [
-          y("div", qn, te(a.email), 1)
+        content: y(() => [
+          k("div", qn, Z(a.email), 1)
         ]),
-        default: S(() => [
+        default: y(() => [
           B(s, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
-            default: S(() => [
-              re(te(a.email.charAt(0).toUpperCase()), 1)
+            default: y(() => [
+              re(Z(a.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -1148,9 +1151,9 @@ function Yn(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ie = /* @__PURE__ */ Q(On, [["render", Yn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
-function Me(t) {
-  const n = Fe(), a = [];
+const Ie = /* @__PURE__ */ Q(Mn, [["render", Yn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+function Oe(t) {
+  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);
@@ -1205,10 +1208,10 @@ class Ce {
     return Vt(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
   }
   getFiles() {
-    return this.getWorkflowId() ? jt(this.className, this.getWorkflowId()) : Promise.resolve({});
+    return this.getWorkflowId() ? $t(this.className, this.getWorkflowId()) : Promise.resolve({});
   }
   removeFile(n) {
-    return Mt(this.className, n);
+    return Ot(this.className, n);
   }
   getProcess() {
     return Rt(this.className, this.getWorkflowId());
@@ -1220,7 +1223,7 @@ class Ce {
     return Wt(this.getWorkflowId());
   }
   getApprovers() {
-    return Ot();
+    return Mt();
   }
   assignApprover(n) {
     return Et(this.getWorkflowId(), n);
@@ -1240,7 +1243,7 @@ const Qn = /* @__PURE__ */ E({
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ae(), e = Ve(), o = xe(), l = je(), s = He("dataWidgets"), c = pe(), i = t, r = m({
+    const a = Ae(), e = Ve(), o = xe(), l = $e(), s = Fe("dataWidgets"), c = pe(), i = t, r = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1248,104 +1251,104 @@ const Qn = /* @__PURE__ */ E({
         title: "",
         subTitle: ""
       }
-    }), d = m([]), g = m({});
-    function _(I) {
-      return I ? Object.entries(I).map(([C, U]) => ({
-        fieldKey: C,
+    }), u = m([]), g = m({});
+    function _(h) {
+      return h ? Object.entries(h).map(([A, U]) => ({
+        fieldKey: A,
         ...U
-      })).filter((C) => C.widget && C.widget.widget !== "Hidden").filter((C) => !X.value.includes(C.fieldKey)) : [];
+      })).filter((A) => A.widget && A.widget.widget !== "Hidden").filter((A) => !X.value.includes(A.fieldKey)) : [];
     }
-    function b(I) {
-      return I ? Object.entries(I).filter(([C, U]) => U.dependent).reduce((C, [U, $]) => (C[U] = $.dependent, C), {}) : [];
+    function S(h) {
+      return h ? Object.entries(h).filter(([A, U]) => U.dependent).reduce((A, [U, j]) => (A[U] = j.dependent, A), {}) : [];
     }
-    const f = W(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), x = m(!1);
+    const f = G(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), V = m(!1);
     ue(async () => {
-      x.value = !0;
-      const I = new Te().setWorkflowId(i.workflowId).setClassName(i.className).setStore({ svrStore: e, bpmStore: a }).build();
-      r.value = await I.getPageData(), d.value = _(r.value.fields), g.value = b(r.value.fields);
-      for (const V in r.value.fields) {
-        if (r.value.fields[V].widget?.widget === "File") {
-          const C = d.value.find((U) => U.fieldKey === V);
-          C && C.widget && (C.widget.files = []);
+      V.value = !0;
+      const h = new Te().setWorkflowId(i.workflowId).setClassName(i.className).setStore({ svrStore: e, bpmStore: a }).build();
+      r.value = await h.getPageData(), u.value = _(r.value.fields), g.value = S(r.value.fields);
+      for (const I in r.value.fields) {
+        if (r.value.fields[I].widget?.widget === "File") {
+          const A = u.value.find((U) => U.fieldKey === I);
+          A && A.widget && (A.widget.files = []);
         }
-        p.value[V] = r.value.fields[V].modelValue;
+        p.value[I] = r.value.fields[I].modelValue;
       }
-      x.value = !1;
+      V.value = !1;
     });
     function J() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function Z(I, V, C, U, $) {
-      switch (V) {
+    async function ee(h, I, A, U, j) {
+      switch (I) {
         case Y.Submit:
-          let F = !0;
-          if (s.value?.forEach((G) => {
-            G?.validate && (G.validate() || (F = !1));
-          }), !F) {
+          let L = !0;
+          if (s.value?.forEach((q) => {
+            q?.validate && (q.validate() || (L = !1));
+          }), !L) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          x.value = !0;
+          V.value = !0;
           try {
-            const G = await Tt(i.className, { ...p.value, ...g.value }, C), se = s.value?.map((ie) => ie?.submit ? ie.submit(G.toString()) : Promise.resolve()) || [];
-            await Promise.all(se), x.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${G.toString()}.`), o.push({ name: "Details", params: { workflowId: G.toString() } });
+            const q = await Tt(i.className, { ...p.value, ...g.value }, A), se = s.value?.map((ie) => ie?.submit ? ie.submit(q.toString()) : Promise.resolve()) || [];
+            await Promise.all(se), V.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${q.toString()}.`), o.push({ name: "Details", params: { workflowId: q.toString() } });
           } catch {
-            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), x.value = !1;
+            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), V.value = !1;
           }
           break;
         case Y.Link:
           try {
-            await l[I.eventName || ""]?.(p.value, X), o.push({ name: U, params: { className: i.className } });
-          } catch (G) {
-            console.error("Error in link action trigger:", G);
+            await l[h.eventName || ""]?.(p.value, X), o.push({ name: U, params: { className: i.className } });
+          } catch (q) {
+            console.error("Error in link action trigger:", q);
           }
           break;
         default:
-          console.warn("Unknown action type:", V);
+          console.warn("Unknown action type:", I);
       }
     }
-    const j = [
+    const $ = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], X = m(j);
-    function oe(I, V) {
-      l[I]?.({ fieldValue: V, hiddenFields: X, formData: p }), r.value && (d.value = _(r.value.fields));
+    ], X = m($);
+    function oe(h, I) {
+      l[h]?.({ fieldValue: I, hiddenFields: X, formData: p }), r.value && (u.value = _(r.value.fields));
     }
-    const h = W(() => Me(d.value)), k = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: d, _dependent: g, genField: _, genDependentField: b, reversedActions: f, _data: p, loading: x, getApproverEmail: J, clickHandler: Z, newHiddenFields: j, hiddenFields: X, changeHandler: oe, groupedFields: h, DataWidgets: $e, ActionButton: Se, TopBar: Ie };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+    const x = G(() => Oe(u.value)), b = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: V, getApproverEmail: J, clickHandler: ee, newHiddenFields: $, hiddenFields: X, changeHandler: oe, groupedFields: x, DataWidgets: je, ActionButton: Se, TopBar: Ie };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
   }
 }), Jn = { class: "page-container" }, Xn = { class: "page-body" }, Zn = { class: "form-card" }, eo = { class: "form-fields-vertical" }, to = { class: "form-fields" }, no = {
   key: 0,
   class: "form-content"
 }, oo = { class: "page-footer" }, ao = { class: "action-container" }, ro = { class: "action-buttons" };
 function so(t, n, a, e, o, l) {
-  const s = w("a-card"), c = w("a-spin");
-  return u(), A("div", Jn, [
+  const s = C("a-card"), c = C("a-spin");
+  return d(), w("div", Jn, [
     B(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", Xn, [
+    k("div", Xn, [
       B(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: S(() => [
-          y("div", Zn, [
-            y("div", eo, [
-              (u(!0), A(O, null, q(e.groupedFields, (i) => (u(), H(s, {
+        default: y(() => [
+          k("div", Zn, [
+            k("div", eo, [
+              (d(!0), w(O, null, W(e.groupedFields, (i) => (d(), F(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: S(() => [
-                  y("div", to, [
-                    (u(!0), A(O, null, q(i.fields, (r) => (u(), H(e.DataWidgets, {
+                default: y(() => [
+                  k("div", to, [
+                    (d(!0), w(O, null, W(i.fields, (r) => (d(), F(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1353,7 +1356,7 @@ function so(t, n, a, e, o, l) {
                       config: r,
                       "class-name": a.className,
                       modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (d) => e._data[r.fieldKey] = d,
+                      "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))
@@ -1362,7 +1365,7 @@ function so(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), A("div", no, [
+            t.$slots.content ? (d(), w("div", no, [
               de(t.$slots, "content", {}, void 0, !0)
             ])) : ne("", !0)
           ])
@@ -1370,12 +1373,12 @@ function so(t, n, a, e, o, l) {
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", oo, [
-      y("div", ao, [
+    k("div", oo, [
+      k("div", ao, [
         de(t.$slots, "action", {}, void 0, !0),
-        y("div", ro, [
-          (u(!0), A(O, null, q(e.reversedActions, (i) => (u(), H(e.ActionButton, {
-            key: i.Title,
+        k("div", ro, [
+          (d(!0), w(O, null, W(e.reversedActions, (i) => (d(), F(e.ActionButton, {
+            key: i.title,
             loading: e.loading,
             config: i,
             class: "action-button",
@@ -1386,7 +1389,7 @@ function so(t, n, a, e, o, l) {
     ])
   ]);
 }
-const io = /* @__PURE__ */ Q(Qn, [["render", so], ["__scopeId", "data-v-68ab1bc3"], ["__file", "CreateView.vue"]]), lo = /* @__PURE__ */ E({
+const io = /* @__PURE__ */ Q(Qn, [["render", so], ["__scopeId", "data-v-2fce8732"], ["__file", "CreateView.vue"]]), lo = /* @__PURE__ */ E({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1394,7 +1397,7 @@ const io = /* @__PURE__ */ Q(Qn, [["render", so], ["__scopeId", "data-v-68ab1bc3
   },
   setup(t, { expose: n }) {
     n();
-    const a = xe(), e = je(), o = Ve(), l = Ae(), s = He("dataWidgets"), c = pe(), i = t, r = m({
+    const a = xe(), e = $e(), o = Ve(), l = Ae(), s = Fe("dataWidgets"), c = pe(), i = t, r = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1402,103 +1405,103 @@ const io = /* @__PURE__ */ Q(Qn, [["render", so], ["__scopeId", "data-v-68ab1bc3
         title: "",
         subTitle: ""
       }
-    }), d = m([]), g = m({});
-    function _(k) {
-      return k ? Object.entries(k).map(([V, C]) => ({
-        fieldKey: V,
-        ...C
-      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !j.value.includes(V.fieldKey)) : [];
+    }), u = m([]), g = m({});
+    function _(b) {
+      return b ? Object.entries(b).map(([I, A]) => ({
+        fieldKey: I,
+        ...A
+      })).filter((I) => I.widget && I.widget.widget !== "Hidden").filter((I) => !$.value.includes(I.fieldKey)) : [];
     }
-    function b(k) {
-      return k ? Object.entries(k).filter(([V, C]) => C.dependent).reduce((V, [C, U]) => (V[C] = U.dependent, V), {}) : [];
+    function S(b) {
+      return b ? Object.entries(b).filter(([I, A]) => A.dependent).reduce((I, [A, U]) => (I[A] = U.dependent, I), {}) : [];
     }
-    const f = W(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), x = m(!1);
+    const f = G(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), V = m(!1);
     ue(async () => {
-      x.value = !0;
-      const k = new Te().setPageActionType(fe.Update).setClassName(i.className).setStore({ svrStore: o, bpmStore: l }).setWorkflowId(i.workflowId).build();
-      r.value = await k.getPageData();
-      const I = await k.getBtnList(), V = await k.getFiles();
+      V.value = !0;
+      const b = new Te().setPageActionType(fe.Update).setClassName(i.className).setStore({ svrStore: o, bpmStore: l }).setWorkflowId(i.workflowId).build();
+      r.value = await b.getPageData();
+      const h = await b.getBtnList(), I = await b.getFiles();
       r.value.actions = r.value.actions?.filter((U) => {
-        const $ = I.find((F) => F.button === U.title);
-        return $ ? $.isShow : !0;
+        const j = h.find((L) => L.button === U.title);
+        return j ? j.isShow : !0;
       });
-      const C = r.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: C, hiddenFields: j, formData: p }), d.value = _(r.value.fields), g.value = b(r.value.fields);
+      const A = r.value.fields.requestType.modelValue;
+      e.Test?.({ fieldValue: A, hiddenFields: $, formData: p }), u.value = _(r.value.fields), g.value = S(r.value.fields);
       for (const U in r.value.fields) {
         if (r.value.fields[U].widget?.widget === "File") {
-          const $ = d.value.find((F) => F.fieldKey === U);
-          $ && $.widget && ($.widget.files = V[U] ?? [], $.widget.removeFile = (F) => k.removeFile(F));
+          const j = u.value.find((L) => L.fieldKey === U);
+          j && j.widget && (j.widget.files = I[U] ?? [], j.widget.removeFile = (L) => b.removeFile(L));
         }
         p.value[U] = r.value.fields[U].modelValue;
       }
-      x.value = !1;
+      V.value = !1;
     });
     function J() {
       return o()?.userInfo?.email_address ?? "";
     }
-    async function Z(k, I, V, C, U) {
-      switch (I) {
+    async function ee(b, h, I, A, U) {
+      switch (h) {
         case Y.Submit:
-          let $ = !0;
-          if (s.value?.forEach((F) => {
-            F?.validate && (F.validate() || ($ = !1));
-          }), !$) {
+          let j = !0;
+          if (s.value?.forEach((L) => {
+            L?.validate && (L.validate() || (j = !1));
+          }), !j) {
             c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          x.value = !0;
+          V.value = !0;
           try {
-            const F = await Pt(i.className, i.workflowId, { ...p.value, ...g.value }, V), G = s.value?.map((se) => se?.submit ? se.submit(F.toString()) : Promise.resolve()) || [];
-            await Promise.all(G), x.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${F.toString()}.`);
+            const L = await Pt(i.className, i.workflowId, { ...p.value, ...g.value }, I), q = s.value?.map((se) => se?.submit ? se.submit(L.toString()) : Promise.resolve()) || [];
+            await Promise.all(q), V.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${L.toString()}.`);
           } catch {
-            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), x.value = !1;
+            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), V.value = !1;
           }
           break;
         case Y.Link:
           try {
-            await e[k.eventName || ""]?.(p.value, j), a.push({ name: C, params: { className: i.className } });
+            await e[b.eventName || ""]?.(p.value, $), a.push({ name: A, params: { className: i.className } });
           } catch {
           }
           break;
         default:
-          console.warn("Unknown action type:", I);
+          console.warn("Unknown action type:", h);
       }
     }
-    const j = m([]);
-    function X(k, I) {
-      e[k]?.({ fieldValue: I, hiddenFields: j, formData: p }), r.value && (d.value = _(r.value.fields));
+    const $ = m([]);
+    function X(b, h) {
+      e[b]?.({ fieldValue: h, hiddenFields: $, formData: p }), r.value && (u.value = _(r.value.fields));
     }
-    const oe = W(() => Me(d.value)), h = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: d, _dependent: g, genField: _, genDependentField: b, reversedActions: f, _data: p, loading: x, getApproverEmail: J, clickHandler: Z, hiddenFields: j, changeHandler: X, groupedFields: oe, DataWidgets: $e, ActionButton: Se, TopBar: Ie };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+    const oe = G(() => Oe(u.value)), x = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: V, getApproverEmail: J, clickHandler: ee, hiddenFields: $, changeHandler: X, groupedFields: oe, DataWidgets: je, ActionButton: Se, TopBar: Ie };
+    return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
   }
 }), co = { class: "page-container" }, uo = { class: "page-body" }, fo = { class: "form-card" }, po = { class: "form-fields-vertical" }, mo = { class: "form-fields" }, go = {
   key: 0,
   class: "form-content"
 }, _o = { class: "page-footer" }, vo = { class: "action-container" }, bo = { class: "action-buttons" };
 function ho(t, n, a, e, o, l) {
-  const s = w("a-card"), c = w("a-spin");
-  return u(), A("div", co, [
+  const s = C("a-card"), c = C("a-spin");
+  return d(), w("div", co, [
     B(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", uo, [
+    k("div", uo, [
       B(c, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: S(() => [
-          y("div", fo, [
-            y("div", po, [
-              (u(!0), A(O, null, q(e.groupedFields, (i) => (u(), H(s, {
+        default: y(() => [
+          k("div", fo, [
+            k("div", po, [
+              (d(!0), w(O, null, W(e.groupedFields, (i) => (d(), F(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: S(() => [
-                  y("div", mo, [
-                    (u(!0), A(O, null, q(i.fields, (r) => (u(), H(e.DataWidgets, {
+                default: y(() => [
+                  k("div", mo, [
+                    (d(!0), w(O, null, W(i.fields, (r) => (d(), F(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1506,7 +1509,7 @@ function ho(t, n, a, e, o, l) {
                       config: r,
                       "class-name": a.className,
                       modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (d) => e._data[r.fieldKey] = d,
+                      "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))
@@ -1515,7 +1518,7 @@ function ho(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), A("div", go, [
+            t.$slots.content ? (d(), w("div", go, [
               de(t.$slots, "content", {}, void 0, !0)
             ])) : ne("", !0)
           ])
@@ -1523,12 +1526,12 @@ function ho(t, n, a, e, o, l) {
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", _o, [
-      y("div", vo, [
+    k("div", _o, [
+      k("div", vo, [
         de(t.$slots, "action", {}, void 0, !0),
-        y("div", bo, [
-          (u(!0), A(O, null, q(e.reversedActions, (i) => (u(), H(e.ActionButton, {
-            key: i.Title,
+        k("div", bo, [
+          (d(!0), w(O, null, W(e.reversedActions, (i) => (d(), F(e.ActionButton, {
+            key: i.title,
             loading: e.loading,
             config: i,
             class: "action-button",
@@ -1539,7 +1542,7 @@ function ho(t, n, a, e, o, l) {
     ])
   ]);
 }
-const yo = /* @__PURE__ */ Q(lo, [["render", ho], ["__scopeId", "data-v-c638b3c1"], ["__file", "UpdateView.vue"]]), it = Symbol("library-custom-comp");
+const yo = /* @__PURE__ */ Q(lo, [["render", ho], ["__scopeId", "data-v-a0ee3911"], ["__file", "UpdateView.vue"]]), it = Symbol("library-custom-comp");
 function wo() {
   return me(it, null);
 }
@@ -1551,9 +1554,9 @@ const ko = /* @__PURE__ */ E({
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = Ae(), o = je(), l = xe(), s = wo(), c = pe(), i = t;
+    const a = Ve(), e = Ae(), o = $e(), l = xe(), s = wo(), c = pe(), i = t;
     let r;
-    const d = m({
+    const u = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1566,9 +1569,9 @@ const ko = /* @__PURE__ */ E({
       return P ? Object.entries(P).map(([M, T]) => (typeof T.modelValue == "boolean" ? T.fieldValue = T.modelValue ? "Yes" : "No" : T.fieldValue = T.modelValue, {
         fieldKey: M,
         ...T
-      })).filter((M) => M.widget && M.widget.widget !== "Hidden").filter((M) => !k.value.includes(M.fieldKey)) : [];
+      })).filter((M) => M.widget && M.widget.widget !== "Hidden").filter((M) => !b.value.includes(M.fieldKey)) : [];
     }
-    const b = W(() => Me(g.value)), f = W(() => d.value?.actions ? [...d.value.actions].reverse() : []), p = m(!0), x = (P, L) => {
+    const S = G(() => Oe(g.value)), f = G(() => u.value?.actions ? [...u.value.actions].reverse() : []), p = m(!0), V = (P, H) => {
       const M = P.findIndex((T) => T.isCurrent);
       return P.map((T, ae) => {
         const D = {
@@ -1582,91 +1585,91 @@ const ko = /* @__PURE__ */ E({
         };
         D.title = T.workflowProcessApprovers[0]?.name;
         const ve = T.workflowProcessApprovers[T.workflowProcessApprovers.length - 1], we = T.workflowHistorys[T.workflowHistorys.length - 1], be = we?.workflowHistoryApprovers[we?.workflowHistoryApprovers?.length - 1];
-        if (ve && be && ve?.email?.toLowerCase() !== be?.approverEmail?.toLowerCase() && (D.title = `${be.name}`, D.proxy = `Proxy: ${ve.name}`), T.sort > 1 ? D.sub = "Approver Role: " + T.nodeName.replace("Submit", "").replace("Approve", "") : D.sub = "Submit Application", T.isCurrent && L !== -1)
+        if (ve && be && ve?.email?.toLowerCase() !== be?.approverEmail?.toLowerCase() && (D.title = `${be.name}`, D.proxy = `Proxy: ${ve.name}`), T.sort > 1 ? D.sub = "Approver Role: " + T.nodeName.replace("Submit", "").replace("Approve", "") : D.sub = "Submit Application", T.isCurrent && H !== -1)
           D.desc = "In Approval", D.status = 1;
         else {
-          const ee = T.workflowHistorys[T.workflowHistorys.length - 1];
-          if (ee && ee.status === 100)
-            D.time = ke(ee.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 2, D.desc = "approve success!";
-          else if (ee && ee.status === 999)
-            D.time = ke(ee.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 0, D.desc = "approve reject!";
-          else if (ee)
-            if (D.time = ke(ee.takeActionAt, "yyyy-MM-dd hh:mm:ss"), T.sort === 1)
+          const te = T.workflowHistorys[T.workflowHistorys.length - 1];
+          if (te && te.status === 100)
+            D.time = ke(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 2, D.desc = "approve success!";
+          else if (te && te.status === 999)
+            D.time = ke(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 0, D.desc = "approve reject!";
+          else if (te)
+            if (D.time = ke(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), T.sort === 1)
               D.status = 2, D.desc = "";
             else {
-              const Oe = ee.workflowHistoryApprovers[0];
-              D.status = 3, D.desc = Oe?.reason ? `Rejected reason: ${Oe.reason}` : "Rejected";
+              const Me = te.workflowHistoryApprovers[0];
+              D.status = 3, D.desc = Me?.reason ? `Rejected reason: ${Me.reason}` : "Rejected";
             }
           else ae < M || M === -1 ? (D.status = 0, D.desc = "Skipped") : (D.status = 0, D.desc = "Pending Approval");
-          ee && ee.status;
+          te && te.status;
         }
         return D;
       });
-    }, J = m([]), Z = m(!1), j = m(!1), X = m(!1), oe = m(!1);
-    async function h() {
+    }, J = m([]), ee = m(!1), $ = m(!1), X = m(!1), oe = m(!1);
+    async function x() {
       const P = await r.getBtnList();
-      d.value.actions = d.value.actions?.filter((L) => {
-        const M = P.find((T) => T.button === L.title);
+      u.value.actions = u.value.actions?.filter((H) => {
+        const M = P.find((T) => T.button === H.title);
         return M ? M.isShow : !0;
-      }), Z.value = P.find((L) => L.button === "IsGlobal")?.isShow ?? !1, j.value = P.find((L) => L.button === "AssignButton")?.isShow ?? !1, X.value = P.find((L) => L.button === "AssignList")?.isShow ?? !1, oe.value = P.find((L) => L.button === "AddCommentsButton")?.isShow ?? !1;
+      }), ee.value = P.find((H) => H.button === "IsGlobal")?.isShow ?? !1, $.value = P.find((H) => H.button === "AssignButton")?.isShow ?? !1, X.value = P.find((H) => H.button === "AssignList")?.isShow ?? !1, oe.value = P.find((H) => H.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const k = m([]);
-    async function I() {
-      p.value = !0, r = new Te().setPageActionType(fe.Details).setClassName(i.className).setStore({ svrStore: a, bpmStore: e }).setWorkflowId(i.workflowId).build(), d.value = await r.getPageData();
+    const b = m([]);
+    async function h() {
+      p.value = !0, r = new Te().setPageActionType(fe.Details).setClassName(i.className).setStore({ svrStore: a, bpmStore: e }).setWorkflowId(i.workflowId).build(), u.value = await r.getPageData();
       const P = await r.getFiles();
-      se.value = await r.getApprovers(), F.value = await r.getCommentsHistory(), ie.value = await r.getAssociator(), h();
-      const L = d.value.fields.requestType.modelValue;
-      o.Test?.({ fieldValue: L, hiddenFields: k }), g.value = _(d.value.fields);
-      for (const T in d.value.fields)
-        if (d.value.fields[T].widget?.widget === "File") {
+      se.value = await r.getApprovers(), L.value = await r.getCommentsHistory(), ie.value = await r.getAssociator(), x();
+      const H = u.value.fields.requestType.modelValue;
+      o.Test?.({ fieldValue: H, hiddenFields: b }), g.value = _(u.value.fields);
+      for (const T in u.value.fields)
+        if (u.value.fields[T].widget?.widget === "File") {
           const ae = g.value.find((D) => D.fieldKey === T);
           ae && ae.widget && (ae.widget.files = P[T] ?? []);
         }
       const M = await r.getProcess();
-      J.value = x(M, 0), p.value = !1;
+      J.value = V(M, 0), p.value = !1;
     }
-    ue(I);
-    async function V(P, L) {
-      return o[P]?.(L);
+    ue(h);
+    async function I(P, H) {
+      return o[P]?.(H);
     }
-    function C() {
+    function A() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function U(P, L, M, T, ae) {
+    async function U(P, H, M, T, ae) {
       try {
-        switch (L) {
+        switch (H) {
           case Y.Submit:
-            const { reason: D, ifGlobal: ve } = await V(ae, { isGlobal: Z.value });
+            const { reason: D, ifGlobal: ve } = await I(ae, { isGlobal: ee.value });
             p.value = !0;
             const we = ae === "Approve" ? "100" : "-1";
-            await Lt(i.className, i.workflowId, C(), D, [Number(i.workflowId)], M, we, ve), p.value = !1;
+            await Ht(i.className, i.workflowId, A(), D, [Number(i.workflowId)], M, we, ve), p.value = !1;
             const be = ae === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
-            c?.appContext.config.globalProperties.$notification.success(be), I();
+            c?.appContext.config.globalProperties.$notification.success(be), h();
             break;
           case Y.Link:
             try {
               await o[P.eventName || ""]?.(), l.push({ name: T, params: { className: i.className, workflowId: i.workflowId } });
-            } catch (ee) {
-              console.error("Error in link action trigger:", ee);
+            } catch (te) {
+              console.error("Error in link action trigger:", te);
             }
             break;
           case Y.Button:
             await o[P.eventName || ""]?.({
               approvers: se,
               associators: ie,
-              isShowAssignSelect: j,
+              isShowAssignSelect: $,
               isShowAssignList: X,
               assignCallback: _e,
               deleteAssociatorCallback: N
             });
             break;
           default:
-            console.warn("Unknown action type:", L);
+            console.warn("Unknown action type:", H);
         }
       } catch {
       }
     }
-    const $ = m(""), F = m([]), G = m(""), se = m([]), ie = m([]);
+    const j = m(""), L = m([]), q = m(""), se = m([]), ie = m([]);
     async function _e(P) {
       if (!P) {
         c?.appContext.config.globalProperties.$message.error("Please select an approver");
@@ -1674,21 +1677,21 @@ const ko = /* @__PURE__ */ E({
       }
       await v("Confirm Assign Approver", "Do you want to assign the selected approver?");
       try {
-        await r.assignApprover(P), ie.value = await r.getAssociator(), h(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
-      } catch (L) {
-        if (L.status === 409) {
+        await r.assignApprover(P), ie.value = await r.getAssociator(), x(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+      } catch (H) {
+        if (H.status === 409) {
           c?.appContext.config.globalProperties.$notification.error("This user is already an associator");
           return;
         }
         c?.appContext.config.globalProperties.$notification.error("Failed to assign approver");
       }
     }
-    async function v(P, L) {
+    async function v(P, H) {
       const { Modal: M } = await import("@arco-design/web-vue");
       return new Promise((T, ae) => {
         M.confirm({
           title: P,
-          content: L,
+          content: H,
           okText: "OK",
           cancelText: "Cancel",
           onOk: () => T(!0),
@@ -1709,17 +1712,17 @@ const ko = /* @__PURE__ */ E({
       }
     }
     async function R() {
-      if (!$.value.trim()) {
+      if (!j.value.trim()) {
         c?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await r.addComments($.value.trim()), $.value = "", F.value = await r.getCommentsHistory(), c?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
+      await r.addComments(j.value.trim()), j.value = "", L.value = await r.getCommentsHistory(), c?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
     }
     const le = { svrStore: a, bpmStore: e, triggers: o, router: l, customComps: s, instance: c, props: i, get page() {
       return r;
     }, set page(P) {
       r = P;
-    }, pageData: d, _fields: g, genField: _, groupedFields: b, reversedActions: f, loading: p, mapWorkflowSteps: x, steps: J, isGlobal: Z, isShowAssignSelect: j, isShowAssignList: X, isShowCommentTextArea: oe, reloadButtonList: h, hiddenFields: k, load: I, triggerFn: V, getApproverEmail: C, clickHandler: U, comment: $, commentsHistory: F, selectedApprover: G, approvers: se, associators: ie, onAssignApprover: _e, confirmDialog: v, onDeleteAssociator: N, onAddComment: R, ActionButton: Se, get IconDownload() {
+    }, pageData: u, _fields: g, genField: _, groupedFields: S, reversedActions: f, loading: p, mapWorkflowSteps: V, steps: J, isGlobal: ee, isShowAssignSelect: $, isShowAssignList: X, isShowCommentTextArea: oe, reloadButtonList: x, hiddenFields: b, load: h, triggerFn: I, getApproverEmail: A, clickHandler: U, comment: j, commentsHistory: L, selectedApprover: q, approvers: se, associators: ie, onAssignApprover: _e, confirmDialog: v, onDeleteAssociator: N, onAddComment: R, ActionButton: Se, get IconDownload() {
       return In;
     }, TopBar: Ie, get formatDate() {
       return ke;
@@ -1735,51 +1738,51 @@ const ko = /* @__PURE__ */ E({
 }, Uo = { class: "detail-field" }, Do = {
   key: 0,
   class: "detail-content"
-}, Bo = { class: "page-footer" }, Ho = { class: "action-container" }, Lo = { class: "action-buttons" };
-function Fo(t, n, a, e, o, l) {
-  const s = w("a-link"), c = w("a-space"), i = w("a-card");
-  w("a-option"), w("a-select");
-  const r = w("a-button"), d = w("a-list-item"), g = w("a-list"), _ = w("a-textarea"), b = w("a-spin");
-  return u(), A("div", Co, [
+}, Bo = { class: "page-footer" }, Fo = { class: "action-container" }, Ho = { class: "action-buttons" };
+function Lo(t, n, a, e, o, l) {
+  const s = C("a-link"), c = C("a-space"), i = C("a-card");
+  C("a-option"), C("a-select");
+  const r = C("a-button"), u = C("a-list-item"), g = C("a-list"), _ = C("a-textarea"), S = C("a-spin");
+  return d(), w("div", Co, [
     B(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", So, [
-      B(b, {
+    k("div", So, [
+      B(S, {
         loading: e.loading,
         class: "detail-container"
       }, {
-        default: S(() => [
-          y("div", xo, [
-            (u(), H(Le(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            y("div", Ao, [
-              (u(!0), A(O, null, q(e.groupedFields, (f) => (u(), H(i, {
+        default: y(() => [
+          k("div", xo, [
+            (d(), F(He(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            k("div", Ao, [
+              (d(!0), w(O, null, W(e.groupedFields, (f) => (d(), F(i, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: S(() => [
-                  y("div", Vo, [
-                    (u(!0), A(O, null, q(f.fields, (p) => (u(), A("div", {
+                default: y(() => [
+                  k("div", Vo, [
+                    (d(!0), w(O, null, W(f.fields, (p) => (d(), w("div", {
                       key: p.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      y("div", Io, [
-                        y("div", To, te(p.widget?.title), 1),
-                        p.widget?.widget === "File" ? (u(!0), A(O, { key: 0 }, q(p.widget.files, (x) => (u(), A("div", {
+                      k("div", Io, [
+                        k("div", To, Z(p.widget?.title), 1),
+                        p.widget?.widget === "File" ? (d(!0), w(O, { key: 0 }, W(p.widget.files, (V) => (d(), w("div", {
                           class: "field-value",
-                          key: x.id
+                          key: V.id
                         }, [
                           B(c, null, {
-                            default: S(() => [
-                              re(te(x.name) + " ", 1),
+                            default: y(() => [
+                              re(Z(V.name) + " ", 1),
                               B(s, {
-                                href: x.url,
+                                href: V.url,
                                 target: "_blank"
                               }, {
-                                default: S(() => [
+                                default: y(() => [
                                   B(e.IconDownload, { style: { color: "#7A00E6" } })
                                 ]),
                                 _: 2
@@ -1787,7 +1790,7 @@ function Fo(t, n, a, e, o, l) {
                             ]),
                             _: 2
                           }, 1024)
-                        ]))), 128)) : (u(), A("div", Po, te(p.fieldValue), 1))
+                        ]))), 128)) : (d(), w("div", Po, Z(p.fieldValue), 1))
                       ])
                     ]))), 128))
                   ])
@@ -1796,9 +1799,9 @@ function Fo(t, n, a, e, o, l) {
               }, 1032, ["title"]))), 128)),
               ne("", !0),
               ne("", !0),
-              e.isShowCommentTextArea ? (u(), A("div", No, [
-                y("div", Uo, [
-                  n[6] || (n[6] = y("div", { class: "field-label" }, "Comment", -1)),
+              e.isShowCommentTextArea ? (d(), w("div", No, [
+                k("div", Uo, [
+                  n[6] || (n[6] = k("div", { class: "field-label" }, "Comment", -1)),
                   B(_, {
                     modelValue: e.comment,
                     "onUpdate:modelValue": n[1] || (n[1] = (f) => e.comment = f)
@@ -1807,7 +1810,7 @@ function Fo(t, n, a, e, o, l) {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: S(() => n[5] || (n[5] = [
+                    default: y(() => n[5] || (n[5] = [
                       re("Add Comment", -1)
                     ])),
                     _: 1,
@@ -1815,16 +1818,16 @@ function Fo(t, n, a, e, o, l) {
                   })
                 ])
               ])) : ne("", !0),
-              e.commentsHistory.length ? (u(), H(g, { key: 3 }, {
-                header: S(() => n[7] || (n[7] = [
+              e.commentsHistory.length ? (d(), F(g, { key: 3 }, {
+                header: y(() => n[7] || (n[7] = [
                   re(" Comments History ", -1)
                 ])),
-                default: S(() => [
-                  (u(!0), A(O, null, q(e.commentsHistory, (f) => (u(), H(d, {
+                default: y(() => [
+                  (d(!0), w(O, null, W(e.commentsHistory, (f) => (d(), F(u, {
                     key: f.associator
                   }, {
-                    default: S(() => [
-                      re(te(f.associator) + ": " + te(f.comments) + " (" + te(e.formatDate(f.createdAt)) + ") ", 1)
+                    default: y(() => [
+                      re(Z(f.associator) + ": " + Z(f.comments) + " (" + Z(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -1832,7 +1835,7 @@ function Fo(t, n, a, e, o, l) {
                 _: 1
               })) : ne("", !0)
             ]),
-            t.$slots.content ? (u(), A("div", Do, [
+            t.$slots.content ? (d(), w("div", Do, [
               de(t.$slots, "content", {}, void 0, !0)
             ])) : ne("", !0)
           ])
@@ -1840,12 +1843,12 @@ function Fo(t, n, a, e, o, l) {
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", Bo, [
-      y("div", Ho, [
+    k("div", Bo, [
+      k("div", Fo, [
         de(t.$slots, "action", {}, void 0, !0),
-        y("div", Lo, [
-          (u(!0), A(O, null, q(e.reversedActions, (f) => (u(), H(e.ActionButton, {
-            key: f.Title,
+        k("div", Ho, [
+          (d(!0), w(O, null, W(e.reversedActions, (f) => (d(), F(e.ActionButton, {
+            key: f.title,
             loading: e.loading,
             config: f,
             class: "action-button",
@@ -1856,7 +1859,7 @@ function Fo(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ro = /* @__PURE__ */ Q(ko, [["render", Fo], ["__scopeId", "data-v-9de406ef"], ["__file", "DetailView.vue"]]), $o = /* @__PURE__ */ E({
+const Ro = /* @__PURE__ */ Q(ko, [["render", Lo], ["__scopeId", "data-v-180a216d"], ["__file", "DetailView.vue"]]), jo = /* @__PURE__ */ E({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -1874,7 +1877,7 @@ const Ro = /* @__PURE__ */ Q(ko, [["render", Fo], ["__scopeId", "data-v-9de406ef
       filters: []
     });
     function r() {
-      const v = Object.entries(C.value).filter(([, { value: N }]) => N && N !== "").map(([N, { value: R, operator: le }]) => ({
+      const v = Object.entries(A.value).filter(([, { value: N }]) => N && N !== "").map(([N, { value: R, operator: le }]) => ({
         key: N,
         value: R,
         operator: le
@@ -1890,8 +1893,8 @@ const Ro = /* @__PURE__ */ Q(ko, [["render", Fo], ["__scopeId", "data-v-9de406ef
         }]
       };
     }
-    const d = W(() => ({
-      x: b.value.length * 150 + 250
+    const u = G(() => ({
+      x: S.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), g = (v) => {
@@ -1915,20 +1918,20 @@ const Ro = /* @__PURE__ */ Q(ko, [["render", Fo], ["__scopeId", "data-v-9de406ef
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = N;
-    }, _ = m([]), b = m([]), f = m(!0), p = m(!0), x = m(), J = async () => {
+      }), S.value = N;
+    }, _ = m([]), S = m([]), f = m(!0), p = m(!0), V = m(), J = async () => {
       p.value = !0;
       const v = await It(s.className, r());
       _.value = v.data, i.total = v.totalCount, p.value = !1;
-    }, Z = m(!1);
+    }, ee = m(!1);
     ue(async () => {
       f.value = !0;
       const v = new Te().setPageActionType(fe.List).setClassName(s.className).setStore({ svrStore: a, bpmStore: e }).build();
-      c.value = await v.getPageData(), g(c.value.fields), $(c.value.fields), F(), V(c.value?.tabs?.[0]?.key || ""), x.value = c.value.actions, f.value = !1, Z.value = !0;
+      c.value = await v.getPageData(), g(c.value.fields), j(c.value.fields), L(), I(c.value?.tabs?.[0]?.key || ""), V.value = c.value.actions, f.value = !1, ee.value = !0;
     }), dt(() => {
-      Z.value && J();
+      ee.value && J();
     });
-    const j = (v) => {
+    const $ = (v) => {
       i.current = v, J();
     }, X = (v) => {
       i.pageSize = v, J();
@@ -1942,10 +1945,10 @@ const Ro = /* @__PURE__ */ Q(ko, [["render", Fo], ["__scopeId", "data-v-9de406ef
           console.warn("Unknown action type:", v);
       }
     }
-    function h(v, N, R) {
+    function x(v, N, R) {
       switch (v) {
         case Y.Submit:
-          qt(N, { filters: [{ key: "approverList", value: k(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+          qt(N, { filters: [{ key: "approverList", value: b(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case Y.Link:
           o.push({ name: R });
@@ -1954,59 +1957,59 @@ const Ro = /* @__PURE__ */ Q(ko, [["render", Fo], ["__scopeId", "data-v-9de406ef
           console.warn("Unknown action type:", v);
       }
     }
-    function k() {
+    function b() {
       return a()?.userInfo?.email_address ?? "";
     }
-    function I(v, N) {
+    function h(v, N) {
       return typeof v != "string" || v.indexOf("{currentUserEmail}") === -1 ? v : v.replace(/{currentUserEmail}/g, N);
     }
-    function V(v) {
+    function I(v) {
       const N = c.value?.tabs?.find((R) => R.key === v)?.filters;
       i.filters = N?.map((R) => ({
         ...R,
-        value: I(R.value, k())
+        value: h(R.value, b())
       })) || [], i.current = 1, J();
     }
-    const C = m({}), U = m([]);
-    function $(v) {
+    const A = m({}), U = m([]);
+    function j(v) {
       if (!v) return [];
       U.value = Object.entries(v).filter(([, N]) => N.isFiltered).map(([N, R]) => ({ fieldKey: N, fieldConfig: R }));
     }
-    const F = () => {
+    const L = () => {
       const v = {};
       U.value.forEach(({ fieldKey: N, fieldConfig: R }) => {
         v[N] = {}, v[N].value = R.modelValue, v[N].operator = R.operator;
-      }), C.value = v;
-    }, G = () => {
+      }), A.value = v;
+    }, q = () => {
       i.current = 1, J();
     }, se = () => {
-      c.value && F(), G();
+      c.value && L(), q();
     };
     function ie(v, N) {
       return !(v.location !== "InTable" || v.title === "Update" && (N.status === 100 || N.status === -1));
     }
-    const _e = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: d, mapColumns: g, _data: _, _columns: b, loadingPage: f, loadingTable: p, actions: x, loadData: J, mounted: Z, pageChangeHandler: j, pageSizeChangeHandler: X, clickHandler: oe, createHandler: h, getApproverEmail: k, replaceEmail: I, tabHandler: V, searchForm: C, searchableFields: U, mapSearchableFields: $, initSearchForm: F, handleSearch: G, handleReset: se, judgeHiddenActions: ie, ActionButton: Se, DataWidgets: $e, TopBar: Ie };
+    const _e = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: g, _data: _, _columns: S, loadingPage: f, loadingTable: p, actions: V, loadData: J, mounted: ee, pageChangeHandler: $, pageSizeChangeHandler: X, clickHandler: oe, createHandler: x, getApproverEmail: b, replaceEmail: h, tabHandler: I, searchForm: A, searchableFields: U, mapSearchableFields: j, initSearchForm: L, handleSearch: q, handleReset: se, judgeHiddenActions: ie, ActionButton: Se, DataWidgets: je, TopBar: Ie };
     return Object.defineProperty(_e, "__isScriptSetup", { enumerable: !1, value: !0 }), _e;
   }
-}), jo = { class: "list-container" }, Mo = { class: "query-title" };
-function Oo(t, n, a, e, o, l) {
-  const s = w("a-space"), c = w("a-col"), i = w("a-button"), r = w("a-row"), d = w("a-card"), g = w("a-tab-pane"), _ = w("a-tabs"), b = w("a-table");
-  return u(), A("div", jo, [
+}), $o = { class: "list-container" }, Oo = { class: "query-title" };
+function Mo(t, n, a, e, o, l) {
+  const s = C("a-space"), c = C("a-col"), i = C("a-button"), r = C("a-row"), u = C("a-card"), g = C("a-tab-pane"), _ = C("a-tabs"), S = C("a-table");
+  return d(), w("div", $o, [
     B(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    B(d, null, {
-      default: S(() => [
-        y("div", Mo, [
-          n[0] || (n[0] = y("h3", null, "Search Conditions", -1)),
+    B(u, null, {
+      default: y(() => [
+        k("div", Oo, [
+          n[0] || (n[0] = k("h3", null, "Search Conditions", -1)),
           B(s, { size: "medium" }, {
-            default: S(() => [
-              (u(!0), A(O, null, q(e.actions, (f) => (u(), A(O, {
+            default: y(() => [
+              (d(!0), w(O, null, W(e.actions, (f) => (d(), w(O, {
                 key: f.title
               }, [
-                f.location === "InOperation" ? (u(), H(e.ActionButton, {
+                f.location === "InOperation" ? (d(), F(e.ActionButton, {
                   key: 0,
                   config: f,
                   onClick: e.createHandler
@@ -2017,13 +2020,13 @@ function Oo(t, n, a, e, o, l) {
           })
         ]),
         B(r, { gutter: [24, 20] }, {
-          default: S(() => [
-            (u(!0), A(O, null, q(e.searchableFields, (f) => (u(), H(c, {
+          default: y(() => [
+            (d(!0), w(O, null, W(e.searchableFields, (f) => (d(), F(c, {
               key: f.fieldKey,
               span: 6,
               class: "search-col"
             }, {
-              default: S(() => [
+              default: y(() => [
                 B(e.DataWidgets, {
                   name: f.fieldKey,
                   config: f.fieldConfig,
@@ -2038,15 +2041,15 @@ function Oo(t, n, a, e, o, l) {
               span: 6,
               class: "search-col form-buttons"
             }, {
-              default: S(() => [
+              default: y(() => [
                 B(s, { size: "medium" }, {
-                  default: S(() => [
+                  default: y(() => [
                     B(i, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: S(() => n[1] || (n[1] = [
+                      default: y(() => n[1] || (n[1] = [
                         re(" Search ", -1)
                       ])),
                       _: 1,
@@ -2056,7 +2059,7 @@ function Oo(t, n, a, e, o, l) {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: S(() => n[2] || (n[2] = [
+                      default: y(() => n[2] || (n[2] = [
                         re(" Reset ", -1)
                       ])),
                       _: 1,
@@ -2078,15 +2081,15 @@ function Oo(t, n, a, e, o, l) {
       size: "large",
       onTabClick: e.tabHandler
     }, {
-      default: S(() => [
-        (u(!0), A(O, null, q(e.pageData?.tabs, (f) => (u(), H(g, {
+      default: y(() => [
+        (d(!0), w(O, null, W(e.pageData?.tabs, (f) => (d(), F(g, {
           key: f.key,
           title: f.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    B(b, {
+    B(S, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2105,17 +2108,17 @@ function Oo(t, n, a, e, o, l) {
       onPageChange: e.pageChangeHandler,
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
-      optional: S(({ record: f }) => [
+      optional: y(({ record: f }) => [
         B(s, { size: "small" }, {
-          default: S(() => [
-            (u(!0), A(O, null, q(e.actions, (p) => (u(), A(O, {
+          default: y(() => [
+            (d(!0), w(O, null, W(e.actions, (p) => (d(), w(O, {
               key: p.title
             }, [
-              e.judgeHiddenActions(p, f) ? (u(), H(e.ActionButton, {
+              e.judgeHiddenActions(p, f) ? (d(), F(e.ActionButton, {
                 key: 0,
                 config: p,
                 size: "small",
-                onClick: (...x) => e.clickHandler(...x, f.workflowId)
+                onClick: (...V) => e.clickHandler(...V, f.workflowId)
               }, null, 8, ["config", "onClick"])) : ne("", !0)
             ], 64))), 128))
           ]),
@@ -2126,9 +2129,9 @@ function Oo(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const Eo = /* @__PURE__ */ Q($o, [["render", Oo], ["__scopeId", "data-v-639f4f42"], ["__file", "ListView.vue"]]), Yo = {
+const Eo = /* @__PURE__ */ Q(jo, [["render", Mo], ["__scopeId", "data-v-639f4f42"], ["__file", "ListView.vue"]]), Yo = {
   install(t, n = {}) {
-    n.config && ht(n.config), n.router && t.provide(ot, n.router), n.pinia && t.provide(Mn, n.pinia), n.useBpmStore && t.provide(rt, n.useBpmStore), n.useSvrStore && t.provide(st, n.useSvrStore), n.triggers && t.provide(at, n.triggers), n.customComps && t.provide(it, n.customComps), t.component("CreateView", io), t.component("UpdateView", yo), t.component("DetailView", Ro), t.component("ListView", Eo);
+    n.config && ht(n.config), n.router && t.provide(ot, n.router), n.pinia && t.provide(On, n.pinia), n.useBpmStore && t.provide(rt, n.useBpmStore), n.useSvrStore && t.provide(st, n.useSvrStore), n.triggers && t.provide(at, n.triggers), n.customComps && t.provide(it, n.customComps), t.component("CreateView", io), t.component("UpdateView", yo), t.component("DetailView", Ro), t.component("ListView", Eo);
   }
 };
 export {