@chase-shao/vue-component-lib 1.2.100 → 1.2.102

package/dist/index.es.js

@@ -1,59 +1,59 @@
-import { ref as m, getCurrentInstance as ge, defineComponent as z, mergeModels as ie, useModel as we, resolveComponent as x, createBlock as B, openBlock as d, onMounted as fe, computed as E, withCtx as S, createElementBlock as _, Fragment as $, renderList as j, createVNode as N, nextTick as ut, createTextVNode as ae, inject as _e, normalizeStyle as Qe, normalizeClass as Je, createElementVNode as h, createCommentVNode as re, toDisplayString as q, useTemplateRef as Oe, resolveDynamicComponent as $e, renderSlot as ue, reactive as ft, onActivated as pt } from "vue";
+import { ref as m, getCurrentInstance as ge, defineComponent as z, mergeModels as le, useModel as he, resolveComponent as x, createBlock as R, openBlock as u, onMounted as fe, computed as E, withCtx as S, createElementBlock as _, Fragment as $, renderList as j, createVNode as N, nextTick as ut, createTextVNode as re, inject as _e, normalizeStyle as Qe, normalizeClass as Je, createElementVNode as w, createCommentVNode as se, toDisplayString as q, useTemplateRef as Oe, resolveDynamicComponent as $e, renderSlot as ue, reactive as ft, onActivated as pt } from "vue";
 import mt from "axios";
 import { defineStore as gt } from "pinia";
 import { Modal as _t } from "@arco-design/web-vue";
 import { useRouter as vt } from "vue-router";
 const bt = gt("main", () => ({
   token: m(void 0)
-})), ht = async (t) => new Promise((n) => setTimeout(n, t)), yt = async (t, n, a, e = void 0) => {
-  if (t[n] === void 0)
+})), wt = async (t) => new Promise((o) => setTimeout(o, t)), yt = async (t, o, n, e = void 0) => {
+  if (t[o] === void 0)
     try {
-      t[n] = null, t[n] = await a() || e;
-    } catch (o) {
-      console.error(o), t[n] = void 0;
+      t[o] = null, t[o] = await n() || e;
+    } catch (r) {
+      console.error(r), t[o] = void 0;
     }
-  for (; t[n] === null; )
-    await ht(100);
-  return t[n];
+  for (; t[o] === null; )
+    await wt(100);
+  return t[o];
 }, ye = (t) => {
-  const n = `0${t}`;
-  return n.substring(n.length - 2);
-}, Se = (t, n = "yyyy-MM-dd hh:mm:ss") => {
+  const o = `0${t}`;
+  return o.substring(o.length - 2);
+}, Se = (t, o = "yyyy-MM-dd hh:mm:ss") => {
   if (!t || typeof t == "string" && t.length === 0)
     return "";
   try {
-    const a = new Date(t), e = [
-      ["yyyy", a.getFullYear()],
-      ["yy", a.getFullYear().toString().substring(2)],
-      ["MM", ye(a.getMonth() + 1)],
-      ["M", a.getMonth() + 1],
-      ["dd", ye(a.getDate())],
-      ["d", a.getDate()],
-      ["hh", ye(a.getHours())],
-      ["h", a.getHours()],
-      ["mm", ye(a.getMinutes())],
-      ["m", a.getMinutes()],
-      ["ss", ye(a.getSeconds())],
-      ["s", a.getSeconds()]
+    const n = new Date(t), e = [
+      ["yyyy", n.getFullYear()],
+      ["yy", n.getFullYear().toString().substring(2)],
+      ["MM", ye(n.getMonth() + 1)],
+      ["M", n.getMonth() + 1],
+      ["dd", ye(n.getDate())],
+      ["d", n.getDate()],
+      ["hh", ye(n.getHours())],
+      ["h", n.getHours()],
+      ["mm", ye(n.getMinutes())],
+      ["m", n.getMinutes()],
+      ["ss", ye(n.getSeconds())],
+      ["s", n.getSeconds()]
     ];
-    for (const [o, l] of e)
-      n = n.replace(o, l);
-    return n;
+    for (const [r, a] of e)
+      o = o.replace(r, a);
+    return o;
   } catch {
     return t.toLocaleString();
   }
-}, wt = (t, n) => {
-  let a;
-  t instanceof Blob ? a = t : a = new Blob([t]);
-  const e = document.createElement("a"), o = window.URL.createObjectURL(a);
-  e.href = o, e.download = n, e.click(), window.URL.revokeObjectURL(o);
+}, ht = (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);
 };
