@chase-shao/vue-component-lib 1.2.107 → 1.2.109

package/dist/index.es.js

@@ -1,20 +1,20 @@
-import { ref as m, getCurrentInstance as me, inject as ye, defineComponent as z, mergeModels as ce, useModel as Ce, resolveComponent as V, createBlock as D, openBlock as u, onMounted as ge, computed as K, withCtx as x, createElementBlock as _, Fragment as $, renderList as M, createVNode as R, nextTick as _t, createTextVNode as ae, normalizeStyle as Xe, normalizeClass as Ze, createElementVNode as y, createCommentVNode as re, toDisplayString as Q, useTemplateRef as Ae, resolveDynamicComponent as je, renderSlot as ue, reactive as vt, onActivated as bt } from "vue";
+import { ref as g, getCurrentInstance as me, inject as be, defineComponent as q, mergeModels as ce, useModel as Se, resolveComponent as x, createBlock as H, openBlock as u, onMounted as ge, computed as z, withCtx as C, createElementBlock as v, Fragment as j, renderList as W, createVNode as F, nextTick as vt, createElementVNode as w, createTextVNode as ae, toDisplayString as G, normalizeStyle as Xe, normalizeClass as et, createCommentVNode as se, useTemplateRef as Ae, resolveDynamicComponent as Me, renderSlot as ue, reactive as ht, onActivated as bt } from "vue";
 import yt from "axios";
