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

package/dist/index.es.js

@@ -1,4 +1,4 @@
-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 E, mergeModels as le, useModel as we, resolveComponent as C, createBlock as F, openBlock as d, onMounted as ue, computed as G, withCtx as k, createElementBlock as h, Fragment as O, renderList as M, createVNode as N, nextTick as dt, createTextVNode as ne, inject as me, normalizeStyle as Ye, normalizeClass as Qe, createElementVNode as b, createCommentVNode as oe, toDisplayString as Q, useTemplateRef as He, resolveDynamicComponent as Le, renderSlot as de, reactive as ut, onActivated as ft } from "vue";
 import pt from "axios";
 import { defineStore as mt } from "pinia";
 import { Modal as gt } from "@arco-design/web-vue";
@@ -48,12 +48,12 @@ const vt = mt("main", () => ({
   const e = document.createElement("a"), o = window.URL.createObjectURL(a);
   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() {
@@ -97,7 +97,7 @@ const Ze = async () => {
       e.token = void 0;
     }, (o.data?.expireSeconds ?? 3600) * 1e3), o?.data?.token;
   });
-}, W = async () => {
+}, K = async () => {
   const t = await Ze(), n = Xe();
   return n.defaults.headers.common.Authorization = `Bearer ${t}`, n;
 }, Ne = {
@@ -107,11 +107,11 @@ const Ze = async () => {
   ApproverEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (t) => t.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, G = [];
+}, W = [];
 for (let t = 0; t < 256; ++t)
-  G.push((t + 256).toString(16).slice(1));
+  W.push((t + 256).toString(16).slice(1));
 function St(t, n = 0) {
-  return (G[t[n + 0]] + G[t[n + 1]] + G[t[n + 2]] + G[t[n + 3]] + "-" + G[t[n + 4]] + G[t[n + 5]] + "-" + G[t[n + 6]] + G[t[n + 7]] + "-" + G[t[n + 8]] + G[t[n + 9]] + "-" + G[t[n + 10]] + G[t[n + 11]] + G[t[n + 12]] + G[t[n + 13]] + G[t[n + 14]] + G[t[n + 15]]).toLowerCase();
+  return (W[t[n + 0]] + W[t[n + 1]] + W[t[n + 2]] + W[t[n + 3]] + "-" + W[t[n + 4]] + W[t[n + 5]] + "-" + W[t[n + 6]] + W[t[n + 7]] + "-" + W[t[n + 8]] + W[t[n + 9]] + "-" + W[t[n + 10]] + W[t[n + 11]] + W[t[n + 12]] + W[t[n + 13]] + W[t[n + 14]] + W[t[n + 15]]).toLowerCase();
 }
 let Ue;
 const xt = new Uint8Array(16);
@@ -123,7 +123,7 @@ function At() {
   }
   return Ue(xt);
 }
