@chase-shao/vue-component-lib 1.2.104 → 1.2.106

package/dist/index.es.js

@@ -1,8 +1,8 @@
-import { ref as m, getCurrentInstance as ve, defineComponent as z, mergeModels as ce, useModel as ke, resolveComponent as V, createBlock as D, openBlock as u, onMounted as fe, computed as K, withCtx as x, createElementBlock as _, Fragment as O, renderList as M, createVNode as F, nextTick as pt, createTextVNode as ae, inject as be, normalizeStyle as Je, normalizeClass as Xe, createElementVNode as y, createCommentVNode as re, toDisplayString as Q, useTemplateRef as Ae, resolveDynamicComponent as $e, renderSlot as ue, reactive as mt, onActivated as gt } from "vue";
+import { ref as m, getCurrentInstance as ve, defineComponent as z, mergeModels as ce, useModel as ke, resolveComponent as V, createBlock as D, openBlock as u, onMounted as fe, computed as K, withCtx as x, createElementBlock as _, Fragment as $, renderList as M, createVNode as U, nextTick as pt, createTextVNode as ae, inject as ye, normalizeStyle as Je, normalizeClass as Xe, createElementVNode as b, createCommentVNode as re, toDisplayString as Q, useTemplateRef as Te, resolveDynamicComponent as $e, renderSlot as ue, reactive as mt, onActivated as gt } from "vue";
 import _t from "axios";
 import { defineStore as vt } from "pinia";
