@chase-shao/vue-component-lib 1.2.59 → 1.2.60

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as w, defineComponent as O, mergeModels as oe, useModel as _e, resolveComponent as $, createBlock as U, openBlock as u, onMounted as ce, computed as q, withCtx as v, createElementBlock as x, Fragment as H, renderList as j, createVNode as L, nextTick as at, createTextVNode as G, useTemplateRef as Pe, createElementVNode as I, createCommentVNode as Q, toDisplayString as W, resolveDynamicComponent as De, renderSlot as le, inject as fe, getCurrentInstance as ye, reactive as Re, normalizeStyle as st, normalizeClass as rt, unref as Ie, onActivated as it } from "vue";
+import { ref as w, defineComponent as O, mergeModels as oe, useModel as _e, resolveComponent as $, createBlock as U, openBlock as u, onMounted as ce, computed as q, withCtx as v, createElementBlock as x, Fragment as H, renderList as z, createVNode as L, nextTick as at, createTextVNode as G, useTemplateRef as De, createElementVNode as I, createCommentVNode as Q, toDisplayString as W, resolveDynamicComponent as Pe, renderSlot as le, inject as fe, getCurrentInstance as ye, reactive as Re, normalizeStyle as st, normalizeClass as rt, unref as Ie, onActivated as it } from "vue";
 import lt from "axios";
 import { defineStore as ct } from "pinia";
 import { Modal as ut } from "@arco-design/web-vue";
@@ -80,7 +80,7 @@ const Ye = async () => {
       n.token = void 0;
     }, (o.data?.expireSeconds ?? 3600) * 1e3), o?.data?.token;
   });
-}, z = async () => {
+}, j = async () => {
   const e = await Ye(), t = qe();
   return t.defaults.headers.common.Authorization = `Bearer ${e}`, t;
 }, Te = {
@@ -106,10 +106,10 @@ function yt() {
   }
   return Ue(_t);
 }
