@chase-shao/vue-component-lib 1.2.67 → 1.2.69

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as g, defineComponent as G, mergeModels as re, useModel as we, resolveComponent as S, createBlock as L, openBlock as u, onMounted as de, computed as X, withCtx as p, createElementBlock as V, Fragment as K, renderList as E, createVNode as F, nextTick as rt, createTextVNode as q, useTemplateRef as De, createElementVNode as I, createCommentVNode as se, toDisplayString as J, resolveDynamicComponent as Pe, renderSlot as ue, inject as me, getCurrentInstance as be, reactive as Me, normalizeStyle as it, normalizeClass as lt, unref as Te, onActivated as ct } from "vue";
+import { ref as g, defineComponent as G, mergeModels as re, useModel as we, resolveComponent as S, createBlock as L, openBlock as u, onMounted as de, computed as X, withCtx as p, createElementBlock as V, Fragment as K, renderList as z, createVNode as F, nextTick as rt, createTextVNode as q, useTemplateRef as De, createElementVNode as T, createCommentVNode as se, toDisplayString as J, resolveDynamicComponent as Pe, renderSlot as ue, inject as me, getCurrentInstance as be, reactive as Me, normalizeStyle as it, normalizeClass as lt, unref as Te, onActivated as ct } from "vue";
 import ut from "axios";
 import { defineStore as dt } from "pinia";
 import { Modal as ft } from "@arco-design/web-vue";
