@chase-shao/vue-component-lib 1.2.108 → 1.2.110

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { ref as g, getCurrentInstance as me, inject as be, defineComponent as W, mergeModels as ce, useModel as Se, resolveComponent as C, createBlock as L, openBlock as u, onMounted as ge, computed as j, withCtx as S, createElementBlock as v, Fragment as M, renderList as E, createVNode as P, nextTick as vt, createElementVNode as w, createTextVNode as se, toDisplayString as K, normalizeStyle as Xe, normalizeClass as et, createCommentVNode as ie, useTemplateRef as Ae, resolveDynamicComponent as Me, renderSlot as ue, reactive as ht, onActivated as bt } from "vue";
-import yt from "axios";
-import { defineStore as wt } from "pinia";
+import { ref as _, getCurrentInstance as me, inject as be, defineComponent as Y, mergeModels as ce, useModel as Se, resolveComponent as T, createBlock as L, openBlock as u, onMounted as ge, computed as z, withCtx as x, createElementBlock as w, Fragment as j, renderList as G, createVNode as P, nextTick as vt, createElementVNode as S, createTextVNode as ae, toDisplayString as q, normalizeStyle as Xe, normalizeClass as et, createCommentVNode as se, useTemplateRef as Ae, resolveDynamicComponent as je, renderSlot as ue, reactive as ht, onActivated as bt } from "vue";
+import wt from "axios";
+import { defineStore as yt } from "pinia";
 import { useRouter as kt } from "vue-router";
 import { Modal as St } from "@arco-design/web-vue";
