@chase-shao/vue-component-lib 1.2.114 → 1.2.115

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as g, getCurrentInstance as me, inject as be, defineComponent as G, mergeModels as ce, useModel as Ce, resolveComponent as x, createBlock as H, openBlock as u, onMounted as ge, computed as z, withCtx as C, createElementBlock as v, Fragment as M, renderList as W, createVNode as F, nextTick as yt, createElementVNode as w, createTextVNode as ae, toDisplayString as q, normalizeStyle as et, normalizeClass as tt, createCommentVNode as se, useTemplateRef as Ie, resolveDynamicComponent as ze, renderSlot as ue, reactive as wt, onActivated as kt } from "vue";
+import { ref as g, getCurrentInstance as me, inject as be, defineComponent as G, mergeModels as ce, useModel as Ce, resolveComponent as x, createBlock as H, openBlock as u, onMounted as ge, computed as M, withCtx as C, createElementBlock as v, Fragment as z, renderList as W, createVNode as F, nextTick as wt, createElementVNode as y, createTextVNode as ae, toDisplayString as q, normalizeStyle as et, normalizeClass as tt, createCommentVNode as se, useTemplateRef as Ie, resolveDynamicComponent as Me, renderSlot as ue, reactive as yt, onActivated as kt } from "vue";
 import St from "axios";
 import { defineStore as Ct } from "pinia";
 import { useRouter as xt } from "vue-router";
@@ -74,7 +74,7 @@ function ve() {
   throw new Error("Router is unavailable. Pass router when installing the plugin before using useLibraryRouter outside setup().");
 }
 const rt = me();
