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

package/dist/index.es.js

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