-const tt = wt("main", () => {
-  const t = g(void 0), o = g(null);
+const tt = yt("main", () => {
+  const t = _(void 0), o = _(null);
   return {
     token: t,
     error: o
@@ -56,7 +56,7 @@ let Oe = {};
 function Vt(t) {
   Oe = { ...Oe, ...t };
 }
-function je() {
+function ze() {
   return Oe;
 }
 const ot = Symbol("library-router");
@@ -75,7 +75,7 @@ function ve() {
 }
 const nt = me();
 function rt() {
-  const t = je();
+  const t = ze();
   return {
     apiBase: t.apiBase || void 0 || "",
     appSecret: t.appSecret || void 0 || ""
@@ -106,7 +106,7 @@ const Pt = (t) => {
   t.message.includes("timeout") && nt?.appContext.config.globalProperties.$notification.error("请求超时，请检查网络");
 };
 function at() {
-  const { apiBase: t } = rt(), o = yt.create({
+  const { apiBase: t } = rt(), o = wt.create({
     baseURL: t,
     timeout: 20 * 1e3,
     // 20s
@@ -126,31 +126,31 @@ const st = async () => {
       e.token = void 0;
     }, (a.data?.expireSeconds ?? 3600) * 1e3), a?.data?.token;
   });
-}, q = async () => {
+}, J = async () => {
   const t = await st(), o = at();
   return o.defaults.headers.common.Authorization = `Bearer ${t}`, o;
-}, Be = {
+}, De = {
   CurrentUserEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   CurrentUserPositionCode: (t) => t.bpmStore()?.positionCode ?? 888,
   CurrentDatetime: () => (/* @__PURE__ */ new Date()).toISOString(),
   ApproverEmail: (t) => t.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (t) => t.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, Y = [];
+}, Z = [];
 for (let t = 0; t < 256; ++t)
-  Y.push((t + 256).toString(16).slice(1));
+  Z.push((t + 256).toString(16).slice(1));
 function Ft(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();
+  return (Z[t[o + 0]] + Z[t[o + 1]] + Z[t[o + 2]] + Z[t[o + 3]] + "-" + Z[t[o + 4]] + Z[t[o + 5]] + "-" + Z[t[o + 6]] + Z[t[o + 7]] + "-" + Z[t[o + 8]] + Z[t[o + 9]] + "-" + Z[t[o + 10]] + Z[t[o + 11]] + Z[t[o + 12]] + Z[t[o + 13]] + Z[t[o + 14]] + Z[t[o + 15]]).toLowerCase();
 }
-let De;
+let Le;
 const Nt = new Uint8Array(16);
 function Rt() {
-  if (!De) {
+  if (!Le) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    De = crypto.getRandomValues.bind(crypto);
+    Le = crypto.getRandomValues.bind(crypto);
   }
-  return De(Nt);
+  return Le(Nt);
 }
 const Ut = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ge = { randomUUID: Ut };
 function it(t, o, n) {
@@ -162,8 +162,8 @@ function it(t, o, n) {
     throw new Error("Random bytes length must be >= 16");
   return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, Ft(e);
 }
-var ee = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(ee || {}), he = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t[t.ReCreate = 5] = "ReCreate", t))(he || {});
-function Bt(t, o, n) {
+var te = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(te || {}), he = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t[t.ReCreate = 5] = "ReCreate", t))(he || {});
+function Dt(t, o, n) {
   const e = {
     pageType: "",
     fields: {},
@@ -210,14 +210,14 @@ function Bt(t, o, n) {
           redirectUrl: r.redirectUrl,
           redirectType: r.redirectType,
           title: r.title,
-          widget: r.widget === "Link" ? ee.Link : r.widget === "Submit" ? ee.Submit : ee.Button,
+          widget: r.widget === "Link" ? te.Link : r.widget === "Submit" ? te.Submit : te.Button,
           location: r.location,
           attributeType: r.attributeType,
           readonly: r.readonly,
           eventName: r.eventName
         });
       }
-    } else r.attributeType === "Banner" && (e.banner.title = r.title, o === 0 || o === 5 ? e.banner.subTitle = r.subTitle : e.banner.subTitle = ze(r.subTitle, t.workflowId.propertyValue));
+    } else r.attributeType === "Banner" && (e.banner.title = r.title, o === 0 || o === 5 ? e.banner.subTitle = r.subTitle : e.banner.subTitle = Me(r.subTitle, t.workflowId.propertyValue));
   }), e.tabs && (e.tabs = e.tabs.sort((r, i) => r.order - i.order));
   const a = {
     id: "",
@@ -252,14 +252,14 @@ function Bt(t, o, n) {
         l.modelValue = s;
         break;
     }
-    r === "onBehalf" && o === 0 && (l.modelValue = Be.CurrentUserEmail(n)), (o === 1 || o === 5) && (r === "directReports" || r === "employeesInTheTeam") && l.modelValue && (l.modelValue = Number(l.modelValue)), c?.forEach((d) => {
+    r === "onBehalf" && o === 0 && (l.modelValue = De.CurrentUserEmail(n)), (o === 1 || o === 5) && (r === "directReports" || r === "employeesInTheTeam") && l.modelValue && (l.modelValue = Number(l.modelValue)), c?.forEach((d) => {
       d.order || d.Order ? l.order = d.order ?? d.Order : d.attributeType === "UIControl" ? (d.outputText = d.outputText ? JSON.parse(d.outputText) : [], l.widget = {
         ...d,
         column: !0
       }) : d.attributeType === "UIValidationControl" && o !== 3 ? l.widget?.widget !== "CheckBox" && l.validations.push(d) : d.attributeType === "UIListed" ? l.widget = {
         ...d,
         column: !0
-      } : d.attributeType === "UIFiltered" ? (l.isFiltered = !0, l.operator = d.operatorType) : d.dependentType ? l.dependent = Be[d.dependentType] ? Be[d.dependentType](n) : "" : d.eventType === "Change" && l.triggers?.push({
+      } : d.attributeType === "UIFiltered" ? (l.isFiltered = !0, l.operator = d.operatorType) : d.dependentType ? l.dependent = De[d.dependentType] ? De[d.dependentType](n) : "" : d.eventType === "Change" && l.triggers?.push({
         event: "change",
         handlerName: d.eventName
       });
@@ -267,11 +267,11 @@ function Bt(t, o, n) {
   }), e.pageFields = a, e;
 }
 const qe = async (t, o, n, e) => {
-  const r = await (await q()).get(`/General/${o}/${t}/page`, { params: e });
-  return Bt(r?.data, t, n);
-}, Dt = async (t, o, n) => (await (await q()).post(`/${o}/${t}/button/List`, null, { params: n }))?.data;
-async function Lt(t, o) {
-  const e = await (await q()).post(`/General/${t}/list`, o);
+  const r = await (await J()).get(`/General/${o}/${t}/page`, { params: e });
+  return Dt(r?.data, t, n);
+}, Lt = async (t, o, n) => (await (await J()).post(`/${o}/${t}/button/List`, null, { params: n }))?.data;
+async function Bt(t, o) {
+  const e = await (await J()).post(`/General/${t}/list`, o);
   return {
     data: e.data.data,
     totalCount: e.data.totalCount
@@ -291,48 +291,48 @@ async function Lt(t, o) {
   };
 }
 async function Ht(t, o, n) {
-  return (await (await q()).post(n, o, {
+  return (await (await J()).post(n, o, {
     params: {
       className: t
     }
   })).data;
 }
 async function Ot(t, o, n, e) {
-  const a = await q(), r = ze(e, o);
+  const a = await J(), r = Me(e, o);
   return (await a.put(r, n))?.data;
 }
-function ze(t, o) {
+function Me(t, o) {
   return t.replace(/{WorkflowId}/g, encodeURIComponent(o));
 }
 function $t(t, o) {
   return t.replace(/{ApproverEmail}/g, encodeURIComponent(o));
 }
-function Mt(t, o) {
+function jt(t, o) {
   return t.replace(/{WorkFlowReason}/g, encodeURIComponent(o));
 }
-function jt(t, o) {
+function zt(t, o) {
   return t.replace(/{Status}/g, o);
 }
-function zt(t, o) {
+function Mt(t, o) {
   return t.replace(/{IfTriggerGlobal_RandP_Approval}/g, o);
 }
 function Et(t, o) {
   return t.replace(/{ClassName}/g, encodeURIComponent(o));
 }
 async function Kt(t, o, n, e, a, r, i, l) {
-  const c = await q();
-  let s = ze(a, o);
-  return s = $t(s, n), s = Mt(s, e), s = jt(s, r), s = zt(s, i), s = Et(s, t), (await c.put(s, l))?.data;
+  const c = await J();
+  let s = Me(a, o);
+  return s = $t(s, n), s = jt(s, e), s = zt(s, r), s = Mt(s, i), s = Et(s, t), (await c.put(s, l))?.data;
 }
 async function Wt(t, o) {
-  const a = (await (await q()).get(t, { params: { value: o } }))?.data;
+  const a = (await (await J()).get(t, { params: { value: o } }))?.data;
   return Object.entries(a).map(([r, i]) => ({
     value: r,
     label: i
   }));
 }
 async function Gt(t, o) {
-  return (await (await q()).get(`/General/${t}/${o}/process`))?.data;
+  return (await (await J()).get(`/General/${t}/${o}/process`))?.data;
 }
 function qt(t) {
   return {
@@ -342,45 +342,45 @@ function qt(t) {
   };
 }
 async function Yt(t, o) {
-  return (await (await q()).get(`/General/${t}/${o}/upload/get`))?.data.reduce((r, i) => {
+  return (await (await J()).get(`/General/${t}/${o}/upload/get`))?.data.reduce((r, i) => {
     const { category: l } = i;
     return r[l] || (r[l] = []), r[l].push(qt(i)), r;
   }, {});
 }
 async function Qt(t, o) {
-  return (await q()).post(`/General/${t}/${o}/delete/attachment`);
+  return (await J()).post(`/General/${t}/${o}/delete/attachment`);
 }
 async function Jt() {
-  const o = await (await q()).get("/Grading/dropdown/approvers");
+  const o = await (await J()).get("/Grading/dropdown/approvers");
   return Object.entries(o?.data).map(([n, e]) => ({
     label: n,
     value: e
   }));
 }
 async function Zt(t, o) {
-  return await (await q()).post(`Grading/AssignComments/${t}/${encodeURIComponent(o)}`);
+  return await (await J()).post(`Grading/AssignComments/${t}/${encodeURIComponent(o)}`);
 }
 async function Xt(t, o, n) {
-  return await (await q()).post(`Grading/AddComments/${t}/${encodeURIComponent(o)}`, n, {
+  return await (await J()).post(`Grading/AddComments/${t}/${encodeURIComponent(o)}`, n, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
 async function eo(t) {
-  return (await (await q()).get(`Grading/GetComments/${t}`))?.data;
+  return (await (await J()).get(`Grading/GetComments/${t}`))?.data;
 }
 async function to(t) {
-  return (await (await q()).get(`Grading/GetAssociator/${t}`))?.data;
+  return (await (await J()).get(`Grading/GetAssociator/${t}`))?.data;
 }
 async function oo(t) {
-  return await (await q()).delete(`Grading/DeleteAssociator/${t}`);
+  return await (await J()).delete(`Grading/DeleteAssociator/${t}`);
 }
 async function no(t, o = null) {
-  const e = await (await q()).post(t, o, {
+  const e = await (await J()).post(t, o, {
     responseType: "blob"
   });
   Tt(e?.data, "WorkflowData.xlsx");
 }
-const ye = (t, o) => {
+const we = (t, o) => {
   let n = "";
   return { res: t.every((a) => {
     const r = ro(a, o);
@@ -392,13 +392,12 @@ const ye = (t, o) => {
 }, ao = {
   Regex: (t, o) => new RegExp(t).test(o),
   Required: (t, o) => !!o
-}, so = /* @__PURE__ */ W({
+}, so = /* @__PURE__ */ Y({
   __name: "InputText",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
     modelValue: {},
     config: {},
-    readonly: { type: Boolean },
     validations: {},
     triggers: {}
   }, {
@@ -407,12 +406,12 @@ const ye = (t, o) => {
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Se(t, "modelValue"), i = (d) => ye(e.validations, d), l = (d) => {
+    const e = t, a = n, r = Se(t, "modelValue"), i = (d) => we(e.validations, d), l = (d) => {
       a("input", d);
     }, c = (d) => {
-      const _ = i(d);
-      a("error", _.res ? "" : _.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((h) => {
-        h.event === "change" && a(h.event, h.handlerName, d);
+      const b = i(d);
+      a("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((y) => {
+        y.event === "change" && a(y.event, y.handlerName, d);
       });
     };
     o({
@@ -424,31 +423,31 @@ const ye = (t, o) => {
     const s = { props: e, emits: a, model: r, validate: i, inputHandler: l, changeHandler: c };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
-}), Q = (t, o) => {
+}), X = (t, o) => {
   const n = t.__vccOpts || t;
   for (const [e, a] of o)
     n[e] = a;
   return n;
 };
 function io(t, o, n, e, a, r) {
-  const i = C("AInput");
+  const i = T("AInput");
   return u(), L(i, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     "allow-clear": "",
-    disabled: e.props.readonly || e.props.config.Readonly,
-    "max-length": e.props.maxLength,
+    "show-word-limit": "",
+    disabled: e.props.config.readonly,
+    "max-length": e.props.config.maxLength,
     onInput: e.inputHandler,
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "max-length"]);
 }
-const Ye = /* @__PURE__ */ Q(so, [["render", io], ["__file", "InputText.vue"]]), lo = /* @__PURE__ */ W({
+const Ye = /* @__PURE__ */ X(so, [["render", io], ["__file", "InputText.vue"]]), lo = /* @__PURE__ */ Y({
   __name: "InputNumber",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
     modelValue: {},
     config: {},
-    readonly: { type: Boolean },
     validations: {},
     triggers: {}
   }, {
@@ -457,50 +456,50 @@ const Ye = /* @__PURE__ */ Q(so, [["render", io], ["__file", "InputText.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Se(t, "modelValue"), i = g(e.maxLength ?? 100), l = g(1);
+    const e = t, a = n, r = Se(t, "modelValue"), i = _(e.config.maxLength ?? 100), l = _(1);
     ge(() => {
-      e.validations && e.validations.forEach((h) => {
-        h.ruleName === "Max" && (i.value = h.ruleParameter), h.ruleName === "Min" && (l.value = h.ruleParameter);
+      e.validations && e.validations.forEach((y) => {
+        y.ruleName === "Max" && (i.value = y.ruleParameter), y.ruleName === "Min" && (l.value = y.ruleParameter);
       });
     });
-    const c = (h) => ye(e.validations, h), s = (h) => {
-      a("input", h);
-    }, d = (h) => {
-      const b = c(h);
-      a("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        f.event === "change" && a(f.event, f.handlerName, h);
+    const c = (y) => we(e.validations, y), s = (y) => {
+      a("input", y);
+    }, d = (y) => {
+      const k = c(y);
+      a("error", k.res ? "" : k.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
+        p.event === "change" && a(p.event, p.handlerName, y);
       });
     };
     o({
       validate() {
-        const h = c(e.modelValue);
-        return a("error", h.res ? "" : h.errorMessages), h.res;
+        const y = c(e.modelValue);
+        return a("error", y.res ? "" : y.errorMessages), y.res;
       }
     });
-    const _ = { props: e, emits: a, model: r, max: i, min: l, validate: c, inputHandler: s, changeHandler: d };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+    const b = { props: e, emits: a, model: r, max: i, min: l, validate: c, inputHandler: s, changeHandler: d };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
   }
 });
 function co(t, o, n, e, a, r) {
-  const i = C("AInputNumber");
+  const i = T("AInputNumber");
   return u(), L(i, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
     clearable: "",
-    disabled: e.props.readonly,
+    "show-word-limit": "",
+    disabled: e.props.config.readonly,
     max: e.max,
     min: e.min,
     onInput: e.inputHandler,
     onChange: e.changeHandler
   }, null, 8, ["modelValue", "disabled", "max", "min"]);
 }
-const uo = /* @__PURE__ */ Q(lo, [["render", co], ["__file", "InputNumber.vue"]]), fo = /* @__PURE__ */ W({
+const uo = /* @__PURE__ */ X(lo, [["render", co], ["__file", "InputNumber.vue"]]), fo = /* @__PURE__ */ Y({
   __name: "SelectList",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
     modelValue: {},
     config: {},
-    readonly: { type: Boolean },
     validations: {},
     triggers: {}
   }, {
@@ -509,42 +508,42 @@ const uo = /* @__PURE__ */ Q(lo, [["render", co], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g(!1), i = g(e.config.options ?? []), l = Se(t, "modelValue"), c = (b) => ye(e.validations, b), s = j(() => {
-      const b = {};
-      return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        b[f.event] = (m) => {
-          a(f.event, f.handlerName, m);
-          const T = c(m);
-          a("error", T.res ? "" : T.errorMessages);
+    const e = t, a = n, r = _(!1), i = _(e.config.options ?? []), l = Se(t, "modelValue"), c = (k) => we(e.validations, k), s = z(() => {
+      const k = {};
+      return e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
+        k[p.event] = (m) => {
+          a(p.event, p.handlerName, m);
+          const C = c(m);
+          a("error", C.res ? "" : C.errorMessages);
         };
-      }), b;
+      }), k;
     }), d = async () => {
       if (e.config.dataSourceProvider) {
         i.value = await Wt(e.config.dataSourceProvider);
-        const b = e.modelValue;
-        b != null && b !== "" && (i.value.some((m) => m.value === b) || a("update:modelValue", ""));
+        const k = e.modelValue;
+        k != null && k !== "" && (i.value.some((m) => m.value === k) || a("update:modelValue", ""));
       }
     };
     ge(d);
-    const _ = (b) => {
-      a("update:modelValue", b);
-      const f = c(b);
-      a("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
-        m.event === "change" && a(m.event, m.handlerName, b);
+    const b = (k) => {
+      a("update:modelValue", k);
+      const p = c(k);
+      a("error", p.res ? "" : p.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
+        m.event === "change" && a(m.event, m.handlerName, k);
       });
     };
     o({
       validate() {
-        const b = c(e.modelValue);
-        return a("error", b.res ? "" : b.errorMessages), b.res;
+        const k = c(e.modelValue);
+        return a("error", k.res ? "" : k.errorMessages), k.res;
       }
     });
-    const h = { props: e, emits: a, loading: r, _options: i, model: l, validate: c, eventHandlers: s, loadOptions: d, changeHandler: _ };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+    const y = { props: e, emits: a, loading: r, _options: i, model: l, validate: c, eventHandlers: s, loadOptions: d, changeHandler: b };
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
 });
 function po(t, o, n, e, a, r) {
-  const i = C("AOption"), l = C("ASelect");
+  const i = T("AOption"), l = T("ASelect");
   return u(), L(l, {
     "allow-clear": "",
     modelValue: e.model,
@@ -555,8 +554,8 @@ function po(t, o, n, e, a, r) {
     disabled: e.props.config.readonly,
     onChange: e.changeHandler
   }, {
-    default: S(() => [
-      (u(!0), v(M, null, E(e._options, (c) => (u(), L(i, {
+    default: x(() => [
+      (u(!0), w(j, null, G(e._options, (c) => (u(), L(i, {
         key: c.value,
         value: c.value,
         label: c.label
@@ -565,7 +564,7 @@ function po(t, o, n, e, a, r) {
     _: 1
   }, 8, ["modelValue", "loading", "disabled"]);
 }
-const Qe = /* @__PURE__ */ Q(fo, [["render", po], ["__file", "SelectList.vue"]]), mo = /* @__PURE__ */ W({
+const Qe = /* @__PURE__ */ X(fo, [["render", po], ["__file", "SelectList.vue"]]), mo = /* @__PURE__ */ Y({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -573,15 +572,15 @@ const Qe = /* @__PURE__ */ Q(fo, [["render", po], ["__file", "SelectList.vue"]])
   },
   emits: ["update:modelValue", "change"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g(e.config.options ?? []), i = (s) => {
+    const e = t, a = n, r = _(e.config.options ?? []), i = (s) => {
       a("update:modelValue", s), a("change", s);
     };
     ge(async () => {
       if (e.config) {
         const s = e.config.dataSourceProvider;
         if (s) {
-          const _ = await (await q()).get(s);
-          r.value = _.data;
+          const b = await (await J()).get(s);
+          r.value = b.data;
         }
       }
     });
@@ -596,12 +595,12 @@ const Qe = /* @__PURE__ */ Q(fo, [["render", po], ["__file", "SelectList.vue"]])
   }
 });
 function go(t, o, n, e, a, r) {
-  const i = C("ACascader"), l = C("ASpace");
+  const i = T("ACascader"), l = T("ASpace");
   return u(), L(l, {
     direction: "vertical",
     size: "large"
   }, {
-    default: S(() => [
+    default: x(() => [
       P(i, {
         "field-names": e.fieldNames,
         "model-value": n.modelValue,
@@ -614,7 +613,7 @@ function go(t, o, n, e, a, r) {
     _: 1
   });
 }
-const _o = /* @__PURE__ */ Q(mo, [["render", go], ["__file", "Cascader.vue"]]), Je = 1024 * 1024, vo = /* @__PURE__ */ W({
+const _o = /* @__PURE__ */ X(mo, [["render", go], ["__file", "Cascader.vue"]]), Je = 1024 * 1024, vo = /* @__PURE__ */ Y({
   __name: "FileUpload",
   props: {
     className: {},
@@ -623,84 +622,87 @@ const _o = /* @__PURE__ */ Q(mo, [["render", go], ["__file", "Cascader.vue"]]),
     fieldKey: {},
     modelValue: {},
     config: {},
-    readonly: { type: Boolean },
     validations: {},
     triggers: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g({}), i = (p) => ye(e.validations, p), l = je(), c = l.apiBase, s = g(null), d = g("");
-    function _(p, x, O) {
-      return p.replace(/{WorkflowId}/g, x).replace(/{ClassName}/g, O);
+    const e = t, a = n, r = _({}), i = (f) => we(e.validations, f), l = ze(), c = l.apiBase, s = _(null), d = _("");
+    function b(f, F, B) {
+      return f.replace(/{WorkflowId}/g, F).replace(/{ClassName}/g, B);
     }
-    const h = j(() => {
+    const y = z(() => {
       if (e.config.uploadURL) {
-        const p = c + e.config.uploadURL;
-        return _(p, d.value, e.className);
+        const f = c + e.config.uploadURL;
+        return b(f, d.value, e.className);
       }
       return "";
     });
-    function b(p) {
-      if (!(typeof p != "number" || p <= 0))
-        return p * Je;
+    function k(f) {
+      if (!(typeof f != "number" || f <= 0))
+        return f * Je;
     }
-    const f = j(() => b(e.maxSize ?? e.config.maxSize)), m = j(() => b(e.minSize ?? e.config.minSize)), T = j(() => f.value ? J(f.value) : "unlimited"), te = j(() => m.value ? J(m.value) : "0MB");
-    function J(p) {
-      return p < 1024 ? `${p} B` : p < 1024 * 1024 ? `${Math.round(p / 1024)} KB` : p < 1024 * 1024 * 1024 ? `${Math.round(p / (1024 * 1024))} MB` : `${Math.round(p / (1024 * 1024 * 1024))} GB`;
+    function p(f) {
+      if (!(typeof f != "number" || f <= 0))
+        return f;
     }
-    function Z(p) {
-      const x = f.value, O = m.value;
-      return typeof x == "number" && x > 0 && p.size > x ? (a("error", `File size cannot exceed ${J(x)}`), !1) : typeof O == "number" && O > 0 && p.size < O ? (a("error", `File size cannot be smaller than ${J(O)}`), !1) : (a("error", ""), !0);
+    const m = z(() => k(e.maxSize ?? e.config.maxSize)), C = z(() => p(e.minSize ?? e.config.minSize)), ee = z(() => m.value ? W(m.value) : "unlimited"), oe = z(() => C.value ? W(C.value) : "0 B");
+    function W(f) {
+      return f < 1024 ? `${f} B` : f < 1024 * 1024 ? `${Math.round(f / 1024)} KB` : f < 1024 * 1024 * 1024 ? `${Math.round(f / (1024 * 1024))} MB` : `${Math.round(f / (1024 * 1024 * 1024))} GB`;
     }
-    const oe = (p) => {
-      p.stopPropagation(), s.value.submit();
+    function ie(f) {
+      const F = m.value, B = C.value;
+      return typeof F == "number" && F > 0 && f.size > F ? (a("error", `File size cannot exceed ${W(F)}`), !1) : typeof B == "number" && B > 0 && f.size < B ? (a("error", `File size cannot be smaller than ${W(B)}`), !1) : (a("error", ""), !0);
+    }
+    const le = (f) => {
+      f.stopPropagation(), s.value.submit();
     };
-    function le(p) {
-      const { file: x, name: O } = p, ne = O ?? x.name;
-      return new Promise((re, y) => {
+    function re(f) {
+      const { file: F, name: B } = f, E = B ?? F.name;
+      return new Promise((g, A) => {
         St.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${ne}?`,
+          content: `Are you sure you want to delete ${E}?`,
           async onOk() {
-            if (p.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(p.uid), re(!0);
-            re(!0);
+            if (f.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(f.uid), g(!0);
+            g(!0);
           },
-          onCancel: () => y("cancel")
+          onCancel: () => A("cancel")
         });
       });
     }
-    const X = g(null), V = g(null), U = (p) => {
-      X.value && (X.value(p), X.value = null, V.value = null);
-    }, A = (p) => {
-      V.value && (V.value(p), X.value = null, V.value = null);
-    }, k = g([]), I = (p) => {
-      k.value = p.filter((x) => x.status === "init");
+    const V = _(null), $ = _(null), H = (f) => {
+      V.value && (V.value(f), V.value = null, $.value = null);
+    }, M = (f) => {
+      $.value && ($.value(f), V.value = null, $.value = null);
+    }, v = _([]), I = (f) => {
+      v.value = f.filter((F) => F.status === "init");
     };
     o({
-      submit(p) {
-        return new Promise((x, O) => {
-          s.value ? (e.config.uploadURL && (d.value = p), X.value = x, V.value = O, k.value.length ? st().then((ne) => {
+      submit(f) {
+        return new Promise((F, B) => {
+          s.value ? (e.config.uploadURL && (d.value = f), V.value = F, $.value = B, v.value.length ? st().then((E) => {
             r.value = {
-              Authorization: `Bearer ${ne}`
+              Authorization: `Bearer ${E}`
             }, vt(() => {
               s.value?.submit();
             });
-          }) : x(p)) : x(p);
+          }) : F(f)) : F(f);
         });
       },
       validate() {
-        const p = e.config.files ?? [], x = [...k.value, ...p].length > 0 ? "hasFile" : "", O = i(x);
-        return a("error", O.res ? "" : O.errorMessages), O.res;
+        const f = e.config.files ?? [], F = [...v.value, ...f].length > 0 ? "hasFile" : "", B = i(F);
+        return a("error", B.res ? "" : B.errorMessages), B.res;
       }
     });
-    const H = { props: e, emits: a, headers: r, validate: i, config: l, ApiBase: c, uploadRef: s, id: d, replaceIdAndClassName: _, action: h, MB_SIZE: Je, toBytes: b, maxFileSize: f, minFileSize: m, maxFileSizeText: T, minFileSizeText: te, formatFileSize: J, onBeforeUpload: Z, submit: oe, onBeforeRemove: le, uploadPromiseResolve: X, uploadPromiseReject: V, handleUploadSuccess: U, handleUploadError: A, readyFiles: k, onChange: I };
-    return Object.defineProperty(H, "__isScriptSetup", { enumerable: !1, value: !0 }), H;
+    const h = { props: e, emits: a, headers: r, validate: i, config: l, ApiBase: c, uploadRef: s, id: d, replaceIdAndClassName: b, action: y, MB_SIZE: Je, mbToBytes: k, normalizeBytes: p, maxFileSize: m, minFileSize: C, maxFileSizeText: ee, minFileSizeText: oe, formatFileSize: W, onBeforeUpload: ie, submit: le, onBeforeRemove: re, uploadPromiseResolve: V, uploadPromiseReject: $, handleUploadSuccess: H, handleUploadError: M, readyFiles: v, onChange: I };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 }), ho = { style: { "margin-top": "8px", color: "#86909c", "font-size": "12px" } };
 function bo(t, o, n, e, a, r) {
-  const i = C("a-button"), l = C("a-upload");
-  return u(), v(M, null, [
+  const i = T("a-button"), l = T("a-upload");
+  return u(), w(j, null, [
     P(l, {
       ref: "uploadRef",
       "default-file-list": e.props.config.files,
@@ -715,11 +717,11 @@ function bo(t, o, n, e, a, r) {
       onSuccess: e.handleUploadSuccess,
       onError: e.handleUploadError
     }, {
-      "start-icon": S(() => o[0] || (o[0] = [])),
-      "upload-button": S(() => [
+      "start-icon": x(() => o[0] || (o[0] = [])),
+      "upload-button": x(() => [
         P(i, { type: "primary" }, {
-          default: S(() => o[1] || (o[1] = [
-            se("Select File", -1)
+          default: x(() => o[1] || (o[1] = [
+            ae("Select File", -1)
           ])),
           _: 1,
           __: [1]
@@ -727,28 +729,27 @@ function bo(t, o, n, e, a, r) {
       ]),
       _: 1
     }, 8, ["default-file-list", "action", "limit", "headers"]),
-    w("div", ho, " The maximum file size for uploads is " + K(e.maxFileSizeText) + ", and the minimum file size is greater than " + K(e.minFileSizeText) + ". ", 1)
+    S("div", ho, " The maximum file size for uploads is " + q(e.maxFileSizeText) + ", and the minimum file size is greater than " + q(e.minFileSizeText) + ". ", 1)
   ], 64);
 }
-const yo = /* @__PURE__ */ Q(vo, [["render", bo], ["__file", "FileUpload.vue"]]), wo = /* @__PURE__ */ W({
+const wo = /* @__PURE__ */ X(vo, [["render", bo], ["__file", "FileUpload.vue"]]), yo = /* @__PURE__ */ Y({
   __name: "TextArea",
   props: {
     fieldKey: {},
     modelValue: {},
     config: {},
-    readonly: { type: Boolean },
     validations: {},
     triggers: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = (s) => ye(e.validations, s), i = (s) => {
+    const e = t, a = n, r = (s) => we(e.validations, s), i = (s) => {
       a("update:modelValue", s), a("input", s);
     }, l = (s) => {
       a("update:modelValue", s);
       const d = r(s);
-      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
-        _.event === "change" && a(_.event, _.handlerName, s);
+      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((b) => {
+        b.event === "change" && a(b.event, b.handlerName, s);
       });
     };
     o({
@@ -762,24 +763,28 @@ const yo = /* @__PURE__ */ Q(vo, [["render", bo], ["__file", "FileUpload.vue"]])
   }
 });
 function ko(t, o, n, e, a, r) {
-  const i = C("ATextarea");
+  const i = T("ATextarea");
   return u(), L(i, {
     "model-value": e.props.modelValue,
     placeholder: "Please enter something",
     "allow-clear": "",
-    disabled: e.props.readonly,
-    "max-length": e.props.maxLength,
+    "show-word-limit": "",
+    disabled: e.props.config.readonly,
+    "max-length": e.props.config.maxLength,
+    "auto-size": {
+      minRows: 2,
+      maxRows: 2
+    },
     onInput: e.inputHandler,
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled", "max-length"]);
 }
-const So = /* @__PURE__ */ Q(wo, [["render", ko], ["__file", "TextArea.vue"]]), Co = /* @__PURE__ */ W({
+const So = /* @__PURE__ */ X(yo, [["render", ko], ["__file", "TextArea.vue"]]), Co = /* @__PURE__ */ Y({
   __name: "CheckBox",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
     modelValue: {},
     config: {},
-    readonly: { type: Boolean },
     validations: {},
     triggers: {}
   }, {
@@ -788,10 +793,10 @@ const So = /* @__PURE__ */ Q(wo, [["render", ko], ["__file", "TextArea.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Se(t, "modelValue"), i = (s) => ye(e.validations, s), l = (s) => {
+    const e = t, a = n, r = Se(t, "modelValue"), i = (s) => we(e.validations, s), l = (s) => {
       const d = i(s);
-      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
-        _.event === "change" && a(_.event, _.handlerName, s);
+      a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((b) => {
+        b.event === "change" && a(b.event, b.handlerName, s);
       });
     };
     o({
@@ -805,7 +810,7 @@ const So = /* @__PURE__ */ Q(wo, [["render", ko], ["__file", "TextArea.vue"]]),
   }
 });
 function xo(t, o, n, e, a, r) {
-  const i = C("ACheckbox");
+  const i = T("ACheckbox");
   return u(), L(i, {
     modelValue: e.model,
     "onUpdate:modelValue": o[0] || (o[0] = (l) => e.model = l),
@@ -813,14 +818,14 @@ function xo(t, o, n, e, a, r) {
     disabled: e.props.readonly || e.props.config.Readonly,
     onChange: e.changeHandler
   }, {
-    default: S(() => o[1] || (o[1] = [
-      se("Yes", -1)
+    default: x(() => o[1] || (o[1] = [
+      ae("Yes", -1)
     ])),
     _: 1,
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const To = /* @__PURE__ */ Q(Co, [["render", xo], ["__file", "CheckBox.vue"]]), Vo = Symbol("ArcoConfigProvider"), Ao = "arco", Io = "$arco", lt = (t) => {
+const To = /* @__PURE__ */ X(Co, [["render", xo], ["__file", "CheckBox.vue"]]), Vo = Symbol("ArcoConfigProvider"), Ao = "arco", Io = "$arco", lt = (t) => {
   var o, n, e;
   const a = me(), r = be(Vo, void 0);
   return `${(e = (n = r?.prefixCls) != null ? n : (o = a?.appContext.config.globalProperties[Io]) == null ? void 0 : o.classPrefix) != null ? e : Ao}-${t}`;
@@ -833,7 +838,7 @@ var dt = (t, o) => {
     t[n] = e;
   return t;
 };
-const Fo = W({
+const Fo = Y({
   name: "IconQuestionCircle",
   props: {
     size: {
@@ -860,7 +865,7 @@ const Fo = W({
     click: (t) => !0
   },
   setup(t, { emit: o }) {
-    const n = lt("icon"), e = j(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), a = j(() => {
+    const n = lt("icon"), e = z(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), a = z(() => {
       const i = {};
       return t.size && (i.fontSize = ct(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
     });
@@ -874,7 +879,7 @@ const Fo = W({
   }
 }), No = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
 function Ro(t, o, n, e, a, r) {
-  return u(), v("svg", {
+  return u(), w("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -886,18 +891,18 @@ function Ro(t, o, n, e, a, r) {
     "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)
+    S("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
+    S("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
   ]), 14, No);
 }
-var Le = /* @__PURE__ */ dt(Fo, [["render", Ro]]);
-const Uo = Object.assign(Le, {
+var Be = /* @__PURE__ */ dt(Fo, [["render", Ro]]);
+const Uo = Object.assign(Be, {
   install: (t, o) => {
     var n;
     const e = (n = o?.iconPrefix) != null ? n : "";
-    t.component(e + Le.name, Le);
+    t.component(e + Be.name, Be);
   }
-}), Bo = W({
+}), Do = Y({
   name: "IconDownload",
   props: {
     size: {
@@ -924,7 +929,7 @@ const Uo = Object.assign(Le, {
     click: (t) => !0
   },
   setup(t, { emit: o }) {
-    const n = lt("icon"), e = j(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), a = j(() => {
+    const n = lt("icon"), e = z(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), a = z(() => {
       const i = {};
       return t.size && (i.fontSize = ct(t.size) ? `${t.size}px` : t.size), t.rotate && (i.transform = `rotate(${t.rotate}deg)`), i;
     });
@@ -936,9 +941,9 @@ const Uo = Object.assign(Le, {
       }
     };
   }
-}), Do = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function Lo(t, o, n, e, a, r) {
-  return u(), v("svg", {
+}), Lo = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Bo(t, o, n, e, a, r) {
+  return u(), w("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
@@ -950,17 +955,17 @@ function Lo(t, o, n, e, a, r) {
     "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, Do);
+    S("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+  ]), 14, Lo);
 }
-var He = /* @__PURE__ */ dt(Bo, [["render", Lo]]);
+var He = /* @__PURE__ */ dt(Do, [["render", Bo]]);
 const Ho = Object.assign(He, {
   install: (t, o) => {
     var n;
     const e = (n = o?.iconPrefix) != null ? n : "";
     t.component(e + He.name, He);
   }
-}), Oo = /* @__PURE__ */ W({
+}), Oo = /* @__PURE__ */ Y({
   __name: "ToolTip",
   props: {
     isVisible: { type: Boolean },
@@ -968,45 +973,45 @@ const Ho = Object.assign(He, {
   },
   setup(t, { expose: o }) {
     o();
-    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", a = j(() => e(n.outputText) ? [] : n.outputText), r = j(() => e(n.outputText) ? n.outputText : []), i = { props: n, isTreeArray: e, stringOutput: a, treeOutput: r, get IconQuestionCircle() {
+    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", a = z(() => e(n.outputText) ? [] : n.outputText), r = z(() => e(n.outputText) ? n.outputText : []), i = { props: n, isTreeArray: e, stringOutput: a, treeOutput: r, get IconQuestionCircle() {
       return Uo;
     } };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
-}), $o = { class: "list-unstyled" }, Mo = { class: "list-style-square" };
-function jo(t, o, n, e, a, r) {
-  const i = C("a-tooltip");
+}), $o = { class: "list-unstyled" }, jo = { class: "list-style-square" };
+function zo(t, o, n, e, a, r) {
+  const i = T("a-tooltip");
   return e.props.isVisible ? (u(), L(i, {
     key: 0,
     "background-color": "#7A00E6"
   }, {
-    content: S(() => [
-      e.stringOutput.length ? (u(!0), v(M, { key: 0 }, E(e.stringOutput, (l) => (u(), v("p", { key: l }, K(l), 1))), 128)) : (u(!0), v(M, { key: 1 }, E(e.treeOutput, (l) => (u(), v("ul", {
+    content: x(() => [
+      e.stringOutput.length ? (u(!0), w(j, { key: 0 }, G(e.stringOutput, (l) => (u(), w("p", { key: l }, q(l), 1))), 128)) : (u(!0), w(j, { key: 1 }, G(e.treeOutput, (l) => (u(), w("ul", {
         key: l.title,
         class: "list-unstyled"
       }, [
-        w("li", null, [
-          w("b", null, K(l.title), 1),
-          w("ul", $o, [
-            (u(!0), v(M, null, E(l.items, (c) => (u(), v("li", {
+        S("li", null, [
+          S("b", null, q(l.title), 1),
+          S("ul", $o, [
+            (u(!0), w(j, null, G(l.items, (c) => (u(), w("li", {
               key: c.title
             }, [
-              w("u", null, K(c.title), 1),
-              w("ul", Mo, [
-                (u(!0), v(M, null, E(c.items, (s) => (u(), v("li", null, K(s), 1))), 256))
+              S("u", null, q(c.title), 1),
+              S("ul", jo, [
+                (u(!0), w(j, null, G(c.items, (s) => (u(), w("li", null, q(s), 1))), 256))
               ])
             ]))), 128))
           ])
         ])
       ]))), 128))
     ]),
-    default: S(() => [
+    default: x(() => [
       P(e.IconQuestionCircle, { class: "icon" })
     ]),
     _: 1
-  })) : ie("", !0);
+  })) : se("", !0);
 }
-const ut = /* @__PURE__ */ Q(Oo, [["render", jo], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), zo = /* @__PURE__ */ W({
+const ut = /* @__PURE__ */ X(Oo, [["render", zo], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), Mo = /* @__PURE__ */ Y({
   __name: "index",
   props: /* @__PURE__ */ ce({
     config: {},
@@ -1014,7 +1019,6 @@ const ut = /* @__PURE__ */ Q(Oo, [["render", jo], ["__scopeId", "data-v-1d3893b1
     required: { type: Boolean },
     fieldKey: {},
     modelValue: {},
-    readonly: { type: Boolean },
     validations: {},
     triggers: {}
   }, {
@@ -1023,7 +1027,7 @@ const ut = /* @__PURE__ */ Q(Oo, [["render", jo], ["__scopeId", "data-v-1d3893b1
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Se(t, "modelValue"), i = Ae("widgetRef"), l = j(() => {
+    const e = t, a = n, r = Se(t, "modelValue"), i = Ae("widgetRef"), l = z(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return Ye;
@@ -1034,7 +1038,7 @@ const ut = /* @__PURE__ */ Q(Oo, [["render", jo], ["__scopeId", "data-v-1d3893b1
         case "Cascade":
           return _o;
         case "File":
-          return yo;
+          return wo;
         case "TextArea":
           return So;
         case "DropDown":
@@ -1044,23 +1048,23 @@ const ut = /* @__PURE__ */ Q(Oo, [["render", jo], ["__scopeId", "data-v-1d3893b1
         default:
           return Ye;
       }
-    }), c = g(""), s = (f) => {
-      c.value = f;
-    }, d = (f, m) => {
-      a("change", f, m);
+    }), c = _(""), s = (p) => {
+      c.value = p;
+    }, d = (p, m) => {
+      a("change", p, m);
     };
-    function _() {
+    function b() {
       return e.config?.widget?.widget === "File";
     }
-    function h(f) {
-      return f === "OtherInformationText" ? "Other Information" : f;
+    function y(p) {
+      return p === "OtherInformationText" ? "Other Information" : p;
     }
     o({
       isFileUpload() {
         return e.config?.widget?.widget === "File";
       },
-      submit(f) {
-        return _() ? i.value.submit(f) : Promise.resolve(f);
+      submit(p) {
+        return b() ? i.value.submit(p) : Promise.resolve(p);
       },
       validate() {
         return i.value?.validate();
@@ -1069,8 +1073,8 @@ const ut = /* @__PURE__ */ Q(Oo, [["render", jo], ["__scopeId", "data-v-1d3893b1
         return e?.config?.widget?.title;
       }
     });
-    const b = { props: e, emits: a, model: r, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: d, isFileUpload: _, formatTitle: h, ToolTip: ut };
-    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+    const k = { props: e, emits: a, model: r, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: d, isFileUpload: b, formatTitle: y, ToolTip: ut };
+    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 }), Eo = { class: "title" }, Ko = {
   key: 0,
@@ -1080,17 +1084,17 @@ const ut = /* @__PURE__ */ Q(Oo, [["render", jo], ["__scopeId", "data-v-1d3893b1
   class: "err-msg"
 };
 function Go(t, o, n, e, a, r) {
-  return u(), v("div", null, [
-    w("div", Eo, [
-      se(K(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
-      e.props.required || e.props.config.validations.some((i) => i.ruleName === "Required") ? (u(), v("span", Ko, " * ")) : ie("", !0),
+  return u(), w("div", null, [
+    S("div", Eo, [
+      ae(q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
+      e.props.required || e.props.config.validations.some((i) => i.ruleName === "Required") ? (u(), w("span", Ko, " * ")) : se("", !0),
       P(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(), L(Me(e.curComp), {
+    S("div", null, [
+      (u(), L(je(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
         "onUpdate:modelValue": o[0] || (o[0] = (i) => e.model = i),
@@ -1102,11 +1106,11 @@ function Go(t, o, n, e, a, r) {
         onError: e.errHandler,
         onChange: e.changeHandler
       }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-      e.errMsg.length > 0 ? (u(), v("div", Wo, K(e.errMsg), 1)) : ie("", !0)
+      e.errMsg.length > 0 ? (u(), w("div", Wo, q(e.errMsg), 1)) : se("", !0)
     ])
   ]);
 }
-const Ie = /* @__PURE__ */ Q(zo, [["render", Go], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), qo = /* @__PURE__ */ W({
+const Ie = /* @__PURE__ */ X(Mo, [["render", Go], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), qo = /* @__PURE__ */ Y({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1125,19 +1129,19 @@ const Ie = /* @__PURE__ */ Q(zo, [["render", Go], ["__scopeId", "data-v-67595df1
   }
 });
 function Yo(t, o, n, e, a, r) {
-  const i = C("AButton");
+  const i = T("AButton");
   return u(), L(i, {
     loading: n.loading,
     type: "primary",
     onClick: e.clickHandler
   }, {
-    default: S(() => [
+    default: x(() => [
       ue(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["loading"]);
 }
-const Ze = /* @__PURE__ */ Q(qo, [["render", Yo], ["__file", "SubmitButton.vue"]]), Qo = /* @__PURE__ */ W({
+const Ze = /* @__PURE__ */ X(qo, [["render", Yo], ["__file", "SubmitButton.vue"]]), Qo = /* @__PURE__ */ Y({
   __name: "DetailLink",
   props: {
     url: {},
@@ -1156,15 +1160,15 @@ const Ze = /* @__PURE__ */ Q(qo, [["render", Yo], ["__file", "SubmitButton.vue"]
   }
 });
 function Jo(t, o, n, e, a, r) {
-  const i = C("ALink");
+  const i = T("ALink");
   return u(), L(i, { onClick: e.clickHandler }, {
-    default: S(() => [
+    default: x(() => [
       ue(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const Zo = /* @__PURE__ */ Q(Qo, [["render", Jo], ["__file", "DetailLink.vue"]]), Xo = /* @__PURE__ */ W({
+const Zo = /* @__PURE__ */ X(Qo, [["render", Jo], ["__file", "DetailLink.vue"]]), Xo = /* @__PURE__ */ Y({
   __name: "index",
   props: {
     config: {},
@@ -1174,10 +1178,10 @@ const Zo = /* @__PURE__ */ Q(Qo, [["render", Jo], ["__file", "DetailLink.vue"]])
   setup(t, { expose: o, emit: n }) {
     o();
     const e = t, a = n;
-    function r(d, _) {
-      a("click", e.config.widget, d, _, e.config.title);
+    function r(d, b) {
+      a("click", e.config.widget, d, b, e.config.title);
     }
-    const i = j(() => {
+    const i = z(() => {
       switch (e.config.location) {
         case "InOperation":
           return Ze;
@@ -1186,24 +1190,24 @@ const Zo = /* @__PURE__ */ Q(Qo, [["render", Jo], ["__file", "DetailLink.vue"]])
         default:
           return Ze;
       }
-    }), l = j(() => e.config.widget === ee.Submit ? e.config.requestUrl ?? "" : e.config.widget === ee.Link ? e.config.redirectUrl ?? "" : ""), c = j(() => e.config.redirectType ?? "Details"), s = { props: e, emits: a, clickHandler: r, curComp: i, curUrl: l, redirectType: c };
+    }), l = z(() => e.config.widget === te.Submit ? e.config.requestUrl ?? "" : e.config.widget === te.Link ? e.config.redirectUrl ?? "" : ""), c = z(() => e.config.redirectType ?? "Details"), s = { props: e, emits: a, clickHandler: r, curComp: i, curUrl: l, redirectType: c };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
 function en(t, o, n, e, a, r) {
-  return u(), L(Me(e.curComp), {
+  return u(), L(je(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: n.loading,
     onClick: e.clickHandler
   }, {
-    default: S(() => [
-      se(K(e.props.config.title), 1)
+    default: x(() => [
+      ae(q(e.props.config.title), 1)
     ]),
     _: 1
   }, 8, ["url", "redirect-type", "loading"]);
 }
-const Pe = /* @__PURE__ */ Q(Xo, [["render", en], ["__file", "index.vue"]]), ft = Symbol("library-triggers");
+const Pe = /* @__PURE__ */ X(Xo, [["render", en], ["__file", "index.vue"]]), ft = Symbol("library-triggers");
 function Ee() {
   const t = be(ft, null);
   return t || {};
@@ -1215,7 +1219,7 @@ function Fe() {
 function Ne() {
   return be(mt, null);
 }
-const on = /* @__PURE__ */ W({
+const on = /* @__PURE__ */ Y({
   __name: "TopBar",
   props: {
     title: {},
@@ -1229,25 +1233,25 @@ const on = /* @__PURE__ */ W({
   }
 }), nn = { class: "top-bar" }, rn = { class: "banner-info" }, an = { class: "page-title" }, sn = { class: "page-subtitle" }, ln = { class: "avatar-wrapper" }, cn = { class: "user-email" };
 function dn(t, o, n, e, a, r) {
-  const i = C("a-avatar"), l = C("a-popover");
-  return u(), v("div", nn, [
-    w("div", rn, [
-      w("div", an, K(n.title), 1),
-      w("div", sn, K(n.subTitle), 1)
+  const i = T("a-avatar"), l = T("a-popover");
+  return u(), w("div", nn, [
+    S("div", rn, [
+      S("div", an, q(n.title), 1),
+      S("div", sn, q(n.subTitle), 1)
     ]),
-    w("div", ln, [
+    S("div", ln, [
       P(l, { trigger: "click" }, {
-        content: S(() => [
-          w("div", cn, K(n.email), 1)
+        content: x(() => [
+          S("div", cn, q(n.email), 1)
         ]),
-        default: S(() => [
+        default: x(() => [
           P(i, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
           }, {
-            default: S(() => [
-              se(K(n.email.charAt(0).toUpperCase()), 1)
+            default: x(() => [
+              ae(q(n.email.charAt(0).toUpperCase()), 1)
             ]),
             _: 1
           })
@@ -1257,9 +1261,9 @@ function dn(t, o, n, e, a, r) {
     ])
   ]);
 }
-const Re = /* @__PURE__ */ Q(on, [["render", dn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
+const Re = /* @__PURE__ */ X(on, [["render", dn], ["__scopeId", "data-v-c0457235"], ["__file", "TopBar.vue"]]);
 function Ke(t) {
-  const o = je(), n = [];
+  const o = ze(), n = [];
   if (o.fieldsGroup) {
     o.fieldsGroup.forEach((r) => {
       const i = r.keys.map((l) => t.find((c) => c.fieldKey === l)).filter(Boolean);
@@ -1311,7 +1315,7 @@ class Ve {
     return this.opt ? qe(this.pageActionType, this.className, this.store, this.opt) : qe(this.pageActionType, this.className, this.store);
   }
   getBtnList() {
-    return Dt(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
+    return Lt(this.pageActionType, this.className, { workflowId: this.getWorkflowId(), email: this.getApproverEmail() });
   }
   getFiles() {
     return this.getWorkflowId() ? Yt(this.className, this.getWorkflowId()) : Promise.resolve({});
@@ -1341,7 +1345,7 @@ class Ve {
     return oo(o);
   }
 }
-const un = /* @__PURE__ */ W({
+const un = /* @__PURE__ */ Y({
   __name: "CreateView",
   props: {
     className: {},
@@ -1349,7 +1353,7 @@ const un = /* @__PURE__ */ W({
   },
   setup(t, { expose: o }) {
     o();
-    const n = Fe(), e = Ne(), a = ve(), r = Ee(), i = Ae("dataWidgets"), l = me(), c = t, s = g({
+    const n = Fe(), e = Ne(), a = ve(), r = Ee(), i = Ae("dataWidgets"), l = me(), c = t, s = _({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1364,136 +1368,151 @@ const un = /* @__PURE__ */ W({
         workFlowReason: "",
         workflowId: ""
       }
-    }), d = g([]), _ = g({});
-    function h(U) {
-      return U ? Object.entries(U).map(([k, I]) => ({
-        fieldKey: k,
-        ...I
-      })).filter((k) => k.widget && k.widget.widget !== "Hidden").filter((k) => !oe.value.includes(k.fieldKey)) : [];
+    }), d = _([]), b = _({});
+    function y(v) {
+      return v ? Object.entries(v).map(([h, f]) => ({
+        fieldKey: h,
+        ...f
+      })).filter((h) => h.widget && h.widget.widget !== "Hidden").filter((h) => !V.value.includes(h.fieldKey)) : [];
     }
-    function b(U) {
-      return U ? Object.entries(U).filter(([k, I]) => I.dependent).reduce(
-        (k, [I, H]) => (k[I] = H.dependent, k),
+    function k(v) {
+      return v ? Object.entries(v).filter(([h, f]) => f.dependent).reduce(
+        (h, [f, F]) => (h[f] = F.dependent, h),
         {}
       ) : [];
     }
-    const f = j(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = g({}), T = g(!1);
+    const p = z(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = _({}), C = _(!1);
+    function ee(v) {
+      return v.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+    function oe(v) {
+      return typeof v == "string" ? ee(v) : Array.isArray(v) ? v.map((I) => oe(I)) : v && typeof v == "object" ? Object.entries(v).reduce(
+        (I, [h, f]) => (I[h] = oe(f), I),
+        {}
+      ) : v;
+    }
+    function W(v) {
+      return Object.entries(v).reduce(
+        (I, [h, f]) => (I[h] = oe(f), I),
+        {}
+      );
+    }
     ge(async () => {
-      T.value = !0;
-      const U = new Ue().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
-      s.value = await U.getPageData();
-      const A = s.value.fields.requestType.modelValue;
-      r.Test?.({ fieldValue: A, hiddenFields: oe, formData: m }), d.value = h(s.value.fields), _.value = b(s.value.fields);
-      for (const k in s.value.fields) {
-        if (s.value.fields[k].widget?.widget === "File") {
-          const I = d.value.find((H) => H.fieldKey === k);
-          I && I.widget && (I.widget.files = []);
+      C.value = !0;
+      const v = new Ue().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
+      s.value = await v.getPageData();
+      const I = s.value.fields.requestType.modelValue;
+      r.Test?.({ fieldValue: I, hiddenFields: V, formData: m }), d.value = y(s.value.fields), b.value = k(s.value.fields);
+      for (const h in s.value.fields) {
+        if (s.value.fields[h].widget?.widget === "File") {
+          const f = d.value.find((F) => F.fieldKey === h);
+          f && f.widget && (f.widget.files = []);
         }
-        m.value[k] = s.value.fields[k].modelValue;
+        m.value[h] = s.value.fields[h].modelValue;
       }
-      T.value = !1;
+      C.value = !1;
     });
-    function te() {
+    function ie() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function J(U, A, k, I, H) {
-      switch (A) {
-        case ee.Submit:
-          let p = !0;
-          if (i.value?.forEach((x) => {
-            x?.validate && (x.validate() || (p = !1));
-          }), !p) {
+    async function le(v, I, h, f, F) {
+      switch (I) {
+        case te.Submit:
+          let B = !0;
+          if (i.value?.forEach((E) => {
+            E?.validate && (E.validate() || (B = !1));
+          }), !B) {
             l?.appContext.config.globalProperties.$message.error(
               "form validation failed, please check the input fields"
             );
             return;
           }
-          T.value = !0;
+          C.value = !0;
           try {
-            r[H]?.({ message: `${H} action triggered` });
-            const x = {
-              ...m.value,
-              ..._.value
+            r[F]?.({ message: `${F} action triggered` });
+            const E = {
+              ...W(m.value),
+              ...b.value
             };
-            r.createPageBeforeSubmit?.(x);
-            const O = await Ht(
+            r.createPageBeforeSubmit?.(E);
+            const g = await Ht(
               c.className,
-              x,
-              k
+              E,
+              h
             );
-            r[`${H}Success` || ""]?.({
+            r[`${F}Success` || ""]?.({
               message: "Workflow created successfully",
               workflowId: c.workflowId,
-              res: O
+              res: g
             });
-            const ne = i.value?.map((re) => re?.submit ? re.submit(O.toString()) : Promise.resolve()) || [];
-            await Promise.all(ne), T.value = !1, l?.appContext.config.globalProperties.$notification.success(
-              `Your grading request has been submitted, ID is ${O.toString()}.`
-            ), a.push({ name: "Details", params: { workflowId: O.toString() } });
+            const A = i.value?.map((U) => U?.submit ? U.submit(g.toString()) : Promise.resolve()) || [];
+            await Promise.all(A), C.value = !1, l?.appContext.config.globalProperties.$notification.success(
+              `Your grading request has been submitted, ID is ${g.toString()}.`
+            ), a.push({ name: "Details", params: { workflowId: g.toString() } });
           } catch {
             l?.appContext.config.globalProperties.$notification.error(
               "Failed to submit your grading request"
-            ), T.value = !1;
+            ), C.value = !1;
           }
           break;
-        case ee.Link:
+        case te.Link:
           try {
-            await r[U.eventName || ""]?.(m.value, oe), a.push({
-              name: I,
+            await r[v.eventName || ""]?.(m.value, V), a.push({
+              name: f,
               params: { className: c.className }
-            }), await r[`${U.eventName || ""}Success`]?.({
-              message: `Router to ${I} pushed`
+            }), await r[`${v.eventName || ""}Success`]?.({
+              message: `Router to ${f} pushed`
             });
-          } catch (x) {
-            console.error("Error in link action trigger:", x);
+          } catch (E) {
+            console.error("Error in link action trigger:", E);
           }
           break;
         default:
-          console.warn("Unknown action type:", A);
+          console.warn("Unknown action type:", I);
       }
     }
-    const Z = [
+    const re = [
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
       "jobTitlePrevious",
       "jobAttachmentPrevious",
       "positionId"
-    ], oe = g(Z);
-    function le(U, A) {
-      r[U]?.({ fieldValue: A, hiddenFields: oe, formData: m }), s.value && (d.value = h(s.value.fields));
+    ], V = _(re);
+    function $(v, I) {
+      r[v]?.({ fieldValue: I, hiddenFields: V, formData: m }), s.value && (d.value = y(s.value.fields));
     }
-    const X = j(() => Ke(d.value)), V = { bpmStore: n, svrStore: e, router: a, triggers: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: _, genField: h, genDependentField: b, reversedActions: f, _data: m, loading: T, getApproverEmail: te, clickHandler: J, newHiddenFields: Z, hiddenFields: oe, changeHandler: le, groupedFields: X, DataWidgets: Ie, ActionButton: Pe, TopBar: Re };
-    return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
+    const H = z(() => Ke(d.value)), M = { bpmStore: n, svrStore: e, router: a, triggers: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: b, genField: y, genDependentField: k, reversedActions: p, _data: m, loading: C, escapeHtml: ee, sanitizeValue: oe, sanitizeFormData: W, getApproverEmail: ie, clickHandler: le, newHiddenFields: re, hiddenFields: V, changeHandler: $, groupedFields: H, DataWidgets: Ie, ActionButton: Pe, TopBar: Re };
+    return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
   }
 }), fn = { class: "page-container" }, pn = { class: "page-body" }, mn = { class: "form-card" }, gn = { class: "form-fields-vertical" }, _n = { class: "form-fields" }, vn = {
   key: 0,
   class: "form-content"
-}, hn = { class: "page-footer" }, bn = { class: "action-container" }, yn = { class: "action-buttons" };
-function wn(t, o, n, e, a, r) {
-  const i = C("a-card"), l = C("a-spin");
-  return u(), v("div", fn, [
+}, hn = { class: "page-footer" }, bn = { class: "action-container" }, wn = { class: "action-buttons" };
+function yn(t, o, n, e, a, r) {
+  const i = T("a-card"), l = T("a-spin");
+  return u(), w("div", fn, [
     P(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", pn, [
+    S("div", pn, [
       P(l, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: S(() => [
-          w("div", mn, [
-            w("div", gn, [
-              (u(!0), v(M, null, E(e.groupedFields, (c) => (u(), L(i, {
+        default: x(() => [
+          S("div", mn, [
+            S("div", gn, [
+              (u(!0), w(j, null, G(e.groupedFields, (c) => (u(), L(i, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: S(() => [
-                  w("div", _n, [
-                    (u(!0), v(M, null, E(c.fields, (s) => (u(), L(e.DataWidgets, {
+                default: x(() => [
+                  S("div", _n, [
+                    (u(!0), w(j, null, G(c.fields, (s) => (u(), L(e.DataWidgets, {
                       key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1510,19 +1529,19 @@ function wn(t, o, n, e, a, r) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), v("div", vn, [
+            t.$slots.content ? (u(), w("div", vn, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : ie("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", hn, [
-      w("div", bn, [
+    S("div", hn, [
+      S("div", bn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        w("div", yn, [
-          (u(!0), v(M, null, E(e.reversedActions, (c) => (u(), L(e.ActionButton, {
+        S("div", wn, [
+          (u(!0), w(j, null, G(e.reversedActions, (c) => (u(), L(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1534,7 +1553,7 @@ function wn(t, o, n, e, a, r) {
     ])
   ]);
 }
-const kn = /* @__PURE__ */ Q(un, [["render", wn], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), Sn = /* @__PURE__ */ W({
+const kn = /* @__PURE__ */ X(un, [["render", yn], ["__scopeId", "data-v-89686fdd"], ["__file", "CreateView.vue"]]), Sn = /* @__PURE__ */ Y({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1542,7 +1561,7 @@ const kn = /* @__PURE__ */ Q(un, [["render", wn], ["__scopeId", "data-v-31413447
   },
   setup(t, { expose: o }) {
     o();
-    const n = ve(), e = Ee(), a = Ne(), r = Fe(), i = Ae("dataWidgets"), l = me(), c = t, s = g({
+    const n = ve(), e = Ee(), a = Ne(), r = Fe(), i = Ae("dataWidgets"), l = me(), c = t, s = _({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1557,105 +1576,105 @@ const kn = /* @__PURE__ */ Q(un, [["render", wn], ["__scopeId", "data-v-31413447
         workFlowReason: "",
         workflowId: ""
       }
-    }), d = g([]), _ = g({});
-    function h(V) {
-      return V ? Object.entries(V).map(([A, k]) => ({
-        fieldKey: A,
-        ...k
-      })).filter((A) => A.widget && A.widget.widget !== "Hidden").filter((A) => !Z.value.includes(A.fieldKey)) : [];
+    }), d = _([]), b = _({});
+    function y(V) {
+      return V ? Object.entries(V).map(([H, M]) => ({
+        fieldKey: H,
+        ...M
+      })).filter((H) => H.widget && H.widget.widget !== "Hidden").filter((H) => !W.value.includes(H.fieldKey)) : [];
     }
-    function b(V) {
-      return V ? Object.entries(V).filter(([A, k]) => k.dependent).reduce((A, [k, I]) => (A[k] = I.dependent, A), {}) : [];
+    function k(V) {
+      return V ? Object.entries(V).filter(([H, M]) => M.dependent).reduce((H, [M, v]) => (H[M] = v.dependent, H), {}) : [];
     }
-    const f = j(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = g({}), T = g(!1);
+    const p = z(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = _({}), C = _(!1);
     ge(async () => {
-      T.value = !0;
+      C.value = !0;
       const V = new Ue().setPageActionType(he.Update).setClassName(c.className).setStore({ svrStore: a, bpmStore: r }).setWorkflowId(c.workflowId).build();
       s.value = await V.getPageData();
-      const U = await V.getBtnList(), A = await V.getFiles();
-      s.value.actions = s.value.actions?.filter((I) => {
-        const H = U.find((p) => p.button === I.title);
-        return H ? H.isShow : !0;
+      const $ = await V.getBtnList(), H = await V.getFiles();
+      s.value.actions = s.value.actions?.filter((v) => {
+        const I = $.find((h) => h.button === v.title);
+        return I ? I.isShow : !0;
       });
-      const k = s.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: k, hiddenFields: Z, formData: m }), d.value = h(s.value.fields), _.value = b(s.value.fields);
-      for (const I in s.value.fields) {
-        if (s.value.fields[I].widget?.widget === "File") {
-          const H = d.value.find((p) => p.fieldKey === I);
-          H && H.widget && (H.widget.files = A[I] ?? [], H.widget.removeFile = (p) => V.removeFile(p));
+      const M = s.value.fields.requestType.modelValue;
+      e.Test?.({ fieldValue: M, hiddenFields: W, formData: m }), d.value = y(s.value.fields), b.value = k(s.value.fields);
+      for (const v in s.value.fields) {
+        if (s.value.fields[v].widget?.widget === "File") {
+          const I = d.value.find((h) => h.fieldKey === v);
+          I && I.widget && (I.widget.files = H[v] ?? [], I.widget.removeFile = (h) => V.removeFile(h));
         }
-        m.value[I] = s.value.fields[I].modelValue;
+        m.value[v] = s.value.fields[v].modelValue;
       }
-      T.value = !1;
+      C.value = !1;
     });
-    function te() {
+    function ee() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function J(V, U, A, k, I) {
-      switch (U) {
-        case ee.Submit:
-          let H = !0;
-          if (i.value?.forEach((p) => {
-            p?.validate && (p.validate() || (H = !1));
-          }), !H) {
+    async function oe(V, $, H, M, v) {
+      switch ($) {
+        case te.Submit:
+          let I = !0;
+          if (i.value?.forEach((h) => {
+            h?.validate && (h.validate() || (I = !1));
+          }), !I) {
             l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          T.value = !0;
+          C.value = !0;
           try {
-            const p = { ...m.value, ..._.value };
-            e.updatePageBeforeSubmit?.(p, r().employeeInfo);
-            const x = await Ot(c.className, c.workflowId, p, A), O = i.value?.map((ne) => ne?.submit ? ne.submit(x.toString()) : Promise.resolve()) || [];
-            await Promise.all(O), T.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${x.toString()}.`);
+            const h = { ...m.value, ...b.value };
+            e.updatePageBeforeSubmit?.(h, r().employeeInfo);
+            const f = await Ot(c.className, c.workflowId, h, H), F = i.value?.map((B) => B?.submit ? B.submit(f.toString()) : Promise.resolve()) || [];
+            await Promise.all(F), C.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${f.toString()}.`);
           } catch {
-            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), T.value = !1;
+            l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), C.value = !1;
           }
           break;
-        case ee.Link:
+        case te.Link:
           try {
-            await e[V.eventName || ""]?.(m.value, Z), n.push({ name: k, params: { className: c.className } });
+            await e[V.eventName || ""]?.(m.value, W), n.push({ name: M, params: { className: c.className } });
           } catch {
           }
           break;
         default:
-          console.warn("Unknown action type:", U);
+          console.warn("Unknown action type:", $);
       }
     }
-    const Z = g([]);
-    function oe(V, U) {
-      e[V]?.({ fieldValue: U, hiddenFields: Z, formData: m }), s.value && (d.value = h(s.value.fields));
+    const W = _([]);
+    function ie(V, $) {
+      e[V]?.({ fieldValue: $, hiddenFields: W, formData: m }), s.value && (d.value = y(s.value.fields));
     }
-    const le = j(() => Ke(d.value)), X = { router: n, triggers: e, svrStore: a, bpmStore: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: _, genField: h, genDependentField: b, reversedActions: f, _data: m, loading: T, getApproverEmail: te, clickHandler: J, hiddenFields: Z, changeHandler: oe, groupedFields: le, DataWidgets: Ie, ActionButton: Pe, TopBar: Re };
-    return Object.defineProperty(X, "__isScriptSetup", { enumerable: !1, value: !0 }), X;
+    const le = z(() => Ke(d.value)), re = { router: n, triggers: e, svrStore: a, bpmStore: r, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: b, genField: y, genDependentField: k, reversedActions: p, _data: m, loading: C, getApproverEmail: ee, clickHandler: oe, hiddenFields: W, changeHandler: ie, groupedFields: le, DataWidgets: Ie, ActionButton: Pe, TopBar: Re };
+    return Object.defineProperty(re, "__isScriptSetup", { enumerable: !1, value: !0 }), re;
   }
 }), Cn = { class: "page-container" }, xn = { class: "page-body" }, Tn = { class: "form-card" }, Vn = { class: "form-fields-vertical" }, An = { class: "form-fields" }, In = {
   key: 0,
   class: "form-content"
 }, Pn = { class: "page-footer" }, Fn = { class: "action-container" }, Nn = { class: "action-buttons" };
 function Rn(t, o, n, e, a, r) {
-  const i = C("a-card"), l = C("a-spin");
-  return u(), v("div", Cn, [
+  const i = T("a-card"), l = T("a-spin");
+  return u(), w("div", Cn, [
     P(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", xn, [
+    S("div", xn, [
       P(l, {
         loading: e.loading,
         class: "form-container"
       }, {
-        default: S(() => [
-          w("div", Tn, [
-            w("div", Vn, [
-              (u(!0), v(M, null, E(e.groupedFields, (c) => (u(), L(i, {
+        default: x(() => [
+          S("div", Tn, [
+            S("div", Vn, [
+              (u(!0), w(j, null, G(e.groupedFields, (c) => (u(), L(i, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: S(() => [
-                  w("div", An, [
-                    (u(!0), v(M, null, E(c.fields, (s) => (u(), L(e.DataWidgets, {
+                default: x(() => [
+                  S("div", An, [
+                    (u(!0), w(j, null, G(c.fields, (s) => (u(), L(e.DataWidgets, {
                       key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1672,19 +1691,19 @@ function Rn(t, o, n, e, a, r) {
                 _: 2
               }, 1032, ["title"]))), 128))
             ]),
-            t.$slots.content ? (u(), v("div", In, [
+            t.$slots.content ? (u(), w("div", In, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : ie("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", Pn, [
-      w("div", Fn, [
+    S("div", Pn, [
+      S("div", Fn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        w("div", Nn, [
-          (u(!0), v(M, null, E(e.reversedActions, (c) => (u(), L(e.ActionButton, {
+        S("div", Nn, [
+          (u(!0), w(j, null, G(e.reversedActions, (c) => (u(), L(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1696,11 +1715,11 @@ function Rn(t, o, n, e, a, r) {
     ])
   ]);
 }
-const Un = /* @__PURE__ */ Q(Sn, [["render", Rn], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), gt = Symbol("library-custom-comp");
-function Bn() {
+const Un = /* @__PURE__ */ X(Sn, [["render", Rn], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), gt = Symbol("library-custom-comp");
+function Dn() {
   return be(gt, null);
 }
-const Dn = /* @__PURE__ */ W({
+const Ln = /* @__PURE__ */ Y({
   __name: "DetailView",
   props: {
     className: {},
@@ -1708,9 +1727,9 @@ const Dn = /* @__PURE__ */ W({
   },
   setup(t, { expose: o }) {
     o();
-    const n = Ne(), e = Fe(), a = Ee(), r = ve(), i = Bn(), l = me(), c = t;
+    const n = Ne(), e = Fe(), a = Ee(), r = ve(), i = Dn(), l = me(), c = t;
     let s;
-    const d = g({
+    const d = _({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1725,33 +1744,33 @@ const Dn = /* @__PURE__ */ W({
         workFlowReason: "",
         workflowId: ""
       }
-    }), _ = g([]), h = Ae("dataWidgets");
-    function b(N) {
-      return N ? Object.entries(N).map(([G, R]) => {
+    }), b = _([]), y = Ae("dataWidgets");
+    function k(N) {
+      return N ? Object.entries(N).map(([Q, R]) => {
         typeof R.modelValue == "boolean" ? R.fieldValue = R.modelValue ? "Yes" : "No" : R.fieldValue = R.modelValue;
-        const z = {
-          fieldKey: G,
+        const K = {
+          fieldKey: Q,
           ...R
         };
-        return z.widget?.readonly || z.validations?.some(
+        return K.widget?.readonly || K.validations?.some(
           (pe) => pe.ruleName === "Required"
-        ) ? z : {
-          ...z,
+        ) ? K : {
+          ...K,
           validations: [
-            ...z.validations || [],
+            ...K.validations || [],
             {
               ruleName: "Required",
               ruleParameter: "",
-              errorMessage: `${fe(z.widget?.title) || z.fieldKey} is required`
+              errorMessage: `${fe(K.widget?.title) || K.fieldKey} is required`
             }
           ]
         };
-      }).filter((G) => G.widget && G.widget.widget !== "Hidden").filter((G) => !U.value.includes(G.fieldKey)) : [];
+      }).filter((Q) => Q.widget && Q.widget.widget !== "Hidden").filter((Q) => !$.value.includes(Q.fieldKey)) : [];
     }
-    const f = j(() => Ke(_.value)), m = j(() => d.value?.actions ? [...d.value.actions].reverse() : []), T = g(!0), te = (N, $) => {
-      const G = N.findIndex((R) => R.isCurrent);
-      return N.map((R, z) => {
-        const B = {
+    const p = z(() => Ke(b.value)), m = z(() => d.value?.actions ? [...d.value.actions].reverse() : []), C = _(!0), ee = (N, O) => {
+      const Q = N.findIndex((R) => R.isCurrent);
+      return N.map((R, K) => {
+        const D = {
           id: R.id,
           title: "",
           proxy: "",
@@ -1760,97 +1779,97 @@ const Dn = /* @__PURE__ */ W({
           status: 1,
           time: ""
         };
-        B.title = R.workflowProcessApprovers[0]?.name;
-        const pe = R.workflowProcessApprovers[R.workflowProcessApprovers.length - 1], Ce = R.workflowHistorys[R.workflowHistorys.length - 1], we = Ce?.workflowHistoryApprovers[Ce?.workflowHistoryApprovers?.length - 1];
-        if (pe && we && pe?.email?.toLowerCase() !== we?.approverEmail?.toLowerCase() && (B.title = `${we.name}`, B.proxy = `Proxy: ${pe.name}`), R.sort > 1 ? B.sub = "Approver Role: " + R.nodeName.replace("Submit", "").replace("Approve", "") : B.sub = "Submit Application", R.isCurrent && $ !== -1)
-          B.desc = "In Approval", B.status = 1;
+        D.title = R.workflowProcessApprovers[0]?.name;
+        const pe = R.workflowProcessApprovers[R.workflowProcessApprovers.length - 1], Ce = R.workflowHistorys[R.workflowHistorys.length - 1], ye = Ce?.workflowHistoryApprovers[Ce?.workflowHistoryApprovers?.length - 1];
+        if (pe && ye && pe?.email?.toLowerCase() !== ye?.approverEmail?.toLowerCase() && (D.title = `${ye.name}`, D.proxy = `Proxy: ${pe.name}`), R.sort > 1 ? D.sub = "Approver Role: " + R.nodeName.replace("Submit", "").replace("Approve", "") : D.sub = "Submit Application", R.isCurrent && O !== -1)
+          D.desc = "In Approval", D.status = 1;
         else {
-          const ae = R.workflowHistorys[R.workflowHistorys.length - 1];
-          if (ae && ae.status === 100)
-            B.time = Te(ae.takeActionAt, "yyyy-MM-dd hh:mm:ss"), B.status = 2, B.desc = "approve success!";
-          else if (ae && ae.status === 999)
-            B.time = Te(ae.takeActionAt, "yyyy-MM-dd hh:mm:ss"), B.status = 0, B.desc = "approve reject!";
-          else if (ae)
-            if (B.time = Te(ae.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.sort === 1)
-              B.status = 2, B.desc = "";
+          const ne = R.workflowHistorys[R.workflowHistorys.length - 1];
+          if (ne && ne.status === 100)
+            D.time = Te(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 2, D.desc = "approve success!";
+          else if (ne && ne.status === 999)
+            D.time = Te(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), D.status = 0, D.desc = "approve reject!";
+          else if (ne)
+            if (D.time = Te(ne.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.sort === 1)
+              D.status = 2, D.desc = "";
             else {
-              const xe = ae.workflowHistoryApprovers[0];
-              B.status = 3, B.desc = xe?.reason ? `Rejected reason: ${xe.reason}` : "Rejected";
+              const xe = ne.workflowHistoryApprovers[0];
+              D.status = 3, D.desc = xe?.reason ? `Rejected reason: ${xe.reason}` : "Rejected";
             }
-          else z < G || G === -1 ? (B.status = 0, B.desc = "Skipped") : (B.status = 0, B.desc = "Pending Approval");
-          ae && ae.status;
+          else K < Q || Q === -1 ? (D.status = 0, D.desc = "Skipped") : (D.status = 0, D.desc = "Pending Approval");
+          ne && ne.status;
         }
-        return B;
+        return D;
       });
-    }, J = g([]), Z = g(!1), oe = g(!1), le = g(!1), X = g(!1);
+    }, oe = _([]), W = _(!1), ie = _(!1), le = _(!1), re = _(!1);
     async function V() {
       const N = await s.getBtnList();
-      d.value.actions = d.value.actions?.filter(($) => {
-        const G = N.find((R) => R.button === $.title);
-        return G ? G.isShow : !0;
-      }), Z.value = N.find(($) => $.button === "IsGlobal")?.isShow ?? !1, oe.value = N.find(($) => $.button === "AssignButton")?.isShow ?? !1, le.value = N.find(($) => $.button === "AssignList")?.isShow ?? !1, X.value = N.find(($) => $.button === "AddCommentsButton")?.isShow ?? !1;
+      d.value.actions = d.value.actions?.filter((O) => {
+        const Q = N.find((R) => R.button === O.title);
+        return Q ? Q.isShow : !0;
+      }), W.value = N.find((O) => O.button === "IsGlobal")?.isShow ?? !1, ie.value = N.find((O) => O.button === "AssignButton")?.isShow ?? !1, le.value = N.find((O) => O.button === "AssignList")?.isShow ?? !1, re.value = N.find((O) => O.button === "AddCommentsButton")?.isShow ?? !1;
     }
-    const U = g([]);
-    async function A() {
-      T.value = !0, s = new Ue().setPageActionType(he.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), d.value = await s.getPageData();
+    const $ = _([]);
+    async function H() {
+      C.value = !0, s = new Ue().setPageActionType(he.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), d.value = await s.getPageData();
       const N = await s.getFiles();
-      ne.value = await s.getApprovers(), x.value = await s.getCommentsHistory(), re.value = await s.getAssociator(), await V(), a.detailPageLoaded?.(d, e().employeeInfo);
-      const $ = d.value.fields.requestType.modelValue;
-      a.Test?.({ fieldValue: $, hiddenFields: U }), _.value = b(d.value.fields);
+      B.value = await s.getApprovers(), f.value = await s.getCommentsHistory(), E.value = await s.getAssociator(), await V(), a.detailPageLoaded?.(d, e().employeeInfo);
+      const O = d.value.fields.requestType.modelValue;
+      a.Test?.({ fieldValue: O, hiddenFields: $ }), b.value = k(d.value.fields);
       for (const R in d.value.fields)
         if (d.value.fields[R].widget?.widget === "File") {
-          const z = _.value.find((B) => B.fieldKey === R);
-          z && z.widget && (z.widget.files = N[R] ?? []);
+          const K = b.value.find((D) => D.fieldKey === R);
+          K && K.widget && (K.widget.files = N[R] ?? []);
         }
-      const G = await s.getProcess();
-      J.value = te(G, 0), T.value = !1;
+      const Q = await s.getProcess();
+      oe.value = ee(Q, 0), C.value = !1;
     }
-    ge(A);
-    async function k(N, $) {
-      return a[N]?.($);
+    ge(H);
+    async function M(N, O) {
+      return a[N]?.(O);
     }
-    function I() {
+    function v() {
       return n()?.userInfo?.email_address ?? "";
     }
-    async function H(N, $, G, R, z) {
+    async function I(N, O, Q, R, K) {
       try {
-        switch ($) {
-          case ee.Submit:
-            let B = !0;
-            if (h.value?.forEach((_e) => {
-              _e?.validate && !_e.validate() && (B = !1);
-            }), !B) {
+        switch (O) {
+          case te.Submit:
+            let D = !0;
+            if (y.value?.forEach((_e) => {
+              _e?.validate && !_e.validate() && (D = !1);
+            }), !D) {
               l?.appContext.config.globalProperties.$message.error(
                 "Please complete all required fields before submit."
               );
               return;
             }
-            const { reason: pe, ifGlobal: Ce } = await k(z, {
-              isGlobal: Z.value
+            const { reason: pe, ifGlobal: Ce } = await M(K, {
+              isGlobal: W.value
             });
-            T.value = !0;
-            const we = _.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, ae = z === "Approve" ? "100" : "-1", xe = await Kt(
+            C.value = !0;
+            const ye = b.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, ne = K === "Approve" ? "100" : "-1", xe = await Kt(
               c.className,
               c.workflowId,
-              I(),
+              v(),
               pe,
-              G,
-              ae,
+              Q,
+              ne,
               Ce,
               {
-                approvedGrade: we
+                approvedGrade: ye
               }
             );
-            await k(`${z}Success`, {
+            await M(`${K}Success`, {
               workflowId: c.workflowId,
               res: xe
-            }), T.value = !1;
-            const _t = z === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
+            }), C.value = !1;
+            const _t = K === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
             l?.appContext.config.globalProperties.$notification.success(
               _t
-            ), A();
+            ), H();
             break;
-          case ee.Link:
+          case te.Link:
             try {
               await a[N.eventName || ""]?.(), r.push({
                 name: R,
@@ -1860,40 +1879,40 @@ const Dn = /* @__PURE__ */ W({
               console.error("Error in link action trigger:", _e);
             }
             break;
-          case ee.Button:
+          case te.Button:
             await a[N.eventName || ""]?.({
-              approvers: ne,
-              associators: re,
-              isShowAssignSelect: oe,
+              approvers: B,
+              associators: E,
+              isShowAssignSelect: ie,
               isShowAssignList: le,
-              assignCallback: y,
-              deleteAssociatorCallback: D
+              assignCallback: g,
+              deleteAssociatorCallback: U
             });
             break;
           default:
-            console.warn("Unknown action type:", $);
+            console.warn("Unknown action type:", O);
         }
       } catch {
       }
     }
-    const p = g(""), x = g([]), O = g(""), ne = g([]), re = g([]);
-    async function y(N) {
+    const h = _(""), f = _([]), F = _(""), B = _([]), E = _([]);
+    async function g(N) {
       if (!N) {
         l?.appContext.config.globalProperties.$message.error(
           "Please select an approver"
         );
         return;
       }
-      await F(
+      await A(
         "Confirm Assign Approver",
         "Do you want to assign the selected approver?"
       );
       try {
-        await s.assignApprover(N), re.value = await s.getAssociator(), V(), l?.appContext.config.globalProperties.$notification.success(
+        await s.assignApprover(N), E.value = await s.getAssociator(), V(), l?.appContext.config.globalProperties.$notification.success(
           "Assign Approver clicked!"
         );
-      } catch ($) {
-        if ($.status === 409) {
+      } catch (O) {
+        if (O.status === 409) {
           l?.appContext.config.globalProperties.$notification.error(
             "This user is already an associator"
           );
@@ -1904,22 +1923,22 @@ const Dn = /* @__PURE__ */ W({
         );
       }
     }
-    async function F(N, $) {
-      const { Modal: G } = await import("@arco-design/web-vue");
-      return new Promise((R, z) => {
-        G.confirm({
+    async function A(N, O) {
+      const { Modal: Q } = await import("@arco-design/web-vue");
+      return new Promise((R, K) => {
+        Q.confirm({
           title: N,
-          content: $,
+          content: O,
           okText: "OK",
           cancelText: "Cancel",
           onOk: () => R(!0),
-          onCancel: () => z()
+          onCancel: () => K()
         });
       });
     }
-    async function D(N) {
+    async function U(N) {
       try {
-        await F(
+        await A(
           "Confirm Delete Associator",
           "Do you want to delete this associator?"
         );
@@ -1927,7 +1946,7 @@ const Dn = /* @__PURE__ */ W({
         return;
       }
       try {
-        await s.deleteAssociator(N.toString()), re.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
+        await s.deleteAssociator(N.toString()), E.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
           "Associator deleted successfully!"
         );
       } catch {
@@ -1937,13 +1956,13 @@ const Dn = /* @__PURE__ */ W({
       }
     }
     async function de() {
-      if (!p.value.trim()) {
+      if (!h.value.trim()) {
         l?.appContext.config.globalProperties.$message.error(
           "Comment cannot be empty"
         );
         return;
       }
-      await s.addComments(p.value.trim()), p.value = "", x.value = await s.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success(
+      await s.addComments(h.value.trim()), h.value = "", f.value = await s.getCommentsHistory(), l?.appContext.config.globalProperties.$notification.success(
         "Add Comment clicked!"
       );
     }
@@ -1954,14 +1973,14 @@ const Dn = /* @__PURE__ */ W({
       return s;
     }, set page(N) {
       s = N;
-    }, pageData: d, _fields: _, dataWidgetsRefs: h, genField: b, groupedFields: f, reversedActions: m, loading: T, mapWorkflowSteps: te, steps: J, isGlobal: Z, isShowAssignSelect: oe, isShowAssignList: le, isShowCommentTextArea: X, reloadButtonList: V, hiddenFields: U, load: A, triggerFn: k, getApproverEmail: I, clickHandler: H, comment: p, commentsHistory: x, selectedApprover: O, approvers: ne, associators: re, onAssignApprover: y, confirmDialog: F, onDeleteAssociator: D, onAddComment: de, formatTitle: fe, ActionButton: Pe, get IconDownload() {
+    }, pageData: d, _fields: b, dataWidgetsRefs: y, genField: k, groupedFields: p, reversedActions: m, loading: C, mapWorkflowSteps: ee, steps: oe, isGlobal: W, isShowAssignSelect: ie, isShowAssignList: le, isShowCommentTextArea: re, reloadButtonList: V, hiddenFields: $, load: H, triggerFn: M, getApproverEmail: v, clickHandler: I, comment: h, commentsHistory: f, selectedApprover: F, approvers: B, associators: E, onAssignApprover: g, confirmDialog: A, onDeleteAssociator: U, onAddComment: de, formatTitle: fe, ActionButton: Pe, get IconDownload() {
       return Ho;
     }, TopBar: Re, get formatDate() {
       return Te;
     }, ToolTip: ut, DataWidgets: Ie };
     return Object.defineProperty(We, "__isScriptSetup", { enumerable: !1, value: !0 }), We;
   }
-}), Ln = { class: "page-container" }, Hn = { class: "page-body" }, On = { class: "detail-card" }, $n = { class: "form-fields-vertical" }, Mn = { class: "detail-fields" }, jn = { class: "detail-field" }, zn = {
+}), Bn = { class: "page-container" }, Hn = { class: "page-body" }, On = { class: "detail-card" }, $n = { class: "form-fields-vertical" }, jn = { class: "detail-fields" }, zn = { class: "detail-field" }, Mn = {
   key: 0,
   class: "detail-field"
 }, En = { class: "field-label" }, Kn = {
@@ -1975,56 +1994,56 @@ const Dn = /* @__PURE__ */ W({
   class: "detail-content"
 }, Yn = { class: "page-footer" }, Qn = { class: "action-container" }, Jn = { class: "action-buttons" };
 function Zn(t, o, n, e, a, r) {
-  const i = C("a-link"), l = C("a-space"), c = C("a-card");
-  C("a-option"), C("a-select");
-  const s = C("a-button"), d = C("a-list-item"), _ = C("a-list"), h = C("a-textarea"), b = C("a-spin");
-  return u(), v("div", Ln, [
+  const i = T("a-link"), l = T("a-space"), c = T("a-card");
+  T("a-option"), T("a-select");
+  const s = T("a-button"), d = T("a-list-item"), b = T("a-list"), y = T("a-textarea"), k = T("a-spin");
+  return u(), w("div", Bn, [
     P(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", Hn, [
-      P(b, {
+    S("div", Hn, [
+      P(k, {
         loading: e.loading,
         class: "detail-container"
       }, {
-        default: S(() => [
-          w("div", On, [
-            (u(), L(Me(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            w("div", $n, [
-              (u(!0), v(M, null, E(e.groupedFields, (f) => (u(), L(c, {
-                key: f.name,
-                title: f.name,
+        default: x(() => [
+          S("div", On, [
+            (u(), L(je(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            S("div", $n, [
+              (u(!0), w(j, null, G(e.groupedFields, (p) => (u(), L(c, {
+                key: p.name,
+                title: p.name,
                 style: { "margin-bottom": "24px" }
               }, {
-                default: S(() => [
-                  w("div", Mn, [
-                    (u(!0), v(M, null, E(f.fields, (m) => (u(), v("div", {
+                default: x(() => [
+                  S("div", jn, [
+                    (u(!0), w(j, null, G(p.fields, (m) => (u(), w("div", {
                       key: m.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      w("div", jn, [
-                        m.widget?.readonly ? (u(), v(M, { key: 1 }, [
-                          w("div", En, [
-                            se(K(e.formatTitle(m.widget?.title)) + " ", 1),
+                      S("div", zn, [
+                        m.widget?.readonly ? (u(), w(j, { key: 1 }, [
+                          S("div", En, [
+                            ae(q(e.formatTitle(m.widget?.title)) + " ", 1),
                             P(e.ToolTip, {
                               "is-visible": m.widget?.isVisible ?? !1,
                               "output-text": m.widget?.outputText ?? []
                             }, null, 8, ["is-visible", "output-text"])
                           ]),
-                          m.widget?.widget === "File" ? (u(!0), v(M, { key: 0 }, E(m.widget.files, (T) => (u(), v("div", {
+                          m.widget?.widget === "File" ? (u(!0), w(j, { key: 0 }, G(m.widget.files, (C) => (u(), w("div", {
                             class: "field-value",
-                            key: T.id
+                            key: C.id
                           }, [
                             P(l, null, {
-                              default: S(() => [
-                                se(K(T.name) + " ", 1),
+                              default: x(() => [
+                                ae(q(C.name) + " ", 1),
                                 P(i, {
-                                  href: T.url,
+                                  href: C.url,
                                   target: "_blank"
                                 }, {
-                                  default: S(() => [
+                                  default: x(() => [
                                     P(e.IconDownload, { style: { color: "#7A00E6" } })
                                   ]),
                                   _: 2
@@ -2032,8 +2051,8 @@ function Zn(t, o, n, e, a, r) {
                               ]),
                               _: 2
                             }, 1024)
-                          ]))), 128)) : (u(), v("div", Kn, K(m.fieldValue), 1))
-                        ], 64)) : (u(), v("div", zn, [
+                          ]))), 128)) : (u(), w("div", Kn, q(m.fieldValue), 1))
+                        ], 64)) : (u(), w("div", Mn, [
                           P(e.DataWidgets, {
                             ref_for: !0,
                             ref: "dataWidgets",
@@ -2042,7 +2061,7 @@ function Zn(t, o, n, e, a, r) {
                             config: m,
                             "class-name": n.className,
                             modelValue: m.modelValue,
-                            "onUpdate:modelValue": (T) => m.modelValue = T,
+                            "onUpdate:modelValue": (C) => m.modelValue = C,
                             class: "form-field"
                           }, null, 8, ["field-key", "name", "config", "class-name", "modelValue", "onUpdate:modelValue"])
                         ]))
@@ -2052,69 +2071,69 @@ function Zn(t, o, n, e, a, r) {
                 ]),
                 _: 2
               }, 1032, ["title"]))), 128)),
-              ie("", !0),
-              ie("", !0),
-              e.isShowCommentTextArea ? (u(), v("div", Wn, [
-                w("div", Gn, [
-                  o[6] || (o[6] = w("div", { class: "field-label" }, "Comment", -1)),
-                  P(h, {
+              se("", !0),
+              se("", !0),
+              e.isShowCommentTextArea ? (u(), w("div", Wn, [
+                S("div", Gn, [
+                  o[6] || (o[6] = S("div", { class: "field-label" }, "Comment", -1)),
+                  P(y, {
                     modelValue: e.comment,
-                    "onUpdate:modelValue": o[1] || (o[1] = (f) => e.comment = f)
+                    "onUpdate:modelValue": o[1] || (o[1] = (p) => e.comment = p)
                   }, null, 8, ["modelValue"]),
                   P(s, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
-                    default: S(() => o[5] || (o[5] = [
-                      se("Add Comment", -1)
+                    default: x(() => o[5] || (o[5] = [
+                      ae("Add Comment", -1)
                     ])),
                     _: 1,
                     __: [5]
                   })
                 ])
-              ])) : ie("", !0),
-              e.commentsHistory.length ? (u(), L(_, { key: 3 }, {
-                header: S(() => o[7] || (o[7] = [
-                  se(" Comments History ", -1)
+              ])) : se("", !0),
+              e.commentsHistory.length ? (u(), L(b, { key: 3 }, {
+                header: x(() => o[7] || (o[7] = [
+                  ae(" Comments History ", -1)
                 ])),
-                default: S(() => [
-                  (u(!0), v(M, null, E(e.commentsHistory, (f) => (u(), L(d, {
-                    key: f.associator
+                default: x(() => [
+                  (u(!0), w(j, null, G(e.commentsHistory, (p) => (u(), L(d, {
+                    key: p.associator
                   }, {
-                    default: S(() => [
-                      se(K(f.associator) + ": " + K(f.comments) + " (" + K(e.formatDate(f.createdAt)) + ") ", 1)
+                    default: x(() => [
+                      ae(q(p.associator) + ": " + q(p.comments) + " (" + q(e.formatDate(p.createdAt)) + ") ", 1)
                     ]),
                     _: 2
                   }, 1024))), 128))
                 ]),
                 _: 1
-              })) : ie("", !0)
+              })) : se("", !0)
             ]),
-            t.$slots.content ? (u(), v("div", qn, [
+            t.$slots.content ? (u(), w("div", qn, [
               ue(t.$slots, "content", {}, void 0, !0)
-            ])) : ie("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", Yn, [
-      w("div", Qn, [
+    S("div", Yn, [
+      S("div", Qn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        w("div", Jn, [
-          (u(!0), v(M, null, E(e.reversedActions, (f) => (u(), L(e.ActionButton, {
-            key: f.title,
+        S("div", Jn, [
+          (u(!0), w(j, null, G(e.reversedActions, (p) => (u(), L(e.ActionButton, {
+            key: p.title,
             loading: e.loading,
-            config: f,
+            config: p,
             class: "action-button",
-            onClick: (...m) => e.clickHandler(f, ...m)
+            onClick: (...m) => e.clickHandler(p, ...m)
           }, null, 8, ["loading", "config", "onClick"]))), 128))
         ])
       ])
     ])
   ]);
 }
-const Xn = /* @__PURE__ */ Q(Dn, [["render", Zn], ["__scopeId", "data-v-117ace1a"], ["__file", "DetailView.vue"]]), er = /* @__PURE__ */ W({
+const Xn = /* @__PURE__ */ X(Ln, [["render", Zn], ["__scopeId", "data-v-117ace1a"], ["__file", "DetailView.vue"]]), er = /* @__PURE__ */ Y({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -2122,7 +2141,7 @@ const Xn = /* @__PURE__ */ Q(Dn, [["render", Zn], ["__scopeId", "data-v-117ace1a
   },
   setup(t, { expose: o }) {
     o();
-    const n = Ne(), e = Fe(), a = ve(), r = me(), i = t, l = g(), c = ht({
+    const n = Ne(), e = Fe(), a = ve(), r = me(), i = t, l = _(), c = ht({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -2132,10 +2151,10 @@ const Xn = /* @__PURE__ */ Q(Dn, [["render", Zn], ["__scopeId", "data-v-117ace1a
       filters: []
     });
     function s() {
-      const y = Object.entries(k.value).filter(([, { value: F }]) => F && F !== "").map(([F, { value: D, operator: de }]) => {
-        const fe = typeof D == "string" ? D.trim() : D;
+      const g = Object.entries(M.value).filter(([, { value: A }]) => A && A !== "").map(([A, { value: U, operator: de }]) => {
+        const fe = typeof U == "string" ? U.trim() : U;
         return {
-          key: F,
+          key: A,
           value: fe,
           operator: de
           // 根据实际需要调整操作符
@@ -2144,21 +2163,21 @@ const Xn = /* @__PURE__ */ Q(Dn, [["render", Zn], ["__scopeId", "data-v-117ace1a
       return {
         pageNumber: c.current,
         pageSize: c.pageSize,
-        filters: [...c.filters, ...y],
+        filters: [...c.filters, ...g],
         sorts: [{
           key: "workflowId",
           type: 1
         }]
       };
     }
-    const d = j(() => ({
-      x: b.value.length * 150 + 250
+    const d = z(() => ({
+      x: k.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), _ = (y) => {
-      const F = Object.entries(y).filter(([, D]) => D.widget?.column).map(([D, de], fe) => ({
+    })), b = (g) => {
+      const A = Object.entries(g).filter(([, U]) => U.widget?.column).map(([U, de], fe) => ({
         title: de.widget.title,
-        dataIndex: D.charAt(0).toLowerCase() + D.slice(1),
+        dataIndex: U.charAt(0).toLowerCase() + U.slice(1),
         order: de.order,
         ellipsis: !0,
         tooltip: !0,
@@ -2167,8 +2186,8 @@ const Xn = /* @__PURE__ */ Q(Dn, [["render", Zn], ["__scopeId", "data-v-117ace1a
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((D, de) => D.order - de.order);
-      F.push({
+      })).sort((U, de) => U.order - de.order);
+      A.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -2176,120 +2195,120 @@ const Xn = /* @__PURE__ */ Q(Dn, [["render", Zn], ["__scopeId", "data-v-117ace1a
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = F;
-    }, h = g([]), b = g([]), f = g(!0), m = g(!0), T = g(), te = async () => {
+      }), k.value = A;
+    }, y = _([]), k = _([]), p = _(!0), m = _(!0), C = _(), ee = async () => {
       m.value = !0;
-      const y = await Lt(i.className, s());
-      h.value = y.data, c.total = y.totalCount, m.value = !1;
-    }, J = g(!1);
+      const g = await Bt(i.className, s());
+      y.value = g.data, c.total = g.totalCount, m.value = !1;
+    }, oe = _(!1);
     ge(async () => {
-      f.value = !0;
-      const y = new Ue().setPageActionType(he.List).setClassName(i.className).setStore({ svrStore: n, bpmStore: e }).build();
-      l.value = await y.getPageData(), _(l.value.fields), H(l.value.fields), p(), A(l.value?.tabs?.[0]?.key || ""), T.value = l.value.actions, f.value = !1, J.value = !0;
+      p.value = !0;
+      const g = new Ue().setPageActionType(he.List).setClassName(i.className).setStore({ svrStore: n, bpmStore: e }).build();
+      l.value = await g.getPageData(), b(l.value.fields), I(l.value.fields), h(), H(l.value?.tabs?.[0]?.key || ""), C.value = l.value.actions, p.value = !1, oe.value = !0;
     }), bt(() => {
-      J.value && te();
+      oe.value && ee();
     });
-    const Z = (y) => {
-      c.current = y, te();
-    }, oe = (y) => {
-      c.pageSize = y, te();
+    const W = (g) => {
+      c.current = g, ee();
+    }, ie = (g) => {
+      c.pageSize = g, ee();
     };
-    function le(y, F, D, de, fe) {
-      switch (y) {
-        case ee.Link:
-          a.push({ name: D, params: { workflowId: fe } });
+    function le(g, A, U, de, fe) {
+      switch (g) {
+        case te.Link:
+          a.push({ name: U, params: { workflowId: fe } });
           break;
         default:
-          console.warn("Unknown action type:", y);
+          console.warn("Unknown action type:", g);
       }
     }
-    function X(y, F, D) {
-      switch (y) {
-        case ee.Submit:
-          no(F, { filters: [{ key: "approverList", value: V(), operator: 2 }] }), r?.appContext.config.globalProperties.$notification.success("submit success!");
+    function re(g, A, U) {
+      switch (g) {
+        case te.Submit:
+          no(A, { filters: [{ key: "approverList", value: V(), operator: 2 }] }), r?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
-        case ee.Link:
-          a.push({ name: D });
+        case te.Link:
+          a.push({ name: U });
           break;
         default:
-          console.warn("Unknown action type:", y);
+          console.warn("Unknown action type:", g);
       }
     }
     function V() {
       return n()?.userInfo?.email_address ?? "";
     }
-    function U(y, F) {
-      return typeof y != "string" || y.indexOf("{currentUserEmail}") === -1 ? y : y.replace(/{currentUserEmail}/g, F);
+    function $(g, A) {
+      return typeof g != "string" || g.indexOf("{currentUserEmail}") === -1 ? g : g.replace(/{currentUserEmail}/g, A);
     }
-    function A(y) {
-      const F = l.value?.tabs?.find((D) => D.key === y)?.filters;
-      c.filters = F?.map((D) => ({
-        ...D,
-        value: U(D.value, V())
-      })) || [], c.current = 1, te();
+    function H(g) {
+      const A = l.value?.tabs?.find((U) => U.key === g)?.filters;
+      c.filters = A?.map((U) => ({
+        ...U,
+        value: $(U.value, V())
+      })) || [], c.current = 1, ee();
     }
-    const k = g({}), I = g([]);
-    function H(y) {
-      if (!y) return [];
-      I.value = Object.entries(y).filter(([, F]) => F.isFiltered).map(([F, D]) => ({ fieldKey: F, fieldConfig: D }));
+    const M = _({}), v = _([]);
+    function I(g) {
+      if (!g) return [];
+      v.value = Object.entries(g).filter(([, A]) => A.isFiltered).map(([A, U]) => ({ fieldKey: A, fieldConfig: U }));
     }
-    const p = () => {
-      const y = {};
-      I.value.forEach(({ fieldKey: F, fieldConfig: D }) => {
-        y[F] = {}, y[F].value = D.modelValue, y[F].operator = D.operator;
-      }), k.value = y;
-    }, x = () => {
-      c.current = 1, te();
-    }, O = () => {
-      l.value && p(), x();
+    const h = () => {
+      const g = {};
+      v.value.forEach(({ fieldKey: A, fieldConfig: U }) => {
+        g[A] = {}, g[A].value = U.modelValue, g[A].operator = U.operator;
+      }), M.value = g;
+    }, f = () => {
+      c.current = 1, ee();
+    }, F = () => {
+      l.value && h(), f();
     };
-    function ne(y, F) {
-      return !(y.location !== "InTable" || y.title === "Update" && (F.sort === 3 || F.status === 100 || F.status === -1));
+    function B(g, A) {
+      return !(g.location !== "InTable" || g.title === "Update" && (A.sort === 3 || A.status === 100 || A.status === -1));
     }
-    const re = { svrStore: n, bpmStore: e, router: a, instance: r, props: i, pageData: l, paging: c, createListParams: s, scroll: d, mapColumns: _, _data: h, _columns: b, loadingPage: f, loadingTable: m, actions: T, loadData: te, mounted: J, pageChangeHandler: Z, pageSizeChangeHandler: oe, clickHandler: le, createHandler: X, getApproverEmail: V, replaceEmail: U, tabHandler: A, searchForm: k, searchableFields: I, mapSearchableFields: H, initSearchForm: p, handleSearch: x, handleReset: O, judgeHiddenActions: ne, ActionButton: Pe, DataWidgets: Ie, TopBar: Re };
-    return Object.defineProperty(re, "__isScriptSetup", { enumerable: !1, value: !0 }), re;
+    const E = { svrStore: n, bpmStore: e, router: a, instance: r, props: i, pageData: l, paging: c, createListParams: s, scroll: d, mapColumns: b, _data: y, _columns: k, loadingPage: p, loadingTable: m, actions: C, loadData: ee, mounted: oe, pageChangeHandler: W, pageSizeChangeHandler: ie, clickHandler: le, createHandler: re, getApproverEmail: V, replaceEmail: $, tabHandler: H, searchForm: M, searchableFields: v, mapSearchableFields: I, initSearchForm: h, handleSearch: f, handleReset: F, judgeHiddenActions: B, ActionButton: Pe, DataWidgets: Ie, TopBar: Re };
+    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
   }
 }), tr = { class: "list-container" }, or = { class: "query-title" };
 function nr(t, o, n, e, a, r) {
-  const i = C("a-space"), l = C("a-col"), c = C("a-button"), s = C("a-row"), d = C("a-card"), _ = C("a-tab-pane"), h = C("a-tabs"), b = C("a-table");
-  return u(), v("div", tr, [
+  const i = T("a-space"), l = T("a-col"), c = T("a-button"), s = T("a-row"), d = T("a-card"), b = T("a-tab-pane"), y = T("a-tabs"), k = T("a-table");
+  return u(), w("div", tr, [
     P(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
     P(d, null, {
-      default: S(() => [
-        w("div", or, [
-          o[0] || (o[0] = w("h3", null, "Search Conditions", -1)),
+      default: x(() => [
+        S("div", or, [
+          o[0] || (o[0] = S("h3", null, "Search Conditions", -1)),
           P(i, { size: "medium" }, {
-            default: S(() => [
-              (u(!0), v(M, null, E(e.actions, (f) => (u(), v(M, {
-                key: f.title
+            default: x(() => [
+              (u(!0), w(j, null, G(e.actions, (p) => (u(), w(j, {
+                key: p.title
               }, [
-                f.location === "InOperation" ? (u(), L(e.ActionButton, {
+                p.location === "InOperation" ? (u(), L(e.ActionButton, {
                   key: 0,
-                  config: f,
+                  config: p,
                   onClick: e.createHandler
-                }, null, 8, ["config"])) : ie("", !0)
+                }, null, 8, ["config"])) : se("", !0)
               ], 64))), 128))
             ]),
             _: 1
           })
         ]),
         P(s, { gutter: [24, 20] }, {
-          default: S(() => [
-            (u(!0), v(M, null, E(e.searchableFields, (f) => (u(), L(l, {
-              key: f.fieldKey,
+          default: x(() => [
+            (u(!0), w(j, null, G(e.searchableFields, (p) => (u(), L(l, {
+              key: p.fieldKey,
               span: 6,
               class: "search-col"
             }, {
-              default: S(() => [
+              default: x(() => [
                 P(e.DataWidgets, {
-                  name: f.fieldKey,
-                  config: f.fieldConfig,
-                  modelValue: e.searchForm[f.fieldKey].value,
-                  "onUpdate:modelValue": (m) => e.searchForm[f.fieldKey].value = m,
+                  name: p.fieldKey,
+                  config: p.fieldConfig,
+                  modelValue: e.searchForm[p.fieldKey].value,
+                  "onUpdate:modelValue": (m) => e.searchForm[p.fieldKey].value = m,
                   class: "form-field"
                 }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
               ]),
@@ -2299,16 +2318,16 @@ function nr(t, o, n, e, a, r) {
               span: 6,
               class: "search-col form-buttons"
             }, {
-              default: S(() => [
+              default: x(() => [
                 P(i, { size: "medium" }, {
-                  default: S(() => [
+                  default: x(() => [
                     P(c, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
                     }, {
-                      default: S(() => o[1] || (o[1] = [
-                        se(" Search ", -1)
+                      default: x(() => o[1] || (o[1] = [
+                        ae(" Search ", -1)
                       ])),
                       _: 1,
                       __: [1]
@@ -2317,8 +2336,8 @@ function nr(t, o, n, e, a, r) {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
-                      default: S(() => o[2] || (o[2] = [
-                        se(" Reset ", -1)
+                      default: x(() => o[2] || (o[2] = [
+                        ae(" Reset ", -1)
                       ])),
                       _: 1,
                       __: [2]
@@ -2335,19 +2354,19 @@ function nr(t, o, n, e, a, r) {
       ]),
       _: 1
     }),
-    P(h, {
+    P(y, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
-      default: S(() => [
-        (u(!0), v(M, null, E(e.pageData?.tabs, (f) => (u(), L(_, {
-          key: f.key,
-          title: f.title
+      default: x(() => [
+        (u(!0), w(j, null, G(e.pageData?.tabs, (p) => (u(), L(b, {
+          key: p.key,
+          title: p.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    P(b, {
+    P(k, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2366,18 +2385,18 @@ function nr(t, o, n, e, a, r) {
       onPageChange: e.pageChangeHandler,
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
-      optional: S(({ record: f }) => [
+      optional: x(({ record: p }) => [
         P(i, { size: "small" }, {
-          default: S(() => [
-            (u(!0), v(M, null, E(e.actions, (m) => (u(), v(M, {
+          default: x(() => [
+            (u(!0), w(j, null, G(e.actions, (m) => (u(), w(j, {
               key: m.title
             }, [
-              e.judgeHiddenActions(m, f) ? (u(), L(e.ActionButton, {
+              e.judgeHiddenActions(m, p) ? (u(), L(e.ActionButton, {
                 key: 0,
                 config: m,
                 size: "small",
-                onClick: (...T) => e.clickHandler(...T, f.workflowId)
-              }, null, 8, ["config", "onClick"])) : ie("", !0)
+                onClick: (...C) => e.clickHandler(...C, p.workflowId)
+              }, null, 8, ["config", "onClick"])) : se("", !0)
             ], 64))), 128))
           ]),
           _: 2
@@ -2387,7 +2406,7 @@ function nr(t, o, n, e, a, r) {
     }, 8, ["columns", "data", "pagination", "loading", "scroll"])
   ]);
 }
-const rr = /* @__PURE__ */ Q(er, [["render", nr], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), dr = {
+const rr = /* @__PURE__ */ X(er, [["render", nr], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), dr = {
   install(t, o = {}) {
     o.config && Vt(o.config), o.router && (At(o.router), t.provide(ot, o.router)), o.pinia && t.provide(tn, o.pinia), o.useBpmStore && t.provide(pt, o.useBpmStore), o.useSvrStore && t.provide(mt, o.useSvrStore), o.triggers && t.provide(ft, o.triggers), o.customComps && t.provide(gt, o.customComps), t.component("CreateView", kn), t.component("UpdateView", Un), t.component("DetailView", Xn), t.component("ListView", rr);
   }