-const wt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ze = { randomUUID: wt };
+const wt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), je = { randomUUID: wt };
 function Je(e, t, a) {
-  if (ze.randomUUID && !e)
-    return ze.randomUUID();
+  if (je.randomUUID && !e)
+    return je.randomUUID();
   e = e || {};
   const n = e.random ?? e.rng?.() ?? yt();
   if (n.length < 16)
@@ -195,11 +195,11 @@ function bt(e, t, a) {
   }), n;
 }
 const he = async (e, t, a, n) => {
-  const c = await (await z()).get(`/General/${t}/${e}/page`, { params: n });
+  const c = await (await j()).get(`/General/${t}/${e}/page`, { params: n });
   return bt(c?.data, e, a);
-}, Xe = async (e, t, a) => (await (await z()).post(`/${t}/${e}/button/List`, null, { params: a }))?.data;
+}, Xe = async (e, t, a) => (await (await j()).post(`/${t}/${e}/button/List`, null, { params: a }))?.data;
 async function ht(e, t) {
-  const n = await (await z()).post(`/General/${e}/list`, t);
+  const n = await (await j()).post(`/General/${e}/list`, t);
   return {
     data: n.data.data,
     totalCount: n.data.totalCount
@@ -219,7 +219,7 @@ async function ht(e, t) {
   };
 }
 async function kt(e, t, a) {
-  const o = await (await z()).post(a, t, {
+  const o = await (await j()).post(a, t, {
     params: {
       className: e
     }
@@ -227,7 +227,7 @@ async function kt(e, t, a) {
   return o.data.length > 0 ? o.data[0] : 0;
 }
 async function Ct(e, t, a, n) {
-  const o = await z(), c = He(n, t);
+  const o = await j(), c = He(n, t);
   return (await o.put(c, a))?.data;
 }
 function He(e, t) {
@@ -249,22 +249,22 @@ function At(e, t) {
   return e.replace(/{ClassName}/g, encodeURIComponent(t));
 }
 async function It(e, t, a, n, o, c, r, l) {
-  const s = await z();
+  const s = await j();
   let i = He(c, t);
   return i = St(i, a), i = Vt(i, n), i = xt(i, r), i = $t(i, l), i = At(i, e), (await s.put(i, o))?.data;
 }
 async function Tt(e, t) {
-  const o = (await (await z()).get(e, { params: { value: t } }))?.data;
+  const o = (await (await j()).get(e, { params: { value: t } }))?.data;
   return Object.entries(o).map(([c, r]) => ({
     value: c,
     label: r
   }));
 }
 async function Ut(e, t = null) {
-  return (await (await z()).post(e, t))?.data;
+  return (await (await j()).post(e, t))?.data;
 }
 async function Nt(e, t) {
-  return (await (await z()).get(`/General/${e}/${t}/process`))?.data;
+  return (await (await j()).get(`/General/${e}/${t}/process`))?.data;
 }
 function Lt(e) {
   return {
@@ -274,37 +274,37 @@ function Lt(e) {
   };
 }
 async function Qe(e, t) {
-  return (await (await z()).get(`/General/${e}/${t}/upload/get`))?.data.reduce((c, r) => {
+  return (await (await j()).get(`/General/${e}/${t}/upload/get`))?.data.reduce((c, r) => {
     const { category: l } = r;
     return c[l] || (c[l] = []), c[l].push(Lt(r)), c;
   }, {});
 }
 async function Ft(e, t) {
-  return (await z()).post(`/General/${e}/${t}/delete/attachment`);
+  return (await j()).post(`/General/${e}/${t}/delete/attachment`);
 }
-async function Pt() {
-  const t = await (await z()).get("/Grading/dropdown/approvers");
+async function Dt() {
+  const t = await (await j()).get("/Grading/dropdown/approvers");
   return Object.entries(t?.data).map(([a, n]) => ({
     label: a,
     value: n
   }));
 }
-async function Dt(e, t) {
-  return await (await z()).post(`Grading/AssignComments/${e}/${encodeURIComponent(t)}`);
+async function Pt(e, t) {
+  return await (await j()).post(`Grading/AssignComments/${e}/${encodeURIComponent(t)}`);
 }
 async function Rt(e, t, a) {
-  return await (await z()).post(`Grading/AddComments/${e}/${encodeURIComponent(t)}`, a, {
+  return await (await j()).post(`Grading/AddComments/${e}/${encodeURIComponent(t)}`, a, {
     headers: { "Content-Type": "application/json;charset=UTF-8" }
   });
 }
 async function Ee(e) {
-  return (await (await z()).get(`Grading/GetComments/${e}`))?.data;
+  return (await (await j()).get(`Grading/GetComments/${e}`))?.data;
 }
 async function Ne(e) {
-  return (await (await z()).get(`Grading/GetAssociator/${e}`))?.data;
+  return (await (await j()).get(`Grading/GetAssociator/${e}`))?.data;
 }
 async function Mt(e) {
-  return await (await z()).delete(`Grading/DeleteAssociator/${e}`);
+  return await (await j()).delete(`Grading/DeleteAssociator/${e}`);
 }
 const pe = (e, t) => {
   let a = "";
@@ -337,8 +337,8 @@ const pe = (e, t) => {
       o("input", i);
     }, s = (i) => {
       const b = r(i);
-      o("error", b.res ? "" : b.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((p) => {
-        p.event === "change" && o(p.event, p.handlerName, i);
+      o("error", b.res ? "" : b.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((f) => {
+        f.event === "change" && o(f.event, f.handlerName, i);
       });
     };
     return t({
@@ -347,8 +347,8 @@ const pe = (e, t) => {
         return o("error", i.res ? "" : i.errorMessages), i.res;
       }
     }), (i, b) => {
-      const p = $("AInput");
-      return u(), U(p, {
+      const f = $("AInput");
+      return u(), U(f, {
         modelValue: c.value,
         "onUpdate:modelValue": b[0] || (b[0] = (k) => c.value = k),
         "allow-clear": "",
@@ -375,24 +375,24 @@ const pe = (e, t) => {
   setup(e, { expose: t, emit: a }) {
     const n = e, o = a, c = _e(e, "modelValue"), r = w(100), l = w(0);
     ce(() => {
-      n.validations && n.validations.forEach((p) => {
-        p.ruleName === "Max" && (r.value = p.ruleParameter), p.ruleName === "Min" && (l.value = p.ruleParameter);
+      n.validations && n.validations.forEach((f) => {
+        f.ruleName === "Max" && (r.value = f.ruleParameter), f.ruleName === "Min" && (l.value = f.ruleParameter);
       });
     });
-    const s = (p) => pe(n.validations, p), i = (p) => {
-      o("input", p);
-    }, b = (p) => {
-      const k = s(p);
+    const s = (f) => pe(n.validations, f), i = (f) => {
+      o("input", f);
+    }, b = (f) => {
+      const k = s(f);
       o("error", k.res ? "" : k.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((A) => {
-        A.event === "change" && o(A.event, A.handlerName, p);
+        A.event === "change" && o(A.event, A.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, k) => {
+    }), (f, k) => {
       const A = $("AInputNumber");
       return u(), U(A, {
         modelValue: c.value,
@@ -419,32 +419,32 @@ const pe = (e, t) => {
   }),
   emits: /* @__PURE__ */ oe(["update:modelValue", "change"], ["update:modelValue"]),
   setup(e, { expose: t, emit: a }) {
-    const n = e, o = a, c = w(!1), r = w(n.config.options ?? []), l = _e(e, "modelValue"), s = (p) => pe(n.validations, p);
+    const n = e, o = a, c = w(!1), r = w(n.config.options ?? []), l = _e(e, "modelValue"), s = (f) => pe(n.validations, f);
     q(() => {
-      const p = {};
+      const f = {};
       return n.triggers && n.triggers.length > 0 && n.triggers.forEach((k) => {
-        p[k.event] = (A) => {
+        f[k.event] = (A) => {
           o(k.event, k.handlerName, A);
           const _ = s(A);
           o("error", _.res ? "" : _.errorMessages);
         };
-      }), p;
+      }), f;
     }), ce(async () => {
       n.config.dataSourceProvider && (r.value = await Tt(n.config.dataSourceProvider));
     });
-    const b = (p) => {
-      o("update:modelValue", p);
-      const k = s(p);
+    const b = (f) => {
+      o("update:modelValue", f);
+      const k = s(f);
       o("error", k.res ? "" : k.errorMessages), n.triggers && n.triggers.length > 0 && n.triggers.forEach((A) => {
-        A.event === "change" && o(A.event, A.handlerName, p);
+        A.event === "change" && o(A.event, A.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, k) => {
+    }), (f, k) => {
       const A = $("AOption"), _ = $("ASelect");
       return u(), U(_, {
         "allow-clear": "",
@@ -456,7 +456,7 @@ const pe = (e, t) => {
         onChange: b
       }, {
         default: v(() => [
-          (u(!0), x(H, null, j(r.value, (C) => (u(), U(A, {
+          (u(!0), x(H, null, z(r.value, (C) => (u(), U(A, {
             key: C.value,
             value: C.value,
             label: C.label
@@ -466,7 +466,7 @@ const pe = (e, t) => {
       }, 8, ["modelValue", "loading"]);
     };
   }
-}), jt = /* @__PURE__ */ O({
+}), zt = /* @__PURE__ */ O({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -481,7 +481,7 @@ const pe = (e, t) => {
       if (n.config) {
         const s = n.config.dataSourceProvider;
         if (s) {
-          const b = await (await z()).get(s);
+          const b = await (await j()).get(s);
           c.value = b.data;
         }
       }
@@ -492,8 +492,8 @@ const pe = (e, t) => {
         return !0;
       }
     }), (s, i) => {
-      const b = $("ACascader"), p = $("ASpace");
-      return u(), U(p, {
+      const b = $("ACascader"), f = $("ASpace");
+      return u(), U(f, {
         direction: "vertical",
         size: "large"
       }, {
@@ -511,7 +511,7 @@ const pe = (e, t) => {
       });
     };
   }
-}), zt = /* @__PURE__ */ O({
+}), jt = /* @__PURE__ */ O({
   __name: "FileUpload",
   props: {
     className: {},
@@ -532,13 +532,13 @@ const pe = (e, t) => {
       };
     });
     const r = (_) => pe(n.validations, _), s = Me().apiBase, i = w(null), b = w("");
-    function p(_, C, B) {
+    function f(_, C, B) {
       return _.replace(/{WorkflowId}/g, C).replace(/{ClassName}/g, B);
     }
     const k = q(() => {
       if (n.config.uploadURL) {
         const _ = s + n.config.uploadURL;
-        return p(_, b.value, n.className);
+        return f(_, b.value, n.className);
       }
       return "";
     });
@@ -662,7 +662,7 @@ const pe = (e, t) => {
       const b = $("ACheckbox");
       return u(), U(b, {
         modelValue: c.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (p) => c.value = p),
+        "onUpdate:modelValue": i[0] || (i[0] = (f) => c.value = f),
         clearable: "",
         disabled: n.readonly || n.config.Readonly,
         onChange: l
@@ -697,7 +697,7 @@ const pe = (e, t) => {
   }),
   emits: /* @__PURE__ */ oe(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(e, { expose: t, emit: a }) {
-    const n = e, o = a, c = _e(e, "modelValue"), r = Pe("widgetRef"), l = q(() => {
+    const n = e, o = a, c = _e(e, "modelValue"), r = De("widgetRef"), l = q(() => {
       switch (n.config?.widget?.widget) {
         case "TextBox":
           return Oe;
@@ -706,9 +706,9 @@ const pe = (e, t) => {
         case "SelectList":
           return Ge;
         case "Cascade":
-          return jt;
-        case "File":
           return zt;
+        case "File":
+          return jt;
         case "TextArea":
           return Et;
         case "DropDown":
@@ -723,7 +723,7 @@ const pe = (e, t) => {
     }, b = (k, A) => {
       o("change", k, A);
     };
-    function p() {
+    function f() {
       return n.config?.widget?.widget === "File";
     }
     return t({
@@ -731,7 +731,7 @@ const pe = (e, t) => {
         return n.config?.widget?.widget === "File";
       },
       submit(k) {
-        p() && r.value.submit(k);
+        f() && r.value.submit(k);
       },
       validate() {
         return r.value?.validate();
@@ -745,7 +745,7 @@ const pe = (e, t) => {
         n.config.validations.length ? (u(), x("span", Wt, "*")) : Q("", !0)
       ]),
       I("div", null, [
-        (u(), U(De(l.value), {
+        (u(), U(Pe(l.value), {
           ref_key: "widgetRef",
           ref: r,
           modelValue: c.value,
@@ -838,7 +838,7 @@ const pe = (e, t) => {
           return Xt;
       }
     }), r = q(() => a.config.widget === Y.Submit ? a.config.requestUrl ?? "" : a.config.widget === Y.Link ? a.config.redirectUrl ?? "" : ""), l = q(() => a.config.redirectType ?? "Details");
-    return (s, i) => (u(), U(De(c.value), {
+    return (s, i) => (u(), U(Pe(c.value), {
       url: r.value,
       "redirect-type": l.value,
       loading: s.loading,
@@ -906,7 +906,7 @@ const Zt = { class: "top-bar" }, en = { class: "banner-info" }, tn = { class: "p
     };
   }
 }), Ve = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-c0457235"]]);
-function je(e) {
+function ze(e) {
   const t = Me(), a = [];
   if (t.fieldsGroup) {
     t.fieldsGroup.forEach((c) => {
@@ -926,7 +926,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
     className: {}
   },
   setup(e) {
-    const t = Ce(), a = Se(), n = ke(), o = Ke(), c = Pe("dataWidgets"), r = ye(), l = e, s = w({
+    const t = Ce(), a = Se(), n = ke(), o = Ke(), c = De("dataWidgets"), r = ye(), l = e, s = w({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -935,7 +935,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
         subTitle: ""
       }
     }), i = w([]), b = w({});
-    function p(y) {
+    function f(y) {
       return y ? Object.entries(y).map(([m, S]) => ({
         fieldKey: m,
         ...S
@@ -949,11 +949,11 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
       C.value = !0, s.value = await he(de.Create, l.className, {
         svrStore: a,
         bpmStore: t
-      }), i.value = p(s.value.fields), b.value = k(s.value.fields);
+      }), i.value = f(s.value.fields), b.value = k(s.value.fields);
       for (const y in s.value.fields) {
         if (s.value.fields[y].widget?.widget === "File") {
-          const D = i.value.find((m) => m.fieldKey === y);
-          D && D.widget && (D.widget.files = []);
+          const P = i.value.find((m) => m.fieldKey === y);
+          P && P.widget && (P.widget.files = []);
         }
         _[y] = s.value.fields[y].modelValue;
       }
@@ -962,8 +962,8 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
     function B() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function J(y, D, m, S, V) {
-      switch (D) {
+    async function J(y, P, m, S, V) {
+      switch (P) {
         case Y.Submit:
           let F = !0;
           if (c.value?.forEach((Z) => {
@@ -982,7 +982,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
           S === "List" && n.push({ name: "List", params: { className: l.className } });
           break;
         default:
-          console.warn("Unknown action type:", D);
+          console.warn("Unknown action type:", P);
       }
     }
     const X = w([
@@ -993,11 +993,11 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
       "jobAttachmentPrevious",
       "positionId"
     ]);
-    function re(y, D) {
-      o[y]?.(D, X), s.value && (i.value = p(s.value.fields));
+    function re(y, P) {
+      o[y]?.(P, X), s.value && (i.value = f(s.value.fields));
     }
-    const ue = q(() => je(i.value));
-    return (y, D) => {
+    const ue = q(() => ze(i.value));
+    return (y, P) => {
       const m = $("a-card"), S = $("a-spin");
       return u(), x("div", rn, [
         L(Ve, {
@@ -1013,14 +1013,14 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
             default: v(() => [
               I("div", cn, [
                 I("div", un, [
-                  (u(!0), x(H, null, j(ue.value, (V) => (u(), U(m, {
+                  (u(!0), x(H, null, z(ue.value, (V) => (u(), U(m, {
                     key: V.name,
                     title: V.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: v(() => [
                       I("div", dn, [
-                        (u(!0), x(H, null, j(V.fields, (F) => (u(), U(Be, {
+                        (u(!0), x(H, null, z(V.fields, (F) => (u(), U(Be, {
                           key: F.fieldKey,
                           ref_for: !0,
                           ref: "dataWidgets",
@@ -1049,7 +1049,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
           I("div", mn, [
             le(y.$slots, "action", {}, void 0, !0),
             I("div", gn, [
-              (u(!0), x(H, null, j(A.value, (V) => (u(), U(ve, {
+              (u(!0), x(H, null, z(A.value, (V) => (u(), U(ve, {
                 key: V.Title,
                 loading: C.value,
                 config: V,
@@ -1072,7 +1072,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
     workflowId: {}
   },
   setup(e) {
-    const t = ke(), a = Ke(), n = Se(), o = Ce(), c = Pe("dataWidgets"), r = ye(), l = e, s = w({
+    const t = ke(), a = Ke(), n = Se(), o = Ce(), c = De("dataWidgets"), r = ye(), l = e, s = w({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1081,7 +1081,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
         subTitle: ""
       }
     }), i = w([]), b = w({});
-    function p(y) {
+    function f(y) {
       return y ? Object.entries(y).map(([m, S]) => ({
         fieldKey: m,
         ...S
@@ -1098,15 +1098,15 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
       }, {
         workflowId: l.workflowId
       });
-      const y = await Xe(de.Update, l.className, { workflowId: l.workflowId, email: B() }), D = await Qe(l.className, l.workflowId);
+      const y = await Xe(de.Update, l.className, { workflowId: l.workflowId, email: B() }), P = await Qe(l.className, l.workflowId);
       s.value.actions = s.value.actions?.filter((m) => {
         const S = y.find((V) => V.button === m.title);
         return S ? S.isShow : !0;
-      }), i.value = p(s.value.fields), b.value = k(s.value.fields);
+      }), i.value = f(s.value.fields), b.value = k(s.value.fields);
       for (const m in s.value.fields) {
         if (s.value.fields[m].widget?.widget === "File") {
           const S = i.value.find((V) => V.fieldKey === m);
-          S && S.widget && (S.widget.files = D[m] ?? [], S.widget.removeFile = (V) => Ft(l.className, V));
+          S && S.widget && (S.widget.files = P[m] ?? [], S.widget.removeFile = (V) => Ft(l.className, V));
         }
         _[m] = s.value.fields[m].modelValue;
       }
@@ -1115,8 +1115,8 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
     function B() {
       return n()?.userInfo?.email_address ?? "";
     }
-    async function J(y, D, m, S, V) {
-      switch (D) {
+    async function J(y, P, m, S, V) {
+      switch (P) {
         case Y.Submit:
           let F = !0;
           if (c.value?.forEach((M) => {
@@ -1133,7 +1133,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
           t.push({ name: S, params: { className: l.className } });
           break;
         default:
-          console.warn("Unknown action type:", D);
+          console.warn("Unknown action type:", P);
       }
     }
     const X = w([
@@ -1144,11 +1144,11 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
       "jobAttachmentPrevious",
       "positionId"
     ]);
-    function re(y, D) {
-      a[y]?.(D, X), s.value && (i.value = p(s.value.fields));
+    function re(y, P) {
+      a[y]?.(P, X), s.value && (i.value = f(s.value.fields));
     }
-    const ue = q(() => je(i.value));
-    return (y, D) => {
+    const ue = q(() => ze(i.value));
+    return (y, P) => {
       const m = $("a-card"), S = $("a-spin");
       return u(), x("div", yn, [
         L(Ve, {
@@ -1164,14 +1164,14 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
             default: v(() => [
               I("div", bn, [
                 I("div", hn, [
-                  (u(!0), x(H, null, j(ue.value, (V) => (u(), U(m, {
+                  (u(!0), x(H, null, z(ue.value, (V) => (u(), U(m, {
                     key: V.name,
                     title: V.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: v(() => [
                       I("div", kn, [
-                        (u(!0), x(H, null, j(V.fields, (F) => (u(), U(Be, {
+                        (u(!0), x(H, null, z(V.fields, (F) => (u(), U(Be, {
                           key: F.fieldKey,
                           ref_for: !0,
                           ref: "dataWidgets",
@@ -1200,7 +1200,7 @@ const rn = { class: "page-container" }, ln = { class: "page-body" }, cn = { clas
           I("div", Vn, [
             le(y.$slots, "action", {}, void 0, !0),
             I("div", xn, [
-              (u(!0), x(H, null, j(A.value, (V) => (u(), U(ve, {
+              (u(!0), x(H, null, z(A.value, (V) => (u(), U(ve, {
                 key: V.Title,
                 loading: C.value,
                 config: V,
@@ -1222,10 +1222,10 @@ const Tn = Symbol("ArcoConfigProvider"), Un = "arco", Nn = "$arco", Ln = (e) =>
   const o = ye(), c = fe(Tn, void 0);
   return `${(n = (a = c?.prefixCls) != null ? a : (t = o?.appContext.config.globalProperties[Nn]) == null ? void 0 : t.classPrefix) != null ? n : Un}-${e}`;
 }, Fn = Object.prototype.toString;
-function Pn(e) {
+function Dn(e) {
   return Fn.call(e) === "[object Number]" && e === e;
 }
-var Dn = (e, t) => {
+var Pn = (e, t) => {
   for (const [a, n] of t)
     e[a] = n;
   return e;
@@ -1259,7 +1259,7 @@ const Rn = O({
   setup(e, { emit: t }) {
     const a = Ln("icon"), n = q(() => [a, `${a}-download`, { [`${a}-spin`]: e.spin }]), o = q(() => {
       const r = {};
-      return e.size && (r.fontSize = Pn(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
+      return e.size && (r.fontSize = Dn(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
     });
     return {
       cls: n,
@@ -1286,14 +1286,14 @@ function Hn(e, t, a, n, o, c) {
     I("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, Mn);
 }
-var Le = /* @__PURE__ */ Dn(Rn, [["render", Hn]]);
+var Le = /* @__PURE__ */ Pn(Rn, [["render", Hn]]);
 const Bn = Object.assign(Le, {
   install: (e, t) => {
     var a;
     const n = (a = t?.iconPrefix) != null ? a : "";
     e.component(n + Le.name, Le);
   }
-}), Kn = { class: "page-container" }, jn = { class: "page-body" }, zn = { class: "detail-card" }, En = { class: "form-fields-vertical" }, On = { class: "detail-fields" }, Gn = { class: "detail-field" }, Wn = { class: "field-label" }, qn = {
+}), Kn = { class: "page-container" }, zn = { class: "page-body" }, jn = { class: "detail-card" }, En = { class: "form-fields-vertical" }, On = { class: "detail-fields" }, Gn = { class: "detail-field" }, Wn = { class: "field-label" }, qn = {
   key: 1,
   class: "field-value"
 }, Yn = {
@@ -1318,15 +1318,15 @@ const Bn = Object.assign(Le, {
         subTitle: ""
       }
     }), i = w([]);
-    function b(f) {
-      return f ? Object.entries(f).map(([P, g]) => (typeof g.modelValue == "boolean" ? g.fieldValue = g.modelValue ? "Yes" : "No" : g.fieldValue = g.modelValue, {
-        fieldKey: P,
+    function b(p) {
+      return p ? Object.entries(p).map(([D, g]) => (typeof g.modelValue == "boolean" ? g.fieldValue = g.modelValue ? "Yes" : "No" : g.fieldValue = g.modelValue, {
+        fieldKey: D,
         ...g
-      })).filter((P) => P.widget && P.widget.widget !== "Hidden") : [];
+      })).filter((D) => D.widget && D.widget.widget !== "Hidden") : [];
     }
-    const p = q(() => je(i.value)), k = q(() => s.value?.actions ? [...s.value.actions].reverse() : []), A = w(!0), _ = (f, d) => {
-      const P = f.findIndex((g) => g.isCurrent);
-      return f.map((g, K) => {
+    const f = q(() => ze(i.value)), k = q(() => s.value?.actions ? [...s.value.actions].reverse() : []), A = w(!0), _ = (p, d) => {
+      const D = p.findIndex((g) => g.isCurrent);
+      return p.map((g, K) => {
         const T = {
           id: g.id,
           title: "",
@@ -1353,7 +1353,7 @@ const Bn = Object.assign(Le, {
               const ne = N.workflowHistoryApprovers[0];
               T.status = 3, T.desc = ne?.reason ? `Rejected reason: ${ne.reason}` : "Rejected";
             }
-          else K < P || P === -1 ? (T.status = 0, T.desc = "Skipped") : (T.status = 0, T.desc = "Pending Approval");
+          else K < D || D === -1 ? (T.status = 0, T.desc = "Skipped") : (T.status = 0, T.desc = "Pending Approval");
           N && N.status;
         }
         return T;
@@ -1366,34 +1366,34 @@ const Bn = Object.assign(Le, {
       }, {
         workflowId: l.workflowId
       });
-      const f = await Xe(de.Details, l.className, { workflowId: l.workflowId, email: y() }), d = await Qe(l.className, l.workflowId);
-      F.value = await Pt(), S.value = await Ee(l.workflowId), M.value = await Ne(l.workflowId), s.value.actions = s.value.actions?.filter((g) => {
-        const K = f.find((T) => T.button === g.title);
+      const p = await Xe(de.Details, l.className, { workflowId: l.workflowId, email: y() }), d = await Qe(l.className, l.workflowId);
+      F.value = await Dt(), S.value = await Ee(l.workflowId), M.value = await Ne(l.workflowId), s.value.actions = s.value.actions?.filter((g) => {
+        const K = p.find((T) => T.button === g.title);
         return K ? K.isShow : !0;
-      }), B.value = f.find((g) => g.button === "IsGlobal")?.isShow ?? !1, J.value = f.find((g) => g.button === "AssignButton")?.isShow ?? !1, ae.value = f.find((g) => g.button === "AssignList")?.isShow ?? !1, X.value = f.find((g) => g.button === "CommentsText")?.isShow ?? !1, i.value = b(s.value.fields);
+      }), B.value = p.find((g) => g.button === "IsGlobal")?.isShow ?? !1, J.value = p.find((g) => g.button === "AssignButton")?.isShow ?? !1, ae.value = p.find((g) => g.button === "AssignList")?.isShow ?? !1, X.value = p.find((g) => g.button === "CommentsText")?.isShow ?? !1, i.value = b(s.value.fields);
       for (const g in s.value.fields)
         if (s.value.fields[g].widget?.widget === "File") {
           const K = i.value.find((T) => T.fieldKey === g);
           K && K.widget && (K.widget.files = d[g] ?? []);
         }
-      const P = await Nt(l.className, l.workflowId);
-      C.value = _(P, 0), A.value = !1;
+      const D = await Nt(l.className, l.workflowId);
+      C.value = _(D, 0), A.value = !1;
     }
     ce(re);
-    async function ue(f, d) {
-      return n[f]?.(d);
+    async function ue(p, d) {
+      return n[p]?.(d);
     }
     function y() {
       return t()?.userInfo?.email_address ?? "";
     }
-    async function D(f, d, P, g, K) {
+    async function P(p, d, D, g, K) {
       try {
         switch (d) {
           case Y.Submit:
             const { reason: T, ifGlobal: se } = await ue(K, { isGlobal: B.value });
             A.value = !0;
             const ee = K === "Approve" ? "100" : "-1";
-            await It(l.className, l.workflowId, y(), T, [Number(l.workflowId)], P, ee, se), A.value = !1;
+            await It(l.className, l.workflowId, y(), T, [Number(l.workflowId)], D, ee, se), A.value = !1;
             const te = K === "Approve" ? "approve success!" : "approve reject!";
             r?.appContext.config.globalProperties.$notification.success(te), re();
             break;
@@ -1412,13 +1412,13 @@ const Bn = Object.assign(Le, {
         r?.appContext.config.globalProperties.$message.error("Please select an approver");
         return;
       }
-      await we("Confirm Assign Approver", "Do you want to assign the selected approver?"), await Dt(l.workflowId, V.value), M.value = await Ne(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
+      await we("Confirm Assign Approver", "Do you want to assign the selected approver?"), await Pt(l.workflowId, V.value), M.value = await Ne(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
     }
-    async function we(f, d) {
-      const { Modal: P } = await import("@arco-design/web-vue");
+    async function we(p, d) {
+      const { Modal: D } = await import("@arco-design/web-vue");
       return new Promise((g, K) => {
-        P.confirm({
-          title: f,
+        D.confirm({
+          title: p,
           content: d,
           okText: "OK",
           cancelText: "Cancel",
@@ -1427,14 +1427,14 @@ const Bn = Object.assign(Le, {
         });
       });
     }
-    async function xe(f) {
+    async function xe(p) {
       try {
         await we("Confirm Delete Associator", "Do you want to delete this associator?");
       } catch {
         return;
       }
       try {
-        await Mt(String(f)), M.value = await Ne(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
+        await Mt(String(p)), M.value = await Ne(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
       } catch {
         r?.appContext.config.globalProperties.$notification.error("Failed to delete associator");
       }
@@ -1446,44 +1446,44 @@ const Bn = Object.assign(Le, {
       }
       await Rt(l.workflowId, y(), m.value), m.value = "", S.value = await Ee(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
     }
-    return (f, d) => {
-      const P = $("a-link"), g = $("a-space"), K = $("a-card"), T = $("a-option"), se = $("a-select"), ee = $("a-button"), te = $("a-list-item"), N = $("a-list"), ne = $("a-textarea"), $e = $("a-spin");
+    return (p, d) => {
+      const D = $("a-link"), g = $("a-space"), K = $("a-card"), T = $("a-option"), se = $("a-select"), ee = $("a-button"), te = $("a-list-item"), N = $("a-list"), ne = $("a-textarea"), $e = $("a-spin");
       return u(), x("div", Kn, [
         L(Ve, {
           title: s.value.banner.title,
           subTitle: s.value.banner.subTitle,
           email: y()
         }, null, 8, ["title", "subTitle", "email"]),
-        I("div", jn, [
+        I("div", zn, [
           L($e, {
             loading: A.value,
             class: "detail-container"
           }, {
             default: v(() => [
-              I("div", zn, [
-                (u(), U(De(Ie(c).Steps), { steps: C.value }, null, 8, ["steps"])),
+              I("div", jn, [
+                (u(), U(Pe(Ie(c).Steps), { steps: C.value }, null, 8, ["steps"])),
                 I("div", En, [
-                  (u(!0), x(H, null, j(p.value, (R) => (u(), U(K, {
+                  (u(!0), x(H, null, z(f.value, (R) => (u(), U(K, {
                     key: R.name,
                     title: R.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: v(() => [
                       I("div", On, [
-                        (u(!0), x(H, null, j(R.fields, (ie) => (u(), x("div", {
+                        (u(!0), x(H, null, z(R.fields, (ie) => (u(), x("div", {
                           key: ie.fieldKey,
                           class: "detail-field-wrapper"
                         }, [
                           I("div", Gn, [
                             I("div", Wn, W(ie.widget?.title), 1),
-                            ie.widget?.widget === "File" ? (u(!0), x(H, { key: 0 }, j(ie.widget.files, (Ae) => (u(), x("div", {
+                            ie.widget?.widget === "File" ? (u(!0), x(H, { key: 0 }, z(ie.widget.files, (Ae) => (u(), x("div", {
                               class: "field-value",
                               key: Ae.id
                             }, [
                               L(g, null, {
                                 default: v(() => [
                                   G(W(Ae.name) + " ", 1),
-                                  L(P, {
+                                  L(D, {
                                     href: Ae.url,
                                     target: "_blank"
                                   }, {
@@ -1509,7 +1509,7 @@ const Bn = Object.assign(Le, {
                         "onUpdate:modelValue": d[0] || (d[0] = (R) => V.value = R)
                       }, {
                         default: v(() => [
-                          (u(!0), x(H, null, j(F.value, (R) => (u(), U(T, {
+                          (u(!0), x(H, null, z(F.value, (R) => (u(), U(T, {
                             key: R.value,
                             value: R.value
                           }, {
@@ -1539,7 +1539,7 @@ const Bn = Object.assign(Le, {
                       G(" Associators ", -1)
                     ])),
                     default: v(() => [
-                      (u(!0), x(H, null, j(M.value, (R) => (u(), U(te, {
+                      (u(!0), x(H, null, z(M.value, (R) => (u(), U(te, {
                         key: R.id
                       }, {
                         actions: v(() => [
@@ -1587,7 +1587,7 @@ const Bn = Object.assign(Le, {
                       G(" Comments History ", -1)
                     ])),
                     default: v(() => [
-                      (u(!0), x(H, null, j(S.value, (R) => (u(), U(te, {
+                      (u(!0), x(H, null, z(S.value, (R) => (u(), U(te, {
                         key: R.associator
                       }, {
                         default: v(() => [
@@ -1599,8 +1599,8 @@ const Bn = Object.assign(Le, {
                     _: 1
                   })) : Q("", !0)
                 ]),
-                f.$slots.content ? (u(), x("div", Xn, [
-                  le(f.$slots, "content", {}, void 0, !0)
+                p.$slots.content ? (u(), x("div", Xn, [
+                  le(p.$slots, "content", {}, void 0, !0)
                 ])) : Q("", !0)
               ])
             ]),
@@ -1609,14 +1609,14 @@ const Bn = Object.assign(Le, {
         ]),
         I("div", Qn, [
           I("div", Zn, [
-            le(f.$slots, "action", {}, void 0, !0),
+            le(p.$slots, "action", {}, void 0, !0),
             I("div", eo, [
-              (u(!0), x(H, null, j(k.value, (R) => (u(), U(ve, {
+              (u(!0), x(H, null, z(k.value, (R) => (u(), U(ve, {
                 key: R.Title,
                 loading: A.value,
                 config: R,
                 class: "action-button",
-                onClick: (...ie) => D(R, ...ie)
+                onClick: (...ie) => P(R, ...ie)
               }, null, 8, ["loading", "config", "onClick"]))), 128))
             ])
           ])
@@ -1641,10 +1641,10 @@ const Bn = Object.assign(Le, {
       filters: []
     });
     function s() {
-      const h = Object.entries(S.value).filter(([, { value: f }]) => f && f !== "").map(([f, { value: d, operator: P }]) => ({
-        key: f,
+      const h = Object.entries(S.value).filter(([, { value: p }]) => p && p !== "").map(([p, { value: d, operator: D }]) => ({
+        key: p,
         value: d,
-        operator: P
+        operator: D
         // 根据实际需要调整操作符
       }));
       return {
@@ -1662,10 +1662,10 @@ const Bn = Object.assign(Le, {
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), b = (h) => {
-      const f = Object.entries(h).filter(([, d]) => d.widget?.column).map(([d, P], g) => ({
-        title: P.widget.title,
+      const p = Object.entries(h).filter(([, d]) => d.widget?.column).map(([d, D], g) => ({
+        title: D.widget.title,
         dataIndex: d.charAt(0).toLowerCase() + d.slice(1),
-        order: P.order,
+        order: D.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -1673,8 +1673,8 @@ const Bn = Object.assign(Le, {
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((d, P) => d.order - P.order);
-      f.push({
+      })).sort((d, D) => d.order - D.order);
+      p.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -1682,11 +1682,11 @@ const Bn = Object.assign(Le, {
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), k.value = f;
-    }, p = w([]), k = w([]), A = w(!0), _ = w(!0), C = w(), B = async () => {
+      }), k.value = p, console.log("🚀 ~ mapColumns ~ _columns.value:", k.value);
+    }, f = w([]), k = w([]), A = w(!0), _ = w(!0), C = w(), B = async () => {
       _.value = !0;
       const h = await ht(c.className, s());
-      p.value = h.data, l.total = h.totalCount, _.value = !1;
+      f.value = h.data, console.log("🚀 ~ loadData ~ _data.value:", f.value), l.total = h.totalCount, _.value = !1;
     }, J = w(!1);
     ce(async () => {
       A.value = !0, r.value = await he(3, c.className, {
@@ -1701,7 +1701,7 @@ const Bn = Object.assign(Le, {
     }, X = (h) => {
       l.pageSize = h, B();
     };
-    function re(h, f, d, P, g) {
+    function re(h, p, d, D, g) {
       switch (h) {
         case Y.Link:
           n.push({ name: d, params: { workflowId: g } });
@@ -1710,10 +1710,10 @@ const Bn = Object.assign(Le, {
           console.warn("Unknown action type:", h);
       }
     }
-    function ue(h, f, d) {
+    function ue(h, p, d) {
       switch (h) {
         case Y.Submit:
-          Ut(f), o?.appContext.config.globalProperties.$notification.success("submit success!");
+          Ut(p), o?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case Y.Link:
           n.push({ name: d });
@@ -1725,36 +1725,36 @@ const Bn = Object.assign(Le, {
     function y() {
       return t()?.userInfo?.email_address ?? "";
     }
-    function D(h, f) {
-      return typeof h != "string" || h.indexOf("{currentUserEmail}") === -1 ? h : h.replace(/{currentUserEmail}/g, f);
+    function P(h, p) {
+      return typeof h != "string" || h.indexOf("{currentUserEmail}") === -1 ? h : h.replace(/{currentUserEmail}/g, p);
     }
     function m(h) {
-      const f = r.value?.tabs?.find((d) => d.key === h)?.filters;
-      l.filters = f?.map((d) => ({
+      const p = r.value?.tabs?.find((d) => d.key === h)?.filters;
+      l.filters = p?.map((d) => ({
         ...d,
-        value: D(d.value, y())
+        value: P(d.value, y())
       })) || [], B();
     }
     const S = w({}), V = w([]);
     function F(h) {
       if (!h) return [];
-      V.value = Object.entries(h).filter(([, f]) => f.isFiltered).map(([f, d]) => ({ fieldKey: f, fieldConfig: d }));
+      V.value = Object.entries(h).filter(([, p]) => p.isFiltered).map(([p, d]) => ({ fieldKey: p, fieldConfig: d }));
     }
     const M = () => {
       const h = {};
-      V.value.forEach(({ fieldKey: f, fieldConfig: d }) => {
-        h[f] = {}, h[f].value = d.modelValue, h[f].operator = d.operator;
+      V.value.forEach(({ fieldKey: p, fieldConfig: d }) => {
+        h[p] = {}, h[p].value = d.modelValue, h[p].operator = d.operator;
       }), S.value = h;
     }, Z = () => {
       l.current = 1, B();
     }, we = () => {
       r.value && M(), Z();
     };
-    function xe(h, f) {
-      return !(h.location !== "InTable" || h.title === "Update" && (f.status === 100 || f.status === -1));
+    function xe(h, p) {
+      return !(h.location !== "InTable" || h.title === "Update" && (p.status === 100 || p.status === -1));
     }
-    return (h, f) => {
-      const d = $("a-space"), P = $("a-col"), g = $("a-button"), K = $("a-row"), T = $("a-card"), se = $("a-tab-pane"), ee = $("a-tabs"), te = $("a-table");
+    return (h, p) => {
+      const d = $("a-space"), D = $("a-col"), g = $("a-button"), K = $("a-row"), T = $("a-card"), se = $("a-tab-pane"), ee = $("a-tabs"), te = $("a-table");
       return u(), x("div", oo, [
         L(Ve, {
           title: r.value?.banner.title ?? "",
@@ -1764,10 +1764,10 @@ const Bn = Object.assign(Le, {
         L(T, null, {
           default: v(() => [
             I("div", ao, [
-              f[0] || (f[0] = I("h3", null, "Search Conditions", -1)),
-              L(d, null, {
+              p[0] || (p[0] = I("h3", null, "Search Conditions", -1)),
+              L(d, { size: "medium" }, {
                 default: v(() => [
-                  (u(!0), x(H, null, j(C.value, (N) => (u(), x(H, {
+                  (u(!0), x(H, null, z(C.value, (N) => (u(), x(H, {
                     key: N.title
                   }, [
                     N.location === "InOperation" ? (u(), U(ve, {
@@ -1780,12 +1780,9 @@ const Bn = Object.assign(Le, {
                 _: 1
               })
             ]),
-            L(K, {
-              gutter: [24, 20],
-              class: "search-row"
-            }, {
+            L(K, { gutter: [24, 20] }, {
               default: v(() => [
-                (u(!0), x(H, null, j(V.value, (N) => (u(), U(P, {
+                (u(!0), x(H, null, z(V.value, (N) => (u(), U(D, {
                   key: N.fieldKey,
                   span: 6,
                   class: "search-col"
@@ -1801,7 +1798,7 @@ const Bn = Object.assign(Le, {
                   ]),
                   _: 2
                 }, 1024))), 128)),
-                L(P, {
+                L(D, {
                   span: 6,
                   class: "search-col form-buttons"
                 }, {
@@ -1813,7 +1810,7 @@ const Bn = Object.assign(Le, {
                           size: "medium",
                           onClick: Z
                         }, {
-                          default: v(() => f[1] || (f[1] = [
+                          default: v(() => p[1] || (p[1] = [
                             G(" Search ", -1)
                           ])),
                           _: 1,
@@ -1823,7 +1820,7 @@ const Bn = Object.assign(Le, {
                           size: "medium",
                           onClick: we
                         }, {
-                          default: v(() => f[2] || (f[2] = [
+                          default: v(() => p[2] || (p[2] = [
                             G(" Reset ", -1)
                           ])),
                           _: 1,
@@ -1846,7 +1843,7 @@ const Bn = Object.assign(Le, {
           onTabClick: m
         }, {
           default: v(() => [
-            (u(!0), x(H, null, j(r.value?.tabs, (N) => (u(), U(se, {
+            (u(!0), x(H, null, z(r.value?.tabs, (N) => (u(), U(se, {
               key: N.key,
               title: N.title
             }, null, 8, ["title"]))), 128))
@@ -1855,7 +1852,7 @@ const Bn = Object.assign(Le, {
         }),
         L(te, {
           columns: k.value,
-          data: p.value,
+          data: f.value,
           stripe: "",
           border: "",
           pagination: {
@@ -1876,7 +1873,7 @@ const Bn = Object.assign(Le, {
           optional: v(({ record: N }) => [
             L(d, { size: "small" }, {
               default: v(() => [
-                (u(!0), x(H, null, j(C.value, (ne) => (u(), x(H, {
+                (u(!0), x(H, null, z(C.value, (ne) => (u(), x(H, {
                   key: ne.title
                 }, [
                   xe(ne, N) ? (u(), U(ve, {
@@ -1895,7 +1892,7 @@ const Bn = Object.assign(Le, {
       ]);
     };
   }
-}), ro = /* @__PURE__ */ me(so, [["__scopeId", "data-v-fb1cd768"]]), po = {
+}), ro = /* @__PURE__ */ me(so, [["__scopeId", "data-v-c844a18d"]]), po = {
   install(e, t = {}) {
     t.config && gt(t.config), t.router && e.provide(Ze, t.router), t.pinia && e.provide(Qt, t.pinia), t.useBpmStore && e.provide(tt, t.useBpmStore), t.useSvrStore && e.provide(nt, t.useSvrStore), t.triggers && e.provide(et, t.triggers), t.customComps && e.provide(ot, t.customComps), e.component("CreateView", _n), e.component("UpdateView", An), e.component("DetailView", no), e.component("ListView", ro);
   }