@chase-shao/vue-component-lib 1.2.112 → 1.2.114

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { ref as g, getCurrentInstance as me, inject as be, defineComponent as G, mergeModels as ce, useModel as Ce, resolveComponent as x, createBlock as H, openBlock as d, onMounted as ge, computed as z, withCtx as C, createElementBlock as v, Fragment as M, renderList as W, createVNode as F, nextTick as bt, createElementVNode as w, createTextVNode as ae, toDisplayString as q, normalizeStyle as tt, normalizeClass as ot, createCommentVNode as se, useTemplateRef as Ie, resolveDynamicComponent as ze, renderSlot as de, reactive as yt, onActivated as wt } from "vue";
-import kt from "axios";
-import { defineStore as St } from "pinia";
-import { useRouter as Ct } from "vue-router";
-import { Modal as xt } from "@arco-design/web-vue";
-const nt = St("main", () => {
+import { ref as g, getCurrentInstance as me, inject as be, defineComponent as G, mergeModels as ce, useModel as Ce, resolveComponent as x, createBlock as H, openBlock as u, onMounted as ge, computed as z, withCtx as C, createElementBlock as v, Fragment as M, renderList as W, createVNode as F, nextTick as yt, createElementVNode as w, createTextVNode as ae, toDisplayString as q, normalizeStyle as et, normalizeClass as tt, createCommentVNode as se, useTemplateRef as Ie, resolveDynamicComponent as ze, renderSlot as ue, reactive as wt, onActivated as kt } from "vue";
+import St from "axios";
+import { defineStore as Ct } from "pinia";
+import { useRouter as xt } from "vue-router";
+import { Modal as Tt } from "@arco-design/web-vue";
+const ot = Ct("main", () => {
   const t = g(void 0), o = g(null);
   return {
     token: t,
     error: o
   };
-}), Tt = async (t) => new Promise((o) => setTimeout(o, t)), At = async (t, o, n, e = void 0) => {
+}), Vt = async (t) => new Promise((o) => setTimeout(o, t)), At = async (t, o, n, e = void 0) => {
   if (t[o] === void 0)
     try {
       t[o] = null, t[o] = await n() || e;
@@ -17,12 +17,12 @@ const nt = St("main", () => {
       console.error(a), t[o] = void 0;
     }
   for (; t[o] === null; )
-    await Tt(100);
+    await Vt(100);
   return t[o];
 }, ke = (t) => {
   const o = `0${t}`;
   return o.substring(o.length - 2);
-}, Ae = (t, o = "yyyy-MM-dd hh:mm:ss") => {
+}, Ve = (t, o = "yyyy-MM-dd hh:mm:ss") => {
   if (!t || typeof t == "string" && t.length === 0)
     return "";
   try {
@@ -46,40 +46,40 @@ const nt = St("main", () => {
   } catch {
     return t.toLocaleString();
   }
-}, Vt = (t, o) => {
+}, It = (t, o) => {
   let n;
   t instanceof Blob ? n = t : n = new Blob([t]);
   const e = document.createElement("a"), a = window.URL.createObjectURL(n);
   e.href = a, e.download = o, e.click(), window.URL.revokeObjectURL(a);
 };
 let $e = {};
-function It(t) {
+function Pt(t) {
   $e = { ...$e, ...t };
 }
 function Ee() {
   return $e;
 }
-const rt = Symbol("library-router");
+const nt = Symbol("library-router");
 let je = null;
-function Pt(t) {
+function Ft(t) {
   je = t ?? null;
 }
 function ve() {
   if (me()) {
-    const o = be(rt, null);
-    return o || Ct();
+    const o = be(nt, null);
+    return o || xt();
   }
   if (je)
     return je;
   throw new Error("Router is unavailable. Pass router when installing the plugin before using useLibraryRouter outside setup().");
 }
-const at = me();
+const rt = me();
 function Me(t) {
   if (!t || typeof t != "object") return !1;
   const o = Object.getPrototypeOf(t);
   return o === Object.prototype || o === null;
 }
-function Ft(t) {
+function at(t) {
   return typeof t != "string" ? t : t.replace(/[&<>"']/g, "");
 }
 function Se(t) {
@@ -91,13 +91,13 @@ function Se(t) {
       o[n] = Se(t[n]);
     }), o;
   }
-  return Ft(t);
+  return at(t);
 }
 function Nt(t) {
   const o = (t.method || "").toLowerCase();
   if (o === "get")
     return t.params && (Me(t.params) || Array.isArray(t.params)) && (t.params = Se(t.params)), t;
-  if (o !== "post") return t;
+  if (!["post", "put"].includes(o)) return t;
   const n = t.headers || {}, a = (n["Content-Type"] || n["content-type"] || "").includes("application/json");
   if (t.data && (a || Me(t.data) || Array.isArray(t.data)))
     if (typeof t.data == "string")
@@ -109,7 +109,7 @@ function Nt(t) {
       }
     else
       t.data = Se(t.data);
-  return t;
+  return t.data && typeof t.data == "string" && (t.data = at(t.data)), t;
 }
 function st() {
   const t = Ee();
@@ -126,7 +126,7 @@ function Rt(t) {
       return t.data.data = t.data.result, t.data;
     case 0:
     default:
-      return at?.appContext.config.globalProperties.$notification.error(t.data.msg), null;
+      return rt?.appContext.config.globalProperties.$notification.error(t.data.msg), null;
   }
 }
 const Ut = (t) => {
@@ -135,15 +135,15 @@ const Ut = (t) => {
       if (t.response.status === 401)
         ve().push("/error/401");
       else if (t.response.status >= 500) {
-        const o = nt();
+        const o = ot();
         o.error = t, ve().push("/error/500");
       }
     }
   } else t.request ? console.error("error with request", t.request) : console.error("Error", t.message);
-  t.message.includes("timeout") && at?.appContext.config.globalProperties.$notification.error("请求超时，请检查网络");
+  t.message.includes("timeout") && rt?.appContext.config.globalProperties.$notification.error("请求超时，请检查网络");
 };
 function it() {
-  const { apiBase: t } = st(), o = kt.create({
+  const { apiBase: t } = st(), o = St.create({
     baseURL: t,
     timeout: 20 * 1e3,
     // 20s
@@ -153,7 +153,7 @@ function it() {
   return o.interceptors.request.use(Nt), o.interceptors.response.use(Rt, Ut), o;
 }
 const lt = async () => {
-  const { apiBase: t, appSecret: o } = st(), n = it(), e = nt();
+  const { apiBase: t, appSecret: o } = st(), n = it(), e = ot();
   return await At(e, "token", async () => {
     const a = await n.post(`${t}/GenerateToken`, {
       appid: "bpm",
@@ -189,10 +189,10 @@ function Bt() {
   }
   return Be(Lt);
 }
-const Ht = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Je = { randomUUID: Ht };
+const Ht = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ge = { randomUUID: Ht };
 function ct(t, o, n) {
-  if (Je.randomUUID && !t)
-    return Je.randomUUID();
+  if (Ge.randomUUID && !t)
+    return Ge.randomUUID();
   t = t || {};
   const e = t.random ?? t.rng?.() ?? Bt();
   if (e.length < 16)
@@ -228,7 +228,7 @@ function Ot(t, o, n) {
         appliesTo: r.propertyNames || ["*"]
       });
     else if (r.attributeType === "UIControl") {
-      const i = r.showToRoles.split(",").map((c) => c.trim()), l = n.bpmStore().employeeInfo.roleList.some((c) => i.includes(c.name)) || r.showToRoles === "";
+      const s = r.showToRoles.split(",").map((c) => c.trim()), l = n.bpmStore().employeeInfo.roleList.some((c) => s.includes(c.name)) || r.showToRoles === "";
       if (r.widget === "Tab") {
         e.tabs || (e.tabs = []), l && e.tabs.push({
           key: ct(),
@@ -254,8 +254,8 @@ function Ot(t, o, n) {
           eventName: r.eventName
         });
       }
-    } else r.attributeType === "Banner" && (e.banner.title = r.title, o === 0 || o === 5 ? e.banner.subTitle = r.subTitle : e.banner.subTitle = Ke(r.subTitle, t.workflowId.propertyValue));
-  }), e.tabs && (e.tabs = e.tabs.sort((r, i) => r.order - i.order));
+    } else r.attributeType === "Banner" && (e.banner.title = r.title, o === 0 || o === 5 ? e.banner.subTitle = r.subTitle : e.banner.subTitle = dt(r.subTitle, t.workflowId.propertyValue));
+  }), e.tabs && (e.tabs = e.tabs.sort((r, s) => r.order - s.order));
   const a = {
     id: "",
     deleteFlag: "",
@@ -263,10 +263,10 @@ function Ot(t, o, n) {
     workFlowReason: "",
     workflowId: ""
   };
-  return Object.entries(t).forEach(([r, i]) => {
+  return Object.entries(t).forEach(([r, s]) => {
     if (r === "__ClassAttributes" || r === "className") return;
     if (r === "id" || r === "deleteFlag" || r === "status" || r === "workFlowReason") {
-      a[r] = i.propertyValue;
+      a[r] = s.propertyValue;
       return;
     }
     if (o !== 3 && r === "workflowId")
@@ -277,8 +277,8 @@ function Ot(t, o, n) {
       isFiltered: !1,
       dependent: "",
       operator: ""
-    }, { attributes: c, propertyValue: s } = i;
-    switch (s) {
+    }, { attributes: c, propertyValue: i } = s;
+    switch (i) {
       case null:
         l.modelValue = "";
         break;
@@ -286,24 +286,24 @@ function Ot(t, o, n) {
         l.modelValue = "";
         break;
       default:
-        l.modelValue = s;
+        l.modelValue = i;
         break;
     }
-    r === "onBehalf" && o === 0 && (l.modelValue = Le.CurrentUserEmail(n)), (o === 1 || o === 5) && (r === "directReports" || r === "employeesInTheTeam") && l.modelValue && (l.modelValue = Number(l.modelValue)), c?.forEach((u) => {
-      u.order || u.Order ? l.order = u.order ?? u.Order : u.attributeType === "UIControl" ? (u.outputText = u.outputText ? JSON.parse(u.outputText) : [], l.widget = {
-        ...u,
+    r === "onBehalf" && o === 0 && (l.modelValue = Le.CurrentUserEmail(n)), (o === 1 || o === 5) && (r === "directReports" || r === "employeesInTheTeam") && l.modelValue && (l.modelValue = Number(l.modelValue)), c?.forEach((d) => {
+      d.order || d.Order ? l.order = d.order ?? d.Order : d.attributeType === "UIControl" ? (d.outputText = d.outputText ? JSON.parse(d.outputText) : [], l.widget = {
+        ...d,
         column: !0
-      }) : u.attributeType === "UIValidationControl" && o !== 3 ? l.widget?.widget !== "CheckBox" && l.validations.push(u) : u.attributeType === "UIListed" ? l.widget = {
-        ...u,
+      }) : d.attributeType === "UIValidationControl" && o !== 3 ? l.widget?.widget !== "CheckBox" && l.validations.push(d) : d.attributeType === "UIListed" ? l.widget = {
+        ...d,
         column: !0
-      } : u.attributeType === "UIFiltered" ? (l.isFiltered = !0, l.operator = u.operatorType) : u.dependentType ? l.dependent = Le[u.dependentType] ? Le[u.dependentType](n) : "" : u.eventType === "Change" && l.triggers?.push({
+      } : d.attributeType === "UIFiltered" ? (l.isFiltered = !0, l.operator = d.operatorType) : d.dependentType ? l.dependent = Le[d.dependentType] ? Le[d.dependentType](n) : "" : d.eventType === "Change" && l.triggers?.push({
         event: "change",
-        handlerName: u.eventName
+        handlerName: d.eventName
       });
     }), e.fields[r] = l;
   }), e.pageFields = a, e;
 }
-const Ye = async (t, o, n, e) => {
+const Je = async (t, o, n, e) => {
   const r = await (await Y()).get(`/General/${o}/${t}/page`, { params: e });
   return Ot(r?.data, t, n);
 }, $t = async (t, o, n) => (await (await Y()).post(`/${o}/${t}/button/List`, null, { params: n }))?.data;
@@ -335,101 +335,91 @@ async function Mt(t, o, n) {
   })).data;
 }
 async function zt(t, o, n, e) {
-  const a = await Y(), r = Ke(e, o);
+  const a = await Y(), r = dt(e, o);
   return (await a.put(r, n))?.data;
 }
-function Ke(t, o) {
+function dt(t, o) {
   return t.replace(/{WorkflowId}/g, encodeURIComponent(o));
 }
-function Et(t, o) {
-  return t.replace(/{ApproverEmail}/g, encodeURIComponent(o));
-}
-function Kt(t, o) {
-  return t.replace(/{WorkFlowReason}/g, encodeURIComponent(o));
-}
-function Wt(t, o) {
-  return t.replace(/{Status}/g, o);
-}
-function qt(t, o) {
-  return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, o);
-}
-function Gt(t, o) {
-  return t.replace(/{ClassName}/g, encodeURIComponent(o));
-}
-async function Jt(t, o, n, e, a, r, i, l) {
-  const c = await Y();
-  let s = Ke(a, o);
-  return s = Et(s, n), s = Kt(s, e), s = Wt(s, r), s = qt(s, i), s = Gt(s, t), (await c.put(s, l))?.data;
+async function Et(t, o, n, e, a, r, s, l) {
+  const c = await Y(), i = {
+    workflowIdList: [o],
+    email: n,
+    reason: e,
+    status: r,
+    ifGlobal: s,
+    className: t,
+    updateObj: { approvedGrade: l }
+  };
+  return (await c.put(a, i))?.data;
 }
-async function Yt(t, o) {
+async function Kt(t, o) {
   const a = (await (await Y()).get(t, { params: { value: o } }))?.data;
-  return Object.entries(a).map(([r, i]) => ({
+  return Object.entries(a).map(([r, s]) => ({
     value: r,
-    label: i
+    label: s
   }));
 }
-async function Qt(t, o) {
+async function Wt(t, o) {
   return (await (await Y()).get(`/General/${t}/${o}/process`))?.data;
 }
-function Zt(t) {
+function qt(t) {
   return {
     uid: t.id ?? ct(),
     name: t.attachmentName ?? "unknown",
     url: t.attachmentKey ?? ""
   };
 }
-async function Xt(t, o) {
-  return (await (await Y()).get(`/General/${t}/${o}/upload/get`))?.data.reduce((r, i) => {
-    const { category: l } = i;
-    return r[l] || (r[l] = []), r[l].push(Zt(i)), r;
+async function Gt(t, o) {
+  return (await (await Y()).get(`/General/${t}/${o}/upload/get`))?.data.reduce((r, s) => {
+    const { category: l } = s;
+    return r[l] || (r[l] = []), r[l].push(qt(s)), r;
   }, {});
 }
-async function eo(t, o) {
+async function Jt(t, o) {
   return (await Y()).post(`/General/${t}/${o}/delete/attachment`);
 }
-async function to() {
+async function Yt() {
   const o = await (await Y()).get("/Grading/dropdown/approvers");
   return Object.entries(o?.data).map(([n, e]) => ({
     label: n,
     value: e
   }));
 }
-async function oo(t, o) {
+async function Qt(t, o) {
   return await (await Y()).post(`Grading/AssignComments/${t}/${encodeURIComponent(o)}`);
 }
-async function no(t, o, n) {
-  return await (await Y()).post(`Grading/AddComments/${t}/${encodeURIComponent(o)}`, n, {
-    headers: { "Content-Type": "application/json;charset=UTF-8" }
-  });
+async function Zt(t, o, n) {
+  return await (await Y()).post(`Grading/AddComments/${t}/${encodeURIComponent(o)}`, { comments: n });
 }
-async function ro(t) {
+async function Xt(t) {
   return (await (await Y()).get(`Grading/GetComments/${t}`))?.data;
 }
-async function ao(t) {
+async function eo(t) {
   return (await (await Y()).get(`Grading/GetAssociator/${t}`))?.data;
 }
-async function so(t) {
+async function to(t) {
   return await (await Y()).delete(`Grading/DeleteAssociator/${t}`);
 }
-async function io(t, o = null) {
+async function oo(t, o = null) {
   const e = await (await Y()).post(t, o, {
     responseType: "blob"
   });
-  Vt(e?.data, "WorkflowData.xlsx");
+  It(e?.data, "WorkflowData.xlsx");
 }
 const ye = (t, o) => {
   let n = "";
   return { res: t.every((a) => {
-    const r = lo(a, o);
+    const r = no(a, o);
     return r || (n = a.errorMessage), r;
   }), errorMessages: n };
-}, lo = (t, o) => {
+}, no = (t, o) => {
   const { ruleName: n, ruleParameter: e } = t;
-  return co[n](e, o);
-}, co = {
+  return ro[n](e, o);
+}, ro = {
   Regex: (t, o) => new RegExp(t).test(o),
   Required: (t, o) => !!o
-}, uo = /* @__PURE__ */ G({
+}, ao = /* @__PURE__ */ G({
   __name: "InputText",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -443,22 +433,22 @@ const ye = (t, o) => {
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Ce(t, "modelValue"), i = (u) => ye(e.validations, u), l = (u) => {
-      a("input", u);
-    }, c = (u) => {
-      const _ = i(u);
+    const e = t, a = n, r = Ce(t, "modelValue"), s = (d) => ye(e.validations, d), l = (d) => {
+      a("input", d);
+    }, c = (d) => {
+      const _ = s(d);
       a("error", _.res ? "" : _.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((h) => {
-        h.event === "change" && a(h.event, h.handlerName, u);
+        h.event === "change" && a(h.event, h.handlerName, d);
       });
     };
     o({
       validate() {
-        const u = i(e.modelValue);
-        return a("error", u.res ? "" : u.errorMessages), u.res;
+        const d = s(e.modelValue);
+        return a("error", d.res ? "" : d.errorMessages), d.res;
       }
     });
-    const s = { props: e, emits: a, model: r, validate: i, inputHandler: l, changeHandler: c };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    const i = { props: e, emits: a, model: r, validate: s, inputHandler: l, changeHandler: c };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 }), Z = (t, o) => {
   const n = t.__vccOpts || t;
@@ -466,9 +456,9 @@ const ye = (t, o) => {
     n[e] = a;
   return n;
 };
-function fo(t, o, n, e, a, r) {
-  const i = x("AInput");
-  return d(), H(i, {
+function so(t, o, n, e, a, r) {
+  const s = x("AInput");
+  return u(), H(s, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     "allow-clear": "",
@@ -479,7 +469,7 @@ function fo(t, o, n, e, a, r) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "max-length"]);
 }
-const Qe = /* @__PURE__ */ Z(uo, [["render", fo], ["__file", "InputText.vue"]]), po = /* @__PURE__ */ G({
+const Ye = /* @__PURE__ */ Z(ao, [["render", so], ["__file", "InputText.vue"]]), io = /* @__PURE__ */ G({
   __name: "InputNumber",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -493,15 +483,15 @@ const Qe = /* @__PURE__ */ Z(uo, [["render", fo], ["__file", "InputText.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Ce(t, "modelValue"), i = g(e.config.maxLength ?? 100), l = g(1);
+    const e = t, a = n, r = Ce(t, "modelValue"), s = g(e.config.maxLength ?? 100), l = g(1);
     ge(() => {
       e.validations && e.validations.forEach((h) => {
-        h.ruleName === "Max" && (i.value = h.ruleParameter), h.ruleName === "Min" && (l.value = h.ruleParameter);
+        h.ruleName === "Max" && (s.value = h.ruleParameter), h.ruleName === "Min" && (l.value = h.ruleParameter);
       });
     });
-    const c = (h) => ye(e.validations, h), s = (h) => {
+    const c = (h) => ye(e.validations, h), i = (h) => {
       a("input", h);
-    }, u = (h) => {
+    }, d = (h) => {
       const y = c(h);
       a("error", y.res ? "" : y.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
         f.event === "change" && a(f.event, f.handlerName, h);
@@ -513,13 +503,13 @@ const Qe = /* @__PURE__ */ Z(uo, [["render", fo], ["__file", "InputText.vue"]]),
         return a("error", h.res ? "" : h.errorMessages), h.res;
       }
     });
-    const _ = { props: e, emits: a, model: r, max: i, min: l, validate: c, inputHandler: s, changeHandler: u };
+    const _ = { props: e, emits: a, model: r, max: s, min: l, validate: c, inputHandler: i, changeHandler: d };
     return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
   }
 });
-function mo(t, o, n, e, a, r) {
-  const i = x("AInputNumber");
-  return d(), H(i, {
+function lo(t, o, n, e, a, r) {
+  const s = x("AInputNumber");
+  return u(), H(s, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     clearable: "",
@@ -531,7 +521,7 @@ function mo(t, o, n, e, a, r) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "max", "min"]);
 }
-const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "InputNumber.vue"]]), _o = /* @__PURE__ */ G({
+const co = /* @__PURE__ */ Z(io, [["render", lo], ["__file", "InputNumber.vue"]]), uo = /* @__PURE__ */ G({
   __name: "SelectList",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -545,7 +535,7 @@ const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g(!1), i = g(e.config.options ?? []), l = Ce(t, "modelValue"), c = (y) => ye(e.validations, y), s = z(() => {
+    const e = t, a = n, r = g(!1), s = g(e.config.options ?? []), l = Ce(t, "modelValue"), c = (y) => ye(e.validations, y), i = z(() => {
       const y = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
         y[f.event] = (m) => {
@@ -554,14 +544,14 @@ const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "InputNumber.vue"]]
           a("error", k.res ? "" : k.errorMessages);
         };
       }), y;
-    }), u = async () => {
+    }), d = async () => {
       if (e.config.dataSourceProvider) {
-        i.value = await Yt(e.config.dataSourceProvider);
+        s.value = await Kt(e.config.dataSourceProvider);
         const y = e.modelValue;
-        y != null && y !== "" && (i.value.some((m) => m.value === y) || a("update:modelValue", ""));
+        y != null && y !== "" && (s.value.some((m) => m.value === y) || a("update:modelValue", ""));
       }
     };
-    ge(u);
+    ge(d);
     const _ = (y) => {
       a("update:modelValue", y);
       const f = c(y);
@@ -575,13 +565,13 @@ const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "InputNumber.vue"]]
         return a("error", y.res ? "" : y.errorMessages), y.res;
       }
     });
-    const h = { props: e, emits: a, loading: r, _options: i, model: l, validate: c, eventHandlers: s, loadOptions: u, changeHandler: _ };
+    const h = { props: e, emits: a, loading: r, _options: s, model: l, validate: c, eventHandlers: i, loadOptions: d, changeHandler: _ };
     return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
-function vo(t, o, n, e, a, r) {
-  const i = x("AOption"), l = x("ASelect");
-  return d(), H(l, {
+function fo(t, o, n, e, a, r) {
+  const s = x("AOption"), l = x("ASelect");
+  return u(), H(l, {
     "allow-clear": "",
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (c) => e.model = c),
@@ -592,7 +582,7 @@ function vo(t, o, n, e, a, r) {
     onChange: e.changeHandler
   }, {
     default: C(() => [
-      (d(!0), v(M, null, W(e._options, (c) => (d(), H(i, {
+      (u(!0), v(M, null, W(e._options, (c) => (u(), H(s, {
         key: c.value,
         value: c.value,
         label: c.label
@@ -601,7 +591,7 @@ function vo(t, o, n, e, a, r) {
     _: 1
   }, 8, ["modelValue", "loading", "disabled"]);
 }
-const Ze = /* @__PURE__ */ Z(_o, [["render", vo], ["__file", "SelectList.vue"]]), ho = /* @__PURE__ */ G({
+const Qe = /* @__PURE__ */ Z(uo, [["render", fo], ["__file", "SelectList.vue"]]), po = /* @__PURE__ */ G({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -609,14 +599,14 @@ const Ze = /* @__PURE__ */ Z(_o, [["render", vo], ["__file", "SelectList.vue"]])
   },
   emits: ["update:modelValue", "change"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g(e.config.options ?? []), i = (s) => {
-      a("update:modelValue", s), a("change", s);
+    const e = t, a = n, r = g(e.config.options ?? []), s = (i) => {
+      a("update:modelValue", i), a("change", i);
     };
     ge(async () => {
       if (e.config) {
-        const s = e.config.dataSourceProvider;
-        if (s) {
-          const _ = await (await Y()).get(s);
+        const i = e.config.dataSourceProvider;
+        if (i) {
+          const _ = await (await Y()).get(i);
           r.value = _.data;
         }
       }
@@ -627,18 +617,18 @@ const Ze = /* @__PURE__ */ Z(_o, [["render", vo], ["__file", "SelectList.vue"]])
         return !0;
       }
     });
-    const c = { props: e, emits: a, _options: r, changeHandler: i, fieldNames: l };
+    const c = { props: e, emits: a, _options: r, changeHandler: s, fieldNames: l };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function bo(t, o, n, e, a, r) {
-  const i = x("ACascader"), l = x("ASpace");
-  return d(), H(l, {
+function mo(t, o, n, e, a, r) {
+  const s = x("ACascader"), l = x("ASpace");
+  return u(), H(l, {
     direction: "vertical",
     size: "large"
   }, {
     default: C(() => [
-      F(i, {
+      F(s, {
         "field-names": e.fieldNames,
         "model-value": n.modelValue,
         options: e._options,
@@ -650,7 +640,7 @@ function bo(t, o, n, e, a, r) {
     _: 1
   });
 }
-const yo = /* @__PURE__ */ Z(ho, [["render", bo], ["__file", "Cascader.vue"]]), Xe = 1024 * 1024, wo = /* @__PURE__ */ G({
+const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "Cascader.vue"]]), Ze = 1024 * 1024, _o = /* @__PURE__ */ G({
   __name: "FileUpload",
   props: {
     className: {},
@@ -664,20 +654,20 @@ const yo = /* @__PURE__ */ Z(ho, [["render", bo], ["__file", "Cascader.vue"]]),
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g({}), i = (p) => ye(e.validations, p), l = Ee(), c = l.apiBase, s = g(null), u = g("");
+    const e = t, a = n, r = g({}), s = (p) => ye(e.validations, p), l = Ee(), c = l.apiBase, i = g(null), d = g("");
     function _(p, L, $) {
       return p.replace(/{WorkflowId}/g, L).replace(/{ClassName}/g, $);
     }
     const h = z(() => {
       if (e.config.uploadURL) {
         const p = c + e.config.uploadURL;
-        return _(p, u.value, e.className);
+        return _(p, d.value, e.className);
       }
       return "";
     });
     function y(p) {
       if (!(typeof p != "number" || p <= 0))
-        return p * Xe;
+        return p * Ze;
     }
     function f(p) {
       if (!(typeof p != "number" || p <= 0))
@@ -692,12 +682,12 @@ const yo = /* @__PURE__ */ Z(ho, [["render", bo], ["__file", "Cascader.vue"]]),
       return typeof L == "number" && L > 0 && p.size > L ? (a("error", `File size cannot exceed ${K(L)}`), !1) : typeof $ == "number" && $ > 0 && p.size < $ ? (a("error", `File size cannot be smaller than ${K($)}`), !1) : (a("error", ""), !0);
     }
     const ie = (p) => {
-      p.stopPropagation(), s.value.submit();
+      p.stopPropagation(), i.value.submit();
     };
     function le(p) {
       const { file: L, name: $ } = p, oe = $ ?? L.name;
-      return new Promise((b, V) => {
-        xt.confirm({
+      return new Promise((b, A) => {
+        Tt.confirm({
           title: "Confirm Delete",
           content: `Are you sure you want to delete ${oe}?`,
           async onOk() {
@@ -705,7 +695,7 @@ const yo = /* @__PURE__ */ Z(ho, [["render", bo], ["__file", "Cascader.vue"]]),
               return await e.config.removeFile(p.uid), b(!0);
             b(!0);
           },
-          onCancel: () => V("cancel")
+          onCancel: () => A("cancel")
         });
       });
     }
@@ -713,33 +703,33 @@ const yo = /* @__PURE__ */ Z(ho, [["render", bo], ["__file", "Cascader.vue"]]),
       I.value && (I.value(p), I.value = null, T.value = null);
     }, S = (p) => {
       T.value && (T.value(p), I.value = null, T.value = null);
-    }, A = g([]), O = (p) => {
-      A.value = p.filter((L) => L.status === "init");
+    }, V = g([]), O = (p) => {
+      V.value = p.filter((L) => L.status === "init");
     };
     o({
       submit(p) {
         return new Promise((L, $) => {
-          s.value ? (e.config.uploadURL && (u.value = p), I.value = L, T.value = $, A.value.length ? lt().then((oe) => {
+          i.value ? (e.config.uploadURL && (d.value = p), I.value = L, T.value = $, V.value.length ? lt().then((oe) => {
             r.value = {
               Authorization: `Bearer ${oe}`
-            }, bt(() => {
-              s.value?.submit();
+            }, yt(() => {
+              i.value?.submit();
             });
           }) : L(p)) : L(p);
         });
       },
       validate() {
-        const p = e.config.files ?? [], L = [...A.value, ...p].length > 0 ? "hasFile" : "", $ = i(L);
+        const p = e.config.files ?? [], L = [...V.value, ...p].length > 0 ? "hasFile" : "", $ = s(L);
         return a("error", $.res ? "" : $.errorMessages), $.res;
       }
     });
-    const D = { props: e, emits: a, headers: r, validate: i, config: l, ApiBase: c, uploadRef: s, id: u, replaceIdAndClassName: _, action: h, MB_SIZE: Xe, mbToBytes: y, normalizeBytes: f, maxFileSize: m, minFileSize: k, maxFileSizeText: ee, minFileSizeText: re, formatFileSize: K, onBeforeUpload: te, submit: ie, onBeforeRemove: le, uploadPromiseResolve: I, uploadPromiseReject: T, handleUploadSuccess: P, handleUploadError: S, readyFiles: A, onChange: O };
+    const D = { props: e, emits: a, headers: r, validate: s, config: l, ApiBase: c, uploadRef: i, id: d, replaceIdAndClassName: _, action: h, MB_SIZE: Ze, mbToBytes: y, normalizeBytes: f, maxFileSize: m, minFileSize: k, maxFileSizeText: ee, minFileSizeText: re, formatFileSize: K, onBeforeUpload: te, submit: ie, onBeforeRemove: le, uploadPromiseResolve: I, uploadPromiseReject: T, handleUploadSuccess: P, handleUploadError: S, readyFiles: V, onChange: O };
     return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
   }
-}), ko = { style: { "margin-top": "8px", color: "#86909c", "font-size": "12px" } };
-function So(t, o, n, e, a, r) {
-  const i = x("a-button"), l = x("a-upload");
-  return d(), v(M, null, [
+}), vo = { style: { "margin-top": "8px", color: "#86909c", "font-size": "12px" } };
+function ho(t, o, n, e, a, r) {
+  const s = x("a-button"), l = x("a-upload");
+  return u(), v(M, null, [
     F(l, {
       ref: "uploadRef",
       "default-file-list": e.props.config.files,
@@ -756,7 +746,7 @@ function So(t, o, n, e, a, r) {
     }, {
       "start-icon": C(() => o[0] || (o[0] = [])),
       "upload-button": C(() => [
-        F(i, { type: "primary" }, {
+        F(s, { type: "primary" }, {
           default: C(() => o[1] || (o[1] = [
             ae("Select File", -1)
           ])),
@@ -766,10 +756,10 @@ function So(t, o, n, e, a, r) {
       ]),
       _: 1
     }, 8, ["default-file-list", "action", "limit", "headers"]),
-    w("div", ko, " The maximum file size for uploads is " + q(e.maxFileSizeText) + ", and the minimum file size is greater than " + q(e.minFileSizeText) + ". ", 1)
+    w("div", vo, " The maximum file size for uploads is " + q(e.maxFileSizeText) + ", and the minimum file size is greater than " + q(e.minFileSizeText) + ". ", 1)
   ], 64);
 }
-const Co = /* @__PURE__ */ Z(wo, [["render", So], ["__file", "FileUpload.vue"]]), xo = /* @__PURE__ */ G({
+const bo = /* @__PURE__ */ Z(_o, [["render", ho], ["__file", "FileUpload.vue"]]), yo = /* @__PURE__ */ G({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -780,28 +770,28 @@ const Co = /* @__PURE__ */ Z(wo, [["render", So], ["__file", "FileUpload.vue"]])
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = (s) => ye(e.validations, s), i = (s) => {
-      a("update:modelValue", s), a("input", s);
-    }, l = (s) => {
-      a("update:modelValue", s);
-      const u = r(s);
-      a("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
-        _.event === "change" && a(_.event, _.handlerName, s);
+    const e = t, a = n, r = (i) => ye(e.validations, i), s = (i) => {
+      a("update:modelValue", i), a("input", i);
+    }, l = (i) => {
+      a("update:modelValue", i);
+      const d = r(i);
+      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
+        _.event === "change" && a(_.event, _.handlerName, i);
       });
     };
     o({
       validate() {
-        const s = r(e.modelValue);
-        return a("error", s.res ? "" : s.errorMessages), s.res;
+        const i = r(e.modelValue);
+        return a("error", i.res ? "" : i.errorMessages), i.res;
       }
     });
-    const c = { props: e, emits: a, validate: r, inputHandler: i, changeHandler: l };
+    const c = { props: e, emits: a, validate: r, inputHandler: s, changeHandler: l };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function To(t, o, n, e, a, r) {
-  const i = x("ATextarea");
-  return d(), H(i, {
+function wo(t, o, n, e, a, r) {
+  const s = x("ATextarea");
+  return u(), H(s, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
@@ -816,7 +806,7 @@ function To(t, o, n, e, a, r) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled", "max-length"]);
 }
-const Ao = /* @__PURE__ */ Z(xo, [["render", To], ["__file", "TextArea.vue"]]), Vo = /* @__PURE__ */ G({
+const ko = /* @__PURE__ */ Z(yo, [["render", wo], ["__file", "TextArea.vue"]]), So = /* @__PURE__ */ G({
   __name: "CheckBox",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -830,25 +820,25 @@ const Ao = /* @__PURE__ */ Z(xo, [["render", To], ["__file", "TextArea.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Ce(t, "modelValue"), i = (s) => ye(e.validations, s), l = (s) => {
-      const u = i(s);
-      a("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
-        _.event === "change" && a(_.event, _.handlerName, s);
+    const e = t, a = n, r = Ce(t, "modelValue"), s = (i) => ye(e.validations, i), l = (i) => {
+      const d = s(i);
+      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
+        _.event === "change" && a(_.event, _.handlerName, i);
       });
     };
     o({
       validate() {
-        const s = i(e.modelValue);
-        return a("error", s.res ? "" : s.errorMessages), s.res;
+        const i = s(e.modelValue);
+        return a("error", i.res ? "" : i.errorMessages), i.res;
       }
     });
-    const c = { props: e, emits: a, model: r, validate: i, changeHandler: l };
+    const c = { props: e, emits: a, model: r, validate: s, changeHandler: l };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function Io(t, o, n, e, a, r) {
-  const i = x("ACheckbox");
-  return d(), H(i, {
+function Co(t, o, n, e, a, r) {
+  const s = x("ACheckbox");
+  return u(), H(s, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     clearable: "",
@@ -862,20 +852,20 @@ function Io(t, o, n, e, a, r) {
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const Po = /* @__PURE__ */ Z(Vo, [["render", Io], ["__file", "CheckBox.vue"]]), Fo = Symbol("ArcoConfigProvider"), No = "arco", Ro = "$arco", ut = (t) => {
+const xo = /* @__PURE__ */ Z(So, [["render", Co], ["__file", "CheckBox.vue"]]), To = Symbol("ArcoConfigProvider"), Vo = "arco", Ao = "$arco", ut = (t) => {
   var o, n, e;
-  const a = me(), r = be(Fo, void 0);
-  return `${(e = (n = r?.prefixCls) != null ? n : (o = a?.appContext.config.globalProperties[Ro]) == null ? void 0 : o.classPrefix) != null ? e : No}-${t}`;
-}, Uo = Object.prototype.toString;
-function dt(t) {
-  return Uo.call(t) === "[object Number]" && t === t;
+  const a = me(), r = be(To, void 0);
+  return `${(e = (n = r?.prefixCls) != null ? n : (o = a?.appContext.config.globalProperties[Ao]) == null ? void 0 : o.classPrefix) != null ? e : Vo}-${t}`;
+}, Io = Object.prototype.toString;
+function ft(t) {
+  return Io.call(t) === "[object Number]" && t === t;
 }
-var ft = (t, o) => {
+var pt = (t, o) => {
   for (const [n, e] of o)
     t[n] = e;
   return t;
 };
-const Do = G({
+const Po = G({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -903,43 +893,43 @@ const Do = G({
   },
   setup(t, { emit: o }) {
     const n = ut("icon"), e = z(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), a = z(() => {
-      const i = {};
-      return t.size && (i.fontSize = dt(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
+      const s = {};
+      return t.size && (s.fontSize = ft(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
     return {
       cls: e,
       innerStyle: a,
-      onClick: (i) => {
-        o("click", i);
+      onClick: (s) => {
+        o("click", s);
       }
     };
   }
-}), Lo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function Bo(t, o, n, e, a, r) {
-  return d(), v("svg", {
+}), Fo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function No(t, o, n, e, a, r) {
+  return u(), v("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: ot(t.cls),
-    style: tt(t.innerStyle),
+    class: tt(t.cls),
+    style: et(t.innerStyle),
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
-    onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
+    onClick: o[0] || (o[0] = (...s) => t.onClick && t.onClick(...s))
   }, o[1] || (o[1] = [
     w("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),
     w("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, Lo);
+  ]), 14, Fo);
 }
-var He = /* @__PURE__ */ ft(Do, [["render", Bo]]);
-const Ho = Object.assign(He, {
+var He = /* @__PURE__ */ pt(Po, [["render", No]]);
+const Ro = Object.assign(He, {
   install: (t, o) => {
     var n;
     const e = (n = o?.iconPrefix) != null ? n : "";
     t.component(e + He.name, He);
   }
-}), Oo = G({
+}), Uo = G({
   name: "IconDownload",
   props: {
     size: {
@@ -967,42 +957,42 @@ const Ho = Object.assign(He, {
   },
   setup(t, { emit: o }) {
     const n = ut("icon"), e = z(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), a = z(() => {
-      const i = {};
-      return t.size && (i.fontSize = dt(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
+      const s = {};
+      return t.size && (s.fontSize = ft(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
     return {
       cls: e,
       innerStyle: a,
-      onClick: (i) => {
-        o("click", i);
+      onClick: (s) => {
+        o("click", s);
       }
     };
   }
-}), $o = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function jo(t, o, n, e, a, r) {
-  return d(), v("svg", {
+}), Do = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Lo(t, o, n, e, a, r) {
+  return u(), v("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: ot(t.cls),
-    style: tt(t.innerStyle),
+    class: tt(t.cls),
+    style: et(t.innerStyle),
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
-    onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
+    onClick: o[0] || (o[0] = (...s) => t.onClick && t.onClick(...s))
   }, o[1] || (o[1] = [
     w("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
-  ]), 14, $o);
+  ]), 14, Do);
 }
-var Oe = /* @__PURE__ */ ft(Oo, [["render", jo]]);
-const Mo = Object.assign(Oe, {
+var Oe = /* @__PURE__ */ pt(Uo, [["render", Lo]]);
+const Bo = Object.assign(Oe, {
   install: (t, o) => {
     var n;
     const e = (n = o?.iconPrefix) != null ? n : "";
     t.component(e + Oe.name, Oe);
   }
-}), zo = /* @__PURE__ */ G({
+}), Ho = /* @__PURE__ */ G({
   __name: "ToolTip",
   props: {
     isVisible: { type: Boolean },
@@ -1010,32 +1000,32 @@ const Mo = Object.assign(Oe, {
   },
   setup(t, { expose: o }) {
     o();
-    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", a = z(() => e(n.outputText) ? [] : n.outputText), r = z(() => e(n.outputText) ? n.outputText : []), i = { props: n, isTreeArray: e, stringOutput: a, treeOutput: r, get IconQuestionCircle() {
-      return Ho;
+    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", a = z(() => e(n.outputText) ? [] : n.outputText), r = z(() => e(n.outputText) ? n.outputText : []), s = { props: n, isTreeArray: e, stringOutput: a, treeOutput: r, get IconQuestionCircle() {
+      return Ro;
     } };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
-}), Eo = { class: "list-unstyled" }, Ko = { class: "list-style-square" };
-function Wo(t, o, n, e, a, r) {
-  const i = x("a-tooltip");
-  return e.props.isVisible ? (d(), H(i, {
+}), Oo = { class: "list-unstyled" }, $o = { class: "list-style-square" };
+function jo(t, o, n, e, a, r) {
+  const s = x("a-tooltip");
+  return e.props.isVisible ? (u(), H(s, {
     key: 0,
     "background-color": "#7A00E6"
   }, {
     content: C(() => [
-      e.stringOutput.length ? (d(!0), v(M, { key: 0 }, W(e.stringOutput, (l) => (d(), v("p", { key: l }, q(l), 1))), 128)) : (d(!0), v(M, { key: 1 }, W(e.treeOutput, (l) => (d(), v("ul", {
+      e.stringOutput.length ? (u(!0), v(M, { key: 0 }, W(e.stringOutput, (l) => (u(), v("p", { key: l }, q(l), 1))), 128)) : (u(!0), v(M, { key: 1 }, W(e.treeOutput, (l) => (u(), v("ul", {
         key: l.title,
         class: "list-unstyled"
       }, [
         w("li", null, [
           w("b", null, q(l.title), 1),
-          w("ul", Eo, [
-            (d(!0), v(M, null, W(l.items, (c) => (d(), v("li", {
+          w("ul", Oo, [
+            (u(!0), v(M, null, W(l.items, (c) => (u(), v("li", {
               key: c.title
             }, [
               w("u", null, q(c.title), 1),
-              w("ul", Ko, [
-                (d(!0), v(M, null, W(c.items, (s) => (d(), v("li", null, q(s), 1))), 256))
+              w("ul", $o, [
+                (u(!0), v(M, null, W(c.items, (i) => (u(), v("li", null, q(i), 1))), 256))
               ])
             ]))), 128))
           ])
@@ -1048,7 +1038,7 @@ function Wo(t, o, n, e, a, r) {
     _: 1
   })) : se("", !0);
 }
-const pt = /* @__PURE__ */ Z(zo, [["render", Wo], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), qo = /* @__PURE__ */ G({
+const mt = /* @__PURE__ */ Z(Ho, [["render", jo], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), Mo = /* @__PURE__ */ G({
   __name: "index",
   props: /* @__PURE__ */ ce({
     config: {},
@@ -1064,30 +1054,30 @@ const pt = /* @__PURE__ */ Z(zo, [["render", Wo], ["__scopeId", "data-v-1d3893b1
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Ce(t, "modelValue"), i = Ie("widgetRef"), l = z(() => {
+    const e = t, a = n, r = Ce(t, "modelValue"), s = Ie("widgetRef"), l = z(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
-          return Qe;
+          return Ye;
         case "Number":
-          return go;
+          return co;
         case "SelectList":
-          return Ze;
+          return Qe;
         case "Cascade":
-          return yo;
+          return go;
         case "File":
-          return Co;
+          return bo;
         case "TextArea":
-          return Ao;
+          return ko;
         case "DropDown":
-          return Ze;
+          return Qe;
         case "CheckBox":
-          return Po;
+          return xo;
         default:
-          return Qe;
+          return Ye;
       }
-    }), c = g(""), s = (f) => {
+    }), c = g(""), i = (f) => {
       c.value = f;
-    }, u = (f, m) => {
+    }, d = (f, m) => {
       a("change", f, m);
     };
     function _() {
@@ -1101,40 +1091,40 @@ const pt = /* @__PURE__ */ Z(zo, [["render", Wo], ["__scopeId", "data-v-1d3893b1
         return e.config?.widget?.widget === "File";
       },
       submit(f) {
-        return _() ? i.value.submit(f) : Promise.resolve(f);
+        return _() ? s.value.submit(f) : Promise.resolve(f);
       },
       validate() {
-        return i.value?.validate();
+        return s.value?.validate();
       },
       getCompName() {
         return e?.config?.widget?.title;
       }
     });
-    const y = { props: e, emits: a, model: r, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: u, isFileUpload: _, formatTitle: h, ToolTip: pt };
+    const y = { props: e, emits: a, model: r, widgetRef: s, curComp: l, errMsg: c, errHandler: i, changeHandler: d, isFileUpload: _, formatTitle: h, ToolTip: mt };
     return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
-}), Go = { class: "title" }, Jo = {
+}), zo = { class: "title" }, Eo = {
   key: 0,
   class: "required"
-}, Yo = {
+}, Ko = {
   key: 0,
   class: "err-msg"
 };
-function Qo(t, o, n, e, a, r) {
-  return d(), v("div", null, [
-    w("div", Go, [
+function Wo(t, o, n, e, a, r) {
+  return u(), v("div", null, [
+    w("div", zo, [
       ae(q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
-      e.props.required || e.props.config.validations.some((i) => i.ruleName === "Required") ? (d(), v("span", Jo, " * ")) : se("", !0),
+      e.props.required || e.props.config.validations.some((s) => s.ruleName === "Required") ? (u(), v("span", Eo, " * ")) : se("", !0),
       F(e.ToolTip, {
         "is-visible": e.props.config.widget?.isVisible ?? !1,
         "output-text": e.props.config.widget?.outputText ?? []
       }, null, 8, ["is-visible", "output-text"])
     ]),
     w("div", null, [
-      (d(), H(ze(e.curComp), {
+      (u(), H(ze(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
-        "onUpdate:modelValue": o[0] || (o[0] = (i) => e.model = i),
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => e.model = s),
         "field-key": e.props.fieldKey,
         config: e.props.config.widget,
         validations: e.props.config.validations,
@@ -1143,11 +1133,11 @@ function Qo(t, o, n, e, a, r) {
         onError: e.errHandler,
         onChange: e.changeHandler
       }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-      e.errMsg.length > 0 ? (d(), v("div", Yo, q(e.errMsg), 1)) : se("", !0)
+      e.errMsg.length > 0 ? (u(), v("div", Ko, q(e.errMsg), 1)) : se("", !0)
     ])
   ]);
 }
-const Pe = /* @__PURE__ */ Z(qo, [["render", Qo], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), Zo = /* @__PURE__ */ G({
+const Pe = /* @__PURE__ */ Z(Mo, [["render", Wo], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), qo = /* @__PURE__ */ G({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1161,24 +1151,24 @@ const Pe = /* @__PURE__ */ Z(qo, [["render", Qo], ["__scopeId", "data-v-67595df1
     function r() {
       a("click", e.url, e.redirectType);
     }
-    const i = { props: e, emits: a, clickHandler: r };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    const s = { props: e, emits: a, clickHandler: r };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function Xo(t, o, n, e, a, r) {
-  const i = x("AButton");
-  return d(), H(i, {
+function Go(t, o, n, e, a, r) {
+  const s = x("AButton");
+  return u(), H(s, {
     loading: n.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
     default: C(() => [
-      de(t.$slots, "default")
+      ue(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const et = /* @__PURE__ */ Z(Zo, [["render", Xo], ["__file", "SubmitButton.vue"]]), en = /* @__PURE__ */ G({
+const Xe = /* @__PURE__ */ Z(qo, [["render", Go], ["__file", "SubmitButton.vue"]]), Jo = /* @__PURE__ */ G({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1192,20 +1182,20 @@ const et = /* @__PURE__ */ Z(Zo, [["render", Xo], ["__file", "SubmitButton.vue"]
     function r() {
       a("click", e.url, e.redirectType);
     }
-    const i = { props: e, emits: a, clickHandler: r };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    const s = { props: e, emits: a, clickHandler: r };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function tn(t, o, n, e, a, r) {
-  const i = x("ALink");
-  return d(), H(i, { onClick: e.clickHandler }, {
+function Yo(t, o, n, e, a, r) {
+  const s = x("ALink");
+  return u(), H(s, { onClick: e.clickHandler }, {
     default: C(() => [
-      de(t.$slots, "default")
+      ue(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const on = /* @__PURE__ */ Z(en, [["render", tn], ["__file", "DetailLink.vue"]]), nn = /* @__PURE__ */ G({
+const Qo = /* @__PURE__ */ Z(Jo, [["render", Yo], ["__file", "DetailLink.vue"]]), Zo = /* @__PURE__ */ G({
   __name: "index",
   props: {
     config: {},
@@ -1215,24 +1205,24 @@ const on = /* @__PURE__ */ Z(en, [["render", tn], ["__file", "DetailLink.vue"]])
   setup(t, { expose: o, emit: n }) {
     o();
     const e = t, a = n;
-    function r(u, _) {
-      a("click", e.config.widget, u, _, e.config.title);
+    function r(d, _) {
+      a("click", e.config.widget, d, _, e.config.title);
     }
-    const i = z(() => {
+    const s = z(() => {
       switch (e.config.location) {
         case "InOperation":
-          return et;
+          return Xe;
         case "InTable":
-          return on;
+          return Qo;
         default:
-          return et;
+          return Xe;
       }
-    }), l = z(() => e.config.widget === X.Submit ? e.config.requestUrl ?? "" : e.config.widget === X.Link ? e.config.redirectUrl ?? "" : ""), c = z(() => e.config.redirectType ?? "Details"), s = { props: e, emits: a, clickHandler: r, curComp: i, curUrl: l, redirectType: c };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    }), l = z(() => e.config.widget === X.Submit ? e.config.requestUrl ?? "" : e.config.widget === X.Link ? e.config.redirectUrl ?? "" : ""), c = z(() => e.config.redirectType ?? "Details"), i = { props: e, emits: a, clickHandler: r, curComp: s, curUrl: l, redirectType: c };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function rn(t, o, n, e, a, r) {
-  return d(), H(ze(e.curComp), {
+function Xo(t, o, n, e, a, r) {
+  return u(), H(ze(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: n.loading,
@@ -1244,19 +1234,19 @@ function rn(t, o, n, e, a, r) {
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Fe = /* @__PURE__ */ Z(nn, [["render", rn], ["__file", "index.vue"]]), mt = Symbol("library-triggers");
-function We() {
-  const t = be(mt, null);
+const Fe = /* @__PURE__ */ Z(Zo, [["render", Xo], ["__file", "index.vue"]]), gt = Symbol("library-triggers");
+function Ke() {
+  const t = be(gt, null);
   return t || {};
 }
-const an = Symbol("library-pinia"), gt = Symbol("library-bpmStore"), _t = Symbol("library-svrStore");
+const en = Symbol("library-pinia"), _t = Symbol("library-bpmStore"), vt = Symbol("library-svrStore");
 function Ne() {
-  return be(gt, null);
+  return be(_t, null);
 }
 function Re() {
-  return be(_t, null);
+  return be(vt, null);
 }
-const sn = /* @__PURE__ */ G({
+const tn = /* @__PURE__ */ G({
   __name: "TopBar",
   props: {
     title: {},
@@ -1268,21 +1258,21 @@ const sn = /* @__PURE__ */ G({
     const n = {};
     return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
   }
-}), ln = { class: "top-bar" }, cn = { class: "banner-info" }, un = { class: "page-title" }, dn = { class: "page-subtitle" }, fn = { class: "avatar-wrapper" }, pn = { class: "user-email" };
-function mn(t, o, n, e, a, r) {
-  const i = x("a-avatar"), l = x("a-popover");
-  return d(), v("div", ln, [
-    w("div", cn, [
-      w("div", un, q(n.title), 1),
-      w("div", dn, q(n.subTitle), 1)
+}), on = { class: "top-bar" }, nn = { class: "banner-info" }, rn = { class: "page-title" }, an = { class: "page-subtitle" }, sn = { class: "avatar-wrapper" }, ln = { class: "user-email" };
+function cn(t, o, n, e, a, r) {
+  const s = x("a-avatar"), l = x("a-popover");
+  return u(), v("div", on, [
+    w("div", nn, [
+      w("div", rn, q(n.title), 1),
+      w("div", an, q(n.subTitle), 1)
     ]),
-    w("div", fn, [
+    w("div", sn, [
       F(l, { trigger: "click" }, {
         content: C(() => [
-          w("div", pn, q(n.email), 1)
+          w("div", ln, q(n.email), 1)
         ]),
         default: C(() => [
-          F(i, {
+          F(s, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
@@ -1298,13 +1288,13 @@ function mn(t, o, n, e, a, r) {
     ])
   ]);
 }
-const Ue = /* @__PURE__ */ Z(sn, [["render", mn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
-function qe(t) {
+const Ue = /* @__PURE__ */ Z(tn, [["render", cn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+function We(t) {
   const o = Ee(), n = [];
   if (o.fieldsGroup) {
     o.fieldsGroup.forEach((r) => {
-      const i = r.keys.map((l) => t.find((c) => c.fieldKey === l)).filter(Boolean);
-      i.length && n.push({ name: r.name, fields: i });
+      const s = r.keys.map((l) => t.find((c) => c.fieldKey === l)).filter(Boolean);
+      s.length && n.push({ name: r.name, fields: s });
     });
     const e = o.fieldsGroup.flatMap((r) => r.keys), a = t.filter((r) => !e.includes(r.fieldKey));
     return a.length && n.push({ name: "Grading Review History (For example: re-submit the grading request)", fields: a }), n;
@@ -1331,10 +1321,10 @@ class De {
     return this.opt = o, this;
   }
   build() {
-    return this.pageActionType ? this.opt.workflowId ? new Ve(this.pageActionType, this.className, this.store, this.opt) : new Ve(this.pageActionType, this.className, this.store) : this.opt.workflowId ? new Ve(he.ReCreate, this.className, this.store, this.opt) : new Ve(he.Create, this.className, this.store);
+    return this.pageActionType ? this.opt.workflowId ? new Ae(this.pageActionType, this.className, this.store, this.opt) : new Ae(this.pageActionType, this.className, this.store) : this.opt.workflowId ? new Ae(he.ReCreate, this.className, this.store, this.opt) : new Ae(he.Create, this.className, this.store);
   }
 }
-class Ve {
+class Ae {
   pageActionType;
   className;
   store;
@@ -1349,40 +1339,40 @@ class Ve {
     this.pageActionType = o, this.className = n, this.store = e, a && (this.opt = a);
   }
   getPageData() {
-    return this.opt ? Ye(this.pageActionType, this.className, this.store, this.opt) : Ye(this.pageActionType, this.className, this.store);
+    return this.opt ? Je(this.pageActionType, this.className, this.store, this.opt) : Je(this.pageActionType, this.className, this.store);
   }
   getBtnList() {
     return $t(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
   }
   getFiles() {
-    return this.getWorkflowId() ? Xt(this.className, this.getWorkflowId()) : Promise.resolve({});
+    return this.getWorkflowId() ? Gt(this.className, this.getWorkflowId()) : Promise.resolve({});
   }
   removeFile(o) {
-    return eo(this.className, o);
+    return Jt(this.className, o);
   }
   getProcess() {
-    return Qt(this.className, this.getWorkflowId());
+    return Wt(this.className, this.getWorkflowId());
   }
   getCommentsHistory() {
-    return ro(this.getWorkflowId());
+    return Xt(this.getWorkflowId());
   }
   getAssociator() {
-    return ao(this.getWorkflowId());
+    return eo(this.getWorkflowId());
   }
   getApprovers() {
-    return to();
+    return Yt();
   }
   assignApprover(o) {
-    return oo(this.getWorkflowId(), o);
+    return Qt(this.getWorkflowId(), o);
   }
   addComments(o) {
-    return no(this.getWorkflowId(), this.getApproverEmail(), o);
+    return Zt(this.getWorkflowId(), this.getApproverEmail(), o);
   }
   deleteAssociator(o) {
-    return so(o);
+    return to(o);
   }
 }
-const gn = /* @__PURE__ */ G({
+const dn = /* @__PURE__ */ G({
   __name: "CreateView",
   props: {
     className: {},
@@ -1390,7 +1380,7 @@ const gn = /* @__PURE__ */ G({
   },
   setup(t, { expose: o }) {
     o();
-    const n = Ne(), e = Re(), a = ve(), r = We(), i = Ie("dataWidgets"), l = me(), c = t, s = g({
+    const n = Ne(), e = Re(), a = ve(), r = Ke(), s = Ie("dataWidgets"), l = me(), c = t, i = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1405,43 +1395,43 @@ const gn = /* @__PURE__ */ G({
         workFlowReason: "",
         workflowId: ""
       }
-    }), u = g([]), _ = g({});
+    }), d = g([]), _ = g({});
     function h(T) {
-      return T ? Object.entries(T).map(([S, A]) => ({
+      return T ? Object.entries(T).map(([S, V]) => ({
         fieldKey: S,
-        ...A
+        ...V
       })).filter((S) => S.widget && S.widget.widget !== "Hidden").filter((S) => !te.value.includes(S.fieldKey)) : [];
     }
     function y(T) {
-      return T ? Object.entries(T).filter(([S, A]) => A.dependent).reduce(
-        (S, [A, O]) => (S[A] = O.dependent, S),
+      return T ? Object.entries(T).filter(([S, V]) => V.dependent).reduce(
+        (S, [V, O]) => (S[V] = O.dependent, S),
         {}
       ) : [];
     }
-    const f = z(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = g({}), k = g(!1);
+    const f = z(() => i.value?.actions ? [...i.value.actions].reverse() : []), m = g({}), k = g(!1);
     ge(async () => {
       k.value = !0;
       const T = new De().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
-      s.value = await T.getPageData();
-      const P = s.value.fields.requestType.modelValue;
-      r.Test?.({ fieldValue: P, hiddenFields: te, formData: m }), u.value = h(s.value.fields), _.value = y(s.value.fields);
-      for (const S in s.value.fields) {
-        if (s.value.fields[S].widget?.widget === "File") {
-          const A = u.value.find((O) => O.fieldKey === S);
-          A && A.widget && (A.widget.files = []);
+      i.value = await T.getPageData();
+      const P = i.value.fields.requestType.modelValue;
+      r.Test?.({ fieldValue: P, hiddenFields: te, formData: m }), d.value = h(i.value.fields), _.value = y(i.value.fields);
+      for (const S in i.value.fields) {
+        if (i.value.fields[S].widget?.widget === "File") {
+          const V = d.value.find((O) => O.fieldKey === S);
+          V && V.widget && (V.widget.files = []);
         }
-        m.value[S] = s.value.fields[S].modelValue;
+        m.value[S] = i.value.fields[S].modelValue;
       }
       k.value = !1;
     });
     function ee() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function re(T, P, S, A, O) {
+    async function re(T, P, S, V, O) {
       switch (P) {
         case X.Submit:
           let D = !0;
-          if (i.value?.forEach((p) => {
+          if (s.value?.forEach((p) => {
             p?.validate && (p.validate() || (D = !1));
           }), !D) {
             l?.appContext.config.globalProperties.$message.error(
@@ -1467,7 +1457,7 @@ const gn = /* @__PURE__ */ G({
               workflowId: c.workflowId,
               res: L
             });
-            const $ = i.value?.map((oe) => oe?.submit ? oe.submit(L.toString()) : Promise.resolve()) || [];
+            const $ = s.value?.map((oe) => oe?.submit ? oe.submit(L.toString()) : Promise.resolve()) || [];
             await Promise.all($), k.value = !1, l?.appContext.config.globalProperties.$notification.success(
               `Your grading request has been submitted, ID is ${L.toString()}.`
             ), a.push({ name: "Details", params: { workflowId: L.toString() } });
@@ -1480,10 +1470,10 @@ const gn = /* @__PURE__ */ G({
         case X.Link:
           try {
             await r[T.eventName || ""]?.(m.value, te), a.push({
-              name: A,
+              name: V,
               params: { className: c.className }
             }), await r[`${T.eventName || ""}Success`]?.({
-              message: `Router to ${A} pushed`
+              message: `Router to ${V} pushed`
             });
           } catch (p) {
             console.error("Error in link action trigger:", p);
@@ -1502,47 +1492,47 @@ const gn = /* @__PURE__ */ G({
       "positionId"
     ], te = g(K);
     function ie(T, P) {
-      r[T]?.({ fieldValue: P, hiddenFields: te, formData: m }), s.value && (u.value = h(s.value.fields));
+      r[T]?.({ fieldValue: P, hiddenFields: te, formData: m }), i.value && (d.value = h(i.value.fields));
     }
-    const le = z(() => qe(u.value)), I = { bpmStore: n, svrStore: e, router: a, triggers: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: u, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, newHiddenFields: K, hiddenFields: te, changeHandler: ie, groupedFields: le, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
+    const le = z(() => We(d.value)), I = { bpmStore: n, svrStore: e, router: a, triggers: r, dataWidgetsRefs: s, instance: l, props: c, pageData: i, _fields: d, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, newHiddenFields: K, hiddenFields: te, changeHandler: ie, groupedFields: le, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
     return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
-}), _n = { class: "page-container" }, vn = { class: "page-body" }, hn = { class: "form-card" }, bn = { class: "form-fields-vertical" }, yn = { class: "form-fields" }, wn = {
+}), un = { class: "page-container" }, fn = { class: "page-body" }, pn = { class: "form-card" }, mn = { class: "form-fields-vertical" }, gn = { class: "form-fields" }, _n = {
   key: 0,
   class: "form-content"
-}, kn = { class: "page-footer" }, Sn = { class: "action-container" }, Cn = { class: "action-buttons" };
-function xn(t, o, n, e, a, r) {
-  const i = x("a-card"), l = x("a-spin");
-  return d(), v("div", _n, [
+}, vn = { class: "page-footer" }, hn = { class: "action-container" }, bn = { class: "action-buttons" };
+function yn(t, o, n, e, a, r) {
+  const s = x("a-card"), l = x("a-spin");
+  return u(), v("div", un, [
     F(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", vn, [
+    w("div", fn, [
       F(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: C(() => [
-          w("div", hn, [
-            w("div", bn, [
-              (d(!0), v(M, null, W(e.groupedFields, (c) => (d(), H(i, {
+          w("div", pn, [
+            w("div", mn, [
+              (u(!0), v(M, null, W(e.groupedFields, (c) => (u(), H(s, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: C(() => [
-                  w("div", yn, [
-                    (d(!0), v(M, null, W(c.fields, (s) => (d(), H(e.DataWidgets, {
-                      key: s.fieldKey,
+                  w("div", gn, [
+                    (u(!0), v(M, null, W(c.fields, (i) => (u(), H(e.DataWidgets, {
+                      key: i.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
-                      "field-key": s.fieldKey,
-                      config: s,
+                      "field-key": i.fieldKey,
+                      config: i,
                       "class-name": n.className,
-                      modelValue: e._data[s.fieldKey],
-                      "onUpdate:modelValue": (u) => e._data[s.fieldKey] = u,
+                      modelValue: e._data[i.fieldKey],
+                      "onUpdate:modelValue": (d) => e._data[i.fieldKey] = d,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1551,31 +1541,31 @@ function xn(t, o, n, e, a, r) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), v("div", wn, [
-              de(t.$slots, "content", {}, void 0, !0)
+            t.$slots.content ? (u(), v("div", _n, [
+              ue(t.$slots, "content", {}, void 0, !0)
             ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", kn, [
-      w("div", Sn, [
-        de(t.$slots, "action", {}, void 0, !0),
-        w("div", Cn, [
-          (d(!0), v(M, null, W(e.reversedActions, (c) => (d(), H(e.ActionButton, {
+    w("div", vn, [
+      w("div", hn, [
+        ue(t.$slots, "action", {}, void 0, !0),
+        w("div", bn, [
+          (u(!0), v(M, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
             class: "action-button",
-            onClick: (...s) => e.clickHandler(c, ...s)
+            onClick: (...i) => e.clickHandler(c, ...i)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const Tn = /* @__PURE__ */ Z(gn, [["render", xn], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), An = /* @__PURE__ */ G({
+const wn = /* @__PURE__ */ Z(dn, [["render", yn], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), kn = /* @__PURE__ */ G({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1583,7 +1573,7 @@ const Tn = /* @__PURE__ */ Z(gn, [["render", xn], ["__scopeId", "data-v-31413447
   },
   setup(t, { expose: o }) {
     o();
-    const n = ve(), e = We(), a = Re(), r = Ne(), i = Ie("dataWidgets"), l = me(), c = t, s = g({
+    const n = ve(), e = Ke(), a = Re(), r = Ne(), s = Ie("dataWidgets"), l = me(), c = t, i = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1598,7 +1588,7 @@ const Tn = /* @__PURE__ */ Z(gn, [["render", xn], ["__scopeId", "data-v-31413447
         workFlowReason: "",
         workflowId: ""
       }
-    }), u = g([]), _ = g({});
+    }), d = g([]), _ = g({});
     function h(I) {
       return I ? Object.entries(I).map(([P, S]) => ({
         fieldKey: P,
@@ -1606,37 +1596,37 @@ const Tn = /* @__PURE__ */ Z(gn, [["render", xn], ["__scopeId", "data-v-31413447
       })).filter((P) => P.widget && P.widget.widget !== "Hidden").filter((P) => !K.value.includes(P.fieldKey)) : [];
     }
     function y(I) {
-      return I ? Object.entries(I).filter(([P, S]) => S.dependent).reduce((P, [S, A]) => (P[S] = A.dependent, P), {}) : [];
+      return I ? Object.entries(I).filter(([P, S]) => S.dependent).reduce((P, [S, V]) => (P[S] = V.dependent, P), {}) : [];
     }
-    const f = z(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = g({}), k = g(!1);
+    const f = z(() => i.value?.actions ? [...i.value.actions].reverse() : []), m = g({}), k = g(!1);
     ge(async () => {
       k.value = !0;
       const I = new De().setPageActionType(he.Update).setClassName(c.className).setStore({ svrStore: a, bpmStore: r }).setWorkflowId(c.workflowId).build();
-      s.value = await I.getPageData();
+      i.value = await I.getPageData();
       const T = await I.getBtnList(), P = await I.getFiles();
-      s.value.actions = s.value.actions?.filter((A) => {
-        const O = T.find((D) => D.button === A.title);
+      i.value.actions = i.value.actions?.filter((V) => {
+        const O = T.find((D) => D.button === V.title);
         return O ? O.isShow : !0;
       });
-      const S = s.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: S, hiddenFields: K, formData: m }), u.value = h(s.value.fields), _.value = y(s.value.fields);
-      for (const A in s.value.fields) {
-        if (s.value.fields[A].widget?.widget === "File") {
-          const O = u.value.find((D) => D.fieldKey === A);
-          O && O.widget && (O.widget.files = P[A] ?? [], O.widget.removeFile = (D) => I.removeFile(D));
+      const S = i.value.fields.requestType.modelValue;
+      e.Test?.({ fieldValue: S, hiddenFields: K, formData: m }), d.value = h(i.value.fields), _.value = y(i.value.fields);
+      for (const V in i.value.fields) {
+        if (i.value.fields[V].widget?.widget === "File") {
+          const O = d.value.find((D) => D.fieldKey === V);
+          O && O.widget && (O.widget.files = P[V] ?? [], O.widget.removeFile = (D) => I.removeFile(D));
         }
-        m.value[A] = s.value.fields[A].modelValue;
+        m.value[V] = i.value.fields[V].modelValue;
       }
       k.value = !1;
     });
     function ee() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function re(I, T, P, S, A) {
+    async function re(I, T, P, S, V) {
       switch (T) {
         case X.Submit:
           let O = !0;
-          if (i.value?.forEach((D) => {
+          if (s.value?.forEach((D) => {
             D?.validate && (D.validate() || (O = !1));
           }), !O) {
             l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
@@ -1646,7 +1636,7 @@ const Tn = /* @__PURE__ */ Z(gn, [["render", xn], ["__scopeId", "data-v-31413447
           try {
             const D = { ...m.value, ..._.value };
             e.updatePageBeforeSubmit?.(D, r().employeeInfo);
-            const p = await zt(c.className, c.workflowId, D, P), L = i.value?.map(($) => $?.submit ? $.submit(p.toString()) : Promise.resolve()) || [];
+            const p = await zt(c.className, c.workflowId, D, P), L = s.value?.map(($) => $?.submit ? $.submit(p.toString()) : Promise.resolve()) || [];
             await Promise.all(L), k.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${p.toString()}.`);
           } catch {
             l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), k.value = !1;
@@ -1664,47 +1654,47 @@ const Tn = /* @__PURE__ */ Z(gn, [["render", xn], ["__scopeId", "data-v-31413447
     }
     const K = g([]);
     function te(I, T) {
-      e[I]?.({ fieldValue: T, hiddenFields: K, formData: m }), s.value && (u.value = h(s.value.fields));
+      e[I]?.({ fieldValue: T, hiddenFields: K, formData: m }), i.value && (d.value = h(i.value.fields));
     }
-    const ie = z(() => qe(u.value)), le = { router: n, triggers: e, svrStore: a, bpmStore: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: u, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, hiddenFields: K, changeHandler: te, groupedFields: ie, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
+    const ie = z(() => We(d.value)), le = { router: n, triggers: e, svrStore: a, bpmStore: r, dataWidgetsRefs: s, instance: l, props: c, pageData: i, _fields: d, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, hiddenFields: K, changeHandler: te, groupedFields: ie, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
     return Object.defineProperty(le, "__isScriptSetup", { enumerable: !1, value: !0 }), le;
   }
-}), Vn = { class: "page-container" }, In = { class: "page-body" }, Pn = { class: "form-card" }, Fn = { class: "form-fields-vertical" }, Nn = { class: "form-fields" }, Rn = {
+}), Sn = { class: "page-container" }, Cn = { class: "page-body" }, xn = { class: "form-card" }, Tn = { class: "form-fields-vertical" }, Vn = { class: "form-fields" }, An = {
   key: 0,
   class: "form-content"
-}, Un = { class: "page-footer" }, Dn = { class: "action-container" }, Ln = { class: "action-buttons" };
-function Bn(t, o, n, e, a, r) {
-  const i = x("a-card"), l = x("a-spin");
-  return d(), v("div", Vn, [
+}, In = { class: "page-footer" }, Pn = { class: "action-container" }, Fn = { class: "action-buttons" };
+function Nn(t, o, n, e, a, r) {
+  const s = x("a-card"), l = x("a-spin");
+  return u(), v("div", Sn, [
     F(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", In, [
+    w("div", Cn, [
       F(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: C(() => [
-          w("div", Pn, [
-            w("div", Fn, [
-              (d(!0), v(M, null, W(e.groupedFields, (c) => (d(), H(i, {
+          w("div", xn, [
+            w("div", Tn, [
+              (u(!0), v(M, null, W(e.groupedFields, (c) => (u(), H(s, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: C(() => [
-                  w("div", Nn, [
-                    (d(!0), v(M, null, W(c.fields, (s) => (d(), H(e.DataWidgets, {
-                      key: s.fieldKey,
+                  w("div", Vn, [
+                    (u(!0), v(M, null, W(c.fields, (i) => (u(), H(e.DataWidgets, {
+                      key: i.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
-                      "field-key": s.fieldKey,
-                      config: s,
+                      "field-key": i.fieldKey,
+                      config: i,
                       "class-name": n.className,
-                      modelValue: e._data[s.fieldKey],
-                      "onUpdate:modelValue": (u) => e._data[s.fieldKey] = u,
+                      modelValue: e._data[i.fieldKey],
+                      "onUpdate:modelValue": (d) => e._data[i.fieldKey] = d,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1713,35 +1703,35 @@ function Bn(t, o, n, e, a, r) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), v("div", Rn, [
-              de(t.$slots, "content", {}, void 0, !0)
+            t.$slots.content ? (u(), v("div", An, [
+              ue(t.$slots, "content", {}, void 0, !0)
             ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", Un, [
-      w("div", Dn, [
-        de(t.$slots, "action", {}, void 0, !0),
-        w("div", Ln, [
-          (d(!0), v(M, null, W(e.reversedActions, (c) => (d(), H(e.ActionButton, {
+    w("div", In, [
+      w("div", Pn, [
+        ue(t.$slots, "action", {}, void 0, !0),
+        w("div", Fn, [
+          (u(!0), v(M, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
             class: "action-button",
-            onClick: (...s) => e.clickHandler(c, ...s)
+            onClick: (...i) => e.clickHandler(c, ...i)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const Hn = /* @__PURE__ */ Z(An, [["render", Bn], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), vt = Symbol("library-custom-comp");
-function On() {
-  return be(vt, null);
+const Rn = /* @__PURE__ */ Z(kn, [["render", Nn], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), ht = Symbol("library-custom-comp");
+function Un() {
+  return be(ht, null);
 }
-const $n = /* @__PURE__ */ G({
+const Dn = /* @__PURE__ */ G({
   __name: "DetailView",
   props: {
     className: {},
@@ -1749,9 +1739,9 @@ const $n = /* @__PURE__ */ G({
   },
   setup(t, { expose: o }) {
     o();
-    const n = Re(), e = Ne(), a = We(), r = ve(), i = On(), l = me(), c = t;
-    let s;
-    const u = g({
+    const n = Re(), e = Ne(), a = Ke(), r = ve(), s = Un(), l = me(), c = t;
+    let i;
+    const d = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1789,7 +1779,7 @@ const $n = /* @__PURE__ */ G({
         };
       }).filter((J) => J.widget && J.widget.widget !== "Hidden").filter((J) => !T.value.includes(J.fieldKey)) : [];
     }
-    const f = z(() => qe(_.value)), m = z(() => u.value?.actions ? [...u.value.actions].reverse() : []), k = g(!0), ee = (N, j) => {
+    const f = z(() => We(_.value)), m = z(() => d.value?.actions ? [...d.value.actions].reverse() : []), k = g(!0), ee = (N, j) => {
       const J = N.findIndex((R) => R.isCurrent);
       return N.map((R, E) => {
         const U = {
@@ -1808,11 +1798,11 @@ const $n = /* @__PURE__ */ G({
         else {
           const ne = R.workflowHistorys[R.workflowHistorys.length - 1];
           if (ne && ne.status === 100)
-            U.time = Ae(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.status = 2, U.desc = "approve success!";
+            U.time = Ve(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.status = 2, U.desc = "approve success!";
           else if (ne && ne.status === 999)
-            U.time = Ae(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.status = 0, U.desc = "approve reject!";
+            U.time = Ve(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.status = 0, U.desc = "approve reject!";
           else if (ne)
-            if (U.time = Ae(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.sort === 1)
+            if (U.time = Ve(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.sort === 1)
               U.status = 2, U.desc = "";
             else {
               const Te = ne.workflowHistoryApprovers[0];
@@ -1825,32 +1815,32 @@ const $n = /* @__PURE__ */ G({
       });
     }, re = g([]), K = g(!1), te = g(!1), ie = g(!1), le = g(!1);
     async function I() {
-      const N = await s.getBtnList();
-      u.value.actions = u.value.actions?.filter((j) => {
+      const N = await i.getBtnList();
+      d.value.actions = d.value.actions?.filter((j) => {
         const J = N.find((R) => R.button === j.title);
         return J ? J.isShow : !0;
       }), K.value = N.find((j) => j.button === "IsGlobal")?.isShow ?? !1, te.value = N.find((j) => j.button === "AssignButton")?.isShow ?? !1, ie.value = N.find((j) => j.button === "AssignList")?.isShow ?? !1, le.value = N.find((j) => j.button === "AddCommentsButton")?.isShow ?? !1;
     }
     const T = g([]);
     async function P() {
-      k.value = !0, s = new De().setPageActionType(he.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), u.value = await s.getPageData();
-      const N = await s.getFiles();
-      $.value = await s.getApprovers(), p.value = await s.getCommentsHistory(), oe.value = await s.getAssociator(), await I(), a.detailPageLoaded?.(u, e().employeeInfo);
-      const j = u.value.fields.requestType.modelValue;
-      a.Test?.({ fieldValue: j, hiddenFields: T }), _.value = y(u.value.fields);
-      for (const R in u.value.fields)
-        if (u.value.fields[R].widget?.widget === "File") {
+      k.value = !0, i = new De().setPageActionType(he.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), d.value = await i.getPageData();
+      const N = await i.getFiles();
+      $.value = await i.getApprovers(), p.value = await i.getCommentsHistory(), oe.value = await i.getAssociator(), await I(), a.detailPageLoaded?.(d, e().employeeInfo);
+      const j = d.value.fields.requestType.modelValue;
+      a.Test?.({ fieldValue: j, hiddenFields: T }), _.value = y(d.value.fields);
+      for (const R in d.value.fields)
+        if (d.value.fields[R].widget?.widget === "File") {
           const E = _.value.find((U) => U.fieldKey === R);
           E && E.widget && (E.widget.files = N[R] ?? []);
         }
-      const J = await s.getProcess();
+      const J = await i.getProcess();
       re.value = ee(J, 0), k.value = !1;
     }
     ge(P);
     async function S(N, j) {
       return a[N]?.(j);
     }
-    function A() {
+    function V() {
       return n()?.userInfo?.email_address ?? "";
     }
     async function O(N, j, J, R, E) {
@@ -1870,25 +1860,23 @@ const $n = /* @__PURE__ */ G({
               isGlobal: K.value
             });
             k.value = !0;
-            const we = _.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, ne = E === "Approve" ? "100" : "-1", Te = await Jt(
+            const we = _.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, ne = E === "Approve" ? "100" : "-1", Te = await Et(
               c.className,
               c.workflowId,
-              A(),
+              V(),
               pe,
               J,
               ne,
               xe,
-              {
-                approvedGrade: we
-              }
+              we
             );
             await S(`${E}Success`, {
               workflowId: c.workflowId,
               res: Te
             }), k.value = !1;
-            const ht = E === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
+            const bt = E === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
             l?.appContext.config.globalProperties.$notification.success(
-              ht
+              bt
             ), P();
             break;
           case X.Link:
@@ -1925,12 +1913,12 @@ const $n = /* @__PURE__ */ G({
         );
         return;
       }
-      await V(
+      await A(
         "Confirm Assign Approver",
         "Do you want to assign the selected approver?"
       );
       try {
-        await s.assignApprover(N), oe.value = await s.getAssociator(), I(), l?.appContext.config.globalProperties.$notification.success(
+        await i.assignApprover(N), oe.value = await i.getAssociator(), I(), l?.appContext.config.globalProperties.$notification.success(
           "Assign Approver clicked!"
         );
       } catch (j) {
@@ -1945,7 +1933,7 @@ const $n = /* @__PURE__ */ G({
         );
       }
     }
-    async function V(N, j) {
+    async function A(N, j) {
       const { Modal: J } = await import("@arco-design/web-vue");
       return new Promise((R, E) => {
         J.confirm({
@@ -1960,7 +1948,7 @@ const $n = /* @__PURE__ */ G({
     }
     async function B(N) {
       try {
-        await V(
+        await A(
           "Confirm Delete Associator",
           "Do you want to delete this associator?"
         );
@@ -1968,7 +1956,7 @@ const $n = /* @__PURE__ */ G({
         return;
       }
       try {
-        await s.deleteAssociator(N.toString()), oe.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
+        await i.deleteAssociator(N.toString()), oe.value = await i.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
           "Associator deleted successfully!"
         );
       } catch {
@@ -1977,91 +1965,91 @@ const $n = /* @__PURE__ */ G({
         );
       }
     }
-    async function ue() {
+    async function de() {
       if (!D.value.trim()) {
         l?.appContext.config.globalProperties.$message.error(
           "Comment cannot be empty"
         );
         return;
       }
-      await s.addComments(D.value.trim()), D.value = "", p.value = await s.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success(
+      await i.addComments(D.value.trim()), D.value = "", p.value = await i.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success(
         "Add Comment clicked!"
       );
     }
     function fe(N) {
       return N ? N === "OtherInformationText" ? "Other Information" : N : "";
     }
-    const Ge = { svrStore: n, bpmStore: e, triggers: a, router: r, customComps: i, instance: l, props: c, get page() {
-      return s;
+    const qe = { svrStore: n, bpmStore: e, triggers: a, router: r, customComps: s, instance: l, props: c, get page() {
+      return i;
     }, set page(N) {
-      s = N;
-    }, pageData: u, _fields: _, dataWidgetsRefs: h, genField: y, groupedFields: f, reversedActions: m, loading: k, mapWorkflowSteps: ee, steps: re, isGlobal: K, isShowAssignSelect: te, isShowAssignList: ie, isShowCommentTextArea: le, reloadButtonList: I, hiddenFields: T, load: P, triggerFn: S, getApproverEmail: A, clickHandler: O, comment: D, commentsHistory: p, selectedApprover: L, approvers: $, associators: oe, onAssignApprover: b, confirmDialog: V, onDeleteAssociator: B, onAddComment: ue, formatTitle: fe, ActionButton: Fe, get IconDownload() {
-      return Mo;
+      i = N;
+    }, pageData: d, _fields: _, dataWidgetsRefs: h, genField: y, groupedFields: f, reversedActions: m, loading: k, mapWorkflowSteps: ee, steps: re, isGlobal: K, isShowAssignSelect: te, isShowAssignList: ie, isShowCommentTextArea: le, reloadButtonList: I, hiddenFields: T, load: P, triggerFn: S, getApproverEmail: V, clickHandler: O, comment: D, commentsHistory: p, selectedApprover: L, approvers: $, associators: oe, onAssignApprover: b, confirmDialog: A, onDeleteAssociator: B, onAddComment: de, formatTitle: fe, ActionButton: Fe, get IconDownload() {
+      return Bo;
     }, TopBar: Ue, get formatDate() {
-      return Ae;
-    }, ToolTip: pt, DataWidgets: Pe };
-    return Object.defineProperty(Ge, "__isScriptSetup", { enumerable: !1, value: !0 }), Ge;
+      return Ve;
+    }, ToolTip: mt, DataWidgets: Pe };
+    return Object.defineProperty(qe, "__isScriptSetup", { enumerable: !1, value: !0 }), qe;
   }
-}), jn = { class: "page-container" }, Mn = { class: "page-body" }, zn = { class: "detail-card" }, En = { class: "form-fields-vertical" }, Kn = { class: "detail-fields" }, Wn = { class: "detail-field" }, qn = {
+}), Ln = { class: "page-container" }, Bn = { class: "page-body" }, Hn = { class: "detail-card" }, On = { class: "form-fields-vertical" }, $n = { class: "detail-fields" }, jn = { class: "detail-field" }, Mn = {
   key: 0,
   class: "detail-field"
-}, Gn = { class: "field-label" }, Jn = {
+}, zn = { class: "field-label" }, En = {
   key: 1,
   class: "field-value"
-}, Yn = {
+}, Kn = {
   key: 2,
   class: "detail-field-wrapper"
-}, Qn = { class: "detail-field" }, Zn = {
+}, Wn = { class: "detail-field" }, qn = {
   key: 0,
   class: "detail-content"
-}, Xn = { class: "page-footer" }, er = { class: "action-container" }, tr = { class: "action-buttons" };
-function or(t, o, n, e, a, r) {
-  const i = x("a-link"), l = x("a-space"), c = x("a-card");
+}, Gn = { class: "page-footer" }, Jn = { class: "action-container" }, Yn = { class: "action-buttons" };
+function Qn(t, o, n, e, a, r) {
+  const s = x("a-link"), l = x("a-space"), c = x("a-card");
   x("a-option"), x("a-select");
-  const s = x("a-button"), u = x("a-list-item"), _ = x("a-list"), h = x("a-textarea"), y = x("a-spin");
-  return d(), v("div", jn, [
+  const i = x("a-button"), d = x("a-list-item"), _ = x("a-list"), h = x("a-textarea"), y = x("a-spin");
+  return u(), v("div", Ln, [
     F(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", Mn, [
+    w("div", Bn, [
       F(y, {
         loading: e.loading,
         class: "detail-container"
       }, {
         default: C(() => [
-          w("div", zn, [
-            (d(), H(ze(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            w("div", En, [
-              (d(!0), v(M, null, W(e.groupedFields, (f) => (d(), H(c, {
+          w("div", Hn, [
+            (u(), H(ze(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            w("div", On, [
+              (u(!0), v(M, null, W(e.groupedFields, (f) => (u(), H(c, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: C(() => [
-                  w("div", Kn, [
-                    (d(!0), v(M, null, W(f.fields, (m) => (d(), v("div", {
+                  w("div", $n, [
+                    (u(!0), v(M, null, W(f.fields, (m) => (u(), v("div", {
                       key: m.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      w("div", Wn, [
-                        m.widget?.readonly ? (d(), v(M, { key: 1 }, [
-                          w("div", Gn, [
+                      w("div", jn, [
+                        m.widget?.readonly ? (u(), v(M, { key: 1 }, [
+                          w("div", zn, [
                             ae(q(e.formatTitle(m.widget?.title)) + " ", 1),
                             F(e.ToolTip, {
                               "is-visible": m.widget?.isVisible ?? !1,
                               "output-text": m.widget?.outputText ?? []
                             }, null, 8, ["is-visible", "output-text"])
                           ]),
-                          m.widget?.widget === "File" ? (d(!0), v(M, { key: 0 }, W(m.widget.files, (k) => (d(), v("div", {
+                          m.widget?.widget === "File" ? (u(!0), v(M, { key: 0 }, W(m.widget.files, (k) => (u(), v("div", {
                             class: "field-value",
                             key: k.id
                           }, [
                             F(l, null, {
                               default: C(() => [
                                 ae(q(k.name) + " ", 1),
-                                F(i, {
+                                F(s, {
                                   href: k.url,
                                   target: "_blank"
                                 }, {
@@ -2073,8 +2061,8 @@ function or(t, o, n, e, a, r) {
                               ]),
                               _: 2
                             }, 1024)
-                          ]))), 128)) : (d(), v("div", Jn, q(m.fieldValue), 1))
-                        ], 64)) : (d(), v("div", qn, [
+                          ]))), 128)) : (u(), v("div", En, q(m.fieldValue), 1))
+                        ], 64)) : (u(), v("div", Mn, [
                           F(e.DataWidgets, {
                             ref_for: !0,
                             ref: "dataWidgets",
@@ -2095,14 +2083,15 @@ function or(t, o, n, e, a, r) {
               }, 1032, ["title"]))), 128)),
               se("", !0),
               se("", !0),
-              e.isShowCommentTextArea ? (d(), v("div", Yn, [
-                w("div", Qn, [
+              e.isShowCommentTextArea ? (u(), v("div", Kn, [
+                w("div", Wn, [
                   o[6] || (o[6] = w("div", { class: "field-label" }, "Comment", -1)),
                   F(h, {
                     modelValue: e.comment,
-                    "onUpdate:modelValue": o[1] || (o[1] = (f) => e.comment = f)
+                    "onUpdate:modelValue": o[1] || (o[1] = (f) => e.comment = f),
+                    "max-length": 200
                   }, null, 8, ["modelValue"]),
-                  F(s, {
+                  F(i, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
@@ -2114,12 +2103,12 @@ function or(t, o, n, e, a, r) {
                   })
                 ])
               ])) : se("", !0),
-              e.commentsHistory.length ? (d(), H(_, { key: 3 }, {
+              e.commentsHistory.length ? (u(), H(_, { key: 3 }, {
                 header: C(() => o[7] || (o[7] = [
                   ae(" Comments History ", -1)
                 ])),
                 default: C(() => [
-                  (d(!0), v(M, null, W(e.commentsHistory, (f) => (d(), H(u, {
+                  (u(!0), v(M, null, W(e.commentsHistory, (f) => (u(), H(d, {
                     key: f.associator
                   }, {
                     default: C(() => [
@@ -2131,19 +2120,19 @@ function or(t, o, n, e, a, r) {
                 _: 1
               })) : se("", !0)
             ]),
-            t.$slots.content ? (d(), v("div", Zn, [
-              de(t.$slots, "content", {}, void 0, !0)
+            t.$slots.content ? (u(), v("div", qn, [
+              ue(t.$slots, "content", {}, void 0, !0)
             ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", Xn, [
-      w("div", er, [
-        de(t.$slots, "action", {}, void 0, !0),
-        w("div", tr, [
-          (d(!0), v(M, null, W(e.reversedActions, (f) => (d(), H(e.ActionButton, {
+    w("div", Gn, [
+      w("div", Jn, [
+        ue(t.$slots, "action", {}, void 0, !0),
+        w("div", Yn, [
+          (u(!0), v(M, null, W(e.reversedActions, (f) => (u(), H(e.ActionButton, {
             key: f.title,
             loading: e.loading,
             config: f,
@@ -2155,7 +2144,7 @@ function or(t, o, n, e, a, r) {
     ])
   ]);
 }
-const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8"], ["__file", "DetailView.vue"]]), rr = /* @__PURE__ */ G({
+const Zn = /* @__PURE__ */ Z(Dn, [["render", Qn], ["__scopeId", "data-v-2d758766"], ["__file", "DetailView.vue"]]), Xn = /* @__PURE__ */ G({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -2163,7 +2152,7 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
   },
   setup(t, { expose: o }) {
     o();
-    const n = Re(), e = Ne(), a = ve(), r = me(), i = t, l = g(), c = yt({
+    const n = Re(), e = Ne(), a = ve(), r = me(), s = t, l = g(), c = wt({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -2172,13 +2161,13 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
       showPageSize: !0,
       filters: []
     });
-    function s() {
-      const b = Object.entries(S.value).filter(([, { value: V }]) => V && V !== "").map(([V, { value: B, operator: ue }]) => {
+    function i() {
+      const b = Object.entries(S.value).filter(([, { value: A }]) => A && A !== "").map(([A, { value: B, operator: de }]) => {
         const fe = typeof B == "string" ? B.trim() : B;
         return {
-          key: V,
+          key: A,
           value: fe,
-          operator: ue
+          operator: de
           // 根据实际需要调整操作符
         };
       });
@@ -2192,15 +2181,15 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
         }]
       };
     }
-    const u = z(() => ({
+    const d = z(() => ({
       x: y.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), _ = (b) => {
-      const V = Object.entries(b).filter(([, B]) => B.widget?.column).map(([B, ue], fe) => ({
-        title: ue.widget.title,
+      const A = Object.entries(b).filter(([, B]) => B.widget?.column).map(([B, de], fe) => ({
+        title: de.widget.title,
         dataIndex: B.charAt(0).toLowerCase() + B.slice(1),
-        order: ue.order,
+        order: de.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -2208,8 +2197,8 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((B, ue) => B.order - ue.order);
-      V.push({
+      })).sort((B, de) => B.order - de.order);
+      A.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -2217,17 +2206,17 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), y.value = V;
+      }), y.value = A;
     }, h = g([]), y = g([]), f = g(!0), m = g(!0), k = g(), ee = async () => {
       m.value = !0;
-      const b = await jt(i.className, s());
+      const b = await jt(s.className, i());
       h.value = b.data, c.total = b.totalCount, m.value = !1;
     }, re = g(!1);
     ge(async () => {
       f.value = !0;
-      const b = new De().setPageActionType(he.List).setClassName(i.className).setStore({ svrStore: n, bpmStore: e }).build();
+      const b = new De().setPageActionType(he.List).setClassName(s.className).setStore({ svrStore: n, bpmStore: e }).build();
       l.value = await b.getPageData(), _(l.value.fields), O(l.value.fields), D(), P(l.value?.tabs?.[0]?.key || ""), k.value = l.value.actions, f.value = !1, re.value = !0;
-    }), wt(() => {
+    }), kt(() => {
       re.value && ee();
     });
     const K = (b) => {
@@ -2235,7 +2224,7 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
     }, te = (b) => {
       c.pageSize = b, ee();
     };
-    function ie(b, V, B, ue, fe) {
+    function ie(b, A, B, de, fe) {
       switch (b) {
         case X.Link:
           a.push({ name: B, params: { workflowId: fe } });
@@ -2244,10 +2233,10 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
           console.warn("Unknown action type:", b);
       }
     }
-    function le(b, V, B) {
+    function le(b, A, B) {
       switch (b) {
         case X.Submit:
-          io(V, { filters: [{ key: "approverList", value: I(), operator: 2 }] }), r?.appContext.config.globalProperties.$notification.success("submit success!");
+          oo(A, { filters: [{ key: "approverList", value: I(), operator: 2 }] }), r?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case X.Link:
           a.push({ name: B });
@@ -2259,56 +2248,56 @@ const nr = /* @__PURE__ */ Z($n, [["render", or], ["__scopeId", "data-v-90976ef8
     function I() {
       return n()?.userInfo?.email_address ?? "";
     }
-    function T(b, V) {
-      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, V);
+    function T(b, A) {
+      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, A);
     }
     function P(b) {
-      const V = l.value?.tabs?.find((B) => B.key === b)?.filters;
-      c.filters = V?.map((B) => ({
+      const A = l.value?.tabs?.find((B) => B.key === b)?.filters;
+      c.filters = A?.map((B) => ({
         ...B,
         value: T(B.value, I())
       })) || [], c.current = 1, ee();
     }
-    const S = g({}), A = g([]);
+    const S = g({}), V = g([]);
     function O(b) {
       if (!b) return [];
-      A.value = Object.entries(b).filter(([, V]) => V.isFiltered).map(([V, B]) => ({ fieldKey: V, fieldConfig: B }));
+      V.value = Object.entries(b).filter(([, A]) => A.isFiltered).map(([A, B]) => ({ fieldKey: A, fieldConfig: B }));
     }
     const D = () => {
       const b = {};
-      A.value.forEach(({ fieldKey: V, fieldConfig: B }) => {
-        b[V] = {}, b[V].value = B.modelValue, b[V].operator = B.operator;
+      V.value.forEach(({ fieldKey: A, fieldConfig: B }) => {
+        b[A] = {}, b[A].value = B.modelValue, b[A].operator = B.operator;
       }), S.value = b;
     }, p = () => {
       c.current = 1, ee();
     }, L = () => {
       l.value && D(), p();
     };
-    function $(b, V) {
-      return !(b.location !== "InTable" || b.title === "Update" && (V.sort === 3 || V.status === 100 || V.status === -1));
+    function $(b, A) {
+      return !(b.location !== "InTable" || b.title === "Update" && (A.sort === 3 || A.status === 100 || A.status === -1));
     }
-    const oe = { svrStore: n, bpmStore: e, router: a, instance: r, props: i, pageData: l, paging: c, createListParams: s, scroll: u, mapColumns: _, _data: h, _columns: y, loadingPage: f, loadingTable: m, actions: k, loadData: ee, mounted: re, pageChangeHandler: K, pageSizeChangeHandler: te, clickHandler: ie, createHandler: le, getApproverEmail: I, replaceEmail: T, tabHandler: P, searchForm: S, searchableFields: A, mapSearchableFields: O, initSearchForm: D, handleSearch: p, handleReset: L, judgeHiddenActions: $, ActionButton: Fe, DataWidgets: Pe, TopBar: Ue };
+    const oe = { svrStore: n, bpmStore: e, router: a, instance: r, props: s, pageData: l, paging: c, createListParams: i, scroll: d, mapColumns: _, _data: h, _columns: y, loadingPage: f, loadingTable: m, actions: k, loadData: ee, mounted: re, pageChangeHandler: K, pageSizeChangeHandler: te, clickHandler: ie, createHandler: le, getApproverEmail: I, replaceEmail: T, tabHandler: P, searchForm: S, searchableFields: V, mapSearchableFields: O, initSearchForm: D, handleSearch: p, handleReset: L, judgeHiddenActions: $, ActionButton: Fe, DataWidgets: Pe, TopBar: Ue };
     return Object.defineProperty(oe, "__isScriptSetup", { enumerable: !1, value: !0 }), oe;
   }
-}), ar = { class: "list-container" }, sr = { class: "query-title" };
-function ir(t, o, n, e, a, r) {
-  const i = x("a-space"), l = x("a-col"), c = x("a-button"), s = x("a-row"), u = x("a-card"), _ = x("a-tab-pane"), h = x("a-tabs"), y = x("a-table");
-  return d(), v("div", ar, [
+}), er = { class: "list-container" }, tr = { class: "query-title" };
+function or(t, o, n, e, a, r) {
+  const s = x("a-space"), l = x("a-col"), c = x("a-button"), i = x("a-row"), d = x("a-card"), _ = x("a-tab-pane"), h = x("a-tabs"), y = x("a-table");
+  return u(), v("div", er, [
     F(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    F(u, null, {
+    F(d, null, {
       default: C(() => [
-        w("div", sr, [
+        w("div", tr, [
           o[0] || (o[0] = w("h3", null, "Search Conditions", -1)),
-          F(i, { size: "medium" }, {
+          F(s, { size: "medium" }, {
             default: C(() => [
-              (d(!0), v(M, null, W(e.actions, (f) => (d(), v(M, {
+              (u(!0), v(M, null, W(e.actions, (f) => (u(), v(M, {
                 key: f.title
               }, [
-                f.location === "InOperation" ? (d(), H(e.ActionButton, {
+                f.location === "InOperation" ? (u(), H(e.ActionButton, {
                   key: 0,
                   config: f,
                   onClick: e.createHandler
@@ -2318,9 +2307,9 @@ function ir(t, o, n, e, a, r) {
             _: 1
           })
         ]),
-        F(s, { gutter: [24, 20] }, {
+        F(i, { gutter: [24, 20] }, {
           default: C(() => [
-            (d(!0), v(M, null, W(e.searchableFields, (f) => (d(), H(l, {
+            (u(!0), v(M, null, W(e.searchableFields, (f) => (u(), H(l, {
               key: f.fieldKey,
               span: 6,
               class: "search-col"
@@ -2341,7 +2330,7 @@ function ir(t, o, n, e, a, r) {
               class: "search-col form-buttons"
             }, {
               default: C(() => [
-                F(i, { size: "medium" }, {
+                F(s, { size: "medium" }, {
                   default: C(() => [
                     F(c, {
                       type: "primary",
@@ -2381,7 +2370,7 @@ function ir(t, o, n, e, a, r) {
       onTabClick: e.tabHandler
     }, {
       default: C(() => [
-        (d(!0), v(M, null, W(e.pageData?.tabs, (f) => (d(), H(_, {
+        (u(!0), v(M, null, W(e.pageData?.tabs, (f) => (u(), H(_, {
           key: f.key,
           title: f.title
         }, null, 8, ["title"]))), 128))
@@ -2408,12 +2397,12 @@ function ir(t, o, n, e, a, r) {
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
       optional: C(({ record: f }) => [
-        F(i, { size: "small" }, {
+        F(s, { size: "small" }, {
           default: C(() => [
-            (d(!0), v(M, null, W(e.actions, (m) => (d(), v(M, {
+            (u(!0), v(M, null, W(e.actions, (m) => (u(), v(M, {
               key: m.title
             }, [
-              e.judgeHiddenActions(m, f) ? (d(), H(e.ActionButton, {
+              e.judgeHiddenActions(m, f) ? (u(), H(e.ActionButton, {
                 key: 0,
                 config: m,
                 size: "small",
@@ -2428,12 +2417,12 @@ function ir(t, o, n, e, a, r) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const lr = /* @__PURE__ */ Z(rr, [["render", ir], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), mr = {
+const nr = /* @__PURE__ */ Z(Xn, [["render", or], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), cr = {
   install(t, o = {}) {
-    o.config && It(o.config), o.router && (Pt(o.router), t.provide(rt, o.router)), o.pinia && t.provide(an, o.pinia), o.useBpmStore && t.provide(gt, o.useBpmStore), o.useSvrStore && t.provide(_t, o.useSvrStore), o.triggers && t.provide(mt, o.triggers), o.customComps && t.provide(vt, o.customComps), t.component("CreateView", Tn), t.component("UpdateView", Hn), t.component("DetailView", nr), t.component("ListView", lr);
+    o.config && Pt(o.config), o.router && (Ft(o.router), t.provide(nt, o.router)), o.pinia && t.provide(en, o.pinia), o.useBpmStore && t.provide(_t, o.useBpmStore), o.useSvrStore && t.provide(vt, o.useSvrStore), o.triggers && t.provide(gt, o.triggers), o.customComps && t.provide(ht, o.customComps), t.component("CreateView", wn), t.component("UpdateView", Rn), t.component("DetailView", Zn), t.component("ListView", nr);
   }
 };
 export {
-  mr as default
+  cr as default
 };
 //# sourceMappingURL=index.es.js.map