@@ -316,13 +316,13 @@ async function Kt(e, t = null) {
 const ge = (e, t) => {
   let a = "";
   return { res: e.every((n) => {
-    const c = zt(n, t);
+    const c = Et(n, t);
     return c || (a = n.errorMessage), c;
   }), errorMessages: a };
-}, zt = (e, t) => {
+}, Et = (e, t) => {
   const { ruleName: a, ruleParameter: o } = e;
-  return Et[a](o, t);
-}, Et = {
+  return zt[a](o, t);
+}, zt = {
   Regex: (e, t) => new RegExp(e).test(t),
   Required: (e, t) => !!t
 }, Ge = /* @__PURE__ */ G({
@@ -357,7 +357,7 @@ const ge = (e, t) => {
       const d = S("AInput");
       return u(), L(d, {
         modelValue: c.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (w) => c.value = w),
+        "onUpdate:modelValue": _[0] || (_[0] = (h) => c.value = h),
         "allow-clear": "",
         disabled: o.readonly || o.config.Readonly,
         onInput: l,
@@ -389,8 +389,8 @@ const ge = (e, t) => {
     const s = (d) => ge(o.validations, d), i = (d) => {
       n("input", d);
     }, _ = (d) => {
-      const w = s(d);
-      n("error", w.res ? "" : w.errorMessages), o.triggers && o.triggers.length > 0 && o.triggers.forEach((x) => {
+      const h = s(d);
+      n("error", h.res ? "" : h.errorMessages), o.triggers && o.triggers.length > 0 && o.triggers.forEach((x) => {
         x.event === "change" && n(x.event, x.handlerName, d);
       });
     };
@@ -399,11 +399,11 @@ const ge = (e, t) => {
         const d = s(o.modelValue);
         return n("error", d.res ? "" : d.errorMessages), d.res;
       }
-    }), (d, w) => {
+    }), (d, h) => {
       const x = S("AInputNumber");
       return u(), L(x, {
         modelValue: c.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (m) => c.value = m),
+        "onUpdate:modelValue": h[0] || (h[0] = (m) => c.value = m),
         clearable: "",
         disabled: o.readonly,
         min: l.value,
@@ -430,9 +430,9 @@ const ge = (e, t) => {
     const o = e, n = a, c = g(!1), r = g(o.config.options ?? []), l = we(e, "modelValue"), s = (d) => ge(o.validations, d);
     X(() => {
       const d = {};
-      return o.triggers && o.triggers.length > 0 && o.triggers.forEach((w) => {
-        d[w.event] = (x) => {
-          n(w.event, w.handlerName, x);
+      return o.triggers && o.triggers.length > 0 && o.triggers.forEach((h) => {
+        d[h.event] = (x) => {
+          n(h.event, h.handlerName, x);
           const m = s(x);
           n("error", m.res ? "" : m.errorMessages);
         };
@@ -442,8 +442,8 @@ const ge = (e, t) => {
     });
     const _ = (d) => {
       n("update:modelValue", d);
-      const w = s(d);
-      n("error", w.res ? "" : w.errorMessages), o.triggers && o.triggers.length > 0 && o.triggers.forEach((x) => {
+      const h = s(d);
+      n("error", h.res ? "" : h.errorMessages), o.triggers && o.triggers.length > 0 && o.triggers.forEach((x) => {
         x.event === "change" && n(x.event, x.handlerName, d);
       });
     };
@@ -452,12 +452,12 @@ const ge = (e, t) => {
         const d = s(o.modelValue);
         return n("error", d.res ? "" : d.errorMessages), d.res;
       }
-    }), (d, w) => {
+    }), (d, h) => {
       const x = S("AOption"), m = S("ASelect");
       return u(), L(m, {
         "allow-clear": "",
         modelValue: l.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (k) => l.value = k),
+        "onUpdate:modelValue": h[0] || (h[0] = (k) => l.value = k),
         loading: c.value,
         "filter-option": !0,
         "allow-search": !0,
@@ -465,7 +465,7 @@ const ge = (e, t) => {
         onChange: _
       }, {
         default: p(() => [
-          (u(!0), V(K, null, E(r.value, (k) => (u(), L(x, {
+          (u(!0), V(K, null, z(r.value, (k) => (u(), L(x, {
             key: k.value,
             value: k.value,
             label: k.label
@@ -541,10 +541,10 @@ const ge = (e, t) => {
       };
     });
     const r = (m) => ge(o.validations, m), s = Be().apiBase, i = g(null), _ = g("");
-    function d(m, k, z) {
-      return m.replace(/{WorkflowId}/g, k).replace(/{ClassName}/g, z);
+    function d(m, k, E) {
+      return m.replace(/{WorkflowId}/g, k).replace(/{ClassName}/g, E);
     }
-    const w = X(() => {
+    const h = X(() => {
       if (o.config.uploadURL) {
         const m = s + o.config.uploadURL;
         return d(m, _.value, o.className);
@@ -552,7 +552,7 @@ const ge = (e, t) => {
       return "";
     });
     function x(m) {
-      const { file: k, name: z } = m, ee = z ?? k.name;
+      const { file: k, name: E } = m, ee = E ?? k.name;
       return new Promise((oe, ne) => {
         ft.confirm({
           title: "Confirm Delete",
@@ -577,12 +577,12 @@ const ge = (e, t) => {
         return n("error", m.res ? "" : m.errorMessages), m.res;
       }
     }), (m, k) => {
-      const z = S("a-button"), ee = S("a-upload");
+      const E = S("a-button"), ee = S("a-upload");
       return u(), L(ee, {
         ref_key: "uploadRef",
         ref: i,
         "default-file-list": o.config.files,
-        action: w.value,
+        action: h.value,
         limit: o.config.allowedNumber,
         "auto-upload": !1,
         name: "files",
@@ -591,7 +591,7 @@ const ge = (e, t) => {
       }, {
         "start-icon": p(() => k[0] || (k[0] = [])),
         "upload-button": p(() => [
-          F(z, { type: "primary" }, {
+          F(E, { type: "primary" }, {
             default: p(() => k[1] || (k[1] = [
               q("Select File", -1)
             ])),
@@ -727,10 +727,10 @@ const ge = (e, t) => {
         default:
           return Ge;
       }
-    }), s = g(""), i = (w) => {
-      s.value = w;
-    }, _ = (w, x) => {
-      n("change", w, x);
+    }), s = g(""), i = (h) => {
+      s.value = h;
+    }, _ = (h, x) => {
+      n("change", h, x);
     };
     function d() {
       return o.config?.widget?.widget === "File";
@@ -739,8 +739,8 @@ const ge = (e, t) => {
       isFileUpload() {
         return o.config?.widget?.widget === "File";
       },
-      submit(w) {
-        d() && r.value.submit(w);
+      submit(h) {
+        d() && r.value.submit(h);
       },
       validate() {
         return r.value?.validate();
@@ -748,12 +748,12 @@ const ge = (e, t) => {
       getCompName() {
         return o?.config?.widget?.title;
       }
-    }), (w, x) => (u(), V("div", null, [
-      I("div", Yt, [
+    }), (h, x) => (u(), V("div", null, [
+      T("div", Yt, [
         q(J(o?.config?.widget?.title) + " ", 1),
         o.config.validations.length ? (u(), V("span", Jt, "*")) : se("", !0)
       ]),
-      I("div", null, [
+      T("div", null, [
         (u(), L(Pe(l.value), {
           ref_key: "widgetRef",
           ref: r,
@@ -865,7 +865,7 @@ function Ve() {
   return e || pt();
 }
 const tt = Symbol("library-triggers");
-function ze() {
+function Ee() {
   const e = me(tt, null);
   return e || {};
 }
@@ -887,14 +887,14 @@ const oo = { class: "top-bar" }, no = { class: "banner-info" }, ao = { class: "p
     return (t, a) => {
       const o = S("a-avatar"), n = S("a-popover");
       return u(), V("div", oo, [
-        I("div", no, [
-          I("div", ao, J(t.title), 1),
-          I("div", so, J(t.subTitle), 1)
+        T("div", no, [
+          T("div", ao, J(t.title), 1),
+          T("div", so, J(t.subTitle), 1)
         ]),
-        I("div", ro, [
+        T("div", ro, [
           F(n, { trigger: "click" }, {
             content: p(() => [
-              I("div", io, J(t.email), 1)
+              T("div", io, J(t.email), 1)
             ]),
             default: p(() => [
               F(o, {
@@ -915,7 +915,7 @@ const oo = { class: "top-bar" }, no = { class: "banner-info" }, ao = { class: "p
     };
   }
 }), $e = /* @__PURE__ */ ve(lo, [["__scopeId", "data-v-c0457235"]]);
-function Ee(e) {
+function ze(e) {
   const t = Be(), a = [];
   if (t.fieldsGroup) {
     t.fieldsGroup.forEach((c) => {
@@ -935,7 +935,7 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
     className: {}
   },
   setup(e) {
-    const t = Se(), a = xe(), o = Ve(), n = ze(), c = De("dataWidgets"), r = be(), l = e, s = g({
+    const t = Se(), a = xe(), o = Ve(), n = Ee(), c = De("dataWidgets"), r = be(), l = e, s = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -944,34 +944,34 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
         subTitle: ""
       }
     }), i = g([]), _ = g({});
-    function d(T) {
-      return T ? Object.entries(T).map(([v, $]) => ({
+    function d($) {
+      return $ ? Object.entries($).map(([v, A]) => ({
         fieldKey: v,
-        ...$
+        ...A
       })).filter((v) => v.widget && v.widget.widget !== "Hidden").filter((v) => !ne.value.includes(v.fieldKey)) : [];
     }
-    function w(T) {
-      return T ? Object.entries(T).filter(([v, $]) => $.dependent).reduce((v, [$, b]) => (v[$] = b.dependent, v), {}) : [];
+    function h($) {
+      return $ ? Object.entries($).filter(([v, A]) => A.dependent).reduce((v, [A, w]) => (v[A] = w.dependent, v), {}) : [];
     }
     const x = X(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = Me({}), k = g(!1);
     de(async () => {
       k.value = !0, s.value = await Ce(pe.Create, l.className, {
         svrStore: a,
         bpmStore: t
-      }), i.value = d(s.value.fields), _.value = w(s.value.fields);
-      for (const T in s.value.fields) {
-        if (s.value.fields[T].widget?.widget === "File") {
-          const U = i.value.find((v) => v.fieldKey === T);
+      }), i.value = d(s.value.fields), _.value = h(s.value.fields);
+      for (const $ in s.value.fields) {
+        if (s.value.fields[$].widget?.widget === "File") {
+          const U = i.value.find((v) => v.fieldKey === $);
           U && U.widget && (U.widget.files = []);
         }
-        m[T] = s.value.fields[T].modelValue;
+        m[$] = s.value.fields[$].modelValue;
       }
       k.value = !1;
     });
-    function z() {
+    function E() {
       return a()?.userInfo?.email_address ?? "";
     }
-    async function ee(T, U, v, $, b) {
+    async function ee($, U, v, A, w) {
       switch (U) {
         case Z.Submit:
           let D = !0;
@@ -988,7 +988,7 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
           }), console.log("🚀 ~ clickHandler ~ res.toString():", te.toString()), r?.appContext.config.globalProperties.$notification.success("create success!"), o.push({ name: "Details", params: { workflowId: te.toString() } });
           break;
         case Z.Link:
-          $ === "List" && o.push({ name: "List", params: { className: l.className } });
+          A === "List" && o.push({ name: "List", params: { className: l.className } });
           break;
         default:
           console.warn("Unknown action type:", U);
@@ -1002,40 +1002,40 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
       "jobAttachmentPrevious",
       "positionId"
     ]);
-    function le(T, U) {
-      n[T]?.(U, ne), s.value && (i.value = d(s.value.fields));
+    function le($, U) {
+      n[$]?.(U, ne), s.value && (i.value = d(s.value.fields));
     }
-    const B = X(() => Ee(i.value));
-    return (T, U) => {
-      const v = S("a-card"), $ = S("a-spin");
+    const B = X(() => ze(i.value));
+    return ($, U) => {
+      const v = S("a-card"), A = S("a-spin");
       return u(), V("div", co, [
         F($e, {
           title: s.value.banner.title,
           subTitle: s.value.banner.subTitle,
-          email: z()
+          email: E()
         }, null, 8, ["title", "subTitle", "email"]),
-        I("div", uo, [
-          F($, {
+        T("div", uo, [
+          F(A, {
             loading: k.value,
             class: "form-container"
           }, {
             default: p(() => [
-              I("div", fo, [
-                I("div", po, [
-                  (u(!0), V(K, null, E(B.value, (b) => (u(), L(v, {
-                    key: b.name,
-                    title: b.name,
+              T("div", fo, [
+                T("div", po, [
+                  (u(!0), V(K, null, z(B.value, (w) => (u(), L(v, {
+                    key: w.name,
+                    title: w.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: p(() => [
-                      I("div", mo, [
-                        (u(!0), V(K, null, E(b.fields, (D) => (u(), L(Ke, {
+                      T("div", mo, [
+                        (u(!0), V(K, null, z(w.fields, (D) => (u(), L(Ke, {
                           key: D.fieldKey,
                           ref_for: !0,
                           ref: "dataWidgets",
                           "field-key": D.fieldKey,
                           config: D,
-                          "class-name": T.className,
+                          "class-name": $.className,
                           modelValue: m[D.fieldKey],
                           "onUpdate:modelValue": (te) => m[D.fieldKey] = te,
                           class: "form-field",
@@ -1046,24 +1046,24 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
                     _: 2
                   }, 1032, ["title"]))), 128))
                 ]),
-                T.$slots.content ? (u(), V("div", go, [
-                  ue(T.$slots, "content", {}, void 0, !0)
+                $.$slots.content ? (u(), V("div", go, [
+                  ue($.$slots, "content", {}, void 0, !0)
                 ])) : se("", !0)
               ])
             ]),
             _: 3
           }, 8, ["loading"])
         ]),
-        I("div", vo, [
-          I("div", _o, [
-            ue(T.$slots, "action", {}, void 0, !0),
-            I("div", yo, [
-              (u(!0), V(K, null, E(x.value, (b) => (u(), L(ye, {
-                key: b.Title,
+        T("div", vo, [
+          T("div", _o, [
+            ue($.$slots, "action", {}, void 0, !0),
+            T("div", yo, [
+              (u(!0), V(K, null, z(x.value, (w) => (u(), L(ye, {
+                key: w.Title,
                 loading: k.value,
-                config: b,
+                config: w,
                 class: "action-button",
-                onClick: (...D) => ee(b, ...D)
+                onClick: (...D) => ee(w, ...D)
               }, null, 8, ["loading", "config", "onClick"]))), 128))
             ])
           ])
@@ -1081,7 +1081,7 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
     workflowId: {}
   },
   setup(e) {
-    const t = Ve(), a = ze(), o = xe(), n = Se(), c = De("dataWidgets"), r = be(), l = e, s = g({
+    const t = Ve(), a = Ee(), o = xe(), n = Se(), c = De("dataWidgets"), r = be(), l = e, s = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1096,8 +1096,8 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
         ...v
       })).filter((U) => U.widget && U.widget.widget !== "Hidden").filter((U) => !oe.value.includes(U.fieldKey)) : [];
     }
-    function w(B) {
-      return B ? Object.entries(B).filter(([U, v]) => v.dependent).reduce((U, [v, $]) => (U[v] = $.dependent, U), {}) : [];
+    function h(B) {
+      return B ? Object.entries(B).filter(([U, v]) => v.dependent).reduce((U, [v, A]) => (U[v] = A.dependent, U), {}) : [];
     }
     const x = X(() => s.value?.actions ? [...s.value.actions].reverse() : []), m = Me({}), k = g(!1);
     de(async () => {
@@ -1107,32 +1107,32 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
       }, {
         workflowId: l.workflowId
       });
-      const B = await Qe(pe.Update, l.className, { workflowId: l.workflowId, email: z() }), T = await Ze(l.className, l.workflowId);
+      const B = await Qe(pe.Update, l.className, { workflowId: l.workflowId, email: E() }), $ = await Ze(l.className, l.workflowId);
       s.value.actions = s.value.actions?.filter((v) => {
-        const $ = B.find((b) => b.button === v.title);
-        return $ ? $.isShow : !0;
+        const A = B.find((w) => w.button === v.title);
+        return A ? A.isShow : !0;
       });
       const U = s.value.fields.requestType.modelValue;
-      a.Test?.(U, oe), i.value = d(s.value.fields), _.value = w(s.value.fields);
+      a.Test?.(U, oe), i.value = d(s.value.fields), _.value = h(s.value.fields);
       for (const v in s.value.fields) {
         if (s.value.fields[v].widget?.widget === "File") {
-          const $ = i.value.find((b) => b.fieldKey === v);
-          $ && $.widget && ($.widget.files = T[v] ?? [], $.widget.removeFile = (b) => Dt(l.className, b));
+          const A = i.value.find((w) => w.fieldKey === v);
+          A && A.widget && (A.widget.files = $[v] ?? [], A.widget.removeFile = (w) => Dt(l.className, w));
         }
         m[v] = s.value.fields[v].modelValue;
       }
       k.value = !1;
     });
-    function z() {
+    function E() {
       return o()?.userInfo?.email_address ?? "";
     }
-    async function ee(B, T, U, v, $) {
-      switch (T) {
+    async function ee(B, $, U, v, A) {
+      switch ($) {
         case Z.Submit:
-          let b = !0;
+          let w = !0;
           if (c.value?.forEach((D) => {
-            D?.validate && (D.validate() || (b = !1));
-          }), !b) {
+            D?.validate && (D.validate() || (w = !1));
+          }), !w) {
             r?.appContext.config.globalProperties.$message.error("form validation failed, please check the input fields");
             return;
           }
@@ -1144,46 +1144,46 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
           t.push({ name: v, params: { className: l.className } });
           break;
         default:
-          console.warn("Unknown action type:", T);
+          console.warn("Unknown action type:", $);
       }
     }
     const oe = g([]);
-    function ne(B, T) {
-      a[B]?.(T, oe), s.value && (i.value = d(s.value.fields));
+    function ne(B, $) {
+      a[B]?.($, oe), s.value && (i.value = d(s.value.fields));
     }
-    const le = X(() => Ee(i.value));
-    return (B, T) => {
+    const le = X(() => ze(i.value));
+    return (B, $) => {
       const U = S("a-card"), v = S("a-spin");
       return u(), V("div", ho, [
         F($e, {
           title: s.value.banner.title,
           subTitle: s.value.banner.subTitle,
-          email: z()
+          email: E()
         }, null, 8, ["title", "subTitle", "email"]),
-        I("div", ko, [
+        T("div", ko, [
           F(v, {
             loading: k.value,
             class: "form-container"
           }, {
             default: p(() => [
-              I("div", Co, [
-                I("div", Vo, [
-                  (u(!0), V(K, null, E(le.value, ($) => (u(), L(U, {
-                    key: $.name,
-                    title: $.name,
+              T("div", Co, [
+                T("div", Vo, [
+                  (u(!0), V(K, null, z(le.value, (A) => (u(), L(U, {
+                    key: A.name,
+                    title: A.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: p(() => [
-                      I("div", So, [
-                        (u(!0), V(K, null, E($.fields, (b) => (u(), L(Ke, {
-                          key: b.fieldKey,
+                      T("div", So, [
+                        (u(!0), V(K, null, z(A.fields, (w) => (u(), L(Ke, {
+                          key: w.fieldKey,
                           ref_for: !0,
                           ref: "dataWidgets",
-                          "field-key": b.fieldKey,
-                          config: b,
+                          "field-key": w.fieldKey,
+                          config: w,
                           "class-name": B.className,
-                          modelValue: m[b.fieldKey],
-                          "onUpdate:modelValue": (D) => m[b.fieldKey] = D,
+                          modelValue: m[w.fieldKey],
+                          "onUpdate:modelValue": (D) => m[w.fieldKey] = D,
                           class: "form-field",
                           onChange: ne
                         }, null, 8, ["field-key", "config", "class-name", "modelValue", "onUpdate:modelValue"]))), 128))
@@ -1200,16 +1200,16 @@ const co = { class: "page-container" }, uo = { class: "page-body" }, fo = { clas
             _: 3
           }, 8, ["loading"])
         ]),
-        I("div", $o, [
-          I("div", Ao, [
+        T("div", $o, [
+          T("div", Ao, [
             ue(B.$slots, "action", {}, void 0, !0),
-            I("div", Io, [
-              (u(!0), V(K, null, E(x.value, ($) => (u(), L(ye, {
-                key: $.Title,
+            T("div", Io, [
+              (u(!0), V(K, null, z(x.value, (A) => (u(), L(ye, {
+                key: A.Title,
                 loading: k.value,
-                config: $,
+                config: A,
                 class: "action-button",
-                onClick: (...b) => ee($, ...b)
+                onClick: (...w) => ee(A, ...w)
               }, null, 8, ["loading", "config", "onClick"]))), 128))
             ])
           ])
@@ -1274,7 +1274,7 @@ const Ho = G({
     };
   }
 }), Ko = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
-function zo(e, t, a, o, n, c) {
+function Eo(e, t, a, o, n, c) {
   return u(), V("svg", {
     viewBox: "0 0 48 48",
     fill: "none",
@@ -1287,11 +1287,11 @@ function zo(e, t, a, o, n, c) {
     "stroke-linejoin": e.strokeLinejoin,
     onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
   }, t[1] || (t[1] = [
-    I("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+    T("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, Ko);
 }
-var Fe = /* @__PURE__ */ Bo(Ho, [["render", zo]]);
-const Eo = Object.assign(Fe, {
+var Fe = /* @__PURE__ */ Bo(Ho, [["render", Eo]]);
+const zo = Object.assign(Fe, {
   install: (e, t) => {
     var a;
     const o = (a = t?.iconPrefix) != null ? a : "";
@@ -1313,7 +1313,7 @@ const Eo = Object.assign(Fe, {
     workflowId: {}
   },
   setup(e) {
-    const t = xe(), a = Se(), o = ze(), n = Ve(), c = No(), r = be(), l = e, s = g({
+    const t = xe(), a = Se(), o = Ee(), n = Ve(), c = No(), r = be(), l = e, s = g({
       pageType: "",
       fields: {},
       globalValidations: [],
@@ -1322,15 +1322,15 @@ const Eo = Object.assign(Fe, {
         subTitle: ""
       }
     }), i = g([]);
-    function _(h) {
-      return h ? Object.entries(h).map(([H, C]) => (typeof C.modelValue == "boolean" ? C.fieldValue = C.modelValue ? "Yes" : "No" : C.fieldValue = C.modelValue, {
+    function _(b) {
+      return b ? Object.entries(b).map(([H, C]) => (typeof C.modelValue == "boolean" ? C.fieldValue = C.modelValue ? "Yes" : "No" : C.fieldValue = C.modelValue, {
         fieldKey: H,
         ...C
       })).filter((H) => H.widget && H.widget.widget !== "Hidden").filter((H) => !B.value.includes(H.fieldKey)) : [];
     }
-    const d = X(() => Ee(i.value)), w = X(() => s.value?.actions ? [...s.value.actions].reverse() : []), x = g(!0), m = (h, f) => {
-      const H = h.findIndex((C) => C.isCurrent);
-      return h.map((C, Y) => {
+    const d = X(() => ze(i.value)), h = X(() => s.value?.actions ? [...s.value.actions].reverse() : []), x = g(!0), m = (b, f) => {
+      const H = b.findIndex((C) => C.isCurrent);
+      return b.map((C, Y) => {
         const N = {
           id: C.id,
           title: "",
@@ -1362,51 +1362,51 @@ const Eo = Object.assign(Fe, {
         }
         return N;
       });
-    }, k = g([]), z = g(!1), ee = g(!1), oe = g(!1), ne = g(!1);
+    }, k = g([]), E = g(!1), ee = g(!1), oe = g(!1), ne = g(!1);
     async function le() {
-      const h = await Qe(pe.Details, l.className, { workflowId: l.workflowId, email: v() });
+      const b = await Qe(pe.Details, l.className, { workflowId: l.workflowId, email: v() });
       s.value.actions = s.value.actions?.filter((f) => {
-        const H = h.find((C) => C.button === f.title);
+        const H = b.find((C) => C.button === f.title);
         return H ? H.isShow : !0;
-      }), z.value = h.find((f) => f.button === "IsGlobal")?.isShow ?? !1, ee.value = h.find((f) => f.button === "AssignButton")?.isShow ?? !1, oe.value = h.find((f) => f.button === "AssignList")?.isShow ?? !1, ne.value = h.find((f) => f.button === "AddCommentsButton")?.isShow ?? !1;
+      }), E.value = b.find((f) => f.button === "IsGlobal")?.isShow ?? !1, ee.value = b.find((f) => f.button === "AssignButton")?.isShow ?? !1, oe.value = b.find((f) => f.button === "AssignList")?.isShow ?? !1, ne.value = b.find((f) => f.button === "AddCommentsButton")?.isShow ?? !1;
     }
     const B = g([]);
-    async function T() {
+    async function $() {
       x.value = !0, s.value = await Ce(pe.Details, l.className, {
         svrStore: t,
         bpmStore: a
       }, {
         workflowId: l.workflowId
       });
-      const h = await Ze(l.className, l.workflowId);
+      const b = await Ze(l.className, l.workflowId);
       ae.value = await Pt(), D.value = await Oe(l.workflowId), fe.value = await Le(l.workflowId), le();
       const f = s.value.fields.requestType.modelValue;
       o.Test?.(f, B), i.value = _(s.value.fields);
       for (const C in s.value.fields)
         if (s.value.fields[C].widget?.widget === "File") {
           const Y = i.value.find((N) => N.fieldKey === C);
-          Y && Y.widget && (Y.widget.files = h[C] ?? []);
+          Y && Y.widget && (Y.widget.files = b[C] ?? []);
         }
       const H = await Ft(l.className, l.workflowId);
       k.value = m(H, 0), x.value = !1;
     }
-    de(T);
-    async function U(h, f) {
-      return o[h]?.(f);
+    de($);
+    async function U(b, f) {
+      return o[b]?.(f);
     }
     function v() {
       return t()?.userInfo?.email_address ?? "";
     }
-    async function $(h, f, H, C, Y) {
+    async function A(b, f, H, C, Y) {
       try {
         switch (f) {
           case Z.Submit:
-            const { reason: N, ifGlobal: ie } = await U(Y, { isGlobal: z.value });
+            const { reason: N, ifGlobal: ie } = await U(Y, { isGlobal: E.value });
             x.value = !0;
             const P = Y === "Approve" ? "100" : "-1";
             await Nt(l.className, l.workflowId, v(), N, [Number(l.workflowId)], H, P, ie), x.value = !1;
             const Q = Y === "Approve" ? "approve success!" : "approve reject!";
-            r?.appContext.config.globalProperties.$notification.success(Q), T();
+            r?.appContext.config.globalProperties.$notification.success(Q), $();
             break;
           case Z.Link:
             C === "List" && n.push({ name: "List", params: { className: l.className } });
@@ -1417,7 +1417,7 @@ const Eo = Object.assign(Fe, {
       } catch {
       }
     }
-    const b = g(""), D = g([]), te = g(""), ae = g([]), fe = g([]);
+    const w = g(""), D = g([]), te = g(""), ae = g([]), fe = g([]);
     async function Ae() {
       if (!te.value) {
         r?.appContext.config.globalProperties.$message.error("Please select an approver");
@@ -1426,19 +1426,19 @@ const Eo = Object.assign(Fe, {
       await y("Confirm Assign Approver", "Do you want to assign the selected approver?");
       try {
         await Mt(l.workflowId, te.value), fe.value = await Le(l.workflowId), le(), r?.appContext.config.globalProperties.$notification.success("Assign Approver clicked!");
-      } catch (h) {
-        if (h.status === 409) {
+      } catch (b) {
+        if (b.status === 409) {
           r?.appContext.config.globalProperties.$notification.error("This user is already an associator");
           return;
         }
         r?.appContext.config.globalProperties.$notification.error("Failed to assign approver");
       }
     }
-    async function y(h, f) {
+    async function y(b, f) {
       const { Modal: H } = await import("@arco-design/web-vue");
       return new Promise((C, Y) => {
         H.confirm({
-          title: h,
+          title: b,
           content: f,
           okText: "OK",
           cancelText: "Cancel",
@@ -1447,26 +1447,26 @@ const Eo = Object.assign(Fe, {
         });
       });
     }
-    async function A(h) {
+    async function I(b) {
       try {
         await y("Confirm Delete Associator", "Do you want to delete this associator?");
       } catch {
         return;
       }
       try {
-        await Ht(String(h)), fe.value = await Le(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
+        await Ht(String(b)), fe.value = await Le(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Associator deleted successfully!");
       } catch {
         r?.appContext.config.globalProperties.$notification.error("Failed to delete associator");
       }
     }
     async function R() {
-      if (!b.value.trim()) {
+      if (!w.value.trim()) {
         r?.appContext.config.globalProperties.$message.error("Comment cannot be empty");
         return;
       }
-      await Bt(l.workflowId, v(), b.value), b.value = "", D.value = await Oe(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
+      await Bt(l.workflowId, v(), w.value), w.value = "", D.value = await Oe(l.workflowId), r?.appContext.config.globalProperties.$notification.success("Add Comment clicked!");
     }
-    return (h, f) => {
+    return (b, f) => {
       const H = S("a-link"), C = S("a-space"), Y = S("a-card"), N = S("a-option"), ie = S("a-select"), P = S("a-button"), Q = S("a-list-item"), W = S("a-list"), he = S("a-textarea"), st = S("a-spin");
       return u(), V("div", jo, [
         F($e, {
@@ -1474,29 +1474,29 @@ const Eo = Object.assign(Fe, {
           subTitle: s.value.banner.subTitle,
           email: v()
         }, null, 8, ["title", "subTitle", "email"]),
-        I("div", Oo, [
+        T("div", Oo, [
           F(st, {
             loading: x.value,
             class: "detail-container"
           }, {
             default: p(() => [
-              I("div", Go, [
+              T("div", Go, [
                 (u(), L(Pe(Te(c).Steps), { steps: k.value }, null, 8, ["steps"])),
-                I("div", Wo, [
-                  (u(!0), V(K, null, E(d.value, (M) => (u(), L(Y, {
+                T("div", Wo, [
+                  (u(!0), V(K, null, z(d.value, (M) => (u(), L(Y, {
                     key: M.name,
                     title: M.name,
                     style: { "margin-bottom": "24px" }
                   }, {
                     default: p(() => [
-                      I("div", qo, [
-                        (u(!0), V(K, null, E(M.fields, (ce) => (u(), V("div", {
+                      T("div", qo, [
+                        (u(!0), V(K, null, z(M.fields, (ce) => (u(), V("div", {
                           key: ce.fieldKey,
                           class: "detail-field-wrapper"
                         }, [
-                          I("div", Yo, [
-                            I("div", Jo, J(ce.widget?.title), 1),
-                            ce.widget?.widget === "File" ? (u(!0), V(K, { key: 0 }, E(ce.widget.files, (Ie) => (u(), V("div", {
+                          T("div", Yo, [
+                            T("div", Jo, J(ce.widget?.title), 1),
+                            ce.widget?.widget === "File" ? (u(!0), V(K, { key: 0 }, z(ce.widget.files, (Ie) => (u(), V("div", {
                               class: "field-value",
                               key: Ie.id
                             }, [
@@ -1508,7 +1508,7 @@ const Eo = Object.assign(Fe, {
                                     target: "_blank"
                                   }, {
                                     default: p(() => [
-                                      F(Te(Eo), { style: { color: "#7A00E6" } })
+                                      F(Te(zo), { style: { color: "#7A00E6" } })
                                     ]),
                                     _: 2
                                   }, 1032, ["href"])
@@ -1529,7 +1529,7 @@ const Eo = Object.assign(Fe, {
                         "onUpdate:modelValue": f[0] || (f[0] = (M) => te.value = M)
                       }, {
                         default: p(() => [
-                          (u(!0), V(K, null, E(ae.value, (M) => (u(), L(N, {
+                          (u(!0), V(K, null, z(ae.value, (M) => (u(), L(N, {
                             key: M.value,
                             value: M.value
                           }, {
@@ -1559,14 +1559,14 @@ const Eo = Object.assign(Fe, {
                       q(" Associators ", -1)
                     ])),
                     default: p(() => [
-                      (u(!0), V(K, null, E(fe.value, (M) => (u(), L(Q, {
+                      (u(!0), V(K, null, z(fe.value, (M) => (u(), L(Q, {
                         key: M.id
                       }, {
                         actions: p(() => [
                           F(P, {
                             type: "text",
                             status: "danger",
-                            onClick: (ce) => A(M.id)
+                            onClick: (ce) => I(M.id)
                           }, {
                             default: p(() => f[4] || (f[4] = [
                               q(" Delete ", -1)
@@ -1584,11 +1584,11 @@ const Eo = Object.assign(Fe, {
                     _: 1
                   })) : se("", !0),
                   ne.value ? (u(), V("div", Qo, [
-                    I("div", Zo, [
-                      f[6] || (f[6] = I("div", { class: "field-label" }, "Comment", -1)),
+                    T("div", Zo, [
+                      f[6] || (f[6] = T("div", { class: "field-label" }, "Comment", -1)),
                       F(he, {
-                        modelValue: b.value,
-                        "onUpdate:modelValue": f[1] || (f[1] = (M) => b.value = M)
+                        modelValue: w.value,
+                        "onUpdate:modelValue": f[1] || (f[1] = (M) => w.value = M)
                       }, null, 8, ["modelValue"]),
                       F(P, {
                         type: "primary",
@@ -1607,7 +1607,7 @@ const Eo = Object.assign(Fe, {
                       q(" Comments History ", -1)
                     ])),
                     default: p(() => [
-                      (u(!0), V(K, null, E(D.value, (M) => (u(), L(Q, {
+                      (u(!0), V(K, null, z(D.value, (M) => (u(), L(Q, {
                         key: M.associator
                       }, {
                         default: p(() => [
@@ -1619,24 +1619,24 @@ const Eo = Object.assign(Fe, {
                     _: 1
                   })) : se("", !0)
                 ]),
-                h.$slots.content ? (u(), V("div", en, [
-                  ue(h.$slots, "content", {}, void 0, !0)
+                b.$slots.content ? (u(), V("div", en, [
+                  ue(b.$slots, "content", {}, void 0, !0)
                 ])) : se("", !0)
               ])
             ]),
             _: 3
           }, 8, ["loading"])
         ]),
-        I("div", tn, [
-          I("div", on, [
-            ue(h.$slots, "action", {}, void 0, !0),
-            I("div", nn, [
-              (u(!0), V(K, null, E(w.value, (M) => (u(), L(ye, {
+        T("div", tn, [
+          T("div", on, [
+            ue(b.$slots, "action", {}, void 0, !0),
+            T("div", nn, [
+              (u(!0), V(K, null, z(h.value, (M) => (u(), L(ye, {
                 key: M.Title,
                 loading: x.value,
                 config: M,
                 class: "action-button",
-                onClick: (...ce) => $(M, ...ce)
+                onClick: (...ce) => A(M, ...ce)
               }, null, 8, ["loading", "config", "onClick"]))), 128))
             ])
           ])
@@ -1661,10 +1661,10 @@ const Eo = Object.assign(Fe, {
       filters: []
     });
     function s() {
-      const y = Object.entries($.value).filter(([, { value: A }]) => A && A !== "").map(([A, { value: R, operator: h }]) => ({
-        key: A,
+      const y = Object.entries(A.value).filter(([, { value: I }]) => I && I !== "").map(([I, { value: R, operator: b }]) => ({
+        key: I,
         value: R,
-        operator: h
+        operator: b
         // 根据实际需要调整操作符
       }));
       return {
@@ -1678,14 +1678,14 @@ const Eo = Object.assign(Fe, {
       };
     }
     const i = X(() => ({
-      x: w.value.length * 150 + 250
+      x: h.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), _ = (y) => {
-      const A = Object.entries(y).filter(([, R]) => R.widget?.column).map(([R, h], f) => ({
-        title: h.widget.title,
+      const I = Object.entries(y).filter(([, R]) => R.widget?.column).map(([R, b], f) => ({
+        title: b.widget.title,
         dataIndex: R.charAt(0).toLowerCase() + R.slice(1),
-        order: h.order,
+        order: b.order,
         ellipsis: !0,
         tooltip: !0,
         width: 150,
@@ -1693,8 +1693,8 @@ const Eo = Object.assign(Fe, {
         // 启用最小宽度
         resizable: !0
         // 启用列宽调整
-      })).sort((R, h) => R.order - h.order);
-      A.push({
+      })).sort((R, b) => R.order - b.order);
+      I.push({
         title: "Actions",
         slotName: "optional",
         align: "center",
@@ -1702,8 +1702,8 @@ const Eo = Object.assign(Fe, {
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), w.value = A, console.log("🚀 ~ mapColumns ~ _columns.value:", w.value);
-    }, d = g([]), w = g([]), x = g(!0), m = g(!0), k = g(), z = async () => {
+      }), h.value = I;
+    }, d = g([]), h = g([]), x = g(!0), m = g(!0), k = g(), E = async () => {
       m.value = !0;
       const y = await Vt(c.className, s());
       d.value = y.data, console.log("🚀 ~ loadData ~ _data.value:", d.value), l.total = y.totalCount, m.value = !1;
@@ -1714,14 +1714,14 @@ const Eo = Object.assign(Fe, {
         bpmStore: a
       }), _(r.value.fields), D(r.value.fields), te(), v(r.value?.tabs?.[0]?.key || ""), k.value = r.value.actions, x.value = !1, ee.value = !0;
     }), ct(() => {
-      ee.value && z();
+      ee.value && E();
     });
     const oe = (y) => {
-      l.current = y, z();
+      l.current = y, E();
     }, ne = (y) => {
-      l.pageSize = y, z();
+      l.pageSize = y, E();
     };
-    function le(y, A, R, h, f) {
+    function le(y, I, R, b, f) {
       switch (y) {
         case Z.Link:
           o.push({ name: R, params: { workflowId: f } });
@@ -1730,10 +1730,10 @@ const Eo = Object.assign(Fe, {
           console.warn("Unknown action type:", y);
       }
     }
-    function B(y, A, R) {
+    function B(y, I, R) {
       switch (y) {
         case Z.Submit:
-          Kt(A, { filters: [{ key: "approverList", value: "jessica.zhan@sanofi.com", operator: 2 }] }), n?.appContext.config.globalProperties.$notification.success("submit success!");
+          Kt(I, { filters: [{ key: "approverList", value: $(), operator: 2 }] }), n?.appContext.config.globalProperties.$notification.success("submit success!");
           break;
         case Z.Link:
           o.push({ name: R });
@@ -1742,52 +1742,52 @@ const Eo = Object.assign(Fe, {
           console.warn("Unknown action type:", y);
       }
     }
-    function T() {
+    function $() {
       return t()?.userInfo?.email_address ?? "";
     }
-    function U(y, A) {
-      return typeof y != "string" || y.indexOf("{currentUserEmail}") === -1 ? y : y.replace(/{currentUserEmail}/g, A);
+    function U(y, I) {
+      return typeof y != "string" || y.indexOf("{currentUserEmail}") === -1 ? y : y.replace(/{currentUserEmail}/g, I);
     }
     function v(y) {
-      const A = r.value?.tabs?.find((R) => R.key === y)?.filters;
-      l.filters = A?.map((R) => ({
+      const I = r.value?.tabs?.find((R) => R.key === y)?.filters;
+      l.filters = I?.map((R) => ({
         ...R,
-        value: U(R.value, T())
-      })) || [], z();
+        value: U(R.value, $())
+      })) || [], E();
     }
-    const $ = g({}), b = g([]);
+    const A = g({}), w = g([]);
     function D(y) {
       if (!y) return [];
-      b.value = Object.entries(y).filter(([, A]) => A.isFiltered).map(([A, R]) => ({ fieldKey: A, fieldConfig: R }));
+      w.value = Object.entries(y).filter(([, I]) => I.isFiltered).map(([I, R]) => ({ fieldKey: I, fieldConfig: R }));
     }
     const te = () => {
       const y = {};
-      b.value.forEach(({ fieldKey: A, fieldConfig: R }) => {
-        y[A] = {}, y[A].value = R.modelValue, y[A].operator = R.operator;
-      }), $.value = y;
+      w.value.forEach(({ fieldKey: I, fieldConfig: R }) => {
+        y[I] = {}, y[I].value = R.modelValue, y[I].operator = R.operator;
+      }), A.value = y;
     }, ae = () => {
-      l.current = 1, z();
+      l.current = 1, E();
     }, fe = () => {
       r.value && te(), ae();
     };
-    function Ae(y, A) {
-      return !(y.location !== "InTable" || y.title === "Update" && (A.status === 100 || A.status === -1));
+    function Ae(y, I) {
+      return !(y.location !== "InTable" || y.title === "Update" && (I.status === 100 || I.status === -1));
     }
-    return (y, A) => {
-      const R = S("a-space"), h = S("a-col"), f = S("a-button"), H = S("a-row"), C = S("a-card"), Y = S("a-tab-pane"), N = S("a-tabs"), ie = S("a-table");
+    return (y, I) => {
+      const R = S("a-space"), b = S("a-col"), f = S("a-button"), H = S("a-row"), C = S("a-card"), Y = S("a-tab-pane"), N = S("a-tabs"), ie = S("a-table");
       return u(), V("div", rn, [
         F($e, {
           title: r.value?.banner.title ?? "",
           subTitle: r.value?.banner.subTitle ?? "",
-          email: T()
+          email: $()
         }, null, 8, ["title", "subTitle", "email"]),
         F(C, null, {
           default: p(() => [
-            I("div", ln, [
-              A[0] || (A[0] = I("h3", null, "Search Conditions", -1)),
+            T("div", ln, [
+              I[0] || (I[0] = T("h3", null, "Search Conditions", -1)),
               F(R, { size: "medium" }, {
                 default: p(() => [
-                  (u(!0), V(K, null, E(k.value, (P) => (u(), V(K, {
+                  (u(!0), V(K, null, z(k.value, (P) => (u(), V(K, {
                     key: P.title
                   }, [
                     P.location === "InOperation" ? (u(), L(ye, {
@@ -1802,7 +1802,7 @@ const Eo = Object.assign(Fe, {
             ]),
             F(H, { gutter: [24, 20] }, {
               default: p(() => [
-                (u(!0), V(K, null, E(b.value, (P) => (u(), L(h, {
+                (u(!0), V(K, null, z(w.value, (P) => (u(), L(b, {
                   key: P.fieldKey,
                   span: 6,
                   class: "search-col"
@@ -1811,14 +1811,14 @@ const Eo = Object.assign(Fe, {
                     F(Ke, {
                       name: P.fieldKey,
                       config: P.fieldConfig,
-                      modelValue: $.value[P.fieldKey].value,
-                      "onUpdate:modelValue": (Q) => $.value[P.fieldKey].value = Q,
+                      modelValue: A.value[P.fieldKey].value,
+                      "onUpdate:modelValue": (Q) => A.value[P.fieldKey].value = Q,
                       class: "form-field"
                     }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
                   ]),
                   _: 2
                 }, 1024))), 128)),
-                F(h, {
+                F(b, {
                   span: 6,
                   class: "search-col form-buttons"
                 }, {
@@ -1830,7 +1830,7 @@ const Eo = Object.assign(Fe, {
                           size: "medium",
                           onClick: ae
                         }, {
-                          default: p(() => A[1] || (A[1] = [
+                          default: p(() => I[1] || (I[1] = [
                             q(" Search ", -1)
                           ])),
                           _: 1,
@@ -1840,7 +1840,7 @@ const Eo = Object.assign(Fe, {
                           size: "medium",
                           onClick: fe
                         }, {
-                          default: p(() => A[2] || (A[2] = [
+                          default: p(() => I[2] || (I[2] = [
                             q(" Reset ", -1)
                           ])),
                           _: 1,
@@ -1863,7 +1863,7 @@ const Eo = Object.assign(Fe, {
           onTabClick: v
         }, {
           default: p(() => [
-            (u(!0), V(K, null, E(r.value?.tabs, (P) => (u(), L(Y, {
+            (u(!0), V(K, null, z(r.value?.tabs, (P) => (u(), L(Y, {
               key: P.key,
               title: P.title
             }, null, 8, ["title"]))), 128))
@@ -1871,7 +1871,7 @@ const Eo = Object.assign(Fe, {
           _: 1
         }),
         F(ie, {
-          columns: w.value,
+          columns: h.value,
           data: d.value,
           stripe: "",
           border: "",
@@ -1893,7 +1893,7 @@ const Eo = Object.assign(Fe, {
           optional: p(({ record: P }) => [
             F(R, { size: "small" }, {
               default: p(() => [
-                (u(!0), V(K, null, E(k.value, (Q) => (u(), V(K, {
+                (u(!0), V(K, null, z(k.value, (Q) => (u(), V(K, {
                   key: Q.title
                 }, [
                   Ae(Q, P) ? (u(), L(ye, {
@@ -1912,7 +1912,7 @@ const Eo = Object.assign(Fe, {
       ]);
     };
   }
-}), un = /* @__PURE__ */ ve(cn, [["__scopeId", "data-v-7ed94b4d"]]), vn = {
+}), un = /* @__PURE__ */ ve(cn, [["__scopeId", "data-v-a83216cf"]]), vn = {
   install(e, t = {}) {
     t.config && yt(t.config), t.router && e.provide(et, t.router), t.pinia && e.provide(to, t.pinia), t.useBpmStore && e.provide(ot, t.useBpmStore), t.useSvrStore && e.provide(nt, t.useSvrStore), t.triggers && e.provide(tt, t.triggers), t.customComps && e.provide(at, t.customComps), e.component("CreateView", bo), e.component("UpdateView", Uo), e.component("DetailView", sn), e.component("ListView", un);
   }