-import { defineStore as ht } from "pinia";
-import { useRouter as wt } from "vue-router";
-import { Modal as kt } from "@arco-design/web-vue";
-const et = ht("main", () => {
-  const t = m(void 0), o = m(null);
+import { defineStore as wt } from "pinia";
+import { useRouter as kt } from "vue-router";
+import { Modal as St } from "@arco-design/web-vue";
+const tt = wt("main", () => {
+  const t = g(void 0), o = g(null);
   return {
     token: t,
     error: o
   };
-}), Ct = async (t) => new Promise((o) => setTimeout(o, t)), St = async (t, o, n, e = void 0) => {
+}), Ct = async (t) => new Promise((o) => setTimeout(o, t)), xt = async (t, o, n, e = void 0) => {
   if (t[o] === void 0)
     try {
       t[o] = null, t[o] = await n() || e;
-    } catch (r) {
-      console.error(r), t[o] = void 0;
+    } catch (a) {
+      console.error(a), t[o] = void 0;
     }
   for (; t[o] === null; )
     await Ct(100);
@@ -22,7 +22,7 @@ const et = ht("main", () => {
 }, ke = (t) => {
   const o = `0${t}`;
   return o.substring(o.length - 2);
-}, Ve = (t, o = "yyyy-MM-dd hh:mm:ss") => {
+}, Te = (t, o = "yyyy-MM-dd hh:mm:ss") => {
   if (!t || typeof t == "string" && t.length === 0)
     return "";
   try {
@@ -40,48 +40,48 @@ const et = ht("main", () => {
       ["ss", ke(n.getSeconds())],
       ["s", n.getSeconds()]
     ];
-    for (const [r, a] of e)
-      o = o.replace(r, a);
+    for (const [a, r] of e)
+      o = o.replace(a, r);
     return o;
   } catch {
     return t.toLocaleString();
   }
-}, xt = (t, o) => {
+}, Tt = (t, o) => {
   let n;
   t instanceof Blob ? n = t : n = new Blob([t]);
-  const e = document.createElement("a"), r = window.URL.createObjectURL(n);
-  e.href = r, e.download = o, e.click(), window.URL.revokeObjectURL(r);
+  const e = document.createElement("a"), a = window.URL.createObjectURL(n);
+  e.href = a, e.download = o, e.click(), window.URL.revokeObjectURL(a);
 };
-let Oe = {};
+let $e = {};
 function Vt(t) {
-  Oe = { ...Oe, ...t };
+  $e = { ...$e, ...t };
 }
-function Me() {
-  return Oe;
+function je() {
+  return $e;
 }
-const tt = Symbol("library-router");
-let $e = null;
-function Tt(t) {
-  $e = t ?? null;
+const ot = Symbol("library-router");
+let Oe = null;
+function At(t) {
+  Oe = t ?? null;
 }
 function ve() {
   if (me()) {
-    const o = ye(tt, null);
-    return o || wt();
+    const o = be(ot, null);
+    return o || kt();
   }
-  if ($e)
-    return $e;
+  if (Oe)
+    return Oe;
   throw new Error("Router is unavailable. Pass router when installing the plugin before using useLibraryRouter outside setup().");
 }
-const ot = me();
-function nt() {
-  const t = Me();
+const nt = me();
+function rt() {
+  const t = je();
   return {
     apiBase: t.apiBase || void 0 || "",
     appSecret: t.appSecret || void 0 || ""
   };
 }
-function At(t) {
+function It(t) {
   if (!t?.data?.statusCode)
     return t;
   switch (t.data.statusCode) {
@@ -89,81 +89,81 @@ function At(t) {
       return t.data.data = t.data.result, t.data;
     case 0:
     default:
-      return ot?.appContext.config.globalProperties.$notification.error(t.data.msg), null;
+      return nt?.appContext.config.globalProperties.$notification.error(t.data.msg), null;
   }
 }
-const It = (t) => {
+const Pt = (t) => {
   if (t.response) {
     if (t.response.status !== 400) {
       if (t.response.status === 401)
         ve().push("/error/401");
       else if (t.response.status >= 500) {
-        const o = et();
+        const o = tt();
         o.error = t, ve().push("/error/500");
       }
     }
   } else t.request ? console.error("error with request", t.request) : console.error("Error", t.message);
-  t.message.includes("timeout") && ot?.appContext.config.globalProperties.$notification.error("请求超时，请检查网络");
+  t.message.includes("timeout") && nt?.appContext.config.globalProperties.$notification.error("请求超时，请检查网络");
 };
 function at() {
-  const { apiBase: t } = nt(), o = yt.create({
+  const { apiBase: t } = rt(), o = yt.create({
     baseURL: t,
     timeout: 20 * 1e3,
     // 20s
     // headers: { 'Content-Type': 'application/json' },
     withCredentials: !0
   });
-  return o.interceptors.response.use(At, It), o;
+  return o.interceptors.response.use(It, Pt), o;
 }
-const rt = async () => {
-  const { apiBase: t, appSecret: o } = nt(), n = at(), e = et();
-  return await St(e, "token", async () => {
-    const r = await n.post(`${t}/GenerateToken`, {
+const st = async () => {
+  const { apiBase: t, appSecret: o } = rt(), n = at(), e = tt();
+  return await xt(e, "token", async () => {
+    const a = await n.post(`${t}/GenerateToken`, {
       appid: "bpm",
       appsecret: o
     });
-    return r?.data?.token && setTimeout(() => {
+    return a?.data?.token && setTimeout(() => {
       e.token = void 0;
-    }, (r.data?.expireSeconds ?? 3600) * 1e3), r?.data?.token;
+    }, (a.data?.expireSeconds ?? 3600) * 1e3), a?.data?.token;
   });
-}, q = async () => {
-  const t = await rt(), o = at();
+}, Q = async () => {
+  const t = await st(), o = at();
   return o.defaults.headers.common.Authorization = `Bearer ${t}`, o;
-}, De = {
+}, Be = {
   CurrentUserEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   CurrentUserPositionCode: (t) => t.bpmStore()?.positionCode ?? 888,
   CurrentDatetime: () => (/* @__PURE__ */ new Date()).toISOString(),
   ApproverEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (t) => t.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, Y = [];
+}, J = [];
 for (let t = 0; t < 256; ++t)
-  Y.push((t + 256).toString(16).slice(1));
-function Pt(t, o = 0) {
-  return (Y[t[o + 0]] + Y[t[o + 1]] + Y[t[o + 2]] + Y[t[o + 3]] + "-" + Y[t[o + 4]] + Y[t[o + 5]] + "-" + Y[t[o + 6]] + Y[t[o + 7]] + "-" + Y[t[o + 8]] + Y[t[o + 9]] + "-" + Y[t[o + 10]] + Y[t[o + 11]] + Y[t[o + 12]] + Y[t[o + 13]] + Y[t[o + 14]] + Y[t[o + 15]]).toLowerCase();
+  J.push((t + 256).toString(16).slice(1));
+function Ft(t, o = 0) {
+  return (J[t[o + 0]] + J[t[o + 1]] + J[t[o + 2]] + J[t[o + 3]] + "-" + J[t[o + 4]] + J[t[o + 5]] + "-" + J[t[o + 6]] + J[t[o + 7]] + "-" + J[t[o + 8]] + J[t[o + 9]] + "-" + J[t[o + 10]] + J[t[o + 11]] + J[t[o + 12]] + J[t[o + 13]] + J[t[o + 14]] + J[t[o + 15]]).toLowerCase();
 }
-let Be;
+let De;
 const Nt = new Uint8Array(16);
-function Ft() {
-  if (!Be) {
+function Ut() {
+  if (!De) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    Be = crypto.getRandomValues.bind(crypto);
+    De = crypto.getRandomValues.bind(crypto);
   }
-  return Be(Nt);
+  return De(Nt);
 }
 const Rt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ge = { randomUUID: Rt };
-function st(t, o, n) {
+function it(t, o, n) {
   if (Ge.randomUUID && !t)
     return Ge.randomUUID();
   t = t || {};
-  const e = t.random ?? t.rng?.() ?? Ft();
+  const e = t.random ?? t.rng?.() ?? Ut();
   if (e.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, Pt(e);
+  return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, Ft(e);
 }
-var X = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(X || {}), be = /* @__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))(be || {});
-function Ut(t, o, n) {
+var X = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(X || {}), he = /* @__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))(he || {});
+function Bt(t, o, n) {
   const e = {
     pageType: "",
     fields: {},
@@ -180,59 +180,59 @@ function Ut(t, o, n) {
       workflowId: ""
     }
   };
-  t.__ClassAttributes?.forEach((a) => {
-    if (a.attributeType === "UIPageType")
-      e.pageType = a.Type;
-    else if (a.attributeType === "UIValidationControl")
+  t.__ClassAttributes?.forEach((r) => {
+    if (r.attributeType === "UIPageType")
+      e.pageType = r.Type;
+    else if (r.attributeType === "UIValidationControl")
       e.globalValidations.push({
-        rule: a.ruleName,
-        errorMessage: a.errorMessage,
-        param: a.ruleParameter,
-        appliesTo: a.propertyNames || ["*"]
+        rule: r.ruleName,
+        errorMessage: r.errorMessage,
+        param: r.ruleParameter,
+        appliesTo: r.propertyNames || ["*"]
       });
-    else if (a.attributeType === "UIControl") {
-      const i = a.showToRoles.split(",").map((c) => c.trim()), l = n.bpmStore().employeeInfo.roleList.some((c) => i.includes(c.name)) || a.showToRoles === "";
-      if (a.widget === "Tab") {
+    else if (r.attributeType === "UIControl") {
+      const i = r.showToRoles.split(",").map((c) => c.trim()), l = n.bpmStore().employeeInfo.roleList.some((c) => i.includes(c.name)) || r.showToRoles === "";
+      if (r.widget === "Tab") {
         e.tabs || (e.tabs = []), l && e.tabs.push({
-          key: st(),
-          title: a.title,
-          filters: a.filters ? JSON.parse(a.filters) : [],
-          order: a.order
+          key: it(),
+          title: r.title,
+          filters: r.filters ? JSON.parse(r.filters) : [],
+          order: r.order
         });
         return;
       }
       if (e.actions || (e.actions = []), l) {
-        if (a.title === "Re-Submit" && t.status.propertyValue !== -1)
+        if (r.title === "Re-Submit" && t.status.propertyValue !== -1)
           return;
         e.actions.push({
-          isSubmit: a.isSubmit,
-          requestUrl: a.requestUrl,
-          redirectUrl: a.redirectUrl,
-          redirectType: a.redirectType,
-          title: a.title,
-          widget: a.widget === "Link" ? X.Link : a.widget === "Submit" ? X.Submit : X.Button,
-          location: a.location,
-          attributeType: a.attributeType,
-          readonly: a.readonly,
-          eventName: a.eventName
+          isSubmit: r.isSubmit,
+          requestUrl: r.requestUrl,
+          redirectUrl: r.redirectUrl,
+          redirectType: r.redirectType,
+          title: r.title,
+          widget: r.widget === "Link" ? X.Link : r.widget === "Submit" ? X.Submit : X.Button,
+          location: r.location,
+          attributeType: r.attributeType,
+          readonly: r.readonly,
+          eventName: r.eventName
         });
       }
-    } else a.attributeType === "Banner" && (e.banner.title = a.title, o === 0 || o === 5 ? e.banner.subTitle = a.subTitle : e.banner.subTitle = Ee(a.subTitle, t.workflowId.propertyValue));
-  }), e.tabs && (e.tabs = e.tabs.sort((a, i) => a.order - i.order));
-  const r = {
+    } else r.attributeType === "Banner" && (e.banner.title = r.title, o === 0 || o === 5 ? e.banner.subTitle = r.subTitle : e.banner.subTitle = ze(r.subTitle, t.workflowId.propertyValue));
+  }), e.tabs && (e.tabs = e.tabs.sort((r, i) => r.order - i.order));
+  const a = {
     id: "",
     deleteFlag: "",
     status: "",
     workFlowReason: "",
     workflowId: ""
   };
-  return Object.entries(t).forEach(([a, i]) => {
-    if (a === "__ClassAttributes" || a === "className") return;
-    if (a === "id" || a === "deleteFlag" || a === "status" || a === "workFlowReason") {
-      r[a] = i.propertyValue;
+  return Object.entries(t).forEach(([r, i]) => {
+    if (r === "__ClassAttributes" || r === "className") return;
+    if (r === "id" || r === "deleteFlag" || r === "status" || r === "workFlowReason") {
+      a[r] = i.propertyValue;
       return;
     }
-    if (o !== 3 && a === "workflowId")
+    if (o !== 3 && r === "workflowId")
       return;
     const l = {
       validations: [],
@@ -252,26 +252,26 @@ function Ut(t, o, n) {
         l.modelValue = s;
         break;
     }
-    a === "onBehalf" && o === 0 && (l.modelValue = De.CurrentUserEmail(n)), (o === 1 || o === 5) && (a === "directReports" || a === "employeesInTheTeam") && l.modelValue && (l.modelValue = Number(l.modelValue)), c?.forEach((d) => {
+    r === "onBehalf" && o === 0 && (l.modelValue = Be.CurrentUserEmail(n)), (o === 1 || o === 5) && (r === "directReports" || r === "employeesInTheTeam") && l.modelValue && (l.modelValue = Number(l.modelValue)), c?.forEach((d) => {
       d.order || d.Order ? l.order = d.order ?? d.Order : d.attributeType === "UIControl" ? (d.outputText = d.outputText ? JSON.parse(d.outputText) : [], l.widget = {
         ...d,
         column: !0
       }) : d.attributeType === "UIValidationControl" && o !== 3 ? l.widget?.widget !== "CheckBox" && l.validations.push(d) : d.attributeType === "UIListed" ? l.widget = {
         ...d,
         column: !0
-      } : d.attributeType === "UIFiltered" ? (l.isFiltered = !0, l.operator = d.operatorType) : d.dependentType ? l.dependent = De[d.dependentType] ? De[d.dependentType](n) : "" : d.eventType === "Change" && l.triggers?.push({
+      } : d.attributeType === "UIFiltered" ? (l.isFiltered = !0, l.operator = d.operatorType) : d.dependentType ? l.dependent = Be[d.dependentType] ? Be[d.dependentType](n) : "" : d.eventType === "Change" && l.triggers?.push({
         event: "change",
         handlerName: d.eventName
       });
-    }), e.fields[a] = l;
-  }), e.pageFields = r, e;
+    }), e.fields[r] = l;
+  }), e.pageFields = a, e;
 }
 const qe = async (t, o, n, e) => {
-  const a = await (await q()).get(`/General/${o}/${t}/page`, { params: e });
-  return Ut(a?.data, t, n);
-}, Dt = async (t, o, n) => (await (await q()).post(`/${o}/${t}/button/List`, null, { params: n }))?.data;
-async function Bt(t, o) {
-  const e = await (await q()).post(`/General/${t}/list`, o);
+  const r = await (await Q()).get(`/General/${o}/${t}/page`, { params: e });
+  return Bt(r?.data, t, n);
+}, Dt = async (t, o, n) => (await (await Q()).post(`/${o}/${t}/button/List`, null, { params: n }))?.data;
+async function Lt(t, o) {
+  const e = await (await Q()).post(`/General/${t}/list`, o);
   return {
     data: e.data.data,
     totalCount: e.data.totalCount
@@ -290,109 +290,109 @@ async function Bt(t, o) {
     // ),
   };
 }
-async function Lt(t, o, n) {
-  return (await (await q()).post(n, o, {
+async function Ht(t, o, n) {
+  return (await (await Q()).post(n, o, {
     params: {
       className: t
     }
   })).data;
 }
-async function Ht(t, o, n, e) {
-  const r = await q(), a = Ee(e, o);
-  return (await r.put(a, n))?.data;
+async function $t(t, o, n, e) {
+  const a = await Q(), r = ze(e, o);
+  return (await a.put(r, n))?.data;
 }
-function Ee(t, o) {
+function ze(t, o) {
   return t.replace(/{WorkflowId}/g, encodeURIComponent(o));
 }
 function Ot(t, o) {
   return t.replace(/{ApproverEmail}/g, encodeURIComponent(o));
 }
-function $t(t, o) {
+function Mt(t, o) {
   return t.replace(/{WorkFlowReason}/g, encodeURIComponent(o));
 }
 function jt(t, o) {
   return t.replace(/{Status}/g, o);
 }
-function Mt(t, o) {
+function zt(t, o) {
   return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, o);
 }
 function Et(t, o) {
   return t.replace(/{ClassName}/g, encodeURIComponent(o));
 }
-async function Kt(t, o, n, e, r, a, i, l) {
-  const c = await q();
-  let s = Ee(r, o);
-  return s = Ot(s, n), s = $t(s, e), s = jt(s, a), s = Mt(s, i), s = Et(s, t), (await c.put(s, l))?.data;
+async function Kt(t, o, n, e, a, r, i, l) {
+  const c = await Q();
+  let s = ze(a, o);
+  return s = Ot(s, n), s = Mt(s, e), s = jt(s, r), s = zt(s, i), s = Et(s, t), (await c.put(s, l))?.data;
 }
-async function zt(t, o) {
-  const r = (await (await q()).get(t, { params: { value: o } }))?.data;
-  return Object.entries(r).map(([a, i]) => ({
-    value: a,
+async function Wt(t, o) {
+  const a = (await (await Q()).get(t, { params: { value: o } }))?.data;
+  return Object.entries(a).map(([r, i]) => ({
+    value: r,
     label: i
   }));
 }
-async function Wt(t, o) {
-  return (await (await q()).get(`/General/${t}/${o}/process`))?.data;
+async function Gt(t, o) {
+  return (await (await Q()).get(`/General/${t}/${o}/process`))?.data;
 }
-function Gt(t) {
+function qt(t) {
   return {
-    uid: t.id ?? st(),
+    uid: t.id ?? it(),
     name: t.attachmentName ?? "unknown",
     url: t.attachmentKey ?? ""
   };
 }
-async function qt(t, o) {
-  return (await (await q()).get(`/General/${t}/${o}/upload/get`))?.data.reduce((a, i) => {
+async function Yt(t, o) {
+  return (await (await Q()).get(`/General/${t}/${o}/upload/get`))?.data.reduce((r, i) => {
     const { category: l } = i;
-    return a[l] || (a[l] = []), a[l].push(Gt(i)), a;
+    return r[l] || (r[l] = []), r[l].push(qt(i)), r;
   }, {});
 }
-async function Yt(t, o) {
-  return (await q()).post(`/General/${t}/${o}/delete/attachment`);
+async function Qt(t, o) {
+  return (await Q()).post(`/General/${t}/${o}/delete/attachment`);
 }
-async function Qt() {
-  const o = await (await q()).get("/Grading/dropdown/approvers");
+async function Jt() {
+  const o = await (await Q()).get("/Grading/dropdown/approvers");
   return Object.entries(o?.data).map(([n, e]) => ({
     label: n,
     value: e
   }));
 }
-async function Jt(t, o) {
-  return await (await q()).post(`Grading/AssignComments/${t}/${encodeURIComponent(o)}`);
+async function Zt(t, o) {
+  return await (await Q()).post(`Grading/AssignComments/${t}/${encodeURIComponent(o)}`);
 }
 async function Xt(t, o, n) {
-  return await (await q()).post(`Grading/AddComments/${t}/${encodeURIComponent(o)}`, n, {
+  return await (await Q()).post(`Grading/AddComments/${t}/${encodeURIComponent(o)}`, n, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
-async function Zt(t) {
-  return (await (await q()).get(`Grading/GetComments/${t}`))?.data;
-}
 async function eo(t) {
-  return (await (await q()).get(`Grading/GetAssociator/${t}`))?.data;
+  return (await (await Q()).get(`Grading/GetComments/${t}`))?.data;
 }
 async function to(t) {
-  return await (await q()).delete(`Grading/DeleteAssociator/${t}`);
+  return (await (await Q()).get(`Grading/GetAssociator/${t}`))?.data;
 }
-async function oo(t, o = null) {
-  const e = await (await q()).post(t, o, {
+async function oo(t) {
+  return await (await Q()).delete(`Grading/DeleteAssociator/${t}`);
+}
+async function no(t, o = null) {
+  const e = await (await Q()).post(t, o, {
     responseType: "blob"
   });
-  xt(e?.data, "WorkflowData.xlsx");
+  Tt(e?.data, "WorkflowData.xlsx");
 }
-const he = (t, o) => {
+const ye = (t, o) => {
   let n = "";
-  return { res: t.every((r) => {
-    const a = no(r, o);
-    return a || (n = r.errorMessage), a;
+  return { res: t.every((a) => {
+    const r = ro(a, o);
+    return r || (n = a.errorMessage), r;
   }), errorMessages: n };
-}, no = (t, o) => {
+}, ro = (t, o) => {
   const { ruleName: n, ruleParameter: e } = t;
   return ao[n](e, o);
 }, ao = {
   Regex: (t, o) => new RegExp(t).test(o),
   Required: (t, o) => !!o
-}, ro = /* @__PURE__ */ z({
+}, so = /* @__PURE__ */ q({
   __name: "InputText",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -407,41 +407,43 @@ const he = (t, o) => {
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = Ce(t, "modelValue"), i = (d) => he(e.validations, d), l = (d) => {
-      r("input", d);
+    const e = t, a = n, r = Se(t, "modelValue"), i = (d) => ye(e.validations, d), l = (d) => {
+      a("input", d);
     }, c = (d) => {
-      const g = i(d);
-      r("error", g.res ? "" : g.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((v) => {
-        v.event === "change" && r(v.event, v.handlerName, d);
+      const _ = i(d);
+      a("error", _.res ? "" : _.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((h) => {
+        h.event === "change" && a(h.event, h.handlerName, d);
       });
     };
     o({
       validate() {
         const d = i(e.modelValue);
-        return r("error", d.res ? "" : d.errorMessages), d.res;
+        return a("error", d.res ? "" : d.errorMessages), d.res;
       }
     });
-    const s = { props: e, emits: r, model: a, validate: i, inputHandler: l, changeHandler: c };
+    const s = { props: e, emits: a, model: r, validate: i, inputHandler: l, changeHandler: c };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
-}), J = (t, o) => {
+}), Z = (t, o) => {
   const n = t.__vccOpts || t;
-  for (const [e, r] of o)
-    n[e] = r;
+  for (const [e, a] of o)
+    n[e] = a;
   return n;
 };
-function so(t, o, n, e, r, a) {
-  const i = V("AInput");
-  return u(), D(i, {
+function io(t, o, n, e, a, r) {
+  const i = x("AInput");
+  return u(), H(i, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     "allow-clear": "",
-    disabled: e.props.readonly || e.props.config.Readonly,
+    "show-word-limit": "",
+    disabled: e.props.config.readonly,
+    "max-length": e.props.config.maxLength,
     onInput: e.inputHandler,
     onChange: e.changeHandler
-  }, null, 8, ["modelValue", "disabled"]);
+  }, null, 8, ["modelValue", "disabled", "max-length"]);
 }
-const Ye = /* @__PURE__ */ J(ro, [["render", so], ["__file", "InputText.vue"]]), io = /* @__PURE__ */ z({
+const Ye = /* @__PURE__ */ Z(so, [["render", io], ["__file", "InputText.vue"]]), lo = /* @__PURE__ */ q({
   __name: "InputNumber",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -456,43 +458,45 @@ const Ye = /* @__PURE__ */ J(ro, [["render", so], ["__file", "InputText.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = Ce(t, "modelValue"), i = m(100), l = m(1);
+    const e = t, a = n, r = Se(t, "modelValue"), i = g(e.config.maxLength ?? 100), l = g(1);
     ge(() => {
-      e.validations && e.validations.forEach((v) => {
-        v.ruleName === "Max" && (i.value = v.ruleParameter), v.ruleName === "Min" && (l.value = v.ruleParameter);
+      e.validations && e.validations.forEach((h) => {
+        h.ruleName === "Max" && (i.value = h.ruleParameter), h.ruleName === "Min" && (l.value = h.ruleParameter);
       });
     });
-    const c = (v) => he(e.validations, v), s = (v) => {
-      r("input", v);
-    }, d = (v) => {
-      const b = c(v);
-      r("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        f.event === "change" && r(f.event, f.handlerName, v);
+    const c = (h) => ye(e.validations, h), s = (h) => {
+      a("input", h);
+    }, d = (h) => {
+      const y = c(h);
+      a("error", y.res ? "" : y.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
+        f.event === "change" && a(f.event, f.handlerName, h);
       });
     };
     o({
       validate() {
-        const v = c(e.modelValue);
-        return r("error", v.res ? "" : v.errorMessages), v.res;
+        const h = c(e.modelValue);
+        return a("error", h.res ? "" : h.errorMessages), h.res;
       }
     });
-    const g = { props: e, emits: r, model: a, max: i, min: l, validate: c, inputHandler: s, changeHandler: d };
-    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+    const _ = { props: e, emits: a, model: r, max: i, min: l, validate: c, inputHandler: s, changeHandler: d };
+    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
   }
 });
-function lo(t, o, n, e, r, a) {
-  const i = V("AInputNumber");
-  return u(), D(i, {
+function co(t, o, n, e, a, r) {
+  const i = x("AInputNumber");
+  return u(), H(i, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     clearable: "",
-    disabled: e.props.readonly,
+    "show-word-limit": "",
+    disabled: e.props.config.readonly,
+    max: e.max,
     min: e.min,
     onInput: e.inputHandler,
     onChange: e.changeHandler
-  }, null, 8, ["modelValue", "disabled", "min"]);
+  }, null, 8, ["modelValue", "disabled", "max", "min"]);
 }
-const co = /* @__PURE__ */ J(io, [["render", lo], ["__file", "InputNumber.vue"]]), uo = /* @__PURE__ */ z({
+const uo = /* @__PURE__ */ Z(lo, [["render", co], ["__file", "InputNumber.vue"]]), fo = /* @__PURE__ */ q({
   __name: "SelectList",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -507,43 +511,43 @@ const co = /* @__PURE__ */ J(io, [["render", lo], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = m(!1), i = m(e.config.options ?? []), l = Ce(t, "modelValue"), c = (b) => he(e.validations, b), s = K(() => {
-      const b = {};
+    const e = t, a = n, r = g(!1), i = g(e.config.options ?? []), l = Se(t, "modelValue"), c = (y) => ye(e.validations, y), s = z(() => {
+      const y = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        b[f.event] = (p) => {
-          r(f.event, f.handlerName, p);
-          const w = c(p);
-          r("error", w.res ? "" : w.errorMessages);
+        y[f.event] = (m) => {
+          a(f.event, f.handlerName, m);
+          const k = c(m);
+          a("error", k.res ? "" : k.errorMessages);
         };
-      }), b;
+      }), y;
     }), d = async () => {
       if (e.config.dataSourceProvider) {
-        i.value = await zt(e.config.dataSourceProvider);
-        const b = e.modelValue;
-        b != null && b !== "" && (i.value.some((p) => p.value === b) || r("update:modelValue", ""));
+        i.value = await Wt(e.config.dataSourceProvider);
+        const y = e.modelValue;
+        y != null && y !== "" && (i.value.some((m) => m.value === y) || a("update:modelValue", ""));
       }
     };
     ge(d);
-    const g = (b) => {
-      r("update:modelValue", b);
-      const f = c(b);
-      r("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && r(p.event, p.handlerName, b);
+    const _ = (y) => {
+      a("update:modelValue", y);
+      const f = c(y);
+      a("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
+        m.event === "change" && a(m.event, m.handlerName, y);
       });
     };
     o({
       validate() {
-        const b = c(e.modelValue);
-        return r("error", b.res ? "" : b.errorMessages), b.res;
+        const y = c(e.modelValue);
+        return a("error", y.res ? "" : y.errorMessages), y.res;
       }
     });
-    const v = { props: e, emits: r, loading: a, _options: i, model: l, validate: c, eventHandlers: s, loadOptions: d, changeHandler: g };
-    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+    const h = { props: e, emits: a, loading: r, _options: i, model: l, validate: c, eventHandlers: s, loadOptions: d, changeHandler: _ };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
-function fo(t, o, n, e, r, a) {
-  const i = V("AOption"), l = V("ASelect");
-  return u(), D(l, {
+function po(t, o, n, e, a, r) {
+  const i = x("AOption"), l = x("ASelect");
+  return u(), H(l, {
     "allow-clear": "",
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (c) => e.model = c),
@@ -553,8 +557,8 @@ function fo(t, o, n, e, r, a) {
     disabled: e.props.config.readonly,
     onChange: e.changeHandler
   }, {
-    default: x(() => [
-      (u(!0), _($, null, M(e._options, (c) => (u(), D(i, {
+    default: C(() => [
+      (u(!0), v(j, null, W(e._options, (c) => (u(), H(i, {
         key: c.value,
         value: c.value,
         label: c.label
@@ -563,7 +567,7 @@ function fo(t, o, n, e, r, a) {
     _: 1
   }, 8, ["modelValue", "loading", "disabled"]);
 }
-const Qe = /* @__PURE__ */ J(uo, [["render", fo], ["__file", "SelectList.vue"]]), po = /* @__PURE__ */ z({
+const Qe = /* @__PURE__ */ Z(fo, [["render", po], ["__file", "SelectList.vue"]]), mo = /* @__PURE__ */ q({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -571,15 +575,15 @@ const Qe = /* @__PURE__ */ J(uo, [["render", fo], ["__file", "SelectList.vue"]])
   },
   emits: ["update:modelValue", "change"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = m(e.config.options ?? []), i = (s) => {
-      r("update:modelValue", s), r("change", s);
+    const e = t, a = n, r = g(e.config.options ?? []), i = (s) => {
+      a("update:modelValue", s), a("change", s);
     };
     ge(async () => {
       if (e.config) {
         const s = e.config.dataSourceProvider;
         if (s) {
-          const g = await (await q()).get(s);
-          a.value = g.data;
+          const _ = await (await Q()).get(s);
+          r.value = _.data;
         }
       }
     });
@@ -589,18 +593,18 @@ const Qe = /* @__PURE__ */ J(uo, [["render", fo], ["__file", "SelectList.vue"]])
         return !0;
       }
     });
-    const c = { props: e, emits: r, _options: a, changeHandler: i, fieldNames: l };
+    const c = { props: e, emits: a, _options: r, changeHandler: i, fieldNames: l };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function mo(t, o, n, e, r, a) {
-  const i = V("ACascader"), l = V("ASpace");
-  return u(), D(l, {
+function go(t, o, n, e, a, r) {
+  const i = x("ACascader"), l = x("ASpace");
+  return u(), H(l, {
     direction: "vertical",
     size: "large"
   }, {
-    default: x(() => [
-      R(i, {
+    default: C(() => [
+      F(i, {
         "field-names": e.fieldNames,
         "model-value": n.modelValue,
         options: e._options,
@@ -612,10 +616,12 @@ function mo(t, o, n, e, r, a) {
     _: 1
   });
 }
-const go = /* @__PURE__ */ J(po, [["render", mo], ["__file", "Cascader.vue"]]), _o = /* @__PURE__ */ z({
+const _o = /* @__PURE__ */ Z(mo, [["render", go], ["__file", "Cascader.vue"]]), Je = 1024 * 1024, vo = /* @__PURE__ */ q({
   __name: "FileUpload",
   props: {
     className: {},
+    maxSize: {},
+    minSize: {},
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -625,91 +631,112 @@ const go = /* @__PURE__ */ J(po, [["render", mo], ["__file", "Cascader.vue"]]),
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = m({}), i = (A) => he(e.validations, A), l = Me(), c = l.apiBase, s = m(null), d = m("");
-    function g(A, k, C) {
-      return A.replace(/{WorkflowId}/g, k).replace(/{ClassName}/g, C);
+    const e = t, a = n, r = g({}), i = (p) => ye(e.validations, p), l = je(), c = l.apiBase, s = g(null), d = g("");
+    function _(p, D, O) {
+      return p.replace(/{WorkflowId}/g, D).replace(/{ClassName}/g, O);
     }
-    const v = K(() => {
+    const h = z(() => {
       if (e.config.uploadURL) {
-        const A = c + e.config.uploadURL;
-        return g(A, d.value, e.className);
+        const p = c + e.config.uploadURL;
+        return _(p, d.value, e.className);
       }
       return "";
-    }), b = (A) => {
-      A.stopPropagation(), s.value.submit();
+    });
+    function y(p) {
+      if (!(typeof p != "number" || p <= 0))
+        return p * Je;
+    }
+    function f(p) {
+      if (!(typeof p != "number" || p <= 0))
+        return p;
+    }
+    const m = z(() => y(e.maxSize ?? e.config.maxSize)), k = z(() => f(e.minSize ?? e.config.minSize)), ee = z(() => m.value ? K(m.value) : "unlimited"), re = z(() => k.value ? K(k.value) : "0 B");
+    function K(p) {
+      return p < 1024 ? `${p} B` : p < 1024 * 1024 ? `${Math.round(p / 1024)} KB` : p < 1024 * 1024 * 1024 ? `${Math.round(p / (1024 * 1024))} MB` : `${Math.round(p / (1024 * 1024 * 1024))} GB`;
+    }
+    function te(p) {
+      const D = m.value, O = k.value;
+      return typeof D == "number" && D > 0 && p.size > D ? (a("error", `File size cannot exceed ${K(D)}`), !1) : typeof O == "number" && O > 0 && p.size < O ? (a("error", `File size cannot be smaller than ${K(O)}`), !1) : (a("error", ""), !0);
+    }
+    const ie = (p) => {
+      p.stopPropagation(), s.value.submit();
     };
-    function f(A) {
-      const { file: k, name: C } = A, T = C ?? k.name;
-      return new Promise((S, I) => {
-        kt.confirm({
+    function le(p) {
+      const { file: D, name: O } = p, oe = O ?? D.name;
+      return new Promise((b, A) => {
+        St.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${T}?`,
+          content: `Are you sure you want to delete ${oe}?`,
           async onOk() {
-            if (A.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(A.uid), S(!0);
-            S(!0);
+            if (p.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(p.uid), b(!0);
+            b(!0);
           },
-          onCancel: () => I("cancel")
+          onCancel: () => A("cancel")
         });
       });
     }
-    const p = m(null), w = m(null), Z = (A) => {
-      p.value && (p.value(A), p.value = null, w.value = null);
-    }, oe = (A) => {
-      w.value && (w.value(A), p.value = null, w.value = null);
-    }, E = m([]), ee = (A) => {
-      E.value = A.filter((k) => k.status === "init");
+    const I = g(null), T = g(null), P = (p) => {
+      I.value && (I.value(p), I.value = null, T.value = null);
+    }, S = (p) => {
+      T.value && (T.value(p), I.value = null, T.value = null);
+    }, V = g([]), $ = (p) => {
+      V.value = p.filter((D) => D.status === "init");
     };
     o({
-      submit(A) {
-        return new Promise((k, C) => {
-          s.value ? (e.config.uploadURL && (d.value = A), p.value = k, w.value = C, E.value.length ? rt().then((T) => {
-            a.value = {
-              Authorization: `Bearer ${T}`
-            }, _t(() => {
+      submit(p) {
+        return new Promise((D, O) => {
+          s.value ? (e.config.uploadURL && (d.value = p), I.value = D, T.value = O, V.value.length ? st().then((oe) => {
+            r.value = {
+              Authorization: `Bearer ${oe}`
+            }, vt(() => {
               s.value?.submit();
             });
-          }) : k(A)) : k(A);
+          }) : D(p)) : D(p);
         });
       },
       validate() {
-        const A = e.config.files ?? [], k = [...E.value, ...A].length > 0 ? "hasFile" : "", C = i(k);
-        return r("error", C.res ? "" : C.errorMessages), C.res;
+        const p = e.config.files ?? [], D = [...V.value, ...p].length > 0 ? "hasFile" : "", O = i(D);
+        return a("error", O.res ? "" : O.errorMessages), O.res;
       }
     });
-    const ne = { props: e, emits: r, headers: a, validate: i, config: l, ApiBase: c, uploadRef: s, id: d, replaceIdAndClassName: g, action: v, submit: b, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: w, handleUploadSuccess: Z, handleUploadError: oe, readyFiles: E, onChange: ee };
-    return Object.defineProperty(ne, "__isScriptSetup", { enumerable: !1, value: !0 }), ne;
+    const B = { props: e, emits: a, headers: r, validate: i, config: l, ApiBase: c, uploadRef: s, id: d, replaceIdAndClassName: _, action: h, MB_SIZE: Je, mbToBytes: y, normalizeBytes: f, maxFileSize: m, minFileSize: k, maxFileSizeText: ee, minFileSizeText: re, formatFileSize: K, onBeforeUpload: te, submit: ie, onBeforeRemove: le, uploadPromiseResolve: I, uploadPromiseReject: T, handleUploadSuccess: P, handleUploadError: S, readyFiles: V, onChange: $ };
+    return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
   }
-});
-function vo(t, o, n, e, r, a) {
-  const i = V("a-button"), l = V("a-upload");
-  return u(), D(l, {
-    ref: "uploadRef",
-    "default-file-list": e.props.config.files,
-    action: e.action,
-    limit: e.props.config.allowedNumber,
-    "auto-upload": !1,
-    name: "files",
-    headers: e.headers,
-    onChange: e.onChange,
-    onBeforeRemove: e.onBeforeRemove,
-    onSuccess: e.handleUploadSuccess,
-    onError: e.handleUploadError
-  }, {
-    "start-icon": x(() => o[0] || (o[0] = [])),
-    "upload-button": x(() => [
-      R(i, { type: "primary" }, {
-        default: x(() => o[1] || (o[1] = [
-          ae("Select File", -1)
-        ])),
-        _: 1,
-        __: [1]
-      })
-    ]),
-    _: 1
-  }, 8, ["default-file-list", "action", "limit", "headers"]);
+}), ho = { style: { "margin-top": "8px", color: "#86909c", "font-size": "12px" } };
+function bo(t, o, n, e, a, r) {
+  const i = x("a-button"), l = x("a-upload");
+  return u(), v(j, null, [
+    F(l, {
+      ref: "uploadRef",
+      "default-file-list": e.props.config.files,
+      action: e.action,
+      limit: e.props.config.allowedNumber,
+      "auto-upload": !1,
+      name: "files",
+      headers: e.headers,
+      "on-before-upload": e.onBeforeUpload,
+      onChange: e.onChange,
+      onBeforeRemove: e.onBeforeRemove,
+      onSuccess: e.handleUploadSuccess,
+      onError: e.handleUploadError
+    }, {
+      "start-icon": C(() => o[0] || (o[0] = [])),
+      "upload-button": C(() => [
+        F(i, { type: "primary" }, {
+          default: C(() => o[1] || (o[1] = [
+            ae("Select File", -1)
+          ])),
+          _: 1,
+          __: [1]
+        })
+      ]),
+      _: 1
+    }, 8, ["default-file-list", "action", "limit", "headers"]),
+    w("div", ho, " The maximum file size for uploads is " + G(e.maxFileSizeText) + ", and the minimum file size is greater than " + G(e.minFileSizeText) + ". ", 1)
+  ], 64);
 }
-const bo = /* @__PURE__ */ J(_o, [["render", vo], ["__file", "FileUpload.vue"]]), yo = /* @__PURE__ */ z({
+const yo = /* @__PURE__ */ Z(vo, [["render", bo], ["__file", "FileUpload.vue"]]), wo = /* @__PURE__ */ q({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -721,37 +748,39 @@ const bo = /* @__PURE__ */ J(_o, [["render", vo], ["__file", "FileUpload.vue"]])
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = (s) => he(e.validations, s), i = (s) => {
-      r("update:modelValue", s), r("input", s);
+    const e = t, a = n, r = (s) => ye(e.validations, s), i = (s) => {
+      a("update:modelValue", s), a("input", s);
     }, l = (s) => {
-      r("update:modelValue", s);
-      const d = a(s);
-      r("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && r(g.event, g.handlerName, s);
+      a("update:modelValue", s);
+      const d = r(s);
+      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
+        _.event === "change" && a(_.event, _.handlerName, s);
       });
     };
     o({
       validate() {
-        const s = a(e.modelValue);
-        return r("error", s.res ? "" : s.errorMessages), s.res;
+        const s = r(e.modelValue);
+        return a("error", s.res ? "" : s.errorMessages), s.res;
       }
     });
-    const c = { props: e, emits: r, validate: a, inputHandler: i, changeHandler: l };
+    const c = { props: e, emits: a, validate: r, inputHandler: i, changeHandler: l };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function ho(t, o, n, e, r, a) {
-  const i = V("ATextarea");
-  return u(), D(i, {
+function ko(t, o, n, e, a, r) {
+  const i = x("ATextarea");
+  return u(), H(i, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
-    disabled: e.props.readonly,
+    "show-word-limit": "",
+    disabled: e.props.config.readonly,
+    "max-length": e.props.config.maxLength,
     onInput: e.inputHandler,
     onChange: e.changeHandler
-  }, null, 8, ["model-value", "disabled"]);
+  }, null, 8, ["model-value", "disabled", "max-length"]);
 }
-const wo = /* @__PURE__ */ J(yo, [["render", ho], ["__file", "TextArea.vue"]]), ko = /* @__PURE__ */ z({
+const So = /* @__PURE__ */ Z(wo, [["render", ko], ["__file", "TextArea.vue"]]), Co = /* @__PURE__ */ q({
   __name: "CheckBox",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -766,52 +795,52 @@ const wo = /* @__PURE__ */ J(yo, [["render", ho], ["__file", "TextArea.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = Ce(t, "modelValue"), i = (s) => he(e.validations, s), l = (s) => {
+    const e = t, a = n, r = Se(t, "modelValue"), i = (s) => ye(e.validations, s), l = (s) => {
       const d = i(s);
-      r("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && r(g.event, g.handlerName, s);
+      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
+        _.event === "change" && a(_.event, _.handlerName, s);
       });
     };
     o({
       validate() {
         const s = i(e.modelValue);
-        return r("error", s.res ? "" : s.errorMessages), s.res;
+        return a("error", s.res ? "" : s.errorMessages), s.res;
       }
     });
-    const c = { props: e, emits: r, model: a, validate: i, changeHandler: l };
+    const c = { props: e, emits: a, model: r, validate: i, changeHandler: l };
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function Co(t, o, n, e, r, a) {
-  const i = V("ACheckbox");
-  return u(), D(i, {
+function xo(t, o, n, e, a, r) {
+  const i = x("ACheckbox");
+  return u(), H(i, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     clearable: "",
     disabled: e.props.readonly || e.props.config.Readonly,
     onChange: e.changeHandler
   }, {
-    default: x(() => o[1] || (o[1] = [
+    default: C(() => o[1] || (o[1] = [
       ae("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const So = /* @__PURE__ */ J(ko, [["render", Co], ["__file", "CheckBox.vue"]]), xo = Symbol("ArcoConfigProvider"), Vo = "arco", To = "$arco", it = (t) => {
+const To = /* @__PURE__ */ Z(Co, [["render", xo], ["__file", "CheckBox.vue"]]), Vo = Symbol("ArcoConfigProvider"), Ao = "arco", Io = "$arco", lt = (t) => {
   var o, n, e;
-  const r = me(), a = ye(xo, void 0);
-  return `${(e = (n = a?.prefixCls) != null ? n : (o = r?.appContext.config.globalProperties[To]) == null ? void 0 : o.classPrefix) != null ? e : Vo}-${t}`;
-}, Ao = Object.prototype.toString;
-function lt(t) {
-  return Ao.call(t) === "[object Number]" && t === t;
+  const a = me(), r = be(Vo, void 0);
+  return `${(e = (n = r?.prefixCls) != null ? n : (o = a?.appContext.config.globalProperties[Io]) == null ? void 0 : o.classPrefix) != null ? e : Ao}-${t}`;
+}, Po = Object.prototype.toString;
+function ct(t) {
+  return Po.call(t) === "[object Number]" && t === t;
 }
-var ct = (t, o) => {
+var dt = (t, o) => {
   for (const [n, e] of o)
     t[n] = e;
   return t;
 };
-const Io = z({
+const Fo = q({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -838,44 +867,44 @@ const Io = z({
     click: (t) => !0
   },
   setup(t, { emit: o }) {
-    const n = it("icon"), e = K(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), r = K(() => {
+    const n = lt("icon"), e = z(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), a = z(() => {
       const i = {};
-      return t.size && (i.fontSize = lt(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
+      return t.size && (i.fontSize = ct(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
     });
     return {
       cls: e,
-      innerStyle: r,
+      innerStyle: a,
       onClick: (i) => {
         o("click", i);
       }
     };
   }
-}), Po = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function No(t, o, n, e, r, a) {
-  return u(), _("svg", {
+}), No = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Uo(t, o, n, e, a, r) {
+  return u(), v("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: Ze(t.cls),
+    class: et(t.cls),
     style: Xe(t.innerStyle),
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
     onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
   }, o[1] || (o[1] = [
-    y("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
-    y("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
-  ]), 14, Po);
+    w("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
+    w("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
+  ]), 14, No);
 }
-var Le = /* @__PURE__ */ ct(Io, [["render", No]]);
-const Fo = Object.assign(Le, {
+var Le = /* @__PURE__ */ dt(Fo, [["render", Uo]]);
+const Ro = Object.assign(Le, {
   install: (t, o) => {
     var n;
     const e = (n = o?.iconPrefix) != null ? n : "";
     t.component(e + Le.name, Le);
   }
-}), Ro = z({
+}), Bo = q({
   name: "IconDownload",
   props: {
     size: {
@@ -902,43 +931,43 @@ const Fo = Object.assign(Le, {
     click: (t) => !0
   },
   setup(t, { emit: o }) {
-    const n = it("icon"), e = K(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), r = K(() => {
+    const n = lt("icon"), e = z(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), a = z(() => {
       const i = {};
-      return t.size && (i.fontSize = lt(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
+      return t.size && (i.fontSize = ct(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
     });
     return {
       cls: e,
-      innerStyle: r,
+      innerStyle: a,
       onClick: (i) => {
         o("click", i);
       }
     };
   }
-}), Uo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function Do(t, o, n, e, r, a) {
-  return u(), _("svg", {
+}), Do = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Lo(t, o, n, e, a, r) {
+  return u(), v("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: "currentColor",
-    class: Ze(t.cls),
+    class: et(t.cls),
     style: Xe(t.innerStyle),
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
     onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
   }, o[1] || (o[1] = [
-    y("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
-  ]), 14, Uo);
+    w("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+  ]), 14, Do);
 }
-var He = /* @__PURE__ */ ct(Ro, [["render", Do]]);
-const Bo = Object.assign(He, {
+var He = /* @__PURE__ */ dt(Bo, [["render", Lo]]);
+const Ho = Object.assign(He, {
   install: (t, o) => {
     var n;
     const e = (n = o?.iconPrefix) != null ? n : "";
     t.component(e + He.name, He);
   }
-}), Lo = /* @__PURE__ */ z({
+}), $o = /* @__PURE__ */ q({
   __name: "ToolTip",
   props: {
     isVisible: { type: Boolean },
@@ -946,45 +975,45 @@ const Bo = Object.assign(He, {
   },
   setup(t, { expose: o }) {
     o();
-    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", r = K(() => e(n.outputText) ? [] : n.outputText), a = K(() => e(n.outputText) ? n.outputText : []), i = { props: n, isTreeArray: e, stringOutput: r, treeOutput: a, get IconQuestionCircle() {
-      return Fo;
+    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", a = z(() => e(n.outputText) ? [] : n.outputText), r = z(() => e(n.outputText) ? n.outputText : []), i = { props: n, isTreeArray: e, stringOutput: a, treeOutput: r, get IconQuestionCircle() {
+      return Ro;
     } };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
-}), Ho = { class: "list-unstyled" }, Oo = { class: "list-style-square" };
-function $o(t, o, n, e, r, a) {
-  const i = V("a-tooltip");
-  return e.props.isVisible ? (u(), D(i, {
+}), Oo = { class: "list-unstyled" }, Mo = { class: "list-style-square" };
+function jo(t, o, n, e, a, r) {
+  const i = x("a-tooltip");
+  return e.props.isVisible ? (u(), H(i, {
     key: 0,
     "background-color": "#7A00E6"
   }, {
-    content: x(() => [
-      e.stringOutput.length ? (u(!0), _($, { key: 0 }, M(e.stringOutput, (l) => (u(), _("p", { key: l }, Q(l), 1))), 128)) : (u(!0), _($, { key: 1 }, M(e.treeOutput, (l) => (u(), _("ul", {
+    content: C(() => [
+      e.stringOutput.length ? (u(!0), v(j, { key: 0 }, W(e.stringOutput, (l) => (u(), v("p", { key: l }, G(l), 1))), 128)) : (u(!0), v(j, { key: 1 }, W(e.treeOutput, (l) => (u(), v("ul", {
         key: l.title,
         class: "list-unstyled"
       }, [
-        y("li", null, [
-          y("b", null, Q(l.title), 1),
-          y("ul", Ho, [
-            (u(!0), _($, null, M(l.items, (c) => (u(), _("li", {
+        w("li", null, [
+          w("b", null, G(l.title), 1),
+          w("ul", Oo, [
+            (u(!0), v(j, null, W(l.items, (c) => (u(), v("li", {
               key: c.title
             }, [
-              y("u", null, Q(c.title), 1),
-              y("ul", Oo, [
-                (u(!0), _($, null, M(c.items, (s) => (u(), _("li", null, Q(s), 1))), 256))
+              w("u", null, G(c.title), 1),
+              w("ul", Mo, [
+                (u(!0), v(j, null, W(c.items, (s) => (u(), v("li", null, G(s), 1))), 256))
               ])
             ]))), 128))
           ])
         ])
       ]))), 128))
     ]),
-    default: x(() => [
-      R(e.IconQuestionCircle, { class: "icon" })
+    default: C(() => [
+      F(e.IconQuestionCircle, { class: "icon" })
     ]),
     _: 1
-  })) : re("", !0);
+  })) : se("", !0);
 }
-const dt = /* @__PURE__ */ J(Lo, [["render", $o], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), jo = /* @__PURE__ */ z({
+const ut = /* @__PURE__ */ Z($o, [["render", jo], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), zo = /* @__PURE__ */ q({
   __name: "index",
   props: /* @__PURE__ */ ce({
     config: {},
@@ -1001,36 +1030,36 @@ const dt = /* @__PURE__ */ J(Lo, [["render", $o], ["__scopeId", "data-v-1d3893b1
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = Ce(t, "modelValue"), i = Ae("widgetRef"), l = K(() => {
+    const e = t, a = n, r = Se(t, "modelValue"), i = Ae("widgetRef"), l = z(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return Ye;
         case "Number":
-          return co;
+          return uo;
         case "SelectList":
           return Qe;
         case "Cascade":
-          return go;
+          return _o;
         case "File":
-          return bo;
+          return yo;
         case "TextArea":
-          return wo;
+          return So;
         case "DropDown":
           return Qe;
         case "CheckBox":
-          return So;
+          return To;
         default:
           return Ye;
       }
-    }), c = m(""), s = (f) => {
+    }), c = g(""), s = (f) => {
       c.value = f;
-    }, d = (f, p) => {
-      r("change", f, p);
+    }, d = (f, m) => {
+      a("change", f, m);
     };
-    function g() {
+    function _() {
       return e.config?.widget?.widget === "File";
     }
-    function v(f) {
+    function h(f) {
       return f === "OtherInformationText" ? "Other Information" : f;
     }
     o({
@@ -1038,7 +1067,7 @@ const dt = /* @__PURE__ */ J(Lo, [["render", $o], ["__scopeId", "data-v-1d3893b1
         return e.config?.widget?.widget === "File";
       },
       submit(f) {
-        return g() ? i.value.submit(f) : Promise.resolve(f);
+        return _() ? i.value.submit(f) : Promise.resolve(f);
       },
       validate() {
         return i.value?.validate();
@@ -1047,28 +1076,28 @@ const dt = /* @__PURE__ */ J(Lo, [["render", $o], ["__scopeId", "data-v-1d3893b1
         return e?.config?.widget?.title;
       }
     });
-    const b = { props: e, emits: r, model: a, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: d, isFileUpload: g, formatTitle: v, ToolTip: dt };
-    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+    const y = { props: e, emits: a, model: r, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: d, isFileUpload: _, formatTitle: h, ToolTip: ut };
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
-}), Mo = { class: "title" }, Eo = {
+}), Eo = { class: "title" }, Ko = {
   key: 0,
   class: "required"
-}, Ko = {
+}, Wo = {
   key: 0,
   class: "err-msg"
 };
-function zo(t, o, n, e, r, a) {
-  return u(), _("div", null, [
-    y("div", Mo, [
-      ae(Q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
-      e.props.required || e.props.config.validations.some((i) => i.ruleName === "Required") ? (u(), _("span", Eo, " * ")) : re("", !0),
-      R(e.ToolTip, {
+function Go(t, o, n, e, a, r) {
+  return u(), v("div", null, [
+    w("div", Eo, [
+      ae(G(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
+      e.props.required || e.props.config.validations.some((i) => i.ruleName === "Required") ? (u(), v("span", Ko, " * ")) : se("", !0),
+      F(e.ToolTip, {
         "is-visible": e.props.config.widget?.isVisible ?? !1,
         "output-text": e.props.config.widget?.outputText ?? []
       }, null, 8, ["is-visible", "output-text"])
     ]),
-    y("div", null, [
-      (u(), D(je(e.curComp), {
+    w("div", null, [
+      (u(), H(Me(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
         "onUpdate:modelValue": o[0] || (o[0] = (i) => e.model = i),
@@ -1080,11 +1109,11 @@ function zo(t, o, n, e, r, a) {
         onError: e.errHandler,
         onChange: e.changeHandler
       }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-      e.errMsg.length > 0 ? (u(), _("div", Ko, Q(e.errMsg), 1)) : re("", !0)
+      e.errMsg.length > 0 ? (u(), v("div", Wo, G(e.errMsg), 1)) : se("", !0)
     ])
   ]);
 }
-const Ie = /* @__PURE__ */ J(jo, [["render", zo], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), Wo = /* @__PURE__ */ z({
+const Ie = /* @__PURE__ */ Z(zo, [["render", Go], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), qo = /* @__PURE__ */ q({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1094,28 +1123,28 @@ const Ie = /* @__PURE__ */ J(jo, [["render", zo], ["__scopeId", "data-v-67595df1
   emits: ["click"],
   setup(t, { expose: o, emit: n }) {
     o();
-    const e = t, r = n;
-    function a() {
-      r("click", e.url, e.redirectType);
+    const e = t, a = n;
+    function r() {
+      a("click", e.url, e.redirectType);
     }
-    const i = { props: e, emits: r, clickHandler: a };
+    const i = { props: e, emits: a, clickHandler: r };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function Go(t, o, n, e, r, a) {
-  const i = V("AButton");
-  return u(), D(i, {
+function Yo(t, o, n, e, a, r) {
+  const i = x("AButton");
+  return u(), H(i, {
     loading: n.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
-    default: x(() => [
+    default: C(() => [
       ue(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const Je = /* @__PURE__ */ J(Wo, [["render", Go], ["__file", "SubmitButton.vue"]]), qo = /* @__PURE__ */ z({
+const Ze = /* @__PURE__ */ Z(qo, [["render", Yo], ["__file", "SubmitButton.vue"]]), Qo = /* @__PURE__ */ q({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1125,24 +1154,24 @@ const Je = /* @__PURE__ */ J(Wo, [["render", Go], ["__file", "SubmitButton.vue"]
   emits: ["click"],
   setup(t, { expose: o, emit: n }) {
     o();
-    const e = t, r = n;
-    function a() {
-      r("click", e.url, e.redirectType);
+    const e = t, a = n;
+    function r() {
+      a("click", e.url, e.redirectType);
     }
-    const i = { props: e, emits: r, clickHandler: a };
+    const i = { props: e, emits: a, clickHandler: r };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function Yo(t, o, n, e, r, a) {
-  const i = V("ALink");
-  return u(), D(i, { onClick: e.clickHandler }, {
-    default: x(() => [
+function Jo(t, o, n, e, a, r) {
+  const i = x("ALink");
+  return u(), H(i, { onClick: e.clickHandler }, {
+    default: C(() => [
       ue(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Qo = /* @__PURE__ */ J(qo, [["render", Yo], ["__file", "DetailLink.vue"]]), Jo = /* @__PURE__ */ z({
+const Zo = /* @__PURE__ */ Z(Qo, [["render", Jo], ["__file", "DetailLink.vue"]]), Xo = /* @__PURE__ */ q({
   __name: "index",
   props: {
     config: {},
@@ -1151,49 +1180,49 @@ const Qo = /* @__PURE__ */ J(qo, [["render", Yo], ["__file", "DetailLink.vue"]])
   emits: ["click"],
   setup(t, { expose: o, emit: n }) {
     o();
-    const e = t, r = n;
-    function a(d, g) {
-      r("click", e.config.widget, d, g, e.config.title);
+    const e = t, a = n;
+    function r(d, _) {
+      a("click", e.config.widget, d, _, e.config.title);
     }
-    const i = K(() => {
+    const i = z(() => {
       switch (e.config.location) {
         case "InOperation":
-          return Je;
+          return Ze;
         case "InTable":
-          return Qo;
+          return Zo;
         default:
-          return Je;
+          return Ze;
       }
-    }), l = K(() => e.config.widget === X.Submit ? e.config.requestUrl ?? "" : e.config.widget === X.Link ? e.config.redirectUrl ?? "" : ""), c = K(() => e.config.redirectType ?? "Details"), s = { props: e, emits: r, clickHandler: a, curComp: i, curUrl: l, redirectType: c };
+    }), l = z(() => e.config.widget === X.Submit ? e.config.requestUrl ?? "" : e.config.widget === X.Link ? e.config.redirectUrl ?? "" : ""), c = z(() => e.config.redirectType ?? "Details"), s = { props: e, emits: a, clickHandler: r, curComp: i, curUrl: l, redirectType: c };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function Xo(t, o, n, e, r, a) {
-  return u(), D(je(e.curComp), {
+function en(t, o, n, e, a, r) {
+  return u(), H(Me(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: n.loading,
     onClick: e.clickHandler
   }, {
-    default: x(() => [
-      ae(Q(e.props.config.title), 1)
+    default: C(() => [
+      ae(G(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Pe = /* @__PURE__ */ J(Jo, [["render", Xo], ["__file", "index.vue"]]), ut = Symbol("library-triggers");
-function Ke() {
-  const t = ye(ut, null);
+const Pe = /* @__PURE__ */ Z(Xo, [["render", en], ["__file", "index.vue"]]), ft = Symbol("library-triggers");
+function Ee() {
+  const t = be(ft, null);
   return t || {};
 }
-const Zo = Symbol("library-pinia"), ft = Symbol("library-bpmStore"), pt = Symbol("library-svrStore");
-function Ne() {
-  return ye(ft, null);
-}
+const tn = Symbol("library-pinia"), pt = Symbol("library-bpmStore"), mt = Symbol("library-svrStore");
 function Fe() {
-  return ye(pt, null);
+  return be(pt, null);
 }
-const en = /* @__PURE__ */ z({
+function Ne() {
+  return be(mt, null);
+}
+const on = /* @__PURE__ */ q({
   __name: "TopBar",
   props: {
     title: {},
@@ -1205,27 +1234,27 @@ const en = /* @__PURE__ */ z({
     const n = {};
     return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
   }
-}), tn = { class: "top-bar" }, on = { class: "banner-info" }, nn = { class: "page-title" }, an = { class: "page-subtitle" }, rn = { class: "avatar-wrapper" }, sn = { class: "user-email" };
-function ln(t, o, n, e, r, a) {
-  const i = V("a-avatar"), l = V("a-popover");
-  return u(), _("div", tn, [
-    y("div", on, [
-      y("div", nn, Q(n.title), 1),
-      y("div", an, Q(n.subTitle), 1)
+}), nn = { class: "top-bar" }, rn = { class: "banner-info" }, an = { class: "page-title" }, sn = { class: "page-subtitle" }, ln = { class: "avatar-wrapper" }, cn = { class: "user-email" };
+function dn(t, o, n, e, a, r) {
+  const i = x("a-avatar"), l = x("a-popover");
+  return u(), v("div", nn, [
+    w("div", rn, [
+      w("div", an, G(n.title), 1),
+      w("div", sn, G(n.subTitle), 1)
     ]),
-    y("div", rn, [
-      R(l, { trigger: "click" }, {
-        content: x(() => [
-          y("div", sn, Q(n.email), 1)
+    w("div", ln, [
+      F(l, { trigger: "click" }, {
+        content: C(() => [
+          w("div", cn, G(n.email), 1)
         ]),
-        default: x(() => [
-          R(i, {
+        default: C(() => [
+          F(i, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
-            default: x(() => [
-              ae(Q(n.email.charAt(0).toUpperCase()), 1)
+            default: C(() => [
+              ae(G(n.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -1235,19 +1264,19 @@ function ln(t, o, n, e, r, a) {
     ])
   ]);
 }
-const Re = /* @__PURE__ */ J(en, [["render", ln], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
-function ze(t) {
-  const o = Me(), n = [];
+const Ue = /* @__PURE__ */ Z(on, [["render", dn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+function Ke(t) {
+  const o = je(), n = [];
   if (o.fieldsGroup) {
-    o.fieldsGroup.forEach((a) => {
-      const i = a.keys.map((l) => t.find((c) => c.fieldKey === l)).filter(Boolean);
-      i.length && n.push({ name: a.name, fields: i });
+    o.fieldsGroup.forEach((r) => {
+      const i = r.keys.map((l) => t.find((c) => c.fieldKey === l)).filter(Boolean);
+      i.length && n.push({ name: r.name, fields: i });
     });
-    const e = o.fieldsGroup.flatMap((a) => a.keys), r = t.filter((a) => !e.includes(a.fieldKey));
-    return r.length && n.push({ name: "Grading Review History (For example: re-submit the grading request)", fields: r }), n;
+    const e = o.fieldsGroup.flatMap((r) => r.keys), a = t.filter((r) => !e.includes(r.fieldKey));
+    return a.length && n.push({ name: "Grading Review History (For example: re-submit the grading request)", fields: a }), n;
   }
 }
-class Ue {
+class Re {
   pageActionType;
   className = "";
   store = { svrStore: {}, bpmStore: {} };
@@ -1268,10 +1297,10 @@ class Ue {
     return this.opt = o, this;
   }
   build() {
-    return this.pageActionType ? this.opt.workflowId ? new Te(this.pageActionType, this.className, this.store, this.opt) : new Te(this.pageActionType, this.className, this.store) : this.opt.workflowId ? new Te(be.ReCreate, this.className, this.store, this.opt) : new Te(be.Create, this.className, this.store);
+    return this.pageActionType ? this.opt.workflowId ? new Ve(this.pageActionType, this.className, this.store, this.opt) : new Ve(this.pageActionType, this.className, this.store) : this.opt.workflowId ? new Ve(he.ReCreate, this.className, this.store, this.opt) : new Ve(he.Create, this.className, this.store);
   }
 }
-class Te {
+class Ve {
   pageActionType;
   className;
   store;
@@ -1282,8 +1311,8 @@ class Te {
   getWorkflowId() {
     return this.opt?.workflowId ?? "";
   }
-  constructor(o, n, e, r) {
-    this.pageActionType = o, this.className = n, this.store = e, r && (this.opt = r);
+  constructor(o, n, e, a) {
+    this.pageActionType = o, this.className = n, this.store = e, a && (this.opt = a);
   }
   getPageData() {
     return this.opt ? qe(this.pageActionType, this.className, this.store, this.opt) : qe(this.pageActionType, this.className, this.store);
@@ -1292,34 +1321,34 @@ class Te {
     return Dt(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
   }
   getFiles() {
-    return this.getWorkflowId() ? qt(this.className, this.getWorkflowId()) : Promise.resolve({});
+    return this.getWorkflowId() ? Yt(this.className, this.getWorkflowId()) : Promise.resolve({});
   }
   removeFile(o) {
-    return Yt(this.className, o);
+    return Qt(this.className, o);
   }
   getProcess() {
-    return Wt(this.className, this.getWorkflowId());
+    return Gt(this.className, this.getWorkflowId());
   }
   getCommentsHistory() {
-    return Zt(this.getWorkflowId());
+    return eo(this.getWorkflowId());
   }
   getAssociator() {
-    return eo(this.getWorkflowId());
+    return to(this.getWorkflowId());
   }
   getApprovers() {
-    return Qt();
+    return Jt();
   }
   assignApprover(o) {
-    return Jt(this.getWorkflowId(), o);
+    return Zt(this.getWorkflowId(), o);
   }
   addComments(o) {
     return Xt(this.getWorkflowId(), this.getApproverEmail(), o);
   }
   deleteAssociator(o) {
-    return to(o);
+    return oo(o);
   }
 }
-const cn = /* @__PURE__ */ z({
+const un = /* @__PURE__ */ q({
   __name: "CreateView",
   props: {
     className: {},
@@ -1327,7 +1356,7 @@ const cn = /* @__PURE__ */ z({
   },
   setup(t, { expose: o }) {
     o();
-    const n = Ne(), e = Fe(), r = ve(), a = Ke(), i = Ae("dataWidgets"), l = me(), c = t, s = m({
+    const n = Fe(), e = Ne(), a = ve(), r = Ee(), i = Ae("dataWidgets"), l = me(), c = t, s = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1342,136 +1371,136 @@ const cn = /* @__PURE__ */ z({
         workFlowReason: "",
         workflowId: ""
       }
-    }), d = m([]), g = m({});
-    function v(C) {
-      return C ? Object.entries(C).map(([S, I]) => ({
+    }), d = g([]), _ = g({});
+    function h(T) {
+      return T ? Object.entries(T).map(([S, V]) => ({
         fieldKey: S,
-        ...I
-      })).filter((S) => S.widget && S.widget.widget !== "Hidden").filter((S) => !ee.value.includes(S.fieldKey)) : [];
+        ...V
+      })).filter((S) => S.widget && S.widget.widget !== "Hidden").filter((S) => !te.value.includes(S.fieldKey)) : [];
     }
-    function b(C) {
-      return C ? Object.entries(C).filter(([S, I]) => I.dependent).reduce(
-        (S, [I, O]) => (S[I] = O.dependent, S),
+    function y(T) {
+      return T ? Object.entries(T).filter(([S, V]) => V.dependent).reduce(
+        (S, [V, $]) => (S[V] = $.dependent, S),
         {}
       ) : [];
     }
-    const f = K(() => s.value?.actions ? [...s.value.actions].reverse() : []), p = m({}), w = m(!1);
+    const f = z(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = g({}), k = g(!1);
     ge(async () => {
-      w.value = !0;
-      const C = new Ue().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
-      s.value = await C.getPageData();
-      const T = s.value.fields.requestType.modelValue;
-      a.Test?.({ fieldValue: T, hiddenFields: ee, formData: p }), d.value = v(s.value.fields), g.value = b(s.value.fields);
+      k.value = !0;
+      const T = new Re().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
+      s.value = await T.getPageData();
+      const P = s.value.fields.requestType.modelValue;
+      r.Test?.({ fieldValue: P, hiddenFields: te, formData: m }), d.value = h(s.value.fields), _.value = y(s.value.fields);
       for (const S in s.value.fields) {
         if (s.value.fields[S].widget?.widget === "File") {
-          const I = d.value.find((O) => O.fieldKey === S);
-          I && I.widget && (I.widget.files = []);
+          const V = d.value.find(($) => $.fieldKey === S);
+          V && V.widget && (V.widget.files = []);
         }
-        p.value[S] = s.value.fields[S].modelValue;
+        m.value[S] = s.value.fields[S].modelValue;
       }
-      w.value = !1;
+      k.value = !1;
     });
-    function Z() {
+    function ee() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function oe(C, T, S, I, O) {
-      switch (T) {
+    async function re(T, P, S, V, $) {
+      switch (P) {
         case X.Submit:
-          let L = !0;
-          if (i.value?.forEach((W) => {
-            W?.validate && (W.validate() || (L = !1));
-          }), !L) {
+          let B = !0;
+          if (i.value?.forEach((p) => {
+            p?.validate && (p.validate() || (B = !1));
+          }), !B) {
             l?.appContext.config.globalProperties.$message.error(
               "form validation failed, please check the input fields"
             );
             return;
           }
-          w.value = !0;
+          k.value = !0;
           try {
-            a[O]?.({ message: `${O} action triggered` });
-            const W = {
-              ...p.value,
-              ...g.value
+            r[$]?.({ message: `${$} action triggered` });
+            const p = {
+              ...m.value,
+              ..._.value
             };
-            a.createPageBeforeSubmit?.(W);
-            const ie = await Lt(
+            r.createPageBeforeSubmit?.(p);
+            const D = await Ht(
               c.className,
-              W,
+              p,
               S
             );
-            a[`${O}Success` || ""]?.({
+            r[`${$}Success` || ""]?.({
               message: "Workflow created successfully",
               workflowId: c.workflowId,
-              res: ie
+              res: D
             });
-            const le = i.value?.map((se) => se?.submit ? se.submit(ie.toString()) : Promise.resolve()) || [];
-            await Promise.all(le), w.value = !1, l?.appContext.config.globalProperties.$notification.success(
-              `Your grading request has been submitted, ID is ${ie.toString()}.`
-            ), r.push({ name: "Details", params: { workflowId: ie.toString() } });
+            const O = i.value?.map((oe) => oe?.submit ? oe.submit(D.toString()) : Promise.resolve()) || [];
+            await Promise.all(O), k.value = !1, l?.appContext.config.globalProperties.$notification.success(
+              `Your grading request has been submitted, ID is ${D.toString()}.`
+            ), a.push({ name: "Details", params: { workflowId: D.toString() } });
           } catch {
             l?.appContext.config.globalProperties.$notification.error(
               "Failed to submit your grading request"
-            ), w.value = !1;
+            ), k.value = !1;
           }
           break;
         case X.Link:
           try {
-            await a[C.eventName || ""]?.(p.value, ee), r.push({
-              name: I,
+            await r[T.eventName || ""]?.(m.value, te), a.push({
+              name: V,
               params: { className: c.className }
-            }), await a[`${C.eventName || ""}Success`]?.({
-              message: `Router to ${I} pushed`
+            }), await r[`${T.eventName || ""}Success`]?.({
+              message: `Router to ${V} pushed`
             });
-          } catch (W) {
-            console.error("Error in link action trigger:", W);
+          } catch (p) {
+            console.error("Error in link action trigger:", p);
           }
           break;
         default:
-          console.warn("Unknown action type:", T);
+          console.warn("Unknown action type:", P);
       }
     }
-    const E = [
+    const K = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], ee = m(E);
-    function ne(C, T) {
-      a[C]?.({ fieldValue: T, hiddenFields: ee, formData: p }), s.value && (d.value = v(s.value.fields));
+    ], te = g(K);
+    function ie(T, P) {
+      r[T]?.({ fieldValue: P, hiddenFields: te, formData: m }), s.value && (d.value = h(s.value.fields));
     }
-    const A = K(() => ze(d.value)), k = { bpmStore: n, svrStore: e, router: r, triggers: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: b, reversedActions: f, _data: p, loading: w, getApproverEmail: Z, clickHandler: oe, newHiddenFields: E, hiddenFields: ee, changeHandler: ne, groupedFields: A, DataWidgets: Ie, ActionButton: Pe, TopBar: Re };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+    const le = z(() => Ke(d.value)), I = { bpmStore: n, svrStore: e, router: a, triggers: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, newHiddenFields: K, hiddenFields: te, changeHandler: ie, groupedFields: le, DataWidgets: Ie, ActionButton: Pe, TopBar: Ue };
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
-}), dn = { class: "page-container" }, un = { class: "page-body" }, fn = { class: "form-card" }, pn = { class: "form-fields-vertical" }, mn = { class: "form-fields" }, gn = {
+}), fn = { class: "page-container" }, pn = { class: "page-body" }, mn = { class: "form-card" }, gn = { class: "form-fields-vertical" }, _n = { class: "form-fields" }, vn = {
   key: 0,
   class: "form-content"
-}, _n = { class: "page-footer" }, vn = { class: "action-container" }, bn = { class: "action-buttons" };
-function yn(t, o, n, e, r, a) {
-  const i = V("a-card"), l = V("a-spin");
-  return u(), _("div", dn, [
-    R(e.TopBar, {
+}, hn = { class: "page-footer" }, bn = { class: "action-container" }, yn = { class: "action-buttons" };
+function wn(t, o, n, e, a, r) {
+  const i = x("a-card"), l = x("a-spin");
+  return u(), v("div", fn, [
+    F(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", un, [
-      R(l, {
+    w("div", pn, [
+      F(l, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: x(() => [
-          y("div", fn, [
-            y("div", pn, [
-              (u(!0), _($, null, M(e.groupedFields, (c) => (u(), D(i, {
+        default: C(() => [
+          w("div", mn, [
+            w("div", gn, [
+              (u(!0), v(j, null, W(e.groupedFields, (c) => (u(), H(i, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: x(() => [
-                  y("div", mn, [
-                    (u(!0), _($, null, M(c.fields, (s) => (u(), D(e.DataWidgets, {
+                default: C(() => [
+                  w("div", _n, [
+                    (u(!0), v(j, null, W(c.fields, (s) => (u(), H(e.DataWidgets, {
                       key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1488,19 +1517,19 @@ function yn(t, o, n, e, r, a) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), _("div", gn, [
+            t.$slots.content ? (u(), v("div", vn, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : re("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", _n, [
-      y("div", vn, [
+    w("div", hn, [
+      w("div", bn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        y("div", bn, [
-          (u(!0), _($, null, M(e.reversedActions, (c) => (u(), D(e.ActionButton, {
+        w("div", yn, [
+          (u(!0), v(j, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1512,7 +1541,7 @@ function yn(t, o, n, e, r, a) {
     ])
   ]);
 }
-const hn = /* @__PURE__ */ J(cn, [["render", yn], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), wn = /* @__PURE__ */ z({
+const kn = /* @__PURE__ */ Z(un, [["render", wn], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), Sn = /* @__PURE__ */ q({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1520,7 +1549,7 @@ const hn = /* @__PURE__ */ J(cn, [["render", yn], ["__scopeId", "data-v-31413447
   },
   setup(t, { expose: o }) {
     o();
-    const n = ve(), e = Ke(), r = Fe(), a = Ne(), i = Ae("dataWidgets"), l = me(), c = t, s = m({
+    const n = ve(), e = Ee(), a = Ne(), r = Fe(), i = Ae("dataWidgets"), l = me(), c = t, s = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1535,105 +1564,105 @@ const hn = /* @__PURE__ */ J(cn, [["render", yn], ["__scopeId", "data-v-31413447
         workFlowReason: "",
         workflowId: ""
       }
-    }), d = m([]), g = m({});
-    function v(k) {
-      return k ? Object.entries(k).map(([T, S]) => ({
-        fieldKey: T,
+    }), d = g([]), _ = g({});
+    function h(I) {
+      return I ? Object.entries(I).map(([P, S]) => ({
+        fieldKey: P,
         ...S
-      })).filter((T) => T.widget && T.widget.widget !== "Hidden").filter((T) => !E.value.includes(T.fieldKey)) : [];
+      })).filter((P) => P.widget && P.widget.widget !== "Hidden").filter((P) => !K.value.includes(P.fieldKey)) : [];
     }
-    function b(k) {
-      return k ? Object.entries(k).filter(([T, S]) => S.dependent).reduce((T, [S, I]) => (T[S] = I.dependent, T), {}) : [];
+    function y(I) {
+      return I ? Object.entries(I).filter(([P, S]) => S.dependent).reduce((P, [S, V]) => (P[S] = V.dependent, P), {}) : [];
     }
-    const f = K(() => s.value?.actions ? [...s.value.actions].reverse() : []), p = m({}), w = m(!1);
+    const f = z(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = g({}), k = g(!1);
     ge(async () => {
-      w.value = !0;
-      const k = new Ue().setPageActionType(be.Update).setClassName(c.className).setStore({ svrStore: r, bpmStore: a }).setWorkflowId(c.workflowId).build();
-      s.value = await k.getPageData();
-      const C = await k.getBtnList(), T = await k.getFiles();
-      s.value.actions = s.value.actions?.filter((I) => {
-        const O = C.find((L) => L.button === I.title);
-        return O ? O.isShow : !0;
+      k.value = !0;
+      const I = new Re().setPageActionType(he.Update).setClassName(c.className).setStore({ svrStore: a, bpmStore: r }).setWorkflowId(c.workflowId).build();
+      s.value = await I.getPageData();
+      const T = await I.getBtnList(), P = await I.getFiles();
+      s.value.actions = s.value.actions?.filter((V) => {
+        const $ = T.find((B) => B.button === V.title);
+        return $ ? $.isShow : !0;
       });
       const S = s.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: S, hiddenFields: E, formData: p }), d.value = v(s.value.fields), g.value = b(s.value.fields);
-      for (const I in s.value.fields) {
-        if (s.value.fields[I].widget?.widget === "File") {
-          const O = d.value.find((L) => L.fieldKey === I);
-          O && O.widget && (O.widget.files = T[I] ?? [], O.widget.removeFile = (L) => k.removeFile(L));
+      e.Test?.({ fieldValue: S, hiddenFields: K, formData: m }), d.value = h(s.value.fields), _.value = y(s.value.fields);
+      for (const V in s.value.fields) {
+        if (s.value.fields[V].widget?.widget === "File") {
+          const $ = d.value.find((B) => B.fieldKey === V);
+          $ && $.widget && ($.widget.files = P[V] ?? [], $.widget.removeFile = (B) => I.removeFile(B));
         }
-        p.value[I] = s.value.fields[I].modelValue;
+        m.value[V] = s.value.fields[V].modelValue;
       }
-      w.value = !1;
+      k.value = !1;
     });
-    function Z() {
-      return r()?.userInfo?.email_address ?? "";
+    function ee() {
+      return a()?.userInfo?.email_address ?? "";
     }
-    async function oe(k, C, T, S, I) {
-      switch (C) {
+    async function re(I, T, P, S, V) {
+      switch (T) {
         case X.Submit:
-          let O = !0;
-          if (i.value?.forEach((L) => {
-            L?.validate && (L.validate() || (O = !1));
-          }), !O) {
+          let $ = !0;
+          if (i.value?.forEach((B) => {
+            B?.validate && (B.validate() || ($ = !1));
+          }), !$) {
             l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          w.value = !0;
+          k.value = !0;
           try {
-            const L = { ...p.value, ...g.value };
-            e.updatePageBeforeSubmit?.(L, a().employeeInfo);
-            const W = await Ht(c.className, c.workflowId, L, T), ie = i.value?.map((le) => le?.submit ? le.submit(W.toString()) : Promise.resolve()) || [];
-            await Promise.all(ie), w.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${W.toString()}.`);
+            const B = { ...m.value, ..._.value };
+            e.updatePageBeforeSubmit?.(B, r().employeeInfo);
+            const p = await $t(c.className, c.workflowId, B, P), D = i.value?.map((O) => O?.submit ? O.submit(p.toString()) : Promise.resolve()) || [];
+            await Promise.all(D), k.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${p.toString()}.`);
           } catch {
-            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), w.value = !1;
+            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), k.value = !1;
           }
           break;
         case X.Link:
           try {
-            await e[k.eventName || ""]?.(p.value, E), n.push({ name: S, params: { className: c.className } });
+            await e[I.eventName || ""]?.(m.value, K), n.push({ name: S, params: { className: c.className } });
           } catch {
           }
           break;
         default:
-          console.warn("Unknown action type:", C);
+          console.warn("Unknown action type:", T);
       }
     }
-    const E = m([]);
-    function ee(k, C) {
-      e[k]?.({ fieldValue: C, hiddenFields: E, formData: p }), s.value && (d.value = v(s.value.fields));
+    const K = g([]);
+    function te(I, T) {
+      e[I]?.({ fieldValue: T, hiddenFields: K, formData: m }), s.value && (d.value = h(s.value.fields));
     }
-    const ne = K(() => ze(d.value)), A = { router: n, triggers: e, svrStore: r, bpmStore: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: b, reversedActions: f, _data: p, loading: w, getApproverEmail: Z, clickHandler: oe, hiddenFields: E, changeHandler: ee, groupedFields: ne, DataWidgets: Ie, ActionButton: Pe, TopBar: Re };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
+    const ie = z(() => Ke(d.value)), le = { router: n, triggers: e, svrStore: a, bpmStore: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, hiddenFields: K, changeHandler: te, groupedFields: ie, DataWidgets: Ie, ActionButton: Pe, TopBar: Ue };
+    return Object.defineProperty(le, "__isScriptSetup", { enumerable: !1, value: !0 }), le;
   }
-}), kn = { class: "page-container" }, Cn = { class: "page-body" }, Sn = { class: "form-card" }, xn = { class: "form-fields-vertical" }, Vn = { class: "form-fields" }, Tn = {
+}), Cn = { class: "page-container" }, xn = { class: "page-body" }, Tn = { class: "form-card" }, Vn = { class: "form-fields-vertical" }, An = { class: "form-fields" }, In = {
   key: 0,
   class: "form-content"
-}, An = { class: "page-footer" }, In = { class: "action-container" }, Pn = { class: "action-buttons" };
-function Nn(t, o, n, e, r, a) {
-  const i = V("a-card"), l = V("a-spin");
-  return u(), _("div", kn, [
-    R(e.TopBar, {
+}, Pn = { class: "page-footer" }, Fn = { class: "action-container" }, Nn = { class: "action-buttons" };
+function Un(t, o, n, e, a, r) {
+  const i = x("a-card"), l = x("a-spin");
+  return u(), v("div", Cn, [
+    F(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", Cn, [
-      R(l, {
+    w("div", xn, [
+      F(l, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: x(() => [
-          y("div", Sn, [
-            y("div", xn, [
-              (u(!0), _($, null, M(e.groupedFields, (c) => (u(), D(i, {
+        default: C(() => [
+          w("div", Tn, [
+            w("div", Vn, [
+              (u(!0), v(j, null, W(e.groupedFields, (c) => (u(), H(i, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: x(() => [
-                  y("div", Vn, [
-                    (u(!0), _($, null, M(c.fields, (s) => (u(), D(e.DataWidgets, {
+                default: C(() => [
+                  w("div", An, [
+                    (u(!0), v(j, null, W(c.fields, (s) => (u(), H(e.DataWidgets, {
                       key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1650,19 +1679,19 @@ function Nn(t, o, n, e, r, a) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), _("div", Tn, [
+            t.$slots.content ? (u(), v("div", In, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : re("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", An, [
-      y("div", In, [
+    w("div", Pn, [
+      w("div", Fn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        y("div", Pn, [
-          (u(!0), _($, null, M(e.reversedActions, (c) => (u(), D(e.ActionButton, {
+        w("div", Nn, [
+          (u(!0), v(j, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1674,11 +1703,11 @@ function Nn(t, o, n, e, r, a) {
     ])
   ]);
 }
-const Fn = /* @__PURE__ */ J(wn, [["render", Nn], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), mt = Symbol("library-custom-comp");
-function Rn() {
-  return ye(mt, null);
+const Rn = /* @__PURE__ */ Z(Sn, [["render", Un], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), gt = Symbol("library-custom-comp");
+function Bn() {
+  return be(gt, null);
 }
-const Un = /* @__PURE__ */ z({
+const Dn = /* @__PURE__ */ q({
   __name: "DetailView",
   props: {
     className: {},
@@ -1686,9 +1715,9 @@ const Un = /* @__PURE__ */ z({
   },
   setup(t, { expose: o }) {
     o();
-    const n = Fe(), e = Ne(), r = Ke(), a = ve(), i = Rn(), l = me(), c = t;
+    const n = Ne(), e = Fe(), a = Ee(), r = ve(), i = Bn(), l = me(), c = t;
     let s;
-    const d = m({
+    const d = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1703,34 +1732,34 @@ const Un = /* @__PURE__ */ z({
         workFlowReason: "",
         workflowId: ""
       }
-    }), g = m([]), v = Ae("dataWidgets");
-    function b(N) {
-      return N ? Object.entries(N).map(([G, F]) => {
-        typeof F.modelValue == "boolean" ? F.fieldValue = F.modelValue ? "Yes" : "No" : F.fieldValue = F.modelValue;
-        const j = {
-          fieldKey: G,
-          ...F
+    }), _ = g([]), h = Ae("dataWidgets");
+    function y(N) {
+      return N ? Object.entries(N).map(([Y, U]) => {
+        typeof U.modelValue == "boolean" ? U.fieldValue = U.modelValue ? "Yes" : "No" : U.fieldValue = U.modelValue;
+        const E = {
+          fieldKey: Y,
+          ...U
         };
-        return j.widget?.readonly || j.validations?.some(
+        return E.widget?.readonly || E.validations?.some(
           (pe) => pe.ruleName === "Required"
-        ) ? j : {
-          ...j,
+        ) ? E : {
+          ...E,
           validations: [
-            ...j.validations || [],
+            ...E.validations || [],
             {
               ruleName: "Required",
               ruleParameter: "",
-              errorMessage: `${fe(j.widget?.title) || j.fieldKey} is required`
+              errorMessage: `${fe(E.widget?.title) || E.fieldKey} is required`
             }
           ]
         };
-      }).filter((G) => G.widget && G.widget.widget !== "Hidden").filter((G) => !C.value.includes(G.fieldKey)) : [];
+      }).filter((Y) => Y.widget && Y.widget.widget !== "Hidden").filter((Y) => !T.value.includes(Y.fieldKey)) : [];
     }
-    const f = K(() => ze(g.value)), p = K(() => d.value?.actions ? [...d.value.actions].reverse() : []), w = m(!0), Z = (N, H) => {
-      const G = N.findIndex((F) => F.isCurrent);
-      return N.map((F, j) => {
-        const U = {
-          id: F.id,
+    const f = z(() => Ke(_.value)), m = z(() => d.value?.actions ? [...d.value.actions].reverse() : []), k = g(!0), ee = (N, M) => {
+      const Y = N.findIndex((U) => U.isCurrent);
+      return N.map((U, E) => {
+        const R = {
+          id: U.id,
           title: "",
           proxy: "",
           sub: "",
@@ -1738,100 +1767,100 @@ const Un = /* @__PURE__ */ z({
           status: 1,
           time: ""
         };
-        U.title = F.workflowProcessApprovers[0]?.name;
-        const pe = F.workflowProcessApprovers[F.workflowProcessApprovers.length - 1], Se = F.workflowHistorys[F.workflowHistorys.length - 1], we = Se?.workflowHistoryApprovers[Se?.workflowHistoryApprovers?.length - 1];
-        if (pe && we && pe?.email?.toLowerCase() !== we?.approverEmail?.toLowerCase() && (U.title = `${we.name}`, U.proxy = `Proxy: ${pe.name}`), F.sort > 1 ? U.sub = "Approver Role: " + F.nodeName.replace("Submit", "").replace("Approve", "") : U.sub = "Submit Application", F.isCurrent && H !== -1)
-          U.desc = "In Approval", U.status = 1;
+        R.title = U.workflowProcessApprovers[0]?.name;
+        const pe = U.workflowProcessApprovers[U.workflowProcessApprovers.length - 1], Ce = U.workflowHistorys[U.workflowHistorys.length - 1], we = Ce?.workflowHistoryApprovers[Ce?.workflowHistoryApprovers?.length - 1];
+        if (pe && we && pe?.email?.toLowerCase() !== we?.approverEmail?.toLowerCase() && (R.title = `${we.name}`, R.proxy = `Proxy: ${pe.name}`), U.sort > 1 ? R.sub = "Approver Role: " + U.nodeName.replace("Submit", "").replace("Approve", "") : R.sub = "Submit Application", U.isCurrent && M !== -1)
+          R.desc = "In Approval", R.status = 1;
         else {
-          const te = F.workflowHistorys[F.workflowHistorys.length - 1];
-          if (te && te.status === 100)
-            U.time = Ve(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.status = 2, U.desc = "approve success!";
-          else if (te && te.status === 999)
-            U.time = Ve(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.status = 0, U.desc = "approve reject!";
-          else if (te)
-            if (U.time = Ve(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.sort === 1)
-              U.status = 2, U.desc = "";
+          const ne = U.workflowHistorys[U.workflowHistorys.length - 1];
+          if (ne && ne.status === 100)
+            R.time = Te(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.status = 2, R.desc = "approve success!";
+          else if (ne && ne.status === 999)
+            R.time = Te(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.status = 0, R.desc = "approve reject!";
+          else if (ne)
+            if (R.time = Te(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), U.sort === 1)
+              R.status = 2, R.desc = "";
             else {
-              const xe = te.workflowHistoryApprovers[0];
-              U.status = 3, U.desc = xe?.reason ? `Rejected reason: ${xe.reason}` : "Rejected";
+              const xe = ne.workflowHistoryApprovers[0];
+              R.status = 3, R.desc = xe?.reason ? `Rejected reason: ${xe.reason}` : "Rejected";
             }
-          else j < G || G === -1 ? (U.status = 0, U.desc = "Skipped") : (U.status = 0, U.desc = "Pending Approval");
-          te && te.status;
+          else E < Y || Y === -1 ? (R.status = 0, R.desc = "Skipped") : (R.status = 0, R.desc = "Pending Approval");
+          ne && ne.status;
         }
-        return U;
+        return R;
       });
-    }, oe = m([]), E = m(!1), ee = m(!1), ne = m(!1), A = m(!1);
-    async function k() {
+    }, re = g([]), K = g(!1), te = g(!1), ie = g(!1), le = g(!1);
+    async function I() {
       const N = await s.getBtnList();
-      d.value.actions = d.value.actions?.filter((H) => {
-        const G = N.find((F) => F.button === H.title);
-        return G ? G.isShow : !0;
-      }), E.value = N.find((H) => H.button === "IsGlobal")?.isShow ?? !1, ee.value = N.find((H) => H.button === "AssignButton")?.isShow ?? !1, ne.value = N.find((H) => H.button === "AssignList")?.isShow ?? !1, A.value = N.find((H) => H.button === "AddCommentsButton")?.isShow ?? !1;
+      d.value.actions = d.value.actions?.filter((M) => {
+        const Y = N.find((U) => U.button === M.title);
+        return Y ? Y.isShow : !0;
+      }), K.value = N.find((M) => M.button === "IsGlobal")?.isShow ?? !1, te.value = N.find((M) => M.button === "AssignButton")?.isShow ?? !1, ie.value = N.find((M) => M.button === "AssignList")?.isShow ?? !1, le.value = N.find((M) => M.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const C = m([]);
-    async function T() {
-      w.value = !0, s = new Ue().setPageActionType(be.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), d.value = await s.getPageData();
+    const T = g([]);
+    async function P() {
+      k.value = !0, s = new Re().setPageActionType(he.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), d.value = await s.getPageData();
       const N = await s.getFiles();
-      le.value = await s.getApprovers(), W.value = await s.getCommentsHistory(), se.value = await s.getAssociator(), await k(), r.detailPageLoaded?.(d, e().employeeInfo);
-      const H = d.value.fields.requestType.modelValue;
-      r.Test?.({ fieldValue: H, hiddenFields: C }), g.value = b(d.value.fields);
-      for (const F in d.value.fields)
-        if (d.value.fields[F].widget?.widget === "File") {
-          const j = g.value.find((U) => U.fieldKey === F);
-          j && j.widget && (j.widget.files = N[F] ?? []);
+      O.value = await s.getApprovers(), p.value = await s.getCommentsHistory(), oe.value = await s.getAssociator(), await I(), a.detailPageLoaded?.(d, e().employeeInfo);
+      const M = d.value.fields.requestType.modelValue;
+      a.Test?.({ fieldValue: M, hiddenFields: T }), _.value = y(d.value.fields);
+      for (const U in d.value.fields)
+        if (d.value.fields[U].widget?.widget === "File") {
+          const E = _.value.find((R) => R.fieldKey === U);
+          E && E.widget && (E.widget.files = N[U] ?? []);
         }
-      const G = await s.getProcess();
-      oe.value = Z(G, 0), w.value = !1;
+      const Y = await s.getProcess();
+      re.value = ee(Y, 0), k.value = !1;
     }
-    ge(T);
-    async function S(N, H) {
-      return r[N]?.(H);
+    ge(P);
+    async function S(N, M) {
+      return a[N]?.(M);
     }
-    function I() {
+    function V() {
       return n()?.userInfo?.email_address ?? "";
     }
-    async function O(N, H, G, F, j) {
+    async function $(N, M, Y, U, E) {
       try {
-        switch (H) {
+        switch (M) {
           case X.Submit:
-            let U = !0;
-            if (v.value?.forEach((_e) => {
-              _e?.validate && !_e.validate() && (U = !1);
-            }), !U) {
+            let R = !0;
+            if (h.value?.forEach((_e) => {
+              _e?.validate && !_e.validate() && (R = !1);
+            }), !R) {
               l?.appContext.config.globalProperties.$message.error(
                 "Please complete all required fields before submit."
               );
               return;
             }
-            const { reason: pe, ifGlobal: Se } = await S(j, {
-              isGlobal: E.value
+            const { reason: pe, ifGlobal: Ce } = await S(E, {
+              isGlobal: K.value
             });
-            w.value = !0;
-            const we = g.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, te = j === "Approve" ? "100" : "-1", xe = await Kt(
+            k.value = !0;
+            const we = _.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, ne = E === "Approve" ? "100" : "-1", xe = await Kt(
               c.className,
               c.workflowId,
-              I(),
+              V(),
               pe,
-              G,
-              te,
-              Se,
+              Y,
+              ne,
+              Ce,
               {
                 approvedGrade: we
               }
             );
-            await S(`${j}Success`, {
+            await S(`${E}Success`, {
               workflowId: c.workflowId,
               res: xe
-            }), w.value = !1;
-            const gt = j === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
+            }), k.value = !1;
+            const _t = E === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
             l?.appContext.config.globalProperties.$notification.success(
-              gt
-            ), T();
+              _t
+            ), P();
             break;
           case X.Link:
             try {
-              await r[N.eventName || ""]?.(), a.push({
-                name: F,
+              await a[N.eventName || ""]?.(), r.push({
+                name: U,
                 params: { className: c.className, workflowId: c.workflowId }
               });
             } catch (_e) {
@@ -1839,39 +1868,39 @@ const Un = /* @__PURE__ */ z({
             }
             break;
           case X.Button:
-            await r[N.eventName || ""]?.({
-              approvers: le,
-              associators: se,
-              isShowAssignSelect: ee,
-              isShowAssignList: ne,
-              assignCallback: h,
-              deleteAssociatorCallback: B
+            await a[N.eventName || ""]?.({
+              approvers: O,
+              associators: oe,
+              isShowAssignSelect: te,
+              isShowAssignList: ie,
+              assignCallback: b,
+              deleteAssociatorCallback: L
             });
             break;
           default:
-            console.warn("Unknown action type:", H);
+            console.warn("Unknown action type:", M);
         }
       } catch {
       }
     }
-    const L = m(""), W = m([]), ie = m(""), le = m([]), se = m([]);
-    async function h(N) {
+    const B = g(""), p = g([]), D = g(""), O = g([]), oe = g([]);
+    async function b(N) {
       if (!N) {
         l?.appContext.config.globalProperties.$message.error(
           "Please select an approver"
         );
         return;
       }
-      await P(
+      await A(
         "Confirm Assign Approver",
         "Do you want to assign the selected approver?"
       );
       try {
-        await s.assignApprover(N), se.value = await s.getAssociator(), k(), l?.appContext.config.globalProperties.$notification.success(
+        await s.assignApprover(N), oe.value = await s.getAssociator(), I(), l?.appContext.config.globalProperties.$notification.success(
           "Assign Approver clicked!"
         );
-      } catch (H) {
-        if (H.status === 409) {
+      } catch (M) {
+        if (M.status === 409) {
           l?.appContext.config.globalProperties.$notification.error(
             "This user is already an associator"
           );
@@ -1882,22 +1911,22 @@ const Un = /* @__PURE__ */ z({
         );
       }
     }
-    async function P(N, H) {
-      const { Modal: G } = await import("@arco-design/web-vue");
-      return new Promise((F, j) => {
-        G.confirm({
+    async function A(N, M) {
+      const { Modal: Y } = await import("@arco-design/web-vue");
+      return new Promise((U, E) => {
+        Y.confirm({
           title: N,
-          content: H,
+          content: M,
           okText: "OK",
           cancelText: "Cancel",
-          onOk: () => F(!0),
-          onCancel: () => j()
+          onOk: () => U(!0),
+          onCancel: () => E()
         });
       });
     }
-    async function B(N) {
+    async function L(N) {
       try {
-        await P(
+        await A(
           "Confirm Delete Associator",
           "Do you want to delete this associator?"
         );
@@ -1905,7 +1934,7 @@ const Un = /* @__PURE__ */ z({
         return;
       }
       try {
-        await s.deleteAssociator(N.toString()), se.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
+        await s.deleteAssociator(N.toString()), oe.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
           "Associator deleted successfully!"
         );
       } catch {
@@ -1915,112 +1944,112 @@ const Un = /* @__PURE__ */ z({
       }
     }
     async function de() {
-      if (!L.value.trim()) {
+      if (!B.value.trim()) {
         l?.appContext.config.globalProperties.$message.error(
           "Comment cannot be empty"
         );
         return;
       }
-      await s.addComments(L.value.trim()), L.value = "", W.value = await s.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success(
+      await s.addComments(B.value.trim()), B.value = "", p.value = await s.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success(
         "Add Comment clicked!"
       );
     }
     function fe(N) {
       return N ? N === "OtherInformationText" ? "Other Information" : N : "";
     }
-    const We = { svrStore: n, bpmStore: e, triggers: r, router: a, customComps: i, instance: l, props: c, get page() {
+    const We = { svrStore: n, bpmStore: e, triggers: a, router: r, customComps: i, instance: l, props: c, get page() {
       return s;
     }, set page(N) {
       s = N;
-    }, pageData: d, _fields: g, dataWidgetsRefs: v, genField: b, groupedFields: f, reversedActions: p, loading: w, mapWorkflowSteps: Z, steps: oe, isGlobal: E, isShowAssignSelect: ee, isShowAssignList: ne, isShowCommentTextArea: A, reloadButtonList: k, hiddenFields: C, load: T, triggerFn: S, getApproverEmail: I, clickHandler: O, comment: L, commentsHistory: W, selectedApprover: ie, approvers: le, associators: se, onAssignApprover: h, confirmDialog: P, onDeleteAssociator: B, onAddComment: de, formatTitle: fe, ActionButton: Pe, get IconDownload() {
-      return Bo;
-    }, TopBar: Re, get formatDate() {
-      return Ve;
-    }, ToolTip: dt, DataWidgets: Ie };
+    }, pageData: d, _fields: _, dataWidgetsRefs: h, genField: y, groupedFields: f, reversedActions: m, loading: k, mapWorkflowSteps: ee, steps: re, isGlobal: K, isShowAssignSelect: te, isShowAssignList: ie, isShowCommentTextArea: le, reloadButtonList: I, hiddenFields: T, load: P, triggerFn: S, getApproverEmail: V, clickHandler: $, comment: B, commentsHistory: p, selectedApprover: D, approvers: O, associators: oe, onAssignApprover: b, confirmDialog: A, onDeleteAssociator: L, onAddComment: de, formatTitle: fe, ActionButton: Pe, get IconDownload() {
+      return Ho;
+    }, TopBar: Ue, get formatDate() {
+      return Te;
+    }, ToolTip: ut, DataWidgets: Ie };
     return Object.defineProperty(We, "__isScriptSetup", { enumerable: !1, value: !0 }), We;
   }
-}), Dn = { class: "page-container" }, Bn = { class: "page-body" }, Ln = { class: "detail-card" }, Hn = { class: "form-fields-vertical" }, On = { class: "detail-fields" }, $n = { class: "detail-field" }, jn = {
+}), Ln = { class: "page-container" }, Hn = { class: "page-body" }, $n = { class: "detail-card" }, On = { class: "form-fields-vertical" }, Mn = { class: "detail-fields" }, jn = { class: "detail-field" }, zn = {
   key: 0,
   class: "detail-field"
-}, Mn = { class: "field-label" }, En = {
+}, En = { class: "field-label" }, Kn = {
   key: 1,
   class: "field-value"
-}, Kn = {
+}, Wn = {
   key: 2,
   class: "detail-field-wrapper"
-}, zn = { class: "detail-field" }, Wn = {
+}, Gn = { class: "detail-field" }, qn = {
   key: 0,
   class: "detail-content"
-}, Gn = { class: "page-footer" }, qn = { class: "action-container" }, Yn = { class: "action-buttons" };
-function Qn(t, o, n, e, r, a) {
-  const i = V("a-link"), l = V("a-space"), c = V("a-card");
-  V("a-option"), V("a-select");
-  const s = V("a-button"), d = V("a-list-item"), g = V("a-list"), v = V("a-textarea"), b = V("a-spin");
-  return u(), _("div", Dn, [
-    R(e.TopBar, {
+}, Yn = { class: "page-footer" }, Qn = { class: "action-container" }, Jn = { class: "action-buttons" };
+function Zn(t, o, n, e, a, r) {
+  const i = x("a-link"), l = x("a-space"), c = x("a-card");
+  x("a-option"), x("a-select");
+  const s = x("a-button"), d = x("a-list-item"), _ = x("a-list"), h = x("a-textarea"), y = x("a-spin");
+  return u(), v("div", Ln, [
+    F(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", Bn, [
-      R(b, {
+    w("div", Hn, [
+      F(y, {
         loading: e.loading,
         class: "detail-container"
       }, {
-        default: x(() => [
-          y("div", Ln, [
-            (u(), D(je(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            y("div", Hn, [
-              (u(!0), _($, null, M(e.groupedFields, (f) => (u(), D(c, {
+        default: C(() => [
+          w("div", $n, [
+            (u(), H(Me(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            w("div", On, [
+              (u(!0), v(j, null, W(e.groupedFields, (f) => (u(), H(c, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: x(() => [
-                  y("div", On, [
-                    (u(!0), _($, null, M(f.fields, (p) => (u(), _("div", {
-                      key: p.fieldKey,
+                default: C(() => [
+                  w("div", Mn, [
+                    (u(!0), v(j, null, W(f.fields, (m) => (u(), v("div", {
+                      key: m.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      y("div", $n, [
-                        p.widget?.readonly ? (u(), _($, { key: 1 }, [
-                          y("div", Mn, [
-                            ae(Q(e.formatTitle(p.widget?.title)) + " ", 1),
-                            R(e.ToolTip, {
-                              "is-visible": p.widget?.isVisible ?? !1,
-                              "output-text": p.widget?.outputText ?? []
+                      w("div", jn, [
+                        m.widget?.readonly ? (u(), v(j, { key: 1 }, [
+                          w("div", En, [
+                            ae(G(e.formatTitle(m.widget?.title)) + " ", 1),
+                            F(e.ToolTip, {
+                              "is-visible": m.widget?.isVisible ?? !1,
+                              "output-text": m.widget?.outputText ?? []
                             }, null, 8, ["is-visible", "output-text"])
                           ]),
-                          p.widget?.widget === "File" ? (u(!0), _($, { key: 0 }, M(p.widget.files, (w) => (u(), _("div", {
+                          m.widget?.widget === "File" ? (u(!0), v(j, { key: 0 }, W(m.widget.files, (k) => (u(), v("div", {
                             class: "field-value",
-                            key: w.id
+                            key: k.id
                           }, [
-                            R(l, null, {
-                              default: x(() => [
-                                ae(Q(w.name) + " ", 1),
-                                R(i, {
-                                  href: w.url,
+                            F(l, null, {
+                              default: C(() => [
+                                ae(G(k.name) + " ", 1),
+                                F(i, {
+                                  href: k.url,
                                   target: "_blank"
                                 }, {
-                                  default: x(() => [
-                                    R(e.IconDownload, { style: { color: "#7A00E6" } })
+                                  default: C(() => [
+                                    F(e.IconDownload, { style: { color: "#7A00E6" } })
                                   ]),
                                   _: 2
                                 }, 1032, ["href"])
                               ]),
                               _: 2
                             }, 1024)
-                          ]))), 128)) : (u(), _("div", En, Q(p.fieldValue), 1))
-                        ], 64)) : (u(), _("div", jn, [
-                          R(e.DataWidgets, {
+                          ]))), 128)) : (u(), v("div", Kn, G(m.fieldValue), 1))
+                        ], 64)) : (u(), v("div", zn, [
+                          F(e.DataWidgets, {
                             ref_for: !0,
                             ref: "dataWidgets",
-                            "field-key": p.fieldKey,
-                            name: p.fieldKey,
-                            config: p,
+                            "field-key": m.fieldKey,
+                            name: m.fieldKey,
+                            config: m,
                             "class-name": n.className,
-                            modelValue: p.modelValue,
-                            "onUpdate:modelValue": (w) => p.modelValue = w,
+                            modelValue: m.modelValue,
+                            "onUpdate:modelValue": (k) => m.modelValue = k,
                             class: "form-field"
                           }, null, 8, ["field-key", "name", "config", "class-name", "modelValue", "onUpdate:modelValue"])
                         ]))
@@ -2030,69 +2059,69 @@ function Qn(t, o, n, e, r, a) {
                 ]),
                 _: 2
               }, 1032, ["title"]))), 128)),
-              re("", !0),
-              re("", !0),
-              e.isShowCommentTextArea ? (u(), _("div", Kn, [
-                y("div", zn, [
-                  o[6] || (o[6] = y("div", { class: "field-label" }, "Comment", -1)),
-                  R(v, {
+              se("", !0),
+              se("", !0),
+              e.isShowCommentTextArea ? (u(), v("div", Wn, [
+                w("div", Gn, [
+                  o[6] || (o[6] = w("div", { class: "field-label" }, "Comment", -1)),
+                  F(h, {
                     modelValue: e.comment,
                     "onUpdate:modelValue": o[1] || (o[1] = (f) => e.comment = f)
                   }, null, 8, ["modelValue"]),
-                  R(s, {
+                  F(s, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: x(() => o[5] || (o[5] = [
+                    default: C(() => o[5] || (o[5] = [
                       ae("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
-              ])) : re("", !0),
-              e.commentsHistory.length ? (u(), D(g, { key: 3 }, {
-                header: x(() => o[7] || (o[7] = [
+              ])) : se("", !0),
+              e.commentsHistory.length ? (u(), H(_, { key: 3 }, {
+                header: C(() => o[7] || (o[7] = [
                   ae(" Comments History ", -1)
                 ])),
-                default: x(() => [
-                  (u(!0), _($, null, M(e.commentsHistory, (f) => (u(), D(d, {
+                default: C(() => [
+                  (u(!0), v(j, null, W(e.commentsHistory, (f) => (u(), H(d, {
                     key: f.associator
                   }, {
-                    default: x(() => [
-                      ae(Q(f.associator) + ": " + Q(f.comments) + " (" + Q(e.formatDate(f.createdAt)) + ") ", 1)
+                    default: C(() => [
+                      ae(G(f.associator) + ": " + G(f.comments) + " (" + G(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : re("", !0)
+              })) : se("", !0)
             ]),
-            t.$slots.content ? (u(), _("div", Wn, [
+            t.$slots.content ? (u(), v("div", qn, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : re("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", Gn, [
-      y("div", qn, [
+    w("div", Yn, [
+      w("div", Qn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        y("div", Yn, [
-          (u(!0), _($, null, M(e.reversedActions, (f) => (u(), D(e.ActionButton, {
+        w("div", Jn, [
+          (u(!0), v(j, null, W(e.reversedActions, (f) => (u(), H(e.ActionButton, {
             key: f.title,
             loading: e.loading,
             config: f,
             class: "action-button",
-            onClick: (...p) => e.clickHandler(f, ...p)
+            onClick: (...m) => e.clickHandler(f, ...m)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const Jn = /* @__PURE__ */ J(Un, [["render", Qn], ["__scopeId", "data-v-117ace1a"], ["__file", "DetailView.vue"]]), Xn = /* @__PURE__ */ z({
+const Xn = /* @__PURE__ */ Z(Dn, [["render", Zn], ["__scopeId", "data-v-117ace1a"], ["__file", "DetailView.vue"]]), er = /* @__PURE__ */ q({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -2100,7 +2129,7 @@ const Jn = /* @__PURE__ */ J(Un, [["render", Qn], ["__scopeId", "data-v-117ace1a
   },
   setup(t, { expose: o }) {
     o();
-    const n = Fe(), e = Ne(), r = ve(), a = me(), i = t, l = m(), c = vt({
+    const n = Ne(), e = Fe(), a = ve(), r = me(), i = t, l = g(), c = ht({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -2110,10 +2139,10 @@ const Jn = /* @__PURE__ */ J(Un, [["render", Qn], ["__scopeId", "data-v-117ace1a
       filters: []
     });
     function s() {
-      const h = Object.entries(S.value).filter(([, { value: P }]) => P && P !== "").map(([P, { value: B, operator: de }]) => {
-        const fe = typeof B == "string" ? B.trim() : B;
+      const b = Object.entries(S.value).filter(([, { value: A }]) => A && A !== "").map(([A, { value: L, operator: de }]) => {
+        const fe = typeof L == "string" ? L.trim() : L;
         return {
-          key: P,
+          key: A,
           value: fe,
           operator: de
           // 根据实际需要调整操作符
@@ -2122,21 +2151,21 @@ const Jn = /* @__PURE__ */ J(Un, [["render", Qn], ["__scopeId", "data-v-117ace1a
       return {
         pageNumber: c.current,
         pageSize: c.pageSize,
-        filters: [...c.filters, ...h],
+        filters: [...c.filters, ...b],
         sorts: [{
           key: "workflowId",
           type: 1
         }]
       };
     }
-    const d = K(() => ({
-      x: b.value.length * 150 + 250
+    const d = z(() => ({
+      x: y.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), g = (h) => {
-      const P = Object.entries(h).filter(([, B]) => B.widget?.column).map(([B, de], fe) => ({
+    })), _ = (b) => {
+      const A = Object.entries(b).filter(([, L]) => L.widget?.column).map(([L, de], fe) => ({
         title: de.widget.title,
-        dataIndex: B.charAt(0).toLowerCase() + B.slice(1),
+        dataIndex: L.charAt(0).toLowerCase() + L.slice(1),
         order: de.order,
         ellipsis: !0,
         tooltip: !0,
@@ -2145,8 +2174,8 @@ const Jn = /* @__PURE__ */ J(Un, [["render", Qn], ["__scopeId", "data-v-117ace1a
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((B, de) => B.order - de.order);
-      P.push({
+      })).sort((L, de) => L.order - de.order);
+      A.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -2154,148 +2183,148 @@ const Jn = /* @__PURE__ */ J(Un, [["render", Qn], ["__scopeId", "data-v-117ace1a
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = P;
-    }, v = m([]), b = m([]), f = m(!0), p = m(!0), w = m(), Z = async () => {
-      p.value = !0;
-      const h = await Bt(i.className, s());
-      v.value = h.data, c.total = h.totalCount, p.value = !1;
-    }, oe = m(!1);
+      }), y.value = A;
+    }, h = g([]), y = g([]), f = g(!0), m = g(!0), k = g(), ee = async () => {
+      m.value = !0;
+      const b = await Lt(i.className, s());
+      h.value = b.data, c.total = b.totalCount, m.value = !1;
+    }, re = g(!1);
     ge(async () => {
       f.value = !0;
-      const h = new Ue().setPageActionType(be.List).setClassName(i.className).setStore({ svrStore: n, bpmStore: e }).build();
-      l.value = await h.getPageData(), g(l.value.fields), O(l.value.fields), L(), T(l.value?.tabs?.[0]?.key || ""), w.value = l.value.actions, f.value = !1, oe.value = !0;
+      const b = new Re().setPageActionType(he.List).setClassName(i.className).setStore({ svrStore: n, bpmStore: e }).build();
+      l.value = await b.getPageData(), _(l.value.fields), $(l.value.fields), B(), P(l.value?.tabs?.[0]?.key || ""), k.value = l.value.actions, f.value = !1, re.value = !0;
     }), bt(() => {
-      oe.value && Z();
+      re.value && ee();
     });
-    const E = (h) => {
-      c.current = h, Z();
-    }, ee = (h) => {
-      c.pageSize = h, Z();
+    const K = (b) => {
+      c.current = b, ee();
+    }, te = (b) => {
+      c.pageSize = b, ee();
     };
-    function ne(h, P, B, de, fe) {
-      switch (h) {
+    function ie(b, A, L, de, fe) {
+      switch (b) {
         case X.Link:
-          r.push({ name: B, params: { workflowId: fe } });
+          a.push({ name: L, params: { workflowId: fe } });
           break;
         default:
-          console.warn("Unknown action type:", h);
+          console.warn("Unknown action type:", b);
       }
     }
-    function A(h, P, B) {
-      switch (h) {
+    function le(b, A, L) {
+      switch (b) {
         case X.Submit:
-          oo(P, { filters: [{ key: "approverList", value: k(), operator: 2 }] }), a?.appContext.config.globalProperties.$notification.success("submit success!");
+          no(A, { filters: [{ key: "approverList", value: I(), operator: 2 }] }), r?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case X.Link:
-          r.push({ name: B });
+          a.push({ name: L });
           break;
         default:
-          console.warn("Unknown action type:", h);
+          console.warn("Unknown action type:", b);
       }
     }
-    function k() {
+    function I() {
       return n()?.userInfo?.email_address ?? "";
     }
-    function C(h, P) {
-      return typeof h != "string" || h.indexOf("{currentUserEmail}") === -1 ? h : h.replace(/{currentUserEmail}/g, P);
+    function T(b, A) {
+      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, A);
     }
-    function T(h) {
-      const P = l.value?.tabs?.find((B) => B.key === h)?.filters;
-      c.filters = P?.map((B) => ({
-        ...B,
-        value: C(B.value, k())
-      })) || [], c.current = 1, Z();
+    function P(b) {
+      const A = l.value?.tabs?.find((L) => L.key === b)?.filters;
+      c.filters = A?.map((L) => ({
+        ...L,
+        value: T(L.value, I())
+      })) || [], c.current = 1, ee();
     }
-    const S = m({}), I = m([]);
-    function O(h) {
-      if (!h) return [];
-      I.value = Object.entries(h).filter(([, P]) => P.isFiltered).map(([P, B]) => ({ fieldKey: P, fieldConfig: B }));
+    const S = g({}), V = g([]);
+    function $(b) {
+      if (!b) return [];
+      V.value = Object.entries(b).filter(([, A]) => A.isFiltered).map(([A, L]) => ({ fieldKey: A, fieldConfig: L }));
     }
-    const L = () => {
-      const h = {};
-      I.value.forEach(({ fieldKey: P, fieldConfig: B }) => {
-        h[P] = {}, h[P].value = B.modelValue, h[P].operator = B.operator;
-      }), S.value = h;
-    }, W = () => {
-      c.current = 1, Z();
-    }, ie = () => {
-      l.value && L(), W();
+    const B = () => {
+      const b = {};
+      V.value.forEach(({ fieldKey: A, fieldConfig: L }) => {
+        b[A] = {}, b[A].value = L.modelValue, b[A].operator = L.operator;
+      }), S.value = b;
+    }, p = () => {
+      c.current = 1, ee();
+    }, D = () => {
+      l.value && B(), p();
     };
-    function le(h, P) {
-      return !(h.location !== "InTable" || h.title === "Update" && (P.sort === 3 || P.status === 100 || P.status === -1));
+    function O(b, A) {
+      return !(b.location !== "InTable" || b.title === "Update" && (A.sort === 3 || A.status === 100 || A.status === -1));
     }
-    const se = { svrStore: n, bpmStore: e, router: r, instance: a, props: i, pageData: l, paging: c, createListParams: s, scroll: d, mapColumns: g, _data: v, _columns: b, loadingPage: f, loadingTable: p, actions: w, loadData: Z, mounted: oe, pageChangeHandler: E, pageSizeChangeHandler: ee, clickHandler: ne, createHandler: A, getApproverEmail: k, replaceEmail: C, tabHandler: T, searchForm: S, searchableFields: I, mapSearchableFields: O, initSearchForm: L, handleSearch: W, handleReset: ie, judgeHiddenActions: le, ActionButton: Pe, DataWidgets: Ie, TopBar: Re };
-    return Object.defineProperty(se, "__isScriptSetup", { enumerable: !1, value: !0 }), se;
+    const oe = { svrStore: n, bpmStore: e, router: a, instance: r, props: i, pageData: l, paging: c, createListParams: s, scroll: d, mapColumns: _, _data: h, _columns: y, loadingPage: f, loadingTable: m, actions: k, loadData: ee, mounted: re, pageChangeHandler: K, pageSizeChangeHandler: te, clickHandler: ie, createHandler: le, getApproverEmail: I, replaceEmail: T, tabHandler: P, searchForm: S, searchableFields: V, mapSearchableFields: $, initSearchForm: B, handleSearch: p, handleReset: D, judgeHiddenActions: O, ActionButton: Pe, DataWidgets: Ie, TopBar: Ue };
+    return Object.defineProperty(oe, "__isScriptSetup", { enumerable: !1, value: !0 }), oe;
   }
-}), Zn = { class: "list-container" }, ea = { class: "query-title" };
-function ta(t, o, n, e, r, a) {
-  const i = V("a-space"), l = V("a-col"), c = V("a-button"), s = V("a-row"), d = V("a-card"), g = V("a-tab-pane"), v = V("a-tabs"), b = V("a-table");
-  return u(), _("div", Zn, [
-    R(e.TopBar, {
+}), tr = { class: "list-container" }, or = { class: "query-title" };
+function nr(t, o, n, e, a, r) {
+  const i = x("a-space"), l = x("a-col"), c = x("a-button"), s = x("a-row"), d = x("a-card"), _ = x("a-tab-pane"), h = x("a-tabs"), y = x("a-table");
+  return u(), v("div", tr, [
+    F(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    R(d, null, {
-      default: x(() => [
-        y("div", ea, [
-          o[0] || (o[0] = y("h3", null, "Search Conditions", -1)),
-          R(i, { size: "medium" }, {
-            default: x(() => [
-              (u(!0), _($, null, M(e.actions, (f) => (u(), _($, {
+    F(d, null, {
+      default: C(() => [
+        w("div", or, [
+          o[0] || (o[0] = w("h3", null, "Search Conditions", -1)),
+          F(i, { size: "medium" }, {
+            default: C(() => [
+              (u(!0), v(j, null, W(e.actions, (f) => (u(), v(j, {
                 key: f.title
               }, [
-                f.location === "InOperation" ? (u(), D(e.ActionButton, {
+                f.location === "InOperation" ? (u(), H(e.ActionButton, {
                   key: 0,
                   config: f,
                   onClick: e.createHandler
-                }, null, 8, ["config"])) : re("", !0)
+                }, null, 8, ["config"])) : se("", !0)
               ], 64))), 128))
             ]),
             _: 1
           })
         ]),
-        R(s, { gutter: [24, 20] }, {
-          default: x(() => [
-            (u(!0), _($, null, M(e.searchableFields, (f) => (u(), D(l, {
+        F(s, { gutter: [24, 20] }, {
+          default: C(() => [
+            (u(!0), v(j, null, W(e.searchableFields, (f) => (u(), H(l, {
               key: f.fieldKey,
               span: 6,
               class: "search-col"
             }, {
-              default: x(() => [
-                R(e.DataWidgets, {
+              default: C(() => [
+                F(e.DataWidgets, {
                   name: f.fieldKey,
                   config: f.fieldConfig,
                   modelValue: e.searchForm[f.fieldKey].value,
-                  "onUpdate:modelValue": (p) => e.searchForm[f.fieldKey].value = p,
+                  "onUpdate:modelValue": (m) => e.searchForm[f.fieldKey].value = m,
                   class: "form-field"
                 }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024))), 128)),
-            R(l, {
+            F(l, {
               span: 6,
               class: "search-col form-buttons"
             }, {
-              default: x(() => [
-                R(i, { size: "medium" }, {
-                  default: x(() => [
-                    R(c, {
+              default: C(() => [
+                F(i, { size: "medium" }, {
+                  default: C(() => [
+                    F(c, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: x(() => o[1] || (o[1] = [
+                      default: C(() => o[1] || (o[1] = [
                         ae(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
                     }),
-                    R(c, {
+                    F(c, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: x(() => o[2] || (o[2] = [
+                      default: C(() => o[2] || (o[2] = [
                         ae(" Reset ", -1)
                       ])),
                       _: 1,
@@ -2313,19 +2342,19 @@ function ta(t, o, n, e, r, a) {
       ]),
       _: 1
     }),
-    R(v, {
+    F(h, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
-      default: x(() => [
-        (u(!0), _($, null, M(e.pageData?.tabs, (f) => (u(), D(g, {
+      default: C(() => [
+        (u(!0), v(j, null, W(e.pageData?.tabs, (f) => (u(), H(_, {
           key: f.key,
           title: f.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    R(b, {
+    F(y, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2344,18 +2373,18 @@ function ta(t, o, n, e, r, a) {
       onPageChange: e.pageChangeHandler,
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
-      optional: x(({ record: f }) => [
-        R(i, { size: "small" }, {
-          default: x(() => [
-            (u(!0), _($, null, M(e.actions, (p) => (u(), _($, {
-              key: p.title
+      optional: C(({ record: f }) => [
+        F(i, { size: "small" }, {
+          default: C(() => [
+            (u(!0), v(j, null, W(e.actions, (m) => (u(), v(j, {
+              key: m.title
             }, [
-              e.judgeHiddenActions(p, f) ? (u(), D(e.ActionButton, {
+              e.judgeHiddenActions(m, f) ? (u(), H(e.ActionButton, {
                 key: 0,
-                config: p,
+                config: m,
                 size: "small",
-                onClick: (...w) => e.clickHandler(...w, f.workflowId)
-              }, null, 8, ["config", "onClick"])) : re("", !0)
+                onClick: (...k) => e.clickHandler(...k, f.workflowId)
+              }, null, 8, ["config", "onClick"])) : se("", !0)
             ], 64))), 128))
           ]),
           _: 2
@@ -2365,12 +2394,12 @@ function ta(t, o, n, e, r, a) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const oa = /* @__PURE__ */ J(Xn, [["render", ta], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), la = {
+const rr = /* @__PURE__ */ Z(er, [["render", nr], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), dr = {
   install(t, o = {}) {
-    o.config && Vt(o.config), o.router && (Tt(o.router), t.provide(tt, o.router)), o.pinia && t.provide(Zo, o.pinia), o.useBpmStore && t.provide(ft, o.useBpmStore), o.useSvrStore && t.provide(pt, o.useSvrStore), o.triggers && t.provide(ut, o.triggers), o.customComps && t.provide(mt, o.customComps), t.component("CreateView", hn), t.component("UpdateView", Fn), t.component("DetailView", Jn), t.component("ListView", oa);
+    o.config && Vt(o.config), o.router && (At(o.router), t.provide(ot, o.router)), o.pinia && t.provide(tn, o.pinia), o.useBpmStore && t.provide(pt, o.useBpmStore), o.useSvrStore && t.provide(mt, o.useSvrStore), o.triggers && t.provide(ft, o.triggers), o.customComps && t.provide(gt, o.customComps), t.component("CreateView", kn), t.component("UpdateView", Rn), t.component("DetailView", Xn), t.component("ListView", rr);
   }
 };
 export {
-  la as default
+  dr as default
 };
 //# sourceMappingURL=index.es.js.map