@chase-shao/vue-component-lib 1.2.50 → 1.2.52

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { ref as k, defineComponent as B, mergeModels as ne, useModel as ge, resolveComponent as C, createBlock as L, openBlock as d, onMounted as se, computed as O, withCtx as b, createElementBlock as $, Fragment as M, renderList as K, createVNode as U, nextTick as Ze, createTextVNode as q, useTemplateRef as Ae, createElementVNode as h, createCommentVNode as oe, toDisplayString as W, resolveDynamicComponent as Te, renderSlot as ae, inject as ce, getCurrentInstance as _e, reactive as Ne, normalizeStyle as et, normalizeClass as tt, unref as Ve, onActivated as nt } from "vue";
+import { ref as k, defineComponent as K, mergeModels as ne, useModel as ge, resolveComponent as V, createBlock as F, openBlock as d, onMounted as re, computed as O, withCtx as b, createElementBlock as $, Fragment as D, renderList as B, createVNode as N, nextTick as Ze, createTextVNode as Y, useTemplateRef as Ae, createElementVNode as h, createCommentVNode as ae, toDisplayString as W, resolveDynamicComponent as Te, renderSlot as se, inject as ce, getCurrentInstance as _e, reactive as Ue, normalizeStyle as et, normalizeClass as tt, unref as Ve, onActivated as nt } from "vue";
 import ot from "axios";
 import { defineStore as at } from "pinia";
 import { Modal as st } from "@arco-design/web-vue";
 import { useRouter as rt } from "vue-router";