-const Vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ze = { randomUUID: Vt };
+const Tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ze = { randomUUID: Tt };
 function et(t, n, a) {
   if (ze.randomUUID && !t)
     return ze.randomUUID();
@@ -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, a) {
   const e = {
     pageType: "",
     fields: {},
@@ -174,14 +174,14 @@ 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));
+    } else o.attributeType === "Banner" && (e.banner.title = o.title, n === 0 || n === 5 ? e.banner.subTitle = o.subTitle : e.banner.subTitle = $e(o.subTitle, t.workflowId.propertyValue));
   }), e.tabs && (e.tabs = e.tabs.sort((o, l) => o.order - l.order)), Object.entries(t).forEach(([o, l]) => {
     if (o === "__ClassAttributes" || o === "className" || o === "id" || o === "deleteFlag" || o === "status" || o === "workFlowReason" || n !== 3 && o === "workflowId")
       return;
@@ -204,10 +204,10 @@ function It(t, n, a) {
         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.order || r.Order ? s.order = r.order ?? r.Order : r.attributeType === "UIControl" ? (r.outputText = r.outputText ? JSON.parse(r.outputText) : [], s.widget = {
         ...r,
         column: !0
-      } : r.attributeType === "UIValidationControl" && n !== 3 ? s.widget?.widget !== "CheckBox" && s.validations.push(r) : r.attributeType === "UIListed" ? s.widget = {
+      }) : r.attributeType === "UIValidationControl" && n !== 3 ? s.widget?.widget !== "CheckBox" && s.validations.push(r) : r.attributeType === "UIListed" ? s.widget = {
         ...r,
         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({
@@ -218,11 +218,11 @@ function It(t, n, a) {
   }), 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 l = await (await K()).get(`/General/${n}/${t}/page`, { params: e });
+  return Vt(l?.data, t, a);
+}, It = async (t, n, a) => (await (await K()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
 async function Pt(t, n) {
-  const e = await (await W()).post(`/General/${t}/list`, n);
+  const e = await (await K()).post(`/General/${t}/list`, n);
   return {
     data: e.data.data,
     totalCount: e.data.totalCount
@@ -242,50 +242,50 @@ async function Pt(t, n) {
   };
 }
 async function Nt(t, n, a) {
-  return (await (await W()).post(a, n, {
+  return (await (await K()).post(a, n, {
     params: {
       className: t
     }
   })).data;
 }
 async function Ut(t, n, a, e) {
-  const o = await W(), l = je(e, n);
+  const o = await K(), l = $e(e, n);
   return (await o.put(l, a))?.data;
 }
-function je(t, n) {
+function $e(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) {
-  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;
+  const i = await K();
+  let r = $e(l, n);
+  return r = Dt(r, a), r = Bt(r, e), r = Ft(r, s), r = Ht(r, c), r = Lt(r, t), (await i.put(r, o))?.data;
 }
-async function jt(t, n) {
-  const o = (await (await W()).get(t, { params: { value: n } }))?.data;
+async function $t(t, n) {
+  const o = (await (await K()).get(t, { params: { value: n } }))?.data;
   return Object.entries(o).map(([l, s]) => ({
     value: l,
     label: s
   }));
 }
 async function Ot(t, n) {
-  return (await (await W()).get(`/General/${t}/${n}/process`))?.data;
+  return (await (await K()).get(`/General/${t}/${n}/process`))?.data;
 }
-function $t(t) {
+function jt(t) {
   return {
     uid: t.id ?? et(),
     name: t.attachmentName ?? "unknown",
@@ -293,40 +293,40 @@ function $t(t) {
   };
 }
 async function Mt(t, n) {
-  return (await (await W()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
+  return (await (await K()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
     const { category: c } = s;
-    return l[c] || (l[c] = []), l[c].push($t(s)), l;
+    return l[c] || (l[c] = []), l[c].push(jt(s)), l;
   }, {});
 }
 async function Et(t, n) {
-  return (await W()).post(`/General/${t}/${n}/delete/attachment`);
+  return (await K()).post(`/General/${t}/${n}/delete/attachment`);
 }
 async function zt() {
-  const n = await (await W()).get("/Grading/dropdown/approvers");
+  const n = await (await K()).get("/Grading/dropdown/approvers");
   return Object.entries(n?.data).map(([a, e]) => ({
     label: a,
     value: e
   }));
 }
 async function Kt(t, n) {
-  return await (await W()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
+  return await (await K()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
 }
 async function Wt(t, n, a) {
-  return await (await W()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
+  return await (await K()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
 async function Gt(t) {
-  return (await (await W()).get(`Grading/GetComments/${t}`))?.data;
+  return (await (await K()).get(`Grading/GetComments/${t}`))?.data;
 }
 async function qt(t) {
-  return (await (await W()).get(`Grading/GetAssociator/${t}`))?.data;
+  return (await (await K()).get(`Grading/GetAssociator/${t}`))?.data;
 }
-async function Qt(t) {
-  return await (await W()).delete(`Grading/DeleteAssociator/${t}`);
+async function Yt(t) {
+  return await (await K()).delete(`Grading/DeleteAssociator/${t}`);
 }
-async function Yt(t, n = null) {
-  const e = await (await W()).post(t, n, {
+async function Qt(t, n = null) {
+  const e = await (await K()).post(t, n, {
     responseType: "blob"
   });
   yt(e?.data, "WorkflowData.xlsx");
@@ -343,7 +343,7 @@ const ge = (t, n) => {
 }, Xt = {
   Regex: (t, n) => new RegExp(t).test(n),
   Required: (t, n) => !!n
-}, Zt = /* @__PURE__ */ K({
+}, Zt = /* @__PURE__ */ E({
   __name: "InputText",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -375,15 +375,15 @@ const ge = (t, n) => {
     const r = { props: e, emits: o, model: l, validate: s, inputHandler: c, changeHandler: i };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
-}), J = (t, n) => {
+}), q = (t, n) => {
   const a = t.__vccOpts || t;
   for (const [e, o] of n)
     a[e] = o;
   return a;
 };
 function en(t, n, a, e, o, l) {
-  const s = k("AInput");
-  return d(), D(s, {
+  const s = C("AInput");
+  return d(), F(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     "allow-clear": "",
@@ -392,7 +392,7 @@ function en(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled"]);
 }
-const We = /* @__PURE__ */ J(Zt, [["render", en], ["__file", "InputText.vue"]]), tn = /* @__PURE__ */ K({
+const We = /* @__PURE__ */ q(Zt, [["render", en], ["__file", "InputText.vue"]]), tn = /* @__PURE__ */ E({
   __name: "InputNumber",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -416,9 +416,9 @@ const We = /* @__PURE__ */ J(Zt, [["render", en], ["__file", "InputText.vue"]]),
     const i = (_) => ge(e.validations, _), r = (_) => {
       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({
@@ -432,8 +432,8 @@ const We = /* @__PURE__ */ J(Zt, [["render", en], ["__file", "InputText.vue"]]),
   }
 });
 function nn(t, n, a, e, o, l) {
-  const s = k("AInputNumber");
-  return d(), D(s, {
+  const s = C("AInputNumber");
+  return d(), F(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     clearable: "",
@@ -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__ */ q(tn, [["render", nn], ["__file", "InputNumber.vue"]]), an = /* @__PURE__ */ E({
   __name: "SelectList",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -458,30 +458,30 @@ const on = /* @__PURE__ */ J(tn, [["render", nn], ["__file", "InputNumber.vue"]]
   }),
   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);
+    const e = t, o = a, l = m(!1), s = m(e.config.options ?? []), c = we(t, "modelValue"), i = (S) => ge(e.validations, S), r = G(() => {
+      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 $t(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 };
@@ -489,8 +489,8 @@ const on = /* @__PURE__ */ J(tn, [["render", nn], ["__file", "InputNumber.vue"]]
   }
 });
 function rn(t, n, a, e, o, l) {
-  const s = k("AOption"), c = k("ASelect");
-  return d(), D(c, {
+  const s = C("AOption"), c = C("ASelect");
+  return d(), F(c, {
     "allow-clear": "",
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (i) => e.model = i),
@@ -500,8 +500,8 @@ function 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), h(O, null, M(e._options, (i) => (d(), F(s, {
         key: i.value,
         value: i.value,
         label: i.label
@@ -510,7 +510,7 @@ 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__ */ q(an, [["render", rn], ["__file", "SelectList.vue"]]), sn = /* @__PURE__ */ E({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -525,7 +525,7 @@ const Ge = /* @__PURE__ */ J(an, [["render", rn], ["__file", "SelectList.vue"]])
       if (e.config) {
         const r = e.config.dataSourceProvider;
         if (r) {
-          const g = await (await W()).get(r);
+          const g = await (await K()).get(r);
           l.value = g.data;
         }
       }
@@ -541,13 +541,13 @@ const Ge = /* @__PURE__ */ J(an, [["render", rn], ["__file", "SelectList.vue"]])
   }
 });
 function ln(t, n, a, e, o, l) {
-  const s = k("ACascader"), c = k("ASpace");
-  return d(), D(c, {
+  const s = C("ACascader"), c = C("ASpace");
+  return d(), F(c, {
     direction: "vertical",
     size: "large"
   }, {
-    default: y(() => [
-      U(s, {
+    default: k(() => [
+      N(s, {
         "field-names": e.fieldNames,
         "model-value": a.modelValue,
         options: e._options,
@@ -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__ */ q(sn, [["render", ln], ["__file", "Cascader.vue"]]), dn = /* @__PURE__ */ E({
   __name: "FileUpload",
   props: {
     className: {},
@@ -574,66 +574,66 @@ const cn = /* @__PURE__ */ J(sn, [["render", ln], ["__file", "Cascader.vue"]]),
   setup(t, { expose: n, emit: a }) {
     const e = t, o = a, l = m({});
     ue(async () => {
-      const A = await Ze();
+      const x = await Ze();
       l.value = {
-        Authorization: `Bearer ${A}`
+        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), c = Re(), i = c.apiBase, r = m(null), u = m("");
+    function g(x, y, w) {
+      return x.replace(/{WorkflowId}/g, y).replace(/{ClassName}/g, w);
     }
-    const _ = q(() => {
+    const _ = G(() => {
       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(), r.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);
+    }, j = m([]), Z = (x) => {
+      j.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(() => {
+      submit(x) {
+        return new Promise((y, w) => {
+          r.value ? (e.config.uploadURL && (u.value = x), p.value = y, T.value = w, j.value.length ? dt(() => {
             r.value?.submit();
-          }) : w(A)) : w(A);
+          }) : 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 = [...j.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 };
+    const ae = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: g, action: _, submit: S, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: T, handleUploadSuccess: X, handleUploadError: ee, readyFiles: j, onChange: Z };
     return Object.defineProperty(ae, "__isScriptSetup", { enumerable: !1, value: !0 }), ae;
   }
 });
 function un(t, n, a, e, o, l) {
-  const s = k("a-button"), c = k("a-upload");
-  return d(), D(c, {
+  const s = C("a-button"), c = C("a-upload");
+  return d(), F(c, {
     ref: "uploadRef",
     "default-file-list": e.props.config.files,
     action: e.action,
@@ -646,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__ */ q(dn, [["render", un], ["__file", "FileUpload.vue"]]), pn = /* @__PURE__ */ E({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -691,8 +691,8 @@ const fn = /* @__PURE__ */ J(dn, [["render", un], ["__file", "FileUpload.vue"]])
   }
 });
 function mn(t, n, a, e, o, l) {
-  const s = k("ATextarea");
-  return d(), D(s, {
+  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__ */ q(pn, [["render", mn], ["__file", "TextArea.vue"]]), _n = /* @__PURE__ */ E({
   __name: "CheckBox",
   props: /* @__PURE__ */ le({
     fieldKey: {},
@@ -733,22 +733,22 @@ const gn = /* @__PURE__ */ J(pn, [["render", mn], ["__file", "TextArea.vue"]]),
   }
 });
 function vn(t, n, a, e, o, l) {
-  const s = k("ACheckbox");
-  return d(), D(s, {
+  const s = C("ACheckbox");
+  return d(), F(s, {
     modelValue: e.model,
     "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
     clearable: "",
     disabled: e.props.readonly || e.props.config.Readonly,
     onChange: e.changeHandler
   }, {
-    default: 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) => {
+const bn = /* @__PURE__ */ q(_n, [["render", vn], ["__file", "CheckBox.vue"]]), hn = Symbol("ArcoConfigProvider"), yn = "arco", wn = "$arco", tt = (t) => {
   var n, a, e;
   const o = pe(), l = me(hn, void 0);
   return `${(e = (a = l?.prefixCls) != null ? a : (n = o?.appContext.config.globalProperties[wn]) == null ? void 0 : n.classPrefix) != null ? e : yn}-${t}`;
@@ -761,7 +761,7 @@ var ot = (t, n) => {
     t[a] = e;
   return t;
 };
-const Cn = K({
+const Cn = E({
   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 a = tt("icon"), e = G(() => [a, `${a}-question-circle`, { [`${a}-spin`]: t.spin }]), o = G(() => {
       const s = {};
       return t.size && (s.fontSize = nt(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -807,25 +807,25 @@ function xn(t, n, a, e, o, l) {
     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)
+    b("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
+    b("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
   ]), 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 : "";
     t.component(e + De.name, De);
   }
-}), An = K({
+}), Tn = E({
   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 a = tt("icon"), e = G(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = G(() => {
       const s = {};
       return t.size && (s.fontSize = nt(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -871,24 +871,70 @@ function In(t, n, a, e, o, l) {
     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)
+    b("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);
+    t.component(e + Be.name, Be);
+  }
+}), Nn = /* @__PURE__ */ E({
+  __name: "ToolTip",
+  props: {
+    isVisible: { type: Boolean },
+    outputText: {}
+  },
+  setup(t, { expose: n }) {
+    n();
+    const e = { props: t, get IconQuestionCircle() {
+      return An;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
-}), Pn = /* @__PURE__ */ K({
+}), Un = { class: "list-unstyled" }, Dn = { class: "list-style-square" };
+function Bn(t, n, a, e, o, l) {
+  const s = C("a-tooltip");
+  return e.props.isVisible ? (d(), F(s, {
+    key: 0,
+    "background-color": "#7A00E6"
+  }, {
+    content: k(() => [
+      (d(!0), h(O, null, M(e.props.outputText, (c) => (d(), h("ul", {
+        key: c.title,
+        class: "list-unstyled"
+      }, [
+        b("li", null, [
+          b("b", null, Q(c.title), 1),
+          b("ul", Un, [
+            (d(!0), h(O, null, M(c.items, (i) => (d(), h("li", {
+              key: i.title
+            }, [
+              b("u", null, Q(i.title), 1),
+              b("ul", Dn, [
+                (d(!0), h(O, null, M(i.items, (r) => (d(), h("li", null, Q(r), 1))), 256))
+              ])
+            ]))), 128))
+          ])
+        ])
+      ]))), 128))
+    ]),
+    default: k(() => [
+      N(e.IconQuestionCircle, { class: "icon" })
+    ]),
+    _: 1
+  })) : oe("", !0);
+}
+const at = /* @__PURE__ */ q(Nn, [["render", Bn], ["__scopeId", "data-v-24e35b0b"], ["__file", "ToolTip.vue"]]), Fn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ le({
     config: {},
@@ -904,7 +950,7 @@ const Tn = Object.assign(He, {
   }),
   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(() => {
+    const e = t, o = a, l = we(t, "modelValue"), s = He("widgetRef"), c = G(() => {
       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(""), r = (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: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: g, formatTitle: _, ToolTip: at };
+    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");
+function $n(t, n, a, e, o, l) {
   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)
+    b("div", Hn, [
+      ne(Q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
+      e.props.config.validations.length ? (d(), h("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), {
+    b("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(), h("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 Oe = /* @__PURE__ */ q(Fn, [["render", $n], ["__scopeId", "data-v-30216d05"], ["__file", "index.vue"]]), On = /* @__PURE__ */ E({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1016,20 +1051,20 @@ const Oe = /* @__PURE__ */ J(Pn, [["render", Hn], ["__scopeId", "data-v-9e5e8c37
     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, {
+function jn(t, n, a, e, o, l) {
+  const s = C("AButton");
+  return d(), F(s, {
     loading: a.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__ */ q(On, [["render", jn], ["__file", "SubmitButton.vue"]]), Mn = /* @__PURE__ */ E({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1047,16 +1082,16 @@ const qe = /* @__PURE__ */ J(Bn, [["render", Fn], ["__file", "SubmitButton.vue"]
     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, a, e, o, l) {
+  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__ */ q(Mn, [["render", En], ["__file", "DetailLink.vue"]]), Kn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     config: {},
@@ -1069,50 +1104,50 @@ const jn = /* @__PURE__ */ J(Ln, [["render", Rn], ["__file", "DetailLink.vue"]])
     function l(u, g) {
       o("click", e.config.widget, u, g, e.config.title);
     }
-    const s = q(() => {
+    const s = G(() => {
       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 };
+    }), c = G(() => e.config.widget === J.Submit ? e.config.requestUrl ?? "" : e.config.widget === J.Link ? e.config.redirectUrl ?? "" : ""), i = G(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
     return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
-function $n(t, n, a, e, o, l) {
-  return d(), D(Le(e.curComp), {
+function Wn(t, n, a, e, o, l) {
+  return d(), F(Le(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: a.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__ */ q(Kn, [["render", Wn], ["__file", "index.vue"]]), rt = Symbol("library-router");
 function Ae() {
   const t = me(rt, null);
   return t || _t();
 }
 const st = Symbol("library-triggers");
-function $e() {
+function je() {
   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__ */ E({
   __name: "TopBar",
   props: {
     title: {},
@@ -1124,27 +1159,27 @@ const En = /* @__PURE__ */ K({
     const a = {};
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
-}), 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, a, e, o, l) {
+  const s = C("a-avatar"), c = C("a-popover");
+  return d(), h("div", Yn, [
+    b("div", Qn, [
+      b("div", Jn, Q(a.title), 1),
+      b("div", Xn, Q(a.subTitle), 1)
     ]),
-    S("div", qn, [
-      U(c, { trigger: "click" }, {
-        content: y(() => [
-          S("div", Qn, X(a.email), 1)
+    b("div", Zn, [
+      N(c, { trigger: "click" }, {
+        content: k(() => [
+          b("div", eo, Q(a.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(a.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -1154,7 +1189,7 @@ 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__ */ q(qn, [["render", to], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
 function Me(t) {
   const n = Re(), a = [];
   if (n.fieldsGroup) {
@@ -1163,7 +1198,7 @@ function Me(t) {
       s.length && a.push({ name: l.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;
+    return o.length && a.push({ name: "Grading Review History (For example: re-submit the grading request)", fields: o }), a;
   }
 }
 class Pe {
@@ -1208,7 +1243,7 @@ class Se {
     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({});
@@ -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__ */ E({
   __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 a = Te(), e = Ve(), o = Ae(), l = je(), s = He("dataWidgets"), c = pe(), i = t, r = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1255,103 +1290,103 @@ 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, $]) => (A[D] = $.dependent, A), {}) : [];
     }
-    const p = q(() => r.value?.actions ? [...r.value.actions].reverse() : []), f = m({}), b = m(!1);
+    const f = G(() => r.value?.actions ? [...r.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: a }).build();
+      r.value = await w.getPageData(), u.value = _(r.value.fields), g.value = S(r.value.fields);
+      for (const V in r.value.fields) {
+        if (r.value.fields[V].widget?.widget === "File") {
+          const 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] = r.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, $) {
+      switch (V) {
+        case J.Submit:
           let L = !0;
-          if (s.value?.forEach((Q) => {
-            Q?.validate && (Q.validate() || (L = !1));
+          if (s.value?.forEach((Y) => {
+            Y?.validate && (Y.validate() || (L = !1));
           }), !L) {
             c?.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 Y = await Nt(i.className, { ...p.value, ...g.value }, A), se = s.value?.map((ie) => ie?.submit ? ie.submit(Y.toString()) : Promise.resolve()) || [];
+            await Promise.all(se), T.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${Y.toString()}.`), o.push({ name: "Details", params: { workflowId: Y.toString() } });
           } catch {
-            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), b.value = !1;
+            c?.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 } });
-          } catch (Q) {
-            console.error("Error in link action trigger:", Q);
+            await l[w.eventName || ""]?.(p.value, Z), o.push({ name: D, params: { className: i.className } });
+          } catch (Y) {
+            console.error("Error in link action trigger:", Y);
           }
           break;
         default:
-          console.warn("Unknown action type:", I);
+          console.warn("Unknown action type:", V);
       }
     }
-    const M = [
+    const j = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], Z = m(M);
-    function ae(C, I) {
-      l[C]?.({ fieldValue: I, hiddenFields: Z, formData: f }), r.value && (u.value = _(r.value.fields));
+    ], Z = m(j);
+    function ae(w, V) {
+      l[w]?.({ fieldValue: V, hiddenFields: Z, formData: p }), r.value && (u.value = _(r.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 = G(() => Me(u.value)), y = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: T, getApproverEmail: X, clickHandler: ee, newHiddenFields: j, hiddenFields: Z, changeHandler: ae, groupedFields: x, DataWidgets: Oe, ActionButton: xe, TopBar: Ie };
+    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" }, ao = { class: "page-body" }, ro = { 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, a, e, o, l) {
+  const s = C("a-card"), c = C("a-spin");
+  return d(), h("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, {
+    b("div", ao, [
+      N(c, {
         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(() => [
+          b("div", ro, [
+            b("div", so, [
+              (d(!0), h(O, null, M(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, {
+                default: k(() => [
+                  b("div", io, [
+                    (d(!0), h(O, null, M(i.fields, (r) => (d(), F(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1368,19 +1403,19 @@ function io(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), h("div", oo, [
+            t.$slots.content ? (d(), h("div", lo, [
               de(t.$slots, "content", {}, void 0, !0)
-            ])) : ne("", !0)
+            ])) : oe("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    S("div", ao, [
-      S("div", ro, [
+    b("div", co, [
+      b("div", uo, [
         de(t.$slots, "action", {}, void 0, !0),
-        S("div", so, [
-          (d(!0), h($, null, z(e.reversedActions, (i) => (d(), D(e.ActionButton, {
+        b("div", fo, [
+          (d(!0), h(O, null, M(e.reversedActions, (i) => (d(), F(e.ActionButton, {
             key: i.title,
             loading: e.loading,
             config: i,
@@ -1392,7 +1427,7 @@ function io(t, n, a, e, o, l) {
     ])
   ]);
 }
-const lo = /* @__PURE__ */ J(Jn, [["render", io], ["__scopeId", "data-v-2fce8732"], ["__file", "CreateView.vue"]]), co = /* @__PURE__ */ K({
+const mo = /* @__PURE__ */ q(no, [["render", po], ["__scopeId", "data-v-2fce8732"], ["__file", "CreateView.vue"]]), go = /* @__PURE__ */ E({
   __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 a = Ae(), e = je(), o = Ve(), l = Te(), s = He("dataWidgets"), c = pe(), i = t, r = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1409,102 +1444,102 @@ 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) => !j.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 = G(() => r.value?.actions ? [...r.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: l }).setWorkflowId(i.workflowId).build();
+      r.value = await y.getPageData();
+      const w = await y.getBtnList(), V = await y.getFiles();
+      r.value.actions = r.value.actions?.filter((D) => {
+        const $ = w.find((L) => L.button === D.title);
+        return $ ? $.isShow : !0;
       });
-      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 = r.value.fields.requestType.modelValue;
+      e.Test?.({ fieldValue: A, hiddenFields: j, formData: p }), u.value = _(r.value.fields), g.value = S(r.value.fields);
+      for (const D in r.value.fields) {
+        if (r.value.fields[D].widget?.widget === "File") {
+          const $ = u.value.find((L) => L.fieldKey === D);
+          $ && $.widget && ($.widget.files = V[D] ?? [], $.widget.removeFile = (L) => y.removeFile(L));
         }
-        f.value[H] = r.value.fields[H].modelValue;
+        p.value[D] = r.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 $ = !0;
           if (s.value?.forEach((L) => {
-            L?.validate && (L.validate() || (O = !1));
-          }), !O) {
+            L?.validate && (L.validate() || ($ = !1));
+          }), !$) {
             c?.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), Y = s.value?.map((se) => se?.submit ? se.submit(L.toString()) : Promise.resolve()) || [];
+            await Promise.all(Y), T.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${L.toString()}.`);
           } catch {
-            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), b.value = !1;
+            c?.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, j), a.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));
+    const j = m([]);
+    function Z(y, w) {
+      e[y]?.({ fieldValue: w, hiddenFields: j, formData: p }), r.value && (u.value = _(r.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 ae = G(() => Me(u.value)), x = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: _, genDependentField: S, reversedActions: f, _data: p, loading: T, getApproverEmail: X, clickHandler: ee, hiddenFields: j, changeHandler: Z, groupedFields: ae, DataWidgets: Oe, ActionButton: xe, TopBar: Ie };
+    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, a, e, o, l) {
+  const s = C("a-card"), c = C("a-spin");
+  return d(), h("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, {
+    b("div", vo, [
+      N(c, {
         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(() => [
+          b("div", bo, [
+            b("div", ho, [
+              (d(!0), h(O, null, M(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, {
+                default: k(() => [
+                  b("div", yo, [
+                    (d(!0), h(O, null, M(i.fields, (r) => (d(), F(e.DataWidgets, {
                       key: r.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1521,19 +1556,19 @@ function yo(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), h("div", _o, [
+            t.$slots.content ? (d(), h("div", wo, [
               de(t.$slots, "content", {}, void 0, !0)
-            ])) : ne("", !0)
+            ])) : oe("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    S("div", vo, [
-      S("div", bo, [
+    b("div", ko, [
+      b("div", Co, [
         de(t.$slots, "action", {}, void 0, !0),
-        S("div", ho, [
-          (d(!0), h($, null, z(e.reversedActions, (i) => (d(), D(e.ActionButton, {
+        b("div", So, [
+          (d(!0), h(O, null, M(e.reversedActions, (i) => (d(), F(e.ActionButton, {
             key: i.title,
             loading: e.loading,
             config: i,
@@ -1545,11 +1580,11 @@ function yo(t, n, a, e, o, l) {
     ])
   ]);
 }
-const wo = /* @__PURE__ */ J(co, [["render", yo], ["__scopeId", "data-v-a0ee3911"], ["__file", "UpdateView.vue"]]), ct = Symbol("library-custom-comp");
-function ko() {
+const Ao = /* @__PURE__ */ q(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__ */ E({
   __name: "DetailView",
   props: {
     className: {},
@@ -1557,7 +1592,7 @@ const Co = /* @__PURE__ */ K({
   },
   setup(t, { expose: n }) {
     n();
-    const a = Ie(), e = Ve(), o = $e(), l = Ae(), s = ko(), c = pe(), i = t;
+    const a = Ve(), e = Te(), o = je(), l = Ae(), s = To(), c = pe(), i = t;
     let r;
     const u = m({
       pageType: "",
@@ -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(([z, P]) => (typeof P.modelValue == "boolean" ? P.fieldValue = P.modelValue ? "Yes" : "No" : P.fieldValue = P.modelValue, {
+        fieldKey: z,
         ...P
-      })).filter((E) => E.widget && E.widget.widget !== "Hidden").filter((E) => !w.value.includes(E.fieldKey)) : [];
+      })).filter((z) => z.widget && z.widget.widget !== "Hidden").filter((z) => !y.value.includes(z.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 = G(() => Me(g.value)), f = G(() => u.value?.actions ? [...u.value.actions].reverse() : []), p = m(!0), T = (I, H) => {
+      const z = I.findIndex((P) => P.isCurrent);
+      return I.map((P, re) => {
         const 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,98 +1638,98 @@ 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 re < z || z === -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), j = m(!1), Z = m(!1), ae = m(!1);
+    async function x() {
+      const I = await r.getBtnList();
+      u.value.actions = u.value.actions?.filter((H) => {
+        const z = I.find((P) => P.button === H.title);
+        return z ? z.isShow : !0;
+      }), ee.value = I.find((H) => H.button === "IsGlobal")?.isShow ?? !1, j.value = I.find((H) => H.button === "AssignButton")?.isShow ?? !1, Z.value = I.find((H) => H.button === "AssignList")?.isShow ?? !1, ae.value = I.find((H) => H.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const 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, r = new Pe().setPageActionType(fe.Details).setClassName(i.className).setStore({ svrStore: a, bpmStore: e }).setWorkflowId(i.workflowId).build(), u.value = await r.getPageData();
+      const I = await r.getFiles();
+      se.value = await r.getApprovers(), L.value = await r.getCommentsHistory(), ie.value = await r.getAssociator(), x();
+      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] ?? []);
+          re && re.widget && (re.widget.files = I[P] ?? []);
         }
-      const E = await r.getProcess();
-      j.value = b(E, 0), f.value = !1;
+      const z = await r.getProcess();
+      X.value = T(z, 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() {
+    function A() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function H(T, F, E, P, re) {
+    async function D(I, H, z, P, re) {
       try {
-        switch (F) {
-          case Y.Submit:
-            const { reason: B, ifGlobal: be } = await I(re, { isGlobal: ee.value });
-            f.value = !0;
+        switch (H) {
+          case J.Submit:
+            const { reason: B, ifGlobal: be } = await V(re, { isGlobal: ee.value });
+            p.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;
+            await Rt(i.className, i.workflowId, A(), B, [Number(i.workflowId)], z, ke, be), p.value = !1;
             const he = re === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
-            c?.appContext.config.globalProperties.$notification.success(he), C();
+            c?.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 || ""]?.(), l.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,
+              isShowAssignSelect: j,
               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) {
+    const $ = m(""), L = m([]), Y = m(""), se = m([]), ie = m([]);
+    async function _e(I) {
+      if (!I) {
         c?.appContext.config.globalProperties.$message.error("Please select an approver");
         return;
       }
       await v("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) {
+        await r.assignApprover(I), ie.value = await r.getAssociator(), x(), c?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+      } catch (H) {
+        if (H.status === 409) {
           c?.appContext.config.globalProperties.$notification.error("This user is already an associator");
           return;
         }
         c?.appContext.config.globalProperties.$notification.error("Failed to assign approver");
       }
     }
-    async function v(T, F) {
-      const { Modal: E } = await import("@arco-design/web-vue");
+    async function v(I, H) {
+      const { Modal: z } = await import("@arco-design/web-vue");
       return new Promise((P, re) => {
-        E.confirm({
-          title: T,
-          content: F,
+        z.confirm({
+          title: I,
+          content: H,
           okText: "OK",
           cancelText: "Cancel",
           onOk: () => P(!0),
@@ -1702,186 +1737,176 @@ const Co = /* @__PURE__ */ K({
         });
       });
     }
-    async function N(T) {
+    async function U(I) {
       try {
         await v("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 r.deleteAssociator(I.toString()), ie.value = await r.getAssociator(), c?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
       } catch {
         c?.appContext.config.globalProperties.$notification.error("Failed to delete associator");
       }
     }
     async function R() {
-      if (!O.value.trim()) {
+      if (!$.value.trim()) {
         c?.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 r.addComments($.value.trim()), $.value = "", L.value = await r.getCommentsHistory(), c?.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() {
+    }, set page(I) {
+      r = I;
+    }, pageData: u, _fields: g, genField: _, groupedFields: S, reversedActions: f, loading: p, mapWorkflowSteps: T, steps: X, isGlobal: ee, isShowAssignSelect: j, isShowAssignList: Z, isShowCommentTextArea: ae, reloadButtonList: x, hiddenFields: y, load: w, triggerFn: V, getApproverEmail: A, clickHandler: D, comment: $, commentsHistory: L, selectedApprover: Y, approvers: se, associators: ie, onAssignApprover: _e, confirmDialog: v, onDeleteAssociator: U, onAddComment: R, formatTitle: ce, ActionButton: xe, get IconDownload() {
+      return Pn;
+    }, TopBar: Ie, get formatDate() {
       return Ce;
-    }, get IconQuestionCircle() {
-      return at;
-    } };
+    }, ToolTip: at };
     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" }, $o = {
   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, {
+}, Oo = { class: "page-footer" }, jo = { class: "action-container" }, Mo = { class: "action-buttons" };
+function Eo(t, n, a, e, o, l) {
+  const s = C("a-link"), c = C("a-space"), i = C("a-card");
+  C("a-option"), C("a-select");
+  const r = C("a-button"), u = C("a-list-item"), g = C("a-list"), _ = C("a-textarea"), S = C("a-spin");
+  return d(), h("div", Io, [
+    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, {
+    b("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(() => [
+          b("div", No, [
+            (d(), F(Le(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            b("div", Uo, [
+              (d(!0), h(O, null, M(e.groupedFields, (f) => (d(), F(i, {
                 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(() => [
+                  b("div", Do, [
+                    (d(!0), h(O, null, M(f.fields, (p) => (d(), h("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)
+                      b("div", Bo, [
+                        b("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), h(O, { key: 0 }, M(p.widget.files, (T) => (d(), h("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(c, 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(), h("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(), h("div", Lo, [
+                b("div", Ro, [
+                  n[6] || (n[6] = b("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(r, {
                     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), h(O, null, M(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(), h("div", $o, [
               de(t.$slots, "content", {}, void 0, !0)
-            ])) : ne("", !0)
+            ])) : oe("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    S("div", Bo, [
-      S("div", Fo, [
+    b("div", Oo, [
+      b("div", jo, [
         de(t.$slots, "action", {}, void 0, !0),
-        S("div", Lo, [
-          (d(!0), h($, null, z(e.reversedActions, (f) => (d(), D(e.ActionButton, {
+        b("div", Mo, [
+          (d(!0), h(O, null, M(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__ */ q(Vo, [["render", Eo], ["__scopeId", "data-v-c382c4fa"], ["__file", "DetailView.vue"]]), Ko = /* @__PURE__ */ E({
   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 a = Ve(), e = Te(), o = Ae(), l = pe(), s = t, c = m(), i = ut({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -1899,8 +1924,8 @@ const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431
       filters: []
     });
     function r() {
-      const v = Object.entries(V.value).filter(([, { value: N }]) => N && N !== "").map(([N, { value: R, operator: ce }]) => ({
-        key: N,
+      const v = Object.entries(A.value).filter(([, { value: U }]) => U && U !== "").map(([U, { value: R, operator: ce }]) => ({
+        key: U,
         value: R,
         operator: ce
         // 根据实际需要调整操作符
@@ -1915,12 +1940,12 @@ const jo = /* @__PURE__ */ J(Co, [["render", Ro], ["__scopeId", "data-v-f3f30431
         }]
       };
     }
-    const u = q(() => ({
-      x: x.value.length * 150 + 250
+    const u = G(() => ({
+      x: S.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), g = (v) => {
-      const N = Object.entries(v).filter(([, R]) => R.widget?.column).map(([R, ce], ve) => ({
+      const U = Object.entries(v).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;
+      }), S.value = U;
+    }, _ = m([]), S = m([]), f = m(!0), p = m(!0), T = m(), X = async () => {
+      p.value = !0;
       const v = await Pt(s.className, r());
-      _.value = v.data, i.total = v.totalCount, f.value = !1;
+      _.value = v.data, i.total = v.totalCount, p.value = !1;
     }, ee = m(!1);
     ue(async () => {
-      p.value = !0;
+      f.value = !0;
       const v = new Pe().setPageActionType(fe.List).setClassName(s.className).setStore({ svrStore: a, bpmStore: e }).build();
-      c.value = await v.getPageData(), g(c.value.fields), O(c.value.fields), L(), I(c.value?.tabs?.[0]?.key || ""), b.value = c.value.actions, p.value = !1, ee.value = !0;
+      c.value = await v.getPageData(), g(c.value.fields), $(c.value.fields), L(), V(c.value?.tabs?.[0]?.key || ""), T.value = c.value.actions, f.value = !1, ee.value = !0;
     }), ft(() => {
-      ee.value && j();
+      ee.value && X();
     });
-    const M = (v) => {
-      i.current = v, j();
+    const j = (v) => {
+      i.current = v, X();
     }, Z = (v) => {
-      i.pageSize = v, j();
+      i.pageSize = v, X();
     };
-    function ae(v, N, R, ce, ve) {
+    function ae(v, U, R, ce, ve) {
       switch (v) {
-        case Y.Link:
+        case J.Link:
           o.push({ name: R, params: { workflowId: ve } });
           break;
         default:
           console.warn("Unknown action type:", v);
       }
     }
-    function A(v, N, R) {
+    function x(v, U, R) {
       switch (v) {
-        case Y.Submit:
-          Yt(N, { filters: [{ key: "approverList", value: w(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+        case J.Submit:
+          Qt(U, { filters: [{ key: "approverList", value: y(), operator: 2 }] }), l?.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);
       }
     }
-    function w() {
+    function y() {
       return a()?.userInfo?.email_address ?? "";
     }
-    function C(v, N) {
-      return typeof v != "string" || v.indexOf("{currentUserEmail}") === -1 ? v : v.replace(/{currentUserEmail}/g, N);
+    function w(v, U) {
+      return typeof v != "string" || v.indexOf("{currentUserEmail}") === -1 ? v : v.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(v) {
+      const U = c.value?.tabs?.find((R) => R.key === v)?.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) {
+    const A = m({}), D = m([]);
+    function $(v) {
       if (!v) return [];
-      H.value = Object.entries(v).filter(([, N]) => N.isFiltered).map(([N, R]) => ({ fieldKey: N, fieldConfig: R }));
+      D.value = Object.entries(v).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;
-    }, Q = () => {
-      i.current = 1, j();
+      D.value.forEach(({ fieldKey: U, fieldConfig: R }) => {
+        v[U] = {}, v[U].value = R.modelValue, v[U].operator = R.operator;
+      }), A.value = v;
+    }, Y = () => {
+      i.current = 1, X();
     }, se = () => {
-      c.value && L(), Q();
+      c.value && L(), Y();
     };
-    function ie(v, N) {
-      return !(v.location !== "InTable" || v.title === "Update" && (N.status === 100 || N.status === -1));
+    function ie(v, U) {
+      return !(v.location !== "InTable" || v.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: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: g, _data: _, _columns: S, loadingPage: f, loadingTable: p, actions: T, loadData: X, mounted: ee, pageChangeHandler: j, pageSizeChangeHandler: Z, clickHandler: ae, createHandler: x, getApproverEmail: y, replaceEmail: w, tabHandler: V, searchForm: A, searchableFields: D, mapSearchableFields: $, initSearchForm: L, handleSearch: Y, handleReset: se, judgeHiddenActions: ie, ActionButton: xe, DataWidgets: Oe, TopBar: Ie };
     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, a, e, o, l) {
+  const s = C("a-space"), c = C("a-col"), i = C("a-button"), r = C("a-row"), u = C("a-card"), g = C("a-tab-pane"), _ = C("a-tabs"), S = C("a-table");
+  return d(), h("div", Wo, [
+    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(() => [
+        b("div", Go, [
+          n[0] || (n[0] = b("h3", null, "Search Conditions", -1)),
+          N(s, { size: "medium" }, {
+            default: k(() => [
+              (d(!0), h(O, null, M(e.actions, (f) => (d(), h(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(r, { gutter: [24, 20] }, {
+          default: k(() => [
+            (d(!0), h(O, null, M(e.searchableFields, (f) => (d(), F(c, {
+              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(c, {
               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), h(O, null, M(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), h(O, null, M(e.actions, (p) => (d(), h(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__ */ q(Ko, [["render", qo], ["__scopeId", "data-v-639f4f42"], ["__file", "ListView.vue"]]), ta = {
   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(rt, n.router), n.pinia && t.provide(Gn, n.pinia), n.useBpmStore && t.provide(it, n.useBpmStore), n.useSvrStore && t.provide(lt, n.useSvrStore), n.triggers && t.provide(st, n.triggers), n.customComps && t.provide(ct, n.customComps), t.component("CreateView", mo), t.component("UpdateView", Ao), t.component("DetailView", zo), t.component("ListView", Yo);
   }
 };
 export {
-  Yo as default
+  ta as default
 };
 //# sourceMappingURL=index.es.js.map