-function Me(t) {
+function ze(t) {
   if (!t || typeof t != "object") return !1;
   const o = Object.getPrototypeOf(t);
   return o === Object.prototype || o === null;
@@ -85,7 +85,7 @@ function at(t) {
 function Se(t) {
   if (Array.isArray(t))
     return t.map(Se);
-  if (Me(t)) {
+  if (ze(t)) {
     const o = {};
     return Object.keys(t).forEach((n) => {
       o[n] = Se(t[n]);
@@ -96,10 +96,10 @@ function Se(t) {
 function Nt(t) {
   const o = (t.method || "").toLowerCase();
   if (o === "get")
-    return t.params && (Me(t.params) || Array.isArray(t.params)) && (t.params = Se(t.params)), t;
+    return t.params && (ze(t.params) || Array.isArray(t.params)) && (t.params = Se(t.params)), t;
   if (!["post", "put"].includes(o)) return t;
   const n = t.headers || {}, a = (n["Content-Type"] || n["content-type"] || "").includes("application/json");
-  if (t.data && (a || Me(t.data) || Array.isArray(t.data)))
+  if (t.data && (a || ze(t.data) || Array.isArray(t.data)))
     if (typeof t.data == "string")
       try {
         const r = JSON.parse(t.data);
@@ -327,14 +327,14 @@ async function jt(t, o) {
     // ),
   };
 }
-async function Mt(t, o, n) {
+async function zt(t, o, n) {
   return (await (await Y()).post(n, o, {
     params: {
       className: t
     }
   })).data;
 }
-async function zt(t, o, n, e) {
+async function Mt(t, o, n, e) {
   const a = await Y(), r = dt(e, o);
   return (await a.put(r, n))?.data;
 }
@@ -407,7 +407,7 @@ async function oo(t, o = null) {
   });
   It(e?.data, "WorkflowData.xlsx");
 }
-const ye = (t, o) => {
+const we = (t, o) => {
   let n = "";
   return { res: t.every((a) => {
     const r = no(a, o);
@@ -433,7 +433,7 @@ const ye = (t, o) => {
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Ce(t, "modelValue"), s = (d) => ye(e.validations, d), l = (d) => {
+    const e = t, a = n, r = Ce(t, "modelValue"), s = (d) => we(e.validations, d), l = (d) => {
       a("input", d);
     }, c = (d) => {
       const _ = s(d);
@@ -489,11 +489,11 @@ const Ye = /* @__PURE__ */ Z(ao, [["render", so], ["__file", "InputText.vue"]]),
         h.ruleName === "Max" && (s.value = h.ruleParameter), h.ruleName === "Min" && (l.value = h.ruleParameter);
       });
     });
-    const c = (h) => ye(e.validations, h), i = (h) => {
+    const c = (h) => we(e.validations, h), i = (h) => {
       a("input", h);
     }, d = (h) => {
-      const y = c(h);
-      a("error", y.res ? "" : y.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
+      const w = c(h);
+      a("error", w.res ? "" : w.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
         f.event === "change" && a(f.event, f.handlerName, h);
       });
     };
@@ -535,34 +535,34 @@ const co = /* @__PURE__ */ Z(io, [["render", lo], ["__file", "InputNumber.vue"]]
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g(!1), s = g(e.config.options ?? []), l = Ce(t, "modelValue"), c = (y) => ye(e.validations, y), i = z(() => {
-      const y = {};
+    const e = t, a = n, r = g(!1), s = g(e.config.options ?? []), l = Ce(t, "modelValue"), c = (w) => we(e.validations, w), i = M(() => {
+      const w = {};
       return e.triggers && e.triggers.length > 0 && e.triggers.forEach((f) => {
-        y[f.event] = (m) => {
+        w[f.event] = (m) => {
           a(f.event, f.handlerName, m);
           const k = c(m);
           a("error", k.res ? "" : k.errorMessages);
         };
-      }), y;
+      }), w;
     }), d = async () => {
       if (e.config.dataSourceProvider) {
         s.value = await Kt(e.config.dataSourceProvider);
-        const y = e.modelValue;
-        y != null && y !== "" && (s.value.some((m) => m.value === y) || a("update:modelValue", ""));
+        const w = e.modelValue;
+        w != null && w !== "" && (s.value.some((m) => m.value === w) || a("update:modelValue", ""));
       }
     };
     ge(d);
-    const _ = (y) => {
-      a("update:modelValue", y);
-      const f = c(y);
+    const _ = (w) => {
+      a("update:modelValue", w);
+      const f = c(w);
       a("error", f.res ? "" : f.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((m) => {
-        m.event === "change" && a(m.event, m.handlerName, y);
+        m.event === "change" && a(m.event, m.handlerName, w);
       });
     };
     o({
       validate() {
-        const y = c(e.modelValue);
-        return a("error", y.res ? "" : y.errorMessages), y.res;
+        const w = c(e.modelValue);
+        return a("error", w.res ? "" : w.errorMessages), w.res;
       }
     });
     const h = { props: e, emits: a, loading: r, _options: s, model: l, validate: c, eventHandlers: i, loadOptions: d, changeHandler: _ };
@@ -582,7 +582,7 @@ function fo(t, o, n, e, a, r) {
     onChange: e.changeHandler
   }, {
     default: C(() => [
-      (u(!0), v(M, null, W(e._options, (c) => (u(), H(s, {
+      (u(!0), v(z, null, W(e._options, (c) => (u(), H(s, {
         key: c.value,
         value: c.value,
         label: c.label
@@ -654,18 +654,18 @@ const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "Cascader.vue"]]),
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = g({}), s = (p) => ye(e.validations, p), l = Ee(), c = l.apiBase, i = g(null), d = g("");
+    const e = t, a = n, r = g({}), s = (p) => we(e.validations, p), l = Ee(), c = l.apiBase, i = g(null), d = g("");
     function _(p, L, $) {
       return p.replace(/{WorkflowId}/g, L).replace(/{ClassName}/g, $);
     }
-    const h = z(() => {
+    const h = M(() => {
       if (e.config.uploadURL) {
         const p = c + e.config.uploadURL;
         return _(p, d.value, e.className);
       }
       return "";
     });
-    function y(p) {
+    function w(p) {
       if (!(typeof p != "number" || p <= 0))
         return p * Ze;
     }
@@ -673,7 +673,7 @@ const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "Cascader.vue"]]),
       if (!(typeof p != "number" || p <= 0))
         return p;
     }
-    const m = z(() => y(e.maxSize ?? e.config.maxSize)), k = z(() => f(e.minSize ?? e.config.minSize)), ee = z(() => m.value ? K(m.value) : "unlimited"), re = z(() => k.value ? K(k.value) : "0 B");
+    const m = M(() => w(e.maxSize ?? e.config.maxSize)), k = M(() => f(e.minSize ?? e.config.minSize)), ee = M(() => m.value ? K(m.value) : "unlimited"), re = M(() => k.value ? K(k.value) : "0 B");
     function K(p) {
       return p < 1024 ? `${p} B` : p < 1024 * 1024 ? `${Math.round(p / 1024)} KB` : p < 1024 * 1024 * 1024 ? `${Math.round(p / (1024 * 1024))} MB` : `${Math.round(p / (1024 * 1024 * 1024))} GB`;
     }
@@ -712,7 +712,7 @@ const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "Cascader.vue"]]),
           i.value ? (e.config.uploadURL && (d.value = p), I.value = L, T.value = $, V.value.length ? lt().then((oe) => {
             r.value = {
               Authorization: `Bearer ${oe}`
-            }, yt(() => {
+            }, wt(() => {
               i.value?.submit();
             });
           }) : L(p)) : L(p);
@@ -723,13 +723,13 @@ const go = /* @__PURE__ */ Z(po, [["render", mo], ["__file", "Cascader.vue"]]),
         return a("error", $.res ? "" : $.errorMessages), $.res;
       }
     });
-    const D = { props: e, emits: a, headers: r, validate: s, config: l, ApiBase: c, uploadRef: i, id: d, replaceIdAndClassName: _, action: h, MB_SIZE: Ze, mbToBytes: y, normalizeBytes: f, maxFileSize: m, minFileSize: k, maxFileSizeText: ee, minFileSizeText: re, formatFileSize: K, onBeforeUpload: te, submit: ie, onBeforeRemove: le, uploadPromiseResolve: I, uploadPromiseReject: T, handleUploadSuccess: P, handleUploadError: S, readyFiles: V, onChange: O };
+    const D = { props: e, emits: a, headers: r, validate: s, config: l, ApiBase: c, uploadRef: i, id: d, replaceIdAndClassName: _, action: h, MB_SIZE: Ze, mbToBytes: w, normalizeBytes: f, maxFileSize: m, minFileSize: k, maxFileSizeText: ee, minFileSizeText: re, formatFileSize: K, onBeforeUpload: te, submit: ie, onBeforeRemove: le, uploadPromiseResolve: I, uploadPromiseReject: T, handleUploadSuccess: P, handleUploadError: S, readyFiles: V, onChange: O };
     return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
   }
 }), vo = { style: { "margin-top": "8px", color: "#86909c", "font-size": "12px" } };
 function ho(t, o, n, e, a, r) {
   const s = x("a-button"), l = x("a-upload");
-  return u(), v(M, null, [
+  return u(), v(z, null, [
     F(l, {
       ref: "uploadRef",
       "default-file-list": e.props.config.files,
@@ -756,10 +756,10 @@ function ho(t, o, n, e, a, r) {
       ]),
       _: 1
     }, 8, ["default-file-list", "action", "limit", "headers"]),
-    w("div", vo, " The maximum file size for uploads is " + q(e.maxFileSizeText) + ", and the minimum file size is greater than " + q(e.minFileSizeText) + ". ", 1)
+    y("div", vo, " The maximum file size for uploads is " + q(e.maxFileSizeText) + ", and the minimum file size is greater than " + q(e.minFileSizeText) + ". ", 1)
   ], 64);
 }
-const bo = /* @__PURE__ */ Z(_o, [["render", ho], ["__file", "FileUpload.vue"]]), yo = /* @__PURE__ */ G({
+const bo = /* @__PURE__ */ Z(_o, [["render", ho], ["__file", "FileUpload.vue"]]), wo = /* @__PURE__ */ G({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -770,7 +770,7 @@ const bo = /* @__PURE__ */ Z(_o, [["render", ho], ["__file", "FileUpload.vue"]])
   },
   emits: ["update:modelValue", "change", "error", "input"],
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = (i) => ye(e.validations, i), s = (i) => {
+    const e = t, a = n, r = (i) => we(e.validations, i), s = (i) => {
       a("update:modelValue", i), a("input", i);
     }, l = (i) => {
       a("update:modelValue", i);
@@ -789,7 +789,7 @@ const bo = /* @__PURE__ */ Z(_o, [["render", ho], ["__file", "FileUpload.vue"]])
     return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
   }
 });
-function wo(t, o, n, e, a, r) {
+function yo(t, o, n, e, a, r) {
   const s = x("ATextarea");
   return u(), H(s, {
     "model-value": e.props.modelValue,
@@ -806,7 +806,7 @@ function wo(t, o, n, e, a, r) {
     onChange: e.changeHandler
   }, null, 8, ["model-value", "disabled", "max-length"]);
 }
-const ko = /* @__PURE__ */ Z(yo, [["render", wo], ["__file", "TextArea.vue"]]), So = /* @__PURE__ */ G({
+const ko = /* @__PURE__ */ Z(wo, [["render", yo], ["__file", "TextArea.vue"]]), So = /* @__PURE__ */ G({
   __name: "CheckBox",
   props: /* @__PURE__ */ ce({
     fieldKey: {},
@@ -820,7 +820,7 @@ const ko = /* @__PURE__ */ Z(yo, [["render", wo], ["__file", "TextArea.vue"]]),
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error", "input"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Ce(t, "modelValue"), s = (i) => ye(e.validations, i), l = (i) => {
+    const e = t, a = n, r = Ce(t, "modelValue"), s = (i) => we(e.validations, i), l = (i) => {
       const d = s(i);
       a("error", d.res ? "" : d.errorMessages), e.triggers && e.triggers.length > 0 && e.triggers.forEach((_) => {
         _.event === "change" && a(_.event, _.handlerName, i);
@@ -892,7 +892,7 @@ const Po = G({
     click: (t) => !0
   },
   setup(t, { emit: o }) {
-    const n = ut("icon"), e = z(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), a = z(() => {
+    const n = ut("icon"), e = M(() => [n, `${n}-question-circle`, { [`${n}-spin`]: t.spin }]), a = M(() => {
       const s = {};
       return t.size && (s.fontSize = ft(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -918,8 +918,8 @@ function No(t, o, n, e, a, r) {
     "stroke-linejoin": t.strokeLinejoin,
     onClick: o[0] || (o[0] = (...s) => t.onClick && t.onClick(...s))
   }, o[1] || (o[1] = [
-    w("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
-    w("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
+    y("path", { d: "M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1),
+    y("path", { d: "M24.006 31v4.008m0-6.008L24 28c0-3 3-4 4.78-6.402C30.558 19.195 28.288 15 23.987 15c-4.014 0-5.382 2.548-5.388 4.514v.465" }, null, -1)
   ]), 14, Fo);
 }
 var He = /* @__PURE__ */ pt(Po, [["render", No]]);
@@ -956,7 +956,7 @@ const Ro = Object.assign(He, {
     click: (t) => !0
   },
   setup(t, { emit: o }) {
-    const n = ut("icon"), e = z(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), a = z(() => {
+    const n = ut("icon"), e = M(() => [n, `${n}-download`, { [`${n}-spin`]: t.spin }]), a = M(() => {
       const s = {};
       return t.size && (s.fontSize = ft(t.size) ? `${t.size}px` : t.size), t.rotate && (s.transform = `rotate(${t.rotate}deg)`), s;
     });
@@ -982,7 +982,7 @@ function Lo(t, o, n, e, a, r) {
     "stroke-linejoin": t.strokeLinejoin,
     onClick: o[0] || (o[0] = (...s) => t.onClick && t.onClick(...s))
   }, o[1] || (o[1] = [
-    w("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
+    y("path", { d: "m33.072 22.071-9.07 9.071-9.072-9.07M24 5v26m16 4v6H8v-6" }, null, -1)
   ]), 14, Do);
 }
 var Oe = /* @__PURE__ */ pt(Uo, [["render", Lo]]);
@@ -1000,7 +1000,7 @@ const Bo = Object.assign(Oe, {
   },
   setup(t, { expose: o }) {
     o();
-    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", a = z(() => e(n.outputText) ? [] : n.outputText), r = z(() => e(n.outputText) ? n.outputText : []), s = { props: n, isTreeArray: e, stringOutput: a, treeOutput: r, get IconQuestionCircle() {
+    const n = t, e = (l) => l.length > 0 && typeof l[0] != "string", a = M(() => e(n.outputText) ? [] : n.outputText), r = M(() => e(n.outputText) ? n.outputText : []), s = { props: n, isTreeArray: e, stringOutput: a, treeOutput: r, get IconQuestionCircle() {
       return Ro;
     } };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
@@ -1013,19 +1013,19 @@ function jo(t, o, n, e, a, r) {
     "background-color": "#7A00E6"
   }, {
     content: C(() => [
-      e.stringOutput.length ? (u(!0), v(M, { key: 0 }, W(e.stringOutput, (l) => (u(), v("p", { key: l }, q(l), 1))), 128)) : (u(!0), v(M, { key: 1 }, W(e.treeOutput, (l) => (u(), v("ul", {
+      e.stringOutput.length ? (u(!0), v(z, { key: 0 }, W(e.stringOutput, (l) => (u(), v("p", { key: l }, q(l), 1))), 128)) : (u(!0), v(z, { key: 1 }, W(e.treeOutput, (l) => (u(), v("ul", {
         key: l.title,
         class: "list-unstyled"
       }, [
-        w("li", null, [
-          w("b", null, q(l.title), 1),
-          w("ul", Oo, [
-            (u(!0), v(M, null, W(l.items, (c) => (u(), v("li", {
+        y("li", null, [
+          y("b", null, q(l.title), 1),
+          y("ul", Oo, [
+            (u(!0), v(z, null, W(l.items, (c) => (u(), v("li", {
               key: c.title
             }, [
-              w("u", null, q(c.title), 1),
-              w("ul", $o, [
-                (u(!0), v(M, null, W(c.items, (i) => (u(), v("li", null, q(i), 1))), 256))
+              y("u", null, q(c.title), 1),
+              y("ul", $o, [
+                (u(!0), v(z, null, W(c.items, (i) => (u(), v("li", null, q(i), 1))), 256))
               ])
             ]))), 128))
           ])
@@ -1038,7 +1038,7 @@ function jo(t, o, n, e, a, r) {
     _: 1
   })) : se("", !0);
 }
-const mt = /* @__PURE__ */ Z(Ho, [["render", jo], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), Mo = /* @__PURE__ */ G({
+const mt = /* @__PURE__ */ Z(Ho, [["render", jo], ["__scopeId", "data-v-1d3893b1"], ["__file", "ToolTip.vue"]]), zo = /* @__PURE__ */ G({
   __name: "index",
   props: /* @__PURE__ */ ce({
     config: {},
@@ -1054,7 +1054,7 @@ const mt = /* @__PURE__ */ Z(Ho, [["render", jo], ["__scopeId", "data-v-1d3893b1
   }),
   emits: /* @__PURE__ */ ce(["update:modelValue", "change", "error"], ["update:modelValue"]),
   setup(t, { expose: o, emit: n }) {
-    const e = t, a = n, r = Ce(t, "modelValue"), s = Ie("widgetRef"), l = z(() => {
+    const e = t, a = n, r = Ce(t, "modelValue"), s = Ie("widgetRef"), l = M(() => {
       switch (e.config?.widget?.widget) {
         case "TextBox":
           return Ye;
@@ -1100,10 +1100,10 @@ const mt = /* @__PURE__ */ Z(Ho, [["render", jo], ["__scopeId", "data-v-1d3893b1
         return e?.config?.widget?.title;
       }
     });
-    const y = { props: e, emits: a, model: r, widgetRef: s, curComp: l, errMsg: c, errHandler: i, changeHandler: d, isFileUpload: _, formatTitle: h, ToolTip: mt };
-    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+    const w = { props: e, emits: a, model: r, widgetRef: s, curComp: l, errMsg: c, errHandler: i, changeHandler: d, isFileUpload: _, formatTitle: h, ToolTip: mt };
+    return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
   }
-}), zo = { class: "title" }, Eo = {
+}), Mo = { class: "title" }, Eo = {
   key: 0,
   class: "required"
 }, Ko = {
@@ -1112,7 +1112,7 @@ const mt = /* @__PURE__ */ Z(Ho, [["render", jo], ["__scopeId", "data-v-1d3893b1
 };
 function Wo(t, o, n, e, a, r) {
   return u(), v("div", null, [
-    w("div", zo, [
+    y("div", Mo, [
       ae(q(e.formatTitle(e.props?.config?.widget?.title)) + " ", 1),
       e.props.required || e.props.config.validations.some((s) => s.ruleName === "Required") ? (u(), v("span", Eo, " * ")) : se("", !0),
       F(e.ToolTip, {
@@ -1120,8 +1120,8 @@ function Wo(t, o, n, e, a, r) {
         "output-text": e.props.config.widget?.outputText ?? []
       }, null, 8, ["is-visible", "output-text"])
     ]),
-    w("div", null, [
-      (u(), H(ze(e.curComp), {
+    y("div", null, [
+      (u(), H(Me(e.curComp), {
         ref: "widgetRef",
         modelValue: e.model,
         "onUpdate:modelValue": o[0] || (o[0] = (s) => e.model = s),
@@ -1137,7 +1137,7 @@ function Wo(t, o, n, e, a, r) {
     ])
   ]);
 }
-const Pe = /* @__PURE__ */ Z(Mo, [["render", Wo], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), qo = /* @__PURE__ */ G({
+const Pe = /* @__PURE__ */ Z(zo, [["render", Wo], ["__scopeId", "data-v-67595df1"], ["__file", "index.vue"]]), qo = /* @__PURE__ */ G({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -1208,7 +1208,7 @@ const Qo = /* @__PURE__ */ Z(Jo, [["render", Yo], ["__file", "DetailLink.vue"]])
     function r(d, _) {
       a("click", e.config.widget, d, _, e.config.title);
     }
-    const s = z(() => {
+    const s = M(() => {
       switch (e.config.location) {
         case "InOperation":
           return Xe;
@@ -1217,12 +1217,12 @@ const Qo = /* @__PURE__ */ Z(Jo, [["render", Yo], ["__file", "DetailLink.vue"]])
         default:
           return Xe;
       }
-    }), l = z(() => e.config.widget === X.Submit ? e.config.requestUrl ?? "" : e.config.widget === X.Link ? e.config.redirectUrl ?? "" : ""), c = z(() => e.config.redirectType ?? "Details"), i = { props: e, emits: a, clickHandler: r, curComp: s, curUrl: l, redirectType: c };
+    }), l = M(() => e.config.widget === X.Submit ? e.config.requestUrl ?? "" : e.config.widget === X.Link ? e.config.redirectUrl ?? "" : ""), c = M(() => e.config.redirectType ?? "Details"), i = { props: e, emits: a, clickHandler: r, curComp: s, curUrl: l, redirectType: c };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 function Xo(t, o, n, e, a, r) {
-  return u(), H(ze(e.curComp), {
+  return u(), H(Me(e.curComp), {
     url: e.curUrl,
     "redirect-type": e.redirectType,
     loading: n.loading,
@@ -1262,14 +1262,14 @@ const tn = /* @__PURE__ */ G({
 function cn(t, o, n, e, a, r) {
   const s = x("a-avatar"), l = x("a-popover");
   return u(), v("div", on, [
-    w("div", nn, [
-      w("div", rn, q(n.title), 1),
-      w("div", an, q(n.subTitle), 1)
+    y("div", nn, [
+      y("div", rn, q(n.title), 1),
+      y("div", an, q(n.subTitle), 1)
     ]),
-    w("div", sn, [
+    y("div", sn, [
       F(l, { trigger: "click" }, {
         content: C(() => [
-          w("div", ln, q(n.email), 1)
+          y("div", ln, q(n.email), 1)
         ]),
         default: C(() => [
           F(s, {
@@ -1402,19 +1402,19 @@ const dn = /* @__PURE__ */ G({
         ...V
       })).filter((S) => S.widget && S.widget.widget !== "Hidden").filter((S) => !te.value.includes(S.fieldKey)) : [];
     }
-    function y(T) {
+    function w(T) {
       return T ? Object.entries(T).filter(([S, V]) => V.dependent).reduce(
         (S, [V, O]) => (S[V] = O.dependent, S),
         {}
       ) : [];
     }
-    const f = z(() => i.value?.actions ? [...i.value.actions].reverse() : []), m = g({}), k = g(!1);
+    const f = M(() => i.value?.actions ? [...i.value.actions].reverse() : []), m = g({}), k = g(!1);
     ge(async () => {
       k.value = !0;
       const T = new De().setWorkflowId(c.workflowId).setClassName(c.className).setStore({ svrStore: e, bpmStore: n }).build();
       i.value = await T.getPageData();
       const P = i.value.fields.requestType.modelValue;
-      r.Test?.({ fieldValue: P, hiddenFields: te, formData: m }), d.value = h(i.value.fields), _.value = y(i.value.fields);
+      r.Test?.({ fieldValue: P, hiddenFields: te, formData: m }), d.value = h(i.value.fields), _.value = w(i.value.fields);
       for (const S in i.value.fields) {
         if (i.value.fields[S].widget?.widget === "File") {
           const V = d.value.find((O) => O.fieldKey === S);
@@ -1447,7 +1447,7 @@ const dn = /* @__PURE__ */ G({
               ..._.value
             };
             r.createPageBeforeSubmit?.(p);
-            const L = await Mt(
+            const L = await zt(
               c.className,
               p,
               S
@@ -1494,14 +1494,14 @@ const dn = /* @__PURE__ */ G({
     function ie(T, P) {
       r[T]?.({ fieldValue: P, hiddenFields: te, formData: m }), i.value && (d.value = h(i.value.fields));
     }
-    const le = z(() => We(d.value)), I = { bpmStore: n, svrStore: e, router: a, triggers: r, dataWidgetsRefs: s, instance: l, props: c, pageData: i, _fields: d, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, newHiddenFields: K, hiddenFields: te, changeHandler: ie, groupedFields: le, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
+    const le = M(() => We(d.value)), I = { bpmStore: n, svrStore: e, router: a, triggers: r, dataWidgetsRefs: s, instance: l, props: c, pageData: i, _fields: d, _dependent: _, genField: h, genDependentField: w, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, newHiddenFields: K, hiddenFields: te, changeHandler: ie, groupedFields: le, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
     return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
 }), un = { class: "page-container" }, fn = { class: "page-body" }, pn = { class: "form-card" }, mn = { class: "form-fields-vertical" }, gn = { class: "form-fields" }, _n = {
   key: 0,
   class: "form-content"
 }, vn = { class: "page-footer" }, hn = { class: "action-container" }, bn = { class: "action-buttons" };
-function yn(t, o, n, e, a, r) {
+function wn(t, o, n, e, a, r) {
   const s = x("a-card"), l = x("a-spin");
   return u(), v("div", un, [
     F(e.TopBar, {
@@ -1509,22 +1509,22 @@ function yn(t, o, n, e, a, r) {
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", fn, [
+    y("div", fn, [
       F(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: C(() => [
-          w("div", pn, [
-            w("div", mn, [
-              (u(!0), v(M, null, W(e.groupedFields, (c) => (u(), H(s, {
+          y("div", pn, [
+            y("div", mn, [
+              (u(!0), v(z, null, W(e.groupedFields, (c) => (u(), H(s, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: C(() => [
-                  w("div", gn, [
-                    (u(!0), v(M, null, W(c.fields, (i) => (u(), H(e.DataWidgets, {
+                  y("div", gn, [
+                    (u(!0), v(z, null, W(c.fields, (i) => (u(), H(e.DataWidgets, {
                       key: i.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1549,11 +1549,11 @@ function yn(t, o, n, e, a, r) {
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", vn, [
-      w("div", hn, [
+    y("div", vn, [
+      y("div", hn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        w("div", bn, [
-          (u(!0), v(M, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
+        y("div", bn, [
+          (u(!0), v(z, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1565,7 +1565,7 @@ function yn(t, o, n, e, a, r) {
     ])
   ]);
 }
-const wn = /* @__PURE__ */ Z(dn, [["render", yn], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), kn = /* @__PURE__ */ G({
+const yn = /* @__PURE__ */ Z(dn, [["render", wn], ["__scopeId", "data-v-31413447"], ["__file", "CreateView.vue"]]), kn = /* @__PURE__ */ G({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1595,10 +1595,10 @@ const wn = /* @__PURE__ */ Z(dn, [["render", yn], ["__scopeId", "data-v-31413447
         ...S
       })).filter((P) => P.widget && P.widget.widget !== "Hidden").filter((P) => !K.value.includes(P.fieldKey)) : [];
     }
-    function y(I) {
+    function w(I) {
       return I ? Object.entries(I).filter(([P, S]) => S.dependent).reduce((P, [S, V]) => (P[S] = V.dependent, P), {}) : [];
     }
-    const f = z(() => i.value?.actions ? [...i.value.actions].reverse() : []), m = g({}), k = g(!1);
+    const f = M(() => i.value?.actions ? [...i.value.actions].reverse() : []), m = g({}), k = g(!1);
     ge(async () => {
       k.value = !0;
       const I = new De().setPageActionType(he.Update).setClassName(c.className).setStore({ svrStore: a, bpmStore: r }).setWorkflowId(c.workflowId).build();
@@ -1609,7 +1609,7 @@ const wn = /* @__PURE__ */ Z(dn, [["render", yn], ["__scopeId", "data-v-31413447
         return O ? O.isShow : !0;
       });
       const S = i.value.fields.requestType.modelValue;
-      e.Test?.({ fieldValue: S, hiddenFields: K, formData: m }), d.value = h(i.value.fields), _.value = y(i.value.fields);
+      e.Test?.({ fieldValue: S, hiddenFields: K, formData: m }), d.value = h(i.value.fields), _.value = w(i.value.fields);
       for (const V in i.value.fields) {
         if (i.value.fields[V].widget?.widget === "File") {
           const O = d.value.find((D) => D.fieldKey === V);
@@ -1636,7 +1636,7 @@ const wn = /* @__PURE__ */ Z(dn, [["render", yn], ["__scopeId", "data-v-31413447
           try {
             const D = { ...m.value, ..._.value };
             e.updatePageBeforeSubmit?.(D, r().employeeInfo);
-            const p = await zt(c.className, c.workflowId, D, P), L = s.value?.map(($) => $?.submit ? $.submit(p.toString()) : Promise.resolve()) || [];
+            const p = await Mt(c.className, c.workflowId, D, P), L = s.value?.map(($) => $?.submit ? $.submit(p.toString()) : Promise.resolve()) || [];
             await Promise.all(L), k.value = !1, l?.appContext.config.globalProperties.$notification.success(`Your grading request has been submitted, ID is ${p.toString()}.`);
           } catch {
             l?.appContext.config.globalProperties.$notification.error("Failed to submit your grading request"), k.value = !1;
@@ -1656,7 +1656,7 @@ const wn = /* @__PURE__ */ Z(dn, [["render", yn], ["__scopeId", "data-v-31413447
     function te(I, T) {
       e[I]?.({ fieldValue: T, hiddenFields: K, formData: m }), i.value && (d.value = h(i.value.fields));
     }
-    const ie = z(() => We(d.value)), le = { router: n, triggers: e, svrStore: a, bpmStore: r, dataWidgetsRefs: s, instance: l, props: c, pageData: i, _fields: d, _dependent: _, genField: h, genDependentField: y, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, hiddenFields: K, changeHandler: te, groupedFields: ie, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
+    const ie = M(() => We(d.value)), le = { router: n, triggers: e, svrStore: a, bpmStore: r, dataWidgetsRefs: s, instance: l, props: c, pageData: i, _fields: d, _dependent: _, genField: h, genDependentField: w, reversedActions: f, _data: m, loading: k, getApproverEmail: ee, clickHandler: re, hiddenFields: K, changeHandler: te, groupedFields: ie, DataWidgets: Pe, ActionButton: Fe, TopBar: Ue };
     return Object.defineProperty(le, "__isScriptSetup", { enumerable: !1, value: !0 }), le;
   }
 }), Sn = { class: "page-container" }, Cn = { class: "page-body" }, xn = { class: "form-card" }, Tn = { class: "form-fields-vertical" }, Vn = { class: "form-fields" }, An = {
@@ -1671,22 +1671,22 @@ function Nn(t, o, n, e, a, r) {
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", Cn, [
+    y("div", Cn, [
       F(l, {
         loading: e.loading,
         class: "form-container"
       }, {
         default: C(() => [
-          w("div", xn, [
-            w("div", Tn, [
-              (u(!0), v(M, null, W(e.groupedFields, (c) => (u(), H(s, {
+          y("div", xn, [
+            y("div", Tn, [
+              (u(!0), v(z, null, W(e.groupedFields, (c) => (u(), H(s, {
                 key: c.name,
                 title: c.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: C(() => [
-                  w("div", Vn, [
-                    (u(!0), v(M, null, W(c.fields, (i) => (u(), H(e.DataWidgets, {
+                  y("div", Vn, [
+                    (u(!0), v(z, null, W(c.fields, (i) => (u(), H(e.DataWidgets, {
                       key: i.fieldKey,
                       ref_for: !0,
                       ref: "dataWidgets",
@@ -1711,11 +1711,11 @@ function Nn(t, o, n, e, a, r) {
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", In, [
-      w("div", Pn, [
+    y("div", In, [
+      y("div", Pn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        w("div", Fn, [
-          (u(!0), v(M, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
+        y("div", Fn, [
+          (u(!0), v(z, null, W(e.reversedActions, (c) => (u(), H(e.ActionButton, {
             key: c.title,
             loading: e.loading,
             config: c,
@@ -1757,7 +1757,7 @@ const Dn = /* @__PURE__ */ G({
         workflowId: ""
       }
     }), _ = g([]), h = Ie("dataWidgets");
-    function y(N) {
+    function w(N) {
       return N ? Object.entries(N).map(([J, R]) => {
         typeof R.modelValue == "boolean" ? R.fieldValue = R.modelValue ? "Yes" : "No" : R.fieldValue = R.modelValue;
         const E = {
@@ -1779,7 +1779,7 @@ const Dn = /* @__PURE__ */ G({
         };
       }).filter((J) => J.widget && J.widget.widget !== "Hidden").filter((J) => !T.value.includes(J.fieldKey)) : [];
     }
-    const f = z(() => We(_.value)), m = z(() => d.value?.actions ? [...d.value.actions].reverse() : []), k = g(!0), ee = (N, j) => {
+    const f = M(() => We(_.value)), m = M(() => d.value?.actions ? [...d.value.actions].reverse() : []), k = g(!0), ee = (N, j) => {
       const J = N.findIndex((R) => R.isCurrent);
       return N.map((R, E) => {
         const U = {
@@ -1792,8 +1792,8 @@ const Dn = /* @__PURE__ */ G({
           time: ""
         };
         U.title = R.workflowProcessApprovers[0]?.name;
-        const pe = R.workflowProcessApprovers[R.workflowProcessApprovers.length - 1], xe = R.workflowHistorys[R.workflowHistorys.length - 1], we = xe?.workflowHistoryApprovers[xe?.workflowHistoryApprovers?.length - 1];
-        if (pe && we && pe?.email?.toLowerCase() !== we?.approverEmail?.toLowerCase() && (U.title = `${we.name}`, U.proxy = `Proxy: ${pe.name}`), R.sort > 1 ? U.sub = "Approver Role: " + R.nodeName.replace("Submit", "").replace("Approve", "") : U.sub = "Submit Application", R.isCurrent && j !== -1)
+        const pe = R.workflowProcessApprovers[R.workflowProcessApprovers.length - 1], xe = R.workflowHistorys[R.workflowHistorys.length - 1], ye = xe?.workflowHistoryApprovers[xe?.workflowHistoryApprovers?.length - 1];
+        if (pe && ye && pe?.email?.toLowerCase() !== ye?.approverEmail?.toLowerCase() && (U.title = `${ye.name}`, U.proxy = `Proxy: ${pe.name}`), R.sort > 1 ? U.sub = "Approver Role: " + R.nodeName.replace("Submit", "").replace("Approve", "") : U.sub = "Submit Application", R.isCurrent && j !== -1)
           U.desc = "In Approval", U.status = 1;
         else {
           const ne = R.workflowHistorys[R.workflowHistorys.length - 1];
@@ -1827,7 +1827,7 @@ const Dn = /* @__PURE__ */ G({
       const N = await i.getFiles();
       $.value = await i.getApprovers(), p.value = await i.getCommentsHistory(), oe.value = await i.getAssociator(), await I(), a.detailPageLoaded?.(d, e().employeeInfo);
       const j = d.value.fields.requestType.modelValue;
-      a.Test?.({ fieldValue: j, hiddenFields: T }), _.value = y(d.value.fields);
+      a.Test?.({ fieldValue: j, hiddenFields: T }), _.value = w(d.value.fields);
       for (const R in d.value.fields)
         if (d.value.fields[R].widget?.widget === "File") {
           const E = _.value.find((U) => U.fieldKey === R);
@@ -1860,7 +1860,7 @@ const Dn = /* @__PURE__ */ G({
               isGlobal: K.value
             });
             k.value = !0;
-            const we = _.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, ne = E === "Approve" ? "100" : "-1", Te = await Et(
+            const ye = _.value.find((_e) => _e.fieldKey === "approvedGrade")?.modelValue, ne = E === "Approve" ? "100" : "-1", Te = await Et(
               c.className,
               c.workflowId,
               V(),
@@ -1868,7 +1868,7 @@ const Dn = /* @__PURE__ */ G({
               J,
               ne,
               xe,
-              we
+              ye
             );
             await S(`${E}Success`, {
               workflowId: c.workflowId,
@@ -1983,17 +1983,17 @@ const Dn = /* @__PURE__ */ G({
       return i;
     }, set page(N) {
       i = N;
-    }, pageData: d, _fields: _, dataWidgetsRefs: h, genField: y, groupedFields: f, reversedActions: m, loading: k, mapWorkflowSteps: ee, steps: re, isGlobal: K, isShowAssignSelect: te, isShowAssignList: ie, isShowCommentTextArea: le, reloadButtonList: I, hiddenFields: T, load: P, triggerFn: S, getApproverEmail: V, clickHandler: O, comment: D, commentsHistory: p, selectedApprover: L, approvers: $, associators: oe, onAssignApprover: b, confirmDialog: A, onDeleteAssociator: B, onAddComment: de, formatTitle: fe, ActionButton: Fe, get IconDownload() {
+    }, pageData: d, _fields: _, dataWidgetsRefs: h, genField: w, groupedFields: f, reversedActions: m, loading: k, mapWorkflowSteps: ee, steps: re, isGlobal: K, isShowAssignSelect: te, isShowAssignList: ie, isShowCommentTextArea: le, reloadButtonList: I, hiddenFields: T, load: P, triggerFn: S, getApproverEmail: V, clickHandler: O, comment: D, commentsHistory: p, selectedApprover: L, approvers: $, associators: oe, onAssignApprover: b, confirmDialog: A, onDeleteAssociator: B, onAddComment: de, formatTitle: fe, ActionButton: Fe, get IconDownload() {
       return Bo;
     }, TopBar: Ue, get formatDate() {
       return Ve;
     }, ToolTip: mt, DataWidgets: Pe };
     return Object.defineProperty(qe, "__isScriptSetup", { enumerable: !1, value: !0 }), qe;
   }
-}), Ln = { class: "page-container" }, Bn = { class: "page-body" }, Hn = { class: "detail-card" }, On = { class: "form-fields-vertical" }, $n = { class: "detail-fields" }, jn = { class: "detail-field" }, Mn = {
+}), Ln = { class: "page-container" }, Bn = { class: "page-body" }, Hn = { class: "detail-card" }, On = { class: "form-fields-vertical" }, $n = { class: "detail-fields" }, jn = { class: "detail-field" }, zn = {
   key: 0,
   class: "detail-field"
-}, zn = { class: "field-label" }, En = {
+}, Mn = { class: "field-label" }, En = {
   key: 1,
   class: "field-value"
 }, Kn = {
@@ -2006,43 +2006,43 @@ const Dn = /* @__PURE__ */ G({
 function Qn(t, o, n, e, a, r) {
   const s = x("a-link"), l = x("a-space"), c = x("a-card");
   x("a-option"), x("a-select");
-  const i = x("a-button"), d = x("a-list-item"), _ = x("a-list"), h = x("a-textarea"), y = x("a-spin");
+  const i = x("a-button"), d = x("a-list-item"), _ = x("a-list"), h = x("a-textarea"), w = x("a-spin");
   return u(), v("div", Ln, [
     F(e.TopBar, {
       title: e.pageData.banner.title,
       subTitle: e.pageData.banner.subTitle,
       email: e.getApproverEmail()
     }, null, 8, ["title", "subTitle", "email"]),
-    w("div", Bn, [
-      F(y, {
+    y("div", Bn, [
+      F(w, {
         loading: e.loading,
         class: "detail-container"
       }, {
         default: C(() => [
-          w("div", Hn, [
-            (u(), H(ze(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
-            w("div", On, [
-              (u(!0), v(M, null, W(e.groupedFields, (f) => (u(), H(c, {
+          y("div", Hn, [
+            (u(), H(Me(e.customComps.Steps), { steps: e.steps }, null, 8, ["steps"])),
+            y("div", On, [
+              (u(!0), v(z, null, W(e.groupedFields, (f) => (u(), H(c, {
                 key: f.name,
                 title: f.name,
                 style: { "margin-bottom": "24px" }
               }, {
                 default: C(() => [
-                  w("div", $n, [
-                    (u(!0), v(M, null, W(f.fields, (m) => (u(), v("div", {
+                  y("div", $n, [
+                    (u(!0), v(z, null, W(f.fields, (m) => (u(), v("div", {
                       key: m.fieldKey,
                       class: "detail-field-wrapper"
                     }, [
-                      w("div", jn, [
-                        m.widget?.readonly ? (u(), v(M, { key: 1 }, [
-                          w("div", zn, [
+                      y("div", jn, [
+                        m.widget?.readonly ? (u(), v(z, { key: 1 }, [
+                          y("div", Mn, [
                             ae(q(e.formatTitle(m.widget?.title)) + " ", 1),
                             F(e.ToolTip, {
                               "is-visible": m.widget?.isVisible ?? !1,
                               "output-text": m.widget?.outputText ?? []
                             }, null, 8, ["is-visible", "output-text"])
                           ]),
-                          m.widget?.widget === "File" ? (u(!0), v(M, { key: 0 }, W(m.widget.files, (k) => (u(), v("div", {
+                          m.widget?.widget === "File" ? (u(!0), v(z, { key: 0 }, W(m.widget.files, (k) => (u(), v("div", {
                             class: "field-value",
                             key: k.id
                           }, [
@@ -2062,7 +2062,7 @@ function Qn(t, o, n, e, a, r) {
                               _: 2
                             }, 1024)
                           ]))), 128)) : (u(), v("div", En, q(m.fieldValue), 1))
-                        ], 64)) : (u(), v("div", Mn, [
+                        ], 64)) : (u(), v("div", zn, [
                           F(e.DataWidgets, {
                             ref_for: !0,
                             ref: "dataWidgets",
@@ -2084,12 +2084,17 @@ function Qn(t, o, n, e, a, r) {
               se("", !0),
               se("", !0),
               e.isShowCommentTextArea ? (u(), v("div", Kn, [
-                w("div", Wn, [
-                  o[6] || (o[6] = w("div", { class: "field-label" }, "Comment", -1)),
+                y("div", Wn, [
+                  o[6] || (o[6] = y("div", { class: "field-label" }, "Comment", -1)),
                   F(h, {
                     modelValue: e.comment,
                     "onUpdate:modelValue": o[1] || (o[1] = (f) => e.comment = f),
-                    "max-length": 200
+                    "max-length": 200,
+                    "show-word-limit": "",
+                    "auto-size": {
+                      minRows: 2,
+                      maxRows: 2
+                    }
                   }, null, 8, ["modelValue"]),
                   F(i, {
                     type: "primary",
@@ -2108,7 +2113,7 @@ function Qn(t, o, n, e, a, r) {
                   ae(" Comments History ", -1)
                 ])),
                 default: C(() => [
-                  (u(!0), v(M, null, W(e.commentsHistory, (f) => (u(), H(d, {
+                  (u(!0), v(z, null, W(e.commentsHistory, (f) => (u(), H(d, {
                     key: f.associator
                   }, {
                     default: C(() => [
@@ -2128,11 +2133,11 @@ function Qn(t, o, n, e, a, r) {
         _: 3
       }, 8, ["loading"])
     ]),
-    w("div", Gn, [
-      w("div", Jn, [
+    y("div", Gn, [
+      y("div", Jn, [
         ue(t.$slots, "action", {}, void 0, !0),
-        w("div", Yn, [
-          (u(!0), v(M, null, W(e.reversedActions, (f) => (u(), H(e.ActionButton, {
+        y("div", Yn, [
+          (u(!0), v(z, null, W(e.reversedActions, (f) => (u(), H(e.ActionButton, {
             key: f.title,
             loading: e.loading,
             config: f,
@@ -2144,7 +2149,7 @@ function Qn(t, o, n, e, a, r) {
     ])
   ]);
 }
-const Zn = /* @__PURE__ */ Z(Dn, [["render", Qn], ["__scopeId", "data-v-2d758766"], ["__file", "DetailView.vue"]]), Xn = /* @__PURE__ */ G({
+const Zn = /* @__PURE__ */ Z(Dn, [["render", Qn], ["__scopeId", "data-v-d11c86e6"], ["__file", "DetailView.vue"]]), Xn = /* @__PURE__ */ G({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -2152,7 +2157,7 @@ const Zn = /* @__PURE__ */ Z(Dn, [["render", Qn], ["__scopeId", "data-v-2d758766
   },
   setup(t, { expose: o }) {
     o();
-    const n = Re(), e = Ne(), a = ve(), r = me(), s = t, l = g(), c = wt({
+    const n = Re(), e = Ne(), a = ve(), r = me(), s = t, l = g(), c = yt({
       current: 1,
       total: 0,
       pageSize: 10,
@@ -2181,8 +2186,8 @@ const Zn = /* @__PURE__ */ Z(Dn, [["render", Qn], ["__scopeId", "data-v-2d758766
         }]
       };
     }
-    const d = z(() => ({
-      x: y.value.length * 150 + 250
+    const d = M(() => ({
+      x: w.value.length * 150 + 250
       // 只设置横向滚动
       // 移除 y 属性，让表格高度自适应
     })), _ = (b) => {
@@ -2206,8 +2211,8 @@ const Zn = /* @__PURE__ */ Z(Dn, [["render", Qn], ["__scopeId", "data-v-2d758766
         minWidth: 200,
         fixed: "right",
         resizable: !1
-      }), y.value = A;
-    }, h = g([]), y = g([]), f = g(!0), m = g(!0), k = g(), ee = async () => {
+      }), w.value = A;
+    }, h = g([]), w = g([]), f = g(!0), m = g(!0), k = g(), ee = async () => {
       m.value = !0;
       const b = await jt(s.className, i());
       h.value = b.data, c.total = b.totalCount, m.value = !1;
@@ -2276,12 +2281,12 @@ const Zn = /* @__PURE__ */ Z(Dn, [["render", Qn], ["__scopeId", "data-v-2d758766
     function $(b, A) {
       return !(b.location !== "InTable" || b.title === "Update" && (A.sort === 3 || A.status === 100 || A.status === -1));
     }
-    const oe = { svrStore: n, bpmStore: e, router: a, instance: r, props: s, pageData: l, paging: c, createListParams: i, scroll: d, mapColumns: _, _data: h, _columns: y, loadingPage: f, loadingTable: m, actions: k, loadData: ee, mounted: re, pageChangeHandler: K, pageSizeChangeHandler: te, clickHandler: ie, createHandler: le, getApproverEmail: I, replaceEmail: T, tabHandler: P, searchForm: S, searchableFields: V, mapSearchableFields: O, initSearchForm: D, handleSearch: p, handleReset: L, judgeHiddenActions: $, ActionButton: Fe, DataWidgets: Pe, TopBar: Ue };
+    const oe = { svrStore: n, bpmStore: e, router: a, instance: r, props: s, pageData: l, paging: c, createListParams: i, scroll: d, mapColumns: _, _data: h, _columns: w, loadingPage: f, loadingTable: m, actions: k, loadData: ee, mounted: re, pageChangeHandler: K, pageSizeChangeHandler: te, clickHandler: ie, createHandler: le, getApproverEmail: I, replaceEmail: T, tabHandler: P, searchForm: S, searchableFields: V, mapSearchableFields: O, initSearchForm: D, handleSearch: p, handleReset: L, judgeHiddenActions: $, ActionButton: Fe, DataWidgets: Pe, TopBar: Ue };
     return Object.defineProperty(oe, "__isScriptSetup", { enumerable: !1, value: !0 }), oe;
   }
 }), er = { class: "list-container" }, tr = { class: "query-title" };
 function or(t, o, n, e, a, r) {
-  const s = x("a-space"), l = x("a-col"), c = x("a-button"), i = x("a-row"), d = x("a-card"), _ = x("a-tab-pane"), h = x("a-tabs"), y = x("a-table");
+  const s = x("a-space"), l = x("a-col"), c = x("a-button"), i = x("a-row"), d = x("a-card"), _ = x("a-tab-pane"), h = x("a-tabs"), w = x("a-table");
   return u(), v("div", er, [
     F(e.TopBar, {
       title: e.pageData?.banner.title ?? "",
@@ -2290,11 +2295,11 @@ function or(t, o, n, e, a, r) {
     }, null, 8, ["title", "subTitle", "email"]),
     F(d, null, {
       default: C(() => [
-        w("div", tr, [
-          o[0] || (o[0] = w("h3", null, "Search Conditions", -1)),
+        y("div", tr, [
+          o[0] || (o[0] = y("h3", null, "Search Conditions", -1)),
           F(s, { size: "medium" }, {
             default: C(() => [
-              (u(!0), v(M, null, W(e.actions, (f) => (u(), v(M, {
+              (u(!0), v(z, null, W(e.actions, (f) => (u(), v(z, {
                 key: f.title
               }, [
                 f.location === "InOperation" ? (u(), H(e.ActionButton, {
@@ -2309,7 +2314,7 @@ function or(t, o, n, e, a, r) {
         ]),
         F(i, { gutter: [24, 20] }, {
           default: C(() => [
-            (u(!0), v(M, null, W(e.searchableFields, (f) => (u(), H(l, {
+            (u(!0), v(z, null, W(e.searchableFields, (f) => (u(), H(l, {
               key: f.fieldKey,
               span: 6,
               class: "search-col"
@@ -2370,14 +2375,14 @@ function or(t, o, n, e, a, r) {
       onTabClick: e.tabHandler
     }, {
       default: C(() => [
-        (u(!0), v(M, null, W(e.pageData?.tabs, (f) => (u(), H(_, {
+        (u(!0), v(z, null, W(e.pageData?.tabs, (f) => (u(), H(_, {
           key: f.key,
           title: f.title
         }, null, 8, ["title"]))), 128))
       ]),
       _: 1
     }),
-    F(y, {
+    F(w, {
       columns: e._columns,
       data: e._data,
       stripe: "",
@@ -2399,7 +2404,7 @@ function or(t, o, n, e, a, r) {
       optional: C(({ record: f }) => [
         F(s, { size: "small" }, {
           default: C(() => [
-            (u(!0), v(M, null, W(e.actions, (m) => (u(), v(M, {
+            (u(!0), v(z, null, W(e.actions, (m) => (u(), v(z, {
               key: m.title
             }, [
               e.judgeHiddenActions(m, f) ? (u(), H(e.ActionButton, {
@@ -2419,7 +2424,7 @@ function or(t, o, n, e, a, r) {
 }
 const nr = /* @__PURE__ */ Z(Xn, [["render", or], ["__scopeId", "data-v-a24e1b40"], ["__file", "ListView.vue"]]), cr = {
   install(t, o = {}) {
-    o.config && Pt(o.config), o.router && (Ft(o.router), t.provide(nt, o.router)), o.pinia && t.provide(en, o.pinia), o.useBpmStore && t.provide(_t, o.useBpmStore), o.useSvrStore && t.provide(vt, o.useSvrStore), o.triggers && t.provide(gt, o.triggers), o.customComps && t.provide(ht, o.customComps), t.component("CreateView", wn), t.component("UpdateView", Rn), t.component("DetailView", Zn), t.component("ListView", nr);
+    o.config && Pt(o.config), o.router && (Ft(o.router), t.provide(nt, o.router)), o.pinia && t.provide(en, o.pinia), o.useBpmStore && t.provide(_t, o.useBpmStore), o.useSvrStore && t.provide(vt, o.useSvrStore), o.triggers && t.provide(gt, o.triggers), o.customComps && t.provide(ht, o.customComps), t.component("CreateView", yn), t.component("UpdateView", Rn), t.component("DetailView", Zn), t.component("ListView", nr);
   }
 };
 export {