-import { Modal as bt } from "@arco-design/web-vue";
-import { useRouter as yt } from "vue-router";
+import { Modal as yt } from "@arco-design/web-vue";
+import { useRouter as bt } from "vue-router";
 const wt = vt("main", () => ({
   token: m(void 0)
 })), ht = async (t) => new Promise((o) => setTimeout(o, t)), kt = async (t, o, n, e = void 0) => {
@@ -108,18 +108,18 @@ const tt = async () => {
 }, Y = [];
 for (let t = 0; t < 256; ++t)
   Y.push((t + 256).toString(16).slice(1));
-function At(t, o = 0) {
+function Tt(t, o = 0) {
   return (Y[t[o + 0]] + Y[t[o + 1]] + Y[t[o + 2]] + Y[t[o + 3]] + "-" + Y[t[o + 4]] + Y[t[o + 5]] + "-" + Y[t[o + 6]] + Y[t[o + 7]] + "-" + Y[t[o + 8]] + Y[t[o + 9]] + "-" + Y[t[o + 10]] + Y[t[o + 11]] + Y[t[o + 12]] + Y[t[o + 13]] + Y[t[o + 14]] + Y[t[o + 15]]).toLowerCase();
 }
 let Be;
-const Tt = new Uint8Array(16);
+const At = new Uint8Array(16);
 function It() {
   if (!Be) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     Be = crypto.getRandomValues.bind(crypto);
   }
-  return Be(Tt);
+  return Be(At);
 }
 const Pt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), We = { randomUUID: Pt };
 function ot(t, o, n) {
@@ -129,7 +129,7 @@ function ot(t, o, n) {
   const e = t.random ?? t.rng?.() ?? It();
   if (e.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, At(e);
+  return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, Tt(e);
 }
 var X = /* @__PURE__ */ ((t) => (t[t.Submit = 0] = "Submit", t[t.Link = 1] = "Link", t[t.Button = 2] = "Button", t))(X || {}), _e = /* @__PURE__ */ ((t) => (t[t.Create = 0] = "Create", t[t.Update = 1] = "Update", t[t.Details = 2] = "Details", t[t.List = 3] = "List", t[t.ReCreate = 5] = "ReCreate", t))(_e || {});
 function Nt(t, o, n) {
@@ -349,7 +349,7 @@ async function Zt(t, o = null) {
   });
   Ct(e?.data, "WorkflowData.xlsx");
 }
-const ye = (t, o) => {
+const be = (t, o) => {
   let n = "";
   return { res: t.every((r) => {
     const a = eo(r, o);
@@ -376,7 +376,7 @@ const ye = (t, o) => {
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = ke(t, "modelValue"), i = (d) => ye(e.validations, d), l = (d) => {
+    const e = t, r = n, a = ke(t, "modelValue"), i = (d) => be(e.validations, d), l = (d) => {
       r("input", d);
     }, c = (d) => {
       const g = i(d);
@@ -431,11 +431,11 @@ const qe = /* @__PURE__ */ J(oo, [["render", no], ["__file", "InputText.vue"]]),
         v.ruleName === "Max" && (i.value = v.ruleParameter), v.ruleName === "Min" && (l.value = v.ruleParameter);
       });
     });
-    const c = (v) => ye(e.validations, v), s = (v) => {
+    const c = (v) => be(e.validations, v), s = (v) => {
       r("input", v);
     }, d = (v) => {
-      const b = c(v);
-      r("error", b.res ? "" : b.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
+      const y = c(v);
+      r("error", y.res ? "" : y.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
         f.event === "change" && r(f.event, f.handlerName, v);
       });
     };
@@ -476,34 +476,34 @@ const so = /* @__PURE__ */ J(ao, [["render", ro], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = m(!1), i = m(e.config.options ?? []), l = ke(t, "modelValue"), c = (b) => ye(e.validations, b), s = K(() => {
-      const b = {};
+    const e = t, r = n, a = m(!1), i = m(e.config.options ?? []), l = ke(t, "modelValue"), c = (y) => be(e.validations, y), s = K(() => {
+      const y = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        b[f.event] = (p) => {
+        y[f.event] = (p) => {
           r(f.event, f.handlerName, p);
           const h = c(p);
           r("error", h.res ? "" : h.errorMessages);
         };
-      }), b;
+      }), y;
     }), d = async () => {
       if (e.config.dataSourceProvider) {
         i.value = await Mt(e.config.dataSourceProvider);
-        const b = e.modelValue;
-        b != null && b !== "" && (i.value.some((p) => p.value === b) || r("update:modelValue", ""));
+        const y = e.modelValue;
+        y != null && y !== "" && (i.value.some((p) => p.value === y) || r("update:modelValue", ""));
       }
     };
     fe(d);
-    const g = (b) => {
-      r("update:modelValue", b);
-      const f = c(b);
+    const g = (y) => {
+      r("update:modelValue", y);
+      const f = c(y);
       r("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((p) => {
-        p.event === "change" && r(p.event, p.handlerName, b);
+        p.event === "change" && r(p.event, p.handlerName, y);
       });
     };
     o({
       validate() {
-        const b = c(e.modelValue);
-        return r("error", b.res ? "" : b.errorMessages), b.res;
+        const y = c(e.modelValue);
+        return r("error", y.res ? "" : y.errorMessages), y.res;
       }
     });
     const v = { props: e, emits: r, loading: a, _options: i, model: l, validate: c, eventHandlers: s, loadOptions: d, changeHandler: g };
@@ -523,7 +523,7 @@ function lo(t, o, n, e, r, a) {
     onChange: e.changeHandler
   }, {
     default: x(() => [
-      (u(!0), _(O, null, M(e._options, (c) => (u(), D(i, {
+      (u(!0), _($, null, M(e._options, (c) => (u(), D(i, {
         key: c.value,
         value: c.value,
         label: c.label
@@ -569,7 +569,7 @@ function uo(t, o, n, e, r, a) {
     size: "large"
   }, {
     default: x(() => [
-      F(i, {
+      U(i, {
         "field-names": e.fieldNames,
         "model-value": n.modelValue,
         options: e._options,
@@ -596,60 +596,60 @@ const fo = /* @__PURE__ */ J(co, [["render", uo], ["__file", "Cascader.vue"]]),
   setup(t, { expose: o, emit: n }) {
     const e = t, r = n, a = m({});
     fe(async () => {
-      const A = await tt();
+      const T = await tt();
       a.value = {
-        Authorization: `Bearer ${A}`
+        Authorization: `Bearer ${T}`
       };
     });
-    const i = (A) => ye(e.validations, A), l = je(), c = l.apiBase, s = m(null), d = m("");
-    function g(A, k, C) {
-      return A.replace(/{WorkflowId}/g, k).replace(/{ClassName}/g, C);
+    const i = (T) => be(e.validations, T), l = je(), c = l.apiBase, s = m(null), d = m("");
+    function g(T, k, C) {
+      return T.replace(/{WorkflowId}/g, k).replace(/{ClassName}/g, C);
     }
     const v = K(() => {
       if (e.config.uploadURL) {
-        const A = c + e.config.uploadURL;
-        return g(A, d.value, e.className);
+        const T = c + e.config.uploadURL;
+        return g(T, d.value, e.className);
       }
       return "";
-    }), b = (A) => {
-      A.stopPropagation(), s.value.submit();
+    }), y = (T) => {
+      T.stopPropagation(), s.value.submit();
     };
-    function f(A) {
-      const { file: k, name: C } = A, T = C ?? k.name;
-      return new Promise((S, U) => {
-        bt.confirm({
+    function f(T) {
+      const { file: k, name: C } = T, A = C ?? k.name;
+      return new Promise((S, I) => {
+        yt.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${T}?`,
+          content: `Are you sure you want to delete ${A}?`,
           async onOk() {
-            if (A.status !== "init" && e.config.removeFile)
-              return await e.config.removeFile(A.uid), S(!0);
+            if (T.status !== "init" && e.config.removeFile)
+              return await e.config.removeFile(T.uid), S(!0);
             S(!0);
           },
-          onCancel: () => U("cancel")
+          onCancel: () => I("cancel")
         });
       });
     }
-    const p = m(null), h = m(null), Z = (A) => {
-      p.value && (p.value(A), p.value = null, h.value = null);
-    }, oe = (A) => {
-      h.value && (h.value(A), p.value = null, h.value = null);
-    }, E = m([]), ee = (A) => {
-      E.value = A.filter((k) => k.status === "init");
+    const p = m(null), h = m(null), Z = (T) => {
+      p.value && (p.value(T), p.value = null, h.value = null);
+    }, oe = (T) => {
+      h.value && (h.value(T), p.value = null, h.value = null);
+    }, E = m([]), ee = (T) => {
+      E.value = T.filter((k) => k.status === "init");
     };
     o({
-      submit(A) {
+      submit(T) {
         return new Promise((k, C) => {
-          s.value ? (e.config.uploadURL && (d.value = A), p.value = k, h.value = C, E.value.length ? pt(() => {
+          s.value ? (e.config.uploadURL && (d.value = T), p.value = k, h.value = C, E.value.length ? pt(() => {
             s.value?.submit();
-          }) : k(A)) : k(A);
+          }) : k(T)) : k(T);
         });
       },
       validate() {
-        const A = e.config.files ?? [], k = [...E.value, ...A].length > 0 ? "hasFile" : "", C = i(k);
+        const T = e.config.files ?? [], k = [...E.value, ...T].length > 0 ? "hasFile" : "", C = i(k);
         return r("error", C.res ? "" : C.errorMessages), C.res;
       }
     });
-    const ne = { props: e, emits: r, headers: a, validate: i, config: l, ApiBase: c, uploadRef: s, id: d, replaceIdAndClassName: g, action: v, submit: b, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: h, handleUploadSuccess: Z, handleUploadError: oe, readyFiles: E, onChange: ee };
+    const ne = { props: e, emits: r, headers: a, validate: i, config: l, ApiBase: c, uploadRef: s, id: d, replaceIdAndClassName: g, action: v, submit: y, onBeforeRemove: f, uploadPromiseResolve: p, uploadPromiseReject: h, handleUploadSuccess: Z, handleUploadError: oe, readyFiles: E, onChange: ee };
     return Object.defineProperty(ne, "__isScriptSetup", { enumerable: !1, value: !0 }), ne;
   }
 });
@@ -670,7 +670,7 @@ function mo(t, o, n, e, r, a) {
   }, {
     "start-icon": x(() => o[0] || (o[0] = [])),
     "upload-button": x(() => [
-      F(i, { type: "primary" }, {
+      U(i, { type: "primary" }, {
         default: x(() => o[1] || (o[1] = [
           ae("Select File", -1)
         ])),
@@ -693,7 +693,7 @@ const go = /* @__PURE__ */ J(po, [["render", mo], ["__file", "FileUpload.vue"]])
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = (s) => ye(e.validations, s), i = (s) => {
+    const e = t, r = n, a = (s) => be(e.validations, s), i = (s) => {
       r("update:modelValue", s), r("input", s);
     }, l = (s) => {
       r("update:modelValue", s);
@@ -723,7 +723,7 @@ function vo(t, o, n, e, r, a) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled"]);
 }
-const bo = /* @__PURE__ */ J(_o, [["render", vo], ["__file", "TextArea.vue"]]), yo = /* @__PURE__ */ z({
+const yo = /* @__PURE__ */ J(_o, [["render", vo], ["__file", "TextArea.vue"]]), bo = /* @__PURE__ */ z({
   __name: "CheckBox",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -738,7 +738,7 @@ const bo = /* @__PURE__ */ J(_o, [["render", vo], ["__file", "TextArea.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = ke(t, "modelValue"), i = (s) => ye(e.validations, s), l = (s) => {
+    const e = t, r = n, a = ke(t, "modelValue"), i = (s) => be(e.validations, s), l = (s) => {
       const d = i(s);
       r("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((g) => {
         g.event === "change" && r(g.event, g.handlerName, s);
@@ -770,9 +770,9 @@ function wo(t, o, n, e, r, a) {
     __: [1]
   }, 8, ["modelValue", "disabled"]);
 }
-const ho = /* @__PURE__ */ J(yo, [["render", wo], ["__file", "CheckBox.vue"]]), ko = Symbol("ArcoConfigProvider"), Co = "arco", So = "$arco", nt = (t) => {
+const ho = /* @__PURE__ */ J(bo, [["render", wo], ["__file", "CheckBox.vue"]]), ko = Symbol("ArcoConfigProvider"), Co = "arco", So = "$arco", nt = (t) => {
   var o, n, e;
-  const r = ve(), a = be(ko, void 0);
+  const r = ve(), a = ye(ko, void 0);
   return `${(e = (n = a?.prefixCls) != null ? n : (o = r?.appContext.config.globalProperties[So]) == null ? void 0 : o.classPrefix) != null ? e : Co}-${t}`;
 }, xo = Object.prototype.toString;
 function at(t) {
@@ -822,8 +822,8 @@ const Vo = z({
       }
     };
   }
-}), Ao = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function To(t, o, n, e, r, a) {
+}), To = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Ao(t, o, n, e, r, a) {
   return u(), _("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -836,11 +836,11 @@ function To(t, o, n, e, r, a) {
     "stroke-linejoin": t.strokeLinejoin,
     onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
   }, o[1] || (o[1] = [
-    y("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
-    y("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
-  ]), 14, Ao);
+    b("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
+    b("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
+  ]), 14, To);
 }
-var He = /* @__PURE__ */ rt(Vo, [["render", To]]);
+var He = /* @__PURE__ */ rt(Vo, [["render", Ao]]);
 const Io = Object.assign(He, {
   install: (t, o) => {
     var n;
@@ -900,7 +900,7 @@ function Fo(t, o, n, e, r, a) {
     "stroke-linejoin": t.strokeLinejoin,
     onClick: o[0] || (o[0] = (...i) => t.onClick && t.onClick(...i))
   }, o[1] || (o[1] = [
-    y("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+    b("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, No);
 }
 var Le = /* @__PURE__ */ rt(Po, [["render", Fo]]);
@@ -931,19 +931,19 @@ function Ho(t, o, n, e, r, a) {
     "background-color": "#7A00E6"
   }, {
     content: x(() => [
-      e.stringOutput.length ? (u(!0), _(O, { key: 0 }, M(e.stringOutput, (l) => (u(), _("p", { key: l }, Q(l), 1))), 128)) : (u(!0), _(O, { key: 1 }, M(e.treeOutput, (l) => (u(), _("ul", {
+      e.stringOutput.length ? (u(!0), _($, { key: 0 }, M(e.stringOutput, (l) => (u(), _("p", { key: l }, Q(l), 1))), 128)) : (u(!0), _($, { key: 1 }, M(e.treeOutput, (l) => (u(), _("ul", {
         key: l.title,
         class: "list-unstyled"
       }, [
-        y("li", null, [
-          y("b", null, Q(l.title), 1),
-          y("ul", Do, [
-            (u(!0), _(O, null, M(l.items, (c) => (u(), _("li", {
+        b("li", null, [
+          b("b", null, Q(l.title), 1),
+          b("ul", Do, [
+            (u(!0), _($, null, M(l.items, (c) => (u(), _("li", {
               key: c.title
             }, [
-              y("u", null, Q(c.title), 1),
-              y("ul", Bo, [
-                (u(!0), _(O, null, M(c.items, (s) => (u(), _("li", null, Q(s), 1))), 256))
+              b("u", null, Q(c.title), 1),
+              b("ul", Bo, [
+                (u(!0), _($, null, M(c.items, (s) => (u(), _("li", null, Q(s), 1))), 256))
               ])
             ]))), 128))
           ])
@@ -951,7 +951,7 @@ function Ho(t, o, n, e, r, a) {
       ]))), 128))
     ]),
     default: x(() => [
-      F(e.IconQuestionCircle, { class: "icon" })
+      U(e.IconQuestionCircle, { class: "icon" })
     ]),
     _: 1
   })) : re("", !0);
@@ -973,7 +973,7 @@ const st = /* @__PURE__ */ J(Ro, [["render", Ho], ["__scopeId", "data-v-1d3893b1
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, r = n, a = ke(t, "modelValue"), i = Ae("widgetRef"), l = K(() => {
+    const e = t, r = n, a = ke(t, "modelValue"), i = Te("widgetRef"), l = K(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return qe;
@@ -986,7 +986,7 @@ const st = /* @__PURE__ */ J(Ro, [["render", Ho], ["__scopeId", "data-v-1d3893b1
         case "File":
           return go;
         case "TextArea":
-          return bo;
+          return yo;
         case "DropDown":
           return Ye;
         case "CheckBox":
@@ -1019,8 +1019,8 @@ const st = /* @__PURE__ */ J(Ro, [["render", Ho], ["__scopeId", "data-v-1d3893b1
         return e?.config?.widget?.title;
       }
     });
-    const b = { props: e, emits: r, model: a, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: d, isFileUpload: g, formatTitle: v, ToolTip: st };
-    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+    const y = { props: e, emits: r, model: a, widgetRef: i, curComp: l, errMsg: c, errHandler: s, changeHandler: d, isFileUpload: g, formatTitle: v, ToolTip: st };
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
 }), Oo = { class: "title" }, $o = {
   key: 0,
@@ -1031,15 +1031,15 @@ const st = /* @__PURE__ */ J(Ro, [["render", Ho], ["__scopeId", "data-v-1d3893b1
 };
 function Mo(t, o, n, e, r, a) {
   return u(), _("div", null, [
-    y("div", Oo, [
+    b("div", Oo, [
       ae(Q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
       e.props.required || e.props.config.validations.some((i) => i.ruleName === "Required") ? (u(), _("span", $o, " * ")) : re("", !0),
-      F(e.ToolTip, {
+      U(e.ToolTip, {
         "is-visible": e.props.config.widget?.isVisible ?? !1,
         "output-text": e.props.config.widget?.outputText ?? []
       }, null, 8, ["is-visible", "output-text"])
     ]),
-    y("div", null, [
+    b("div", null, [
       (u(), D($e(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
@@ -1056,7 +1056,7 @@ function Mo(t, o, n, e, r, a) {
     ])
   ]);
 }
-const Te = /* @__PURE__ */ J(Lo, [["render", Mo], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), Eo = /* @__PURE__ */ z({
+const Ae = /* @__PURE__ */ J(Lo, [["render", Mo], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), Eo = /* @__PURE__ */ z({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1155,20 +1155,20 @@ function Yo(t, o, n, e, r, a) {
 }
 const Ie = /* @__PURE__ */ J(qo, [["render", Yo], ["__file", "index.vue"]]), it = Symbol("library-router");
 function Pe() {
-  const t = be(it, null);
-  return t || yt();
+  const t = ye(it, null);
+  return t || bt();
 }
 const lt = Symbol("library-triggers");
 function Ee() {
-  const t = be(lt, null);
+  const t = ye(lt, null);
   return t || {};
 }
 const Qo = Symbol("library-pinia"), ct = Symbol("library-bpmStore"), dt = Symbol("library-svrStore");
 function Ne() {
-  return be(ct, null);
+  return ye(ct, null);
 }
 function Fe() {
-  return be(dt, null);
+  return ye(dt, null);
 }
 const Jo = /* @__PURE__ */ z({
   __name: "TopBar",
@@ -1186,17 +1186,17 @@ const Jo = /* @__PURE__ */ z({
 function an(t, o, n, e, r, a) {
   const i = V("a-avatar"), l = V("a-popover");
   return u(), _("div", Xo, [
-    y("div", Zo, [
-      y("div", en, Q(n.title), 1),
-      y("div", tn, Q(n.subTitle), 1)
+    b("div", Zo, [
+      b("div", en, Q(n.title), 1),
+      b("div", tn, Q(n.subTitle), 1)
     ]),
-    y("div", on, [
-      F(l, { trigger: "click" }, {
+    b("div", on, [
+      U(l, { trigger: "click" }, {
         content: x(() => [
-          y("div", nn, Q(n.email), 1)
+          b("div", nn, Q(n.email), 1)
         ]),
         default: x(() => [
-          F(i, {
+          U(i, {
             size: 48,
             autoFixFontSize: "",
             style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
@@ -1304,7 +1304,7 @@ const rn = /* @__PURE__ */ z({
   },
   setup(t, { expose: o }) {
     o();
-    const n = Ne(), e = Fe(), r = Pe(), a = Ee(), i = Ae("dataWidgets"), l = ve(), c = t, s = m({
+    const n = Ne(), e = Fe(), r = Pe(), a = Ee(), i = Te("dataWidgets"), l = ve(), c = t, s = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1321,14 +1321,14 @@ const rn = /* @__PURE__ */ z({
       }
     }), d = m([]), g = m({});
     function v(C) {
-      return C ? Object.entries(C).map(([S, U]) => ({
+      return C ? Object.entries(C).map(([S, I]) => ({
         fieldKey: S,
-        ...U
+        ...I
       })).filter((S) => S.widget && S.widget.widget !== "Hidden").filter((S) => !ee.value.includes(S.fieldKey)) : [];
     }
-    function b(C) {
-      return C ? Object.entries(C).filter(([S, U]) => U.dependent).reduce(
-        (S, [U, $]) => (S[U] = $.dependent, S),
+    function y(C) {
+      return C ? Object.entries(C).filter(([S, I]) => I.dependent).reduce(
+        (S, [I, O]) => (S[I] = O.dependent, S),
         {}
       ) : [];
     }
@@ -1336,21 +1336,23 @@ const rn = /* @__PURE__ */ z({
     fe(async () => {
       h.value = !0;
       const C = new Re().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
-      s.value = await C.getPageData(), d.value = v(s.value.fields), g.value = b(s.value.fields);
-      for (const T in s.value.fields) {
-        if (s.value.fields[T].widget?.widget === "File") {
-          const S = d.value.find((U) => U.fieldKey === T);
-          S && S.widget && (S.widget.files = []);
+      s.value = await C.getPageData();
+      const A = s.value.fields.requestType.modelValue;
+      a.Test?.({ fieldValue: A, hiddenFields: ee, formData: p }), d.value = v(s.value.fields), g.value = y(s.value.fields);
+      for (const S in s.value.fields) {
+        if (s.value.fields[S].widget?.widget === "File") {
+          const I = d.value.find((O) => O.fieldKey === S);
+          I && I.widget && (I.widget.files = []);
         }
-        p.value[T] = s.value.fields[T].modelValue;
+        p.value[S] = s.value.fields[S].modelValue;
       }
       h.value = !1;
     });
     function Z() {
       return e()?.userInfo?.email_address ?? "";
     }
-    async function oe(C, T, S, U, $) {
-      switch (T) {
+    async function oe(C, A, S, I, O) {
+      switch (A) {
         case X.Submit:
           let H = !0;
           if (i.value?.forEach((W) => {
@@ -1363,7 +1365,7 @@ const rn = /* @__PURE__ */ z({
           }
           h.value = !0;
           try {
-            a[$]?.({ message: `${$} action triggered` });
+            a[O]?.({ message: `${O} action triggered` });
             const W = {
               ...p.value,
               ...g.value
@@ -1374,7 +1376,7 @@ const rn = /* @__PURE__ */ z({
               W,
               S
             );
-            a[`${$}Success` || ""]?.({
+            a[`${O}Success` || ""]?.({
               message: "Workflow created successfully",
               workflowId: c.workflowId,
               res: ie
@@ -1392,17 +1394,17 @@ const rn = /* @__PURE__ */ z({
         case X.Link:
           try {
             await a[C.eventName || ""]?.(p.value, ee), r.push({
-              name: U,
+              name: I,
               params: { className: c.className }
             }), await a[`${C.eventName || ""}Success`]?.({
-              message: `Router to ${U} pushed`
+              message: `Router to ${I} pushed`
             });
           } catch (W) {
             console.error("Error in link action trigger:", W);
           }
           break;
         default:
-          console.warn("Unknown action type:", T);
+          console.warn("Unknown action type:", A);
       }
     }
     const E = [
@@ -1413,10 +1415,10 @@ const rn = /* @__PURE__ */ z({
       "jobAttachmentPrevious",
       "positionId"
     ], ee = m(E);
-    function ne(C, T) {
-      a[C]?.({ fieldValue: T, hiddenFields: ee, formData: p }), s.value && (d.value = v(s.value.fields));
+    function ne(C, A) {
+      a[C]?.({ fieldValue: A, hiddenFields: ee, formData: p }), s.value && (d.value = v(s.value.fields));
     }
-    const A = K(() => Ke(d.value)), k = { bpmStore: n, svrStore: e, router: r, triggers: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: b, reversedActions: f, _data: p, loading: h, getApproverEmail: Z, clickHandler: oe, newHiddenFields: E, hiddenFields: ee, changeHandler: ne, groupedFields: A, DataWidgets: Te, ActionButton: Ie, TopBar: Ue };
+    const T = K(() => Ke(d.value)), k = { bpmStore: n, svrStore: e, router: r, triggers: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: y, reversedActions: f, _data: p, loading: h, getApproverEmail: Z, clickHandler: oe, newHiddenFields: E, hiddenFields: ee, changeHandler: ne, groupedFields: T, DataWidgets: Ae, ActionButton: Ie, TopBar: Ue };
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 }), sn = { class: "page-container" }, ln = { class: "page-body" }, cn = { class: "form-card" }, dn = { class: "form-fields-vertical" }, un = { class: "form-fields" }, fn = {
@@ -1426,27 +1428,27 @@ const rn = /* @__PURE__ */ z({
 function _n(t, o, n, e, r, a) {
   const i = V("a-card"), l = V("a-spin");
   return u(), _("div", sn, [
-    F(e.TopBar, {
+    U(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", ln, [
-      F(l, {
+    b("div", ln, [
+      U(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: x(() => [
-          y("div", cn, [
-            y("div", dn, [
-              (u(!0), _(O, null, M(e.groupedFields, (c) => (u(), D(i, {
+          b("div", cn, [
+            b("div", dn, [
+              (u(!0), _($, null, M(e.groupedFields, (c) => (u(), D(i, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: x(() => [
-                  y("div", un, [
-                    (u(!0), _(O, null, M(c.fields, (s) => (u(), D(e.DataWidgets, {
+                  b("div", un, [
+                    (u(!0), _($, null, M(c.fields, (s) => (u(), D(e.DataWidgets, {
                       key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1471,11 +1473,11 @@ function _n(t, o, n, e, r, a) {
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", pn, [
-      y("div", mn, [
+    b("div", pn, [
+      b("div", mn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        y("div", gn, [
-          (u(!0), _(O, null, M(e.reversedActions, (c) => (u(), D(e.ActionButton, {
+        b("div", gn, [
+          (u(!0), _($, null, M(e.reversedActions, (c) => (u(), D(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1487,7 +1489,7 @@ function _n(t, o, n, e, r, a) {
     ])
   ]);
 }
-const vn = /* @__PURE__ */ J(rn, [["render", _n], ["__scopeId", "data-v-7ac0ce3d"], ["__file", "CreateView.vue"]]), bn = /* @__PURE__ */ z({
+const vn = /* @__PURE__ */ J(rn, [["render", _n], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), yn = /* @__PURE__ */ z({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1495,7 +1497,7 @@ const vn = /* @__PURE__ */ J(rn, [["render", _n], ["__scopeId", "data-v-7ac0ce3d
   },
   setup(t, { expose: o }) {
     o();
-    const n = Pe(), e = Ee(), r = Fe(), a = Ne(), i = Ae("dataWidgets"), l = ve(), c = t, s = m({
+    const n = Pe(), e = Ee(), r = Fe(), a = Ne(), i = Te("dataWidgets"), l = ve(), c = t, s = m({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1512,45 +1514,45 @@ const vn = /* @__PURE__ */ J(rn, [["render", _n], ["__scopeId", "data-v-7ac0ce3d
       }
     }), d = m([]), g = m({});
     function v(k) {
-      return k ? Object.entries(k).map(([T, S]) => ({
-        fieldKey: T,
+      return k ? Object.entries(k).map(([A, S]) => ({
+        fieldKey: A,
         ...S
-      })).filter((T) => T.widget && T.widget.widget !== "Hidden").filter((T) => !E.value.includes(T.fieldKey)) : [];
+      })).filter((A) => A.widget && A.widget.widget !== "Hidden").filter((A) => !E.value.includes(A.fieldKey)) : [];
     }
-    function b(k) {
-      return k ? Object.entries(k).filter(([T, S]) => S.dependent).reduce((T, [S, U]) => (T[S] = U.dependent, T), {}) : [];
+    function y(k) {
+      return k ? Object.entries(k).filter(([A, S]) => S.dependent).reduce((A, [S, I]) => (A[S] = I.dependent, A), {}) : [];
     }
     const f = K(() => s.value?.actions ? [...s.value.actions].reverse() : []), p = m({}), h = m(!1);
     fe(async () => {
       h.value = !0;
       const k = new Re().setPageActionType(_e.Update).setClassName(c.className).setStore({ svrStore: r, bpmStore: a }).setWorkflowId(c.workflowId).build();
       s.value = await k.getPageData();
-      const C = await k.getBtnList(), T = await k.getFiles();
-      s.value.actions = s.value.actions?.filter((U) => {
-        const $ = C.find((H) => H.button === U.title);
-        return $ ? $.isShow : !0;
+      const C = await k.getBtnList(), A = await k.getFiles();
+      s.value.actions = s.value.actions?.filter((I) => {
+        const O = C.find((H) => H.button === I.title);
+        return O ? O.isShow : !0;
       });
       const S = s.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: S, hiddenFields: E, formData: p }), d.value = v(s.value.fields), g.value = b(s.value.fields);
-      for (const U in s.value.fields) {
-        if (s.value.fields[U].widget?.widget === "File") {
-          const $ = d.value.find((H) => H.fieldKey === U);
-          $ && $.widget && ($.widget.files = T[U] ?? [], $.widget.removeFile = (H) => k.removeFile(H));
+      e.Test?.({ fieldValue: S, hiddenFields: E, formData: p }), d.value = v(s.value.fields), g.value = y(s.value.fields);
+      for (const I in s.value.fields) {
+        if (s.value.fields[I].widget?.widget === "File") {
+          const O = d.value.find((H) => H.fieldKey === I);
+          O && O.widget && (O.widget.files = A[I] ?? [], O.widget.removeFile = (H) => k.removeFile(H));
         }
-        p.value[U] = s.value.fields[U].modelValue;
+        p.value[I] = s.value.fields[I].modelValue;
       }
       h.value = !1;
     });
     function Z() {
       return r()?.userInfo?.email_address ?? "";
     }
-    async function oe(k, C, T, S, U) {
+    async function oe(k, C, A, S, I) {
       switch (C) {
         case X.Submit:
-          let $ = !0;
+          let O = !0;
           if (i.value?.forEach((H) => {
-            H?.validate && (H.validate() || ($ = !1));
-          }), !$) {
+            H?.validate && (H.validate() || (O = !1));
+          }), !O) {
             l?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
@@ -1558,7 +1560,7 @@ const vn = /* @__PURE__ */ J(rn, [["render", _n], ["__scopeId", "data-v-7ac0ce3d
           try {
             const H = { ...p.value, ...g.value };
             e.updatePageBeforeSubmit?.(H, a().employeeInfo);
-            const W = await Dt(c.className, c.workflowId, H, T), ie = i.value?.map((le) => le?.submit ? le.submit(W.toString()) : Promise.resolve()) || [];
+            const W = await Dt(c.className, c.workflowId, H, A), ie = i.value?.map((le) => le?.submit ? le.submit(W.toString()) : Promise.resolve()) || [];
             await Promise.all(ie), h.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${W.toString()}.`);
           } catch {
             l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), h.value = !1;
@@ -1578,37 +1580,37 @@ const vn = /* @__PURE__ */ J(rn, [["render", _n], ["__scopeId", "data-v-7ac0ce3d
     function ee(k, C) {
       e[k]?.({ fieldValue: C, hiddenFields: E, formData: p }), s.value && (d.value = v(s.value.fields));
     }
-    const ne = K(() => Ke(d.value)), A = { router: n, triggers: e, svrStore: r, bpmStore: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: b, reversedActions: f, _data: p, loading: h, getApproverEmail: Z, clickHandler: oe, hiddenFields: E, changeHandler: ee, groupedFields: ne, DataWidgets: Te, ActionButton: Ie, TopBar: Ue };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
+    const ne = K(() => Ke(d.value)), T = { router: n, triggers: e, svrStore: r, bpmStore: a, dataWidgetsRefs: i, instance: l, props: c, pageData: s, _fields: d, _dependent: g, genField: v, genDependentField: y, reversedActions: f, _data: p, loading: h, getApproverEmail: Z, clickHandler: oe, hiddenFields: E, changeHandler: ee, groupedFields: ne, DataWidgets: Ae, ActionButton: Ie, TopBar: Ue };
+    return Object.defineProperty(T, "__isScriptSetup", { enumerable: !1, value: !0 }), T;
   }
-}), yn = { class: "page-container" }, wn = { class: "page-body" }, hn = { class: "form-card" }, kn = { class: "form-fields-vertical" }, Cn = { class: "form-fields" }, Sn = {
+}), bn = { class: "page-container" }, wn = { class: "page-body" }, hn = { class: "form-card" }, kn = { class: "form-fields-vertical" }, Cn = { class: "form-fields" }, Sn = {
   key: 0,
   class: "form-content"
-}, xn = { class: "page-footer" }, Vn = { class: "action-container" }, An = { class: "action-buttons" };
-function Tn(t, o, n, e, r, a) {
+}, xn = { class: "page-footer" }, Vn = { class: "action-container" }, Tn = { class: "action-buttons" };
+function An(t, o, n, e, r, a) {
   const i = V("a-card"), l = V("a-spin");
-  return u(), _("div", yn, [
-    F(e.TopBar, {
+  return u(), _("div", bn, [
+    U(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", wn, [
-      F(l, {
+    b("div", wn, [
+      U(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: x(() => [
-          y("div", hn, [
-            y("div", kn, [
-              (u(!0), _(O, null, M(e.groupedFields, (c) => (u(), D(i, {
+          b("div", hn, [
+            b("div", kn, [
+              (u(!0), _($, null, M(e.groupedFields, (c) => (u(), D(i, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: x(() => [
-                  y("div", Cn, [
-                    (u(!0), _(O, null, M(c.fields, (s) => (u(), D(e.DataWidgets, {
+                  b("div", Cn, [
+                    (u(!0), _($, null, M(c.fields, (s) => (u(), D(e.DataWidgets, {
                       key: s.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1633,11 +1635,11 @@ function Tn(t, o, n, e, r, a) {
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", xn, [
-      y("div", Vn, [
+    b("div", xn, [
+      b("div", Vn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        y("div", An, [
-          (u(!0), _(O, null, M(e.reversedActions, (c) => (u(), D(e.ActionButton, {
+        b("div", Tn, [
+          (u(!0), _($, null, M(e.reversedActions, (c) => (u(), D(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1649,9 +1651,9 @@ function Tn(t, o, n, e, r, a) {
     ])
   ]);
 }
-const In = /* @__PURE__ */ J(bn, [["render", Tn], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), ut = Symbol("library-custom-comp");
+const In = /* @__PURE__ */ J(yn, [["render", An], ["__scopeId", "data-v-605f261e"], ["__file", "UpdateView.vue"]]), ut = Symbol("library-custom-comp");
 function Pn() {
-  return be(ut, null);
+  return ye(ut, null);
 }
 const Nn = /* @__PURE__ */ z({
   __name: "DetailView",
@@ -1678,13 +1680,13 @@ const Nn = /* @__PURE__ */ z({
         workFlowReason: "",
         workflowId: ""
       }
-    }), g = m([]), v = Ae("dataWidgets");
-    function b(P) {
-      return P ? Object.entries(P).map(([G, N]) => {
-        typeof N.modelValue == "boolean" ? N.fieldValue = N.modelValue ? "Yes" : "No" : N.fieldValue = N.modelValue;
+    }), g = m([]), v = Te("dataWidgets");
+    function y(N) {
+      return N ? Object.entries(N).map(([G, F]) => {
+        typeof F.modelValue == "boolean" ? F.fieldValue = F.modelValue ? "Yes" : "No" : F.fieldValue = F.modelValue;
         const j = {
           fieldKey: G,
-          ...N
+          ...F
         };
         return j.widget?.readonly || j.validations?.some(
           (me) => me.ruleName === "Required"
@@ -1701,11 +1703,11 @@ const Nn = /* @__PURE__ */ z({
         };
       }).filter((G) => G.widget && G.widget.widget !== "Hidden").filter((G) => !C.value.includes(G.fieldKey)) : [];
     }
-    const f = K(() => Ke(g.value)), p = K(() => d.value?.actions ? [...d.value.actions].reverse() : []), h = m(!0), Z = (P, L) => {
-      const G = P.findIndex((N) => N.isCurrent);
-      return P.map((N, j) => {
+    const f = K(() => Ke(g.value)), p = K(() => d.value?.actions ? [...d.value.actions].reverse() : []), h = m(!0), Z = (N, L) => {
+      const G = N.findIndex((F) => F.isCurrent);
+      return N.map((F, j) => {
         const R = {
-          id: N.id,
+          id: F.id,
           title: "",
           proxy: "",
           sub: "",
@@ -1713,18 +1715,18 @@ const Nn = /* @__PURE__ */ z({
           status: 1,
           time: ""
         };
-        R.title = N.workflowProcessApprovers[0]?.name;
-        const me = N.workflowProcessApprovers[N.workflowProcessApprovers.length - 1], Ce = N.workflowHistorys[N.workflowHistorys.length - 1], we = Ce?.workflowHistoryApprovers[Ce?.workflowHistoryApprovers?.length - 1];
-        if (me && we && me?.email?.toLowerCase() !== we?.approverEmail?.toLowerCase() && (R.title = `${we.name}`, R.proxy = `Proxy: ${me.name}`), N.sort > 1 ? R.sub = "Approver Role: " + N.nodeName.replace("Submit", "").replace("Approve", "") : R.sub = "Submit Application", N.isCurrent && L !== -1)
+        R.title = F.workflowProcessApprovers[0]?.name;
+        const me = F.workflowProcessApprovers[F.workflowProcessApprovers.length - 1], Ce = F.workflowHistorys[F.workflowHistorys.length - 1], we = Ce?.workflowHistoryApprovers[Ce?.workflowHistoryApprovers?.length - 1];
+        if (me && we && me?.email?.toLowerCase() !== we?.approverEmail?.toLowerCase() && (R.title = `${we.name}`, R.proxy = `Proxy: ${me.name}`), F.sort > 1 ? R.sub = "Approver Role: " + F.nodeName.replace("Submit", "").replace("Approve", "") : R.sub = "Submit Application", F.isCurrent && L !== -1)
           R.desc = "In Approval", R.status = 1;
         else {
-          const te = N.workflowHistorys[N.workflowHistorys.length - 1];
+          const te = F.workflowHistorys[F.workflowHistorys.length - 1];
           if (te && te.status === 100)
             R.time = xe(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.status = 2, R.desc = "approve success!";
           else if (te && te.status === 999)
             R.time = xe(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), R.status = 0, R.desc = "approve reject!";
           else if (te)
-            if (R.time = xe(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), N.sort === 1)
+            if (R.time = xe(te.takeActionAt, "yyyy-MM-dd hh:mm:ss"), F.sort === 1)
               R.status = 2, R.desc = "";
             else {
               const Se = te.workflowHistoryApprovers[0];
@@ -1735,37 +1737,37 @@ const Nn = /* @__PURE__ */ z({
         }
         return R;
       });
-    }, oe = m([]), E = m(!1), ee = m(!1), ne = m(!1), A = m(!1);
+    }, oe = m([]), E = m(!1), ee = m(!1), ne = m(!1), T = m(!1);
     async function k() {
-      const P = await s.getBtnList();
+      const N = await s.getBtnList();
       d.value.actions = d.value.actions?.filter((L) => {
-        const G = P.find((N) => N.button === L.title);
+        const G = N.find((F) => F.button === L.title);
         return G ? G.isShow : !0;
-      }), E.value = P.find((L) => L.button === "IsGlobal")?.isShow ?? !1, ee.value = P.find((L) => L.button === "AssignButton")?.isShow ?? !1, ne.value = P.find((L) => L.button === "AssignList")?.isShow ?? !1, A.value = P.find((L) => L.button === "AddCommentsButton")?.isShow ?? !1;
+      }), E.value = N.find((L) => L.button === "IsGlobal")?.isShow ?? !1, ee.value = N.find((L) => L.button === "AssignButton")?.isShow ?? !1, ne.value = N.find((L) => L.button === "AssignList")?.isShow ?? !1, T.value = N.find((L) => L.button === "AddCommentsButton")?.isShow ?? !1;
     }
     const C = m([]);
-    async function T() {
+    async function A() {
       h.value = !0, s = new Re().setPageActionType(_e.Details).setClassName(c.className).setStore({ svrStore: n, bpmStore: e }).setWorkflowId(c.workflowId).build(), d.value = await s.getPageData();
-      const P = await s.getFiles();
+      const N = await s.getFiles();
       le.value = await s.getApprovers(), W.value = await s.getCommentsHistory(), se.value = await s.getAssociator(), await k(), r.detailPageLoaded?.(d, e().employeeInfo);
       const L = d.value.fields.requestType.modelValue;
-      r.Test?.({ fieldValue: L, hiddenFields: C }), g.value = b(d.value.fields);
-      for (const N in d.value.fields)
-        if (d.value.fields[N].widget?.widget === "File") {
-          const j = g.value.find((R) => R.fieldKey === N);
-          j && j.widget && (j.widget.files = P[N] ?? []);
+      r.Test?.({ fieldValue: L, hiddenFields: C }), g.value = y(d.value.fields);
+      for (const F in d.value.fields)
+        if (d.value.fields[F].widget?.widget === "File") {
+          const j = g.value.find((R) => R.fieldKey === F);
+          j && j.widget && (j.widget.files = N[F] ?? []);
         }
       const G = await s.getProcess();
       oe.value = Z(G, 0), h.value = !1;
     }
-    fe(T);
-    async function S(P, L) {
-      return r[P]?.(L);
+    fe(A);
+    async function S(N, L) {
+      return r[N]?.(L);
     }
-    function U() {
+    function I() {
       return n()?.userInfo?.email_address ?? "";
     }
-    async function $(P, L, G, N, j) {
+    async function O(N, L, G, F, j) {
       try {
         switch (L) {
           case X.Submit:
@@ -1785,7 +1787,7 @@ const Nn = /* @__PURE__ */ z({
             const we = g.value.find((ge) => ge.fieldKey === "approvedGrade")?.modelValue, te = j === "Approve" ? "100" : "-1", Se = await jt(
               c.className,
               c.workflowId,
-              U(),
+              I(),
               me,
               G,
               te,
@@ -1801,12 +1803,12 @@ const Nn = /* @__PURE__ */ z({
             const ft = j === "Approve" ? `Request ID ${c.workflowId} has been approved.` : `Request ID ${c.workflowId} has been rejected.`;
             l?.appContext.config.globalProperties.$notification.success(
               ft
-            ), T();
+            ), A();
             break;
           case X.Link:
             try {
-              await r[P.eventName || ""]?.(), a.push({
-                name: N,
+              await r[N.eventName || ""]?.(), a.push({
+                name: F,
                 params: { className: c.className, workflowId: c.workflowId }
               });
             } catch (ge) {
@@ -1814,7 +1816,7 @@ const Nn = /* @__PURE__ */ z({
             }
             break;
           case X.Button:
-            await r[P.eventName || ""]?.({
+            await r[N.eventName || ""]?.({
               approvers: le,
               associators: se,
               isShowAssignSelect: ee,
@@ -1830,19 +1832,19 @@ const Nn = /* @__PURE__ */ z({
       }
     }
     const H = m(""), W = m([]), ie = m(""), le = m([]), se = m([]);
-    async function w(P) {
-      if (!P) {
+    async function w(N) {
+      if (!N) {
         l?.appContext.config.globalProperties.$message.error(
           "Please select an approver"
         );
         return;
       }
-      await I(
+      await P(
         "Confirm Assign Approver",
         "Do you want to assign the selected approver?"
       );
       try {
-        await s.assignApprover(P), se.value = await s.getAssociator(), k(), l?.appContext.config.globalProperties.$notification.success(
+        await s.assignApprover(N), se.value = await s.getAssociator(), k(), l?.appContext.config.globalProperties.$notification.success(
           "Assign Approver clicked!"
         );
       } catch (L) {
@@ -1857,22 +1859,22 @@ const Nn = /* @__PURE__ */ z({
         );
       }
     }
-    async function I(P, L) {
+    async function P(N, L) {
       const { Modal: G } = await import("@arco-design/web-vue");
-      return new Promise((N, j) => {
+      return new Promise((F, j) => {
         G.confirm({
-          title: P,
+          title: N,
           content: L,
           okText: "OK",
           cancelText: "Cancel",
-          onOk: () => N(!0),
+          onOk: () => F(!0),
           onCancel: () => j()
         });
       });
     }
-    async function B(P) {
+    async function B(N) {
       try {
-        await I(
+        await P(
           "Confirm Delete Associator",
           "Do you want to delete this associator?"
         );
@@ -1880,7 +1882,7 @@ const Nn = /* @__PURE__ */ z({
         return;
       }
       try {
-        await s.deleteAssociator(P.toString()), se.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
+        await s.deleteAssociator(N.toString()), se.value = await s.getAssociator(), l?.appContext.config.globalProperties.$notification.success(
           "Associator deleted successfully!"
         );
       } catch {
@@ -1900,18 +1902,18 @@ const Nn = /* @__PURE__ */ z({
         "Add Comment clicked!"
       );
     }
-    function pe(P) {
-      return P ? P === "OtherInformationText" ? "Other Information" : P : "";
+    function pe(N) {
+      return N ? N === "OtherInformationText" ? "Other Information" : N : "";
     }
     const ze = { svrStore: n, bpmStore: e, triggers: r, router: a, customComps: i, instance: l, props: c, get page() {
       return s;
-    }, set page(P) {
-      s = P;
-    }, pageData: d, _fields: g, dataWidgetsRefs: v, genField: b, groupedFields: f, reversedActions: p, loading: h, mapWorkflowSteps: Z, steps: oe, isGlobal: E, isShowAssignSelect: ee, isShowAssignList: ne, isShowCommentTextArea: A, reloadButtonList: k, hiddenFields: C, load: T, triggerFn: S, getApproverEmail: U, clickHandler: $, comment: H, commentsHistory: W, selectedApprover: ie, approvers: le, associators: se, onAssignApprover: w, confirmDialog: I, onDeleteAssociator: B, onAddComment: de, formatTitle: pe, ActionButton: Ie, get IconDownload() {
+    }, set page(N) {
+      s = N;
+    }, pageData: d, _fields: g, dataWidgetsRefs: v, genField: y, groupedFields: f, reversedActions: p, loading: h, mapWorkflowSteps: Z, steps: oe, isGlobal: E, isShowAssignSelect: ee, isShowAssignList: ne, isShowCommentTextArea: T, reloadButtonList: k, hiddenFields: C, load: A, triggerFn: S, getApproverEmail: I, clickHandler: O, comment: H, commentsHistory: W, selectedApprover: ie, approvers: le, associators: se, onAssignApprover: w, confirmDialog: P, onDeleteAssociator: B, onAddComment: de, formatTitle: pe, ActionButton: Ie, get IconDownload() {
       return Uo;
     }, TopBar: Ue, get formatDate() {
       return xe;
-    }, ToolTip: st, DataWidgets: Te };
+    }, ToolTip: st, DataWidgets: Ae };
     return Object.defineProperty(ze, "__isScriptSetup", { enumerable: !1, value: !0 }), ze;
   }
 }), Fn = { class: "page-container" }, Un = { class: "page-body" }, Rn = { class: "detail-card" }, Dn = { class: "form-fields-vertical" }, Bn = { class: "detail-fields" }, Hn = { class: "detail-field" }, Ln = {
@@ -1930,55 +1932,55 @@ const Nn = /* @__PURE__ */ z({
 function Gn(t, o, n, e, r, a) {
   const i = V("a-link"), l = V("a-space"), c = V("a-card");
   V("a-option"), V("a-select");
-  const s = V("a-button"), d = V("a-list-item"), g = V("a-list"), v = V("a-textarea"), b = V("a-spin");
+  const s = V("a-button"), d = V("a-list-item"), g = V("a-list"), v = V("a-textarea"), y = V("a-spin");
   return u(), _("div", Fn, [
-    F(e.TopBar, {
+    U(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    y("div", Un, [
-      F(b, {
+    b("div", Un, [
+      U(y, {
         loading: e.loading,
         class: "detail-container"
       }, {
         default: x(() => [
-          y("div", Rn, [
+          b("div", Rn, [
             (u(), D($e(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            y("div", Dn, [
-              (u(!0), _(O, null, M(e.groupedFields, (f) => (u(), D(c, {
+            b("div", Dn, [
+              (u(!0), _($, null, M(e.groupedFields, (f) => (u(), D(c, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: x(() => [
-                  y("div", Bn, [
-                    (u(!0), _(O, null, M(f.fields, (p) => (u(), _("div", {
+                  b("div", Bn, [
+                    (u(!0), _($, null, M(f.fields, (p) => (u(), _("div", {
                       key: p.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      y("div", Hn, [
-                        p.widget?.readonly ? (u(), _(O, { key: 1 }, [
-                          y("div", On, [
+                      b("div", Hn, [
+                        p.widget?.readonly ? (u(), _($, { key: 1 }, [
+                          b("div", On, [
                             ae(Q(e.formatTitle(p.widget?.title)) + " ", 1),
-                            F(e.ToolTip, {
+                            U(e.ToolTip, {
                               "is-visible": p.widget?.isVisible ?? !1,
                               "output-text": p.widget?.outputText ?? []
                             }, null, 8, ["is-visible", "output-text"])
                           ]),
-                          p.widget?.widget === "File" ? (u(!0), _(O, { key: 0 }, M(p.widget.files, (h) => (u(), _("div", {
+                          p.widget?.widget === "File" ? (u(!0), _($, { key: 0 }, M(p.widget.files, (h) => (u(), _("div", {
                             class: "field-value",
                             key: h.id
                           }, [
-                            F(l, null, {
+                            U(l, null, {
                               default: x(() => [
                                 ae(Q(h.name) + " ", 1),
-                                F(i, {
+                                U(i, {
                                   href: h.url,
                                   target: "_blank"
                                 }, {
                                   default: x(() => [
-                                    F(e.IconDownload, { style: { color: "#7A00E6" } })
+                                    U(e.IconDownload, { style: { color: "#7A00E6" } })
                                   ]),
                                   _: 2
                                 }, 1032, ["href"])
@@ -1987,7 +1989,7 @@ function Gn(t, o, n, e, r, a) {
                             }, 1024)
                           ]))), 128)) : (u(), _("div", $n, Q(p.fieldValue), 1))
                         ], 64)) : (u(), _("div", Ln, [
-                          F(e.DataWidgets, {
+                          U(e.DataWidgets, {
                             ref_for: !0,
                             ref: "dataWidgets",
                             "field-key": p.fieldKey,
@@ -2008,13 +2010,13 @@ function Gn(t, o, n, e, r, a) {
               re("", !0),
               re("", !0),
               e.isShowCommentTextArea ? (u(), _("div", jn, [
-                y("div", Mn, [
-                  o[6] || (o[6] = y("div", { class: "field-label" }, "Comment", -1)),
-                  F(v, {
+                b("div", Mn, [
+                  o[6] || (o[6] = b("div", { class: "field-label" }, "Comment", -1)),
+                  U(v, {
                     modelValue: e.comment,
                     "onUpdate:modelValue": o[1] || (o[1] = (f) => e.comment = f)
                   }, null, 8, ["modelValue"]),
-                  F(s, {
+                  U(s, {
                     type: "primary",
                     onClick: e.onAddComment
                   }, {
@@ -2031,7 +2033,7 @@ function Gn(t, o, n, e, r, a) {
                   ae(" Comments History ", -1)
                 ])),
                 default: x(() => [
-                  (u(!0), _(O, null, M(e.commentsHistory, (f) => (u(), D(d, {
+                  (u(!0), _($, null, M(e.commentsHistory, (f) => (u(), D(d, {
                     key: f.associator
                   }, {
                     default: x(() => [
@@ -2051,11 +2053,11 @@ function Gn(t, o, n, e, r, a) {
         _: 3
       }, 8, ["loading"])
     ]),
-    y("div", Kn, [
-      y("div", zn, [
+    b("div", Kn, [
+      b("div", zn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        y("div", Wn, [
-          (u(!0), _(O, null, M(e.reversedActions, (f) => (u(), D(e.ActionButton, {
+        b("div", Wn, [
+          (u(!0), _($, null, M(e.reversedActions, (f) => (u(), D(e.ActionButton, {
             key: f.title,
             loading: e.loading,
             config: f,
@@ -2085,10 +2087,10 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
       filters: []
     });
     function s() {
-      const w = Object.entries(S.value).filter(([, { value: I }]) => I && I !== "").map(([I, { value: B, operator: de }]) => {
+      const w = Object.entries(S.value).filter(([, { value: P }]) => P && P !== "").map(([P, { value: B, operator: de }]) => {
         const pe = typeof B == "string" ? B.trim() : B;
         return {
-          key: I,
+          key: P,
           value: pe,
           operator: de
           // 根据实际需要调整操作符
@@ -2105,11 +2107,11 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
       };
     }
     const d = K(() => ({
-      x: b.value.length * 150 + 250
+      x: y.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), g = (w) => {
-      const I = Object.entries(w).filter(([, B]) => B.widget?.column).map(([B, de], pe) => ({
+      const P = Object.entries(w).filter(([, B]) => B.widget?.column).map(([B, de], pe) => ({
         title: de.widget.title,
         dataIndex: B.charAt(0).toLowerCase() + B.slice(1),
         order: de.order,
@@ -2121,7 +2123,7 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
         resizable: !0
         // 启用列宽调整
       })).sort((B, de) => B.order - de.order);
-      I.push({
+      P.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -2129,8 +2131,8 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), b.value = I;
-    }, v = m([]), b = m([]), f = m(!0), p = m(!0), h = m(), Z = async () => {
+      }), y.value = P;
+    }, v = m([]), y = m([]), f = m(!0), p = m(!0), h = m(), Z = async () => {
       p.value = !0;
       const w = await Ut(i.className, s());
       v.value = w.data, c.total = w.totalCount, p.value = !1;
@@ -2138,7 +2140,7 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
     fe(async () => {
       f.value = !0;
       const w = new Re().setPageActionType(_e.List).setClassName(i.className).setStore({ svrStore: n, bpmStore: e }).build();
-      l.value = await w.getPageData(), g(l.value.fields), $(l.value.fields), H(), T(l.value?.tabs?.[0]?.key || ""), h.value = l.value.actions, f.value = !1, oe.value = !0;
+      l.value = await w.getPageData(), g(l.value.fields), O(l.value.fields), H(), A(l.value?.tabs?.[0]?.key || ""), h.value = l.value.actions, f.value = !1, oe.value = !0;
     }), gt(() => {
       oe.value && Z();
     });
@@ -2147,7 +2149,7 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
     }, ee = (w) => {
       c.pageSize = w, Z();
     };
-    function ne(w, I, B, de, pe) {
+    function ne(w, P, B, de, pe) {
       switch (w) {
         case X.Link:
           r.push({ name: B, params: { workflowId: pe } });
@@ -2156,10 +2158,10 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
           console.warn("Unknown action type:", w);
       }
     }
-    function A(w, I, B) {
+    function T(w, P, B) {
       switch (w) {
         case X.Submit:
-          Zt(I, { filters: [{ key: "approverList", value: k(), operator: 2 }] }), a?.appContext.config.globalProperties.$notification.success("submit success!");
+          Zt(P, { filters: [{ key: "approverList", value: k(), operator: 2 }] }), a?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case X.Link:
           r.push({ name: B });
@@ -2171,53 +2173,53 @@ const qn = /* @__PURE__ */ J(Nn, [["render", Gn], ["__scopeId", "data-v-117ace1a
     function k() {
       return n()?.userInfo?.email_address ?? "";
     }
-    function C(w, I) {
-      return typeof w != "string" || w.indexOf("{currentUserEmail}") === -1 ? w : w.replace(/{currentUserEmail}/g, I);
+    function C(w, P) {
+      return typeof w != "string" || w.indexOf("{currentUserEmail}") === -1 ? w : w.replace(/{currentUserEmail}/g, P);
     }
-    function T(w) {
-      const I = l.value?.tabs?.find((B) => B.key === w)?.filters;
-      c.filters = I?.map((B) => ({
+    function A(w) {
+      const P = l.value?.tabs?.find((B) => B.key === w)?.filters;
+      c.filters = P?.map((B) => ({
         ...B,
         value: C(B.value, k())
       })) || [], c.current = 1, Z();
     }
-    const S = m({}), U = m([]);
-    function $(w) {
+    const S = m({}), I = m([]);
+    function O(w) {
       if (!w) return [];
-      U.value = Object.entries(w).filter(([, I]) => I.isFiltered).map(([I, B]) => ({ fieldKey: I, fieldConfig: B }));
+      I.value = Object.entries(w).filter(([, P]) => P.isFiltered).map(([P, B]) => ({ fieldKey: P, fieldConfig: B }));
     }
     const H = () => {
       const w = {};
-      U.value.forEach(({ fieldKey: I, fieldConfig: B }) => {
-        w[I] = {}, w[I].value = B.modelValue, w[I].operator = B.operator;
+      I.value.forEach(({ fieldKey: P, fieldConfig: B }) => {
+        w[P] = {}, w[P].value = B.modelValue, w[P].operator = B.operator;
       }), S.value = w;
     }, W = () => {
       c.current = 1, Z();
     }, ie = () => {
       l.value && H(), W();
     };
-    function le(w, I) {
-      return !(w.location !== "InTable" || w.title === "Update" && (I.sort === 3 || I.status === 100 || I.status === -1));
+    function le(w, P) {
+      return !(w.location !== "InTable" || w.title === "Update" && (P.sort === 3 || P.status === 100 || P.status === -1));
     }
-    const se = { svrStore: n, bpmStore: e, router: r, instance: a, props: i, pageData: l, paging: c, createListParams: s, scroll: d, mapColumns: g, _data: v, _columns: b, loadingPage: f, loadingTable: p, actions: h, loadData: Z, mounted: oe, pageChangeHandler: E, pageSizeChangeHandler: ee, clickHandler: ne, createHandler: A, getApproverEmail: k, replaceEmail: C, tabHandler: T, searchForm: S, searchableFields: U, mapSearchableFields: $, initSearchForm: H, handleSearch: W, handleReset: ie, judgeHiddenActions: le, ActionButton: Ie, DataWidgets: Te, TopBar: Ue };
+    const se = { svrStore: n, bpmStore: e, router: r, instance: a, props: i, pageData: l, paging: c, createListParams: s, scroll: d, mapColumns: g, _data: v, _columns: y, loadingPage: f, loadingTable: p, actions: h, loadData: Z, mounted: oe, pageChangeHandler: E, pageSizeChangeHandler: ee, clickHandler: ne, createHandler: T, getApproverEmail: k, replaceEmail: C, tabHandler: A, searchForm: S, searchableFields: I, mapSearchableFields: O, initSearchForm: H, handleSearch: W, handleReset: ie, judgeHiddenActions: le, ActionButton: Ie, DataWidgets: Ae, TopBar: Ue };
     return Object.defineProperty(se, "__isScriptSetup", { enumerable: !1, value: !0 }), se;
   }
 }), Qn = { class: "list-container" }, Jn = { class: "query-title" };
 function Xn(t, o, n, e, r, a) {
-  const i = V("a-space"), l = V("a-col"), c = V("a-button"), s = V("a-row"), d = V("a-card"), g = V("a-tab-pane"), v = V("a-tabs"), b = V("a-table");
+  const i = V("a-space"), l = V("a-col"), c = V("a-button"), s = V("a-row"), d = V("a-card"), g = V("a-tab-pane"), v = V("a-tabs"), y = V("a-table");
   return u(), _("div", Qn, [
-    F(e.TopBar, {
+    U(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
       subTitle: e.pageData?.banner.subTitle ?? "",
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    F(d, null, {
+    U(d, null, {
       default: x(() => [
-        y("div", Jn, [
-          o[0] || (o[0] = y("h3", null, "Search Conditions", -1)),
-          F(i, { size: "medium" }, {
+        b("div", Jn, [
+          o[0] || (o[0] = b("h3", null, "Search Conditions", -1)),
+          U(i, { size: "medium" }, {
             default: x(() => [
-              (u(!0), _(O, null, M(e.actions, (f) => (u(), _(O, {
+              (u(!0), _($, null, M(e.actions, (f) => (u(), _($, {
                 key: f.title
               }, [
                 f.location === "InOperation" ? (u(), D(e.ActionButton, {
@@ -2230,15 +2232,15 @@ function Xn(t, o, n, e, r, a) {
             _: 1
           })
         ]),
-        F(s, { gutter: [24, 20] }, {
+        U(s, { gutter: [24, 20] }, {
           default: x(() => [
-            (u(!0), _(O, null, M(e.searchableFields, (f) => (u(), D(l, {
+            (u(!0), _($, null, M(e.searchableFields, (f) => (u(), D(l, {
               key: f.fieldKey,
               span: 6,
               class: "search-col"
             }, {
               default: x(() => [
-                F(e.DataWidgets, {
+                U(e.DataWidgets, {
                   name: f.fieldKey,
                   config: f.fieldConfig,
                   modelValue: e.searchForm[f.fieldKey].value,
@@ -2248,14 +2250,14 @@ function Xn(t, o, n, e, r, a) {
               ]),
               _: 2
             }, 1024))), 128)),
-            F(l, {
+            U(l, {
               span: 6,
               class: "search-col form-buttons"
             }, {
               default: x(() => [
-                F(i, { size: "medium" }, {
+                U(i, { size: "medium" }, {
                   default: x(() => [
-                    F(c, {
+                    U(c, {
                       type: "primary",
                       size: "medium",
                       onClick: e.handleSearch
@@ -2266,7 +2268,7 @@ function Xn(t, o, n, e, r, a) {
                       _: 1,
                       __: [1]
                     }),
-                    F(c, {
+                    U(c, {
                       size: "medium",
                       onClick: e.handleReset
                     }, {
@@ -2288,19 +2290,19 @@ function Xn(t, o, n, e, r, a) {
       ]),
       _: 1
     }),
-    F(v, {
+    U(v, {
       size: "large",
       onTabClick: e.tabHandler
     }, {
       default: x(() => [
-        (u(!0), _(O, null, M(e.pageData?.tabs, (f) => (u(), D(g, {
+        (u(!0), _($, null, M(e.pageData?.tabs, (f) => (u(), D(g, {
           key: f.key,
           title: f.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    F(b, {
+    U(y, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2320,9 +2322,9 @@ function Xn(t, o, n, e, r, a) {
       onPageSizeChange: e.pageSizeChangeHandler
     }, {
       optional: x(({ record: f }) => [
-        F(i, { size: "small" }, {
+        U(i, { size: "small" }, {
           default: x(() => [
-            (u(!0), _(O, null, M(e.actions, (p) => (u(), _(O, {
+            (u(!0), _($, null, M(e.actions, (p) => (u(), _($, {
               key: p.title
             }, [
               e.judgeHiddenActions(p, f) ? (u(), D(e.ActionButton, {