-const it = at("main", () => ({
+const lt = at("main", () => ({
   token: k(void 0)
-})), lt = async (e) => new Promise((t) => setTimeout(t, e)), ct = async (e, t, a, n = void 0) => {
+})), it = async (e) => new Promise((t) => setTimeout(t, e)), ct = async (e, t, a, n = void 0) => {
   if (e[t] === void 0)
     try {
       e[t] = null, e[t] = await a() || n;
@@ -13,9 +13,9 @@ const it = at("main", () => ({
       console.error(o), e[t] = void 0;
     }
   for (; e[t] === null; )
-    await lt(100);
+    await it(100);
   return e[t];
-}, fe = (e) => {
+}, pe = (e) => {
   const t = `0${e}`;
   return t.substring(t.length - 2);
 }, ve = (e, t = "yyyy-MM-dd hh:mm:ss") => {
@@ -25,15 +25,15 @@ const it = at("main", () => ({
     const a = new Date(e), n = [
       ["yyyy", a.getFullYear()],
       ["yy", a.getFullYear().toString().substring(2)],
-      ["MM", fe(a.getMonth() + 1)],
+      ["MM", pe(a.getMonth() + 1)],
       ["M", a.getMonth() + 1],
-      ["dd", fe(a.getDate())],
+      ["dd", pe(a.getDate())],
       ["d", a.getDate()],
-      ["hh", fe(a.getHours())],
+      ["hh", pe(a.getHours())],
       ["h", a.getHours()],
-      ["mm", fe(a.getMinutes())],
+      ["mm", pe(a.getMinutes())],
       ["m", a.getMinutes()],
-      ["ss", fe(a.getSeconds())],
+      ["ss", pe(a.getSeconds())],
       ["s", a.getSeconds()]
     ];
     for (const [o, l] of n)
@@ -47,18 +47,18 @@ let Ie = {};
 function ut(e) {
   Ie = { ...Ie, ...e };
 }
-function Ue() {
+function Ne() {
   return Ie;
 }
-function Be() {
-  const e = Ue();
+function Ke() {
+  const e = Ne();
   return {
     apiBase: e.apiBase || void 0 || "",
     appSecret: e.appSecret || void 0 || ""
   };
 }
-function ze() {
-  const { apiBase: e } = Be();
+function je() {
+  const { apiBase: e } = Ke();
   return ot.create({
     baseURL: e,
     timeout: 1e4,
@@ -67,8 +67,8 @@ function ze() {
     withCredentials: !0
   });
 }
-const je = async () => {
-  const { apiBase: e, appSecret: t } = Be(), a = ze(), n = it();
+const ze = async () => {
+  const { apiBase: e, appSecret: t } = Ke(), a = je(), n = lt();
   return await ct(n, "token", async () => (await a.get(`${e}/GenerateToken`, {
     params: {
       appid: "bpm",
@@ -76,7 +76,7 @@ const je = async () => {
     }
   }))?.data?.token);
 }, G = async () => {
-  const e = await je(), t = ze();
+  const e = await ze(), t = je();
   return t.defaults.headers.common.Authorization = `Bearer ${e}`, t;
 }, Se = {
   CurrentUserEmail: (e) => e.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
@@ -85,33 +85,33 @@ const je = async () => {
   ApproverEmail: (e) => e.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (e) => e.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, D = [];
+}, H = [];
 for (let e = 0; e < 256; ++e)
-  D.push((e + 256).toString(16).slice(1));
+  H.push((e + 256).toString(16).slice(1));
 function dt(e, t = 0) {
-  return (D[e[t + 0]] + D[e[t + 1]] + D[e[t + 2]] + D[e[t + 3]] + "-" + D[e[t + 4]] + D[e[t + 5]] + "-" + D[e[t + 6]] + D[e[t + 7]] + "-" + D[e[t + 8]] + D[e[t + 9]] + "-" + D[e[t + 10]] + D[e[t + 11]] + D[e[t + 12]] + D[e[t + 13]] + D[e[t + 14]] + D[e[t + 15]]).toLowerCase();
+  return (H[e[t + 0]] + H[e[t + 1]] + H[e[t + 2]] + H[e[t + 3]] + "-" + H[e[t + 4]] + H[e[t + 5]] + "-" + H[e[t + 6]] + H[e[t + 7]] + "-" + H[e[t + 8]] + H[e[t + 9]] + "-" + H[e[t + 10]] + H[e[t + 11]] + H[e[t + 12]] + H[e[t + 13]] + H[e[t + 14]] + H[e[t + 15]]).toLowerCase();
 }
-let xe;
-const pt = new Uint8Array(16);
-function ft() {
-  if (!xe) {
+let $e;
+const ft = new Uint8Array(16);
+function pt() {
+  if (!$e) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    xe = crypto.getRandomValues.bind(crypto);
+    $e = crypto.getRandomValues.bind(crypto);
   }
-  return xe(pt);
+  return $e(ft);
 }
 const mt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Me = { randomUUID: mt };
 function Ee(e, t, a) {
   if (Me.randomUUID && !e)
     return Me.randomUUID();
   e = e || {};
-  const n = e.random ?? e.rng?.() ?? ft();
+  const n = e.random ?? e.rng?.() ?? pt();
   if (n.length < 16)
     throw new Error("Random bytes length must be >= 16");
   return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, dt(n);
 }
-var Y = /* @__PURE__ */ ((e) => (e[e.Submit = 0] = "Submit", e[e.Link = 1] = "Link", e))(Y || {}), le = /* @__PURE__ */ ((e) => (e[e.Create = 0] = "Create", e[e.Update = 1] = "Update", e[e.Details = 2] = "Details", e[e.List = 3] = "List", e))(le || {});
+var J = /* @__PURE__ */ ((e) => (e[e.Submit = 0] = "Submit", e[e.Link = 1] = "Link", e))(J || {}), ie = /* @__PURE__ */ ((e) => (e[e.Create = 0] = "Create", e[e.Update = 1] = "Update", e[e.Details = 2] = "Details", e[e.List = 3] = "List", e))(ie || {});
 function gt(e, t, a) {
   const n = {
     pageType: "",
@@ -148,12 +148,13 @@ function gt(e, t, a) {
         redirectUrl: o.redirectUrl,
         redirectType: o.redirectType,
         title: o.title,
-        widget: o.widget === "Link" ? Y.Link : Y.Submit,
+        widget: o.widget === "Link" ? J.Link : J.Submit,
         location: o.location,
         attributeType: o.attributeType,
-        readonly: o.readonly
+        readonly: o.readonly,
+        loading: !1
       });
-    } else o.attributeType === "Banner" && (n.banner.title = o.title, n.banner.subTitle = t === 0 ? o.subTitle : Le(o.subTitle, e.workflowId.propertyValue));
+    } else o.attributeType === "Banner" && (n.banner.title = o.title, n.banner.subTitle = t === 0 ? o.subTitle : Fe(o.subTitle, e.workflowId.propertyValue));
   }), n.tabs && (n.tabs = n.tabs.sort((o, l) => o.order - l.order)), Object.entries(e).forEach(([o, l]) => {
     if (o === "__ClassAttributes" || o === "className" || o === "id" || o === "deleteFlag" || o === "status" || o === "workFlowReason" || t !== 3 && o === "workflowId")
       return;
@@ -191,7 +192,7 @@ function gt(e, t, a) {
 const ye = async (e, t, a, n) => {
   const l = await (await G()).get(`/General/${t}/${e}/page`, { params: n });
   return gt(l?.data, e, a);
-}, Oe = async (e, t, a) => (await (await G()).post(`/General/${t}/${e}/button/List`, null, { params: a }))?.data;
+}, Oe = async (e, t, a) => (await (await G()).post(`/${t}/${e}/button/List`, null, { params: a }))?.data;
 async function vt(e, t) {
   const n = await (await G()).post(`/General/${e}/list`, t);
   return {
@@ -221,10 +222,10 @@ async function _t(e, t, a) {
   return o.data.length > 0 ? o.data[0] : 0;
 }
 async function yt(e, t, a, n) {
-  const o = await G(), l = Le(n, t);
+  const o = await G(), l = Fe(n, t);
   return (await o.put(l, a))?.data;
 }
-function Le(e, t) {
+function Fe(e, t) {
   return e.replace(/{WorkflowId}/g, t);
 }
 function wt(e, t) {
@@ -244,7 +245,7 @@ function Ct(e, t) {
 }
 async function Vt(e, t, a, n, o, l, r, c) {
   const s = await G();
-  let i = Le(l, t);
+  let i = Fe(l, t);
   return i = wt(i, a), i = bt(i, n), i = ht(i, r), i = kt(i, c), i = Ct(i, e), (await s.put(i, o))?.data;
 }
 async function St(e, t) {
@@ -254,10 +255,10 @@ async function St(e, t) {
     label: r
   }));
 }
-async function xt(e, t) {
+async function $t(e, t) {
   return (await (await G()).get(`/General/${e}/${t}/process`))?.data;
 }
-function $t(e) {
+function xt(e) {
   return {
     uid: e.id ?? Ee(),
     name: e.attachmentName ?? "unknown",
@@ -267,7 +268,7 @@ function $t(e) {
 async function Ge(e, t) {
   return (await (await G()).get(`/General/${e}/${t}/upload/get`))?.data.reduce((l, r) => {
     const { category: c } = r;
-    return l[c] || (l[c] = []), l[c].push($t(r)), l;
+    return l[c] || (l[c] = []), l[c].push(xt(r)), l;
   }, {});
 }
 async function It(e, t) {
@@ -283,25 +284,27 @@ async function At() {
 async function Tt(e, t) {
   return await (await G()).post(`Grading/AssignComments/${e}/${encodeURIComponent(t)}`);
 }
-async function Nt(e, t, a) {
-  return await (await G()).post(`Grading/AddComments/${e}/${encodeURIComponent(t)}`, { comments: a });
+async function Ut(e, t, a) {
+  return await (await G()).post(`Grading/AddComments/${e}/${encodeURIComponent(t)}`, a, {
+    headers: { "Content-Type": "application/json;charset=UTF-8" }
+  });
 }
-async function He(e) {
+async function De(e) {
   return (await (await G()).get(`Grading/GetComments/${e}`))?.data;
 }
 const ue = (e, t) => {
   let a = "";
   return { res: e.every((o) => {
-    const l = Ut(o, t);
+    const l = Nt(o, t);
     return l || (a = o.errorMessage), l;
   }), errorMessages: a };
-}, Ut = (e, t) => {
+}, Nt = (e, t) => {
   const { ruleName: a, ruleParameter: n } = e;
-  return Lt[a](n, t);
-}, Lt = {
+  return Ft[a](n, t);
+}, Ft = {
   Regex: (e, t) => new RegExp(e).test(t),
   Required: (e, t) => !!t
-}, De = /* @__PURE__ */ B({
+}, He = /* @__PURE__ */ K({
   __name: "InputText",
   props: /* @__PURE__ */ ne({
     fieldKey: {},
@@ -319,9 +322,9 @@ const ue = (e, t) => {
     const n = e, o = a, l = ge(e, "modelValue"), r = (i) => ue(n.validations, i), c = (i) => {
       o("input", i);
     }, s = (i) => {
-      const _ = r(i);
-      o("error", _.res ? "" : _.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, i);
+      const y = r(i);
+      o("error", y.res ? "" : y.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((f) => {
+        f.event === "change" && o(f.event, f.handlerName, i);
       });
     };
     return t({
@@ -329,11 +332,11 @@ const ue = (e, t) => {
         const i = r(n.modelValue);
         return o("error", i.res ? "" : i.errorMessages), i.res;
       }
-    }), (i, _) => {
-      const p = C("AInput");
-      return d(), L(p, {
+    }), (i, y) => {
+      const f = V("AInput");
+      return d(), F(f, {
         modelValue: l.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (V) => l.value = V),
+        "onUpdate:modelValue": y[0] || (y[0] = (S) => l.value = S),
         "allow-clear": "",
         disabled: n.readonly || n.config.Readonly,
         onInput: c,
@@ -341,7 +344,7 @@ const ue = (e, t) => {
       }, null, 8, ["modelValue", "disabled"]);
     };
   }
-}), Ft = /* @__PURE__ */ B({
+}), Lt = /* @__PURE__ */ K({
   __name: "InputNumber",
   props: /* @__PURE__ */ ne({
     fieldKey: {},
@@ -357,39 +360,39 @@ const ue = (e, t) => {
   emits: /* @__PURE__ */ ne(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(e, { expose: t, emit: a }) {
     const n = e, o = a, l = ge(e, "modelValue"), r = k(100), c = k(0);
-    se(() => {
-      n.validations && n.validations.forEach((p) => {
-        p.ruleName === "Max" && (r.value = p.ruleParameter), p.ruleName === "Min" && (c.value = p.ruleParameter);
+    re(() => {
+      n.validations && n.validations.forEach((f) => {
+        f.ruleName === "Max" && (r.value = f.ruleParameter), f.ruleName === "Min" && (c.value = f.ruleParameter);
       });
     });
-    const s = (p) => ue(n.validations, p), i = (p) => {
-      o("input", p);
-    }, _ = (p) => {
-      const V = s(p);
-      o("error", V.res ? "" : V.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((I) => {
-        I.event === "change" && o(I.event, I.handlerName, p);
+    const s = (f) => ue(n.validations, f), i = (f) => {
+      o("input", f);
+    }, y = (f) => {
+      const S = s(f);
+      o("error", S.res ? "" : S.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((x) => {
+        x.event === "change" && o(x.event, x.handlerName, f);
       });
     };
     return t({
       validate() {
-        const p = s(n.modelValue);
-        return o("error", p.res ? "" : p.errorMessages), p.res;
+        const f = s(n.modelValue);
+        return o("error", f.res ? "" : f.errorMessages), f.res;
       }
-    }), (p, V) => {
-      const I = C("AInputNumber");
-      return d(), L(I, {
+    }), (f, S) => {
+      const x = V("AInputNumber");
+      return d(), F(x, {
         modelValue: l.value,
-        "onUpdate:modelValue": V[0] || (V[0] = (v) => l.value = v),
+        "onUpdate:modelValue": S[0] || (S[0] = (_) => l.value = _),
         clearable: "",
         disabled: n.readonly,
         min: c.value,
         max: r.value,
         onInput: i,
-        onChange: _
+        onChange: y
       }, null, 8, ["modelValue", "disabled", "min", "max"]);
     };
   }
-}), Ke = /* @__PURE__ */ B({
+}), Be = /* @__PURE__ */ K({
   __name: "SelectList",
   props: /* @__PURE__ */ ne({
     fieldKey: {},
@@ -404,54 +407,54 @@ const ue = (e, t) => {
   }),
   emits: /* @__PURE__ */ ne(["update:modelValue", "change"], ["update:modelValue"]),
   setup(e, { expose: t, emit: a }) {
-    const n = e, o = a, l = k(!1), r = k(n.config.options ?? []), c = ge(e, "modelValue"), s = (p) => ue(n.validations, p);
+    const n = e, o = a, l = k(!1), r = k(n.config.options ?? []), c = ge(e, "modelValue"), s = (f) => ue(n.validations, f);
     O(() => {
-      const p = {};
-      return n.triggers && n.triggers.length > 0 && n.triggers.forEach((V) => {
-        p[V.event] = (I) => {
-          o(V.event, V.handlerName, I);
-          const v = s(I);
-          o("error", v.res ? "" : v.errorMessages);
+      const f = {};
+      return n.triggers && n.triggers.length > 0 && n.triggers.forEach((S) => {
+        f[S.event] = (x) => {
+          o(S.event, S.handlerName, x);
+          const _ = s(x);
+          o("error", _.res ? "" : _.errorMessages);
         };
-      }), p;
-    }), se(async () => {
+      }), f;
+    }), re(async () => {
       n.config.dataSourceProvider && (r.value = await St(n.config.dataSourceProvider));
     });
-    const _ = (p) => {
-      o("update:modelValue", p);
-      const V = s(p);
-      o("error", V.res ? "" : V.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((I) => {
-        I.event === "change" && o(I.event, I.handlerName, p);
+    const y = (f) => {
+      o("update:modelValue", f);
+      const S = s(f);
+      o("error", S.res ? "" : S.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((x) => {
+        x.event === "change" && o(x.event, x.handlerName, f);
       });
     };
     return t({
       validate() {
-        const p = s(n.modelValue);
-        return o("error", p.res ? "" : p.errorMessages), p.res;
+        const f = s(n.modelValue);
+        return o("error", f.res ? "" : f.errorMessages), f.res;
       }
-    }), (p, V) => {
-      const I = C("AOption"), v = C("ASelect");
-      return d(), L(v, {
+    }), (f, S) => {
+      const x = V("AOption"), _ = V("ASelect");
+      return d(), F(_, {
         "allow-clear": "",
         modelValue: c.value,
-        "onUpdate:modelValue": V[0] || (V[0] = (A) => c.value = A),
+        "onUpdate:modelValue": S[0] || (S[0] = (T) => c.value = T),
         loading: l.value,
         "filter-option": !0,
         "allow-search": !0,
-        onChange: _
+        onChange: y
       }, {
         default: b(() => [
-          (d(!0), $(M, null, K(r.value, (A) => (d(), L(I, {
-            key: A.value,
-            value: A.value,
-            label: A.label
+          (d(!0), $(D, null, B(r.value, (T) => (d(), F(x, {
+            key: T.value,
+            value: T.value,
+            label: T.label
           }, null, 8, ["value", "label"]))), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "loading"]);
     };
   }
-}), Pt = /* @__PURE__ */ B({
+}), Pt = /* @__PURE__ */ K({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -462,12 +465,12 @@ const ue = (e, t) => {
     const n = e, o = a, l = k(n.config.options ?? []), r = (s) => {
       o("update:modelValue", s), o("change", s);
     };
-    se(async () => {
+    re(async () => {
       if (n.config) {
         const s = n.config.dataSourceProvider;
         if (s) {
-          const _ = await (await G()).get(s);
-          l.value = _.data;
+          const y = await (await G()).get(s);
+          l.value = y.data;
         }
       }
     });
@@ -477,13 +480,13 @@ const ue = (e, t) => {
         return !0;
       }
     }), (s, i) => {
-      const _ = C("ACascader"), p = C("ASpace");
-      return d(), L(p, {
+      const y = V("ACascader"), f = V("ASpace");
+      return d(), F(f, {
         direction: "vertical",
         size: "large"
       }, {
         default: b(() => [
-          U(_, {
+          N(y, {
             "field-names": c,
             "model-value": s.modelValue,
             options: l.value,
@@ -496,7 +499,7 @@ const ue = (e, t) => {
       });
     };
   }
-}), Rt = /* @__PURE__ */ B({
+}), Rt = /* @__PURE__ */ K({
   __name: "FileUpload",
   props: {
     className: {},
@@ -510,66 +513,66 @@ const ue = (e, t) => {
   emits: ["update:modelValue", "change", "error", "input"],
   setup(e, { expose: t, emit: a }) {
     const n = e, o = a, l = k({});
-    se(async () => {
-      const v = await je();
+    re(async () => {
+      const _ = await ze();
       l.value = {
-        Authorization: `Bearer ${v}`
+        Authorization: `Bearer ${_}`
       };
     });
-    const r = (v) => ue(n.validations, v), s = Ue().apiBase, i = k(null), _ = k("");
-    function p(v, A, z) {
-      return v.replace(/{WorkflowId}/g, A).replace(/{ClassName}/g, z);
+    const r = (_) => ue(n.validations, _), s = Ne().apiBase, i = k(null), y = k("");
+    function f(_, T, j) {
+      return _.replace(/{WorkflowId}/g, T).replace(/{ClassName}/g, j);
     }
-    const V = O(() => {
+    const S = O(() => {
       if (n.config.uploadURL) {
-        const v = s + n.config.uploadURL;
-        return p(v, _.value, n.className);
+        const _ = s + n.config.uploadURL;
+        return f(_, y.value, n.className);
       }
       return "";
     });
-    function I(v) {
-      const { file: A, name: z } = v, J = z ?? A.name;
-      return new Promise((X, Q) => {
+    function x(_) {
+      const { file: T, name: j } = _, X = j ?? T.name;
+      return new Promise((Q, Z) => {
         st.confirm({
           title: "Confirm Delete",
-          content: `Are you sure you want to delete ${J}?`,
+          content: `Are you sure you want to delete ${X}?`,
           async onOk() {
-            if (v.status !== "init" && n.config.removeFile)
-              return await n.config.removeFile(v.uid), X(!0);
-            X(!0);
+            if (_.status !== "init" && n.config.removeFile)
+              return await n.config.removeFile(_.uid), Q(!0);
+            Q(!0);
           },
-          onCancel: () => Q("cancel")
+          onCancel: () => Z("cancel")
         });
       });
     }
     return t({
-      submit(v) {
-        i.value && (n.config.uploadURL && (_.value = v), Ze(() => {
+      submit(_) {
+        i.value && (n.config.uploadURL && (y.value = _), Ze(() => {
           i.value.submit();
         }));
       },
       validate() {
-        const v = r(n.modelValue);
-        return o("error", v.res ? "" : v.errorMessages), v.res;
+        const _ = r(n.modelValue);
+        return o("error", _.res ? "" : _.errorMessages), _.res;
       }
-    }), (v, A) => {
-      const z = C("a-button"), J = C("a-upload");
-      return d(), L(J, {
+    }), (_, T) => {
+      const j = V("a-button"), X = V("a-upload");
+      return d(), F(X, {
         ref_key: "uploadRef",
         ref: i,
         "default-file-list": n.config.files,
-        action: V.value,
+        action: S.value,
         limit: n.config.allowedNumber,
         "auto-upload": !1,
         name: "files",
         headers: l.value,
-        onBeforeRemove: I
+        onBeforeRemove: x
       }, {
-        "start-icon": b(() => A[0] || (A[0] = [])),
+        "start-icon": b(() => T[0] || (T[0] = [])),
         "upload-button": b(() => [
-          U(z, { type: "primary" }, {
-            default: b(() => A[1] || (A[1] = [
-              q("Select File", -1)
+          N(j, { type: "primary" }, {
+            default: b(() => T[1] || (T[1] = [
+              Y("Select File", -1)
             ])),
             _: 1,
             __: [1]
@@ -579,7 +582,7 @@ const ue = (e, t) => {
       }, 8, ["default-file-list", "action", "limit", "headers"]);
     };
   }
-}), Mt = /* @__PURE__ */ B({
+}), Mt = /* @__PURE__ */ K({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -596,8 +599,8 @@ const ue = (e, t) => {
     }, c = (s) => {
       o("update:modelValue", s);
       const i = l(s);
-      o("error", i.res ? "" : i.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((_) => {
-        _.event === "change" && o(_.event, _.handlerName, s);
+      o("error", i.res ? "" : i.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((y) => {
+        y.event === "change" && o(y.event, y.handlerName, s);
       });
     };
     return t({
@@ -606,8 +609,8 @@ const ue = (e, t) => {
         return o("error", s.res ? "" : s.errorMessages), s.res;
       }
     }), (s, i) => {
-      const _ = C("ATextarea");
-      return d(), L(_, {
+      const y = V("ATextarea");
+      return d(), F(y, {
         "model-value": n.modelValue,
         placeholder: "Please enter something",
         "allow-clear": "",
@@ -617,7 +620,7 @@ const ue = (e, t) => {
       }, null, 8, ["model-value", "disabled"]);
     };
   }
-}), Ht = /* @__PURE__ */ B({
+}), Dt = /* @__PURE__ */ K({
   __name: "CheckBox",
   props: /* @__PURE__ */ ne({
     fieldKey: {},
@@ -634,8 +637,8 @@ const ue = (e, t) => {
   setup(e, { expose: t, emit: a }) {
     const n = e, o = a, l = ge(e, "modelValue"), r = (s) => ue(n.validations, s), c = (s) => {
       const i = r(s);
-      o("error", i.res ? "" : i.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((_) => {
-        _.event === "change" && o(_.event, _.handlerName, s);
+      o("error", i.res ? "" : i.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((y) => {
+        y.event === "change" && o(y.event, y.handlerName, s);
       });
     };
     return t({
@@ -644,29 +647,29 @@ const ue = (e, t) => {
         return o("error", s.res ? "" : s.errorMessages), s.res;
       }
     }), (s, i) => {
-      const _ = C("ACheckbox");
-      return d(), L(_, {
+      const y = V("ACheckbox");
+      return d(), F(y, {
         modelValue: l.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (p) => l.value = p),
+        "onUpdate:modelValue": i[0] || (i[0] = (f) => l.value = f),
         clearable: "",
         disabled: n.readonly || n.config.Readonly,
         onChange: c
       }, {
         default: b(() => i[1] || (i[1] = [
-          q("Yes", -1)
+          Y("Yes", -1)
         ])),
         _: 1,
         __: [1]
       }, 8, ["modelValue", "disabled"]);
     };
   }
-}), Dt = { class: "title" }, Kt = {
+}), Ht = { class: "title" }, Bt = {
   key: 0,
   class: "required"
-}, Bt = {
+}, Kt = {
   key: 0,
   class: "err-msg"
-}, zt = /* @__PURE__ */ B({
+}, jt = /* @__PURE__ */ K({
   __name: "index",
   props: /* @__PURE__ */ ne({
     config: {},
@@ -685,11 +688,11 @@ const ue = (e, t) => {
     const n = e, o = a, l = ge(e, "modelValue"), r = Ae("widgetRef"), c = O(() => {
       switch (n.config?.widget?.widget) {
         case "TextBox":
-          return De;
+          return He;
         case "Number":
-          return Ft;
+          return Lt;
         case "SelectList":
-          return Ke;
+          return Be;
         case "Cascade":
           return Pt;
         case "File":
@@ -697,26 +700,26 @@ const ue = (e, t) => {
         case "TextArea":
           return Mt;
         case "DropDown":
-          return Ke;
+          return Be;
         case "CheckBox":
-          return Ht;
+          return Dt;
         default:
-          return De;
+          return He;
       }
-    }), s = k(""), i = (V) => {
-      s.value = V;
-    }, _ = (V, I) => {
-      o("change", V, I);
+    }), s = k(""), i = (S) => {
+      s.value = S;
+    }, y = (S, x) => {
+      o("change", S, x);
     };
-    function p() {
+    function f() {
       return n.config?.widget?.widget === "File";
     }
     return t({
       isFileUpload() {
         return n.config?.widget?.widget === "File";
       },
-      submit(V) {
-        p() && r.value.submit(V);
+      submit(S) {
+        f() && r.value.submit(S);
       },
       validate() {
         return r.value?.validate();
@@ -724,26 +727,26 @@ const ue = (e, t) => {
       getCompName() {
         return n?.config?.widget?.title;
       }
-    }), (V, I) => (d(), $("div", null, [
-      h("div", Dt, [
-        q(W(n?.config?.widget?.title) + " ", 1),
-        n.config.validations.length ? (d(), $("span", Kt, "*")) : oe("", !0)
+    }), (S, x) => (d(), $("div", null, [
+      h("div", Ht, [
+        Y(W(n?.config?.widget?.title) + " ", 1),
+        n.config.validations.length ? (d(), $("span", Bt, "*")) : ae("", !0)
       ]),
       h("div", null, [
-        (d(), L(Te(c.value), {
+        (d(), F(Te(c.value), {
           ref_key: "widgetRef",
           ref: r,
           modelValue: l.value,
-          "onUpdate:modelValue": I[0] || (I[0] = (v) => l.value = v),
+          "onUpdate:modelValue": x[0] || (x[0] = (_) => l.value = _),
           "field-key": n.fieldKey,
           config: n.config.widget,
           validations: n.config.validations,
           triggers: n.config.triggers,
           "class-name": n.className,
           onError: i,
-          onChange: _
+          onChange: y
         }, null, 40, ["modelValue", "field-key", "config", "validations", "triggers", "class-name"])),
-        s.value.length > 0 ? (d(), $("div", Bt, W(s.value), 1)) : oe("", !0)
+        s.value.length > 0 ? (d(), $("div", Kt, W(s.value), 1)) : ae("", !0)
       ])
     ]));
   }
@@ -752,11 +755,12 @@ const ue = (e, t) => {
   for (const [n, o] of t)
     a[n] = o;
   return a;
-}, Fe = /* @__PURE__ */ de(zt, [["__scopeId", "data-v-1022c8cb"]]), jt = /* @__PURE__ */ B({
+}, Le = /* @__PURE__ */ de(jt, [["__scopeId", "data-v-1022c8cb"]]), zt = /* @__PURE__ */ K({
   __name: "SubmitButton",
   props: {
     url: {},
-    redirectType: {}
+    redirectType: {},
+    loading: { type: Boolean }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
@@ -765,23 +769,25 @@ const ue = (e, t) => {
       n("click", a.url, a.redirectType);
     }
     return (l, r) => {
-      const c = C("AButton");
-      return d(), L(c, {
+      const c = V("AButton");
+      return d(), F(c, {
+        loading: l.loading,
         type: "primary",
         onClick: o
       }, {
         default: b(() => [
-          ae(l.$slots, "default")
+          se(l.$slots, "default")
         ]),
         _: 3
-      });
+      }, 8, ["loading"]);
     };
   }
-}), Et = /* @__PURE__ */ B({
+}), Et = /* @__PURE__ */ K({
   __name: "DetailLink",
   props: {
     url: {},
-    redirectType: {}
+    redirectType: {},
+    loading: { type: Boolean }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
@@ -790,19 +796,20 @@ const ue = (e, t) => {
       n("click", a.url, a.redirectType);
     }
     return (l, r) => {
-      const c = C("ALink");
-      return d(), L(c, { onClick: o }, {
+      const c = V("ALink");
+      return d(), F(c, { onClick: o }, {
         default: b(() => [
-          ae(l.$slots, "default")
+          se(l.$slots, "default")
         ]),
         _: 3
       });
     };
   }
-}), me = /* @__PURE__ */ B({
+}), me = /* @__PURE__ */ K({
   __name: "index",
   props: {
-    config: {}
+    config: {},
+    loading: { type: Boolean }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
@@ -813,22 +820,23 @@ const ue = (e, t) => {
     const l = O(() => {
       switch (a.config.location) {
         case "InOperation":
-          return jt;
+          return zt;
         case "InTable":
         default:
           return Et;
       }
-    }), r = O(() => a.config.widget === Y.Submit ? a.config.requestUrl ?? "" : a.config.widget === Y.Link ? a.config.redirectUrl ?? "" : ""), c = O(() => a.config.redirectType ?? "Details");
-    return (s, i) => (d(), L(Te(l.value), {
+    }), r = O(() => a.config.widget === J.Submit ? a.config.requestUrl ?? "" : a.config.widget === J.Link ? a.config.redirectUrl ?? "" : ""), c = O(() => a.config.redirectType ?? "Details");
+    return (s, i) => (d(), F(Te(l.value), {
       url: r.value,
       "redirect-type": c.value,
+      loading: s.loading,
       onClick: o
     }, {
       default: b(() => [
-        q(W(a.config.title), 1)
+        Y(W(a.config.title), 1)
       ]),
       _: 1
-    }, 8, ["url", "redirect-type"]));
+    }, 8, ["url", "redirect-type", "loading"]));
   }
 }), We = Symbol("library-router");
 function we() {
@@ -847,7 +855,7 @@ function be() {
 function he() {
   return ce(Je, null);
 }
-const Gt = { class: "top-bar" }, Wt = { class: "banner-info" }, qt = { class: "page-title" }, Yt = { class: "page-subtitle" }, Jt = { class: "avatar-wrapper" }, Xt = { class: "user-email" }, Qt = /* @__PURE__ */ B({
+const Gt = { class: "top-bar" }, Wt = { class: "banner-info" }, qt = { class: "page-title" }, Yt = { class: "page-subtitle" }, Jt = { class: "avatar-wrapper" }, Xt = { class: "user-email" }, Qt = /* @__PURE__ */ K({
   __name: "TopBar",
   props: {
     title: {},
@@ -856,25 +864,25 @@ const Gt = { class: "top-bar" }, Wt = { class: "banner-info" }, qt = { class: "p
   },
   setup(e) {
     return (t, a) => {
-      const n = C("a-avatar"), o = C("a-popover");
+      const n = V("a-avatar"), o = V("a-popover");
       return d(), $("div", Gt, [
         h("div", Wt, [
           h("div", qt, W(t.title), 1),
           h("div", Yt, W(t.subTitle), 1)
         ]),
         h("div", Jt, [
-          U(o, { trigger: "click" }, {
+          N(o, { trigger: "click" }, {
             content: b(() => [
               h("div", Xt, W(t.email), 1)
             ]),
             default: b(() => [
-              U(n, {
+              N(n, {
                 size: 48,
                 autoFixFontSize: "",
                 style: { cursor: "pointer", background: "#165DFF", color: "#fff" }
               }, {
                 default: b(() => [
-                  q(W(t.email.charAt(0).toUpperCase()), 1)
+                  Y(W(t.email.charAt(0).toUpperCase()), 1)
                 ]),
                 _: 1
               })
@@ -887,7 +895,7 @@ const Gt = { class: "top-bar" }, Wt = { class: "banner-info" }, qt = { class: "p
   }
 }), ke = /* @__PURE__ */ de(Qt, [["__scopeId", "data-v-c0457235"]]);
 function Re(e) {
-  const t = Ue(), a = [];
+  const t = Ne(), a = [];
   if (t.fieldsGroup) {
     t.fieldsGroup.forEach((l) => {
       const r = l.keys.map((c) => e.find((s) => s.fieldKey === c)).filter(Boolean);
@@ -900,7 +908,7 @@ function Re(e) {
 const Zt = { class: "page-container" }, en = { class: "page-body" }, tn = { class: "form-card" }, nn = { class: "form-fields-vertical" }, on = { class: "form-fields" }, an = {
   key: 0,
   class: "form-content"
-}, sn = { class: "page-footer" }, rn = { class: "action-container" }, ln = { class: "action-buttons" }, cn = /* @__PURE__ */ B({
+}, sn = { class: "page-footer" }, rn = { class: "action-container" }, ln = { class: "action-buttons" }, cn = /* @__PURE__ */ K({
   __name: "CreateView",
   props: {
     className: {}
@@ -914,57 +922,58 @@ const Zt = { class: "page-container" }, en = { class: "page-body" }, tn = { clas
         title: "",
         subTitle: ""
       }
-    }), i = k([]), _ = k({});
-    function p(m) {
-      return m ? Object.entries(m).map(([f, S]) => ({
-        fieldKey: f,
-        ...S
-      })).filter((f) => f.widget && f.widget.widget !== "Hidden").filter((f) => !Q.value.includes(f.fieldKey)) : [];
+    }), i = k([]), y = k({});
+    function f(g) {
+      return g ? Object.entries(g).map(([p, I]) => ({
+        fieldKey: p,
+        ...I
+      })).filter((p) => p.widget && p.widget.widget !== "Hidden").filter((p) => !Z.value.includes(p.fieldKey)) : [];
     }
-    function V(m) {
-      return m ? Object.entries(m).filter(([f, S]) => S.dependent).reduce((f, [S, x]) => (f[S] = x.dependent, f), {}) : [];
+    function S(g) {
+      return g ? Object.entries(g).filter(([p, I]) => I.dependent).reduce((p, [I, A]) => (p[I] = A.dependent, p), {}) : [];
     }
-    const I = O(() => s.value?.actions ? [...s.value.actions].reverse() : []), v = Ne({}), A = k(!1);
-    se(async () => {
-      A.value = !0, s.value = await ye(le.Create, c.className, {
+    const x = O(() => s.value?.actions ? [...s.value.actions].reverse() : []), _ = Ue({}), T = k(!1);
+    re(async () => {
+      T.value = !0, s.value = await ye(ie.Create, c.className, {
         svrStore: a,
         bpmStore: t
-      }), i.value = p(s.value.fields), _.value = V(s.value.fields);
-      for (const m in s.value.fields) {
-        if (s.value.fields[m].widget?.widget === "File") {
-          const F = i.value.find((f) => f.fieldKey === m);
-          F && F.widget && (F.widget.files = []);
+      }), i.value = f(s.value.fields), y.value = S(s.value.fields);
+      for (const g in s.value.fields) {
+        if (s.value.fields[g].widget?.widget === "File") {
+          const L = i.value.find((p) => p.fieldKey === g);
+          L && L.widget && (L.widget.files = []);
         }
-        v[m] = s.value.fields[m].modelValue;
+        _[g] = s.value.fields[g].modelValue;
       }
-      A.value = !1;
+      T.value = !1;
     });
-    function z() {
+    function j() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function J(m, F, f) {
-      switch (m) {
-        case Y.Submit:
-          let S = !0;
-          if (l.value?.forEach((y) => {
-            y?.validate && (y.validate() || (S = !1));
-          }), !S) {
+    async function X(g, L, p, I, A) {
+      switch (L) {
+        case J.Submit:
+          let v = !0;
+          if (l.value?.forEach((P) => {
+            P?.validate && (P.validate() || (v = !1));
+          }), !v) {
             r?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          const x = await _t(c.className, { ...v, ..._.value }, F);
-          l.value?.forEach((y) => {
-            y?.submit && y.submit(x.toString());
-          }), r?.appContext.config.globalProperties.$notification.success("create success!"), n.push({ name: "List", params: { className: c.className } });
+          g.loading = !0;
+          const w = await _t(c.className, { ..._, ...y.value }, p);
+          g.loading = !1, l.value?.forEach((P) => {
+            P?.submit && P.submit(w.toString());
+          }), r?.appContext.config.globalProperties.$notification.success("create success!"), n.push({ name: "Details", params: { workflowId: w.toString() } });
           break;
-        case Y.Link:
-          f === "List" && n.push({ name: "List", params: { className: c.className } });
+        case J.Link:
+          I === "List" && n.push({ name: "List", params: { className: c.className } });
           break;
         default:
-          console.warn("Unknown action type:", m);
+          console.warn("Unknown action type:", L);
       }
     }
-    const Q = k([
+    const Z = k([
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
@@ -972,53 +981,53 @@ const Zt = { class: "page-container" }, en = { class: "page-body" }, tn = { clas
       "jobAttachmentPrevious",
       "positionId"
     ]);
-    function Z(m, F) {
-      o[m]?.(F, Q), s.value && (i.value = p(s.value.fields));
+    function ee(g, L) {
+      o[g]?.(L, Z), s.value && (i.value = f(s.value.fields));
     }
-    const ee = O(() => Re(i.value));
-    return (m, F) => {
-      const f = C("a-card"), S = C("a-spin");
+    const te = O(() => Re(i.value));
+    return (g, L) => {
+      const p = V("a-card"), I = V("a-spin");
       return d(), $("div", Zt, [
-        U(ke, {
+        N(ke, {
           title: s.value.banner.title,
           subTitle: s.value.banner.subTitle,
-          email: z()
+          email: j()
         }, null, 8, ["title", "subTitle", "email"]),
         h("div", en, [
-          U(S, {
-            loading: A.value,
+          N(I, {
+            loading: T.value,
             class: "form-container"
           }, {
             default: b(() => [
               h("div", tn, [
                 h("div", nn, [
-                  (d(!0), $(M, null, K(ee.value, (x) => (d(), L(f, {
-                    key: x.name,
-                    title: x.name,
+                  (d(!0), $(D, null, B(te.value, (A) => (d(), F(p, {
+                    key: A.name,
+                    title: A.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: b(() => [
                       h("div", on, [
-                        (d(!0), $(M, null, K(x.fields, (y) => (d(), L(Fe, {
-                          key: y.fieldKey,
+                        (d(!0), $(D, null, B(A.fields, (v) => (d(), F(Le, {
+                          key: v.fieldKey,
                           ref_for: !0,
                           ref: "dataWidgets",
-                          "field-key": y.fieldKey,
-                          config: y,
-                          "class-name": m.className,
-                          modelValue: v[y.fieldKey],
-                          "onUpdate:modelValue": (N) => v[y.fieldKey] = N,
+                          "field-key": v.fieldKey,
+                          config: v,
+                          "class-name": g.className,
+                          modelValue: _[v.fieldKey],
+                          "onUpdate:modelValue": (w) => _[v.fieldKey] = w,
                           class: "form-field",
-                          onChange: Z
+                          onChange: ee
                         }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
                       ])
                     ]),
                     _: 2
                   }, 1032, ["title"]))), 128))
                 ]),
-                m.$slots.content ? (d(), $("div", an, [
-                  ae(m.$slots, "content", {}, void 0, !0)
-                ])) : oe("", !0)
+                g.$slots.content ? (d(), $("div", an, [
+                  se(g.$slots, "content", {}, void 0, !0)
+                ])) : ae("", !0)
               ])
             ]),
             _: 3
@@ -1026,24 +1035,25 @@ const Zt = { class: "page-container" }, en = { class: "page-body" }, tn = { clas
         ]),
         h("div", sn, [
           h("div", rn, [
-            ae(m.$slots, "action", {}, void 0, !0),
+            se(g.$slots, "action", {}, void 0, !0),
             h("div", ln, [
-              (d(!0), $(M, null, K(I.value, (x) => (d(), L(me, {
-                key: x.Title,
-                config: x,
+              (d(!0), $(D, null, B(x.value, (A) => (d(), F(me, {
+                key: A.Title,
+                loading: A.loading,
+                config: A,
                 class: "action-button",
-                onClick: J
-              }, null, 8, ["config"]))), 128))
+                onClick: (...v) => X(A, ...v)
+              }, null, 8, ["loading", "config", "onClick"]))), 128))
             ])
           ])
         ])
       ]);
     };
   }
-}), un = /* @__PURE__ */ de(cn, [["__scopeId", "data-v-dc029579"]]), dn = { class: "page-container" }, pn = { class: "page-body" }, fn = { class: "form-card" }, mn = { class: "form-fields-vertical" }, gn = { class: "form-fields" }, vn = {
+}), un = /* @__PURE__ */ de(cn, [["__scopeId", "data-v-ca3b2cdb"]]), dn = { class: "page-container" }, fn = { class: "page-body" }, pn = { class: "form-card" }, mn = { class: "form-fields-vertical" }, gn = { class: "form-fields" }, vn = {
   key: 0,
   class: "form-content"
-}, _n = { class: "page-footer" }, yn = { class: "action-container" }, wn = { class: "action-buttons" }, bn = /* @__PURE__ */ B({
+}, _n = { class: "page-footer" }, yn = { class: "action-container" }, wn = { class: "action-buttons" }, bn = /* @__PURE__ */ K({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1058,63 +1068,63 @@ const Zt = { class: "page-container" }, en = { class: "page-body" }, tn = { clas
         title: "",
         subTitle: ""
       }
-    }), i = k([]), _ = k({});
-    function p(m) {
-      return m ? Object.entries(m).map(([f, S]) => ({
-        fieldKey: f,
-        ...S
-      })).filter((f) => f.widget && f.widget.widget !== "Hidden").filter((f) => !Q.value.includes(f.fieldKey)) : [];
+    }), i = k([]), y = k({});
+    function f(g) {
+      return g ? Object.entries(g).map(([p, I]) => ({
+        fieldKey: p,
+        ...I
+      })).filter((p) => p.widget && p.widget.widget !== "Hidden").filter((p) => !Z.value.includes(p.fieldKey)) : [];
     }
-    function V(m) {
-      return m ? Object.entries(m).filter(([f, S]) => S.dependent).reduce((f, [S, x]) => (f[S] = x.dependent, f), {}) : [];
+    function S(g) {
+      return g ? Object.entries(g).filter(([p, I]) => I.dependent).reduce((p, [I, A]) => (p[I] = A.dependent, p), {}) : [];
     }
-    const I = O(() => s.value?.actions ? [...s.value.actions].reverse() : []), v = Ne({}), A = k(!1);
-    se(async () => {
-      A.value = !0, s.value = await ye(le.Update, c.className, {
+    const x = O(() => s.value?.actions ? [...s.value.actions].reverse() : []), _ = Ue({}), T = k(!1);
+    re(async () => {
+      T.value = !0, s.value = await ye(ie.Update, c.className, {
         svrStore: n,
         bpmStore: o
       }, {
         workflowId: c.workflowId
       });
-      const m = await Oe(le.Update, c.className, { workflowId: c.workflowId, email: z() }), F = await Ge(c.className, c.workflowId);
-      s.value.actions = s.value.actions?.filter((f) => {
-        const S = m.find((x) => x.button === f.title);
-        return S ? S.isShow : !0;
-      }), i.value = p(s.value.fields), _.value = V(s.value.fields);
-      for (const f in s.value.fields) {
-        if (s.value.fields[f].widget?.widget === "File") {
-          const S = i.value.find((x) => x.fieldKey === f);
-          S && S.widget && (S.widget.files = F[f] ?? [], S.widget.removeFile = (x) => It(c.className, x));
+      const g = await Oe(ie.Update, c.className, { workflowId: c.workflowId, email: j() }), L = await Ge(c.className, c.workflowId);
+      s.value.actions = s.value.actions?.filter((p) => {
+        const I = g.find((A) => A.button === p.title);
+        return I ? I.isShow : !0;
+      }), i.value = f(s.value.fields), y.value = S(s.value.fields);
+      for (const p in s.value.fields) {
+        if (s.value.fields[p].widget?.widget === "File") {
+          const I = i.value.find((A) => A.fieldKey === p);
+          I && I.widget && (I.widget.files = L[p] ?? [], I.widget.removeFile = (A) => It(c.className, A));
         }
-        v[f] = s.value.fields[f].modelValue;
+        _[p] = s.value.fields[p].modelValue;
       }
-      A.value = !1;
+      T.value = !1;
     });
-    function z() {
+    function j() {
       return n()?.userInfo?.email_address ?? "";
     }
-    async function J(m, F, f) {
-      switch (m) {
-        case Y.Submit:
-          let S = !0;
-          if (l.value?.forEach((x) => {
-            x?.validate && (x.validate() || (S = !1));
-          }), !S) {
+    async function X(g, L, p, I, A) {
+      switch (L) {
+        case J.Submit:
+          let v = !0;
+          if (l.value?.forEach((w) => {
+            w?.validate && (w.validate() || (v = !1));
+          }), !v) {
             r?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
-          await yt(c.className, c.workflowId, { ...v, ..._.value }, F), l.value?.forEach((x) => {
-            x?.submit && x.submit(c.workflowId);
-          }), r?.appContext.config.globalProperties.$notification.success("update success!"), t.push({ name: "List", params: { className: c.className } });
+          g.loading = !0, await yt(c.className, c.workflowId, { ..._, ...y.value }, p), g.loading = !1, l.value?.forEach((w) => {
+            w?.submit && w.submit(c.workflowId);
+          }), r?.appContext.config.globalProperties.$notification.success("update success!");
           break;
-        case Y.Link:
-          t.push({ name: f, params: { className: c.className } });
+        case J.Link:
+          t.push({ name: I, params: { className: c.className } });
           break;
         default:
-          console.warn("Unknown action type:", m);
+          console.warn("Unknown action type:", L);
       }
     }
-    const Q = k([
+    const Z = k([
       "jobScpope",
       "currentWorkdayId",
       "originalGrade",
@@ -1122,53 +1132,53 @@ const Zt = { class: "page-container" }, en = { class: "page-body" }, tn = { clas
       "jobAttachmentPrevious",
       "positionId"
     ]);
-    function Z(m, F) {
-      a[m]?.(F, Q), s.value && (i.value = p(s.value.fields));
+    function ee(g, L) {
+      a[g]?.(L, Z), s.value && (i.value = f(s.value.fields));
     }
-    const ee = O(() => Re(i.value));
-    return (m, F) => {
-      const f = C("a-card"), S = C("a-spin");
+    const te = O(() => Re(i.value));
+    return (g, L) => {
+      const p = V("a-card"), I = V("a-spin");
       return d(), $("div", dn, [
-        U(ke, {
+        N(ke, {
           title: s.value.banner.title,
           subTitle: s.value.banner.subTitle,
-          email: z()
+          email: j()
         }, null, 8, ["title", "subTitle", "email"]),
-        h("div", pn, [
-          U(S, {
-            loading: A.value,
+        h("div", fn, [
+          N(I, {
+            loading: T.value,
             class: "form-container"
           }, {
             default: b(() => [
-              h("div", fn, [
+              h("div", pn, [
                 h("div", mn, [
-                  (d(!0), $(M, null, K(ee.value, (x) => (d(), L(f, {
-                    key: x.name,
-                    title: x.name,
+                  (d(!0), $(D, null, B(te.value, (A) => (d(), F(p, {
+                    key: A.name,
+                    title: A.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: b(() => [
                       h("div", gn, [
-                        (d(!0), $(M, null, K(x.fields, (y) => (d(), L(Fe, {
-                          key: y.fieldKey,
+                        (d(!0), $(D, null, B(A.fields, (v) => (d(), F(Le, {
+                          key: v.fieldKey,
                           ref_for: !0,
                           ref: "dataWidgets",
-                          "field-key": y.fieldKey,
-                          config: y,
-                          "class-name": m.className,
-                          modelValue: v[y.fieldKey],
-                          "onUpdate:modelValue": (N) => v[y.fieldKey] = N,
+                          "field-key": v.fieldKey,
+                          config: v,
+                          "class-name": g.className,
+                          modelValue: _[v.fieldKey],
+                          "onUpdate:modelValue": (w) => _[v.fieldKey] = w,
                           class: "form-field",
-                          onChange: Z
+                          onChange: ee
                         }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
                       ])
                     ]),
                     _: 2
                   }, 1032, ["title"]))), 128))
                 ]),
-                m.$slots.content ? (d(), $("div", vn, [
-                  ae(m.$slots, "content", {}, void 0, !0)
-                ])) : oe("", !0)
+                g.$slots.content ? (d(), $("div", vn, [
+                  se(g.$slots, "content", {}, void 0, !0)
+                ])) : ae("", !0)
               ])
             ]),
             _: 3
@@ -1176,38 +1186,39 @@ const Zt = { class: "page-container" }, en = { class: "page-body" }, tn = { clas
         ]),
         h("div", _n, [
           h("div", yn, [
-            ae(m.$slots, "action", {}, void 0, !0),
+            se(g.$slots, "action", {}, void 0, !0),
             h("div", wn, [
-              (d(!0), $(M, null, K(I.value, (x) => (d(), L(me, {
-                key: x.Title,
-                config: x,
+              (d(!0), $(D, null, B(x.value, (A) => (d(), F(me, {
+                key: A.Title,
+                loading: A.loading,
+                config: A,
                 class: "action-button",
-                onClick: J
-              }, null, 8, ["config"]))), 128))
+                onClick: (...v) => X(A, ...v)
+              }, null, 8, ["loading", "config", "onClick"]))), 128))
             ])
           ])
         ])
       ]);
     };
   }
-}), hn = /* @__PURE__ */ de(bn, [["__scopeId", "data-v-84942730"]]), Xe = Symbol("library-custom-comp");
+}), hn = /* @__PURE__ */ de(bn, [["__scopeId", "data-v-9e5cdbac"]]), Xe = Symbol("library-custom-comp");
 function kn() {
   return ce(Xe, null);
 }
-const Cn = Symbol("ArcoConfigProvider"), Vn = "arco", Sn = "$arco", xn = (e) => {
+const Cn = Symbol("ArcoConfigProvider"), Vn = "arco", Sn = "$arco", $n = (e) => {
   var t, a, n;
   const o = _e(), l = ce(Cn, void 0);
   return `${(n = (a = l?.prefixCls) != null ? a : (t = o?.appContext.config.globalProperties[Sn]) == null ? void 0 : t.classPrefix) != null ? n : Vn}-${e}`;
-}, $n = Object.prototype.toString;
+}, xn = Object.prototype.toString;
 function In(e) {
-  return $n.call(e) === "[object Number]" && e === e;
+  return xn.call(e) === "[object Number]" && e === e;
 }
 var An = (e, t) => {
   for (const [a, n] of t)
     e[a] = n;
   return e;
 };
-const Tn = B({
+const Tn = K({
   name: "IconDownload",
   props: {
     size: {
@@ -1234,7 +1245,7 @@ const Tn = B({
     click: (e) => !0
   },
   setup(e, { emit: t }) {
-    const a = xn("icon"), n = O(() => [a, `${a}-download`, { [`${a}-spin`]: e.spin }]), o = O(() => {
+    const a = $n("icon"), n = O(() => [a, `${a}-download`, { [`${a}-spin`]: e.spin }]), o = O(() => {
       const r = {};
       return e.size && (r.fontSize = In(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
     });
@@ -1246,8 +1257,8 @@ const Tn = B({
       }
     };
   }
-}), Nn = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function Un(e, t, a, n, o, l) {
+}), Un = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Nn(e, t, a, n, o, l) {
   return d(), $("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -1261,22 +1272,22 @@ function Un(e, t, a, n, o, l) {
     onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
   }, t[1] || (t[1] = [
     h("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
-  ]), 14, Nn);
+  ]), 14, Un);
 }
-var $e = /* @__PURE__ */ An(Tn, [["render", Un]]);
-const Ln = Object.assign($e, {
+var xe = /* @__PURE__ */ An(Tn, [["render", Nn]]);
+const Fn = Object.assign(xe, {
   install: (e, t) => {
     var a;
     const n = (a = t?.iconPrefix) != null ? a : "";
-    e.component(n + $e.name, $e);
+    e.component(n + xe.name, xe);
   }
-}), Fn = { class: "page-container" }, Pn = { class: "page-body" }, Rn = { class: "detail-card" }, Mn = { class: "form-fields-vertical" }, Hn = { class: "detail-fields" }, Dn = { class: "detail-field" }, Kn = { class: "field-label" }, Bn = {
+}), Ln = { class: "page-container" }, Pn = { class: "page-body" }, Rn = { class: "detail-card" }, Mn = { class: "form-fields-vertical" }, Dn = { class: "detail-fields" }, Hn = { class: "detail-field" }, Bn = { class: "field-label" }, Kn = {
   key: 1,
   class: "field-value"
-}, zn = { class: "detail-field-wrapper" }, jn = { class: "detail-field" }, En = {
+}, jn = { class: "detail-field-wrapper" }, zn = { class: "detail-field" }, En = {
   key: 0,
   class: "detail-content"
-}, On = { class: "page-footer" }, Gn = { class: "action-container" }, Wn = { class: "action-buttons" }, qn = /* @__PURE__ */ B({
+}, On = { class: "page-footer" }, Gn = { class: "action-container" }, Wn = { class: "action-buttons" }, qn = /* @__PURE__ */ K({
   __name: "DetailView",
   props: {
     className: {},
@@ -1292,17 +1303,17 @@ const Ln = Object.assign($e, {
         subTitle: ""
       }
     }), i = k([]);
-    function _(y) {
-      return y ? Object.entries(y).map(([H, w]) => (typeof w.modelValue == "boolean" ? w.fieldValue = w.modelValue ? "Yes" : "No" : w.fieldValue = w.modelValue, {
-        fieldKey: H,
-        ...w
-      })).filter((H) => H.widget && H.widget.widget !== "Hidden") : [];
+    function y(v) {
+      return v ? Object.entries(v).map(([P, C]) => (typeof C.modelValue == "boolean" ? C.fieldValue = C.modelValue ? "Yes" : "No" : C.fieldValue = C.modelValue, {
+        fieldKey: P,
+        ...C
+      })).filter((P) => P.widget && P.widget.widget !== "Hidden") : [];
     }
-    const p = O(() => Re(i.value)), V = O(() => s.value?.actions ? [...s.value.actions].reverse() : []), I = k(!0), v = (y, N) => {
-      const H = y.findIndex((w) => w.isCurrent);
-      return y.map((w, g) => {
+    const f = O(() => Re(i.value)), S = O(() => s.value?.actions ? [...s.value.actions].reverse() : []), x = k(!0), _ = (v, w) => {
+      const P = v.findIndex((C) => C.isCurrent);
+      return v.map((C, m) => {
         const u = {
-          id: w.id,
+          id: C.id,
           title: "",
           proxy: "",
           sub: "",
@@ -1310,182 +1321,183 @@ const Ln = Object.assign($e, {
           status: 1,
           time: ""
         };
-        u.title = w.workflowProcessApprovers[0]?.name;
-        const T = w.workflowProcessApprovers[w.workflowProcessApprovers.length - 1], j = w.workflowHistorys[w.workflowHistorys.length - 1], te = j?.workflowHistoryApprovers[j?.workflowHistoryApprovers?.length - 1];
-        if (T && te && T?.email?.toLowerCase() !== te?.approverEmail?.toLowerCase() && (u.title = `${te.name}`, u.proxy = `Proxy: ${T.name}`), w.sort > 1 ? u.sub = "Approver Role: " + w.nodeName.replace("Submit", "").replace("Approve", "") : u.sub = "Submit Application", w.isCurrent && N !== -1)
+        u.title = C.workflowProcessApprovers[0]?.name;
+        const U = C.workflowProcessApprovers[C.workflowProcessApprovers.length - 1], z = C.workflowHistorys[C.workflowHistorys.length - 1], q = z?.workflowHistoryApprovers[z?.workflowHistoryApprovers?.length - 1];
+        if (U && q && U?.email?.toLowerCase() !== q?.approverEmail?.toLowerCase() && (u.title = `${q.name}`, u.proxy = `Proxy: ${U.name}`), C.sort > 1 ? u.sub = "Approver Role: " + C.nodeName.replace("Submit", "").replace("Approve", "") : u.sub = "Submit Application", C.isCurrent && w !== -1)
           u.desc = "In Approval", u.status = 1;
         else {
-          const E = w.workflowHistorys[w.workflowHistorys.length - 1];
+          const E = C.workflowHistorys[C.workflowHistorys.length - 1];
           if (E && E.status === 100)
             u.time = ve(E.takeActionAt, "yyyy-MM-dd hh:mm:ss"), u.status = 2, u.desc = "approve success!";
           else if (E && E.status === 999)
             u.time = ve(E.takeActionAt, "yyyy-MM-dd hh:mm:ss"), u.status = 0, u.desc = "approve reject!";
           else if (E)
-            if (u.time = ve(E.takeActionAt, "yyyy-MM-dd hh:mm:ss"), w.sort === 1)
+            if (u.time = ve(E.takeActionAt, "yyyy-MM-dd hh:mm:ss"), C.sort === 1)
               u.status = 2, u.desc = "";
             else {
-              const ie = E.workflowHistoryApprovers[0];
-              u.status = 3, u.desc = ie?.reason ? `Rejected reason: ${ie.reason}` : "Rejected";
+              const le = E.workflowHistoryApprovers[0];
+              u.status = 3, u.desc = le?.reason ? `Rejected reason: ${le.reason}` : "Rejected";
             }
-          else g < H || H === -1 ? (u.status = 0, u.desc = "Skipped") : (u.status = 0, u.desc = "Pending Approval");
+          else m < P || P === -1 ? (u.status = 0, u.desc = "Skipped") : (u.status = 0, u.desc = "Pending Approval");
           E && E.status;
         }
         return u;
       });
-    }, A = k([]), z = k(!1);
-    se(async () => {
-      I.value = !0, s.value = await ye(le.Details, c.className, {
+    }, T = k([]), j = k(!1);
+    re(async () => {
+      x.value = !0, s.value = await ye(ie.Details, c.className, {
         svrStore: t,
         bpmStore: a
       }, {
         workflowId: c.workflowId
       });
-      const y = await Oe(le.Details, c.className, { workflowId: c.workflowId, email: X() }), N = await Ge(c.className, c.workflowId);
-      F.value = await At(), ee.value = await He(c.workflowId), s.value.actions = s.value.actions?.filter((w) => {
-        const g = y.find((u) => u.button === w.title);
-        return g ? g.isShow : !0;
-      }), z.value = y.find((w) => w.button === "IsGlobal")?.isShow ?? !1, i.value = _(s.value.fields);
-      for (const w in s.value.fields)
-        if (s.value.fields[w].widget?.widget === "File") {
-          const g = i.value.find((u) => u.fieldKey === w);
-          g && g.widget && (g.widget.files = N[w] ?? []);
+      const v = await Oe(ie.Details, c.className, { workflowId: c.workflowId, email: Q() }), w = await Ge(c.className, c.workflowId);
+      L.value = await At(), te.value = await De(c.workflowId), s.value.actions = s.value.actions?.filter((C) => {
+        const m = v.find((u) => u.button === C.title);
+        return m ? m.isShow : !0;
+      }), j.value = v.find((C) => C.button === "IsGlobal")?.isShow ?? !1, i.value = y(s.value.fields);
+      for (const C in s.value.fields)
+        if (s.value.fields[C].widget?.widget === "File") {
+          const m = i.value.find((u) => u.fieldKey === C);
+          m && m.widget && (m.widget.files = w[C] ?? []);
         }
-      const H = await xt(c.className, c.workflowId);
-      A.value = v(H, 0), I.value = !1;
+      const P = await $t(c.className, c.workflowId);
+      T.value = _(P, 0), x.value = !1;
     });
-    async function J(y, N) {
-      return n[y]?.(N);
+    async function X(v, w) {
+      return n[v]?.(w);
     }
-    function X() {
+    function Q() {
       return t()?.userInfo?.email_address ?? "";
     }
-    async function Q(y, N, H, w) {
+    async function Z(v, w, P, C, m) {
       try {
-        switch (y) {
-          case Y.Submit:
-            const { reason: g, ifGlobal: u } = await J(w, { isGlobal: z.value }), T = w === "Approve" ? "100" : "-1";
-            await Vt(c.className, c.workflowId, X(), g, [Number(c.workflowId)], N, T, u);
-            const j = w === "Approve" ? "approve success!" : "approve reject!";
-            r?.appContext.config.globalProperties.$notification.success(j), o.push({ name: "List", params: { className: c.className } });
+        switch (w) {
+          case J.Submit:
+            v.loading = !0;
+            const { reason: u, ifGlobal: U } = await X(m, { isGlobal: j.value }), z = m === "Approve" ? "100" : "-1";
+            await Vt(c.className, c.workflowId, Q(), u, [Number(c.workflowId)], P, z, U), v.loading = !1;
+            const q = m === "Approve" ? "approve success!" : "approve reject!";
+            r?.appContext.config.globalProperties.$notification.success(q);
             break;
-          case Y.Link:
-            H === "List" && o.push({ name: "List", params: { className: c.className } });
+          case J.Link:
+            C === "List" && o.push({ name: "List", params: { className: c.className } });
             break;
           default:
-            console.warn("Unknown action type:", y);
+            console.warn("Unknown action type:", w);
         }
       } catch {
       }
     }
-    const Z = k(""), ee = k([]), m = k(""), F = k([]);
-    async function f() {
-      if (!m.value) {
+    const ee = k(""), te = k([]), g = k(""), L = k([]);
+    async function p() {
+      if (!g.value) {
         r?.appContext.config.globalProperties.$message.error("Please select an approver");
         return;
       }
-      await S(), await Tt(c.workflowId, m.value), r?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+      await I(), await Tt(c.workflowId, g.value), r?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
     }
-    async function S() {
-      const { Modal: y } = await import("@arco-design/web-vue");
-      return new Promise((N, H) => {
-        y.confirm({
+    async function I() {
+      const { Modal: v } = await import("@arco-design/web-vue");
+      return new Promise((w, P) => {
+        v.confirm({
           title: "Confirm Assign Approver",
           content: "Do you want to assign the selected approver?",
           okText: "OK",
           cancelText: "Cancel",
-          onOk: () => N(!0),
-          onCancel: () => H()
+          onOk: () => w(!0),
+          onCancel: () => P()
         });
       });
     }
-    async function x() {
-      if (!Z.value.trim()) {
+    async function A() {
+      if (!ee.value.trim()) {
         r?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await Nt(c.workflowId, X(), Z.value), Z.value = "", ee.value = await He(c.workflowId), r?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
+      await Ut(c.workflowId, Q(), ee.value), ee.value = "", te.value = await De(c.workflowId), r?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
     }
-    return (y, N) => {
-      const H = C("a-link"), w = C("a-space"), g = C("a-card"), u = C("a-option"), T = C("a-select"), j = C("a-button"), te = C("a-textarea"), E = C("a-list-item"), ie = C("a-list"), Ce = C("a-spin");
-      return d(), $("div", Fn, [
-        U(ke, {
+    return (v, w) => {
+      const P = V("a-link"), C = V("a-space"), m = V("a-card"), u = V("a-option"), U = V("a-select"), z = V("a-button"), q = V("a-textarea"), E = V("a-list-item"), le = V("a-list"), Ce = V("a-spin");
+      return d(), $("div", Ln, [
+        N(ke, {
           title: s.value.banner.title,
           subTitle: s.value.banner.subTitle,
-          email: X()
+          email: Q()
         }, null, 8, ["title", "subTitle", "email"]),
         h("div", Pn, [
-          U(Ce, {
-            loading: I.value,
+          N(Ce, {
+            loading: x.value,
             class: "detail-container"
           }, {
             default: b(() => [
               h("div", Rn, [
-                (d(), L(Te(Ve(l).Steps), { steps: A.value }, null, 8, ["steps"])),
+                (d(), F(Te(Ve(l).Steps), { steps: T.value }, null, 8, ["steps"])),
                 h("div", Mn, [
-                  (d(!0), $(M, null, K(p.value, (P) => (d(), L(g, {
-                    key: P.name,
-                    title: P.name,
+                  (d(!0), $(D, null, B(f.value, (R) => (d(), F(m, {
+                    key: R.name,
+                    title: R.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: b(() => [
-                      h("div", Hn, [
-                        (d(!0), $(M, null, K(P.fields, (re) => (d(), $("div", {
-                          key: re.fieldKey,
+                      h("div", Dn, [
+                        (d(!0), $(D, null, B(R.fields, (oe) => (d(), $("div", {
+                          key: oe.fieldKey,
                           class: "detail-field-wrapper"
                         }, [
-                          h("div", Dn, [
-                            h("div", Kn, W(re.widget?.title), 1),
-                            re.widget?.widget === "File" ? (d(!0), $(M, { key: 0 }, K(re.widget.files, (R) => (d(), $("div", {
+                          h("div", Hn, [
+                            h("div", Bn, W(oe.widget?.title), 1),
+                            oe.widget?.widget === "File" ? (d(!0), $(D, { key: 0 }, B(oe.widget.files, (M) => (d(), $("div", {
                               class: "field-value",
-                              key: R.id
+                              key: M.id
                             }, [
-                              U(w, null, {
+                              N(C, null, {
                                 default: b(() => [
-                                  q(W(R.name) + " ", 1),
-                                  U(H, {
-                                    href: R.url,
+                                  Y(W(M.name) + " ", 1),
+                                  N(P, {
+                                    href: M.url,
                                     target: "_blank"
                                   }, {
                                     default: b(() => [
-                                      U(Ve(Ln), { style: { color: "#7A00E6" } })
+                                      N(Ve(Fn), { style: { color: "#7A00E6" } })
                                     ]),
                                     _: 2
                                   }, 1032, ["href"])
                                 ]),
                                 _: 2
                               }, 1024)
-                            ]))), 128)) : (d(), $("div", Bn, W(re.fieldValue), 1))
+                            ]))), 128)) : (d(), $("div", Kn, W(oe.fieldValue), 1))
                           ])
                         ]))), 128))
                       ])
                     ]),
                     _: 2
                   }, 1032, ["title"]))), 128)),
-                  U(w, null, {
+                  N(C, null, {
                     default: b(() => [
-                      U(T, {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": N[0] || (N[0] = (P) => m.value = P)
+                      N(U, {
+                        modelValue: g.value,
+                        "onUpdate:modelValue": w[0] || (w[0] = (R) => g.value = R)
                       }, {
                         default: b(() => [
-                          (d(!0), $(M, null, K(F.value, (P) => (d(), L(u, {
-                            key: P.value,
-                            value: P.value
+                          (d(!0), $(D, null, B(L.value, (R) => (d(), F(u, {
+                            key: R.value,
+                            value: R.value
                           }, {
                             default: b(() => [
-                              q(W(P.label), 1)
+                              Y(W(R.label), 1)
                             ]),
                             _: 2
                           }, 1032, ["value"]))), 128))
                         ]),
                         _: 1
                       }, 8, ["modelValue"]),
-                      U(j, {
+                      N(z, {
                         type: "primary",
-                        onClick: f
+                        onClick: p
                       }, {
-                        default: b(() => N[2] || (N[2] = [
-                          q("Assign Approver", -1)
+                        default: b(() => w[2] || (w[2] = [
+                          Y("Assign Approver", -1)
                         ])),
                         _: 1,
                         __: [2]
@@ -1493,45 +1505,45 @@ const Ln = Object.assign($e, {
                     ]),
                     _: 1
                   }),
-                  h("div", zn, [
-                    h("div", jn, [
-                      N[4] || (N[4] = h("div", { class: "field-label" }, "Comment", -1)),
-                      U(te, {
-                        modelValue: Z.value,
-                        "onUpdate:modelValue": N[1] || (N[1] = (P) => Z.value = P)
+                  h("div", jn, [
+                    h("div", zn, [
+                      w[4] || (w[4] = h("div", { class: "field-label" }, "Comment", -1)),
+                      N(q, {
+                        modelValue: ee.value,
+                        "onUpdate:modelValue": w[1] || (w[1] = (R) => ee.value = R)
                       }, null, 8, ["modelValue"]),
-                      U(j, {
+                      N(z, {
                         type: "primary",
-                        onClick: x
+                        onClick: A
                       }, {
-                        default: b(() => N[3] || (N[3] = [
-                          q("Add Comment", -1)
+                        default: b(() => w[3] || (w[3] = [
+                          Y("Add Comment", -1)
                         ])),
                         _: 1,
                         __: [3]
                       })
                     ])
                   ]),
-                  ee.value.length ? (d(), L(ie, { key: 0 }, {
-                    header: b(() => N[5] || (N[5] = [
-                      q(" Comments History ", -1)
+                  te.value.length ? (d(), F(le, { key: 0 }, {
+                    header: b(() => w[5] || (w[5] = [
+                      Y(" Comments History ", -1)
                     ])),
                     default: b(() => [
-                      (d(!0), $(M, null, K(ee.value, (P) => (d(), L(E, {
-                        key: P.associator
+                      (d(!0), $(D, null, B(te.value, (R) => (d(), F(E, {
+                        key: R.associator
                       }, {
                         default: b(() => [
-                          q(W(P.associator) + ": " + W(P.comments) + " (" + W(Ve(ve)(P.createdAt)) + ") ", 1)
+                          Y(W(R.associator) + ": " + W(R.comments) + " (" + W(Ve(ve)(R.createdAt)) + ") ", 1)
                         ]),
                         _: 2
                       }, 1024))), 128))
                     ]),
                     _: 1
-                  })) : oe("", !0)
+                  })) : ae("", !0)
                 ]),
-                y.$slots.content ? (d(), $("div", En, [
-                  ae(y.$slots, "content", {}, void 0, !0)
-                ])) : oe("", !0)
+                v.$slots.content ? (d(), $("div", En, [
+                  se(v.$slots, "content", {}, void 0, !0)
+                ])) : ae("", !0)
               ])
             ]),
             _: 3
@@ -1539,28 +1551,29 @@ const Ln = Object.assign($e, {
         ]),
         h("div", On, [
           h("div", Gn, [
-            ae(y.$slots, "action", {}, void 0, !0),
+            se(v.$slots, "action", {}, void 0, !0),
             h("div", Wn, [
-              (d(!0), $(M, null, K(V.value, (P) => (d(), L(me, {
-                key: P.Title,
-                config: P,
+              (d(!0), $(D, null, B(S.value, (R) => (d(), F(me, {
+                key: R.Title,
+                loading: R.loading,
+                config: R,
                 class: "action-button",
-                onClick: Q
-              }, null, 8, ["config"]))), 128))
+                onClick: (...oe) => Z(R, ...oe)
+              }, null, 8, ["loading", "config", "onClick"]))), 128))
             ])
           ])
         ])
       ]);
     };
   }
-}), Yn = /* @__PURE__ */ de(qn, [["__scopeId", "data-v-1727b5f3"]]), Jn = { class: "list-container" }, Xn = { class: "query-title" }, Qn = { class: "field-wrapper" }, Zn = /* @__PURE__ */ B({
+}), Yn = /* @__PURE__ */ de(qn, [["__scopeId", "data-v-9d23c75b"]]), Jn = { class: "list-container" }, Xn = { class: "query-title" }, Qn = { class: "field-wrapper" }, Zn = /* @__PURE__ */ K({
   name: "ListView",
   __name: "ListView",
   props: {
     className: {}
   },
   setup(e) {
-    const t = he(), a = be(), n = we(), o = e, l = k(), r = Ne({
+    const t = he(), a = be(), n = we(), o = e, l = k(), r = Ue({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -1570,15 +1583,15 @@ const Ln = Object.assign($e, {
       filters: []
     });
     function c() {
-      const g = Object.entries(f.value).filter(([, u]) => u && u !== "").map(([u, T]) => ({
+      const m = Object.entries(p.value).filter(([, u]) => u && u !== "").map(([u, U]) => ({
         key: u,
-        value: T
+        value: U
         // operator: 'like' // 根据实际需要调整操作符
       }));
       return {
         pageNumber: r.current,
         pageSize: r.pageSize,
-        filters: [...r.filters, ...g],
+        filters: [...r.filters, ...m],
         sorts: [{
           key: "status",
           type: 0
@@ -1586,14 +1599,14 @@ const Ln = Object.assign($e, {
       };
     }
     const s = O(() => ({
-      x: p.value.length * 150 + 250
+      x: f.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
-    })), i = (g) => {
-      const u = Object.entries(g).filter(([, T]) => T.widget?.column).map(([T, j], te) => ({
-        title: j.widget.title,
-        dataIndex: T.charAt(0).toLowerCase() + T.slice(1),
-        order: j.order,
+    })), i = (m) => {
+      const u = Object.entries(m).filter(([, U]) => U.widget?.column).map(([U, z], q) => ({
+        title: z.widget.title,
+        dataIndex: U.charAt(0).toLowerCase() + U.slice(1),
+        order: z.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -1601,7 +1614,7 @@ const Ln = Object.assign($e, {
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((T, j) => T.order - j.order);
+      })).sort((U, z) => U.order - z.order);
       u.push({
         title: "Actions",
         slotName: "optional",
@@ -1610,144 +1623,144 @@ const Ln = Object.assign($e, {
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), p.value = u;
-    }, _ = k([]), p = k([]), V = k(!0), I = k(!0), v = k(), A = async () => {
-      I.value = !0;
-      const g = await vt(o.className, c());
-      _.value = g.data, r.total = g.totalCount, I.value = !1;
-    }, z = k(!1);
-    se(async () => {
-      V.value = !0, l.value = await ye(3, o.className, {
+      }), f.value = u;
+    }, y = k([]), f = k([]), S = k(!0), x = k(!0), _ = k(), T = async () => {
+      x.value = !0;
+      const m = await vt(o.className, c());
+      y.value = m.data, r.total = m.totalCount, x.value = !1;
+    }, j = k(!1);
+    re(async () => {
+      S.value = !0, l.value = await ye(3, o.className, {
         svrStore: t,
         bpmStore: a
-      }), i(l.value.fields), x(l.value.fields), y(), F(l.value?.tabs?.[0]?.key || ""), v.value = l.value.actions, V.value = !1, z.value = !0;
+      }), i(l.value.fields), A(l.value.fields), v(), L(l.value?.tabs?.[0]?.key || ""), _.value = l.value.actions, S.value = !1, j.value = !0;
     }), nt(() => {
-      z.value && A();
+      j.value && T();
     });
-    const J = (g) => {
-      r.current = g, A();
-    }, X = (g) => {
-      r.pageSize = g, A();
+    const X = (m) => {
+      r.current = m, T();
+    }, Q = (m) => {
+      r.pageSize = m, T();
     };
-    function Q(g, u, T, j, te) {
-      switch (g) {
-        case Y.Link:
-          n.push({ name: T, params: { workflowId: te } });
+    function Z(m, u, U, z, q) {
+      switch (m) {
+        case J.Link:
+          n.push({ name: U, params: { workflowId: q } });
           break;
         default:
-          console.warn("Unknown action type:", g);
+          console.warn("Unknown action type:", m);
       }
     }
-    function Z(g, u, T) {
-      switch (g) {
-        case Y.Link:
-          n.push({ name: T });
+    function ee(m, u, U) {
+      switch (m) {
+        case J.Link:
+          n.push({ name: U });
           break;
         default:
-          console.warn("Unknown action type:", g);
+          console.warn("Unknown action type:", m);
       }
     }
-    function ee() {
+    function te() {
       return t()?.userInfo?.email_address ?? "";
     }
-    function m(g, u) {
-      return g.replace(/{currentUserEmail}/g, u);
+    function g(m, u) {
+      return m.replace(/{currentUserEmail}/g, u);
     }
-    function F(g) {
-      const u = l.value?.tabs?.find((T) => T.key === g)?.filters;
-      r.filters = u?.map((T) => ({
-        ...T,
-        value: m(T.value, ee())
-      })) || [], A();
+    function L(m) {
+      const u = l.value?.tabs?.find((U) => U.key === m)?.filters;
+      r.filters = u?.map((U) => ({
+        ...U,
+        value: g(U.value, te())
+      })) || [], T();
     }
-    const f = k({}), S = k([]);
-    function x(g) {
-      if (!g) return [];
-      S.value = Object.entries(g).filter(([, u]) => u.isFiltered).map(([u, T]) => ({ fieldKey: u, fieldConfig: T }));
+    const p = k({}), I = k([]);
+    function A(m) {
+      if (!m) return [];
+      I.value = Object.entries(m).filter(([, u]) => u.isFiltered).map(([u, U]) => ({ fieldKey: u, fieldConfig: U }));
     }
-    const y = () => {
-      const g = {};
-      S.value.forEach(({ fieldKey: u, fieldConfig: T }) => {
-        g[u] = T.modelValue;
-      }), f.value = g;
-    }, N = () => {
-      r.current = 1, A();
-    }, H = () => {
-      l.value && y(), N();
+    const v = () => {
+      const m = {};
+      I.value.forEach(({ fieldKey: u, fieldConfig: U }) => {
+        m[u] = U.modelValue;
+      }), p.value = m;
+    }, w = () => {
+      r.current = 1, T();
+    }, P = () => {
+      l.value && v(), w();
     };
-    function w(g, u) {
-      return !(g.location !== "InTable" || g.title === "Update" && (u.status === 100 || u.status === -1));
+    function C(m, u) {
+      return !(m.location !== "InTable" || m.title === "Update" && (u.status === 100 || u.status === -1));
     }
-    return (g, u) => {
-      const T = C("a-col"), j = C("a-button"), te = C("a-space"), E = C("a-row"), ie = C("a-card"), Ce = C("a-tab-pane"), P = C("a-tabs"), re = C("a-table");
+    return (m, u) => {
+      const U = V("a-col"), z = V("a-button"), q = V("a-space"), E = V("a-row"), le = V("a-card"), Ce = V("a-tab-pane"), R = V("a-tabs"), oe = V("a-table");
       return d(), $("div", Jn, [
-        U(ke, {
+        N(ke, {
           title: l.value?.banner.title ?? "",
           subTitle: l.value?.banner.subTitle ?? "",
-          email: ee()
+          email: te()
         }, null, 8, ["title", "subTitle", "email"]),
-        U(ie, null, {
+        N(le, null, {
           default: b(() => [
             h("div", Xn, [
               u[0] || (u[0] = h("h3", null, "Search Conditions", -1)),
               h("div", null, [
-                (d(!0), $(M, null, K(v.value, (R) => (d(), $(M, {
-                  key: R.title
+                (d(!0), $(D, null, B(_.value, (M) => (d(), $(D, {
+                  key: M.title
                 }, [
-                  R.location === "InOperation" ? (d(), L(me, {
+                  M.location === "InOperation" ? (d(), F(me, {
                     key: 0,
-                    config: R,
-                    onClick: Z
-                  }, null, 8, ["config"])) : oe("", !0)
+                    config: M,
+                    onClick: ee
+                  }, null, 8, ["config"])) : ae("", !0)
                 ], 64))), 128))
               ])
             ]),
-            U(E, {
+            N(E, {
               gutter: [24, 20],
               class: "search-row"
             }, {
               default: b(() => [
-                (d(!0), $(M, null, K(S.value, (R) => (d(), L(T, {
-                  key: R.fieldKey,
+                (d(!0), $(D, null, B(I.value, (M) => (d(), F(U, {
+                  key: M.fieldKey,
                   span: 6,
                   class: "search-col"
                 }, {
                   default: b(() => [
-                    U(Fe, {
-                      name: R.fieldKey,
-                      config: R.fieldConfig,
-                      modelValue: f.value[R.fieldKey],
-                      "onUpdate:modelValue": (pe) => f.value[R.fieldKey] = pe,
+                    N(Le, {
+                      name: M.fieldKey,
+                      config: M.fieldConfig,
+                      modelValue: p.value[M.fieldKey],
+                      "onUpdate:modelValue": (fe) => p.value[M.fieldKey] = fe,
                       class: "form-field"
                     }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
                   ]),
                   _: 2
                 }, 1024))), 128)),
-                U(T, {
+                N(U, {
                   span: 6,
                   class: "search-col"
                 }, {
                   default: b(() => [
                     h("div", Qn, [
-                      U(te, { size: "medium" }, {
+                      N(q, { size: "medium" }, {
                         default: b(() => [
-                          U(j, {
+                          N(z, {
                             type: "primary",
                             size: "medium",
-                            onClick: N
+                            onClick: w
                           }, {
                             default: b(() => u[1] || (u[1] = [
-                              q(" Search ", -1)
+                              Y(" Search ", -1)
                             ])),
                             _: 1,
                             __: [1]
                           }),
-                          U(j, {
+                          N(z, {
                             size: "medium",
-                            onClick: H
+                            onClick: P
                           }, {
                             default: b(() => u[2] || (u[2] = [
-                              q(" Reset ", -1)
+                              Y(" Reset ", -1)
                             ])),
                             _: 1,
                             __: [2]
@@ -1765,21 +1778,21 @@ const Ln = Object.assign($e, {
           ]),
           _: 1
         }),
-        U(P, {
+        N(R, {
           size: "large",
-          onTabClick: F
+          onTabClick: L
         }, {
           default: b(() => [
-            (d(!0), $(M, null, K(l.value?.tabs, (R) => (d(), L(Ce, {
-              key: R.key,
-              title: R.title
+            (d(!0), $(D, null, B(l.value?.tabs, (M) => (d(), F(Ce, {
+              key: M.key,
+              title: M.title
             }, null, 8, ["title"]))), 128))
           ]),
           _: 1
         }),
-        U(re, {
-          columns: p.value,
-          data: _.value,
+        N(oe, {
+          columns: f.value,
+          data: y.value,
           stripe: "",
           border: "",
           pagination: {
@@ -1791,24 +1804,24 @@ const Ln = Object.assign($e, {
             showJumper: !0,
             pageSizeOptions: [10, 20, 50, 100]
           },
-          loading: I.value,
+          loading: x.value,
           size: "medium",
           scroll: s.value,
-          onPageChange: J,
-          onPageSizeChange: X
+          onPageChange: X,
+          onPageSizeChange: Q
         }, {
-          optional: b(({ record: R }) => [
-            U(te, { size: "small" }, {
+          optional: b(({ record: M }) => [
+            N(q, { size: "small" }, {
               default: b(() => [
-                (d(!0), $(M, null, K(v.value, (pe) => (d(), $(M, {
-                  key: pe.title
+                (d(!0), $(D, null, B(_.value, (fe) => (d(), $(D, {
+                  key: fe.title
                 }, [
-                  w(pe, R) ? (d(), L(me, {
+                  C(fe, M) ? (d(), F(me, {
                     key: 0,
-                    config: pe,
+                    config: fe,
                     size: "small",
-                    onClick: (...Qe) => Q(...Qe, R.workflowId)
-                  }, null, 8, ["config", "onClick"])) : oe("", !0)
+                    onClick: (...Qe) => Z(...Qe, M.workflowId)
+                  }, null, 8, ["config", "onClick"])) : ae("", !0)
                 ], 64))), 128))
               ]),
               _: 2