@chase-shao/vue-component-lib 1.2.90 → 1.2.91

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import { ref as m, getCurrentInstance as pe, defineComponent as E, mergeModels as le, useModel as we, resolveComponent as C, createBlock as F, openBlock as d, onMounted as ue, computed as G, withCtx as k, createElementBlock as h, Fragment as O, renderList as M, createVNode as N, nextTick as dt, createTextVNode as ne, inject as me, normalizeStyle as Ye, normalizeClass as Qe, createElementVNode as b, createCommentVNode as oe, toDisplayString as Q, useTemplateRef as He, resolveDynamicComponent as Le, renderSlot as de, reactive as ut, onActivated as ft } from "vue";
+import { ref as m, getCurrentInstance as pe, defineComponent as z, mergeModels as le, useModel as we, resolveComponent as C, createBlock as F, openBlock as d, onMounted as ue, computed as E, withCtx as k, createElementBlock as v, Fragment as O, renderList as $, createVNode as N, nextTick as dt, createTextVNode as ne, inject as me, normalizeStyle as Ye, normalizeClass as Qe, createElementVNode as h, createCommentVNode as oe, toDisplayString as q, useTemplateRef as He, resolveDynamicComponent as Le, renderSlot as de, reactive as ut, onActivated as ft } from "vue";
 import pt from "axios";
 import { defineStore as mt } from "pinia";
 import { Modal as gt } from "@arco-design/web-vue";
 import { useRouter as _t } from "vue-router";
 const vt = mt("main", () => ({
   token: m(void 0)
-})), bt = async (t) => new Promise((n) => setTimeout(n, t)), ht = async (t, n, a, e = void 0) => {
+})), bt = async (t) => new Promise((n) => setTimeout(n, t)), ht = async (t, n, r, e = void 0) => {
   if (t[n] === void 0)
     try {
-      t[n] = null, t[n] = await a() || e;
+      t[n] = null, t[n] = await r() || e;
     } catch (o) {
       console.error(o), t[n] = void 0;
     }
@@ -22,30 +22,30 @@ const vt = mt("main", () => ({
   if (!t || typeof t == "string" && t.length === 0)
     return "";
   try {
-    const a = new Date(t), e = [
-      ["yyyy", a.getFullYear()],
-      ["yy", a.getFullYear().toString().substring(2)],
-      ["MM", ye(a.getMonth() + 1)],
-      ["M", a.getMonth() + 1],
-      ["dd", ye(a.getDate())],
-      ["d", a.getDate()],
-      ["hh", ye(a.getHours())],
-      ["h", a.getHours()],
-      ["mm", ye(a.getMinutes())],
-      ["m", a.getMinutes()],
-      ["ss", ye(a.getSeconds())],
-      ["s", a.getSeconds()]
+    const r = new Date(t), e = [
+      ["yyyy", r.getFullYear()],
+      ["yy", r.getFullYear().toString().substring(2)],
+      ["MM", ye(r.getMonth() + 1)],
+      ["M", r.getMonth() + 1],
+      ["dd", ye(r.getDate())],
+      ["d", r.getDate()],
+      ["hh", ye(r.getHours())],
+      ["h", r.getHours()],
+      ["mm", ye(r.getMinutes())],
+      ["m", r.getMinutes()],
+      ["ss", ye(r.getSeconds())],
+      ["s", r.getSeconds()]
     ];
-    for (const [o, l] of e)
-      n = n.replace(o, l);
+    for (const [o, c] of e)
+      n = n.replace(o, c);
     return n;
   } catch {
     return t.toLocaleString();
   }
 }, yt = (t, n) => {
-  let a;
-  t instanceof Blob ? a = t : a = new Blob([t]);
-  const e = document.createElement("a"), o = window.URL.createObjectURL(a);
+  let r;
+  t instanceof Blob ? r = t : r = new Blob([t]);
+  const e = document.createElement("a"), o = window.URL.createObjectURL(r);
   e.href = o, e.download = n, e.click(), window.URL.revokeObjectURL(o);
 };
 let Fe = {};
@@ -85,9 +85,9 @@ function Xe() {
   return n.interceptors.response.use(Ct), n;
 }
 const Ze = async () => {
-  const { apiBase: t, appSecret: n } = Je(), a = Xe(), e = vt();
+  const { apiBase: t, appSecret: n } = Je(), r = Xe(), e = vt();
   return await ht(e, "token", async () => {
-    const o = await a.get(`${t}/GenerateToken`, {
+    const o = await r.get(`${t}/GenerateToken`, {
       params: {
         appid: "bpm",
         appsecret: n
@@ -97,7 +97,7 @@ const Ze = async () => {
       e.token = void 0;
     }, (o.data?.expireSeconds ?? 3600) * 1e3), o?.data?.token;
   });
-}, K = async () => {
+}, W = async () => {
   const t = await Ze(), n = Xe();
   return n.defaults.headers.common.Authorization = `Bearer ${t}`, n;
 }, Ne = {
@@ -107,11 +107,11 @@ const Ze = async () => {
   ApproverEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (t) => t.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, W = [];
+}, G = [];
 for (let t = 0; t < 256; ++t)
-  W.push((t + 256).toString(16).slice(1));
+  G.push((t + 256).toString(16).slice(1));
 function St(t, n = 0) {
-  return (W[t[n + 0]] + W[t[n + 1]] + W[t[n + 2]] + W[t[n + 3]] + "-" + W[t[n + 4]] + W[t[n + 5]] + "-" + W[t[n + 6]] + W[t[n + 7]] + "-" + W[t[n + 8]] + W[t[n + 9]] + "-" + W[t[n + 10]] + W[t[n + 11]] + W[t[n + 12]] + W[t[n + 13]] + W[t[n + 14]] + W[t[n + 15]]).toLowerCase();
+  return (G[t[n + 0]] + G[t[n + 1]] + G[t[n + 2]] + G[t[n + 3]] + "-" + G[t[n + 4]] + G[t[n + 5]] + "-" + G[t[n + 6]] + G[t[n + 7]] + "-" + G[t[n + 8]] + G[t[n + 9]] + "-" + G[t[n + 10]] + G[t[n + 11]] + G[t[n + 12]] + G[t[n + 13]] + G[t[n + 14]] + G[t[n + 15]]).toLowerCase();
 }
 let Ue;
 const xt = new Uint8Array(16);
@@ -124,7 +124,7 @@ function At() {
   return Ue(xt);
 }
 const Tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ze = { randomUUID: Tt };
-function et(t, n, a) {
+function et(t, n, r) {
   if (ze.randomUUID && !t)
     return ze.randomUUID();
   t = t || {};
@@ -134,7 +134,7 @@ function et(t, n, a) {
   return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, St(e);
 }
 var J = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(J || {}), fe = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t[t.ReCreate = 5] = "ReCreate", t))(fe || {});
-function Vt(t, n, a) {
+function Vt(t, n, r) {
   const e = {
     pageType: "",
     fields: {},
@@ -155,7 +155,7 @@ function Vt(t, n, a) {
         appliesTo: o.propertyNames || ["*"]
       });
     else if (o.attributeType === "UIControl") {
-      const l = o.showToRoles.split(",").map((c) => c.trim()), s = a.bpmStore().employeeInfo.roleList.some((c) => l.includes(c.name)) || o.showToRoles === "";
+      const c = o.showToRoles.split(",").map((l) => l.trim()), s = r.bpmStore().employeeInfo.roleList.some((l) => c.includes(l.name)) || o.showToRoles === "";
       if (o.widget === "Tab") {
         e.tabs || (e.tabs = []), s && e.tabs.push({
           key: et(),
@@ -181,8 +181,8 @@ function Vt(t, n, a) {
           eventName: o.eventName
         });
       }
-    } else o.attributeType === "Banner" && (e.banner.title = o.title, n === 0 || n === 5 ? e.banner.subTitle = o.subTitle : e.banner.subTitle = $e(o.subTitle, t.workflowId.propertyValue));
-  }), e.tabs && (e.tabs = e.tabs.sort((o, l) => o.order - l.order)), Object.entries(t).forEach(([o, l]) => {
+    } else o.attributeType === "Banner" && (e.banner.title = o.title, n === 0 || n === 5 ? e.banner.subTitle = o.subTitle : e.banner.subTitle = Oe(o.subTitle, t.workflowId.propertyValue));
+  }), e.tabs && (e.tabs = e.tabs.sort((o, c) => o.order - c.order)), Object.entries(t).forEach(([o, c]) => {
     if (o === "__ClassAttributes" || o === "className" || o === "id" || o === "deleteFlag" || o === "status" || o === "workFlowReason" || n !== 3 && o === "workflowId")
       return;
     const s = {
@@ -191,7 +191,7 @@ function Vt(t, n, a) {
       isFiltered: !1,
       dependent: "",
       operator: ""
-    }, { attributes: c, propertyValue: i } = l;
+    }, { attributes: l, propertyValue: i } = c;
     switch (i) {
       case null:
         s.modelValue = "";
@@ -203,26 +203,26 @@ function Vt(t, n, a) {
         s.modelValue = i;
         break;
     }
-    o === "onBehalf" && n === 0 && (s.modelValue = Ne.CurrentUserEmail(a)), (n === 1 || n === 5) && (o === "directReports" || o === "employeesInTheTeam") && s.modelValue && (s.modelValue = Number(s.modelValue)), c?.forEach((r) => {
-      r.order || r.Order ? s.order = r.order ?? r.Order : r.attributeType === "UIControl" ? (r.outputText = r.outputText ? JSON.parse(r.outputText) : [], s.widget = {
-        ...r,
+    o === "onBehalf" && n === 0 && (s.modelValue = Ne.CurrentUserEmail(r)), (n === 1 || n === 5) && (o === "directReports" || o === "employeesInTheTeam") && s.modelValue && (s.modelValue = Number(s.modelValue)), l?.forEach((a) => {
+      a.order || a.Order ? s.order = a.order ?? a.Order : a.attributeType === "UIControl" ? (a.outputText = a.outputText ? JSON.parse(a.outputText) : [], s.widget = {
+        ...a,
         column: !0
-      }) : r.attributeType === "UIValidationControl" && n !== 3 ? s.widget?.widget !== "CheckBox" && s.validations.push(r) : r.attributeType === "UIListed" ? s.widget = {
-        ...r,
+      }) : a.attributeType === "UIValidationControl" && n !== 3 ? s.widget?.widget !== "CheckBox" && s.validations.push(a) : a.attributeType === "UIListed" ? s.widget = {
+        ...a,
         column: !0
-      } : r.attributeType === "UIFiltered" ? (s.isFiltered = !0, s.operator = r.operatorType) : r.dependentType ? s.dependent = Ne[r.dependentType] ? Ne[r.dependentType](a) : "" : r.eventType === "Change" && s.triggers?.push({
+      } : a.attributeType === "UIFiltered" ? (s.isFiltered = !0, s.operator = a.operatorType) : a.dependentType ? s.dependent = Ne[a.dependentType] ? Ne[a.dependentType](r) : "" : a.eventType === "Change" && s.triggers?.push({
         event: "change",
-        handlerName: r.eventName
+        handlerName: a.eventName
       });
     }), e.fields[o] = s;
   }), e;
 }
-const Ke = async (t, n, a, e) => {
-  const l = await (await K()).get(`/General/${n}/${t}/page`, { params: e });
-  return Vt(l?.data, t, a);
-}, It = async (t, n, a) => (await (await K()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
+const Ke = async (t, n, r, e) => {
+  const c = await (await W()).get(`/General/${n}/${t}/page`, { params: e });
+  return Vt(c?.data, t, r);
+}, It = async (t, n, r) => (await (await W()).post(`/${n}/${t}/button/List`, null, { params: r }))?.data;
 async function Pt(t, n) {
-  const e = await (await K()).post(`/General/${t}/list`, n);
+  const e = await (await W()).post(`/General/${t}/list`, n);
   return {
     data: e.data.data,
     totalCount: e.data.totalCount
@@ -241,18 +241,18 @@ async function Pt(t, n) {
     // ),
   };
 }
-async function Nt(t, n, a) {
-  return (await (await K()).post(a, n, {
+async function Nt(t, n, r) {
+  return (await (await W()).post(r, n, {
     params: {
       className: t
     }
   })).data;
 }
-async function Ut(t, n, a, e) {
-  const o = await K(), l = $e(e, n);
-  return (await o.put(l, a))?.data;
+async function Ut(t, n, r, e) {
+  const o = await W(), c = Oe(e, n);
+  return (await o.put(c, r))?.data;
 }
-function $e(t, n) {
+function Oe(t, n) {
   return t.replace(/{WorkflowId}/g, n);
 }
 function Dt(t, n) {
@@ -270,22 +270,22 @@ function Ht(t, n) {
 function Lt(t, n) {
   return t.replace(/{ClassName}/g, encodeURIComponent(n));
 }
-async function Rt(t, n, a, e, o, l, s, c) {
-  const i = await K();
-  let r = $e(l, n);
-  return r = Dt(r, a), r = Bt(r, e), r = Ft(r, s), r = Ht(r, c), r = Lt(r, t), (await i.put(r, o))?.data;
+async function Rt(t, n, r, e, o, c, s, l) {
+  const i = await W();
+  let a = Oe(c, n);
+  return a = Dt(a, r), a = Bt(a, e), a = Ft(a, s), a = Ht(a, l), a = Lt(a, t), (await i.put(a, o))?.data;
 }
-async function $t(t, n) {
-  const o = (await (await K()).get(t, { params: { value: n } }))?.data;
-  return Object.entries(o).map(([l, s]) => ({
-    value: l,
+async function Ot(t, n) {
+  const o = (await (await W()).get(t, { params: { value: n } }))?.data;
+  return Object.entries(o).map(([c, s]) => ({
+    value: c,
     label: s
   }));
 }
-async function Ot(t, n) {
-  return (await (await K()).get(`/General/${t}/${n}/process`))?.data;
+async function jt(t, n) {
+  return (await (await W()).get(`/General/${t}/${n}/process`))?.data;
 }
-function jt(t) {
+function $t(t) {
   return {
     uid: t.id ?? et(),
     name: t.attachmentName ?? "unknown",
@@ -293,57 +293,57 @@ function jt(t) {
   };
 }
 async function Mt(t, n) {
-  return (await (await K()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
-    const { category: c } = s;
-    return l[c] || (l[c] = []), l[c].push(jt(s)), l;
+  return (await (await W()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((c, s) => {
+    const { category: l } = s;
+    return c[l] || (c[l] = []), c[l].push($t(s)), c;
   }, {});
 }
 async function Et(t, n) {
-  return (await K()).post(`/General/${t}/${n}/delete/attachment`);
+  return (await W()).post(`/General/${t}/${n}/delete/attachment`);
 }
 async function zt() {
-  const n = await (await K()).get("/Grading/dropdown/approvers");
-  return Object.entries(n?.data).map(([a, e]) => ({
-    label: a,
+  const n = await (await W()).get("/Grading/dropdown/approvers");
+  return Object.entries(n?.data).map(([r, e]) => ({
+    label: r,
     value: e
   }));
 }
 async function Kt(t, n) {
-  return await (await K()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
+  return await (await W()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
 }
-async function Wt(t, n, a) {
-  return await (await K()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
+async function Wt(t, n, r) {
+  return await (await W()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, r, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
 async function Gt(t) {
-  return (await (await K()).get(`Grading/GetComments/${t}`))?.data;
+  return (await (await W()).get(`Grading/GetComments/${t}`))?.data;
 }
 async function qt(t) {
-  return (await (await K()).get(`Grading/GetAssociator/${t}`))?.data;
+  return (await (await W()).get(`Grading/GetAssociator/${t}`))?.data;
 }
 async function Yt(t) {
-  return await (await K()).delete(`Grading/DeleteAssociator/${t}`);
+  return await (await W()).delete(`Grading/DeleteAssociator/${t}`);
 }
 async function Qt(t, n = null) {
-  const e = await (await K()).post(t, n, {
+  const e = await (await W()).post(t, n, {
     responseType: "blob"
   });
   yt(e?.data, "WorkflowData.xlsx");
 }
 const ge = (t, n) => {
-  let a = "";
+  let r = "";
   return { res: t.every((o) => {
-    const l = Jt(o, n);
-    return l || (a = o.errorMessage), l;
-  }), errorMessages: a };
+    const c = Jt(o, n);
+    return c || (r = o.errorMessage), c;
+  }), errorMessages: r };
 }, Jt = (t, n) => {
-  const { ruleName: a, ruleParameter: e } = t;
-  return Xt[a](e, n);
+  const { ruleName: r, ruleParameter: e } = t;
+  return Xt[r](e, n);
 }, Xt = {
   Regex: (t, n) => new RegExp(t).test(n),
   Required: (t, n) => !!n
-}, Zt = /* @__PURE__ */ E({
+}, Zt = /* @__PURE__ */ z({
   __name: "InputText",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -357,8 +357,8 @@ const ge = (t, n) => {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ le(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = (u) => ge(e.validations, u), c = (u) => {
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = we(t, "modelValue"), s = (u) => ge(e.validations, u), l = (u) => {
       o("input", u);
     }, i = (u) => {
       const g = s(u);
@@ -372,27 +372,27 @@ const ge = (t, n) => {
         return o("error", u.res ? "" : u.errorMessages), u.res;
       }
     });
-    const r = { props: e, emits: o, model: l, validate: s, inputHandler: c, changeHandler: i };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+    const a = { props: e, emits: o, model: c, validate: s, inputHandler: l, changeHandler: i };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
-}), q = (t, n) => {
-  const a = t.__vccOpts || t;
+}), Y = (t, n) => {
+  const r = t.__vccOpts || t;
   for (const [e, o] of n)
-    a[e] = o;
-  return a;
+    r[e] = o;
+  return r;
 };
-function en(t, n, a, e, o, l) {
+function en(t, n, r, e, o, c) {
   const s = C("AInput");
   return d(), F(s, {
     modelValue: e.model,
-    "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
+    "onUpdate:modelValue": n[0] || (n[0] = (l) => e.model = l),
     "allow-clear": "",
     disabled: e.props.readonly || e.props.config.Readonly,
     onInput: e.inputHandler,
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled"]);
 }
-const We = /* @__PURE__ */ q(Zt, [["render", en], ["__file", "InputText.vue"]]), tn = /* @__PURE__ */ E({
+const We = /* @__PURE__ */ Y(Zt, [["render", en], ["__file", "InputText.vue"]]), tn = /* @__PURE__ */ z({
   __name: "InputNumber",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -406,14 +406,14 @@ const We = /* @__PURE__ */ q(Zt, [["render", en], ["__file", "InputText.vue"]]),
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ le(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = m(100), c = m(1);
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = we(t, "modelValue"), s = m(100), l = m(1);
     ue(() => {
       e.validations && e.validations.forEach((_) => {
-        _.ruleName === "Max" && (s.value = _.ruleParameter), _.ruleName === "Min" && (c.value = _.ruleParameter);
+        _.ruleName === "Max" && (s.value = _.ruleParameter), _.ruleName === "Min" && (l.value = _.ruleParameter);
       });
     });
-    const i = (_) => ge(e.validations, _), r = (_) => {
+    const i = (_) => ge(e.validations, _), a = (_) => {
       o("input", _);
     }, u = (_) => {
       const S = i(_);
@@ -427,15 +427,15 @@ const We = /* @__PURE__ */ q(Zt, [["render", en], ["__file", "InputText.vue"]]),
         return o("error", _.res ? "" : _.errorMessages), _.res;
       }
     });
-    const g = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: u };
+    const g = { props: e, emits: o, model: c, max: s, min: l, validate: i, inputHandler: a, changeHandler: u };
     return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
   }
 });
-function nn(t, n, a, e, o, l) {
+function nn(t, n, r, e, o, c) {
   const s = C("AInputNumber");
   return d(), F(s, {
     modelValue: e.model,
-    "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
+    "onUpdate:modelValue": n[0] || (n[0] = (l) => e.model = l),
     clearable: "",
     disabled: e.props.readonly,
     min: e.min,
@@ -443,7 +443,7 @@ function nn(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "min"]);
 }
-const on = /* @__PURE__ */ q(tn, [["render", nn], ["__file", "InputNumber.vue"]]), an = /* @__PURE__ */ E({
+const on = /* @__PURE__ */ Y(tn, [["render", nn], ["__file", "InputNumber.vue"]]), rn = /* @__PURE__ */ z({
   __name: "SelectList",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -457,8 +457,8 @@ const on = /* @__PURE__ */ q(tn, [["render", nn], ["__file", "InputNumber.vue"]]
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ le(["update:modelValue", "change"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m(!1), s = m(e.config.options ?? []), c = we(t, "modelValue"), i = (S) => ge(e.validations, S), r = G(() => {
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = m(!1), s = m(e.config.options ?? []), l = we(t, "modelValue"), i = (S) => ge(e.validations, S), a = E(() => {
       const S = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
         S[f.event] = (p) => {
@@ -468,7 +468,7 @@ const on = /* @__PURE__ */ q(tn, [["render", nn], ["__file", "InputNumber.vue"]]
         };
       }), S;
     }), u = async () => {
-      e.config.dataSourceProvider && (s.value = await $t(e.config.dataSourceProvider));
+      e.config.dataSourceProvider && (s.value = await Ot(e.config.dataSourceProvider));
     };
     ue(u);
     const g = (S) => {
@@ -484,13 +484,13 @@ const on = /* @__PURE__ */ q(tn, [["render", nn], ["__file", "InputNumber.vue"]]
         return o("error", S.res ? "" : S.errorMessages), S.res;
       }
     });
-    const _ = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: u, changeHandler: g };
+    const _ = { props: e, emits: o, loading: c, _options: s, model: l, validate: i, eventHandlers: a, loadOptions: u, changeHandler: g };
     return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
   }
 });
-function rn(t, n, a, e, o, l) {
-  const s = C("AOption"), c = C("ASelect");
-  return d(), F(c, {
+function an(t, n, r, e, o, c) {
+  const s = C("AOption"), l = C("ASelect");
+  return d(), F(l, {
     "allow-clear": "",
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (i) => e.model = i),
@@ -501,7 +501,7 @@ function rn(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, {
     default: k(() => [
-      (d(!0), h(O, null, M(e._options, (i) => (d(), F(s, {
+      (d(!0), v(O, null, $(e._options, (i) => (d(), F(s, {
         key: i.value,
         value: i.value,
         label: i.label
@@ -510,46 +510,46 @@ function rn(t, n, a, e, o, l) {
     _: 1
   }, 8, ["modelValue", "loading", "disabled"]);
 }
-const Ge = /* @__PURE__ */ q(an, [["render", rn], ["__file", "SelectList.vue"]]), sn = /* @__PURE__ */ E({
+const Ge = /* @__PURE__ */ Y(rn, [["render", an], ["__file", "SelectList.vue"]]), sn = /* @__PURE__ */ z({
   __name: "Cascader",
   props: {
     modelValue: {},
     config: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m(e.config.options ?? []), s = (r) => {
-      o("update:modelValue", r), o("change", r);
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = m(e.config.options ?? []), s = (a) => {
+      o("update:modelValue", a), o("change", a);
     };
     ue(async () => {
       if (e.config) {
-        const r = e.config.dataSourceProvider;
-        if (r) {
-          const g = await (await K()).get(r);
-          l.value = g.data;
+        const a = e.config.dataSourceProvider;
+        if (a) {
+          const g = await (await W()).get(a);
+          c.value = g.data;
         }
       }
     });
-    const c = { value: "key", label: "value" };
+    const l = { value: "key", label: "value" };
     n({
       validate() {
         return !0;
       }
     });
-    const i = { props: e, emits: o, _options: l, changeHandler: s, fieldNames: c };
+    const i = { props: e, emits: o, _options: c, changeHandler: s, fieldNames: l };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function ln(t, n, a, e, o, l) {
-  const s = C("ACascader"), c = C("ASpace");
-  return d(), F(c, {
+function ln(t, n, r, e, o, c) {
+  const s = C("ACascader"), l = C("ASpace");
+  return d(), F(l, {
     direction: "vertical",
     size: "large"
   }, {
     default: k(() => [
       N(s, {
         "field-names": e.fieldNames,
-        "model-value": a.modelValue,
+        "model-value": r.modelValue,
         options: e._options,
         style: { width: "320px" },
         placeholder: "Please select ...",
@@ -559,7 +559,7 @@ function ln(t, n, a, e, o, l) {
     _: 1
   });
 }
-const cn = /* @__PURE__ */ q(sn, [["render", ln], ["__file", "Cascader.vue"]]), dn = /* @__PURE__ */ E({
+const cn = /* @__PURE__ */ Y(sn, [["render", ln], ["__file", "Cascader.vue"]]), dn = /* @__PURE__ */ z({
   __name: "FileUpload",
   props: {
     className: {},
@@ -571,26 +571,26 @@ const cn = /* @__PURE__ */ q(sn, [["render", ln], ["__file", "Cascader.vue"]]),
     triggers: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m({});
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = m({});
     ue(async () => {
       const x = await Ze();
-      l.value = {
+      c.value = {
         Authorization: `Bearer ${x}`
       };
     });
-    const s = (x) => ge(e.validations, x), c = Re(), i = c.apiBase, r = m(null), u = m("");
+    const s = (x) => ge(e.validations, x), l = Re(), i = l.apiBase, a = m(null), u = m("");
     function g(x, y, w) {
       return x.replace(/{WorkflowId}/g, y).replace(/{ClassName}/g, w);
     }
-    const _ = G(() => {
+    const _ = E(() => {
       if (e.config.uploadURL) {
         const x = i + e.config.uploadURL;
         return g(x, u.value, e.className);
       }
       return "";
     }), S = (x) => {
-      x.stopPropagation(), r.value.submit();
+      x.stopPropagation(), a.value.submit();
     };
     function f(x) {
       const { file: y, name: w } = x, V = w ?? y.name;
@@ -611,29 +611,29 @@ const cn = /* @__PURE__ */ q(sn, [["render", ln], ["__file", "Cascader.vue"]]),
       p.value && (p.value(x), p.value = null, T.value = null);
     }, ee = (x) => {
       T.value && (T.value(x), p.value = null, T.value = null);
-    }, j = m([]), Z = (x) => {
-      j.value = x.filter((y) => y.status === "init");
+    }, M = m([]), Z = (x) => {
+      M.value = x.filter((y) => y.status === "init");
     };
     n({
       submit(x) {
         return new Promise((y, w) => {
-          r.value ? (e.config.uploadURL && (u.value = x), p.value = y, T.value = w, j.value.length ? dt(() => {
-            r.value?.submit();
+          a.value ? (e.config.uploadURL && (u.value = x), p.value = y, T.value = w, M.value.length ? dt(() => {
+            a.value?.submit();
           }) : y(x)) : y(x);
         });
       },
       validate() {
-        const x = e.config.files ?? [], y = [...j.value, ...x].length > 0 ? "hasFile" : "", w = s(y);
+        const x = e.config.files ?? [], y = [...M.value, ...x].length > 0 ? "hasFile" : "", w = s(y);
         return o("error", w.res ? "" : w.errorMessages), w.res;
       }
     });
-    const ae = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: g, action: _, submit: S, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: T, handleUploadSuccess: X, handleUploadError: ee, readyFiles: j, onChange: Z };
-    return Object.defineProperty(ae, "__isScriptSetup", { enumerable: !1, value: !0 }), ae;
+    const re = { props: e, emits: o, headers: c, validate: s, config: l, ApiBase: i, uploadRef: a, id: u, replaceIdAndClassName: g, action: _, submit: S, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: T, handleUploadSuccess: X, handleUploadError: ee, readyFiles: M, onChange: Z };
+    return Object.defineProperty(re, "__isScriptSetup", { enumerable: !1, value: !0 }), re;
   }
 });
-function un(t, n, a, e, o, l) {
-  const s = C("a-button"), c = C("a-upload");
-  return d(), F(c, {
+function un(t, n, r, e, o, c) {
+  const s = C("a-button"), l = C("a-upload");
+  return d(), F(l, {
     ref: "uploadRef",
     "default-file-list": e.props.config.files,
     action: e.action,
@@ -659,7 +659,7 @@ function un(t, n, a, e, o, l) {
     _: 1
   }, 8, ["default-file-list", "action", "limit", "headers"]);
 }
-const fn = /* @__PURE__ */ q(dn, [["render", un], ["__file", "FileUpload.vue"]]), pn = /* @__PURE__ */ E({
+const fn = /* @__PURE__ */ Y(dn, [["render", un], ["__file", "FileUpload.vue"]]), pn = /* @__PURE__ */ z({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -670,27 +670,27 @@ const fn = /* @__PURE__ */ q(dn, [["render", un], ["__file", "FileUpload.vue"]])
     triggers: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = (r) => ge(e.validations, r), s = (r) => {
-      o("update:modelValue", r), o("input", r);
-    }, c = (r) => {
-      o("update:modelValue", r);
-      const u = l(r);
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = (a) => ge(e.validations, a), s = (a) => {
+      o("update:modelValue", a), o("input", a);
+    }, l = (a) => {
+      o("update:modelValue", a);
+      const u = c(a);
       o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.handlerName, r);
+        g.event === "change" && o(g.event, g.handlerName, a);
       });
     };
     n({
       validate() {
-        const r = l(e.modelValue);
-        return o("error", r.res ? "" : r.errorMessages), r.res;
+        const a = c(e.modelValue);
+        return o("error", a.res ? "" : a.errorMessages), a.res;
       }
     });
-    const i = { props: e, emits: o, validate: l, inputHandler: s, changeHandler: c };
+    const i = { props: e, emits: o, validate: c, inputHandler: s, changeHandler: l };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function mn(t, n, a, e, o, l) {
+function mn(t, n, r, e, o, c) {
   const s = C("ATextarea");
   return d(), F(s, {
     "model-value": e.props.modelValue,
@@ -701,7 +701,7 @@ function mn(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled"]);
 }
-const gn = /* @__PURE__ */ q(pn, [["render", mn], ["__file", "TextArea.vue"]]), _n = /* @__PURE__ */ E({
+const gn = /* @__PURE__ */ Y(pn, [["render", mn], ["__file", "TextArea.vue"]]), _n = /* @__PURE__ */ z({
   __name: "CheckBox",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -715,28 +715,28 @@ const gn = /* @__PURE__ */ q(pn, [["render", mn], ["__file", "TextArea.vue"]]),
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ le(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = (r) => ge(e.validations, r), c = (r) => {
-      const u = s(r);
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = we(t, "modelValue"), s = (a) => ge(e.validations, a), l = (a) => {
+      const u = s(a);
       o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.handlerName, r);
+        g.event === "change" && o(g.event, g.handlerName, a);
       });
     };
     n({
       validate() {
-        const r = s(e.modelValue);
-        return o("error", r.res ? "" : r.errorMessages), r.res;
+        const a = s(e.modelValue);
+        return o("error", a.res ? "" : a.errorMessages), a.res;
       }
     });
-    const i = { props: e, emits: o, model: l, validate: s, changeHandler: c };
+    const i = { props: e, emits: o, model: c, validate: s, changeHandler: l };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function vn(t, n, a, e, o, l) {
+function vn(t, n, r, e, o, c) {
   const s = C("ACheckbox");
   return d(), F(s, {
     modelValue: e.model,
-    "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
+    "onUpdate:modelValue": n[0] || (n[0] = (l) => e.model = l),
     clearable: "",
     disabled: e.props.readonly || e.props.config.Readonly,
     onChange: e.changeHandler
@@ -748,20 +748,20 @@ function vn(t, n, a, e, o, l) {
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const bn = /* @__PURE__ */ q(_n, [["render", vn], ["__file", "CheckBox.vue"]]), hn = Symbol("ArcoConfigProvider"), yn = "arco", wn = "$arco", tt = (t) => {
-  var n, a, e;
-  const o = pe(), l = me(hn, void 0);
-  return `${(e = (a = l?.prefixCls) != null ? a : (n = o?.appContext.config.globalProperties[wn]) == null ? void 0 : n.classPrefix) != null ? e : yn}-${t}`;
+const bn = /* @__PURE__ */ Y(_n, [["render", vn], ["__file", "CheckBox.vue"]]), hn = Symbol("ArcoConfigProvider"), yn = "arco", wn = "$arco", tt = (t) => {
+  var n, r, e;
+  const o = pe(), c = me(hn, void 0);
+  return `${(e = (r = c?.prefixCls) != null ? r : (n = o?.appContext.config.globalProperties[wn]) == null ? void 0 : n.classPrefix) != null ? e : yn}-${t}`;
 }, kn = Object.prototype.toString;
 function nt(t) {
   return kn.call(t) === "[object Number]" && t === t;
 }
 var ot = (t, n) => {
-  for (const [a, e] of n)
-    t[a] = e;
+  for (const [r, e] of n)
+    t[r] = e;
   return t;
 };
-const Cn = E({
+const Cn = z({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -788,7 +788,7 @@ const Cn = E({
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = tt("icon"), e = G(() => [a, `${a}-question-circle`, { [`${a}-spin`]: t.spin }]), o = G(() => {
+    const r = tt("icon"), e = E(() => [r, `${r}-question-circle`, { [`${r}-spin`]: t.spin }]), o = E(() => {
       const s = {};
       return t.size && (s.fontSize = nt(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -801,8 +801,8 @@ const Cn = E({
     };
   }
 }), Sn = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function xn(t, n, a, e, o, l) {
-  return d(), h("svg", {
+function xn(t, n, r, e, o, c) {
+  return d(), v("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -814,18 +814,18 @@ function xn(t, n, a, e, o, l) {
     "stroke-linejoin": t.strokeLinejoin,
     onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
   }, n[1] || (n[1] = [
-    b("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),
-    b("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)
+    h("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),
+    h("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, Sn);
 }
 var De = /* @__PURE__ */ ot(Cn, [["render", xn]]);
 const An = Object.assign(De, {
   install: (t, n) => {
-    var a;
-    const e = (a = n?.iconPrefix) != null ? a : "";
+    var r;
+    const e = (r = n?.iconPrefix) != null ? r : "";
     t.component(e + De.name, De);
   }
-}), Tn = E({
+}), Tn = z({
   name: "IconDownload",
   props: {
     size: {
@@ -852,7 +852,7 @@ const An = Object.assign(De, {
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = tt("icon"), e = G(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = G(() => {
+    const r = tt("icon"), e = E(() => [r, `${r}-download`, { [`${r}-spin`]: t.spin }]), o = E(() => {
       const s = {};
       return t.size && (s.fontSize = nt(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -865,8 +865,8 @@ const An = Object.assign(De, {
     };
   }
 }), Vn = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function In(t, n, a, e, o, l) {
-  return d(), h("svg", {
+function In(t, n, r, e, o, c) {
+  return d(), v("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -878,17 +878,17 @@ function In(t, n, a, e, o, l) {
     "stroke-linejoin": t.strokeLinejoin,
     onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
   }, n[1] || (n[1] = [
-    b("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+    h("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, Vn);
 }
 var Be = /* @__PURE__ */ ot(Tn, [["render", In]]);
 const Pn = Object.assign(Be, {
   install: (t, n) => {
-    var a;
-    const e = (a = n?.iconPrefix) != null ? a : "";
+    var r;
+    const e = (r = n?.iconPrefix) != null ? r : "";
     t.component(e + Be.name, Be);
   }
-}), Nn = /* @__PURE__ */ E({
+}), Nn = /* @__PURE__ */ z({
   __name: "ToolTip",
   props: {
     isVisible: { type: Boolean },
@@ -896,32 +896,32 @@ const Pn = Object.assign(Be, {
   },
   setup(t, { expose: n }) {
     n();
-    const e = { props: t, get IconQuestionCircle() {
+    const r = t, e = (l) => l.length > 0 && typeof l[0] != "string", o = E(() => e(r.outputText) ? [] : r.outputText), c = E(() => e(r.outputText) ? r.outputText : []), s = { props: r, isTreeArray: e, stringOutput: o, treeOutput: c, get IconQuestionCircle() {
       return An;
     } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 }), Un = { class: "list-unstyled" }, Dn = { class: "list-style-square" };
-function Bn(t, n, a, e, o, l) {
+function Bn(t, n, r, e, o, c) {
   const s = C("a-tooltip");
   return e.props.isVisible ? (d(), F(s, {
     key: 0,
     "background-color": "#7A00E6"
   }, {
     content: k(() => [
-      (d(!0), h(O, null, M(e.props.outputText, (c) => (d(), h("ul", {
-        key: c.title,
+      e.stringOutput.length ? (d(!0), v(O, { key: 0 }, $(e.stringOutput, (l) => (d(), v("p", { key: l }, q(l), 1))), 128)) : (d(!0), v(O, { key: 1 }, $(e.treeOutput, (l) => (d(), v("ul", {
+        key: l.title,
         class: "list-unstyled"
       }, [
-        b("li", null, [
-          b("b", null, Q(c.title), 1),
-          b("ul", Un, [
-            (d(!0), h(O, null, M(c.items, (i) => (d(), h("li", {
+        h("li", null, [
+          h("b", null, q(l.title), 1),
+          h("ul", Un, [
+            (d(!0), v(O, null, $(l.items, (i) => (d(), v("li", {
               key: i.title
             }, [
-              b("u", null, Q(i.title), 1),
-              b("ul", Dn, [
-                (d(!0), h(O, null, M(i.items, (r) => (d(), h("li", null, Q(r), 1))), 256))
+              h("u", null, q(i.title), 1),
+              h("ul", Dn, [
+                (d(!0), v(O, null, $(i.items, (a) => (d(), v("li", null, q(a), 1))), 256))
               ])
             ]))), 128))
           ])
@@ -934,7 +934,7 @@ function Bn(t, n, a, e, o, l) {
     _: 1
   })) : oe("", !0);
 }
-const at = /* @__PURE__ */ q(Nn, [["render", Bn], ["__scopeId", "data-v-24e35b0b"], ["__file", "ToolTip.vue"]]), Fn = /* @__PURE__ */ E({
+const rt = /* @__PURE__ */ Y(Nn, [["render", Bn], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), Fn = /* @__PURE__ */ z({
   __name: "index",
   props: /* @__PURE__ */ le({
     config: {},
@@ -949,8 +949,8 @@ const at = /* @__PURE__ */ q(Nn, [["render", Bn], ["__scopeId", "data-v-24e35b0b
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ le(["update:modelValue", "change", "error"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = He("widgetRef"), c = G(() => {
+  setup(t, { expose: n, emit: r }) {
+    const e = t, o = r, c = we(t, "modelValue"), s = He("widgetRef"), l = E(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return We;
@@ -971,7 +971,7 @@ const at = /* @__PURE__ */ q(Nn, [["render", Bn], ["__scopeId", "data-v-24e35b0b
         default:
           return We;
       }
-    }), i = m(""), r = (f) => {
+    }), i = m(""), a = (f) => {
       i.value = f;
     }, u = (f, p) => {
       o("change", f, p);
@@ -996,7 +996,7 @@ const at = /* @__PURE__ */ q(Nn, [["render", Bn], ["__scopeId", "data-v-24e35b0b
         return e?.config?.widget?.title;
       }
     });
-    const S = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: g, formatTitle: _, ToolTip: at };
+    const S = { props: e, emits: o, model: c, widgetRef: s, curComp: l, errMsg: i, errHandler: a, changeHandler: u, isFileUpload: g, formatTitle: _, ToolTip: rt };
     return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
   }
 }), Hn = { class: "title" }, Ln = {
@@ -1006,17 +1006,17 @@ const at = /* @__PURE__ */ q(Nn, [["render", Bn], ["__scopeId", "data-v-24e35b0b
   key: 0,
   class: "err-msg"
 };
-function $n(t, n, a, e, o, l) {
-  return d(), h("div", null, [
-    b("div", Hn, [
-      ne(Q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
-      e.props.config.validations.length ? (d(), h("span", Ln, "*")) : oe("", !0),
+function On(t, n, r, e, o, c) {
+  return d(), v("div", null, [
+    h("div", Hn, [
+      ne(q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
+      e.props.config.validations.length ? (d(), v("span", Ln, "*")) : oe("", !0),
       N(e.ToolTip, {
         "is-visible": e.props.config.widget?.isVisible ?? !1,
         "output-text": e.props.config.widget?.outputText ?? []
       }, null, 8, ["is-visible", "output-text"])
     ]),
-    b("div", null, [
+    h("div", null, [
       (d(), F(Le(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
@@ -1029,11 +1029,11 @@ function $n(t, n, a, e, o, l) {
         onError: e.errHandler,
         onChange: e.changeHandler
       }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-      e.errMsg.length > 0 ? (d(), h("div", Rn, Q(e.errMsg), 1)) : oe("", !0)
+      e.errMsg.length > 0 ? (d(), v("div", Rn, q(e.errMsg), 1)) : oe("", !0)
     ])
   ]);
 }
-const Oe = /* @__PURE__ */ q(Fn, [["render", $n], ["__scopeId", "data-v-30216d05"], ["__file", "index.vue"]]), On = /* @__PURE__ */ E({
+const je = /* @__PURE__ */ Y(Fn, [["render", On], ["__scopeId", "data-v-30216d05"], ["__file", "index.vue"]]), jn = /* @__PURE__ */ z({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1041,20 +1041,20 @@ const Oe = /* @__PURE__ */ q(Fn, [["render", $n], ["__scopeId", "data-v-30216d05
     loading: { type: Boolean }
   },
   emits: ["click"],
-  setup(t, { expose: n, emit: a }) {
+  setup(t, { expose: n, emit: r }) {
     n();
-    const e = t, o = a;
-    function l() {
+    const e = t, o = r;
+    function c() {
       o("click", e.url, e.redirectType);
     }
-    const s = { props: e, emits: o, clickHandler: l };
+    const s = { props: e, emits: o, clickHandler: c };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function jn(t, n, a, e, o, l) {
+function $n(t, n, r, e, o, c) {
   const s = C("AButton");
   return d(), F(s, {
-    loading: a.loading,
+    loading: r.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
@@ -1064,7 +1064,7 @@ function jn(t, n, a, e, o, l) {
     _: 3
   }, 8, ["loading"]);
 }
-const qe = /* @__PURE__ */ q(On, [["render", jn], ["__file", "SubmitButton.vue"]]), Mn = /* @__PURE__ */ E({
+const qe = /* @__PURE__ */ Y(jn, [["render", $n], ["__file", "SubmitButton.vue"]]), Mn = /* @__PURE__ */ z({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1072,17 +1072,17 @@ const qe = /* @__PURE__ */ q(On, [["render", jn], ["__file", "SubmitButton.vue"]
     loading: { type: Boolean }
   },
   emits: ["click"],
-  setup(t, { expose: n, emit: a }) {
+  setup(t, { expose: n, emit: r }) {
     n();
-    const e = t, o = a;
-    function l() {
+    const e = t, o = r;
+    function c() {
       o("click", e.url, e.redirectType);
     }
-    const s = { props: e, emits: o, clickHandler: l };
+    const s = { props: e, emits: o, clickHandler: c };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function En(t, n, a, e, o, l) {
+function En(t, n, r, e, o, c) {
   const s = C("ALink");
   return d(), F(s, { onClick: e.clickHandler }, {
     default: k(() => [
@@ -1091,20 +1091,20 @@ function En(t, n, a, e, o, l) {
     _: 3
   });
 }
-const zn = /* @__PURE__ */ q(Mn, [["render", En], ["__file", "DetailLink.vue"]]), Kn = /* @__PURE__ */ E({
+const zn = /* @__PURE__ */ Y(Mn, [["render", En], ["__file", "DetailLink.vue"]]), Kn = /* @__PURE__ */ z({
   __name: "index",
   props: {
     config: {},
     loading: { type: Boolean }
   },
   emits: ["click"],
-  setup(t, { expose: n, emit: a }) {
+  setup(t, { expose: n, emit: r }) {
     n();
-    const e = t, o = a;
-    function l(u, g) {
+    const e = t, o = r;
+    function c(u, g) {
       o("click", e.config.widget, u, g, e.config.title);
     }
-    const s = G(() => {
+    const s = E(() => {
       switch (e.config.location) {
         case "InOperation":
           return qe;
@@ -1113,30 +1113,30 @@ const zn = /* @__PURE__ */ q(Mn, [["render", En], ["__file", "DetailLink.vue"]])
         default:
           return qe;
       }
-    }), c = G(() => e.config.widget === J.Submit ? e.config.requestUrl ?? "" : e.config.widget === J.Link ? e.config.redirectUrl ?? "" : ""), i = G(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+    }), l = E(() => e.config.widget === J.Submit ? e.config.requestUrl ?? "" : e.config.widget === J.Link ? e.config.redirectUrl ?? "" : ""), i = E(() => e.config.redirectType ?? "Details"), a = { props: e, emits: o, clickHandler: c, curComp: s, curUrl: l, redirectType: i };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
-function Wn(t, n, a, e, o, l) {
+function Wn(t, n, r, e, o, c) {
   return d(), F(Le(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
-    loading: a.loading,
+    loading: r.loading,
     onClick: e.clickHandler
   }, {
     default: k(() => [
-      ne(Q(e.props.config.title), 1)
+      ne(q(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const xe = /* @__PURE__ */ q(Kn, [["render", Wn], ["__file", "index.vue"]]), rt = Symbol("library-router");
+const xe = /* @__PURE__ */ Y(Kn, [["render", Wn], ["__file", "index.vue"]]), at = Symbol("library-router");
 function Ae() {
-  const t = me(rt, null);
+  const t = me(at, null);
   return t || _t();
 }
 const st = Symbol("library-triggers");
-function je() {
+function $e() {
   const t = me(st, null);
   return t || {};
 }
@@ -1147,7 +1147,7 @@ function Te() {
 function Ve() {
   return me(lt, null);
 }
-const qn = /* @__PURE__ */ E({
+const qn = /* @__PURE__ */ z({
   __name: "TopBar",
   props: {
     title: {},
@@ -1156,21 +1156,21 @@ const qn = /* @__PURE__ */ E({
   },
   setup(t, { expose: n }) {
     n();
-    const a = {};
-    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+    const r = {};
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 }), Yn = { class: "top-bar" }, Qn = { class: "banner-info" }, Jn = { class: "page-title" }, Xn = { class: "page-subtitle" }, Zn = { class: "avatar-wrapper" }, eo = { class: "user-email" };
-function to(t, n, a, e, o, l) {
-  const s = C("a-avatar"), c = C("a-popover");
-  return d(), h("div", Yn, [
-    b("div", Qn, [
-      b("div", Jn, Q(a.title), 1),
-      b("div", Xn, Q(a.subTitle), 1)
+function to(t, n, r, e, o, c) {
+  const s = C("a-avatar"), l = C("a-popover");
+  return d(), v("div", Yn, [
+    h("div", Qn, [
+      h("div", Jn, q(r.title), 1),
+      h("div", Xn, q(r.subTitle), 1)
     ]),
-    b("div", Zn, [
-      N(c, { trigger: "click" }, {
+    h("div", Zn, [
+      N(l, { trigger: "click" }, {
         content: k(() => [
-          b("div", eo, Q(a.email), 1)
+          h("div", eo, q(r.email), 1)
         ]),
         default: k(() => [
           N(s, {
@@ -1179,7 +1179,7 @@ function to(t, n, a, e, o, l) {
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
             default: k(() => [
-              ne(Q(a.email.charAt(0).toUpperCase()), 1)
+              ne(q(r.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -1189,16 +1189,16 @@ function to(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ie = /* @__PURE__ */ q(qn, [["render", to], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+const Ie = /* @__PURE__ */ Y(qn, [["render", to], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
 function Me(t) {
-  const n = Re(), a = [];
+  const n = Re(), r = [];
   if (n.fieldsGroup) {
-    n.fieldsGroup.forEach((l) => {
-      const s = l.keys.map((c) => t.find((i) => i.fieldKey === c)).filter(Boolean);
-      s.length && a.push({ name: l.name, fields: s });
+    n.fieldsGroup.forEach((c) => {
+      const s = c.keys.map((l) => t.find((i) => i.fieldKey === l)).filter(Boolean);
+      s.length && r.push({ name: c.name, fields: s });
     });
-    const e = n.fieldsGroup.flatMap((l) => l.keys), o = t.filter((l) => !e.includes(l.fieldKey));
-    return o.length && a.push({ name: "Grading Review History (For example: re-submit the grading request)", fields: o }), a;
+    const e = n.fieldsGroup.flatMap((c) => c.keys), o = t.filter((c) => !e.includes(c.fieldKey));
+    return o.length && r.push({ name: "Grading Review History (For example: re-submit the grading request)", fields: o }), r;
   }
 }
 class Pe {
@@ -1236,8 +1236,8 @@ class Se {
   getWorkflowId() {
     return this.opt?.workflowId ?? "";
   }
-  constructor(n, a, e, o) {
-    this.pageActionType = n, this.className = a, this.store = e, o && (this.opt = o);
+  constructor(n, r, e, o) {
+    this.pageActionType = n, this.className = r, this.store = e, o && (this.opt = o);
   }
   getPageData() {
     return this.opt ? Ke(this.pageActionType, this.className, this.store, this.opt) : Ke(this.pageActionType, this.className, this.store);
@@ -1252,7 +1252,7 @@ class Se {
     return Et(this.className, n);
   }
   getProcess() {
-    return Ot(this.className, this.getWorkflowId());
+    return jt(this.className, this.getWorkflowId());
   }
   getCommentsHistory() {
     return Gt(this.getWorkflowId());
@@ -1273,7 +1273,7 @@ class Se {
     return Yt(n);
   }
 }
-const no = /* @__PURE__ */ E({
+const no = /* @__PURE__ */ z({
   __name: "CreateView",
   props: {
     className: {},
@@ -1281,7 +1281,7 @@ const no = /* @__PURE__ */ E({
   },
   setup(t, { expose: n }) {
     n();
-    const a = Te(), e = Ve(), o = Ae(), l = je(), s = He("dataWidgets"), c = pe(), i = t, r = m({
+    const r = Te(), e = Ve(), o = Ae(), c = $e(), s = He("dataWidgets"), l = pe(), i = t, a = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1297,104 +1297,104 @@ const no = /* @__PURE__ */ E({
       })).filter((A) => A.widget && A.widget.widget !== "Hidden").filter((A) => !Z.value.includes(A.fieldKey)) : [];
     }
     function S(w) {
-      return w ? Object.entries(w).filter(([A, D]) => D.dependent).reduce((A, [D, $]) => (A[D] = $.dependent, A), {}) : [];
+      return w ? Object.entries(w).filter(([A, D]) => D.dependent).reduce((A, [D, j]) => (A[D] = j.dependent, A), {}) : [];
     }
-    const f = G(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), T = m(!1);
+    const f = E(() => a.value?.actions ? [...a.value.actions].reverse() : []), p = m({}), T = m(!1);
     ue(async () => {
       T.value = !0;
-      const w = new Pe().setWorkflowId(i.workflowId).setClassName(i.className).setStore({ svrStore: e, bpmStore: a }).build();
-      r.value = await w.getPageData(), u.value = _(r.value.fields), g.value = S(r.value.fields);
-      for (const V in r.value.fields) {
-        if (r.value.fields[V].widget?.widget === "File") {
+      const w = new Pe().setWorkflowId(i.workflowId).setClassName(i.className).setStore({ svrStore: e, bpmStore: r }).build();
+      a.value = await w.getPageData(), u.value = _(a.value.fields), g.value = S(a.value.fields);
+      for (const V in a.value.fields) {
+        if (a.value.fields[V].widget?.widget === "File") {
           const A = u.value.find((D) => D.fieldKey === V);
           A && A.widget && (A.widget.files = []);
         }
-        p.value[V] = r.value.fields[V].modelValue;
+        p.value[V] = a.value.fields[V].modelValue;
       }
       T.value = !1;
     });
     function X() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function ee(w, V, A, D, $) {
+    async function ee(w, V, A, D, j) {
       switch (V) {
         case J.Submit:
           let L = !0;
-          if (s.value?.forEach((Y) => {
-            Y?.validate && (Y.validate() || (L = !1));
+          if (s.value?.forEach((Q) => {
+            Q?.validate && (Q.validate() || (L = !1));
           }), !L) {
-            c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
+            l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
           T.value = !0;
           try {
-            const Y = await Nt(i.className, { ...p.value, ...g.value }, A), se = s.value?.map((ie) => ie?.submit ? ie.submit(Y.toString()) : Promise.resolve()) || [];
-            await Promise.all(se), T.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${Y.toString()}.`), o.push({ name: "Details", params: { workflowId: Y.toString() } });
+            const Q = await Nt(i.className, { ...p.value, ...g.value }, A), se = s.value?.map((ie) => ie?.submit ? ie.submit(Q.toString()) : Promise.resolve()) || [];
+            await Promise.all(se), T.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${Q.toString()}.`), o.push({ name: "Details", params: { workflowId: Q.toString() } });
           } catch {
-            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), T.value = !1;
+            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), T.value = !1;
           }
           break;
         case J.Link:
           try {
-            await l[w.eventName || ""]?.(p.value, Z), o.push({ name: D, params: { className: i.className } });
-          } catch (Y) {
-            console.error("Error in link action trigger:", Y);
+            await c[w.eventName || ""]?.(p.value, Z), o.push({ name: D, params: { className: i.className } });
+          } catch (Q) {
+            console.error("Error in link action trigger:", Q);
           }
           break;
         default:
           console.warn("Unknown action type:", V);
       }
     }
-    const j = [
+    const M = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], Z = m(j);
-    function ae(w, V) {
-      l[w]?.({ fieldValue: V, hiddenFields: Z, formData: p }), r.value && (u.value = _(r.value.fields));
+    ], Z = m(M);
+    function re(w, V) {
+      c[w]?.({ fieldValue: V, hiddenFields: Z, formData: p }), a.value && (u.value = _(a.value.fields));
     }
-    const x = G(() => Me(u.value)), y = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: T, getApproverEmail: X, clickHandler: ee, newHiddenFields: j, hiddenFields: Z, changeHandler: ae, groupedFields: x, DataWidgets: Oe, ActionButton: xe, TopBar: Ie };
+    const x = E(() => Me(u.value)), y = { bpmStore: r, svrStore: e, router: o, triggers: c, dataWidgetsRefs: s, instance: l, props: i, pageData: a, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: T, getApproverEmail: X, clickHandler: ee, newHiddenFields: M, hiddenFields: Z, changeHandler: re, groupedFields: x, DataWidgets: je, ActionButton: xe, TopBar: Ie };
     return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
-}), oo = { class: "page-container" }, ao = { class: "page-body" }, ro = { class: "form-card" }, so = { class: "form-fields-vertical" }, io = { class: "form-fields" }, lo = {
+}), oo = { class: "page-container" }, ro = { class: "page-body" }, ao = { class: "form-card" }, so = { class: "form-fields-vertical" }, io = { class: "form-fields" }, lo = {
   key: 0,
   class: "form-content"
 }, co = { class: "page-footer" }, uo = { class: "action-container" }, fo = { class: "action-buttons" };
-function po(t, n, a, e, o, l) {
-  const s = C("a-card"), c = C("a-spin");
-  return d(), h("div", oo, [
+function po(t, n, r, e, o, c) {
+  const s = C("a-card"), l = C("a-spin");
+  return d(), v("div", oo, [
     N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    b("div", ao, [
-      N(c, {
+    h("div", ro, [
+      N(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: k(() => [
-          b("div", ro, [
-            b("div", so, [
-              (d(!0), h(O, null, M(e.groupedFields, (i) => (d(), F(s, {
+          h("div", ao, [
+            h("div", so, [
+              (d(!0), v(O, null, $(e.groupedFields, (i) => (d(), F(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: k(() => [
-                  b("div", io, [
-                    (d(!0), h(O, null, M(i.fields, (r) => (d(), F(e.DataWidgets, {
-                      key: r.fieldKey,
+                  h("div", io, [
+                    (d(!0), v(O, null, $(i.fields, (a) => (d(), F(e.DataWidgets, {
+                      key: a.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
-                      "field-key": r.fieldKey,
-                      config: r,
-                      "class-name": a.className,
-                      modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (u) => e._data[r.fieldKey] = u,
+                      "field-key": a.fieldKey,
+                      config: a,
+                      "class-name": r.className,
+                      modelValue: e._data[a.fieldKey],
+                      "onUpdate:modelValue": (u) => e._data[a.fieldKey] = u,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1403,7 +1403,7 @@ function po(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), h("div", lo, [
+            t.$slots.content ? (d(), v("div", lo, [
               de(t.$slots, "content", {}, void 0, !0)
             ])) : oe("", !0)
           ])
@@ -1411,23 +1411,23 @@ function po(t, n, a, e, o, l) {
         _: 3
       }, 8, ["loading"])
     ]),
-    b("div", co, [
-      b("div", uo, [
+    h("div", co, [
+      h("div", uo, [
         de(t.$slots, "action", {}, void 0, !0),
-        b("div", fo, [
-          (d(!0), h(O, null, M(e.reversedActions, (i) => (d(), F(e.ActionButton, {
+        h("div", fo, [
+          (d(!0), v(O, null, $(e.reversedActions, (i) => (d(), F(e.ActionButton, {
             key: i.title,
             loading: e.loading,
             config: i,
             class: "action-button",
-            onClick: (...r) => e.clickHandler(i, ...r)
+            onClick: (...a) => e.clickHandler(i, ...a)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const mo = /* @__PURE__ */ q(no, [["render", po], ["__scopeId", "data-v-2fce8732"], ["__file", "CreateView.vue"]]), go = /* @__PURE__ */ E({
+const mo = /* @__PURE__ */ Y(no, [["render", po], ["__scopeId", "data-v-2fce8732"], ["__file", "CreateView.vue"]]), go = /* @__PURE__ */ z({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1435,7 +1435,7 @@ const mo = /* @__PURE__ */ q(no, [["render", po], ["__scopeId", "data-v-2fce8732
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ae(), e = je(), o = Ve(), l = Te(), s = He("dataWidgets"), c = pe(), i = t, r = m({
+    const r = Ae(), e = $e(), o = Ve(), c = Te(), s = He("dataWidgets"), l = pe(), i = t, a = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1448,29 +1448,29 @@ const mo = /* @__PURE__ */ q(no, [["render", po], ["__scopeId", "data-v-2fce8732
       return y ? Object.entries(y).map(([V, A]) => ({
         fieldKey: V,
         ...A
-      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !j.value.includes(V.fieldKey)) : [];
+      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !M.value.includes(V.fieldKey)) : [];
     }
     function S(y) {
       return y ? Object.entries(y).filter(([V, A]) => A.dependent).reduce((V, [A, D]) => (V[A] = D.dependent, V), {}) : [];
     }
-    const f = G(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), T = m(!1);
+    const f = E(() => a.value?.actions ? [...a.value.actions].reverse() : []), p = m({}), T = m(!1);
     ue(async () => {
       T.value = !0;
-      const y = new Pe().setPageActionType(fe.Update).setClassName(i.className).setStore({ svrStore: o, bpmStore: l }).setWorkflowId(i.workflowId).build();
-      r.value = await y.getPageData();
+      const y = new Pe().setPageActionType(fe.Update).setClassName(i.className).setStore({ svrStore: o, bpmStore: c }).setWorkflowId(i.workflowId).build();
+      a.value = await y.getPageData();
       const w = await y.getBtnList(), V = await y.getFiles();
-      r.value.actions = r.value.actions?.filter((D) => {
-        const $ = w.find((L) => L.button === D.title);
-        return $ ? $.isShow : !0;
+      a.value.actions = a.value.actions?.filter((D) => {
+        const j = w.find((L) => L.button === D.title);
+        return j ? j.isShow : !0;
       });
-      const A = r.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: A, hiddenFields: j, formData: p }), u.value = _(r.value.fields), g.value = S(r.value.fields);
-      for (const D in r.value.fields) {
-        if (r.value.fields[D].widget?.widget === "File") {
-          const $ = u.value.find((L) => L.fieldKey === D);
-          $ && $.widget && ($.widget.files = V[D] ?? [], $.widget.removeFile = (L) => y.removeFile(L));
+      const A = a.value.fields.requestType.modelValue;
+      e.Test?.({ fieldValue: A, hiddenFields: M, formData: p }), u.value = _(a.value.fields), g.value = S(a.value.fields);
+      for (const D in a.value.fields) {
+        if (a.value.fields[D].widget?.widget === "File") {
+          const j = u.value.find((L) => L.fieldKey === D);
+          j && j.widget && (j.widget.files = V[D] ?? [], j.widget.removeFile = (L) => y.removeFile(L));
         }
-        p.value[D] = r.value.fields[D].modelValue;
+        p.value[D] = a.value.fields[D].modelValue;
       }
       T.value = !1;
     });
@@ -1480,24 +1480,24 @@ const mo = /* @__PURE__ */ q(no, [["render", po], ["__scopeId", "data-v-2fce8732
     async function ee(y, w, V, A, D) {
       switch (w) {
         case J.Submit:
-          let $ = !0;
+          let j = !0;
           if (s.value?.forEach((L) => {
-            L?.validate && (L.validate() || ($ = !1));
-          }), !$) {
-            c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
+            L?.validate && (L.validate() || (j = !1));
+          }), !j) {
+            l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
           T.value = !0;
           try {
-            const L = await Ut(i.className, i.workflowId, { ...p.value, ...g.value }, V), Y = s.value?.map((se) => se?.submit ? se.submit(L.toString()) : Promise.resolve()) || [];
-            await Promise.all(Y), T.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${L.toString()}.`);
+            const L = await Ut(i.className, i.workflowId, { ...p.value, ...g.value }, V), Q = s.value?.map((se) => se?.submit ? se.submit(L.toString()) : Promise.resolve()) || [];
+            await Promise.all(Q), T.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${L.toString()}.`);
           } catch {
-            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), T.value = !1;
+            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), T.value = !1;
           }
           break;
         case J.Link:
           try {
-            await e[y.eventName || ""]?.(p.value, j), a.push({ name: A, params: { className: i.className } });
+            await e[y.eventName || ""]?.(p.value, M), r.push({ name: A, params: { className: i.className } });
           } catch {
           }
           break;
@@ -1505,49 +1505,49 @@ const mo = /* @__PURE__ */ q(no, [["render", po], ["__scopeId", "data-v-2fce8732
           console.warn("Unknown action type:", w);
       }
     }
-    const j = m([]);
+    const M = m([]);
     function Z(y, w) {
-      e[y]?.({ fieldValue: w, hiddenFields: j, formData: p }), r.value && (u.value = _(r.value.fields));
+      e[y]?.({ fieldValue: w, hiddenFields: M, formData: p }), a.value && (u.value = _(a.value.fields));
     }
-    const ae = G(() => Me(u.value)), x = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: T, getApproverEmail: X, clickHandler: ee, hiddenFields: j, changeHandler: Z, groupedFields: ae, DataWidgets: Oe, ActionButton: xe, TopBar: Ie };
+    const re = E(() => Me(u.value)), x = { router: r, triggers: e, svrStore: o, bpmStore: c, dataWidgetsRefs: s, instance: l, props: i, pageData: a, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: T, getApproverEmail: X, clickHandler: ee, hiddenFields: M, changeHandler: Z, groupedFields: re, DataWidgets: je, ActionButton: xe, TopBar: Ie };
     return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
   }
 }), _o = { class: "page-container" }, vo = { class: "page-body" }, bo = { class: "form-card" }, ho = { class: "form-fields-vertical" }, yo = { class: "form-fields" }, wo = {
   key: 0,
   class: "form-content"
 }, ko = { class: "page-footer" }, Co = { class: "action-container" }, So = { class: "action-buttons" };
-function xo(t, n, a, e, o, l) {
-  const s = C("a-card"), c = C("a-spin");
-  return d(), h("div", _o, [
+function xo(t, n, r, e, o, c) {
+  const s = C("a-card"), l = C("a-spin");
+  return d(), v("div", _o, [
     N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    b("div", vo, [
-      N(c, {
+    h("div", vo, [
+      N(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: k(() => [
-          b("div", bo, [
-            b("div", ho, [
-              (d(!0), h(O, null, M(e.groupedFields, (i) => (d(), F(s, {
+          h("div", bo, [
+            h("div", ho, [
+              (d(!0), v(O, null, $(e.groupedFields, (i) => (d(), F(s, {
                 key: i.name,
                 title: i.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: k(() => [
-                  b("div", yo, [
-                    (d(!0), h(O, null, M(i.fields, (r) => (d(), F(e.DataWidgets, {
-                      key: r.fieldKey,
+                  h("div", yo, [
+                    (d(!0), v(O, null, $(i.fields, (a) => (d(), F(e.DataWidgets, {
+                      key: a.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
-                      "field-key": r.fieldKey,
-                      config: r,
-                      "class-name": a.className,
-                      modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (u) => e._data[r.fieldKey] = u,
+                      "field-key": a.fieldKey,
+                      config: a,
+                      "class-name": r.className,
+                      modelValue: e._data[a.fieldKey],
+                      "onUpdate:modelValue": (u) => e._data[a.fieldKey] = u,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1556,7 +1556,7 @@ function xo(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), h("div", wo, [
+            t.$slots.content ? (d(), v("div", wo, [
               de(t.$slots, "content", {}, void 0, !0)
             ])) : oe("", !0)
           ])
@@ -1564,27 +1564,27 @@ function xo(t, n, a, e, o, l) {
         _: 3
       }, 8, ["loading"])
     ]),
-    b("div", ko, [
-      b("div", Co, [
+    h("div", ko, [
+      h("div", Co, [
         de(t.$slots, "action", {}, void 0, !0),
-        b("div", So, [
-          (d(!0), h(O, null, M(e.reversedActions, (i) => (d(), F(e.ActionButton, {
+        h("div", So, [
+          (d(!0), v(O, null, $(e.reversedActions, (i) => (d(), F(e.ActionButton, {
             key: i.title,
             loading: e.loading,
             config: i,
             class: "action-button",
-            onClick: (...r) => e.clickHandler(i, ...r)
+            onClick: (...a) => e.clickHandler(i, ...a)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const Ao = /* @__PURE__ */ q(go, [["render", xo], ["__scopeId", "data-v-a0ee3911"], ["__file", "UpdateView.vue"]]), ct = Symbol("library-custom-comp");
+const Ao = /* @__PURE__ */ Y(go, [["render", xo], ["__scopeId", "data-v-a0ee3911"], ["__file", "UpdateView.vue"]]), ct = Symbol("library-custom-comp");
 function To() {
   return me(ct, null);
 }
-const Vo = /* @__PURE__ */ E({
+const Vo = /* @__PURE__ */ z({
   __name: "DetailView",
   props: {
     className: {},
@@ -1592,8 +1592,8 @@ const Vo = /* @__PURE__ */ E({
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = Te(), o = je(), l = Ae(), s = To(), c = pe(), i = t;
-    let r;
+    const r = Ve(), e = Te(), o = $e(), c = Ae(), s = To(), l = pe(), i = t;
+    let a;
     const u = m({
       pageType: "",
       fields: {},
@@ -1604,14 +1604,14 @@ const Vo = /* @__PURE__ */ E({
       }
     }), g = m([]);
     function _(I) {
-      return I ? Object.entries(I).map(([z, P]) => (typeof P.modelValue == "boolean" ? P.fieldValue = P.modelValue ? "Yes" : "No" : P.fieldValue = P.modelValue, {
-        fieldKey: z,
+      return I ? Object.entries(I).map(([K, P]) => (typeof P.modelValue == "boolean" ? P.fieldValue = P.modelValue ? "Yes" : "No" : P.fieldValue = P.modelValue, {
+        fieldKey: K,
         ...P
-      })).filter((z) => z.widget && z.widget.widget !== "Hidden").filter((z) => !y.value.includes(z.fieldKey)) : [];
+      })).filter((K) => K.widget && K.widget.widget !== "Hidden").filter((K) => !y.value.includes(K.fieldKey)) : [];
     }
-    const S = G(() => Me(g.value)), f = G(() => u.value?.actions ? [...u.value.actions].reverse() : []), p = m(!0), T = (I, H) => {
-      const z = I.findIndex((P) => P.isCurrent);
-      return I.map((P, re) => {
+    const S = E(() => Me(g.value)), f = E(() => u.value?.actions ? [...u.value.actions].reverse() : []), p = m(!0), T = (I, H) => {
+      const K = I.findIndex((P) => P.isCurrent);
+      return I.map((P, ae) => {
         const B = {
           id: P.id,
           title: "",
@@ -1638,55 +1638,55 @@ const Vo = /* @__PURE__ */ E({
               const Ee = te.workflowHistoryApprovers[0];
               B.status = 3, B.desc = Ee?.reason ? `Rejected reason: ${Ee.reason}` : "Rejected";
             }
-          else re < z || z === -1 ? (B.status = 0, B.desc = "Skipped") : (B.status = 0, B.desc = "Pending Approval");
+          else ae < K || K === -1 ? (B.status = 0, B.desc = "Skipped") : (B.status = 0, B.desc = "Pending Approval");
           te && te.status;
         }
         return B;
       });
-    }, X = m([]), ee = m(!1), j = m(!1), Z = m(!1), ae = m(!1);
+    }, X = m([]), ee = m(!1), M = m(!1), Z = m(!1), re = m(!1);
     async function x() {
-      const I = await r.getBtnList();
+      const I = await a.getBtnList();
       u.value.actions = u.value.actions?.filter((H) => {
-        const z = I.find((P) => P.button === H.title);
-        return z ? z.isShow : !0;
-      }), ee.value = I.find((H) => H.button === "IsGlobal")?.isShow ?? !1, j.value = I.find((H) => H.button === "AssignButton")?.isShow ?? !1, Z.value = I.find((H) => H.button === "AssignList")?.isShow ?? !1, ae.value = I.find((H) => H.button === "AddCommentsButton")?.isShow ?? !1;
+        const K = I.find((P) => P.button === H.title);
+        return K ? K.isShow : !0;
+      }), ee.value = I.find((H) => H.button === "IsGlobal")?.isShow ?? !1, M.value = I.find((H) => H.button === "AssignButton")?.isShow ?? !1, Z.value = I.find((H) => H.button === "AssignList")?.isShow ?? !1, re.value = I.find((H) => H.button === "AddCommentsButton")?.isShow ?? !1;
     }
     const y = m([]);
     async function w() {
-      p.value = !0, r = new Pe().setPageActionType(fe.Details).setClassName(i.className).setStore({ svrStore: a, bpmStore: e }).setWorkflowId(i.workflowId).build(), u.value = await r.getPageData();
-      const I = await r.getFiles();
-      se.value = await r.getApprovers(), L.value = await r.getCommentsHistory(), ie.value = await r.getAssociator(), x();
+      p.value = !0, a = new Pe().setPageActionType(fe.Details).setClassName(i.className).setStore({ svrStore: r, bpmStore: e }).setWorkflowId(i.workflowId).build(), u.value = await a.getPageData();
+      const I = await a.getFiles();
+      se.value = await a.getApprovers(), L.value = await a.getCommentsHistory(), ie.value = await a.getAssociator(), x();
       const H = u.value.fields.requestType.modelValue;
       o.Test?.({ fieldValue: H, hiddenFields: y }), g.value = _(u.value.fields);
       for (const P in u.value.fields)
         if (u.value.fields[P].widget?.widget === "File") {
-          const re = g.value.find((B) => B.fieldKey === P);
-          re && re.widget && (re.widget.files = I[P] ?? []);
+          const ae = g.value.find((B) => B.fieldKey === P);
+          ae && ae.widget && (ae.widget.files = I[P] ?? []);
         }
-      const z = await r.getProcess();
-      X.value = T(z, 0), p.value = !1;
+      const K = await a.getProcess();
+      X.value = T(K, 0), p.value = !1;
     }
     ue(w);
     async function V(I, H) {
       return o[I]?.(H);
     }
     function A() {
-      return a()?.userInfo?.email_address ?? "";
+      return r()?.userInfo?.email_address ?? "";
     }
-    async function D(I, H, z, P, re) {
+    async function D(I, H, K, P, ae) {
       try {
         switch (H) {
           case J.Submit:
-            const { reason: B, ifGlobal: be } = await V(re, { isGlobal: ee.value });
+            const { reason: B, ifGlobal: be } = await V(ae, { isGlobal: ee.value });
             p.value = !0;
-            const ke = re === "Approve" ? "100" : "-1";
-            await Rt(i.className, i.workflowId, A(), B, [Number(i.workflowId)], z, ke, be), p.value = !1;
-            const he = re === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
-            c?.appContext.config.globalProperties.$notification.success(he), w();
+            const ke = ae === "Approve" ? "100" : "-1";
+            await Rt(i.className, i.workflowId, A(), B, [Number(i.workflowId)], K, ke, be), p.value = !1;
+            const he = ae === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
+            l?.appContext.config.globalProperties.$notification.success(he), w();
             break;
           case J.Link:
             try {
-              await o[I.eventName || ""]?.(), l.push({ name: P, params: { className: i.className, workflowId: i.workflowId } });
+              await o[I.eventName || ""]?.(), c.push({ name: P, params: { className: i.className, workflowId: i.workflowId } });
             } catch (te) {
               console.error("Error in link action trigger:", te);
             }
@@ -1695,7 +1695,7 @@ const Vo = /* @__PURE__ */ E({
             await o[I.eventName || ""]?.({
               approvers: se,
               associators: ie,
-              isShowAssignSelect: j,
+              isShowAssignSelect: M,
               isShowAssignList: Z,
               assignCallback: _e,
               deleteAssociatorCallback: U
@@ -1707,67 +1707,67 @@ const Vo = /* @__PURE__ */ E({
       } catch {
       }
     }
-    const $ = m(""), L = m([]), Y = m(""), se = m([]), ie = m([]);
+    const j = m(""), L = m([]), Q = m(""), se = m([]), ie = m([]);
     async function _e(I) {
       if (!I) {
-        c?.appContext.config.globalProperties.$message.error("Please select an approver");
+        l?.appContext.config.globalProperties.$message.error("Please select an approver");
         return;
       }
-      await v("Confirm Assign Approver", "Do you want to assign the selected approver?");
+      await b("Confirm Assign Approver", "Do you want to assign the selected approver?");
       try {
-        await r.assignApprover(I), ie.value = await r.getAssociator(), x(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+        await a.assignApprover(I), ie.value = await a.getAssociator(), x(), l?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
       } catch (H) {
         if (H.status === 409) {
-          c?.appContext.config.globalProperties.$notification.error("This user is already an associator");
+          l?.appContext.config.globalProperties.$notification.error("This user is already an associator");
           return;
         }
-        c?.appContext.config.globalProperties.$notification.error("Failed to assign approver");
+        l?.appContext.config.globalProperties.$notification.error("Failed to assign approver");
       }
     }
-    async function v(I, H) {
-      const { Modal: z } = await import("@arco-design/web-vue");
-      return new Promise((P, re) => {
-        z.confirm({
+    async function b(I, H) {
+      const { Modal: K } = await import("@arco-design/web-vue");
+      return new Promise((P, ae) => {
+        K.confirm({
           title: I,
           content: H,
           okText: "OK",
           cancelText: "Cancel",
           onOk: () => P(!0),
-          onCancel: () => re()
+          onCancel: () => ae()
         });
       });
     }
     async function U(I) {
       try {
-        await v("Confirm Delete Associator", "Do you want to delete this associator?");
+        await b("Confirm Delete Associator", "Do you want to delete this associator?");
       } catch {
         return;
       }
       try {
-        await r.deleteAssociator(I.toString()), ie.value = await r.getAssociator(), c?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
+        await a.deleteAssociator(I.toString()), ie.value = await a.getAssociator(), l?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
       } catch {
-        c?.appContext.config.globalProperties.$notification.error("Failed to delete associator");
+        l?.appContext.config.globalProperties.$notification.error("Failed to delete associator");
       }
     }
     async function R() {
-      if (!$.value.trim()) {
-        c?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
+      if (!j.value.trim()) {
+        l?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await r.addComments($.value.trim()), $.value = "", L.value = await r.getCommentsHistory(), c?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
+      await a.addComments(j.value.trim()), j.value = "", L.value = await a.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
     }
     function ce(I) {
       return I ? I === "OtherInformationText" ? "Other Information" : I === "Other Information" ? "" : I : "";
     }
-    const ve = { svrStore: a, bpmStore: e, triggers: o, router: l, customComps: s, instance: c, props: i, get page() {
-      return r;
+    const ve = { svrStore: r, bpmStore: e, triggers: o, router: c, customComps: s, instance: l, props: i, get page() {
+      return a;
     }, set page(I) {
-      r = I;
-    }, pageData: u, _fields: g, genField: _, groupedFields: S, reversedActions: f, loading: p, mapWorkflowSteps: T, steps: X, isGlobal: ee, isShowAssignSelect: j, isShowAssignList: Z, isShowCommentTextArea: ae, reloadButtonList: x, hiddenFields: y, load: w, triggerFn: V, getApproverEmail: A, clickHandler: D, comment: $, commentsHistory: L, selectedApprover: Y, approvers: se, associators: ie, onAssignApprover: _e, confirmDialog: v, onDeleteAssociator: U, onAddComment: R, formatTitle: ce, ActionButton: xe, get IconDownload() {
+      a = I;
+    }, pageData: u, _fields: g, genField: _, groupedFields: S, reversedActions: f, loading: p, mapWorkflowSteps: T, steps: X, isGlobal: ee, isShowAssignSelect: M, isShowAssignList: Z, isShowCommentTextArea: re, reloadButtonList: x, hiddenFields: y, load: w, triggerFn: V, getApproverEmail: A, clickHandler: D, comment: j, commentsHistory: L, selectedApprover: Q, approvers: se, associators: ie, onAssignApprover: _e, confirmDialog: b, onDeleteAssociator: U, onAddComment: R, formatTitle: ce, ActionButton: xe, get IconDownload() {
       return Pn;
     }, TopBar: Ie, get formatDate() {
       return Ce;
-    }, ToolTip: at };
+    }, ToolTip: rt };
     return Object.defineProperty(ve, "__isScriptSetup", { enumerable: !1, value: !0 }), ve;
   }
 }), Io = { class: "page-container" }, Po = { class: "page-body" }, No = { class: "detail-card" }, Uo = { class: "form-fields-vertical" }, Do = { class: "detail-fields" }, Bo = { class: "detail-field" }, Fo = { class: "field-label" }, Ho = {
@@ -1776,55 +1776,55 @@ const Vo = /* @__PURE__ */ E({
 }, Lo = {
   key: 2,
   class: "detail-field-wrapper"
-}, Ro = { class: "detail-field" }, $o = {
+}, Ro = { class: "detail-field" }, Oo = {
   key: 0,
   class: "detail-content"
-}, Oo = { class: "page-footer" }, jo = { class: "action-container" }, Mo = { class: "action-buttons" };
-function Eo(t, n, a, e, o, l) {
-  const s = C("a-link"), c = C("a-space"), i = C("a-card");
+}, jo = { class: "page-footer" }, $o = { class: "action-container" }, Mo = { class: "action-buttons" };
+function Eo(t, n, r, e, o, c) {
+  const s = C("a-link"), l = C("a-space"), i = C("a-card");
   C("a-option"), C("a-select");
-  const r = C("a-button"), u = C("a-list-item"), g = C("a-list"), _ = C("a-textarea"), S = C("a-spin");
-  return d(), h("div", Io, [
+  const a = C("a-button"), u = C("a-list-item"), g = C("a-list"), _ = C("a-textarea"), S = C("a-spin");
+  return d(), v("div", Io, [
     N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    b("div", Po, [
+    h("div", Po, [
       N(S, {
         loading: e.loading,
         class: "detail-container"
       }, {
         default: k(() => [
-          b("div", No, [
+          h("div", No, [
             (d(), F(Le(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            b("div", Uo, [
-              (d(!0), h(O, null, M(e.groupedFields, (f) => (d(), F(i, {
+            h("div", Uo, [
+              (d(!0), v(O, null, $(e.groupedFields, (f) => (d(), F(i, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: k(() => [
-                  b("div", Do, [
-                    (d(!0), h(O, null, M(f.fields, (p) => (d(), h("div", {
+                  h("div", Do, [
+                    (d(!0), v(O, null, $(f.fields, (p) => (d(), v("div", {
                       key: p.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      b("div", Bo, [
-                        b("div", Fo, [
-                          ne(Q(e.formatTitle(p.widget?.title)) + " ", 1),
+                      h("div", Bo, [
+                        h("div", Fo, [
+                          ne(q(e.formatTitle(p.widget?.title)) + " ", 1),
                           N(e.ToolTip, {
                             "is-visible": p.widget?.isVisible ?? !1,
                             "output-text": p.widget?.outputText ?? []
                           }, null, 8, ["is-visible", "output-text"])
                         ]),
-                        p.widget?.widget === "File" ? (d(!0), h(O, { key: 0 }, M(p.widget.files, (T) => (d(), h("div", {
+                        p.widget?.widget === "File" ? (d(!0), v(O, { key: 0 }, $(p.widget.files, (T) => (d(), v("div", {
                           class: "field-value",
                           key: T.id
                         }, [
-                          N(c, null, {
+                          N(l, null, {
                             default: k(() => [
-                              ne(Q(T.name) + " ", 1),
+                              ne(q(T.name) + " ", 1),
                               N(s, {
                                 href: T.url,
                                 target: "_blank"
@@ -1837,7 +1837,7 @@ function Eo(t, n, a, e, o, l) {
                             ]),
                             _: 2
                           }, 1024)
-                        ]))), 128)) : (d(), h("div", Ho, Q(p.fieldValue), 1))
+                        ]))), 128)) : (d(), v("div", Ho, q(p.fieldValue), 1))
                       ])
                     ]))), 128))
                   ])
@@ -1846,14 +1846,14 @@ function Eo(t, n, a, e, o, l) {
               }, 1032, ["title"]))), 128)),
               oe("", !0),
               oe("", !0),
-              e.isShowCommentTextArea ? (d(), h("div", Lo, [
-                b("div", Ro, [
-                  n[6] || (n[6] = b("div", { class: "field-label" }, "Comment", -1)),
+              e.isShowCommentTextArea ? (d(), v("div", Lo, [
+                h("div", Ro, [
+                  n[6] || (n[6] = h("div", { class: "field-label" }, "Comment", -1)),
                   N(_, {
                     modelValue: e.comment,
                     "onUpdate:modelValue": n[1] || (n[1] = (f) => e.comment = f)
                   }, null, 8, ["modelValue"]),
-                  N(r, {
+                  N(a, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
@@ -1870,11 +1870,11 @@ function Eo(t, n, a, e, o, l) {
                   ne(" Comments History ", -1)
                 ])),
                 default: k(() => [
-                  (d(!0), h(O, null, M(e.commentsHistory, (f) => (d(), F(u, {
+                  (d(!0), v(O, null, $(e.commentsHistory, (f) => (d(), F(u, {
                     key: f.associator
                   }, {
                     default: k(() => [
-                      ne(Q(f.associator) + ": " + Q(f.comments) + " (" + Q(e.formatDate(f.createdAt)) + ") ", 1)
+                      ne(q(f.associator) + ": " + q(f.comments) + " (" + q(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -1882,7 +1882,7 @@ function Eo(t, n, a, e, o, l) {
                 _: 1
               })) : oe("", !0)
             ]),
-            t.$slots.content ? (d(), h("div", $o, [
+            t.$slots.content ? (d(), v("div", Oo, [
               de(t.$slots, "content", {}, void 0, !0)
             ])) : oe("", !0)
           ])
@@ -1890,11 +1890,11 @@ function Eo(t, n, a, e, o, l) {
         _: 3
       }, 8, ["loading"])
     ]),
-    b("div", Oo, [
-      b("div", jo, [
+    h("div", jo, [
+      h("div", $o, [
         de(t.$slots, "action", {}, void 0, !0),
-        b("div", Mo, [
-          (d(!0), h(O, null, M(e.reversedActions, (f) => (d(), F(e.ActionButton, {
+        h("div", Mo, [
+          (d(!0), v(O, null, $(e.reversedActions, (f) => (d(), F(e.ActionButton, {
             key: f.title,
             loading: e.loading,
             config: f,
@@ -1906,7 +1906,7 @@ function Eo(t, n, a, e, o, l) {
     ])
   ]);
 }
-const zo = /* @__PURE__ */ q(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa"], ["__file", "DetailView.vue"]]), Ko = /* @__PURE__ */ E({
+const zo = /* @__PURE__ */ Y(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa"], ["__file", "DetailView.vue"]]), Ko = /* @__PURE__ */ z({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -1914,7 +1914,7 @@ const zo = /* @__PURE__ */ q(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = Te(), o = Ae(), l = pe(), s = t, c = m(), i = ut({
+    const r = Ve(), e = Te(), o = Ae(), c = pe(), s = t, l = m(), i = ut({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -1923,8 +1923,8 @@ const zo = /* @__PURE__ */ q(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa
       showPageSize: !0,
       filters: []
     });
-    function r() {
-      const v = Object.entries(A.value).filter(([, { value: U }]) => U && U !== "").map(([U, { value: R, operator: ce }]) => ({
+    function a() {
+      const b = Object.entries(A.value).filter(([, { value: U }]) => U && U !== "").map(([U, { value: R, operator: ce }]) => ({
         key: U,
         value: R,
         operator: ce
@@ -1933,19 +1933,19 @@ const zo = /* @__PURE__ */ q(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa
       return {
         pageNumber: i.current,
         pageSize: i.pageSize,
-        filters: [...i.filters, ...v],
+        filters: [...i.filters, ...b],
         sorts: [{
           key: "workflowId",
           type: 1
         }]
       };
     }
-    const u = G(() => ({
+    const u = E(() => ({
       x: S.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), g = (v) => {
-      const U = Object.entries(v).filter(([, R]) => R.widget?.column).map(([R, ce], ve) => ({
+    })), g = (b) => {
+      const U = Object.entries(b).filter(([, R]) => R.widget?.column).map(([R, ce], ve) => ({
         title: ce.widget.title,
         dataIndex: R.charAt(0).toLowerCase() + R.slice(1),
         order: ce.order,
@@ -1968,80 +1968,80 @@ const zo = /* @__PURE__ */ q(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa
       }), S.value = U;
     }, _ = m([]), S = m([]), f = m(!0), p = m(!0), T = m(), X = async () => {
       p.value = !0;
-      const v = await Pt(s.className, r());
-      _.value = v.data, i.total = v.totalCount, p.value = !1;
+      const b = await Pt(s.className, a());
+      _.value = b.data, i.total = b.totalCount, p.value = !1;
     }, ee = m(!1);
     ue(async () => {
       f.value = !0;
-      const v = new Pe().setPageActionType(fe.List).setClassName(s.className).setStore({ svrStore: a, bpmStore: e }).build();
-      c.value = await v.getPageData(), g(c.value.fields), $(c.value.fields), L(), V(c.value?.tabs?.[0]?.key || ""), T.value = c.value.actions, f.value = !1, ee.value = !0;
+      const b = new Pe().setPageActionType(fe.List).setClassName(s.className).setStore({ svrStore: r, bpmStore: e }).build();
+      l.value = await b.getPageData(), g(l.value.fields), j(l.value.fields), L(), V(l.value?.tabs?.[0]?.key || ""), T.value = l.value.actions, f.value = !1, ee.value = !0;
     }), ft(() => {
       ee.value && X();
     });
-    const j = (v) => {
-      i.current = v, X();
-    }, Z = (v) => {
-      i.pageSize = v, X();
+    const M = (b) => {
+      i.current = b, X();
+    }, Z = (b) => {
+      i.pageSize = b, X();
     };
-    function ae(v, U, R, ce, ve) {
-      switch (v) {
+    function re(b, U, R, ce, ve) {
+      switch (b) {
         case J.Link:
           o.push({ name: R, params: { workflowId: ve } });
           break;
         default:
-          console.warn("Unknown action type:", v);
+          console.warn("Unknown action type:", b);
       }
     }
-    function x(v, U, R) {
-      switch (v) {
+    function x(b, U, R) {
+      switch (b) {
         case J.Submit:
-          Qt(U, { filters: [{ key: "approverList", value: y(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+          Qt(U, { filters: [{ key: "approverList", value: y(), operator: 2 }] }), c?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case J.Link:
           o.push({ name: R });
           break;
         default:
-          console.warn("Unknown action type:", v);
+          console.warn("Unknown action type:", b);
       }
     }
     function y() {
-      return a()?.userInfo?.email_address ?? "";
+      return r()?.userInfo?.email_address ?? "";
     }
-    function w(v, U) {
-      return typeof v != "string" || v.indexOf("{currentUserEmail}") === -1 ? v : v.replace(/{currentUserEmail}/g, U);
+    function w(b, U) {
+      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, U);
     }
-    function V(v) {
-      const U = c.value?.tabs?.find((R) => R.key === v)?.filters;
+    function V(b) {
+      const U = l.value?.tabs?.find((R) => R.key === b)?.filters;
       i.filters = U?.map((R) => ({
         ...R,
         value: w(R.value, y())
       })) || [], i.current = 1, X();
     }
     const A = m({}), D = m([]);
-    function $(v) {
-      if (!v) return [];
-      D.value = Object.entries(v).filter(([, U]) => U.isFiltered).map(([U, R]) => ({ fieldKey: U, fieldConfig: R }));
+    function j(b) {
+      if (!b) return [];
+      D.value = Object.entries(b).filter(([, U]) => U.isFiltered).map(([U, R]) => ({ fieldKey: U, fieldConfig: R }));
     }
     const L = () => {
-      const v = {};
+      const b = {};
       D.value.forEach(({ fieldKey: U, fieldConfig: R }) => {
-        v[U] = {}, v[U].value = R.modelValue, v[U].operator = R.operator;
-      }), A.value = v;
-    }, Y = () => {
+        b[U] = {}, b[U].value = R.modelValue, b[U].operator = R.operator;
+      }), A.value = b;
+    }, Q = () => {
       i.current = 1, X();
     }, se = () => {
-      c.value && L(), Y();
+      l.value && L(), Q();
     };
-    function ie(v, U) {
-      return !(v.location !== "InTable" || v.title === "Update" && (U.status === 100 || U.status === -1));
+    function ie(b, U) {
+      return !(b.location !== "InTable" || b.title === "Update" && (U.status === 100 || U.status === -1));
     }
-    const _e = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: g, _data: _, _columns: S, loadingPage: f, loadingTable: p, actions: T, loadData: X, mounted: ee, pageChangeHandler: j, pageSizeChangeHandler: Z, clickHandler: ae, createHandler: x, getApproverEmail: y, replaceEmail: w, tabHandler: V, searchForm: A, searchableFields: D, mapSearchableFields: $, initSearchForm: L, handleSearch: Y, handleReset: se, judgeHiddenActions: ie, ActionButton: xe, DataWidgets: Oe, TopBar: Ie };
+    const _e = { svrStore: r, bpmStore: e, router: o, instance: c, props: s, pageData: l, paging: i, createListParams: a, scroll: u, mapColumns: g, _data: _, _columns: S, loadingPage: f, loadingTable: p, actions: T, loadData: X, mounted: ee, pageChangeHandler: M, pageSizeChangeHandler: Z, clickHandler: re, createHandler: x, getApproverEmail: y, replaceEmail: w, tabHandler: V, searchForm: A, searchableFields: D, mapSearchableFields: j, initSearchForm: L, handleSearch: Q, handleReset: se, judgeHiddenActions: ie, ActionButton: xe, DataWidgets: je, TopBar: Ie };
     return Object.defineProperty(_e, "__isScriptSetup", { enumerable: !1, value: !0 }), _e;
   }
 }), Wo = { class: "list-container" }, Go = { class: "query-title" };
-function qo(t, n, a, e, o, l) {
-  const s = C("a-space"), c = C("a-col"), i = C("a-button"), r = C("a-row"), u = C("a-card"), g = C("a-tab-pane"), _ = C("a-tabs"), S = C("a-table");
-  return d(), h("div", Wo, [
+function qo(t, n, r, e, o, c) {
+  const s = C("a-space"), l = C("a-col"), i = C("a-button"), a = C("a-row"), u = C("a-card"), g = C("a-tab-pane"), _ = C("a-tabs"), S = C("a-table");
+  return d(), v("div", Wo, [
     N(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
@@ -2049,11 +2049,11 @@ function qo(t, n, a, e, o, l) {
     }, null, 8, ["title", "subTitle", "email"]),
     N(u, null, {
       default: k(() => [
-        b("div", Go, [
-          n[0] || (n[0] = b("h3", null, "Search Conditions", -1)),
+        h("div", Go, [
+          n[0] || (n[0] = h("h3", null, "Search Conditions", -1)),
           N(s, { size: "medium" }, {
             default: k(() => [
-              (d(!0), h(O, null, M(e.actions, (f) => (d(), h(O, {
+              (d(!0), v(O, null, $(e.actions, (f) => (d(), v(O, {
                 key: f.title
               }, [
                 f.location === "InOperation" ? (d(), F(e.ActionButton, {
@@ -2066,9 +2066,9 @@ function qo(t, n, a, e, o, l) {
             _: 1
           })
         ]),
-        N(r, { gutter: [24, 20] }, {
+        N(a, { gutter: [24, 20] }, {
           default: k(() => [
-            (d(!0), h(O, null, M(e.searchableFields, (f) => (d(), F(c, {
+            (d(!0), v(O, null, $(e.searchableFields, (f) => (d(), F(l, {
               key: f.fieldKey,
               span: 6,
               class: "search-col"
@@ -2084,7 +2084,7 @@ function qo(t, n, a, e, o, l) {
               ]),
               _: 2
             }, 1024))), 128)),
-            N(c, {
+            N(l, {
               span: 6,
               class: "search-col form-buttons"
             }, {
@@ -2129,7 +2129,7 @@ function qo(t, n, a, e, o, l) {
       onTabClick: e.tabHandler
     }, {
       default: k(() => [
-        (d(!0), h(O, null, M(e.pageData?.tabs, (f) => (d(), F(g, {
+        (d(!0), v(O, null, $(e.pageData?.tabs, (f) => (d(), F(g, {
           key: f.key,
           title: f.title
         }, null, 8, ["title"]))), 128))
@@ -2158,7 +2158,7 @@ function qo(t, n, a, e, o, l) {
       optional: k(({ record: f }) => [
         N(s, { size: "small" }, {
           default: k(() => [
-            (d(!0), h(O, null, M(e.actions, (p) => (d(), h(O, {
+            (d(!0), v(O, null, $(e.actions, (p) => (d(), v(O, {
               key: p.title
             }, [
               e.judgeHiddenActions(p, f) ? (d(), F(e.ActionButton, {
@@ -2176,12 +2176,12 @@ function qo(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const Yo = /* @__PURE__ */ q(Ko, [["render", qo], ["__scopeId", "data-v-639f4f42"], ["__file", "ListView.vue"]]), ta = {
+const Yo = /* @__PURE__ */ Y(Ko, [["render", qo], ["__scopeId", "data-v-639f4f42"], ["__file", "ListView.vue"]]), tr = {
   install(t, n = {}) {
-    n.config && wt(n.config), n.router && t.provide(rt, n.router), n.pinia && t.provide(Gn, n.pinia), n.useBpmStore && t.provide(it, n.useBpmStore), n.useSvrStore && t.provide(lt, n.useSvrStore), n.triggers && t.provide(st, n.triggers), n.customComps && t.provide(ct, n.customComps), t.component("CreateView", mo), t.component("UpdateView", Ao), t.component("DetailView", zo), t.component("ListView", Yo);
+    n.config && wt(n.config), n.router && t.provide(at, n.router), n.pinia && t.provide(Gn, n.pinia), n.useBpmStore && t.provide(it, n.useBpmStore), n.useSvrStore && t.provide(lt, n.useSvrStore), n.triggers && t.provide(st, n.triggers), n.customComps && t.provide(ct, n.customComps), t.component("CreateView", mo), t.component("UpdateView", Ao), t.component("DetailView", zo), t.component("ListView", Yo);
   }
 };
 export {
-  ta as default
+  tr as default
 };
 //# sourceMappingURL=index.es.js.map