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

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import { ref as m, getCurrentInstance as pe, defineComponent as K, mergeModels as le, useModel as we, resolveComponent as k, createBlock as D, openBlock as d, onMounted as ue, computed as q, withCtx as y, createElementBlock as h, Fragment as $, renderList as z, createVNode as U, nextTick as dt, createTextVNode as oe, inject as me, normalizeStyle as Qe, normalizeClass as Ye, createElementVNode as S, useTemplateRef as Fe, createCommentVNode as ne, toDisplayString as X, 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,38 +22,38 @@ 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 Be = {};
+let Fe = {};
 function wt(t) {
-  Be = { ...Be, ...t };
+  Fe = { ...Fe, ...t };
 }
 function Re() {
-  return Be;
+  return Fe;
 }
 const kt = pe();
 function Je() {
@@ -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
@@ -123,8 +123,8 @@ function At() {
   }
   return Ue(xt);
 }
-const Vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ze = { randomUUID: Vt };
-function et(t, n, a) {
+const Tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ze = { randomUUID: Tt };
+function et(t, n, r) {
   if (ze.randomUUID && !t)
     return ze.randomUUID();
   t = t || {};
@@ -133,8 +133,8 @@ function et(t, n, a) {
     throw new Error("Random bytes length must be >= 16");
   return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, St(e);
 }
-var Y = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(Y || {}), 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 It(t, n, a) {
+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, r) {
   const e = {
     pageType: "",
     fields: {},
@@ -155,7 +155,7 @@ function It(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(),
@@ -174,15 +174,15 @@ function It(t, n, a) {
           redirectUrl: o.redirectUrl,
           redirectType: o.redirectType,
           title: o.title,
-          widget: o.widget === "Link" ? Y.Link : o.widget === "Submit" ? Y.Submit : Y.Button,
+          widget: o.widget === "Link" ? J.Link : o.widget === "Submit" ? J.Submit : J.Button,
           location: o.location,
           attributeType: o.attributeType,
           readonly: o.readonly,
           eventName: o.eventName
         });
       }
-    } else o.attributeType === "Banner" && (e.banner.title = o.title, n === 0 || n === 5 ? e.banner.subTitle = o.subTitle : e.banner.subTitle = je(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 It(t, n, a) {
       isFiltered: !1,
       dependent: "",
       operator: ""
-    }, { attributes: c, propertyValue: i } = l;
+    }, { attributes: l, propertyValue: i } = c;
     switch (i) {
       case null:
         s.modelValue = "";
@@ -203,24 +203,24 @@ function It(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" ? 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 W()).get(`/General/${n}/${t}/page`, { params: e });
-  return It(l?.data, t, a);
-}, Tt = async (t, n, a) => (await (await W()).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 W()).post(`/General/${t}/list`, n);
   return {
@@ -241,48 +241,48 @@ async function Pt(t, n) {
     // ),
   };
 }
-async function Nt(t, n, a) {
-  return (await (await W()).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 W(), l = je(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 je(t, n) {
+function Oe(t, n) {
   return t.replace(/{WorkflowId}/g, n);
 }
 function Dt(t, n) {
   return t.replace(/{ApproverEmail}/g, encodeURIComponent(n));
 }
-function Ht(t, n) {
+function Bt(t, n) {
   return t.replace(/{WorkFlowReason}/g, encodeURIComponent(n));
 }
-function Bt(t, n) {
+function Ft(t, n) {
   return t.replace(/{Status}/g, n);
 }
-function Ft(t, n) {
+function Ht(t, n) {
   return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, n);
 }
 function Lt(t, n) {
   return t.replace(/{ClassName}/g, encodeURIComponent(n));
 }
-async function Rt(t, n, a, e, o, l, s, c) {
+async function Rt(t, n, r, e, o, c, s, l) {
   const i = await W();
-  let r = je(l, n);
-  return r = Dt(r, a), r = Ht(r, e), r = Bt(r, s), r = Ft(r, c), r = Lt(r, t), (await i.put(r, o))?.data;
+  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 jt(t, n) {
+async function Ot(t, n) {
   const o = (await (await W()).get(t, { params: { value: n } }))?.data;
-  return Object.entries(o).map(([l, s]) => ({
-    value: l,
+  return Object.entries(o).map(([c, s]) => ({
+    value: c,
     label: s
   }));
 }
-async function Ot(t, n) {
+async function jt(t, n) {
   return (await (await W()).get(`/General/${t}/${n}/process`))?.data;
 }
 function $t(t) {
@@ -293,9 +293,9 @@ function $t(t) {
   };
 }
 async function Mt(t, n) {
-  return (await (await W()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
-    const { category: c } = s;
-    return l[c] || (l[c] = []), l[c].push($t(s)), l;
+  return (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) {
@@ -303,16 +303,16 @@ async function Et(t, n) {
 }
 async function zt() {
   const n = await (await W()).get("/Grading/dropdown/approvers");
-  return Object.entries(n?.data).map(([a, e]) => ({
-    label: a,
+  return Object.entries(n?.data).map(([r, e]) => ({
+    label: r,
     value: e
   }));
 }
 async function Kt(t, n) {
   return await (await W()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
 }
-async function Wt(t, n, a) {
-  return await (await W()).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" }
   });
 }
@@ -322,28 +322,28 @@ async function Gt(t) {
 async function qt(t) {
   return (await (await W()).get(`Grading/GetAssociator/${t}`))?.data;
 }
-async function Qt(t) {
+async function Yt(t) {
   return await (await W()).delete(`Grading/DeleteAssociator/${t}`);
 }
-async function Yt(t, n = null) {
+async function Qt(t, n = null) {
   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__ */ K({
+}, 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;
   }
-}), J = (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) {
-  const s = k("AInput");
-  return d(), D(s, {
+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__ */ J(Zt, [["render", en], ["__file", "InputText.vue"]]), tn = /* @__PURE__ */ K({
+const We = /* @__PURE__ */ Y(Zt, [["render", en], ["__file", "InputText.vue"]]), tn = /* @__PURE__ */ z({
   __name: "InputNumber",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -406,19 +406,19 @@ const We = /* @__PURE__ */ J(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 x = i(_);
-      o("error", x.res ? "" : x.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, _);
+      const S = i(_);
+      o("error", S.res ? "" : S.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
+        f.event === "change" && o(f.event, f.handlerName, _);
       });
     };
     n({
@@ -427,15 +427,15 @@ const We = /* @__PURE__ */ J(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) {
-  const s = k("AInputNumber");
-  return d(), D(s, {
+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__ */ J(tn, [["render", nn], ["__file", "InputNumber.vue"]]), an = /* @__PURE__ */ K({
+const on = /* @__PURE__ */ Y(tn, [["render", nn], ["__file", "InputNumber.vue"]]), rn = /* @__PURE__ */ z({
   __name: "SelectList",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -457,40 +457,40 @@ const on = /* @__PURE__ */ J(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 = (x) => ge(e.validations, x), r = q(() => {
-      const x = {};
-      return e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        x[p.event] = (f) => {
-          o(p.event, p.handlerName, f);
-          const b = i(f);
-          o("error", b.res ? "" : b.errorMessages);
+  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) => {
+          o(f.event, f.handlerName, p);
+          const T = i(p);
+          o("error", T.res ? "" : T.errorMessages);
         };
-      }), x;
+      }), S;
     }), u = async () => {
-      e.config.dataSourceProvider && (s.value = await jt(e.config.dataSourceProvider));
+      e.config.dataSourceProvider && (s.value = await Ot(e.config.dataSourceProvider));
     };
     ue(u);
-    const g = (x) => {
-      o("update:modelValue", x);
-      const p = i(x);
-      o("error", p.res ? "" : p.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        f.event === "change" && o(f.event, f.handlerName, x);
+    const g = (S) => {
+      o("update:modelValue", S);
+      const f = i(S);
+      o("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
+        p.event === "change" && o(p.event, p.handlerName, S);
       });
     };
     n({
       validate() {
-        const x = i(e.modelValue);
-        return o("error", x.res ? "" : x.errorMessages), x.res;
+        const S = i(e.modelValue);
+        return o("error", S.res ? "" : S.errorMessages), S.res;
       }
     });
-    const _ = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: 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 = k("AOption"), c = k("ASelect");
-  return d(), D(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),
@@ -500,8 +500,8 @@ function rn(t, n, a, e, o, l) {
     disabled: e.props.config.readonly,
     onChange: e.changeHandler
   }, {
-    default: y(() => [
-      (d(!0), h($, null, z(e._options, (i) => (d(), D(s, {
+    default: k(() => [
+      (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__ */ J(an, [["render", rn], ["__file", "SelectList.vue"]]), sn = /* @__PURE__ */ K({
+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 W()).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 = k("ACascader"), c = k("ASpace");
-  return d(), D(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: y(() => [
-      U(s, {
+    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__ */ J(sn, [["render", ln], ["__file", "Cascader.vue"]]), dn = /* @__PURE__ */ K({
+const cn = /* @__PURE__ */ Y(sn, [["render", ln], ["__file", "Cascader.vue"]]), dn = /* @__PURE__ */ z({
   __name: "FileUpload",
   props: {
     className: {},
@@ -571,69 +571,69 @@ const cn = /* @__PURE__ */ J(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 A = await Ze();
-      l.value = {
-        Authorization: `Bearer ${A}`
+      const x = await Ze();
+      c.value = {
+        Authorization: `Bearer ${x}`
       };
     });
-    const s = (A) => ge(e.validations, A), c = Re(), i = c.apiBase, r = m(null), u = m("");
-    function g(A, w, C) {
-      return A.replace(/{WorkflowId}/g, w).replace(/{ClassName}/g, C);
+    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 _ = q(() => {
+    const _ = E(() => {
       if (e.config.uploadURL) {
-        const A = i + e.config.uploadURL;
-        return g(A, u.value, e.className);
+        const x = i + e.config.uploadURL;
+        return g(x, u.value, e.className);
       }
       return "";
-    }), x = (A) => {
-      A.stopPropagation(), r.value.submit();
+    }), S = (x) => {
+      x.stopPropagation(), a.value.submit();
     };
-    function p(A) {
-      const { file: w, name: C } = A, I = C ?? w.name;
-      return new Promise((V, H) => {
+    function f(x) {
+      const { file: y, name: w } = x, V = w ?? y.name;
+      return new Promise((A, D) => {
         gt.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${I}?`,
+          content: `Are you sure you want to delete ${V}?`,
           async onOk() {
-            if (A.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(A.uid), V(!0);
-            V(!0);
+            if (x.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(x.uid), A(!0);
+            A(!0);
           },
-          onCancel: () => H("cancel")
+          onCancel: () => D("cancel")
         });
       });
     }
-    const f = m(null), b = m(null), j = (A) => {
-      f.value && (f.value(A), f.value = null, b.value = null);
-    }, ee = (A) => {
-      b.value && (b.value(A), f.value = null, b.value = null);
-    }, M = m([]), Z = (A) => {
-      M.value = A.filter((w) => w.status === "init");
+    const p = m(null), T = m(null), X = (x) => {
+      p.value && (p.value(x), p.value = null, T.value = null);
+    }, ee = (x) => {
+      T.value && (T.value(x), p.value = null, T.value = null);
+    }, M = m([]), Z = (x) => {
+      M.value = x.filter((y) => y.status === "init");
     };
     n({
-      submit(A) {
-        return new Promise((w, C) => {
-          r.value ? (e.config.uploadURL && (u.value = A), f.value = w, b.value = C, M.value.length ? dt(() => {
-            r.value?.submit();
-          }) : w(A)) : w(A);
+      submit(x) {
+        return new Promise((y, w) => {
+          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 A = e.config.files ?? [], w = [...M.value, ...A].length > 0 ? "hasFile" : "", C = s(w);
-        return o("error", C.res ? "" : C.errorMessages), C.res;
+        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: x, onBeforeRemove: p, uploadPromiseResolve: f, uploadPromiseReject: b, handleUploadSuccess: j, handleUploadError: ee, readyFiles: M, 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 = k("a-button"), c = k("a-upload");
-  return d(), D(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,
@@ -646,11 +646,11 @@ function un(t, n, a, e, o, l) {
     onSuccess: e.handleUploadSuccess,
     onError: e.handleUploadError
   }, {
-    "start-icon": y(() => n[0] || (n[0] = [])),
-    "upload-button": y(() => [
-      U(s, { type: "primary" }, {
-        default: y(() => n[1] || (n[1] = [
-          oe("Select File", -1)
+    "start-icon": k(() => n[0] || (n[0] = [])),
+    "upload-button": k(() => [
+      N(s, { type: "primary" }, {
+        default: k(() => n[1] || (n[1] = [
+          ne("Select File", -1)
         ])),
         _: 1,
         __: [1]
@@ -659,7 +659,7 @@ function un(t, n, a, e, o, l) {
     _: 1
   }, 8, ["default-file-list", "action", "limit", "headers"]);
 }
-const fn = /* @__PURE__ */ J(dn, [["render", un], ["__file", "FileUpload.vue"]]), pn = /* @__PURE__ */ K({
+const fn = /* @__PURE__ */ Y(dn, [["render", un], ["__file", "FileUpload.vue"]]), pn = /* @__PURE__ */ z({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -670,29 +670,29 @@ const fn = /* @__PURE__ */ J(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) {
-  const s = k("ATextarea");
-  return d(), D(s, {
+function mn(t, n, r, e, o, c) {
+  const s = C("ATextarea");
+  return d(), F(s, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
@@ -701,7 +701,7 @@ function mn(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled"]);
 }
-const gn = /* @__PURE__ */ J(pn, [["render", mn], ["__file", "TextArea.vue"]]), _n = /* @__PURE__ */ K({
+const gn = /* @__PURE__ */ Y(pn, [["render", mn], ["__file", "TextArea.vue"]]), _n = /* @__PURE__ */ z({
   __name: "CheckBox",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -715,53 +715,53 @@ const gn = /* @__PURE__ */ J(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) {
-  const s = k("ACheckbox");
-  return d(), D(s, {
+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
   }, {
-    default: y(() => n[1] || (n[1] = [
-      oe("Yes", -1)
+    default: k(() => n[1] || (n[1] = [
+      ne("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const bn = /* @__PURE__ */ J(_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 = K({
+const Cn = z({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -788,7 +788,7 @@ const Cn = K({
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = tt("icon"), e = q(() => [a, `${a}-question-circle`, { [`${a}-spin`]: t.spin }]), o = q(() => {
+    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,31 +801,31 @@ const Cn = K({
     };
   }
 }), 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",
     stroke: "currentColor",
-    class: Ye(t.cls),
-    style: Qe(t.innerStyle),
+    class: Qe(t.cls),
+    style: Ye(t.innerStyle),
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
     onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
   }, n[1] || (n[1] = [
-    S("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),
-    S("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 at = Object.assign(De, {
+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);
   }
-}), An = K({
+}), Tn = z({
   name: "IconDownload",
   props: {
     size: {
@@ -852,7 +852,7 @@ const at = Object.assign(De, {
     click: (t) => !0
   },
   setup(t, { emit: n }) {
-    const a = tt("icon"), e = q(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = q(() => {
+    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,30 +865,76 @@ const at = 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",
     stroke: "currentColor",
-    class: Ye(t.cls),
-    style: Qe(t.innerStyle),
+    class: Qe(t.cls),
+    style: Ye(t.innerStyle),
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
     onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
   }, n[1] || (n[1] = [
-    S("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 He = /* @__PURE__ */ ot(An, [["render", In]]);
-const Tn = Object.assign(He, {
+var Be = /* @__PURE__ */ ot(Tn, [["render", In]]);
+const Pn = Object.assign(Be, {
   install: (t, n) => {
-    var a;
-    const e = (a = n?.iconPrefix) != null ? a : "";
-    t.component(e + He.name, He);
+    var r;
+    const e = (r = n?.iconPrefix) != null ? r : "";
+    t.component(e + Be.name, Be);
+  }
+}), Nn = /* @__PURE__ */ z({
+  __name: "ToolTip",
+  props: {
+    isVisible: { type: Boolean },
+    outputText: {}
+  },
+  setup(t, { expose: n }) {
+    n();
+    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(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
-}), Pn = /* @__PURE__ */ K({
+}), Un = { class: "list-unstyled" }, Dn = { class: "list-style-square" };
+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(() => [
+      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"
+      }, [
+        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
+            }, [
+              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))
+          ])
+        ])
+      ]))), 128))
+    ]),
+    default: k(() => [
+      N(e.IconQuestionCircle, { class: "icon" })
+    ]),
+    _: 1
+  })) : oe("", !0);
+}
+const rt = /* @__PURE__ */ Y(Nn, [["render", Bn], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), Fn = /* @__PURE__ */ z({
   __name: "index",
   props: /* @__PURE__ */ le({
     config: {},
@@ -903,8 +949,8 @@ const Tn = Object.assign(He, {
     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 = Fe("widgetRef"), c = q(() => {
+  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;
@@ -925,23 +971,23 @@ const Tn = Object.assign(He, {
         default:
           return We;
       }
-    }), i = m(""), r = (p) => {
-      i.value = p;
-    }, u = (p, f) => {
-      o("change", p, f);
+    }), i = m(""), a = (f) => {
+      i.value = f;
+    }, u = (f, p) => {
+      o("change", f, p);
     };
     function g() {
       return e.config?.widget?.widget === "File";
     }
-    function _(p) {
-      return p === "OtherInformationText" ? "Other Information" : p === "Other Information" ? "" : p;
+    function _(f) {
+      return f === "OtherInformationText" ? "Other Information" : f === "Other Information" ? "" : f;
     }
     n({
       isFileUpload() {
         return e.config?.widget?.widget === "File";
       },
-      submit(p) {
-        return g() ? s.value.submit(p) : Promise.resolve(p);
+      submit(f) {
+        return g() ? s.value.submit(f) : Promise.resolve(f);
       },
       validate() {
         return s.value?.validate();
@@ -950,42 +996,31 @@ const Tn = Object.assign(He, {
         return e?.config?.widget?.title;
       }
     });
-    const x = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: g, formatTitle: _, get IconQuestionCircle() {
-      return at;
-    } };
-    return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
+    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;
   }
-}), Nn = { class: "title" }, Un = {
+}), Hn = { class: "title" }, Ln = {
   key: 0,
   class: "required"
-}, Dn = {
+}, Rn = {
   key: 0,
   class: "err-msg"
 };
-function Hn(t, n, a, e, o, l) {
-  const s = k("a-tooltip");
-  return d(), h("div", null, [
-    S("div", Nn, [
-      oe(X(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
-      e.props.config.validations.length ? (d(), h("span", Un, "*")) : ne("", !0),
-      e.props.config.widget.isVisible ? (d(), D(s, {
-        key: 1,
-        "background-color": "#7A00E6"
-      }, {
-        content: y(() => [
-          (d(!0), h($, null, z(e.props.config.widget.outputText, (c) => (d(), h("div", null, X(c), 1))), 256))
-        ]),
-        default: y(() => [
-          U(e.IconQuestionCircle, { class: "icon" })
-        ]),
-        _: 1
-      })) : ne("", !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"])
     ]),
-    S("div", null, [
-      (d(), D(Le(e.curComp), {
+    h("div", null, [
+      (d(), F(Le(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
-        "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
+        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.model = s),
         "field-key": e.props.fieldKey,
         config: e.props.config.widget,
         validations: e.props.config.validations,
@@ -994,11 +1029,11 @@ function Hn(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", Dn, X(e.errMsg), 1)) : ne("", !0)
+      e.errMsg.length > 0 ? (d(), v("div", Rn, q(e.errMsg), 1)) : oe("", !0)
     ])
   ]);
 }
-const Oe = /* @__PURE__ */ J(Pn, [["render", Hn], ["__scopeId", "data-v-9e5e8c37"], ["__file", "index.vue"]]), Bn = /* @__PURE__ */ K({
+const je = /* @__PURE__ */ Y(Fn, [["render", On], ["__scopeId", "data-v-30216d05"], ["__file", "index.vue"]]), jn = /* @__PURE__ */ z({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1006,30 +1041,30 @@ const Oe = /* @__PURE__ */ J(Pn, [["render", Hn], ["__scopeId", "data-v-9e5e8c37
     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 Fn(t, n, a, e, o, l) {
-  const s = k("AButton");
-  return d(), D(s, {
-    loading: a.loading,
+function $n(t, n, r, e, o, c) {
+  const s = C("AButton");
+  return d(), F(s, {
+    loading: r.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
-    default: y(() => [
+    default: k(() => [
       de(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const qe = /* @__PURE__ */ J(Bn, [["render", Fn], ["__file", "SubmitButton.vue"]]), Ln = /* @__PURE__ */ K({
+const qe = /* @__PURE__ */ Y(jn, [["render", $n], ["__file", "SubmitButton.vue"]]), Mn = /* @__PURE__ */ z({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1037,67 +1072,67 @@ const qe = /* @__PURE__ */ J(Bn, [["render", Fn], ["__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 Rn(t, n, a, e, o, l) {
-  const s = k("ALink");
-  return d(), D(s, { onClick: e.clickHandler }, {
-    default: y(() => [
+function En(t, n, r, e, o, c) {
+  const s = C("ALink");
+  return d(), F(s, { onClick: e.clickHandler }, {
+    default: k(() => [
       de(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const jn = /* @__PURE__ */ J(Ln, [["render", Rn], ["__file", "DetailLink.vue"]]), On = /* @__PURE__ */ K({
+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 = q(() => {
+    const s = E(() => {
       switch (e.config.location) {
         case "InOperation":
           return qe;
         case "InTable":
-          return jn;
+          return zn;
         default:
           return qe;
       }
-    }), c = q(() => e.config.widget === Y.Submit ? e.config.requestUrl ?? "" : e.config.widget === Y.Link ? e.config.redirectUrl ?? "" : ""), i = q(() => 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 $n(t, n, a, e, o, l) {
-  return d(), D(Le(e.curComp), {
+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: y(() => [
-      oe(X(e.props.config.title), 1)
+    default: k(() => [
+      ne(q(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const xe = /* @__PURE__ */ J(On, [["render", $n], ["__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");
@@ -1105,14 +1140,14 @@ function $e() {
   const t = me(st, null);
   return t || {};
 }
-const Mn = Symbol("library-pinia"), it = Symbol("library-bpmStore"), lt = Symbol("library-svrStore");
-function Ve() {
+const Gn = Symbol("library-pinia"), it = Symbol("library-bpmStore"), lt = Symbol("library-svrStore");
+function Te() {
   return me(it, null);
 }
-function Ie() {
+function Ve() {
   return me(lt, null);
 }
-const En = /* @__PURE__ */ K({
+const qn = /* @__PURE__ */ z({
   __name: "TopBar",
   props: {
     title: {},
@@ -1121,30 +1156,30 @@ const En = /* @__PURE__ */ K({
   },
   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;
   }
-}), zn = { class: "top-bar" }, Kn = { class: "banner-info" }, Wn = { class: "page-title" }, Gn = { class: "page-subtitle" }, qn = { class: "avatar-wrapper" }, Qn = { class: "user-email" };
-function Yn(t, n, a, e, o, l) {
-  const s = k("a-avatar"), c = k("a-popover");
-  return d(), h("div", zn, [
-    S("div", Kn, [
-      S("div", Wn, X(a.title), 1),
-      S("div", Gn, X(a.subTitle), 1)
+}), 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, 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)
     ]),
-    S("div", qn, [
-      U(c, { trigger: "click" }, {
-        content: y(() => [
-          S("div", Qn, X(a.email), 1)
+    h("div", Zn, [
+      N(l, { trigger: "click" }, {
+        content: k(() => [
+          h("div", eo, q(r.email), 1)
         ]),
-        default: y(() => [
-          U(s, {
+        default: k(() => [
+          N(s, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
-            default: y(() => [
-              oe(X(a.email.charAt(0).toUpperCase()), 1)
+            default: k(() => [
+              ne(q(r.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -1154,16 +1189,16 @@ function Yn(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Te = /* @__PURE__ */ J(En, [["render", Yn], ["__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 (if applicable)", 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 {
@@ -1201,14 +1236,14 @@ 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);
   }
   getBtnList() {
-    return Tt(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
+    return It(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
   }
   getFiles() {
     return this.getWorkflowId() ? Mt(this.className, this.getWorkflowId()) : Promise.resolve({});
@@ -1217,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());
@@ -1235,10 +1270,10 @@ class Se {
     return Wt(this.getWorkflowId(), this.getApproverEmail(), n);
   }
   deleteAssociator(n) {
-    return Qt(n);
+    return Yt(n);
   }
 }
-const Jn = /* @__PURE__ */ K({
+const no = /* @__PURE__ */ z({
   __name: "CreateView",
   props: {
     className: {},
@@ -1246,7 +1281,7 @@ const Jn = /* @__PURE__ */ K({
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ve(), e = Ie(), o = Ae(), l = $e(), s = Fe("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: [],
@@ -1255,59 +1290,59 @@ const Jn = /* @__PURE__ */ K({
         subTitle: ""
       }
     }), u = m([]), g = m({});
-    function _(C) {
-      return C ? Object.entries(C).map(([V, H]) => ({
-        fieldKey: V,
-        ...H
-      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !Z.value.includes(V.fieldKey)) : [];
+    function _(w) {
+      return w ? Object.entries(w).map(([A, D]) => ({
+        fieldKey: A,
+        ...D
+      })).filter((A) => A.widget && A.widget.widget !== "Hidden").filter((A) => !Z.value.includes(A.fieldKey)) : [];
     }
-    function x(C) {
-      return C ? Object.entries(C).filter(([V, H]) => H.dependent).reduce((V, [H, O]) => (V[H] = O.dependent, V), {}) : [];
+    function S(w) {
+      return w ? Object.entries(w).filter(([A, D]) => D.dependent).reduce((A, [D, j]) => (A[D] = j.dependent, A), {}) : [];
     }
-    const p = q(() => r.value?.actions ? [...r.value.actions].reverse() : []), f = m({}), b = m(!1);
+    const f = E(() => a.value?.actions ? [...a.value.actions].reverse() : []), p = m({}), T = m(!1);
     ue(async () => {
-      b.value = !0;
-      const C = new Pe().setWorkflowId(i.workflowId).setClassName(i.className).setStore({ svrStore: e, bpmStore: a }).build();
-      r.value = await C.getPageData(), u.value = _(r.value.fields), g.value = x(r.value.fields);
-      for (const I in r.value.fields) {
-        if (r.value.fields[I].widget?.widget === "File") {
-          const V = u.value.find((H) => H.fieldKey === I);
-          V && V.widget && (V.widget.files = []);
+      T.value = !0;
+      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 = []);
         }
-        f.value[I] = r.value.fields[I].modelValue;
+        p.value[V] = a.value.fields[V].modelValue;
       }
-      b.value = !1;
+      T.value = !1;
     });
-    function j() {
+    function X() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function ee(C, I, V, H, O) {
-      switch (I) {
-        case Y.Submit:
+    async function ee(w, V, A, D, j) {
+      switch (V) {
+        case J.Submit:
           let L = !0;
           if (s.value?.forEach((Q) => {
             Q?.validate && (Q.validate() || (L = !1));
           }), !L) {
-            c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
+            l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          b.value = !0;
+          T.value = !0;
           try {
-            const Q = await Nt(i.className, { ...f.value, ...g.value }, V), se = s.value?.map((ie) => ie?.submit ? ie.submit(Q.toString()) : Promise.resolve()) || [];
-            await Promise.all(se), b.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${Q.toString()}.`), o.push({ name: "Details", params: { workflowId: Q.toString() } });
+            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"), b.value = !1;
+            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), T.value = !1;
           }
           break;
-        case Y.Link:
+        case J.Link:
           try {
-            await l[C.eventName || ""]?.(f.value, Z), o.push({ name: H, params: { className: i.className } });
+            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:", I);
+          console.warn("Unknown action type:", V);
       }
     }
     const M = [
@@ -1318,48 +1353,48 @@ const Jn = /* @__PURE__ */ K({
       "jobAttachmentPrevious",
       "positionId"
     ], Z = m(M);
-    function ae(C, I) {
-      l[C]?.({ fieldValue: I, hiddenFields: Z, formData: f }), r.value && (u.value = _(r.value.fields));
+    function re(w, V) {
+      c[w]?.({ fieldValue: V, hiddenFields: Z, formData: p }), a.value && (u.value = _(a.value.fields));
     }
-    const A = q(() => Me(u.value)), w = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: x, reversedActions: p, _data: f, loading: b, getApproverEmail: j, clickHandler: ee, newHiddenFields: M, hiddenFields: Z, changeHandler: ae, groupedFields: A, DataWidgets: Oe, ActionButton: xe, TopBar: Te };
-    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
+    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;
   }
-}), Xn = { class: "page-container" }, Zn = { class: "page-body" }, eo = { class: "form-card" }, to = { class: "form-fields-vertical" }, no = { class: "form-fields" }, oo = {
+}), 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"
-}, ao = { class: "page-footer" }, ro = { class: "action-container" }, so = { class: "action-buttons" };
-function io(t, n, a, e, o, l) {
-  const s = k("a-card"), c = k("a-spin");
-  return d(), h("div", Xn, [
-    U(e.TopBar, {
+}, co = { class: "page-footer" }, uo = { class: "action-container" }, fo = { class: "action-buttons" };
+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"]),
-    S("div", Zn, [
-      U(c, {
+    h("div", ro, [
+      N(l, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: y(() => [
-          S("div", eo, [
-            S("div", to, [
-              (d(!0), h($, null, z(e.groupedFields, (i) => (d(), D(s, {
+        default: k(() => [
+          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: y(() => [
-                  S("div", no, [
-                    (d(!0), h($, null, z(i.fields, (r) => (d(), D(e.DataWidgets, {
-                      key: r.fieldKey,
+                default: k(() => [
+                  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))
@@ -1368,31 +1403,31 @@ function io(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), h("div", oo, [
+            t.$slots.content ? (d(), v("div", lo, [
               de(t.$slots, "content", {}, void 0, !0)
-            ])) : ne("", !0)
+            ])) : oe("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    S("div", ao, [
-      S("div", ro, [
+    h("div", co, [
+      h("div", uo, [
         de(t.$slots, "action", {}, void 0, !0),
-        S("div", so, [
-          (d(!0), h($, null, z(e.reversedActions, (i) => (d(), D(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 lo = /* @__PURE__ */ J(Jn, [["render", io], ["__scopeId", "data-v-2fce8732"], ["__file", "CreateView.vue"]]), co = /* @__PURE__ */ K({
+const mo = /* @__PURE__ */ Y(no, [["render", po], ["__scopeId", "data-v-2fce8732"], ["__file", "CreateView.vue"]]), go = /* @__PURE__ */ z({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1400,7 +1435,7 @@ const lo = /* @__PURE__ */ J(Jn, [["render", io], ["__scopeId", "data-v-2fce8732
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ae(), e = $e(), o = Ie(), l = Ve(), s = Fe("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: [],
@@ -1409,110 +1444,110 @@ const lo = /* @__PURE__ */ J(Jn, [["render", io], ["__scopeId", "data-v-2fce8732
         subTitle: ""
       }
     }), u = m([]), g = m({});
-    function _(w) {
-      return w ? Object.entries(w).map(([I, V]) => ({
-        fieldKey: I,
-        ...V
-      })).filter((I) => I.widget && I.widget.widget !== "Hidden").filter((I) => !M.value.includes(I.fieldKey)) : [];
+    function _(y) {
+      return y ? Object.entries(y).map(([V, A]) => ({
+        fieldKey: V,
+        ...A
+      })).filter((V) => V.widget && V.widget.widget !== "Hidden").filter((V) => !M.value.includes(V.fieldKey)) : [];
     }
-    function x(w) {
-      return w ? Object.entries(w).filter(([I, V]) => V.dependent).reduce((I, [V, H]) => (I[V] = H.dependent, I), {}) : [];
+    function S(y) {
+      return y ? Object.entries(y).filter(([V, A]) => A.dependent).reduce((V, [A, D]) => (V[A] = D.dependent, V), {}) : [];
     }
-    const p = q(() => r.value?.actions ? [...r.value.actions].reverse() : []), f = m({}), b = m(!1);
+    const f = E(() => a.value?.actions ? [...a.value.actions].reverse() : []), p = m({}), T = m(!1);
     ue(async () => {
-      b.value = !0;
-      const w = new Pe().setPageActionType(fe.Update).setClassName(i.className).setStore({ svrStore: o, bpmStore: l }).setWorkflowId(i.workflowId).build();
-      r.value = await w.getPageData();
-      const C = await w.getBtnList(), I = await w.getFiles();
-      r.value.actions = r.value.actions?.filter((H) => {
-        const O = C.find((L) => L.button === H.title);
-        return O ? O.isShow : !0;
+      T.value = !0;
+      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();
+      a.value.actions = a.value.actions?.filter((D) => {
+        const j = w.find((L) => L.button === D.title);
+        return j ? j.isShow : !0;
       });
-      const V = r.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: V, hiddenFields: M, formData: f }), u.value = _(r.value.fields), g.value = x(r.value.fields);
-      for (const H in r.value.fields) {
-        if (r.value.fields[H].widget?.widget === "File") {
-          const O = u.value.find((L) => L.fieldKey === H);
-          O && O.widget && (O.widget.files = I[H] ?? [], O.widget.removeFile = (L) => w.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));
         }
-        f.value[H] = r.value.fields[H].modelValue;
+        p.value[D] = a.value.fields[D].modelValue;
       }
-      b.value = !1;
+      T.value = !1;
     });
-    function j() {
+    function X() {
       return o()?.userInfo?.email_address ?? "";
     }
-    async function ee(w, C, I, V, H) {
-      switch (C) {
-        case Y.Submit:
-          let O = !0;
+    async function ee(y, w, V, A, D) {
+      switch (w) {
+        case J.Submit:
+          let j = !0;
           if (s.value?.forEach((L) => {
-            L?.validate && (L.validate() || (O = !1));
-          }), !O) {
-            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;
           }
-          b.value = !0;
+          T.value = !0;
           try {
-            const L = await Ut(i.className, i.workflowId, { ...f.value, ...g.value }, I), Q = s.value?.map((se) => se?.submit ? se.submit(L.toString()) : Promise.resolve()) || [];
-            await Promise.all(Q), b.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"), b.value = !1;
+            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), T.value = !1;
           }
           break;
-        case Y.Link:
+        case J.Link:
           try {
-            await e[w.eventName || ""]?.(f.value, M), a.push({ name: V, params: { className: i.className } });
+            await e[y.eventName || ""]?.(p.value, M), r.push({ name: A, params: { className: i.className } });
           } catch {
           }
           break;
         default:
-          console.warn("Unknown action type:", C);
+          console.warn("Unknown action type:", w);
       }
     }
     const M = m([]);
-    function Z(w, C) {
-      e[w]?.({ fieldValue: C, hiddenFields: M, formData: f }), r.value && (u.value = _(r.value.fields));
+    function Z(y, w) {
+      e[y]?.({ fieldValue: w, hiddenFields: M, formData: p }), a.value && (u.value = _(a.value.fields));
     }
-    const ae = q(() => Me(u.value)), A = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: x, reversedActions: p, _data: f, loading: b, getApproverEmail: j, clickHandler: ee, hiddenFields: M, changeHandler: Z, groupedFields: ae, DataWidgets: Oe, ActionButton: xe, TopBar: Te };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
+    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;
   }
-}), uo = { class: "page-container" }, fo = { class: "page-body" }, po = { class: "form-card" }, mo = { class: "form-fields-vertical" }, go = { class: "form-fields" }, _o = {
+}), _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"
-}, vo = { class: "page-footer" }, bo = { class: "action-container" }, ho = { class: "action-buttons" };
-function yo(t, n, a, e, o, l) {
-  const s = k("a-card"), c = k("a-spin");
-  return d(), h("div", uo, [
-    U(e.TopBar, {
+}, ko = { class: "page-footer" }, Co = { class: "action-container" }, So = { class: "action-buttons" };
+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"]),
-    S("div", fo, [
-      U(c, {
+    h("div", vo, [
+      N(l, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: y(() => [
-          S("div", po, [
-            S("div", mo, [
-              (d(!0), h($, null, z(e.groupedFields, (i) => (d(), D(s, {
+        default: k(() => [
+          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: y(() => [
-                  S("div", go, [
-                    (d(!0), h($, null, z(i.fields, (r) => (d(), D(e.DataWidgets, {
-                      key: r.fieldKey,
+                default: k(() => [
+                  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))
@@ -1521,35 +1556,35 @@ function yo(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), h("div", _o, [
+            t.$slots.content ? (d(), v("div", wo, [
               de(t.$slots, "content", {}, void 0, !0)
-            ])) : ne("", !0)
+            ])) : oe("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    S("div", vo, [
-      S("div", bo, [
+    h("div", ko, [
+      h("div", Co, [
         de(t.$slots, "action", {}, void 0, !0),
-        S("div", ho, [
-          (d(!0), h($, null, z(e.reversedActions, (i) => (d(), D(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 wo = /* @__PURE__ */ J(co, [["render", yo], ["__scopeId", "data-v-a0ee3911"], ["__file", "UpdateView.vue"]]), ct = Symbol("library-custom-comp");
-function ko() {
+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 Co = /* @__PURE__ */ K({
+const Vo = /* @__PURE__ */ z({
   __name: "DetailView",
   props: {
     className: {},
@@ -1557,8 +1592,8 @@ const Co = /* @__PURE__ */ K({
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ie(), e = Ve(), o = $e(), l = Ae(), s = ko(), 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: {},
@@ -1568,15 +1603,15 @@ const Co = /* @__PURE__ */ K({
         subTitle: ""
       }
     }), g = m([]);
-    function _(T) {
-      return T ? Object.entries(T).map(([E, P]) => (typeof P.modelValue == "boolean" ? P.fieldValue = P.modelValue ? "Yes" : "No" : P.fieldValue = P.modelValue, {
-        fieldKey: E,
+    function _(I) {
+      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((E) => E.widget && E.widget.widget !== "Hidden").filter((E) => !w.value.includes(E.fieldKey)) : [];
+      })).filter((K) => K.widget && K.widget.widget !== "Hidden").filter((K) => !y.value.includes(K.fieldKey)) : [];
     }
-    const x = q(() => Me(g.value)), p = q(() => u.value?.actions ? [...u.value.actions].reverse() : []), f = m(!0), b = (T, F) => {
-      const E = T.findIndex((P) => P.isCurrent);
-      return T.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: "",
@@ -1588,7 +1623,7 @@ const Co = /* @__PURE__ */ K({
         };
         B.title = P.workflowProcessApprovers[0]?.name;
         const be = P.workflowProcessApprovers[P.workflowProcessApprovers.length - 1], ke = P.workflowHistorys[P.workflowHistorys.length - 1], he = ke?.workflowHistoryApprovers[ke?.workflowHistoryApprovers?.length - 1];
-        if (be && he && be?.email?.toLowerCase() !== he?.approverEmail?.toLowerCase() && (B.title = `${he.name}`, B.proxy = `Proxy: ${be.name}`), P.sort > 1 ? B.sub = "Approver Role: " + P.nodeName.replace("Submit", "").replace("Approve", "") : B.sub = "Submit Application", P.isCurrent && F !== -1)
+        if (be && he && be?.email?.toLowerCase() !== he?.approverEmail?.toLowerCase() && (B.title = `${he.name}`, B.proxy = `Proxy: ${be.name}`), P.sort > 1 ? B.sub = "Approver Role: " + P.nodeName.replace("Submit", "").replace("Approve", "") : B.sub = "Submit Application", P.isCurrent && H !== -1)
           B.desc = "In Approval", B.status = 1;
         else {
           const te = P.workflowHistorys[P.workflowHistorys.length - 1];
@@ -1603,285 +1638,275 @@ const Co = /* @__PURE__ */ K({
               const Ee = te.workflowHistoryApprovers[0];
               B.status = 3, B.desc = Ee?.reason ? `Rejected reason: ${Ee.reason}` : "Rejected";
             }
-          else re < E || E === -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;
       });
-    }, j = m([]), ee = m(!1), M = m(!1), Z = m(!1), ae = m(!1);
-    async function A() {
-      const T = await r.getBtnList();
-      u.value.actions = u.value.actions?.filter((F) => {
-        const E = T.find((P) => P.button === F.title);
-        return E ? E.isShow : !0;
-      }), ee.value = T.find((F) => F.button === "IsGlobal")?.isShow ?? !1, M.value = T.find((F) => F.button === "AssignButton")?.isShow ?? !1, Z.value = T.find((F) => F.button === "AssignList")?.isShow ?? !1, ae.value = T.find((F) => F.button === "AddCommentsButton")?.isShow ?? !1;
+    }, X = m([]), ee = m(!1), M = m(!1), Z = m(!1), re = m(!1);
+    async function x() {
+      const I = await a.getBtnList();
+      u.value.actions = u.value.actions?.filter((H) => {
+        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 w = m([]);
-    async function C() {
-      f.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 T = await r.getFiles();
-      se.value = await r.getApprovers(), L.value = await r.getCommentsHistory(), ie.value = await r.getAssociator(), A();
-      const F = u.value.fields.requestType.modelValue;
-      o.Test?.({ fieldValue: F, hiddenFields: w }), g.value = _(u.value.fields);
+    const y = m([]);
+    async function w() {
+      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 = T[P] ?? []);
+          const ae = g.value.find((B) => B.fieldKey === P);
+          ae && ae.widget && (ae.widget.files = I[P] ?? []);
         }
-      const E = await r.getProcess();
-      j.value = b(E, 0), f.value = !1;
+      const K = await a.getProcess();
+      X.value = T(K, 0), p.value = !1;
     }
-    ue(C);
-    async function I(T, F) {
-      return o[T]?.(F);
+    ue(w);
+    async function V(I, H) {
+      return o[I]?.(H);
     }
-    function V() {
-      return a()?.userInfo?.email_address ?? "";
+    function A() {
+      return r()?.userInfo?.email_address ?? "";
     }
-    async function H(T, F, E, P, re) {
+    async function D(I, H, K, P, ae) {
       try {
-        switch (F) {
-          case Y.Submit:
-            const { reason: B, ifGlobal: be } = await I(re, { isGlobal: ee.value });
-            f.value = !0;
-            const ke = re === "Approve" ? "100" : "-1";
-            await Rt(i.className, i.workflowId, V(), B, [Number(i.workflowId)], E, ke, be), f.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), C();
+        switch (H) {
+          case J.Submit:
+            const { reason: B, ifGlobal: be } = await V(ae, { isGlobal: ee.value });
+            p.value = !0;
+            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 Y.Link:
+          case J.Link:
             try {
-              await o[T.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);
             }
             break;
-          case Y.Button:
-            await o[T.eventName || ""]?.({
+          case J.Button:
+            await o[I.eventName || ""]?.({
               approvers: se,
               associators: ie,
               isShowAssignSelect: M,
               isShowAssignList: Z,
               assignCallback: _e,
-              deleteAssociatorCallback: N
+              deleteAssociatorCallback: U
             });
             break;
           default:
-            console.warn("Unknown action type:", F);
+            console.warn("Unknown action type:", H);
         }
       } catch {
       }
     }
-    const O = m(""), L = m([]), Q = m(""), se = m([]), ie = m([]);
-    async function _e(T) {
-      if (!T) {
-        c?.appContext.config.globalProperties.$message.error("Please select an approver");
+    const j = m(""), L = m([]), Q = m(""), se = m([]), ie = m([]);
+    async function _e(I) {
+      if (!I) {
+        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(T), ie.value = await r.getAssociator(), A(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
-      } catch (F) {
-        if (F.status === 409) {
-          c?.appContext.config.globalProperties.$notification.error("This user is already an associator");
+        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) {
+          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(T, F) {
-      const { Modal: E } = await import("@arco-design/web-vue");
-      return new Promise((P, re) => {
-        E.confirm({
-          title: T,
-          content: F,
+    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 N(T) {
+    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(T.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 (!O.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(O.value.trim()), O.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(T) {
-      return T ? T === "OtherInformationText" ? "Other Information" : T === "Other Information" ? "" : T : "";
+    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;
-    }, set page(T) {
-      r = T;
-    }, pageData: u, _fields: g, genField: _, groupedFields: x, reversedActions: p, loading: f, mapWorkflowSteps: b, steps: j, isGlobal: ee, isShowAssignSelect: M, isShowAssignList: Z, isShowCommentTextArea: ae, reloadButtonList: A, hiddenFields: w, load: C, triggerFn: I, getApproverEmail: V, clickHandler: H, comment: O, commentsHistory: L, selectedApprover: Q, approvers: se, associators: ie, onAssignApprover: _e, confirmDialog: v, onDeleteAssociator: N, onAddComment: R, formatTitle: ce, ActionButton: xe, get IconDownload() {
-      return Tn;
-    }, TopBar: Te, get formatDate() {
+    const ve = { svrStore: r, bpmStore: e, triggers: o, router: c, customComps: s, instance: l, props: i, get page() {
+      return a;
+    }, set page(I) {
+      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;
-    }, get IconQuestionCircle() {
-      return at;
-    } };
+    }, ToolTip: rt };
     return Object.defineProperty(ve, "__isScriptSetup", { enumerable: !1, value: !0 }), ve;
   }
-}), So = { class: "page-container" }, xo = { class: "page-body" }, Ao = { class: "detail-card" }, Vo = { class: "form-fields-vertical" }, Io = { class: "detail-fields" }, To = { class: "detail-field" }, Po = { class: "field-label" }, No = {
+}), 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 = {
   key: 1,
   class: "field-value"
-}, Uo = {
+}, Lo = {
   key: 2,
   class: "detail-field-wrapper"
-}, Do = { class: "detail-field" }, Ho = {
+}, Ro = { class: "detail-field" }, Oo = {
   key: 0,
   class: "detail-content"
-}, Bo = { class: "page-footer" }, Fo = { class: "action-container" }, Lo = { class: "action-buttons" };
-function Ro(t, n, a, e, o, l) {
-  const s = k("a-tooltip"), c = k("a-link"), i = k("a-space"), r = k("a-card");
-  k("a-option"), k("a-select");
-  const u = k("a-button"), g = k("a-list-item"), _ = k("a-list"), x = k("a-textarea"), p = k("a-spin");
-  return d(), h("div", So, [
-    U(e.TopBar, {
+}, 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 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"]),
-    S("div", xo, [
-      U(p, {
+    h("div", Po, [
+      N(S, {
         loading: e.loading,
         class: "detail-container"
       }, {
-        default: y(() => [
-          S("div", Ao, [
-            (d(), D(Le(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            S("div", Vo, [
-              (d(!0), h($, null, z(e.groupedFields, (f) => (d(), D(r, {
+        default: k(() => [
+          h("div", No, [
+            (d(), F(Le(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            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: y(() => [
-                  S("div", Io, [
-                    (d(!0), h($, null, z(f.fields, (b) => (d(), h("div", {
-                      key: b.fieldKey,
+                default: k(() => [
+                  h("div", Do, [
+                    (d(!0), v(O, null, $(f.fields, (p) => (d(), v("div", {
+                      key: p.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      S("div", To, [
-                        S("div", Po, [
-                          oe(X(e.formatTitle(b.widget?.title)) + " ", 1),
-                          b.widget?.isVisible ? (d(), D(s, {
-                            key: 0,
-                            "background-color": "#7A00E6"
-                          }, {
-                            content: y(() => [
-                              (d(!0), h($, null, z(b.widget?.outputText, (j) => (d(), h("div", { key: j }, X(j), 1))), 128))
-                            ]),
-                            default: y(() => [
-                              U(e.IconQuestionCircle, { class: "icon" })
-                            ]),
-                            _: 2
-                          }, 1024)) : ne("", !0)
+                      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"])
                         ]),
-                        b.widget?.widget === "File" ? (d(!0), h($, { key: 0 }, z(b.widget.files, (j) => (d(), h("div", {
+                        p.widget?.widget === "File" ? (d(!0), v(O, { key: 0 }, $(p.widget.files, (T) => (d(), v("div", {
                           class: "field-value",
-                          key: j.id
+                          key: T.id
                         }, [
-                          U(i, null, {
-                            default: y(() => [
-                              oe(X(j.name) + " ", 1),
-                              U(c, {
-                                href: j.url,
+                          N(l, null, {
+                            default: k(() => [
+                              ne(q(T.name) + " ", 1),
+                              N(s, {
+                                href: T.url,
                                 target: "_blank"
                               }, {
-                                default: y(() => [
-                                  U(e.IconDownload, { style: { color: "#7A00E6" } })
+                                default: k(() => [
+                                  N(e.IconDownload, { style: { color: "#7A00E6" } })
                                 ]),
                                 _: 2
                               }, 1032, ["href"])
                             ]),
                             _: 2
                           }, 1024)
-                        ]))), 128)) : (d(), h("div", No, X(b.fieldValue), 1))
+                        ]))), 128)) : (d(), v("div", Ho, q(p.fieldValue), 1))
                       ])
                     ]))), 128))
                   ])
                 ]),
                 _: 2
               }, 1032, ["title"]))), 128)),
-              ne("", !0),
-              ne("", !0),
-              e.isShowCommentTextArea ? (d(), h("div", Uo, [
-                S("div", Do, [
-                  n[6] || (n[6] = S("div", { class: "field-label" }, "Comment", -1)),
-                  U(x, {
+              oe("", !0),
+              oe("", !0),
+              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"]),
-                  U(u, {
+                  N(a, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: y(() => n[5] || (n[5] = [
-                      oe("Add Comment", -1)
+                    default: k(() => n[5] || (n[5] = [
+                      ne("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
-              ])) : ne("", !0),
-              e.commentsHistory.length ? (d(), D(_, { key: 3 }, {
-                header: y(() => n[7] || (n[7] = [
-                  oe(" Comments History ", -1)
+              ])) : oe("", !0),
+              e.commentsHistory.length ? (d(), F(g, { key: 3 }, {
+                header: k(() => n[7] || (n[7] = [
+                  ne(" Comments History ", -1)
                 ])),
-                default: y(() => [
-                  (d(!0), h($, null, z(e.commentsHistory, (f) => (d(), D(g, {
+                default: k(() => [
+                  (d(!0), v(O, null, $(e.commentsHistory, (f) => (d(), F(u, {
                     key: f.associator
                   }, {
-                    default: y(() => [
-                      oe(X(f.associator) + ": " + X(f.comments) + " (" + X(e.formatDate(f.createdAt)) + ") ", 1)
+                    default: k(() => [
+                      ne(q(f.associator) + ": " + q(f.comments) + " (" + q(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : ne("", !0)
+              })) : oe("", !0)
             ]),
-            t.$slots.content ? (d(), h("div", Ho, [
+            t.$slots.content ? (d(), v("div", Oo, [
               de(t.$slots, "content", {}, void 0, !0)
-            ])) : ne("", !0)
+            ])) : oe("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    S("div", Bo, [
-      S("div", Fo, [
+    h("div", jo, [
+      h("div", $o, [
         de(t.$slots, "action", {}, void 0, !0),
-        S("div", Lo, [
-          (d(!0), h($, null, z(e.reversedActions, (f) => (d(), D(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,
             class: "action-button",
-            onClick: (...b) => e.clickHandler(f, ...b)
+            onClick: (...p) => e.clickHandler(f, ...p)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431"], ["__file", "DetailView.vue"]]), Oo = /* @__PURE__ */ K({
+const zo = /* @__PURE__ */ Y(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa"], ["__file", "DetailView.vue"]]), Ko = /* @__PURE__ */ z({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -1889,7 +1914,7 @@ const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ie(), e = Ve(), 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,
@@ -1898,9 +1923,9 @@ const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431
       showPageSize: !0,
       filters: []
     });
-    function r() {
-      const v = Object.entries(V.value).filter(([, { value: N }]) => N && N !== "").map(([N, { value: R, operator: ce }]) => ({
-        key: N,
+    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
         // 根据实际需要调整操作符
@@ -1908,19 +1933,19 @@ const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431
       return {
         pageNumber: i.current,
         pageSize: i.pageSize,
-        filters: [...i.filters, ...v],
+        filters: [...i.filters, ...b],
         sorts: [{
           key: "workflowId",
           type: 1
         }]
       };
     }
-    const u = q(() => ({
-      x: x.value.length * 150 + 250
+    const u = E(() => ({
+      x: S.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), g = (v) => {
-      const N = 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,
@@ -1932,7 +1957,7 @@ const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431
         resizable: !0
         // 启用列宽调整
       })).sort((R, ce) => R.order - ce.order);
-      N.push({
+      U.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -1940,149 +1965,149 @@ const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), x.value = N;
-    }, _ = m([]), x = m([]), p = m(!0), f = m(!0), b = m(), j = async () => {
-      f.value = !0;
-      const v = await Pt(s.className, r());
-      _.value = v.data, i.total = v.totalCount, f.value = !1;
+      }), S.value = U;
+    }, _ = m([]), S = m([]), f = m(!0), p = m(!0), T = m(), X = async () => {
+      p.value = !0;
+      const b = await Pt(s.className, a());
+      _.value = b.data, i.total = b.totalCount, p.value = !1;
     }, ee = m(!1);
     ue(async () => {
-      p.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), O(c.value.fields), L(), I(c.value?.tabs?.[0]?.key || ""), b.value = c.value.actions, p.value = !1, ee.value = !0;
+      f.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 && j();
+      ee.value && X();
     });
-    const M = (v) => {
-      i.current = v, j();
-    }, Z = (v) => {
-      i.pageSize = v, j();
+    const M = (b) => {
+      i.current = b, X();
+    }, Z = (b) => {
+      i.pageSize = b, X();
     };
-    function ae(v, N, R, ce, ve) {
-      switch (v) {
-        case Y.Link:
+    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 A(v, N, R) {
-      switch (v) {
-        case Y.Submit:
-          Yt(N, { filters: [{ key: "approverList", value: w(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+    function x(b, U, R) {
+      switch (b) {
+        case J.Submit:
+          Qt(U, { filters: [{ key: "approverList", value: y(), operator: 2 }] }), c?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
-        case Y.Link:
+        case J.Link:
           o.push({ name: R });
           break;
         default:
-          console.warn("Unknown action type:", v);
+          console.warn("Unknown action type:", b);
       }
     }
-    function w() {
-      return a()?.userInfo?.email_address ?? "";
+    function y() {
+      return r()?.userInfo?.email_address ?? "";
     }
-    function C(v, N) {
-      return typeof v != "string" || v.indexOf("{currentUserEmail}") === -1 ? v : v.replace(/{currentUserEmail}/g, N);
+    function w(b, U) {
+      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, U);
     }
-    function I(v) {
-      const N = c.value?.tabs?.find((R) => R.key === v)?.filters;
-      i.filters = N?.map((R) => ({
+    function V(b) {
+      const U = l.value?.tabs?.find((R) => R.key === b)?.filters;
+      i.filters = U?.map((R) => ({
         ...R,
-        value: C(R.value, w())
-      })) || [], i.current = 1, j();
+        value: w(R.value, y())
+      })) || [], i.current = 1, X();
     }
-    const V = m({}), H = m([]);
-    function O(v) {
-      if (!v) return [];
-      H.value = Object.entries(v).filter(([, N]) => N.isFiltered).map(([N, R]) => ({ fieldKey: N, fieldConfig: R }));
+    const A = m({}), D = m([]);
+    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 = {};
-      H.value.forEach(({ fieldKey: N, fieldConfig: R }) => {
-        v[N] = {}, v[N].value = R.modelValue, v[N].operator = R.operator;
-      }), V.value = v;
+      const b = {};
+      D.value.forEach(({ fieldKey: U, fieldConfig: R }) => {
+        b[U] = {}, b[U].value = R.modelValue, b[U].operator = R.operator;
+      }), A.value = b;
     }, Q = () => {
-      i.current = 1, j();
+      i.current = 1, X();
     }, se = () => {
-      c.value && L(), Q();
+      l.value && L(), Q();
     };
-    function ie(v, N) {
-      return !(v.location !== "InTable" || v.title === "Update" && (N.status === 100 || N.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: x, loadingPage: p, loadingTable: f, actions: b, loadData: j, mounted: ee, pageChangeHandler: M, pageSizeChangeHandler: Z, clickHandler: ae, createHandler: A, getApproverEmail: w, replaceEmail: C, tabHandler: I, searchForm: V, searchableFields: H, mapSearchableFields: O, initSearchForm: L, handleSearch: Q, handleReset: se, judgeHiddenActions: ie, ActionButton: xe, DataWidgets: Oe, TopBar: Te };
+    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;
   }
-}), $o = { class: "list-container" }, Mo = { class: "query-title" };
-function Eo(t, n, a, e, o, l) {
-  const s = k("a-space"), c = k("a-col"), i = k("a-button"), r = k("a-row"), u = k("a-card"), g = k("a-tab-pane"), _ = k("a-tabs"), x = k("a-table");
-  return d(), h("div", $o, [
-    U(e.TopBar, {
+}), Wo = { class: "list-container" }, Go = { class: "query-title" };
+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 ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    U(u, null, {
-      default: y(() => [
-        S("div", Mo, [
-          n[0] || (n[0] = S("h3", null, "Search Conditions", -1)),
-          U(s, { size: "medium" }, {
-            default: y(() => [
-              (d(!0), h($, null, z(e.actions, (p) => (d(), h($, {
-                key: p.title
+    N(u, null, {
+      default: k(() => [
+        h("div", Go, [
+          n[0] || (n[0] = h("h3", null, "Search Conditions", -1)),
+          N(s, { size: "medium" }, {
+            default: k(() => [
+              (d(!0), v(O, null, $(e.actions, (f) => (d(), v(O, {
+                key: f.title
               }, [
-                p.location === "InOperation" ? (d(), D(e.ActionButton, {
+                f.location === "InOperation" ? (d(), F(e.ActionButton, {
                   key: 0,
-                  config: p,
+                  config: f,
                   onClick: e.createHandler
-                }, null, 8, ["config"])) : ne("", !0)
+                }, null, 8, ["config"])) : oe("", !0)
               ], 64))), 128))
             ]),
             _: 1
           })
         ]),
-        U(r, { gutter: [24, 20] }, {
-          default: y(() => [
-            (d(!0), h($, null, z(e.searchableFields, (p) => (d(), D(c, {
-              key: p.fieldKey,
+        N(a, { gutter: [24, 20] }, {
+          default: k(() => [
+            (d(!0), v(O, null, $(e.searchableFields, (f) => (d(), F(l, {
+              key: f.fieldKey,
               span: 6,
               class: "search-col"
             }, {
-              default: y(() => [
-                U(e.DataWidgets, {
-                  name: p.fieldKey,
-                  config: p.fieldConfig,
-                  modelValue: e.searchForm[p.fieldKey].value,
-                  "onUpdate:modelValue": (f) => e.searchForm[p.fieldKey].value = f,
+              default: k(() => [
+                N(e.DataWidgets, {
+                  name: f.fieldKey,
+                  config: f.fieldConfig,
+                  modelValue: e.searchForm[f.fieldKey].value,
+                  "onUpdate:modelValue": (p) => e.searchForm[f.fieldKey].value = p,
                   class: "form-field"
                 }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024))), 128)),
-            U(c, {
+            N(l, {
               span: 6,
               class: "search-col form-buttons"
             }, {
-              default: y(() => [
-                U(s, { size: "medium" }, {
-                  default: y(() => [
-                    U(i, {
+              default: k(() => [
+                N(s, { size: "medium" }, {
+                  default: k(() => [
+                    N(i, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: y(() => n[1] || (n[1] = [
-                        oe(" Search ", -1)
+                      default: k(() => n[1] || (n[1] = [
+                        ne(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
                     }),
-                    U(i, {
+                    N(i, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: y(() => n[2] || (n[2] = [
-                        oe(" Reset ", -1)
+                      default: k(() => n[2] || (n[2] = [
+                        ne(" Reset ", -1)
                       ])),
                       _: 1,
                       __: [2]
@@ -2099,19 +2124,19 @@ function Eo(t, n, a, e, o, l) {
       ]),
       _: 1
     }),
-    U(_, {
+    N(_, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
-      default: y(() => [
-        (d(!0), h($, null, z(e.pageData?.tabs, (p) => (d(), D(g, {
-          key: p.key,
-          title: p.title
+      default: k(() => [
+        (d(!0), v(O, null, $(e.pageData?.tabs, (f) => (d(), F(g, {
+          key: f.key,
+          title: f.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    U(x, {
+    N(S, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2130,18 +2155,18 @@ function Eo(t, n, a, e, o, l) {
       onPageChange: e.pageChangeHandler,
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
-      optional: y(({ record: p }) => [
-        U(s, { size: "small" }, {
-          default: y(() => [
-            (d(!0), h($, null, z(e.actions, (f) => (d(), h($, {
-              key: f.title
+      optional: k(({ record: f }) => [
+        N(s, { size: "small" }, {
+          default: k(() => [
+            (d(!0), v(O, null, $(e.actions, (p) => (d(), v(O, {
+              key: p.title
             }, [
-              e.judgeHiddenActions(f, p) ? (d(), D(e.ActionButton, {
+              e.judgeHiddenActions(p, f) ? (d(), F(e.ActionButton, {
                 key: 0,
-                config: f,
+                config: p,
                 size: "small",
-                onClick: (...b) => e.clickHandler(...b, p.workflowId)
-              }, null, 8, ["config", "onClick"])) : ne("", !0)
+                onClick: (...T) => e.clickHandler(...T, f.workflowId)
+              }, null, 8, ["config", "onClick"])) : oe("", !0)
             ], 64))), 128))
           ]),
           _: 2
@@ -2151,12 +2176,12 @@ function Eo(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const zo = /* @__PURE__ */ J(Oo, [["render", Eo], ["__scopeId", "data-v-639f4f42"], ["__file", "ListView.vue"]]), Yo = {
+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(Mn, 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", lo), t.component("UpdateView", wo), t.component("DetailView", jo), t.component("ListView", zo);
+    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 {
-  Yo as default
+  tr as default
 };
 //# sourceMappingURL=index.es.js.map