-let Re = {};
+let Le = {};
 function kt(t) {
-  Re = { ...Re, ...t };
+  Le = { ...Le, ...t };
 }
 function je() {
-  return Re;
+  return Le;
 }
 const Ct = ge();
 function Xe() {
@@ -75,32 +75,32 @@ function St(t) {
   }
 }
 function Ze() {
-  const { apiBase: t } = Xe(), n = mt.create({
+  const { apiBase: t } = Xe(), o = mt.create({
     baseURL: t,
     timeout: 20 * 1e3,
     // 20s
     // headers: { 'Content-Type': 'application/json' },
     withCredentials: !0
   });
-  return n.interceptors.response.use(St), n;
+  return o.interceptors.response.use(St), o;
 }
 const et = async () => {
-  const { apiBase: t, appSecret: n } = Xe(), a = Ze(), e = bt();
+  const { apiBase: t, appSecret: o } = Xe(), n = Ze(), e = bt();
   return await yt(e, "token", async () => {
-    const o = await a.get(`${t}/GenerateToken`, {
+    const r = await n.get(`${t}/GenerateToken`, {
       params: {
         appid: "bpm",
-        appsecret: n
+        appsecret: o
       }
     });
-    return o?.data?.token && setTimeout(() => {
+    return r?.data?.token && setTimeout(() => {
       e.token = void 0;
-    }, (o.data?.expireSeconds ?? 3600) * 1e3), o?.data?.token;
+    }, (r.data?.expireSeconds ?? 3600) * 1e3), r?.data?.token;
   });
 }, W = async () => {
-  const t = await et(), n = Ze();
-  return n.defaults.headers.common.Authorization = `Bearer ${t}`, n;
-}, He = {
+  const t = await et(), o = Ze();
+  return o.defaults.headers.common.Authorization = `Bearer ${t}`, o;
+}, De = {
   CurrentUserEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   CurrentUserPositionCode: (t) => t.bpmStore()?.positionCode ?? 888,
   CurrentDatetime: () => (/* @__PURE__ */ new Date()).toISOString(),
@@ -110,21 +110,21 @@ const et = async () => {
 }, G = [];
 for (let t = 0; t < 256; ++t)
   G.push((t + 256).toString(16).slice(1));
-function xt(t, n = 0) {
-  return (G[t[n + 0]] + G[t[n + 1]] + G[t[n + 2]] + G[t[n + 3]] + "-" + G[t[n + 4]] + G[t[n + 5]] + "-" + G[t[n + 6]] + G[t[n + 7]] + "-" + G[t[n + 8]] + G[t[n + 9]] + "-" + G[t[n + 10]] + G[t[n + 11]] + G[t[n + 12]] + G[t[n + 13]] + G[t[n + 14]] + G[t[n + 15]]).toLowerCase();
+function xt(t, o = 0) {
+  return (G[t[o + 0]] + G[t[o + 1]] + G[t[o + 2]] + G[t[o + 3]] + "-" + G[t[o + 4]] + G[t[o + 5]] + "-" + G[t[o + 6]] + G[t[o + 7]] + "-" + G[t[o + 8]] + G[t[o + 9]] + "-" + G[t[o + 10]] + G[t[o + 11]] + G[t[o + 12]] + G[t[o + 13]] + G[t[o + 14]] + G[t[o + 15]]).toLowerCase();
 }
-let Be;
+let Re;
 const Vt = new Uint8Array(16);
 function At() {
-  if (!Be) {
+  if (!Re) {
     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);
+    Re = crypto.getRandomValues.bind(crypto);
   }
-  return Be(Vt);
+  return Re(Vt);
 }
 const Tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ke = { randomUUID: Tt };
-function tt(t, n, a) {
+function tt(t, o, n) {
   if (Ke.randomUUID && !t)
     return Ke.randomUUID();
   t = t || {};
@@ -133,8 +133,8 @@ function tt(t, n, a) {
     throw new Error("Random bytes length must be >= 16");
   return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, xt(e);
 }
-var Q = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(Q || {}), me = /* @__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))(me || {});
-function It(t, n, a) {
+var J = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(J || {}), me = /* @__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))(me || {});
+function It(t, o, n) {
   const e = {
     pageType: "",
     fields: {},
@@ -142,87 +142,107 @@ function It(t, n, a) {
     banner: {
       title: "",
       subTitle: ""
+    },
+    pageFields: {
+      id: "",
+      deleteFlag: "",
+      status: "",
+      workFlowReason: "",
+      workflowId: ""
     }
   };
-  return t.__ClassAttributes?.forEach((o) => {
-    if (o.attributeType === "UIPageType")
-      e.pageType = o.Type;
-    else if (o.attributeType === "UIValidationControl")
+  t.__ClassAttributes?.forEach((a) => {
+    if (a.attributeType === "UIPageType")
+      e.pageType = a.Type;
+    else if (a.attributeType === "UIValidationControl")
       e.globalValidations.push({
-        rule: o.ruleName,
-        errorMessage: o.errorMessage,
-        param: o.ruleParameter,
-        appliesTo: o.propertyNames || ["*"]
+        rule: a.ruleName,
+        errorMessage: a.errorMessage,
+        param: a.ruleParameter,
+        appliesTo: a.propertyNames || ["*"]
       });
-    else if (o.attributeType === "UIControl") {
-      const l = o.showToRoles.split(",").map((c) => c.trim()), s = a.bpmStore().employeeInfo.roleList.some((c) => l.includes(c.name)) || o.showToRoles === "";
-      if (o.widget === "Tab") {
-        e.tabs || (e.tabs = []), s && e.tabs.push({
+    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") {
+        e.tabs || (e.tabs = []), l && e.tabs.push({
           key: tt(),
-          title: o.title,
-          filters: o.filters ? JSON.parse(o.filters) : [],
-          order: o.order
+          title: a.title,
+          filters: a.filters ? JSON.parse(a.filters) : [],
+          order: a.order
         });
         return;
       }
-      if (e.actions || (e.actions = []), s) {
-        if (o.title === "Re-Submit" && t.status.propertyValue !== -1)
+      if (e.actions || (e.actions = []), l) {
+        if (a.title === "Re-Submit" && t.status.propertyValue !== -1)
           return;
         e.actions.push({
-          isSubmit: o.isSubmit,
-          requestUrl: o.requestUrl,
-          redirectUrl: o.redirectUrl,
-          redirectType: o.redirectType,
-          title: o.title,
-          widget: o.widget === "Link" ? Q.Link : o.widget === "Submit" ? Q.Submit : Q.Button,
-          location: o.location,
-          attributeType: o.attributeType,
-          readonly: o.readonly,
-          eventName: o.eventName
+          isSubmit: a.isSubmit,
+          requestUrl: a.requestUrl,
+          redirectUrl: a.redirectUrl,
+          redirectType: a.redirectType,
+          title: a.title,
+          widget: a.widget === "Link" ? J.Link : a.widget === "Submit" ? J.Submit : J.Button,
+          location: a.location,
+          attributeType: a.attributeType,
+          readonly: a.readonly,
+          eventName: a.eventName
         });
       }
-    } else o.attributeType === "Banner" && (e.banner.title = o.title, n === 0 || n === 5 ? e.banner.subTitle = o.subTitle : e.banner.subTitle = Me(o.subTitle, t.workflowId.propertyValue));
-  }), e.tabs && (e.tabs = e.tabs.sort((o, l) => o.order - l.order)), Object.entries(t).forEach(([o, l]) => {
-    if (o === "__ClassAttributes" || o === "className" || o === "id" || o === "deleteFlag" || o === "status" || o === "workFlowReason" || n !== 3 && o === "workflowId")
+    } else a.attributeType === "Banner" && (e.banner.title = a.title, o === 0 || o === 5 ? e.banner.subTitle = a.subTitle : e.banner.subTitle = Me(a.subTitle, t.workflowId.propertyValue));
+  }), e.tabs && (e.tabs = e.tabs.sort((a, i) => a.order - i.order));
+  const r = {
+    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;
+    }
+    if (o !== 3 && a === "workflowId")
       return;
-    const s = {
+    const l = {
       validations: [],
       triggers: [],
       isFiltered: !1,
       dependent: "",
       operator: ""
-    }, { attributes: c, propertyValue: i } = l;
-    switch (i) {
+    }, { attributes: c, propertyValue: s } = i;
+    switch (s) {
       case null:
-        s.modelValue = "";
+        l.modelValue = "";
         break;
       case void 0:
-        s.modelValue = "";
+        l.modelValue = "";
         break;
       default:
-        s.modelValue = i;
+        l.modelValue = s;
         break;
     }
-    o === "onBehalf" && n === 0 && (s.modelValue = He.CurrentUserEmail(a)), (n === 1 || n === 5) && (o === "directReports" || o === "employeesInTheTeam") && s.modelValue && (s.modelValue = Number(s.modelValue)), c?.forEach((r) => {
-      r.order || r.Order ? s.order = r.order ?? r.Order : r.attributeType === "UIControl" ? (r.outputText = r.outputText ? JSON.parse(r.outputText) : [], s.widget = {
-        ...r,
+    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) => {
+      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
-      }) : r.attributeType === "UIValidationControl" && n !== 3 ? s.widget?.widget !== "CheckBox" && s.validations.push(r) : r.attributeType === "UIListed" ? s.widget = {
-        ...r,
+      }) : d.attributeType === "UIValidationControl" && o !== 3 ? l.widget?.widget !== "CheckBox" && l.validations.push(d) : d.attributeType === "UIListed" ? l.widget = {
+        ...d,
         column: !0
-      } : r.attributeType === "UIFiltered" ? (s.isFiltered = !0, s.operator = r.operatorType) : r.dependentType ? s.dependent = He[r.dependentType] ? He[r.dependentType](a) : "" : r.eventType === "Change" && s.triggers?.push({
+      } : 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({
         event: "change",
-        handlerName: r.eventName
+        handlerName: d.eventName
       });
-    }), e.fields[o] = s;
-  }), e;
+    }), e.fields[a] = l;
+  }), e.pageFields = r, e;
 }
-const We = async (t, n, a, e) => {
-  const l = await (await W()).get(`/General/${n}/${t}/page`, { params: e });
-  return It(l?.data, t, a);
-}, Pt = async (t, n, a) => (await (await W()).post(`/${n}/${t}/button/List`, null, { params: a }))?.data;
-async function Nt(t, n) {
-  const e = await (await W()).post(`/General/${t}/list`, n);
+const We = async (t, o, n, e) => {
+  const a = await (await W()).get(`/General/${o}/${t}/page`, { params: e });
+  return It(a?.data, t, n);
+}, Pt = async (t, o, n) => (await (await W()).post(`/${o}/${t}/button/List`, null, { params: n }))?.data;
+async function Nt(t, o) {
+  const e = await (await W()).post(`/General/${t}/list`, o);
   return {
     data: e.data.data,
     totalCount: e.data.totalCount
@@ -241,49 +261,49 @@ async function Nt(t, n) {
     // ),
   };
 }
-async function Ut(t, n, a) {
-  return (await (await W()).post(a, n, {
+async function Ft(t, o, n) {
+  return (await (await W()).post(n, o, {
     params: {
       className: t
     }
   })).data;
 }
-async function Dt(t, n, a, e) {
-  const o = await W(), l = Me(e, n);
-  return (await o.put(l, a))?.data;
+async function Ut(t, o, n, e) {
+  const r = await W(), a = Me(e, o);
+  return (await r.put(a, n))?.data;
 }
-function Me(t, n) {
-  return t.replace(/{WorkflowId}/g, encodeURIComponent(n));
+function Me(t, o) {
+  return t.replace(/{WorkflowId}/g, encodeURIComponent(o));
 }
-function Ht(t, n) {
-  return t.replace(/{ApproverEmail}/g, encodeURIComponent(n));
+function Dt(t, o) {
+  return t.replace(/{ApproverEmail}/g, encodeURIComponent(o));
 }
-function Bt(t, n) {
-  return t.replace(/{WorkFlowReason}/g, encodeURIComponent(n));
+function Rt(t, o) {
+  return t.replace(/{WorkFlowReason}/g, encodeURIComponent(o));
 }
-function Ft(t, n) {
-  return t.replace(/{Status}/g, n);
+function Bt(t, o) {
+  return t.replace(/{Status}/g, o);
 }
-function Lt(t, n) {
-  return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, n);
+function Ht(t, o) {
+  return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, o);
 }
-function Rt(t, n) {
-  return t.replace(/{ClassName}/g, encodeURIComponent(n));
+function Lt(t, o) {
+  return t.replace(/{ClassName}/g, encodeURIComponent(o));
 }
-async function Ot(t, n, a, e, o, l, s, c) {
-  const i = await W();
-  let r = Me(o, n);
-  return r = Ht(r, a), r = Bt(r, e), r = Ft(r, l), r = Lt(r, s), r = Rt(r, t), (await i.put(r, c))?.data;
+async function Ot(t, o, n, e, r, a, i, l) {
+  const c = await W();
+  let s = Me(r, o);
+  return s = Dt(s, n), s = Rt(s, e), s = Bt(s, a), s = Ht(s, i), s = Lt(s, t), (await c.put(s, l))?.data;
 }
-async function $t(t, n) {
-  const o = (await (await W()).get(t, { params: { value: n } }))?.data;
-  return Object.entries(o).map(([l, s]) => ({
-    value: l,
-    label: s
+async function $t(t, o) {
+  const r = (await (await W()).get(t, { params: { value: o } }))?.data;
+  return Object.entries(r).map(([a, i]) => ({
+    value: a,
+    label: i
   }));
 }
-async function jt(t, n) {
-  return (await (await W()).get(`/General/${t}/${n}/process`))?.data;
+async function jt(t, o) {
+  return (await (await W()).get(`/General/${t}/${o}/process`))?.data;
 }
 function Mt(t) {
   return {
@@ -292,27 +312,27 @@ function Mt(t) {
     url: t.attachmentKey ?? ""
   };
 }
-async function Et(t, n) {
-  return (await (await W()).get(`/General/${t}/${n}/upload/get`))?.data.reduce((l, s) => {
-    const { category: c } = s;
-    return l[c] || (l[c] = []), l[c].push(Mt(s)), l;
+async function Et(t, o) {
+  return (await (await W()).get(`/General/${t}/${o}/upload/get`))?.data.reduce((a, i) => {
+    const { category: l } = i;
+    return a[l] || (a[l] = []), a[l].push(Mt(i)), a;
   }, {});
 }
-async function zt(t, n) {
-  return (await W()).post(`/General/${t}/${n}/delete/attachment`);
+async function zt(t, o) {
+  return (await W()).post(`/General/${t}/${o}/delete/attachment`);
 }
 async function Kt() {
-  const n = await (await W()).get("/Grading/dropdown/approvers");
-  return Object.entries(n?.data).map(([a, e]) => ({
-    label: a,
+  const o = await (await W()).get("/Grading/dropdown/approvers");
+  return Object.entries(o?.data).map(([n, e]) => ({
+    label: n,
     value: e
   }));
 }
-async function Wt(t, n) {
-  return await (await W()).post(`Grading/AssignComments/${t}/${encodeURIComponent(n)}`);
+async function Wt(t, o) {
+  return await (await W()).post(`Grading/AssignComments/${t}/${encodeURIComponent(o)}`);
 }
-async function Gt(t, n, a) {
-  return await (await W()).post(`Grading/AddComments/${t}/${encodeURIComponent(n)}`, a, {
+async function Gt(t, o, n) {
+  return await (await W()).post(`Grading/AddComments/${t}/${encodeURIComponent(o)}`, n, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
@@ -325,27 +345,27 @@ async function Yt(t) {
 async function Qt(t) {
   return await (await W()).delete(`Grading/DeleteAssociator/${t}`);
 }
-async function Jt(t, n = null) {
-  const e = await (await W()).post(t, n, {
+async function Jt(t, o = null) {
+  const e = await (await W()).post(t, o, {
     responseType: "blob"
   });
-  wt(e?.data, "WorkflowData.xlsx");
+  ht(e?.data, "WorkflowData.xlsx");
 }
-const ve = (t, n) => {
-  let a = "";
-  return { res: t.every((o) => {
-    const l = Xt(o, n);
-    return l || (a = o.errorMessage), l;
-  }), errorMessages: a };
-}, Xt = (t, n) => {
-  const { ruleName: a, ruleParameter: e } = t;
-  return Zt[a](e, n);
+const ve = (t, o) => {
+  let n = "";
+  return { res: t.every((r) => {
+    const a = Xt(r, o);
+    return a || (n = r.errorMessage), a;
+  }), errorMessages: n };
+}, Xt = (t, o) => {
+  const { ruleName: n, ruleParameter: e } = t;
+  return Zt[n](e, o);
 }, Zt = {
-  Regex: (t, n) => new RegExp(t).test(n),
-  Required: (t, n) => !!n
-}, en = /* @__PURE__ */ z({
+  Regex: (t, o) => new RegExp(t).test(o),
+  Required: (t, o) => !!o
+}, eo = /* @__PURE__ */ z({
   __name: "InputText",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ le({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -356,45 +376,45 @@ const ve = (t, n) => {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = (u) => ve(e.validations, u), c = (u) => {
-      o("input", u);
-    }, i = (u) => {
-      const g = s(u);
-      o("error", g.res ? "" : g.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((v) => {
-        v.event === "change" && o(v.event, v.handlerName, u);
+  emits: /* @__PURE__ */ le(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = he(t, "modelValue"), i = (d) => ve(e.validations, d), l = (d) => {
+      r("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);
       });
     };
-    n({
+    o({
       validate() {
-        const u = s(e.modelValue);
-        return o("error", u.res ? "" : u.errorMessages), u.res;
+        const d = i(e.modelValue);
+        return r("error", d.res ? "" : d.errorMessages), d.res;
       }
     });
-    const r = { props: e, emits: o, model: l, validate: s, inputHandler: c, changeHandler: i };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+    const s = { props: e, emits: r, model: a, validate: i, inputHandler: l, changeHandler: c };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
-}), Y = (t, n) => {
-  const a = t.__vccOpts || t;
-  for (const [e, o] of n)
-    a[e] = o;
-  return a;
+}), Y = (t, o) => {
+  const n = t.__vccOpts || t;
+  for (const [e, r] of o)
+    n[e] = r;
+  return n;
 };
-function tn(t, n, a, e, o, l) {
-  const s = x("AInput");
-  return d(), B(s, {
+function to(t, o, n, e, r, a) {
+  const i = x("AInput");
+  return u(), R(i, {
     modelValue: e.model,
-    "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
+    "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     "allow-clear": "",
     disabled: e.props.readonly || e.props.config.Readonly,
     onInput: e.inputHandler,
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled"]);
 }
-const Ge = /* @__PURE__ */ Y(en, [["render", tn], ["__file", "InputText.vue"]]), nn = /* @__PURE__ */ z({
+const Ge = /* @__PURE__ */ Y(eo, [["render", to], ["__file", "InputText.vue"]]), oo = /* @__PURE__ */ z({
   __name: "InputNumber",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ le({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -405,37 +425,37 @@ const Ge = /* @__PURE__ */ Y(en, [["render", tn], ["__file", "InputText.vue"]]),
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = m(100), c = m(1);
+  emits: /* @__PURE__ */ le(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = he(t, "modelValue"), i = m(100), l = m(1);
     fe(() => {
       e.validations && e.validations.forEach((v) => {
-        v.ruleName === "Max" && (s.value = v.ruleParameter), v.ruleName === "Min" && (c.value = v.ruleParameter);
+        v.ruleName === "Max" && (i.value = v.ruleParameter), v.ruleName === "Min" && (l.value = v.ruleParameter);
       });
     });
-    const i = (v) => ve(e.validations, v), r = (v) => {
-      o("input", v);
-    }, u = (v) => {
-      const y = i(v);
-      o("error", y.res ? "" : y.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        f.event === "change" && o(f.event, f.handlerName, v);
+    const c = (v) => ve(e.validations, v), s = (v) => {
+      r("input", v);
+    }, d = (v) => {
+      const y = c(v);
+      r("error", y.res ? "" : y.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
+        f.event === "change" && r(f.event, f.handlerName, v);
       });
     };
-    n({
+    o({
       validate() {
-        const v = i(e.modelValue);
-        return o("error", v.res ? "" : v.errorMessages), v.res;
+        const v = c(e.modelValue);
+        return r("error", v.res ? "" : v.errorMessages), v.res;
       }
     });
-    const g = { props: e, emits: o, model: l, max: s, min: c, validate: i, inputHandler: r, changeHandler: u };
+    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;
   }
 });
-function on(t, n, a, e, o, l) {
-  const s = x("AInputNumber");
-  return d(), B(s, {
+function no(t, o, n, e, r, a) {
+  const i = x("AInputNumber");
+  return u(), R(i, {
     modelValue: e.model,
-    "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
+    "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     clearable: "",
     disabled: e.props.readonly,
     min: e.min,
@@ -443,9 +463,9 @@ function on(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "min"]);
 }
-const an = /* @__PURE__ */ Y(nn, [["render", on], ["__file", "InputNumber.vue"]]), rn = /* @__PURE__ */ z({
+const ao = /* @__PURE__ */ Y(oo, [["render", no], ["__file", "InputNumber.vue"]]), ro = /* @__PURE__ */ z({
   __name: "SelectList",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ le({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -456,48 +476,48 @@ const an = /* @__PURE__ */ Y(nn, [["render", on], ["__file", "InputNumber.vue"]]
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["update:modelValue", "change"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m(!1), s = m(e.config.options ?? []), c = we(t, "modelValue"), i = (y) => ve(e.validations, y), r = E(() => {
+  emits: /* @__PURE__ */ le(["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 = he(t, "modelValue"), c = (y) => ve(e.validations, y), s = E(() => {
       const y = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
         y[f.event] = (p) => {
-          o(f.event, f.handlerName, p);
-          const C = i(p);
-          o("error", C.res ? "" : C.errorMessages);
+          r(f.event, f.handlerName, p);
+          const C = c(p);
+          r("error", C.res ? "" : C.errorMessages);
         };
       }), y;
-    }), u = async () => {
+    }), d = async () => {
       if (e.config.dataSourceProvider) {
-        s.value = await $t(e.config.dataSourceProvider);
+        i.value = await $t(e.config.dataSourceProvider);
         const y = e.modelValue;
-        y != null && y !== "" && (s.value.some((p) => p.value === y) || o("update:modelValue", ""));
+        y != null && y !== "" && (i.value.some((p) => p.value === y) || r("update:modelValue", ""));
       }
     };
-    fe(u);
+    fe(d);
     const g = (y) => {
-      o("update:modelValue", y);
-      const f = i(y);
-      o("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, y);
+      r("update:modelValue", y);
+      const f = c(y);
+      r("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
+        p.event === "change" && r(p.event, p.handlerName, y);
       });
     };
-    n({
+    o({
       validate() {
-        const y = i(e.modelValue);
-        return o("error", y.res ? "" : y.errorMessages), y.res;
+        const y = c(e.modelValue);
+        return r("error", y.res ? "" : y.errorMessages), y.res;
       }
     });
-    const v = { props: e, emits: o, loading: l, _options: s, model: c, validate: i, eventHandlers: r, loadOptions: u, changeHandler: g };
+    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;
   }
 });
-function sn(t, n, a, e, o, l) {
-  const s = x("AOption"), c = x("ASelect");
-  return d(), B(c, {
+function so(t, o, n, e, r, a) {
+  const i = x("AOption"), l = x("ASelect");
+  return u(), R(l, {
     "allow-clear": "",
     modelValue: e.model,
-    "onUpdate:modelValue": n[0] || (n[0] = (i) => e.model = i),
+    "onUpdate:modelValue": o[0] || (o[0] = (c) => e.model = c),
     loading: e.loading,
     "filter-option": !0,
     "allow-search": !0,
@@ -505,55 +525,55 @@ function sn(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, {
     default: S(() => [
-      (d(!0), _($, null, j(e._options, (i) => (d(), B(s, {
-        key: i.value,
-        value: i.value,
-        label: i.label
+      (u(!0), _($, null, j(e._options, (c) => (u(), R(i, {
+        key: c.value,
+        value: c.value,
+        label: c.label
       }, null, 8, ["value", "label"]))), 128))
     ]),
     _: 1
   }, 8, ["modelValue", "loading", "disabled"]);
 }
-const qe = /* @__PURE__ */ Y(rn, [["render", sn], ["__file", "SelectList.vue"]]), ln = /* @__PURE__ */ z({
+const qe = /* @__PURE__ */ Y(ro, [["render", so], ["__file", "SelectList.vue"]]), io = /* @__PURE__ */ z({
   __name: "Cascader",
   props: {
     modelValue: {},
     config: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m(e.config.options ?? []), s = (r) => {
-      o("update:modelValue", r), o("change", r);
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = m(e.config.options ?? []), i = (s) => {
+      r("update:modelValue", s), r("change", s);
     };
     fe(async () => {
       if (e.config) {
-        const r = e.config.dataSourceProvider;
-        if (r) {
-          const g = await (await W()).get(r);
-          l.value = g.data;
+        const s = e.config.dataSourceProvider;
+        if (s) {
+          const g = await (await W()).get(s);
+          a.value = g.data;
         }
       }
     });
-    const c = { value: "key", label: "value" };
-    n({
+    const l = { value: "key", label: "value" };
+    o({
       validate() {
         return !0;
       }
     });
-    const i = { props: e, emits: o, _options: l, changeHandler: s, fieldNames: c };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    const c = { props: e, emits: r, _options: a, changeHandler: i, fieldNames: l };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function cn(t, n, a, e, o, l) {
-  const s = x("ACascader"), c = x("ASpace");
-  return d(), B(c, {
+function lo(t, o, n, e, r, a) {
+  const i = x("ACascader"), l = x("ASpace");
+  return u(), R(l, {
     direction: "vertical",
     size: "large"
   }, {
     default: S(() => [
-      N(s, {
+      N(i, {
         "field-names": e.fieldNames,
-        "model-value": a.modelValue,
+        "model-value": n.modelValue,
         options: e._options,
         style: { width: "320px" },
         placeholder: "Please select ...",
@@ -563,7 +583,7 @@ function cn(t, n, a, e, o, l) {
     _: 1
   });
 }
-const dn = /* @__PURE__ */ Y(ln, [["render", cn], ["__file", "Cascader.vue"]]), un = /* @__PURE__ */ z({
+const co = /* @__PURE__ */ Y(io, [["render", lo], ["__file", "Cascader.vue"]]), uo = /* @__PURE__ */ z({
   __name: "FileUpload",
   props: {
     className: {},
@@ -575,29 +595,29 @@ const dn = /* @__PURE__ */ Y(ln, [["render", cn], ["__file", "Cascader.vue"]]),
     triggers: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = m({});
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = m({});
     fe(async () => {
       const V = await et();
-      l.value = {
+      a.value = {
         Authorization: `Bearer ${V}`
       };
     });
-    const s = (V) => ve(e.validations, V), c = je(), i = c.apiBase, r = m(null), u = m("");
-    function g(V, w, k) {
-      return V.replace(/{WorkflowId}/g, w).replace(/{ClassName}/g, k);
+    const i = (V) => ve(e.validations, V), l = je(), c = l.apiBase, s = m(null), d = m("");
+    function g(V, h, k) {
+      return V.replace(/{WorkflowId}/g, h).replace(/{ClassName}/g, k);
     }
     const v = E(() => {
       if (e.config.uploadURL) {
-        const V = i + e.config.uploadURL;
-        return g(V, u.value, e.className);
+        const V = c + e.config.uploadURL;
+        return g(V, d.value, e.className);
       }
       return "";
     }), y = (V) => {
-      V.stopPropagation(), r.value.submit();
+      V.stopPropagation(), s.value.submit();
     };
     function f(V) {
-      const { file: w, name: k } = V, T = k ?? w.name;
+      const { file: h, name: k } = V, T = k ?? h.name;
       return new Promise((A, U) => {
         _t.confirm({
           title: "Confirm Delete",
@@ -611,33 +631,33 @@ const dn = /* @__PURE__ */ Y(ln, [["render", cn], ["__file", "Cascader.vue"]]),
         });
       });
     }
-    const p = m(null), C = m(null), J = (V) => {
+    const p = m(null), C = m(null), X = (V) => {
       p.value && (p.value(V), p.value = null, C.value = null);
     }, ee = (V) => {
       C.value && (C.value(V), p.value = null, C.value = null);
     }, M = m([]), Z = (V) => {
-      M.value = V.filter((w) => w.status === "init");
+      M.value = V.filter((h) => h.status === "init");
     };
-    n({
+    o({
       submit(V) {
-        return new Promise((w, k) => {
-          r.value ? (e.config.uploadURL && (u.value = V), p.value = w, C.value = k, M.value.length ? ut(() => {
-            r.value?.submit();
-          }) : w(V)) : w(V);
+        return new Promise((h, k) => {
+          s.value ? (e.config.uploadURL && (d.value = V), p.value = h, C.value = k, M.value.length ? ut(() => {
+            s.value?.submit();
+          }) : h(V)) : h(V);
         });
       },
       validate() {
-        const V = e.config.files ?? [], w = [...M.value, ...V].length > 0 ? "hasFile" : "", k = s(w);
-        return o("error", k.res ? "" : k.errorMessages), k.res;
+        const V = e.config.files ?? [], h = [...M.value, ...V].length > 0 ? "hasFile" : "", k = i(h);
+        return r("error", k.res ? "" : k.errorMessages), k.res;
       }
     });
-    const se = { props: e, emits: o, headers: l, validate: s, config: c, ApiBase: i, uploadRef: r, id: u, replaceIdAndClassName: g, action: v, submit: y, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: C, handleUploadSuccess: J, handleUploadError: ee, readyFiles: M, onChange: Z };
-    return Object.defineProperty(se, "__isScriptSetup", { enumerable: !1, value: !0 }), se;
+    const ie = { props: e, emits: r, headers: a, validate: i, config: l, ApiBase: c, uploadRef: s, id: d, replaceIdAndClassName: g, action: v, submit: y, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: C, handleUploadSuccess: X, handleUploadError: ee, readyFiles: M, onChange: Z };
+    return Object.defineProperty(ie, "__isScriptSetup", { enumerable: !1, value: !0 }), ie;
   }
 });
-function fn(t, n, a, e, o, l) {
-  const s = x("a-button"), c = x("a-upload");
-  return d(), B(c, {
+function fo(t, o, n, e, r, a) {
+  const i = x("a-button"), l = x("a-upload");
+  return u(), R(l, {
     ref: "uploadRef",
     "default-file-list": e.props.config.files,
     action: e.action,
@@ -650,11 +670,11 @@ function fn(t, n, a, e, o, l) {
     onSuccess: e.handleUploadSuccess,
     onError: e.handleUploadError
   }, {
-    "start-icon": S(() => n[0] || (n[0] = [])),
+    "start-icon": S(() => o[0] || (o[0] = [])),
     "upload-button": S(() => [
-      N(s, { type: "primary" }, {
-        default: S(() => n[1] || (n[1] = [
-          ae("Select File", -1)
+      N(i, { type: "primary" }, {
+        default: S(() => o[1] || (o[1] = [
+          re("Select File", -1)
         ])),
         _: 1,
         __: [1]
@@ -663,7 +683,7 @@ function fn(t, n, a, e, o, l) {
     _: 1
   }, 8, ["default-file-list", "action", "limit", "headers"]);
 }
-const pn = /* @__PURE__ */ Y(un, [["render", fn], ["__file", "FileUpload.vue"]]), mn = /* @__PURE__ */ z({
+const po = /* @__PURE__ */ Y(uo, [["render", fo], ["__file", "FileUpload.vue"]]), mo = /* @__PURE__ */ z({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -674,29 +694,29 @@ const pn = /* @__PURE__ */ Y(un, [["render", fn], ["__file", "FileUpload.vue"]])
     triggers: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = (r) => ve(e.validations, r), s = (r) => {
-      o("update:modelValue", r), o("input", r);
-    }, c = (r) => {
-      o("update:modelValue", r);
-      const u = l(r);
-      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.handlerName, r);
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = (s) => ve(e.validations, s), i = (s) => {
+      r("update:modelValue", s), r("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);
       });
     };
-    n({
+    o({
       validate() {
-        const r = l(e.modelValue);
-        return o("error", r.res ? "" : r.errorMessages), r.res;
+        const s = a(e.modelValue);
+        return r("error", s.res ? "" : s.errorMessages), s.res;
       }
     });
-    const i = { props: e, emits: o, validate: l, inputHandler: s, changeHandler: c };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    const c = { props: e, emits: r, validate: a, inputHandler: i, changeHandler: l };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function gn(t, n, a, e, o, l) {
-  const s = x("ATextarea");
-  return d(), B(s, {
+function go(t, o, n, e, r, a) {
+  const i = x("ATextarea");
+  return u(), R(i, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
@@ -705,9 +725,9 @@ function gn(t, n, a, e, o, l) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled"]);
 }
-const _n = /* @__PURE__ */ Y(mn, [["render", gn], ["__file", "TextArea.vue"]]), vn = /* @__PURE__ */ z({
+const _o = /* @__PURE__ */ Y(mo, [["render", go], ["__file", "TextArea.vue"]]), vo = /* @__PURE__ */ z({
   __name: "CheckBox",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ le({
     fieldKey: {},
     modelValue: {},
     config: {},
@@ -718,54 +738,54 @@ const _n = /* @__PURE__ */ Y(mn, [["render", gn], ["__file", "TextArea.vue"]]),
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = (r) => ve(e.validations, r), c = (r) => {
-      const u = s(r);
-      o("error", u.res ? "" : u.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
-        g.event === "change" && o(g.event, g.handlerName, r);
+  emits: /* @__PURE__ */ le(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = he(t, "modelValue"), i = (s) => ve(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);
       });
     };
-    n({
+    o({
       validate() {
-        const r = s(e.modelValue);
-        return o("error", r.res ? "" : r.errorMessages), r.res;
+        const s = i(e.modelValue);
+        return r("error", s.res ? "" : s.errorMessages), s.res;
       }
     });
-    const i = { props: e, emits: o, model: l, validate: s, changeHandler: c };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    const c = { props: e, emits: r, model: a, validate: i, changeHandler: l };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function bn(t, n, a, e, o, l) {
-  const s = x("ACheckbox");
-  return d(), B(s, {
+function bo(t, o, n, e, r, a) {
+  const i = x("ACheckbox");
+  return u(), R(i, {
     modelValue: e.model,
-    "onUpdate:modelValue": n[0] || (n[0] = (c) => e.model = c),
+    "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     clearable: "",
     disabled: e.props.readonly || e.props.config.Readonly,
     onChange: e.changeHandler
   }, {
-    default: S(() => n[1] || (n[1] = [
-      ae("Yes", -1)
+    default: S(() => o[1] || (o[1] = [
+      re("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const hn = /* @__PURE__ */ Y(vn, [["render", bn], ["__file", "CheckBox.vue"]]), yn = Symbol("ArcoConfigProvider"), wn = "arco", kn = "$arco", nt = (t) => {
-  var n, a, e;
-  const o = ge(), l = _e(yn, void 0);
-  return `${(e = (a = l?.prefixCls) != null ? a : (n = o?.appContext.config.globalProperties[kn]) == null ? void 0 : n.classPrefix) != null ? e : wn}-${t}`;
-}, Cn = Object.prototype.toString;
-function ot(t) {
-  return Cn.call(t) === "[object Number]" && t === t;
+const wo = /* @__PURE__ */ Y(vo, [["render", bo], ["__file", "CheckBox.vue"]]), yo = Symbol("ArcoConfigProvider"), ho = "arco", ko = "$arco", ot = (t) => {
+  var o, n, e;
+  const r = ge(), a = _e(yo, void 0);
+  return `${(e = (n = a?.prefixCls) != null ? n : (o = r?.appContext.config.globalProperties[ko]) == null ? void 0 : o.classPrefix) != null ? e : ho}-${t}`;
+}, Co = Object.prototype.toString;
+function nt(t) {
+  return Co.call(t) === "[object Number]" && t === t;
 }
-var at = (t, n) => {
-  for (const [a, e] of n)
-    t[a] = e;
+var at = (t, o) => {
+  for (const [n, e] of o)
+    t[n] = e;
   return t;
 };
-const Sn = z({
+const So = z({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -791,22 +811,22 @@ const Sn = z({
   emits: {
     click: (t) => !0
   },
-  setup(t, { emit: n }) {
-    const a = nt("icon"), e = E(() => [a, `${a}-question-circle`, { [`${a}-spin`]: t.spin }]), o = E(() => {
-      const s = {};
-      return t.size && (s.fontSize = ot(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
+  setup(t, { emit: o }) {
+    const n = ot("icon"), e = E(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), r = E(() => {
+      const i = {};
+      return t.size && (i.fontSize = nt(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
     });
     return {
       cls: e,
-      innerStyle: o,
-      onClick: (s) => {
-        n("click", s);
+      innerStyle: r,
+      onClick: (i) => {
+        o("click", i);
       }
     };
   }
-}), xn = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function Vn(t, n, a, e, o, l) {
-  return d(), _("svg", {
+}), xo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Vo(t, o, n, e, r, a) {
+  return u(), _("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -816,20 +836,20 @@ function Vn(t, n, a, e, o, l) {
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
-    onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
-  }, n[1] || (n[1] = [
-    h("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
-    h("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
-  ]), 14, xn);
+    onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
+  }, o[1] || (o[1] = [
+    w("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
+    w("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
+  ]), 14, xo);
 }
-var Fe = /* @__PURE__ */ at(Sn, [["render", Vn]]);
-const An = Object.assign(Fe, {
-  install: (t, n) => {
-    var a;
-    const e = (a = n?.iconPrefix) != null ? a : "";
-    t.component(e + Fe.name, Fe);
+var Be = /* @__PURE__ */ at(So, [["render", Vo]]);
+const Ao = Object.assign(Be, {
+  install: (t, o) => {
+    var n;
+    const e = (n = o?.iconPrefix) != null ? n : "";
+    t.component(e + Be.name, Be);
   }
-}), Tn = z({
+}), To = z({
   name: "IconDownload",
   props: {
     size: {
@@ -855,22 +875,22 @@ const An = Object.assign(Fe, {
   emits: {
     click: (t) => !0
   },
-  setup(t, { emit: n }) {
-    const a = nt("icon"), e = E(() => [a, `${a}-download`, { [`${a}-spin`]: t.spin }]), o = E(() => {
-      const s = {};
-      return t.size && (s.fontSize = ot(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
+  setup(t, { emit: o }) {
+    const n = ot("icon"), e = E(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), r = E(() => {
+      const i = {};
+      return t.size && (i.fontSize = nt(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
     });
     return {
       cls: e,
-      innerStyle: o,
-      onClick: (s) => {
-        n("click", s);
+      innerStyle: r,
+      onClick: (i) => {
+        o("click", i);
       }
     };
   }
-}), In = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function Pn(t, n, a, e, o, l) {
-  return d(), _("svg", {
+}), Io = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Po(t, o, n, e, r, a) {
+  return u(), _("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -880,52 +900,52 @@ function Pn(t, n, a, e, o, l) {
     "stroke-width": t.strokeWidth,
     "stroke-linecap": t.strokeLinecap,
     "stroke-linejoin": t.strokeLinejoin,
-    onClick: n[0] || (n[0] = (...s) => t.onClick && t.onClick(...s))
-  }, n[1] || (n[1] = [
-    h("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
-  ]), 14, In);
+    onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
+  }, o[1] || (o[1] = [
+    w("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+  ]), 14, Io);
 }
-var Le = /* @__PURE__ */ at(Tn, [["render", Pn]]);
-const Nn = Object.assign(Le, {
-  install: (t, n) => {
-    var a;
-    const e = (a = n?.iconPrefix) != null ? a : "";
-    t.component(e + Le.name, Le);
+var He = /* @__PURE__ */ at(To, [["render", Po]]);
+const No = Object.assign(He, {
+  install: (t, o) => {
+    var n;
+    const e = (n = o?.iconPrefix) != null ? n : "";
+    t.component(e + He.name, He);
   }
-}), Un = /* @__PURE__ */ z({
+}), Fo = /* @__PURE__ */ z({
   __name: "ToolTip",
   props: {
     isVisible: { type: Boolean },
     outputText: {}
   },
-  setup(t, { expose: n }) {
-    n();
-    const a = t, e = (c) => c.length > 0 && typeof c[0] != "string", o = E(() => e(a.outputText) ? [] : a.outputText), l = E(() => e(a.outputText) ? a.outputText : []), s = { props: a, isTreeArray: e, stringOutput: o, treeOutput: l, get IconQuestionCircle() {
-      return An;
+  setup(t, { expose: o }) {
+    o();
+    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", r = E(() => e(n.outputText) ? [] : n.outputText), a = E(() => e(n.outputText) ? n.outputText : []), i = { props: n, isTreeArray: e, stringOutput: r, treeOutput: a, get IconQuestionCircle() {
+      return Ao;
     } };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
-}), Dn = { class: "list-unstyled" }, Hn = { class: "list-style-square" };
-function Bn(t, n, a, e, o, l) {
-  const s = x("a-tooltip");
-  return e.props.isVisible ? (d(), B(s, {
+}), Uo = { class: "list-unstyled" }, Do = { class: "list-style-square" };
+function Ro(t, o, n, e, r, a) {
+  const i = x("a-tooltip");
+  return e.props.isVisible ? (u(), R(i, {
     key: 0,
     "background-color": "#7A00E6"
   }, {
     content: S(() => [
-      e.stringOutput.length ? (d(!0), _($, { key: 0 }, j(e.stringOutput, (c) => (d(), _("p", { key: c }, q(c), 1))), 128)) : (d(!0), _($, { key: 1 }, j(e.treeOutput, (c) => (d(), _("ul", {
-        key: c.title,
+      e.stringOutput.length ? (u(!0), _($, { key: 0 }, j(e.stringOutput, (l) => (u(), _("p", { key: l }, q(l), 1))), 128)) : (u(!0), _($, { key: 1 }, j(e.treeOutput, (l) => (u(), _("ul", {
+        key: l.title,
         class: "list-unstyled"
       }, [
-        h("li", null, [
-          h("b", null, q(c.title), 1),
-          h("ul", Dn, [
-            (d(!0), _($, null, j(c.items, (i) => (d(), _("li", {
-              key: i.title
+        w("li", null, [
+          w("b", null, q(l.title), 1),
+          w("ul", Uo, [
+            (u(!0), _($, null, j(l.items, (c) => (u(), _("li", {
+              key: c.title
             }, [
-              h("u", null, q(i.title), 1),
-              h("ul", Hn, [
-                (d(!0), _($, null, j(i.items, (r) => (d(), _("li", null, q(r), 1))), 256))
+              w("u", null, q(c.title), 1),
+              w("ul", Do, [
+                (u(!0), _($, null, j(c.items, (s) => (u(), _("li", null, q(s), 1))), 256))
               ])
             ]))), 128))
           ])
@@ -936,11 +956,11 @@ function Bn(t, n, a, e, o, l) {
       N(e.IconQuestionCircle, { class: "icon" })
     ]),
     _: 1
-  })) : re("", !0);
+  })) : se("", !0);
 }
-const rt = /* @__PURE__ */ Y(Un, [["render", Bn], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), Fn = /* @__PURE__ */ z({
+const rt = /* @__PURE__ */ Y(Fo, [["render", Ro], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), Bo = /* @__PURE__ */ z({
   __name: "index",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ le({
     config: {},
     className: {},
     fieldKey: {},
@@ -952,33 +972,33 @@ const rt = /* @__PURE__ */ Y(Un, [["render", Bn], ["__scopeId", "data-v-1d3893b1
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["update:modelValue", "change", "error"], ["update:modelValue"]),
-  setup(t, { expose: n, emit: a }) {
-    const e = t, o = a, l = we(t, "modelValue"), s = Oe("widgetRef"), c = E(() => {
+  emits: /* @__PURE__ */ le(["update:modelValue", "change", "error"], ["update:modelValue"]),
+  setup(t, { expose: o, emit: n }) {
+    const e = t, r = n, a = he(t, "modelValue"), i = Oe("widgetRef"), l = E(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return Ge;
         case "Number":
-          return an;
+          return ao;
         case "SelectList":
           return qe;
         case "Cascade":
-          return dn;
+          return co;
         case "File":
-          return pn;
+          return po;
         case "TextArea":
-          return _n;
+          return _o;
         case "DropDown":
           return qe;
         case "CheckBox":
-          return hn;
+          return wo;
         default:
           return Ge;
       }
-    }), i = m(""), r = (f) => {
-      i.value = f;
-    }, u = (f, p) => {
-      o("change", f, p);
+    }), c = m(""), s = (f) => {
+      c.value = f;
+    }, d = (f, p) => {
+      r("change", f, p);
     };
     function g() {
       return e.config?.widget?.widget === "File";
@@ -986,45 +1006,45 @@ const rt = /* @__PURE__ */ Y(Un, [["render", Bn], ["__scopeId", "data-v-1d3893b1
     function v(f) {
       return f === "OtherInformationText" ? "Other Information" : f;
     }
-    n({
+    o({
       isFileUpload() {
         return e.config?.widget?.widget === "File";
       },
       submit(f) {
-        return g() ? s.value.submit(f) : Promise.resolve(f);
+        return g() ? i.value.submit(f) : Promise.resolve(f);
       },
       validate() {
-        return s.value?.validate();
+        return i.value?.validate();
       },
       getCompName() {
         return e?.config?.widget?.title;
       }
     });
-    const y = { props: e, emits: o, model: l, widgetRef: s, curComp: c, errMsg: i, errHandler: r, changeHandler: u, isFileUpload: g, formatTitle: v, ToolTip: rt };
+    const y = { props: e, emits: r, model: a, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: d, isFileUpload: g, formatTitle: v, ToolTip: rt };
     return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
-}), Ln = { class: "title" }, Rn = {
+}), Ho = { class: "title" }, Lo = {
   key: 0,
   class: "required"
-}, On = {
+}, Oo = {
   key: 0,
   class: "err-msg"
 };
-function $n(t, n, a, e, o, l) {
-  return d(), _("div", null, [
-    h("div", Ln, [
-      ae(q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
-      e.props.config.validations.length ? (d(), _("span", Rn, "*")) : re("", !0),
+function $o(t, o, n, e, r, a) {
+  return u(), _("div", null, [
+    w("div", Ho, [
+      re(q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
+      e.props.config.validations.length ? (u(), _("span", Lo, "*")) : se("", !0),
       N(e.ToolTip, {
         "is-visible": e.props.config.widget?.isVisible ?? !1,
         "output-text": e.props.config.widget?.outputText ?? []
       }, null, 8, ["is-visible", "output-text"])
     ]),
-    h("div", null, [
-      (d(), B($e(e.curComp), {
+    w("div", null, [
+      (u(), R($e(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => e.model = s),
+        "onUpdate:modelValue": o[0] || (o[0] = (i) => e.model = i),
         "field-key": e.props.fieldKey,
         config: e.props.config.widget,
         validations: e.props.config.validations,
@@ -1033,11 +1053,11 @@ function $n(t, n, a, e, o, l) {
         onError: e.errHandler,
         onChange: e.changeHandler
       }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-      e.errMsg.length > 0 ? (d(), _("div", On, q(e.errMsg), 1)) : re("", !0)
+      e.errMsg.length > 0 ? (u(), _("div", Oo, q(e.errMsg), 1)) : se("", !0)
     ])
   ]);
 }
-const Ve = /* @__PURE__ */ Y(Fn, [["render", $n], ["__scopeId", "data-v-af9c00b7"], ["__file", "index.vue"]]), jn = /* @__PURE__ */ z({
+const Ve = /* @__PURE__ */ Y(Bo, [["render", $o], ["__scopeId", "data-v-af9c00b7"], ["__file", "index.vue"]]), jo = /* @__PURE__ */ z({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1045,20 +1065,20 @@ const Ve = /* @__PURE__ */ Y(Fn, [["render", $n], ["__scopeId", "data-v-af9c00b7
     loading: { type: Boolean }
   },
   emits: ["click"],
-  setup(t, { expose: n, emit: a }) {
-    n();
-    const e = t, o = a;
-    function l() {
-      o("click", e.url, e.redirectType);
+  setup(t, { expose: o, emit: n }) {
+    o();
+    const e = t, r = n;
+    function a() {
+      r("click", e.url, e.redirectType);
     }
-    const s = { props: e, emits: o, clickHandler: l };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    const i = { props: e, emits: r, clickHandler: a };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function Mn(t, n, a, e, o, l) {
-  const s = x("AButton");
-  return d(), B(s, {
-    loading: a.loading,
+function Mo(t, o, n, e, r, a) {
+  const i = x("AButton");
+  return u(), R(i, {
+    loading: n.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
@@ -1068,7 +1088,7 @@ function Mn(t, n, a, e, o, l) {
     _: 3
   }, 8, ["loading"]);
 }
-const Ye = /* @__PURE__ */ Y(jn, [["render", Mn], ["__file", "SubmitButton.vue"]]), En = /* @__PURE__ */ z({
+const Ye = /* @__PURE__ */ Y(jo, [["render", Mo], ["__file", "SubmitButton.vue"]]), Eo = /* @__PURE__ */ z({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1076,65 +1096,65 @@ const Ye = /* @__PURE__ */ Y(jn, [["render", Mn], ["__file", "SubmitButton.vue"]
     loading: { type: Boolean }
   },
   emits: ["click"],
-  setup(t, { expose: n, emit: a }) {
-    n();
-    const e = t, o = a;
-    function l() {
-      o("click", e.url, e.redirectType);
+  setup(t, { expose: o, emit: n }) {
+    o();
+    const e = t, r = n;
+    function a() {
+      r("click", e.url, e.redirectType);
     }
-    const s = { props: e, emits: o, clickHandler: l };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    const i = { props: e, emits: r, clickHandler: a };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
-function zn(t, n, a, e, o, l) {
-  const s = x("ALink");
-  return d(), B(s, { onClick: e.clickHandler }, {
+function zo(t, o, n, e, r, a) {
+  const i = x("ALink");
+  return u(), R(i, { onClick: e.clickHandler }, {
     default: S(() => [
       ue(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Kn = /* @__PURE__ */ Y(En, [["render", zn], ["__file", "DetailLink.vue"]]), Wn = /* @__PURE__ */ z({
+const Ko = /* @__PURE__ */ Y(Eo, [["render", zo], ["__file", "DetailLink.vue"]]), Wo = /* @__PURE__ */ z({
   __name: "index",
   props: {
     config: {},
     loading: { type: Boolean }
   },
   emits: ["click"],
-  setup(t, { expose: n, emit: a }) {
-    n();
-    const e = t, o = a;
-    function l(u, g) {
-      o("click", e.config.widget, u, g, e.config.title);
+  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 s = E(() => {
+    const i = E(() => {
       switch (e.config.location) {
         case "InOperation":
           return Ye;
         case "InTable":
-          return Kn;
+          return Ko;
         default:
           return Ye;
       }
-    }), c = E(() => e.config.widget === Q.Submit ? e.config.requestUrl ?? "" : e.config.widget === Q.Link ? e.config.redirectUrl ?? "" : ""), i = E(() => e.config.redirectType ?? "Details"), r = { props: e, emits: o, clickHandler: l, curComp: s, curUrl: c, redirectType: i };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+    }), l = E(() => e.config.widget === J.Submit ? e.config.requestUrl ?? "" : e.config.widget === J.Link ? e.config.redirectUrl ?? "" : ""), c = E(() => e.config.redirectType ?? "Details"), s = { props: e, emits: r, clickHandler: a, curComp: i, curUrl: l, redirectType: c };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function Gn(t, n, a, e, o, l) {
-  return d(), B($e(e.curComp), {
+function Go(t, o, n, e, r, a) {
+  return u(), R($e(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
-    loading: a.loading,
+    loading: n.loading,
     onClick: e.clickHandler
   }, {
     default: S(() => [
-      ae(q(e.props.config.title), 1)
+      re(q(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Ae = /* @__PURE__ */ Y(Wn, [["render", Gn], ["__file", "index.vue"]]), st = Symbol("library-router");
+const Ae = /* @__PURE__ */ Y(Wo, [["render", Go], ["__file", "index.vue"]]), st = Symbol("library-router");
 function Te() {
   const t = _e(st, null);
   return t || vt();
@@ -1144,46 +1164,46 @@ function Ee() {
   const t = _e(it, null);
   return t || {};
 }
-const qn = Symbol("library-pinia"), lt = Symbol("library-bpmStore"), ct = Symbol("library-svrStore");
+const qo = Symbol("library-pinia"), lt = Symbol("library-bpmStore"), ct = Symbol("library-svrStore");
 function Ie() {
   return _e(lt, null);
 }
 function Pe() {
   return _e(ct, null);
 }
-const Yn = /* @__PURE__ */ z({
+const Yo = /* @__PURE__ */ z({
   __name: "TopBar",
   props: {
     title: {},
     subTitle: {},
     email: {}
   },
-  setup(t, { expose: n }) {
-    n();
-    const a = {};
-    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  setup(t, { expose: o }) {
+    o();
+    const n = {};
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
   }
-}), Qn = { class: "top-bar" }, Jn = { class: "banner-info" }, Xn = { class: "page-title" }, Zn = { class: "page-subtitle" }, eo = { class: "avatar-wrapper" }, to = { class: "user-email" };
-function no(t, n, a, e, o, l) {
-  const s = x("a-avatar"), c = x("a-popover");
-  return d(), _("div", Qn, [
-    h("div", Jn, [
-      h("div", Xn, q(a.title), 1),
-      h("div", Zn, q(a.subTitle), 1)
+}), Qo = { class: "top-bar" }, Jo = { class: "banner-info" }, Xo = { class: "page-title" }, Zo = { class: "page-subtitle" }, en = { class: "avatar-wrapper" }, tn = { class: "user-email" };
+function on(t, o, n, e, r, a) {
+  const i = x("a-avatar"), l = x("a-popover");
+  return u(), _("div", Qo, [
+    w("div", Jo, [
+      w("div", Xo, q(n.title), 1),
+      w("div", Zo, q(n.subTitle), 1)
     ]),
-    h("div", eo, [
-      N(c, { trigger: "click" }, {
+    w("div", en, [
+      N(l, { trigger: "click" }, {
         content: S(() => [
-          h("div", to, q(a.email), 1)
+          w("div", tn, q(n.email), 1)
         ]),
         default: S(() => [
-          N(s, {
+          N(i, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
             default: S(() => [
-              ae(q(a.email.charAt(0).toUpperCase()), 1)
+              re(q(n.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -1193,37 +1213,37 @@ function no(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Ne = /* @__PURE__ */ Y(Yn, [["render", no], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+const Ne = /* @__PURE__ */ Y(Yo, [["render", on], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
 function ze(t) {
-  const n = je(), a = [];
-  if (n.fieldsGroup) {
-    n.fieldsGroup.forEach((l) => {
-      const s = l.keys.map((c) => t.find((i) => i.fieldKey === c)).filter(Boolean);
-      s.length && a.push({ name: l.name, fields: s });
+  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 });
     });
-    const e = n.fieldsGroup.flatMap((l) => l.keys), o = t.filter((l) => !e.includes(l.fieldKey));
-    return o.length && a.push({ name: "Grading Review History (For example: re-submit the grading request)", fields: o }), a;
+    const e = 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;
   }
 }
-class Ue {
+class Fe {
   pageActionType;
   className = "";
   store = { svrStore: {}, bpmStore: {} };
   opt = { workflowId: "" };
-  setWorkflowId(n) {
-    return n ? (this.opt.workflowId = n, this) : this;
+  setWorkflowId(o) {
+    return o ? (this.opt.workflowId = o, this) : this;
   }
-  setPageActionType(n) {
-    return this.pageActionType = n, this;
+  setPageActionType(o) {
+    return this.pageActionType = o, this;
   }
-  setClassName(n) {
-    return this.className = n, this;
+  setClassName(o) {
+    return this.className = o, this;
   }
-  setStore(n) {
-    return this.store = n, this;
+  setStore(o) {
+    return this.store = o, this;
   }
-  setOpt(n) {
-    return this.opt = n, this;
+  setOpt(o) {
+    return this.opt = o, this;
   }
   build() {
     return this.pageActionType ? this.opt.workflowId ? new xe(this.pageActionType, this.className, this.store, this.opt) : new xe(this.pageActionType, this.className, this.store) : this.opt.workflowId ? new xe(me.ReCreate, this.className, this.store, this.opt) : new xe(me.Create, this.className, this.store);
@@ -1240,8 +1260,8 @@ class xe {
   getWorkflowId() {
     return this.opt?.workflowId ?? "";
   }
-  constructor(n, a, e, o) {
-    this.pageActionType = n, this.className = a, this.store = e, o && (this.opt = o);
+  constructor(o, n, e, r) {
+    this.pageActionType = o, this.className = n, this.store = e, r && (this.opt = r);
   }
   getPageData() {
     return this.opt ? We(this.pageActionType, this.className, this.store, this.opt) : We(this.pageActionType, this.className, this.store);
@@ -1252,8 +1272,8 @@ class xe {
   getFiles() {
     return this.getWorkflowId() ? Et(this.className, this.getWorkflowId()) : Promise.resolve({});
   }
-  removeFile(n) {
-    return zt(this.className, n);
+  removeFile(o) {
+    return zt(this.className, o);
   }
   getProcess() {
     return jt(this.className, this.getWorkflowId());
@@ -1267,33 +1287,40 @@ class xe {
   getApprovers() {
     return Kt();
   }
-  assignApprover(n) {
-    return Wt(this.getWorkflowId(), n);
+  assignApprover(o) {
+    return Wt(this.getWorkflowId(), o);
   }
-  addComments(n) {
-    return Gt(this.getWorkflowId(), this.getApproverEmail(), n);
+  addComments(o) {
+    return Gt(this.getWorkflowId(), this.getApproverEmail(), o);
   }
-  deleteAssociator(n) {
-    return Qt(n);
+  deleteAssociator(o) {
+    return Qt(o);
   }
 }
-const oo = /* @__PURE__ */ z({
+const nn = /* @__PURE__ */ z({
   __name: "CreateView",
   props: {
     className: {},
     workflowId: {}
   },
-  setup(t, { expose: n }) {
-    n();
-    const a = Ie(), e = Pe(), o = Te(), l = Ee(), s = Oe("dataWidgets"), c = ge(), i = t, r = m({
+  setup(t, { expose: o }) {
+    o();
+    const n = Ie(), e = Pe(), r = Te(), a = Ee(), i = Oe("dataWidgets"), l = ge(), c = t, s = m({
       pageType: "",
       fields: {},
       globalValidations: [],
       banner: {
         title: "",
         subTitle: ""
+      },
+      pageFields: {
+        id: "",
+        deleteFlag: "",
+        status: "",
+        workFlowReason: "",
+        workflowId: ""
       }
-    }), u = m([]), g = m({});
+    }), d = m([]), g = m({});
     function v(k) {
       return k ? Object.entries(k).map(([A, U]) => ({
         fieldKey: A,
@@ -1302,77 +1329,77 @@ const oo = /* @__PURE__ */ z({
     }
     function y(k) {
       return k ? Object.entries(k).filter(([A, U]) => U.dependent).reduce(
-        (A, [U, R]) => (A[U] = R.dependent, A),
+        (A, [U, L]) => (A[U] = L.dependent, A),
         {}
       ) : [];
     }
-    const f = E(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), C = m(!1);
+    const f = E(() => s.value?.actions ? [...s.value.actions].reverse() : []), p = m({}), C = m(!1);
     fe(async () => {
       C.value = !0;
-      const k = new Ue().setWorkflowId(i.workflowId).setClassName(i.className).setStore({ svrStore: e, bpmStore: a }).build();
-      r.value = await k.getPageData(), u.value = v(r.value.fields), g.value = y(r.value.fields);
-      for (const T in r.value.fields) {
-        if (r.value.fields[T].widget?.widget === "File") {
-          const A = u.value.find((U) => U.fieldKey === T);
+      const k = new Fe().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
+      s.value = await k.getPageData(), d.value = v(s.value.fields), g.value = y(s.value.fields);
+      for (const T in s.value.fields) {
+        if (s.value.fields[T].widget?.widget === "File") {
+          const A = d.value.find((U) => U.fieldKey === T);
           A && A.widget && (A.widget.files = []);
         }
-        p.value[T] = r.value.fields[T].modelValue;
+        p.value[T] = s.value.fields[T].modelValue;
       }
       C.value = !1;
     });
-    function J() {
+    function X() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function ee(k, T, A, U, R) {
+    async function ee(k, T, A, U, L) {
       switch (T) {
-        case Q.Submit:
+        case J.Submit:
           let O = !0;
-          if (s.value?.forEach((X) => {
-            X?.validate && (X.validate() || (O = !1));
+          if (i.value?.forEach((Q) => {
+            Q?.validate && (Q.validate() || (O = !1));
           }), !O) {
-            c?.appContext.config.globalProperties.$message.error(
+            l?.appContext.config.globalProperties.$message.error(
               "form validation failed, please check the input fields"
             );
             return;
           }
           C.value = !0;
           try {
-            l[R]?.({ message: `${R} action triggered` });
-            const X = {
+            a[L]?.({ message: `${L} action triggered` });
+            const Q = {
               ...p.value,
               ...g.value
             };
-            l.createHardCode?.(X);
-            const te = await Ut(
-              i.className,
-              X,
+            a.createPageBeforeSubmit?.(Q);
+            const oe = await Ft(
+              c.className,
+              Q,
               A
             );
-            l[`${R}Success` || ""]?.({
+            a[`${L}Success` || ""]?.({
               message: "Workflow created successfully",
-              workflowId: i.workflowId,
-              res: te
+              workflowId: c.workflowId,
+              res: oe
             });
-            const le = s.value?.map((de) => de?.submit ? de.submit(te.toString()) : Promise.resolve()) || [];
-            await Promise.all(le), C.value = !1, c?.appContext.config.globalProperties.$notification.success(
-              `Your grading request has been submitted, ID is ${te.toString()}.`
-            ), o.push({ name: "Details", params: { workflowId: te.toString() } });
+            const ne = i.value?.map((de) => de?.submit ? de.submit(oe.toString()) : Promise.resolve()) || [];
+            await Promise.all(ne), C.value = !1, l?.appContext.config.globalProperties.$notification.success(
+              `Your grading request has been submitted, ID is ${oe.toString()}.`
+            ), r.push({ name: "Details", params: { workflowId: oe.toString() } });
           } catch {
-            c?.appContext.config.globalProperties.$notification.error(
+            l?.appContext.config.globalProperties.$notification.error(
               "Failed to submit your grading request"
             ), C.value = !1;
           }
           break;
-        case Q.Link:
+        case J.Link:
           try {
-            await l[k.eventName || ""]?.(p.value, Z), o.push({
+            await a[k.eventName || ""]?.(p.value, Z), r.push({
               name: U,
-              params: { className: i.className }
-            }), await l[`${k.eventName || ""}Success`]?.({
+              params: { className: c.className }
+            }), await a[`${k.eventName || ""}Success`]?.({
               message: `Router to ${U} pushed`
             });
-          } catch (X) {
-            console.error("Error in link action trigger:", X);
+          } catch (Q) {
+            console.error("Error in link action trigger:", Q);
           }
           break;
         default:
@@ -1387,48 +1414,48 @@ const oo = /* @__PURE__ */ z({
       "jobAttachmentPrevious",
       "positionId"
     ], Z = m(M);
-    function se(k, T) {
-      l[k]?.({ fieldValue: T, hiddenFields: Z, formData: p }), r.value && (u.value = v(r.value.fields));
+    function ie(k, T) {
+      a[k]?.({ fieldValue: T, hiddenFields: Z, formData: p }), s.value && (d.value = v(s.value.fields));
     }
-    const V = E(() => ze(u.value)), w = { bpmStore: a, svrStore: e, router: o, triggers: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: v, genDependentField: y, reversedActions: f, _data: p, loading: C, getApproverEmail: J, clickHandler: ee, newHiddenFields: M, hiddenFields: Z, changeHandler: se, groupedFields: V, DataWidgets: Ve, ActionButton: Ae, TopBar: Ne };
-    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
+    const V = E(() => ze(d.value)), h = { bpmStore: n, svrStore: e, router: r, triggers: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: y, reversedActions: f, _data: p, loading: C, getApproverEmail: X, clickHandler: ee, newHiddenFields: M, hiddenFields: Z, changeHandler: ie, groupedFields: V, DataWidgets: Ve, ActionButton: Ae, TopBar: Ne };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
-}), ao = { class: "page-container" }, ro = { class: "page-body" }, so = { class: "form-card" }, io = { class: "form-fields-vertical" }, lo = { class: "form-fields" }, co = {
+}), an = { class: "page-container" }, rn = { class: "page-body" }, sn = { class: "form-card" }, ln = { class: "form-fields-vertical" }, cn = { class: "form-fields" }, dn = {
   key: 0,
   class: "form-content"
-}, uo = { class: "page-footer" }, fo = { class: "action-container" }, po = { class: "action-buttons" };
-function mo(t, n, a, e, o, l) {
-  const s = x("a-card"), c = x("a-spin");
-  return d(), _("div", ao, [
+}, un = { class: "page-footer" }, fn = { class: "action-container" }, pn = { class: "action-buttons" };
+function mn(t, o, n, e, r, a) {
+  const i = x("a-card"), l = x("a-spin");
+  return u(), _("div", an, [
     N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    h("div", ro, [
-      N(c, {
+    w("div", rn, [
+      N(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: S(() => [
-          h("div", so, [
-            h("div", io, [
-              (d(!0), _($, null, j(e.groupedFields, (i) => (d(), B(s, {
-                key: i.name,
-                title: i.name,
+          w("div", sn, [
+            w("div", ln, [
+              (u(!0), _($, null, j(e.groupedFields, (c) => (u(), R(i, {
+                key: c.name,
+                title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: S(() => [
-                  h("div", lo, [
-                    (d(!0), _($, null, j(i.fields, (r) => (d(), B(e.DataWidgets, {
-                      key: r.fieldKey,
+                  w("div", cn, [
+                    (u(!0), _($, null, j(c.fields, (s) => (u(), R(e.DataWidgets, {
+                      key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
-                      "field-key": r.fieldKey,
-                      config: r,
-                      "class-name": a.className,
-                      modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (u) => e._data[r.fieldKey] = u,
+                      "field-key": s.fieldKey,
+                      config: s,
+                      "class-name": n.className,
+                      modelValue: e._data[s.fieldKey],
+                      "onUpdate:modelValue": (d) => e._data[s.fieldKey] = d,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1437,101 +1464,110 @@ function mo(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), _("div", co, [
+            t.$slots.content ? (u(), _("div", dn, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : re("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    h("div", uo, [
-      h("div", fo, [
+    w("div", un, [
+      w("div", fn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        h("div", po, [
-          (d(!0), _($, null, j(e.reversedActions, (i) => (d(), B(e.ActionButton, {
-            key: i.title,
+        w("div", pn, [
+          (u(!0), _($, null, j(e.reversedActions, (c) => (u(), R(e.ActionButton, {
+            key: c.title,
             loading: e.loading,
-            config: i,
+            config: c,
             class: "action-button",
-            onClick: (...r) => e.clickHandler(i, ...r)
+            onClick: (...s) => e.clickHandler(c, ...s)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const go = /* @__PURE__ */ Y(oo, [["render", mo], ["__scopeId", "data-v-8b157ce4"], ["__file", "CreateView.vue"]]), _o = /* @__PURE__ */ z({
+const gn = /* @__PURE__ */ Y(nn, [["render", mn], ["__scopeId", "data-v-7ac0ce3d"], ["__file", "CreateView.vue"]]), _n = /* @__PURE__ */ z({
   __name: "UpdateView",
   props: {
     className: {},
     workflowId: {}
   },
-  setup(t, { expose: n }) {
-    n();
-    const a = Te(), e = Ee(), o = Pe(), l = Ie(), s = Oe("dataWidgets"), c = ge(), i = t, r = m({
+  setup(t, { expose: o }) {
+    o();
+    const n = Te(), e = Ee(), r = Pe(), a = Ie(), i = Oe("dataWidgets"), l = ge(), c = t, s = m({
       pageType: "",
       fields: {},
       globalValidations: [],
       banner: {
         title: "",
         subTitle: ""
+      },
+      pageFields: {
+        id: "",
+        deleteFlag: "",
+        status: "",
+        workFlowReason: "",
+        workflowId: ""
       }
-    }), u = m([]), g = m({});
-    function v(w) {
-      return w ? Object.entries(w).map(([T, A]) => ({
+    }), d = m([]), g = m({});
+    function v(h) {
+      return h ? Object.entries(h).map(([T, A]) => ({
         fieldKey: T,
         ...A
       })).filter((T) => T.widget && T.widget.widget !== "Hidden").filter((T) => !M.value.includes(T.fieldKey)) : [];
     }
-    function y(w) {
-      return w ? Object.entries(w).filter(([T, A]) => A.dependent).reduce((T, [A, U]) => (T[A] = U.dependent, T), {}) : [];
+    function y(h) {
+      return h ? Object.entries(h).filter(([T, A]) => A.dependent).reduce((T, [A, U]) => (T[A] = U.dependent, T), {}) : [];
     }
-    const f = E(() => r.value?.actions ? [...r.value.actions].reverse() : []), p = m({}), C = m(!1);
+    const f = E(() => s.value?.actions ? [...s.value.actions].reverse() : []), p = m({}), C = m(!1);
     fe(async () => {
       C.value = !0;
-      const w = new Ue().setPageActionType(me.Update).setClassName(i.className).setStore({ svrStore: o, bpmStore: l }).setWorkflowId(i.workflowId).build();
-      r.value = await w.getPageData();
-      const k = await w.getBtnList(), T = await w.getFiles();
-      r.value.actions = r.value.actions?.filter((U) => {
-        const R = k.find((O) => O.button === U.title);
-        return R ? R.isShow : !0;
+      const h = new Fe().setPageActionType(me.Update).setClassName(c.className).setStore({ svrStore: r, bpmStore: a }).setWorkflowId(c.workflowId).build();
+      s.value = await h.getPageData();
+      const k = await h.getBtnList(), T = await h.getFiles();
+      s.value.actions = s.value.actions?.filter((U) => {
+        const L = k.find((O) => O.button === U.title);
+        return L ? L.isShow : !0;
       });
-      const A = r.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: A, hiddenFields: M, formData: p }), u.value = v(r.value.fields), g.value = y(r.value.fields);
-      for (const U in r.value.fields) {
-        if (r.value.fields[U].widget?.widget === "File") {
-          const R = u.value.find((O) => O.fieldKey === U);
-          R && R.widget && (R.widget.files = T[U] ?? [], R.widget.removeFile = (O) => w.removeFile(O));
+      const A = s.value.fields.requestType.modelValue;
+      e.Test?.({ fieldValue: A, hiddenFields: M, formData: p }), d.value = v(s.value.fields), g.value = y(s.value.fields);
+      for (const U in s.value.fields) {
+        if (s.value.fields[U].widget?.widget === "File") {
+          const L = d.value.find((O) => O.fieldKey === U);
+          L && L.widget && (L.widget.files = T[U] ?? [], L.widget.removeFile = (O) => h.removeFile(O));
         }
-        p.value[U] = r.value.fields[U].modelValue;
+        p.value[U] = s.value.fields[U].modelValue;
       }
       C.value = !1;
     });
-    function J() {
-      return o()?.userInfo?.email_address ?? "";
+    function X() {
+      return r()?.userInfo?.email_address ?? "";
     }
-    async function ee(w, k, T, A, U) {
+    async function ee(h, k, T, A, U) {
       switch (k) {
-        case Q.Submit:
-          let R = !0;
-          if (s.value?.forEach((O) => {
-            O?.validate && (O.validate() || (R = !1));
-          }), !R) {
-            c?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
+        case J.Submit:
+          let L = !0;
+          if (i.value?.forEach((O) => {
+            O?.validate && (O.validate() || (L = !1));
+          }), !L) {
+            l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
           C.value = !0;
           try {
-            const O = await Dt(i.className, i.workflowId, { ...p.value, ...g.value }, T), X = s.value?.map((te) => te?.submit ? te.submit(O.toString()) : Promise.resolve()) || [];
-            await Promise.all(X), C.value = !1, c?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${O.toString()}.`);
+            const O = { ...p.value, ...g.value };
+            e.updatePageBeforeSubmit?.(O, a().employeeInfo);
+            const Q = await Ut(c.className, c.workflowId, O, T), oe = i.value?.map((ne) => ne?.submit ? ne.submit(Q.toString()) : Promise.resolve()) || [];
+            await Promise.all(oe), C.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${Q.toString()}.`);
           } catch {
-            c?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), C.value = !1;
+            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), C.value = !1;
           }
           break;
-        case Q.Link:
+        case J.Link:
           try {
-            await e[w.eventName || ""]?.(p.value, M), a.push({ name: A, params: { className: i.className } });
+            await e[h.eventName || ""]?.(p.value, M), n.push({ name: A, params: { className: c.className } });
           } catch {
           }
           break;
@@ -1540,48 +1576,48 @@ const go = /* @__PURE__ */ Y(oo, [["render", mo], ["__scopeId", "data-v-8b157ce4
       }
     }
     const M = m([]);
-    function Z(w, k) {
-      e[w]?.({ fieldValue: k, hiddenFields: M, formData: p }), r.value && (u.value = v(r.value.fields));
+    function Z(h, k) {
+      e[h]?.({ fieldValue: k, hiddenFields: M, formData: p }), s.value && (d.value = v(s.value.fields));
     }
-    const se = E(() => ze(u.value)), V = { router: a, triggers: e, svrStore: o, bpmStore: l, dataWidgetsRefs: s, instance: c, props: i, pageData: r, _fields: u, _dependent: g, genField: v, genDependentField: y, reversedActions: f, _data: p, loading: C, getApproverEmail: J, clickHandler: ee, hiddenFields: M, changeHandler: Z, groupedFields: se, DataWidgets: Ve, ActionButton: Ae, TopBar: Ne };
+    const ie = E(() => ze(d.value)), V = { router: n, triggers: e, svrStore: r, bpmStore: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: y, reversedActions: f, _data: p, loading: C, getApproverEmail: X, clickHandler: ee, hiddenFields: M, changeHandler: Z, groupedFields: ie, DataWidgets: Ve, ActionButton: Ae, TopBar: Ne };
     return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
   }
-}), vo = { class: "page-container" }, bo = { class: "page-body" }, ho = { class: "form-card" }, yo = { class: "form-fields-vertical" }, wo = { class: "form-fields" }, ko = {
+}), vn = { class: "page-container" }, bn = { class: "page-body" }, wn = { class: "form-card" }, yn = { class: "form-fields-vertical" }, hn = { class: "form-fields" }, kn = {
   key: 0,
   class: "form-content"
-}, Co = { class: "page-footer" }, So = { class: "action-container" }, xo = { class: "action-buttons" };
-function Vo(t, n, a, e, o, l) {
-  const s = x("a-card"), c = x("a-spin");
-  return d(), _("div", vo, [
+}, Cn = { class: "page-footer" }, Sn = { class: "action-container" }, xn = { class: "action-buttons" };
+function Vn(t, o, n, e, r, a) {
+  const i = x("a-card"), l = x("a-spin");
+  return u(), _("div", vn, [
     N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    h("div", bo, [
-      N(c, {
+    w("div", bn, [
+      N(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: S(() => [
-          h("div", ho, [
-            h("div", yo, [
-              (d(!0), _($, null, j(e.groupedFields, (i) => (d(), B(s, {
-                key: i.name,
-                title: i.name,
+          w("div", wn, [
+            w("div", yn, [
+              (u(!0), _($, null, j(e.groupedFields, (c) => (u(), R(i, {
+                key: c.name,
+                title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: S(() => [
-                  h("div", wo, [
-                    (d(!0), _($, null, j(i.fields, (r) => (d(), B(e.DataWidgets, {
-                      key: r.fieldKey,
+                  w("div", hn, [
+                    (u(!0), _($, null, j(c.fields, (s) => (u(), R(e.DataWidgets, {
+                      key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
-                      "field-key": r.fieldKey,
-                      config: r,
-                      "class-name": a.className,
-                      modelValue: e._data[r.fieldKey],
-                      "onUpdate:modelValue": (u) => e._data[r.fieldKey] = u,
+                      "field-key": s.fieldKey,
+                      config: s,
+                      "class-name": n.className,
+                      modelValue: e._data[s.fieldKey],
+                      "onUpdate:modelValue": (d) => e._data[s.fieldKey] = d,
                       class: "form-field",
                       onChange: e.changeHandler
                     }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1590,63 +1626,70 @@ function Vo(t, n, a, e, o, l) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (d(), _("div", ko, [
+            t.$slots.content ? (u(), _("div", kn, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : re("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    h("div", Co, [
-      h("div", So, [
+    w("div", Cn, [
+      w("div", Sn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        h("div", xo, [
-          (d(!0), _($, null, j(e.reversedActions, (i) => (d(), B(e.ActionButton, {
-            key: i.title,
+        w("div", xn, [
+          (u(!0), _($, null, j(e.reversedActions, (c) => (u(), R(e.ActionButton, {
+            key: c.title,
             loading: e.loading,
-            config: i,
+            config: c,
             class: "action-button",
-            onClick: (...r) => e.clickHandler(i, ...r)
+            onClick: (...s) => e.clickHandler(c, ...s)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const Ao = /* @__PURE__ */ Y(_o, [["render", Vo], ["__scopeId", "data-v-a0ee3911"], ["__file", "UpdateView.vue"]]), dt = Symbol("library-custom-comp");
-function To() {
+const An = /* @__PURE__ */ Y(_n, [["render", Vn], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), dt = Symbol("library-custom-comp");
+function Tn() {
   return _e(dt, null);
 }
-const Io = /* @__PURE__ */ z({
+const In = /* @__PURE__ */ z({
   __name: "DetailView",
   props: {
     className: {},
     workflowId: {}
   },
-  setup(t, { expose: n }) {
-    n();
-    const a = Pe(), e = Ie(), o = Ee(), l = Te(), s = To(), c = ge(), i = t;
-    let r;
-    const u = m({
+  setup(t, { expose: o }) {
+    o();
+    const n = Pe(), e = Ie(), r = Ee(), a = Te(), i = Tn(), l = ge(), c = t;
+    let s;
+    const d = m({
       pageType: "",
       fields: {},
       globalValidations: [],
       banner: {
         title: "",
         subTitle: ""
+      },
+      pageFields: {
+        id: "",
+        deleteFlag: "",
+        status: "",
+        workFlowReason: "",
+        workflowId: ""
       }
     }), g = m([]);
     function v(I) {
       return I ? Object.entries(I).map(([K, P]) => (typeof P.modelValue == "boolean" ? P.fieldValue = P.modelValue ? "Yes" : "No" : P.fieldValue = P.modelValue, {
         fieldKey: K,
         ...P
-      })).filter((K) => K.widget && K.widget.widget !== "Hidden").filter((K) => !w.value.includes(K.fieldKey)) : [];
+      })).filter((K) => K.widget && K.widget.widget !== "Hidden").filter((K) => !h.value.includes(K.fieldKey)) : [];
     }
-    const y = E(() => ze(g.value)), f = E(() => u.value?.actions ? [...u.value.actions].reverse() : []), p = m(!0), C = (I, L) => {
+    const y = E(() => ze(g.value)), f = E(() => d.value?.actions ? [...d.value.actions].reverse() : []), p = m(!0), C = (I, H) => {
       const K = I.findIndex((P) => P.isCurrent);
-      return I.map((P, oe) => {
-        const H = {
+      return I.map((P, ae) => {
+        const D = {
           id: P.id,
           title: "",
           proxy: "",
@@ -1655,117 +1698,117 @@ const Io = /* @__PURE__ */ z({
           status: 1,
           time: ""
         };
-        H.title = P.workflowProcessApprovers[0]?.name;
-        const be = P.workflowProcessApprovers[P.workflowProcessApprovers.length - 1], ke = P.workflowHistorys[P.workflowHistorys.length - 1], he = ke?.workflowHistoryApprovers[ke?.workflowHistoryApprovers?.length - 1];
-        if (be && he && be?.email?.toLowerCase() !== he?.approverEmail?.toLowerCase() && (H.title = `${he.name}`, H.proxy = `Proxy: ${be.name}`), P.sort > 1 ? H.sub = "Approver Role: " + P.nodeName.replace("Submit", "").replace("Approve", "") : H.sub = "Submit Application", P.isCurrent && L !== -1)
-          H.desc = "In Approval", H.status = 1;
+        D.title = P.workflowProcessApprovers[0]?.name;
+        const be = P.workflowProcessApprovers[P.workflowProcessApprovers.length - 1], ke = P.workflowHistorys[P.workflowHistorys.length - 1], we = ke?.workflowHistoryApprovers[ke?.workflowHistoryApprovers?.length - 1];
+        if (be && we && be?.email?.toLowerCase() !== we?.approverEmail?.toLowerCase() && (D.title = `${we.name}`, D.proxy = `Proxy: ${be.name}`), P.sort > 1 ? D.sub = "Approver Role: " + P.nodeName.replace("Submit", "").replace("Approve", "") : D.sub = "Submit Application", P.isCurrent && H !== -1)
+          D.desc = "In Approval", D.status = 1;
         else {
-          const ne = P.workflowHistorys[P.workflowHistorys.length - 1];
-          if (ne && ne.status === 100)
-            H.time = Se(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), H.status = 2, H.desc = "approve success!";
-          else if (ne && ne.status === 999)
-            H.time = Se(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), H.status = 0, H.desc = "approve reject!";
-          else if (ne)
-            if (H.time = Se(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), P.sort === 1)
-              H.status = 2, H.desc = "";
+          const te = P.workflowHistorys[P.workflowHistorys.length - 1];
+          if (te && te.status === 100)
+            D.time = Se(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 2, D.desc = "approve success!";
+          else if (te && te.status === 999)
+            D.time = Se(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 0, D.desc = "approve reject!";
+          else if (te)
+            if (D.time = Se(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), P.sort === 1)
+              D.status = 2, D.desc = "";
             else {
-              const Ce = ne.workflowHistoryApprovers[0];
-              H.status = 3, H.desc = Ce?.reason ? `Rejected reason: ${Ce.reason}` : "Rejected";
+              const Ce = te.workflowHistoryApprovers[0];
+              D.status = 3, D.desc = Ce?.reason ? `Rejected reason: ${Ce.reason}` : "Rejected";
             }
-          else oe < K || K === -1 ? (H.status = 0, H.desc = "Skipped") : (H.status = 0, H.desc = "Pending Approval");
-          ne && ne.status;
+          else ae < K || K === -1 ? (D.status = 0, D.desc = "Skipped") : (D.status = 0, D.desc = "Pending Approval");
+          te && te.status;
         }
-        return H;
+        return D;
       });
-    }, J = m([]), ee = m(!1), M = m(!1), Z = m(!1), se = m(!1);
+    }, X = m([]), ee = m(!1), M = m(!1), Z = m(!1), ie = m(!1);
     async function V() {
-      const I = await r.getBtnList();
-      u.value.actions = u.value.actions?.filter((L) => {
-        const K = I.find((P) => P.button === L.title);
+      const I = await s.getBtnList();
+      d.value.actions = d.value.actions?.filter((H) => {
+        const K = I.find((P) => P.button === H.title);
         return K ? K.isShow : !0;
-      }), ee.value = I.find((L) => L.button === "IsGlobal")?.isShow ?? !1, M.value = I.find((L) => L.button === "AssignButton")?.isShow ?? !1, Z.value = I.find((L) => L.button === "AssignList")?.isShow ?? !1, se.value = I.find((L) => L.button === "AddCommentsButton")?.isShow ?? !1;
+      }), ee.value = I.find((H) => H.button === "IsGlobal")?.isShow ?? !1, M.value = I.find((H) => H.button === "AssignButton")?.isShow ?? !1, Z.value = I.find((H) => H.button === "AssignList")?.isShow ?? !1, ie.value = I.find((H) => H.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const w = m([]);
+    const h = m([]);
     async function k() {
-      p.value = !0, r = new Ue().setPageActionType(me.Details).setClassName(i.className).setStore({ svrStore: a, bpmStore: e }).setWorkflowId(i.workflowId).build(), u.value = await r.getPageData();
-      const I = await r.getFiles();
-      te.value = await r.getApprovers(), O.value = await r.getCommentsHistory(), le.value = await r.getAssociator(), V();
-      const L = u.value.fields.requestType.modelValue;
-      o.Test?.({ fieldValue: L, hiddenFields: w }), g.value = v(u.value.fields);
-      for (const P in u.value.fields)
-        if (u.value.fields[P].widget?.widget === "File") {
-          const oe = g.value.find((H) => H.fieldKey === P);
-          oe && oe.widget && (oe.widget.files = I[P] ?? []);
+      p.value = !0, s = new Fe().setPageActionType(me.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), d.value = await s.getPageData();
+      const I = await s.getFiles();
+      oe.value = await s.getApprovers(), O.value = await s.getCommentsHistory(), ne.value = await s.getAssociator(), await V(), r.detailPageLoaded?.(d, e().employeeInfo);
+      const H = d.value.fields.requestType.modelValue;
+      r.Test?.({ fieldValue: H, hiddenFields: h }), g.value = v(d.value.fields);
+      for (const P in d.value.fields)
+        if (d.value.fields[P].widget?.widget === "File") {
+          const ae = g.value.find((D) => D.fieldKey === P);
+          ae && ae.widget && (ae.widget.files = I[P] ?? []);
         }
-      const K = await r.getProcess();
-      J.value = C(K, 0), p.value = !1;
+      const K = await s.getProcess();
+      X.value = C(K, 0), p.value = !1;
     }
     fe(k);
-    async function T(I, L) {
-      return o[I]?.(L);
+    async function T(I, H) {
+      return r[I]?.(H);
     }
     function A() {
-      return a()?.userInfo?.email_address ?? "";
+      return n()?.userInfo?.email_address ?? "";
     }
-    async function U(I, L, K, P, oe) {
+    async function U(I, H, K, P, ae) {
       try {
-        switch (L) {
-          case Q.Submit:
-            const { reason: H, ifGlobal: be } = await T(oe, {
+        switch (H) {
+          case J.Submit:
+            const { reason: D, ifGlobal: be } = await T(ae, {
               isGlobal: ee.value
             });
             p.value = !0;
-            const ke = g.value.find((De) => De.fieldKey === "approvedGrade")?.modelValue, he = oe === "Approve" ? "100" : "-1", ne = await Ot(
-              i.className,
-              i.workflowId,
+            const ke = g.value.find((Ue) => Ue.fieldKey === "approvedGrade")?.modelValue, we = ae === "Approve" ? "100" : "-1", te = await Ot(
+              c.className,
+              c.workflowId,
               A(),
-              H,
+              D,
               K,
-              he,
+              we,
               be,
               {
                 approvedGrade: ke
               }
             );
-            await T(`${oe}Success`, {
-              workflowId: i.workflowId,
-              res: ne
+            await T(`${ae}Success`, {
+              workflowId: c.workflowId,
+              res: te
             }), p.value = !1;
-            const Ce = oe === "Approve" ? `Request ID ${i.workflowId} has been approved.` : `Request ID ${i.workflowId} has been rejected.`;
-            c?.appContext.config.globalProperties.$notification.success(
+            const Ce = ae === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
+            l?.appContext.config.globalProperties.$notification.success(
               Ce
             ), k();
             break;
-          case Q.Link:
+          case J.Link:
             try {
-              await o[I.eventName || ""]?.(), l.push({
+              await r[I.eventName || ""]?.(), a.push({
                 name: P,
-                params: { className: i.className, workflowId: i.workflowId }
+                params: { className: c.className, workflowId: c.workflowId }
               });
-            } catch (De) {
-              console.error("Error in link action trigger:", De);
+            } catch (Ue) {
+              console.error("Error in link action trigger:", Ue);
             }
             break;
-          case Q.Button:
-            await o[I.eventName || ""]?.({
-              approvers: te,
-              associators: le,
+          case J.Button:
+            await r[I.eventName || ""]?.({
+              approvers: oe,
+              associators: ne,
               isShowAssignSelect: M,
               isShowAssignList: Z,
               assignCallback: de,
-              deleteAssociatorCallback: D
+              deleteAssociatorCallback: F
             });
             break;
           default:
-            console.warn("Unknown action type:", L);
+            console.warn("Unknown action type:", H);
         }
       } catch {
       }
     }
-    const R = m(""), O = m([]), X = m(""), te = m([]), le = m([]);
+    const L = m(""), O = m([]), Q = m(""), oe = m([]), ne = m([]);
     async function de(I) {
       if (!I) {
-        c?.appContext.config.globalProperties.$message.error(
+        l?.appContext.config.globalProperties.$message.error(
           "Please select an approver"
         );
         return;
@@ -1775,35 +1818,35 @@ const Io = /* @__PURE__ */ z({
         "Do you want to assign the selected approver?"
       );
       try {
-        await r.assignApprover(I), le.value = await r.getAssociator(), V(), c?.appContext.config.globalProperties.$notification.success(
+        await s.assignApprover(I), ne.value = await s.getAssociator(), V(), l?.appContext.config.globalProperties.$notification.success(
           "Assign Approver clicked!"
         );
-      } catch (L) {
-        if (L.status === 409) {
-          c?.appContext.config.globalProperties.$notification.error(
+      } catch (H) {
+        if (H.status === 409) {
+          l?.appContext.config.globalProperties.$notification.error(
             "This user is already an associator"
           );
           return;
         }
-        c?.appContext.config.globalProperties.$notification.error(
+        l?.appContext.config.globalProperties.$notification.error(
           "Failed to assign approver"
         );
       }
     }
-    async function b(I, L) {
+    async function b(I, H) {
       const { Modal: K } = await import("@arco-design/web-vue");
-      return new Promise((P, oe) => {
+      return new Promise((P, ae) => {
         K.confirm({
           title: I,
-          content: L,
+          content: H,
           okText: "OK",
           cancelText: "Cancel",
           onOk: () => P(!0),
-          onCancel: () => oe()
+          onCancel: () => ae()
         });
       });
     }
-    async function D(I) {
+    async function F(I) {
       try {
         await b(
           "Confirm Delete Associator",
@@ -1813,100 +1856,100 @@ const Io = /* @__PURE__ */ z({
         return;
       }
       try {
-        await r.deleteAssociator(I.toString()), le.value = await r.getAssociator(), c?.appContext.config.globalProperties.$notification.success(
+        await s.deleteAssociator(I.toString()), ne.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
           "Associator deleted successfully!"
         );
       } catch {
-        c?.appContext.config.globalProperties.$notification.error(
+        l?.appContext.config.globalProperties.$notification.error(
           "Failed to delete associator"
         );
       }
     }
-    async function F() {
-      if (!R.value.trim()) {
-        c?.appContext.config.globalProperties.$message.error(
+    async function B() {
+      if (!L.value.trim()) {
+        l?.appContext.config.globalProperties.$message.error(
           "Comment cannot be empty"
         );
         return;
       }
-      await r.addComments(R.value.trim()), R.value = "", O.value = await r.getCommentsHistory(), c?.appContext.config.globalProperties.$notification.success(
+      await s.addComments(L.value.trim()), L.value = "", O.value = await s.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success(
         "Add Comment clicked!"
       );
     }
     function ce(I) {
       return I ? I === "OtherInformationText" ? "Other Information" : I : "";
     }
-    const pe = { svrStore: a, bpmStore: e, triggers: o, router: l, customComps: s, instance: c, props: i, get page() {
-      return r;
+    const pe = { svrStore: n, bpmStore: e, triggers: r, router: a, customComps: i, instance: l, props: c, get page() {
+      return s;
     }, set page(I) {
-      r = I;
-    }, pageData: u, _fields: g, genField: v, groupedFields: y, reversedActions: f, loading: p, mapWorkflowSteps: C, steps: J, isGlobal: ee, isShowAssignSelect: M, isShowAssignList: Z, isShowCommentTextArea: se, reloadButtonList: V, hiddenFields: w, load: k, triggerFn: T, getApproverEmail: A, clickHandler: U, comment: R, commentsHistory: O, selectedApprover: X, approvers: te, associators: le, onAssignApprover: de, confirmDialog: b, onDeleteAssociator: D, onAddComment: F, formatTitle: ce, ActionButton: Ae, get IconDownload() {
-      return Nn;
+      s = I;
+    }, pageData: d, _fields: g, genField: v, groupedFields: y, reversedActions: f, loading: p, mapWorkflowSteps: C, steps: X, isGlobal: ee, isShowAssignSelect: M, isShowAssignList: Z, isShowCommentTextArea: ie, reloadButtonList: V, hiddenFields: h, load: k, triggerFn: T, getApproverEmail: A, clickHandler: U, comment: L, commentsHistory: O, selectedApprover: Q, approvers: oe, associators: ne, onAssignApprover: de, confirmDialog: b, onDeleteAssociator: F, onAddComment: B, formatTitle: ce, ActionButton: Ae, get IconDownload() {
+      return No;
     }, TopBar: Ne, get formatDate() {
       return Se;
     }, ToolTip: rt, DataWidgets: Ve };
     return Object.defineProperty(pe, "__isScriptSetup", { enumerable: !1, value: !0 }), pe;
   }
-}), Po = { class: "page-container" }, No = { class: "page-body" }, Uo = { class: "detail-card" }, Do = { class: "form-fields-vertical" }, Ho = { class: "detail-fields" }, Bo = { class: "detail-field" }, Fo = {
+}), Pn = { class: "page-container" }, Nn = { class: "page-body" }, Fn = { class: "detail-card" }, Un = { class: "form-fields-vertical" }, Dn = { class: "detail-fields" }, Rn = { class: "detail-field" }, Bn = {
   key: 0,
   class: "detail-field"
-}, Lo = { class: "field-label" }, Ro = {
+}, Hn = { class: "field-label" }, Ln = {
   key: 1,
   class: "field-value"
-}, Oo = {
+}, On = {
   key: 2,
   class: "detail-field-wrapper"
-}, $o = { class: "detail-field" }, jo = {
+}, $n = { class: "detail-field" }, jn = {
   key: 0,
   class: "detail-content"
-}, Mo = { class: "page-footer" }, Eo = { class: "action-container" }, zo = { class: "action-buttons" };
-function Ko(t, n, a, e, o, l) {
-  const s = x("a-link"), c = x("a-space"), i = x("a-card");
+}, Mn = { class: "page-footer" }, En = { class: "action-container" }, zn = { class: "action-buttons" };
+function Kn(t, o, n, e, r, a) {
+  const i = x("a-link"), l = x("a-space"), c = x("a-card");
   x("a-option"), x("a-select");
-  const r = x("a-button"), u = x("a-list-item"), g = x("a-list"), v = x("a-textarea"), y = x("a-spin");
-  return d(), _("div", Po, [
+  const s = x("a-button"), d = x("a-list-item"), g = x("a-list"), v = x("a-textarea"), y = x("a-spin");
+  return u(), _("div", Pn, [
     N(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    h("div", No, [
+    w("div", Nn, [
       N(y, {
         loading: e.loading,
         class: "detail-container"
       }, {
         default: S(() => [
-          h("div", Uo, [
-            (d(), B($e(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            h("div", Do, [
-              (d(!0), _($, null, j(e.groupedFields, (f) => (d(), B(i, {
+          w("div", Fn, [
+            (u(), R($e(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            w("div", Un, [
+              (u(!0), _($, null, j(e.groupedFields, (f) => (u(), R(c, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: S(() => [
-                  h("div", Ho, [
-                    (d(!0), _($, null, j(f.fields, (p) => (d(), _("div", {
+                  w("div", Dn, [
+                    (u(!0), _($, null, j(f.fields, (p) => (u(), _("div", {
                       key: p.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      h("div", Bo, [
-                        p.widget?.readonly ? (d(), _($, { key: 1 }, [
-                          h("div", Lo, [
-                            ae(q(e.formatTitle(p.widget?.title)) + " ", 1),
+                      w("div", Rn, [
+                        p.widget?.readonly ? (u(), _($, { key: 1 }, [
+                          w("div", Hn, [
+                            re(q(e.formatTitle(p.widget?.title)) + " ", 1),
                             N(e.ToolTip, {
                               "is-visible": p.widget?.isVisible ?? !1,
                               "output-text": p.widget?.outputText ?? []
                             }, null, 8, ["is-visible", "output-text"])
                           ]),
-                          p.widget?.widget === "File" ? (d(!0), _($, { key: 0 }, j(p.widget.files, (C) => (d(), _("div", {
+                          p.widget?.widget === "File" ? (u(!0), _($, { key: 0 }, j(p.widget.files, (C) => (u(), _("div", {
                             class: "field-value",
                             key: C.id
                           }, [
-                            N(c, null, {
+                            N(l, null, {
                               default: S(() => [
-                                ae(q(C.name) + " ", 1),
-                                N(s, {
+                                re(q(C.name) + " ", 1),
+                                N(i, {
                                   href: C.url,
                                   target: "_blank"
                                 }, {
@@ -1918,14 +1961,14 @@ function Ko(t, n, a, e, o, l) {
                               ]),
                               _: 2
                             }, 1024)
-                          ]))), 128)) : (d(), _("div", Ro, q(p.fieldValue), 1))
-                        ], 64)) : (d(), _("div", Fo, [
+                          ]))), 128)) : (u(), _("div", Ln, q(p.fieldValue), 1))
+                        ], 64)) : (u(), _("div", Bn, [
                           N(e.DataWidgets, {
                             ref_for: !0,
                             ref: "dataWidgets",
                             name: p.fieldKey,
                             config: p,
-                            "class-name": a.className,
+                            "class-name": n.className,
                             modelValue: p.modelValue,
                             "onUpdate:modelValue": (C) => p.modelValue = C,
                             class: "form-field"
@@ -1937,57 +1980,57 @@ function Ko(t, n, a, e, o, l) {
                 ]),
                 _: 2
               }, 1032, ["title"]))), 128)),
-              re("", !0),
-              re("", !0),
-              e.isShowCommentTextArea ? (d(), _("div", Oo, [
-                h("div", $o, [
-                  n[6] || (n[6] = h("div", { class: "field-label" }, "Comment", -1)),
+              se("", !0),
+              se("", !0),
+              e.isShowCommentTextArea ? (u(), _("div", On, [
+                w("div", $n, [
+                  o[6] || (o[6] = w("div", { class: "field-label" }, "Comment", -1)),
                   N(v, {
                     modelValue: e.comment,
-                    "onUpdate:modelValue": n[1] || (n[1] = (f) => e.comment = f)
+                    "onUpdate:modelValue": o[1] || (o[1] = (f) => e.comment = f)
                   }, null, 8, ["modelValue"]),
-                  N(r, {
+                  N(s, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: S(() => n[5] || (n[5] = [
-                      ae("Add Comment", -1)
+                    default: S(() => o[5] || (o[5] = [
+                      re("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
-              ])) : re("", !0),
-              e.commentsHistory.length ? (d(), B(g, { key: 3 }, {
-                header: S(() => n[7] || (n[7] = [
-                  ae(" Comments History ", -1)
+              ])) : se("", !0),
+              e.commentsHistory.length ? (u(), R(g, { key: 3 }, {
+                header: S(() => o[7] || (o[7] = [
+                  re(" Comments History ", -1)
                 ])),
                 default: S(() => [
-                  (d(!0), _($, null, j(e.commentsHistory, (f) => (d(), B(u, {
+                  (u(!0), _($, null, j(e.commentsHistory, (f) => (u(), R(d, {
                     key: f.associator
                   }, {
                     default: S(() => [
-                      ae(q(f.associator) + ": " + q(f.comments) + " (" + q(e.formatDate(f.createdAt)) + ") ", 1)
+                      re(q(f.associator) + ": " + q(f.comments) + " (" + q(e.formatDate(f.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : re("", !0)
+              })) : se("", !0)
             ]),
-            t.$slots.content ? (d(), _("div", jo, [
+            t.$slots.content ? (u(), _("div", jn, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : re("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    h("div", Mo, [
-      h("div", Eo, [
+    w("div", Mn, [
+      w("div", En, [
         ue(t.$slots, "action", {}, void 0, !0),
-        h("div", zo, [
-          (d(!0), _($, null, j(e.reversedActions, (f) => (d(), B(e.ActionButton, {
+        w("div", zn, [
+          (u(!0), _($, null, j(e.reversedActions, (f) => (u(), R(e.ActionButton, {
             key: f.title,
             loading: e.loading,
             config: f,
@@ -1999,15 +2042,15 @@ function Ko(t, n, a, e, o, l) {
     ])
   ]);
 }
-const Wo = /* @__PURE__ */ Y(Io, [["render", Ko], ["__scopeId", "data-v-eab77026"], ["__file", "DetailView.vue"]]), Go = /* @__PURE__ */ z({
+const Wn = /* @__PURE__ */ Y(In, [["render", Kn], ["__scopeId", "data-v-9373f9f8"], ["__file", "DetailView.vue"]]), Gn = /* @__PURE__ */ z({
   name: "ListView",
   __name: "ListView",
   props: {
     className: {}
   },
-  setup(t, { expose: n }) {
-    n();
-    const a = Pe(), e = Ie(), o = Te(), l = ge(), s = t, c = m(), i = ft({
+  setup(t, { expose: o }) {
+    o();
+    const n = Pe(), e = Ie(), r = Te(), a = ge(), i = t, l = m(), c = ft({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -2016,34 +2059,34 @@ const Wo = /* @__PURE__ */ Y(Io, [["render", Ko], ["__scopeId", "data-v-eab77026
       showPageSize: !0,
       filters: []
     });
-    function r() {
-      const b = Object.entries(A.value).filter(([, { value: D }]) => D && D !== "").map(([D, { value: F, operator: ce }]) => {
-        const pe = typeof F == "string" ? F.trim() : F;
+    function s() {
+      const b = Object.entries(A.value).filter(([, { value: F }]) => F && F !== "").map(([F, { value: B, operator: ce }]) => {
+        const pe = typeof B == "string" ? B.trim() : B;
         return {
-          key: D,
+          key: F,
           value: pe,
           operator: ce
           // 根据实际需要调整操作符
         };
       });
       return {
-        pageNumber: i.current,
-        pageSize: i.pageSize,
-        filters: [...i.filters, ...b],
+        pageNumber: c.current,
+        pageSize: c.pageSize,
+        filters: [...c.filters, ...b],
         sorts: [{
           key: "workflowId",
           type: 1
         }]
       };
     }
-    const u = E(() => ({
+    const d = E(() => ({
       x: y.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), g = (b) => {
-      const D = Object.entries(b).filter(([, F]) => F.widget?.column).map(([F, ce], pe) => ({
+      const F = Object.entries(b).filter(([, B]) => B.widget?.column).map(([B, ce], pe) => ({
         title: ce.widget.title,
-        dataIndex: F.charAt(0).toLowerCase() + F.slice(1),
+        dataIndex: B.charAt(0).toLowerCase() + B.slice(1),
         order: ce.order,
         ellipsis: !0,
         tooltip: !0,
@@ -2052,8 +2095,8 @@ const Wo = /* @__PURE__ */ Y(Io, [["render", Ko], ["__scopeId", "data-v-eab77026
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((F, ce) => F.order - ce.order);
-      D.push({
+      })).sort((B, ce) => B.order - ce.order);
+      F.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -2061,110 +2104,110 @@ const Wo = /* @__PURE__ */ Y(Io, [["render", Ko], ["__scopeId", "data-v-eab77026
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), y.value = D;
-    }, v = m([]), y = m([]), f = m(!0), p = m(!0), C = m(), J = async () => {
+      }), y.value = F;
+    }, v = m([]), y = m([]), f = m(!0), p = m(!0), C = m(), X = async () => {
       p.value = !0;
-      const b = await Nt(s.className, r());
-      v.value = b.data, i.total = b.totalCount, p.value = !1;
+      const b = await Nt(i.className, s());
+      v.value = b.data, c.total = b.totalCount, p.value = !1;
     }, ee = m(!1);
     fe(async () => {
       f.value = !0;
-      const b = new Ue().setPageActionType(me.List).setClassName(s.className).setStore({ svrStore: a, bpmStore: e }).build();
-      c.value = await b.getPageData(), g(c.value.fields), R(c.value.fields), O(), T(c.value?.tabs?.[0]?.key || ""), C.value = c.value.actions, f.value = !1, ee.value = !0;
+      const b = new Fe().setPageActionType(me.List).setClassName(i.className).setStore({ svrStore: n, bpmStore: e }).build();
+      l.value = await b.getPageData(), g(l.value.fields), L(l.value.fields), O(), T(l.value?.tabs?.[0]?.key || ""), C.value = l.value.actions, f.value = !1, ee.value = !0;
     }), pt(() => {
-      ee.value && J();
+      ee.value && X();
     });
     const M = (b) => {
-      i.current = b, J();
+      c.current = b, X();
     }, Z = (b) => {
-      i.pageSize = b, J();
+      c.pageSize = b, X();
     };
-    function se(b, D, F, ce, pe) {
+    function ie(b, F, B, ce, pe) {
       switch (b) {
-        case Q.Link:
-          o.push({ name: F, params: { workflowId: pe } });
+        case J.Link:
+          r.push({ name: B, params: { workflowId: pe } });
           break;
         default:
           console.warn("Unknown action type:", b);
       }
     }
-    function V(b, D, F) {
+    function V(b, F, B) {
       switch (b) {
-        case Q.Submit:
-          Jt(D, { filters: [{ key: "approverList", value: w(), operator: 2 }] }), l?.appContext.config.globalProperties.$notification.success("submit success!");
+        case J.Submit:
+          Jt(F, { filters: [{ key: "approverList", value: h(), operator: 2 }] }), a?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
-        case Q.Link:
-          o.push({ name: F });
+        case J.Link:
+          r.push({ name: B });
           break;
         default:
           console.warn("Unknown action type:", b);
       }
     }
-    function w() {
-      return a()?.userInfo?.email_address ?? "";
+    function h() {
+      return n()?.userInfo?.email_address ?? "";
     }
-    function k(b, D) {
-      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, D);
+    function k(b, F) {
+      return typeof b != "string" || b.indexOf("{currentUserEmail}") === -1 ? b : b.replace(/{currentUserEmail}/g, F);
     }
     function T(b) {
-      const D = c.value?.tabs?.find((F) => F.key === b)?.filters;
-      i.filters = D?.map((F) => ({
-        ...F,
-        value: k(F.value, w())
-      })) || [], i.current = 1, J();
+      const F = l.value?.tabs?.find((B) => B.key === b)?.filters;
+      c.filters = F?.map((B) => ({
+        ...B,
+        value: k(B.value, h())
+      })) || [], c.current = 1, X();
     }
     const A = m({}), U = m([]);
-    function R(b) {
+    function L(b) {
       if (!b) return [];
-      U.value = Object.entries(b).filter(([, D]) => D.isFiltered).map(([D, F]) => ({ fieldKey: D, fieldConfig: F }));
+      U.value = Object.entries(b).filter(([, F]) => F.isFiltered).map(([F, B]) => ({ fieldKey: F, fieldConfig: B }));
     }
     const O = () => {
       const b = {};
-      U.value.forEach(({ fieldKey: D, fieldConfig: F }) => {
-        b[D] = {}, b[D].value = F.modelValue, b[D].operator = F.operator;
+      U.value.forEach(({ fieldKey: F, fieldConfig: B }) => {
+        b[F] = {}, b[F].value = B.modelValue, b[F].operator = B.operator;
       }), A.value = b;
-    }, X = () => {
-      i.current = 1, J();
-    }, te = () => {
-      c.value && O(), X();
+    }, Q = () => {
+      c.current = 1, X();
+    }, oe = () => {
+      l.value && O(), Q();
     };
-    function le(b, D) {
-      return !(b.location !== "InTable" || b.title === "Update" && (D.status === 100 || D.status === -1));
+    function ne(b, F) {
+      return !(b.location !== "InTable" || b.title === "Update" && (F.sort === 3 || F.status === 100 || F.status === -1));
     }
-    const de = { svrStore: a, bpmStore: e, router: o, instance: l, props: s, pageData: c, paging: i, createListParams: r, scroll: u, mapColumns: g, _data: v, _columns: y, loadingPage: f, loadingTable: p, actions: C, loadData: J, mounted: ee, pageChangeHandler: M, pageSizeChangeHandler: Z, clickHandler: se, createHandler: V, getApproverEmail: w, replaceEmail: k, tabHandler: T, searchForm: A, searchableFields: U, mapSearchableFields: R, initSearchForm: O, handleSearch: X, handleReset: te, judgeHiddenActions: le, ActionButton: Ae, DataWidgets: Ve, TopBar: Ne };
+    const de = { svrStore: n, bpmStore: e, router: r, instance: a, props: i, pageData: l, paging: c, createListParams: s, scroll: d, mapColumns: g, _data: v, _columns: y, loadingPage: f, loadingTable: p, actions: C, loadData: X, mounted: ee, pageChangeHandler: M, pageSizeChangeHandler: Z, clickHandler: ie, createHandler: V, getApproverEmail: h, replaceEmail: k, tabHandler: T, searchForm: A, searchableFields: U, mapSearchableFields: L, initSearchForm: O, handleSearch: Q, handleReset: oe, judgeHiddenActions: ne, ActionButton: Ae, DataWidgets: Ve, TopBar: Ne };
     return Object.defineProperty(de, "__isScriptSetup", { enumerable: !1, value: !0 }), de;
   }
-}), qo = { class: "list-container" }, Yo = { class: "query-title" };
-function Qo(t, n, a, e, o, l) {
-  const s = x("a-space"), c = x("a-col"), i = x("a-button"), r = x("a-row"), u = x("a-card"), g = x("a-tab-pane"), v = x("a-tabs"), y = x("a-table");
-  return d(), _("div", qo, [
+}), qn = { class: "list-container" }, Yn = { class: "query-title" };
+function Qn(t, o, n, e, r, a) {
+  const i = x("a-space"), l = x("a-col"), c = x("a-button"), s = x("a-row"), d = x("a-card"), g = x("a-tab-pane"), v = x("a-tabs"), y = x("a-table");
+  return u(), _("div", qn, [
     N(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    N(u, null, {
+    N(d, null, {
       default: S(() => [
-        h("div", Yo, [
-          n[0] || (n[0] = h("h3", null, "Search Conditions", -1)),
-          N(s, { size: "medium" }, {
+        w("div", Yn, [
+          o[0] || (o[0] = w("h3", null, "Search Conditions", -1)),
+          N(i, { size: "medium" }, {
             default: S(() => [
-              (d(!0), _($, null, j(e.actions, (f) => (d(), _($, {
+              (u(!0), _($, null, j(e.actions, (f) => (u(), _($, {
                 key: f.title
               }, [
-                f.location === "InOperation" ? (d(), B(e.ActionButton, {
+                f.location === "InOperation" ? (u(), R(e.ActionButton, {
                   key: 0,
                   config: f,
                   onClick: e.createHandler
-                }, null, 8, ["config"])) : re("", !0)
+                }, null, 8, ["config"])) : se("", !0)
               ], 64))), 128))
             ]),
             _: 1
           })
         ]),
-        N(r, { gutter: [24, 20] }, {
+        N(s, { gutter: [24, 20] }, {
           default: S(() => [
-            (d(!0), _($, null, j(e.searchableFields, (f) => (d(), B(c, {
+            (u(!0), _($, null, j(e.searchableFields, (f) => (u(), R(l, {
               key: f.fieldKey,
               span: 6,
               class: "search-col"
@@ -2180,30 +2223,30 @@ function Qo(t, n, a, e, o, l) {
               ]),
               _: 2
             }, 1024))), 128)),
-            N(c, {
+            N(l, {
               span: 6,
               class: "search-col form-buttons"
             }, {
               default: S(() => [
-                N(s, { size: "medium" }, {
+                N(i, { size: "medium" }, {
                   default: S(() => [
-                    N(i, {
+                    N(c, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: S(() => n[1] || (n[1] = [
-                        ae(" Search ", -1)
+                      default: S(() => o[1] || (o[1] = [
+                        re(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
                     }),
-                    N(i, {
+                    N(c, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: S(() => n[2] || (n[2] = [
-                        ae(" Reset ", -1)
+                      default: S(() => o[2] || (o[2] = [
+                        re(" Reset ", -1)
                       ])),
                       _: 1,
                       __: [2]
@@ -2225,7 +2268,7 @@ function Qo(t, n, a, e, o, l) {
       onTabClick: e.tabHandler
     }, {
       default: S(() => [
-        (d(!0), _($, null, j(e.pageData?.tabs, (f) => (d(), B(g, {
+        (u(!0), _($, null, j(e.pageData?.tabs, (f) => (u(), R(g, {
           key: f.key,
           title: f.title
         }, null, 8, ["title"]))), 128))
@@ -2252,17 +2295,17 @@ function Qo(t, n, a, e, o, l) {
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
       optional: S(({ record: f }) => [
-        N(s, { size: "small" }, {
+        N(i, { size: "small" }, {
           default: S(() => [
-            (d(!0), _($, null, j(e.actions, (p) => (d(), _($, {
+            (u(!0), _($, null, j(e.actions, (p) => (u(), _($, {
               key: p.title
             }, [
-              e.judgeHiddenActions(p, f) ? (d(), B(e.ActionButton, {
+              e.judgeHiddenActions(p, f) ? (u(), R(e.ActionButton, {
                 key: 0,
                 config: p,
                 size: "small",
                 onClick: (...C) => e.clickHandler(...C, f.workflowId)
-              }, null, 8, ["config", "onClick"])) : re("", !0)
+              }, null, 8, ["config", "onClick"])) : se("", !0)
             ], 64))), 128))
           ]),
           _: 2
@@ -2272,12 +2315,12 @@ function Qo(t, n, a, e, o, l) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const Jo = /* @__PURE__ */ Y(Go, [["render", Qo], ["__scopeId", "data-v-710cb888"], ["__file", "ListView.vue"]]), oa = {
-  install(t, n = {}) {
-    n.config && kt(n.config), n.router && t.provide(st, n.router), n.pinia && t.provide(qn, n.pinia), n.useBpmStore && t.provide(lt, n.useBpmStore), n.useSvrStore && t.provide(ct, n.useSvrStore), n.triggers && t.provide(it, n.triggers), n.customComps && t.provide(dt, n.customComps), t.component("CreateView", go), t.component("UpdateView", Ao), t.component("DetailView", Wo), t.component("ListView", Jo);
+const Jn = /* @__PURE__ */ Y(Gn, [["render", Qn], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), na = {
+  install(t, o = {}) {
+    o.config && kt(o.config), o.router && t.provide(st, o.router), o.pinia && t.provide(qo, o.pinia), o.useBpmStore && t.provide(lt, o.useBpmStore), o.useSvrStore && t.provide(ct, o.useSvrStore), o.triggers && t.provide(it, o.triggers), o.customComps && t.provide(dt, o.customComps), t.component("CreateView", gn), t.component("UpdateView", An), t.component("DetailView", Wn), t.component("ListView", Jn);
   }
 };
 export {
-  oa as default
+  na as default
 };
 //# sourceMappingURL=index.es.js.map