@chase-shao/vue-component-lib 1.2.39 → 1.2.40

package/dist/index.css

@@ -1 +1 @@
-.err-msg[data-v-3ad59bc4]{font-size:.857142rem;color:#fb4b2f;margin-top:.285714rem}.required[data-v-3ad59bc4]{color:#fb4b2f;font-size:1.285714rem}.page-container[data-v-d8292149]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-header[data-v-d8292149]{background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 32px;box-shadow:0 2px 8px #0000000f}.page-header .page-title[data-v-d8292149]{font-size:24px;font-weight:600;color:#262626;margin:0 0 8px;line-height:1.3}.page-header .page-subtitle[data-v-d8292149]{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.page-body[data-v-d8292149]{flex:1;padding:24px 32px;overflow-y:auto}.form-container[data-v-d8292149]{width:100%;margin:0 auto}.form-card[data-v-d8292149]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-fields[data-v-d8292149]{padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.form-fields[data-v-d8292149]{grid-template-columns:1fr;padding:24px 16px;gap:20px}}.form-field-wrapper .form-field[data-v-d8292149]{width:100%}.form-content[data-v-d8292149]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-d8292149]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-d8292149]{padding:16px}}.action-container[data-v-d8292149]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-d8292149]{display:flex;gap:12px;align-items:center}.action-button[data-v-d8292149]{min-width:88px;height:36px}.action-button[data-v-d8292149]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.form-fields[data-v-d8292149]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-header[data-v-d8292149]{padding:20px 16px}.page-header .page-title[data-v-d8292149]{font-size:20px}.page-body[data-v-d8292149]{padding:16px}.form-fields[data-v-d8292149]{padding:20px 16px}.action-container[data-v-d8292149]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-d8292149]{justify-content:center}}.page-container[data-v-118b8121]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-header[data-v-118b8121]{background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 32px;box-shadow:0 2px 8px #0000000f}.page-header .page-title[data-v-118b8121]{font-size:24px;font-weight:600;color:#262626;margin:0 0 8px;line-height:1.3}.page-header .page-subtitle[data-v-118b8121]{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.page-body[data-v-118b8121]{flex:1;padding:24px 32px;overflow-y:auto}.form-container[data-v-118b8121]{width:100%;margin:0 auto}.form-card[data-v-118b8121]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-fields[data-v-118b8121]{padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.form-fields[data-v-118b8121]{grid-template-columns:1fr;padding:24px 16px;gap:20px}}.form-field-wrapper .form-field[data-v-118b8121]{width:100%}.form-content[data-v-118b8121]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-118b8121]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-118b8121]{padding:16px}}.action-container[data-v-118b8121]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-118b8121]{display:flex;gap:12px;align-items:center}.action-button[data-v-118b8121]{min-width:88px;height:36px}.action-button[data-v-118b8121]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.form-fields[data-v-118b8121]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-header[data-v-118b8121]{padding:20px 16px}.page-header .page-title[data-v-118b8121]{font-size:20px}.page-body[data-v-118b8121]{padding:16px}.form-fields[data-v-118b8121]{padding:20px 16px}.action-container[data-v-118b8121]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-118b8121]{justify-content:center}}.page-container[data-v-278bd966]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-header[data-v-278bd966]{background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 32px;box-shadow:0 2px 8px #0000000f}.page-header .page-title[data-v-278bd966]{font-size:24px;font-weight:600;color:#262626;margin:0 0 8px;line-height:1.3}.page-header .page-subtitle[data-v-278bd966]{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.page-body[data-v-278bd966]{flex:1;padding:24px 32px;overflow-y:auto}.detail-container[data-v-278bd966]{width:100%;margin:0 auto}.detail-card[data-v-278bd966]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding-top:20px}.detail-fields[data-v-278bd966]{padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.detail-fields[data-v-278bd966]{grid-template-columns:1fr;padding:24px 16px;gap:20px}}.detail-field-wrapper .detail-field[data-v-278bd966]{width:100%}.detail-field-wrapper .detail-field .field-label[data-v-278bd966]{font-weight:500;color:#262626;margin-bottom:8px;font-size:14px;line-height:1.4}.detail-field-wrapper .detail-field .field-value[data-v-278bd966]{color:#595959;padding:8px 12px;background-color:#fafafa;border-radius:4px;min-height:40px;display:flex;align-items:center;font-size:14px;line-height:1.5;border:1px solid #f0f0f0;word-break:break-word}.detail-content[data-v-278bd966]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-278bd966]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-278bd966]{padding:16px}}.action-container[data-v-278bd966]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-278bd966]{display:flex;gap:12px;align-items:center}.action-button[data-v-278bd966]{min-width:88px;height:36px}.action-button[data-v-278bd966]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.detail-fields[data-v-278bd966]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-header[data-v-278bd966]{padding:20px 16px}.page-header .page-title[data-v-278bd966]{font-size:20px}.page-body[data-v-278bd966]{padding:16px}.detail-fields[data-v-278bd966]{padding:20px 16px}.action-container[data-v-278bd966]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-278bd966]{justify-content:center}}.list-container[data-v-78e2b122]{padding:16px}.list-container[data-v-78e2b122] .arco-table .arco-table-body{overflow-x:auto}.page-title[data-v-78e2b122]{font-size:24px;font-weight:700;color:#1d2129;margin-bottom:16px;padding:12px 0}.query-title[data-v-78e2b122]{display:flex;align-items:center;justify-content:space-between}.search-row[data-v-78e2b122]{margin-top:16px}.field-wrapper[data-v-78e2b122]{display:flex;flex-direction:column}.field-label[data-v-78e2b122]{font-weight:500;margin-bottom:8px}.page-container .page-title{font-size:1.285714rem}.action-row .action+.action{margin-inline-start:.571428rem}.arco-spin{min-height:200px}
+.err-msg[data-v-3ad59bc4]{font-size:.857142rem;color:#fb4b2f;margin-top:.285714rem}.required[data-v-3ad59bc4]{color:#fb4b2f;font-size:1.285714rem}.page-container[data-v-d8292149]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-header[data-v-d8292149]{background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 32px;box-shadow:0 2px 8px #0000000f}.page-header .page-title[data-v-d8292149]{font-size:24px;font-weight:600;color:#262626;margin:0 0 8px;line-height:1.3}.page-header .page-subtitle[data-v-d8292149]{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.page-body[data-v-d8292149]{flex:1;padding:24px 32px;overflow-y:auto}.form-container[data-v-d8292149]{width:100%;margin:0 auto}.form-card[data-v-d8292149]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-fields[data-v-d8292149]{padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.form-fields[data-v-d8292149]{grid-template-columns:1fr;padding:24px 16px;gap:20px}}.form-field-wrapper .form-field[data-v-d8292149]{width:100%}.form-content[data-v-d8292149]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-d8292149]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-d8292149]{padding:16px}}.action-container[data-v-d8292149]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-d8292149]{display:flex;gap:12px;align-items:center}.action-button[data-v-d8292149]{min-width:88px;height:36px}.action-button[data-v-d8292149]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.form-fields[data-v-d8292149]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-header[data-v-d8292149]{padding:20px 16px}.page-header .page-title[data-v-d8292149]{font-size:20px}.page-body[data-v-d8292149]{padding:16px}.form-fields[data-v-d8292149]{padding:20px 16px}.action-container[data-v-d8292149]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-d8292149]{justify-content:center}}.page-container[data-v-118b8121]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-header[data-v-118b8121]{background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 32px;box-shadow:0 2px 8px #0000000f}.page-header .page-title[data-v-118b8121]{font-size:24px;font-weight:600;color:#262626;margin:0 0 8px;line-height:1.3}.page-header .page-subtitle[data-v-118b8121]{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.page-body[data-v-118b8121]{flex:1;padding:24px 32px;overflow-y:auto}.form-container[data-v-118b8121]{width:100%;margin:0 auto}.form-card[data-v-118b8121]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-fields[data-v-118b8121]{padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.form-fields[data-v-118b8121]{grid-template-columns:1fr;padding:24px 16px;gap:20px}}.form-field-wrapper .form-field[data-v-118b8121]{width:100%}.form-content[data-v-118b8121]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-118b8121]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-118b8121]{padding:16px}}.action-container[data-v-118b8121]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-118b8121]{display:flex;gap:12px;align-items:center}.action-button[data-v-118b8121]{min-width:88px;height:36px}.action-button[data-v-118b8121]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.form-fields[data-v-118b8121]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-header[data-v-118b8121]{padding:20px 16px}.page-header .page-title[data-v-118b8121]{font-size:20px}.page-body[data-v-118b8121]{padding:16px}.form-fields[data-v-118b8121]{padding:20px 16px}.action-container[data-v-118b8121]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-118b8121]{justify-content:center}}.page-container[data-v-621cefc1]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-header[data-v-621cefc1]{background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 32px;box-shadow:0 2px 8px #0000000f}.page-header .page-title[data-v-621cefc1]{font-size:24px;font-weight:600;color:#262626;margin:0 0 8px;line-height:1.3}.page-header .page-subtitle[data-v-621cefc1]{font-size:14px;color:#8c8c8c;margin:0;line-height:1.5}.page-body[data-v-621cefc1]{flex:1;padding:24px 32px;overflow-y:auto}.detail-container[data-v-621cefc1]{width:100%;margin:0 auto}.detail-card[data-v-621cefc1]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding-top:20px}.detail-fields[data-v-621cefc1]{padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.detail-fields[data-v-621cefc1]{grid-template-columns:1fr;padding:24px 16px;gap:20px}}.detail-field-wrapper .detail-field[data-v-621cefc1]{width:100%}.detail-field-wrapper .detail-field .field-label[data-v-621cefc1]{font-weight:500;color:#262626;margin-bottom:8px;font-size:14px;line-height:1.4}.detail-field-wrapper .detail-field .field-value[data-v-621cefc1]{color:#595959;padding:8px 12px;background-color:#fafafa;border-radius:4px;min-height:40px;display:flex;align-items:center;font-size:14px;line-height:1.5;border:1px solid #f0f0f0;word-break:break-word}.detail-content[data-v-621cefc1]{border-top:1px solid #f0f0f0;padding:24px 32px;background:#fafafa}.page-footer[data-v-621cefc1]{background:#fff;border-top:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 -2px 8px #0000000f}@media (max-width: 768px){.page-footer[data-v-621cefc1]{padding:16px}}.action-container[data-v-621cefc1]{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px}.action-buttons[data-v-621cefc1]{display:flex;gap:12px;align-items:center}.action-button[data-v-621cefc1]{min-width:88px;height:36px}.action-button[data-v-621cefc1]:hover{transform:translateY(-1px);transition:transform .2s ease}@media (max-width: 1024px){.detail-fields[data-v-621cefc1]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 640px){.page-header[data-v-621cefc1]{padding:20px 16px}.page-header .page-title[data-v-621cefc1]{font-size:20px}.page-body[data-v-621cefc1]{padding:16px}.detail-fields[data-v-621cefc1]{padding:20px 16px}.action-container[data-v-621cefc1]{flex-direction:column-reverse;align-items:stretch}.action-buttons[data-v-621cefc1]{justify-content:center}}.list-container[data-v-78e2b122]{padding:16px}.list-container[data-v-78e2b122] .arco-table .arco-table-body{overflow-x:auto}.page-title[data-v-78e2b122]{font-size:24px;font-weight:700;color:#1d2129;margin-bottom:16px;padding:12px 0}.query-title[data-v-78e2b122]{display:flex;align-items:center;justify-content:space-between}.search-row[data-v-78e2b122]{margin-top:16px}.field-wrapper[data-v-78e2b122]{display:flex;flex-direction:column}.field-label[data-v-78e2b122]{font-weight:500;margin-bottom:8px}.page-container .page-title{font-size:1.285714rem}.action-row .action+.action{margin-inline-start:.571428rem}.arco-spin{min-height:200px}

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { ref as k, defineComponent as R, mergeModels as X, useModel as ie, resolveComponent as x, createBlock as M, openBlock as _, onMounted as Z, computed as z, withCtx as A, createElementBlock as $, Fragment as E, renderList as j, createVNode as T, watch as Pe, inject as ne, nextTick as Oe, createElementVNode as y, createTextVNode as ee, useTemplateRef as he, createCommentVNode as te, toDisplayString as B, resolveDynamicComponent as we, renderSlot as W, getCurrentInstance as ye, reactive as be, provide as je, unref as ze, onActivated as We } from "vue";
+import { ref as k, defineComponent as H, mergeModels as X, useModel as ie, resolveComponent as x, createBlock as M, openBlock as _, onMounted as Z, computed as z, withCtx as A, createElementBlock as $, Fragment as E, renderList as j, createVNode as T, watch as Ke, inject as ne, nextTick as Oe, createElementVNode as y, createTextVNode as ee, useTemplateRef as he, createCommentVNode as te, toDisplayString as B, resolveDynamicComponent as we, renderSlot as W, getCurrentInstance as ye, reactive as be, provide as je, unref as ze, onActivated as We } from "vue";
 import Ge from "axios";
 import { defineStore as qe } from "pinia";
 import { useRouter as Ye } from "vue-router";
@@ -16,7 +16,7 @@ const Je = qe("main", () => ({
   return e[a];
 };
 function Ie() {
-  const e = He();
+  const e = De();
   return {
     apiBase: e.apiBase || void 0 || "",
     appSecret: e.appSecret || void 0 || ""
@@ -50,11 +50,11 @@ const xe = async () => {
   ApproverEmail: (e) => e.svrStore()?.userInfo?.email_address ?? "test.email@dataGetter.ts",
   ApproverPositionCode: (e) => e.bpmStore()?.positionCode ?? 999,
   RejectReason: () => "Test Reject Reason"
-}, H = [];
+}, D = [];
 for (let e = 0; e < 256; ++e)
-  H.push((e + 256).toString(16).slice(1));
+  D.push((e + 256).toString(16).slice(1));
 function Ze(e, a = 0) {
-  return (H[e[a + 0]] + H[e[a + 1]] + H[e[a + 2]] + H[e[a + 3]] + "-" + H[e[a + 4]] + H[e[a + 5]] + "-" + H[e[a + 6]] + H[e[a + 7]] + "-" + H[e[a + 8]] + H[e[a + 9]] + "-" + H[e[a + 10]] + H[e[a + 11]] + H[e[a + 12]] + H[e[a + 13]] + H[e[a + 14]] + H[e[a + 15]]).toLowerCase();
+  return (D[e[a + 0]] + D[e[a + 1]] + D[e[a + 2]] + D[e[a + 3]] + "-" + D[e[a + 4]] + D[e[a + 5]] + "-" + D[e[a + 6]] + D[e[a + 7]] + "-" + D[e[a + 8]] + D[e[a + 9]] + "-" + D[e[a + 10]] + D[e[a + 11]] + D[e[a + 12]] + D[e[a + 13]] + D[e[a + 14]] + D[e[a + 15]]).toLowerCase();
 }
 let ve;
 const et = new Uint8Array(16);
@@ -76,7 +76,7 @@ function nt(e, a, c) {
     throw new Error("Random bytes length must be >= 16");
   return t[6] = t[6] & 15 | 64, t[8] = t[8] & 63 | 128, Ze(t);
 }
-var P = /* @__PURE__ */ ((e) => (e[e.Submit = 0] = "Submit", e[e.Link = 1] = "Link", e))(P || {}), ae = /* @__PURE__ */ ((e) => (e[e.Create = 0] = "Create", e[e.Update = 1] = "Update", e[e.Details = 2] = "Details", e[e.List = 3] = "List", e))(ae || {});
+var K = /* @__PURE__ */ ((e) => (e[e.Submit = 0] = "Submit", e[e.Link = 1] = "Link", e))(K || {}), ae = /* @__PURE__ */ ((e) => (e[e.Create = 0] = "Create", e[e.Update = 1] = "Update", e[e.Details = 2] = "Details", e[e.List = 3] = "List", e))(ae || {});
 function st(e, a, c) {
   const t = {
     pageType: "",
@@ -108,7 +108,7 @@ function st(e, a, c) {
         redirectUrl: n.redirectUrl,
         redirectType: n.redirectType,
         title: n.title,
-        widget: n.widget === "Link" ? P.Link : P.Submit,
+        widget: n.widget === "Link" ? K.Link : K.Submit,
         location: n.location,
         attributeType: n.attributeType,
         readonly: n.readonly
@@ -195,10 +195,10 @@ function ct(e, a) {
   return e.replace(/{WorkflowId}/g, a);
 }
 function ut(e, a) {
-  return e.replace(/{ApproverEmail}/g, a);
+  return e.replace(/{ApproverEmail}/g, encodeURIComponent(a));
 }
 function dt(e, a) {
-  return e.replace(/{WorkFlowReason}/g, a);
+  return e.replace(/{WorkFlowReason}/g, encodeURIComponent(a));
 }
 function pt(e, a) {
   return e.replace(/{Status}/g, a);
@@ -207,7 +207,7 @@ function ft(e, a) {
   return e.replace(/{IfTriggerGlobal_RandP_Approval}/g, a);
 }
 function mt(e, a) {
-  return e.replace(/{ClassName}/g, a);
+  return e.replace(/{ClassName}/g, encodeURIComponent(a));
 }
 async function gt(e, a, c, t, n, d, i, p) {
   const o = await G();
@@ -242,7 +242,7 @@ const se = (e, a) => {
 }, yt = {
   Regex: (e, a) => new RegExp(e).test(a),
   Required: (e, a) => !!a
-}, Ce = /* @__PURE__ */ R({
+}, Ce = /* @__PURE__ */ H({
   __name: "InputText",
   props: /* @__PURE__ */ X({
     fieldKey: {},
@@ -282,7 +282,7 @@ const se = (e, a) => {
       }, null, 8, ["modelValue", "disabled"]);
     };
   }
-}), bt = /* @__PURE__ */ R({
+}), bt = /* @__PURE__ */ H({
   __name: "InputNumber",
   props: /* @__PURE__ */ X({
     fieldKey: {},
@@ -330,7 +330,7 @@ const se = (e, a) => {
       }, null, 8, ["modelValue", "disabled", "min", "max"]);
     };
   }
-}), $e = /* @__PURE__ */ R({
+}), $e = /* @__PURE__ */ H({
   __name: "SelectList",
   props: /* @__PURE__ */ X({
     fieldKey: {},
@@ -392,7 +392,7 @@ const se = (e, a) => {
       }, 8, ["modelValue", "loading"]);
     };
   }
-}), kt = /* @__PURE__ */ R({
+}), kt = /* @__PURE__ */ H({
   __name: "Cascader",
   props: {
     modelValue: {},
@@ -437,7 +437,7 @@ const se = (e, a) => {
       });
     };
   }
-}), Vt = { style: { "margin-top": "16px" } }, St = /* @__PURE__ */ R({
+}), Vt = { style: { "margin-top": "16px" } }, St = /* @__PURE__ */ H({
   __name: "FileUpload",
   props: {
     className: {},
@@ -451,7 +451,7 @@ const se = (e, a) => {
   emits: ["update:modelValue", "change", "error", "input"],
   setup(e, { expose: a, emit: c }) {
     const t = e, n = c, d = k({}), i = k([]), p = k([]);
-    Pe(
+    Ke(
       p,
       (u) => {
         i.value = u, console.log("🚀 ~ fileList.value:", i.value);
@@ -463,7 +463,7 @@ const se = (e, a) => {
         Authorization: `Bearer ${u}`
       }, p.value = ne(t.fieldKey, k([]));
     });
-    const o = (u) => se(t.validations, u), h = He().apiBase, f = k(null), b = k(0);
+    const o = (u) => se(t.validations, u), h = De().apiBase, f = k(null), b = k(0);
     function V(u, r, s) {
       return u.replace(/{WorkflowId}/g, r).replace(/{ClassName}/g, s);
     }
@@ -480,7 +480,7 @@ const se = (e, a) => {
         r.event === "change" && n(r.event, r.handlerName, u);
       });
     }, O = (u) => {
-      const { onProgress: r, onError: s, onSuccess: v, fileItem: g, name: D } = u, L = new XMLHttpRequest();
+      const { onProgress: r, onError: s, onSuccess: v, fileItem: g, name: R } = u, L = new XMLHttpRequest();
       L.upload && (L.upload.onprogress = function(N) {
         let w;
         N.total > 0 && (w = N.loaded / N.total), r(w, N);
@@ -492,22 +492,22 @@ const se = (e, a) => {
         v(L.response);
       };
       const Q = new FormData();
-      return Q.append(D || "file", g.file, g.name), L.open("post", S.value, !0), Object.entries(d.value).forEach(([N, w]) => {
+      return Q.append("files", g.file, g.name), L.open("post", S.value, !0), Object.entries(d.value).forEach(([N, w]) => {
         console.log("🚀 ~ customRequest ~ key, value:", N, w), L.setRequestHeader(N, w);
       }), L.send(Q), {
         abort() {
           L.abort();
         }
       };
-    }, K = k(null);
+    }, P = k(null);
     function q(u) {
       const r = u.target;
-      r.files && r.files.length > 0 && (K.value = r.files[0]);
+      r.files && r.files.length > 0 && (P.value = r.files[0]);
     }
     async function Y() {
-      if (console.log("🚀 ~ handleNativeUpload ~ nativeFile.value:", K.value), !K.value) return;
+      if (console.log("🚀 ~ handleNativeUpload ~ nativeFile.value:", P.value), !P.value) return;
       const u = new FormData();
-      u.append(t.fieldKey, K.value, K.value.name), await (await G()).post(
+      u.append("files", P.value, P.value.name), await (await G()).post(
         S.value,
         u,
         {
@@ -561,7 +561,7 @@ const se = (e, a) => {
           }, null, 32),
           T(v, {
             onClick: Y,
-            disabled: !K.value
+            disabled: !P.value
           }, {
             default: A(() => r[2] || (r[2] = [
               ee("原生上传", -1)
@@ -573,7 +573,7 @@ const se = (e, a) => {
       ], 64);
     };
   }
-}), Ct = /* @__PURE__ */ R({
+}), Ct = /* @__PURE__ */ H({
   __name: "TextArea",
   props: {
     fieldKey: {},
@@ -611,7 +611,7 @@ const se = (e, a) => {
       }, null, 8, ["model-value", "disabled"]);
     };
   }
-}), $t = /* @__PURE__ */ R({
+}), $t = /* @__PURE__ */ H({
   __name: "CheckBox",
   props: /* @__PURE__ */ X({
     fieldKey: {},
@@ -660,7 +660,7 @@ const se = (e, a) => {
 }, Ut = { class: "form-widget" }, At = { class: "widget" }, Lt = {
   key: 0,
   class: "err-msg"
-}, Tt = /* @__PURE__ */ R({
+}, Tt = /* @__PURE__ */ H({
   __name: "index",
   props: /* @__PURE__ */ X({
     config: {},
@@ -748,7 +748,7 @@ const se = (e, a) => {
   for (const [t, n] of a)
     c[t] = n;
   return c;
-}, ke = /* @__PURE__ */ ce(Tt, [["__scopeId", "data-v-3ad59bc4"]]), Mt = /* @__PURE__ */ R({
+}, ke = /* @__PURE__ */ ce(Tt, [["__scopeId", "data-v-3ad59bc4"]]), Mt = /* @__PURE__ */ H({
   __name: "SubmitButton",
   props: {
     url: {},
@@ -773,7 +773,7 @@ const se = (e, a) => {
       });
     };
   }
-}), Dt = /* @__PURE__ */ R({
+}), Rt = /* @__PURE__ */ H({
   __name: "DetailLink",
   props: {
     url: {},
@@ -795,7 +795,7 @@ const se = (e, a) => {
       });
     };
   }
-}), le = /* @__PURE__ */ R({
+}), le = /* @__PURE__ */ H({
   __name: "index",
   props: {
     config: {}
@@ -812,9 +812,9 @@ const se = (e, a) => {
           return Mt;
         case "InTable":
         default:
-          return Dt;
+          return Rt;
       }
-    }), i = z(() => c.config.widget === P.Submit ? c.config.requestUrl ?? "" : c.config.widget === P.Link ? c.config.redirectUrl ?? "" : ""), p = z(() => c.config.redirectType ?? "Details");
+    }), i = z(() => c.config.widget === K.Submit ? c.config.requestUrl ?? "" : c.config.widget === K.Link ? c.config.redirectUrl ?? "" : ""), p = z(() => c.config.redirectType ?? "Details");
     return (o, l) => (_(), M(we(d.value), {
       url: i.value,
       "redirect-type": p.value,
@@ -836,17 +836,17 @@ function Ve() {
   const e = ne(Le, null);
   return e || {};
 }
-const Ht = Symbol("library-pinia"), Te = Symbol("library-bpmStore"), Me = Symbol("library-svrStore");
+const Dt = Symbol("library-pinia"), Te = Symbol("library-bpmStore"), Me = Symbol("library-svrStore");
 function pe() {
   return ne(Te, null);
 }
 function fe() {
   return ne(Me, null);
 }
-const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { class: "page-title" }, Bt = { class: "page-subtitle" }, Kt = { class: "page-body" }, Pt = { class: "form-card" }, Ot = { class: "form-fields" }, jt = {
+const Ht = { class: "page-container" }, Ft = { class: "page-header" }, Et = { class: "page-title" }, Bt = { class: "page-subtitle" }, Pt = { class: "page-body" }, Kt = { class: "form-card" }, Ot = { class: "form-fields" }, jt = {
   key: 0,
   class: "form-content"
-}, zt = { class: "page-footer" }, Wt = { class: "action-container" }, Gt = { class: "action-buttons" }, qt = /* @__PURE__ */ R({
+}, zt = { class: "page-footer" }, Wt = { class: "action-container" }, Gt = { class: "action-buttons" }, qt = /* @__PURE__ */ H({
   __name: "CreateView",
   props: {
     className: {}
@@ -874,7 +874,7 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
     });
     async function O(m, u, r) {
       switch (m) {
-        case P.Submit:
+        case K.Submit:
           let s = !0;
           if (d.value?.forEach((g) => {
             g?.validate && (g.validate() || (s = !1));
@@ -887,7 +887,7 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
             g?.submit && g.submit(v);
           }), i?.appContext.config.globalProperties.$notification.success("创建成功!"), t.push({ name: "List", params: { className: p.className } });
           break;
-        case P.Link:
+        case K.Link:
           r === "List" && t.push({ name: "List", params: { className: p.className } });
           break;
         default:
@@ -906,20 +906,20 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
     }
     return (m, u) => {
       const r = x("a-spin");
-      return _(), $("div", Rt, [
+      return _(), $("div", Ht, [
         y("div", Ft, [
           W(m.$slots, "title", {}, () => [
             y("h1", Et, "创建 " + B(m.className), 1),
             y("p", Bt, "请填写以下信息创建新的 " + B(m.className) + " 记录", 1)
           ], !0)
         ]),
-        y("div", Kt, [
+        y("div", Pt, [
           T(r, {
             loading: I.value,
             class: "form-container"
           }, {
             default: A(() => [
-              y("div", Pt, [
+              y("div", Kt, [
                 y("div", Ot, [
                   (_(!0), $(E, null, j(l.value, (s, v) => (_(), $("div", {
                     key: s.fieldKey,
@@ -965,7 +965,7 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
 }), Yt = /* @__PURE__ */ ce(qt, [["__scopeId", "data-v-d8292149"]]), Jt = { class: "page-container" }, Xt = { class: "page-header" }, Qt = { class: "page-title" }, Zt = { class: "page-subtitle" }, ea = { class: "page-body" }, ta = { class: "form-card" }, aa = { class: "form-fields" }, na = {
   key: 0,
   class: "form-content"
-}, sa = { class: "page-footer" }, oa = { class: "action-container" }, ra = { class: "action-buttons" }, la = /* @__PURE__ */ R({
+}, sa = { class: "page-footer" }, oa = { class: "action-container" }, ra = { class: "action-buttons" }, la = /* @__PURE__ */ H({
   __name: "UpdateView",
   props: {
     className: {},
@@ -1005,22 +1005,22 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
     function O() {
       return t()?.userInfo?.email_address ?? "";
     }
-    async function K(u, r, s) {
+    async function P(u, r, s) {
       switch (u) {
-        case P.Submit:
+        case K.Submit:
           let v = !0;
-          if (d.value?.forEach((D) => {
-            D?.validate && (D.validate() || (v = !1));
+          if (d.value?.forEach((R) => {
+            R?.validate && (R.validate() || (v = !1));
           }), !v) {
             i?.appContext.config.globalProperties.$message.error("表单验证未通过，请检查输入项");
             return;
           }
           const g = await it(p.className, p.workflowId, { ...S, ...h.value }, r);
-          d.value?.forEach((D) => {
-            D?.submit && D.submit(g);
+          d.value?.forEach((R) => {
+            R?.submit && R.submit(g);
           }), i?.appContext.config.globalProperties.$notification.success("修改成功!"), a.push({ name: "List", params: { className: p.className } });
           break;
-        case P.Link:
+        case K.Link:
           a.push({ name: s, params: { className: p.className } });
           break;
         default:
@@ -1066,7 +1066,7 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
                       config: v,
                       "class-name": u.className,
                       modelValue: S[v.fieldKey],
-                      "onUpdate:modelValue": (D) => S[v.fieldKey] = D,
+                      "onUpdate:modelValue": (R) => S[v.fieldKey] = R,
                       class: "form-field",
                       onChange: m
                     }, null, 8, ["field-key", "name", "config", "class-name", "modelValue", "onUpdate:modelValue"])
@@ -1088,7 +1088,7 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
                 key: v.Title,
                 config: v,
                 class: "action-button",
-                onClick: K
+                onClick: P
               }, null, 8, ["config"]))), 128))
             ])
           ])
@@ -1096,14 +1096,14 @@ const Rt = { class: "page-container" }, Ft = { class: "page-header" }, Et = { cl
       ]);
     };
   }
-}), ia = /* @__PURE__ */ ce(la, [["__scopeId", "data-v-118b8121"]]), De = Symbol("library-custom-comp");
+}), ia = /* @__PURE__ */ ce(la, [["__scopeId", "data-v-118b8121"]]), Re = Symbol("library-custom-comp");
 function ca() {
-  return ne(De, null);
+  return ne(Re, null);
 }
 const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { class: "page-title" }, fa = { class: "page-subtitle" }, ma = { class: "page-body" }, ga = { class: "detail-card" }, va = { class: "detail-fields" }, _a = { class: "detail-field" }, ha = { class: "field-label" }, wa = { class: "field-value" }, ya = {
   key: 0,
   class: "detail-content"
-}, ba = { class: "page-footer" }, ka = { class: "action-container" }, Va = { class: "action-buttons" }, Sa = /* @__PURE__ */ R({
+}, ba = { class: "page-footer" }, ka = { class: "action-container" }, Va = { class: "action-buttons" }, Sa = /* @__PURE__ */ H({
   __name: "DetailView",
   props: {
     className: {},
@@ -1154,8 +1154,8 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
           time: ""
         };
         g.title = s.workflowProcessApprovers[0]?.name;
-        const D = s.workflowProcessApprovers[s.workflowProcessApprovers.length - 1], L = s.workflowHistorys[s.workflowHistorys.length - 1], Q = L?.workflowHistoryApprovers[L?.workflowHistoryApprovers?.length - 1];
-        if (D && Q && D?.email?.toLowerCase() !== Q?.approverEmail?.toLowerCase() && (g.title = `${Q.name}`, g.proxy = `代理： ${D.name}`), s.sort > 1 ? g.sub = "审批角色：" + s.nodeName.replace("Submit", "").replace("Approve", "") : g.sub = "提交申请", s.isCurrent && u !== -1)
+        const R = s.workflowProcessApprovers[s.workflowProcessApprovers.length - 1], L = s.workflowHistorys[s.workflowHistorys.length - 1], Q = L?.workflowHistoryApprovers[L?.workflowHistoryApprovers?.length - 1];
+        if (R && Q && R?.email?.toLowerCase() !== Q?.approverEmail?.toLowerCase() && (g.title = `${Q.name}`, g.proxy = `代理： ${R.name}`), s.sort > 1 ? g.sub = "审批角色：" + s.nodeName.replace("Submit", "").replace("Approve", "") : g.sub = "提交申请", s.isCurrent && u !== -1)
           g.desc = "审批中", g.status = 1;
         else {
           const N = s.workflowHistorys[s.workflowHistorys.length - 1];
@@ -1191,7 +1191,7 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
       const u = await _t(p.className, p.workflowId);
       I.value = S(u, 0), b.value = !1;
     });
-    async function K(m, u) {
+    async function P(m, u) {
       return t[m]?.(u);
     }
     function q() {
@@ -1200,13 +1200,13 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
     async function Y(m, u, r, s) {
       try {
         switch (m) {
-          case P.Submit:
-            const { reason: v, ifGlobal: g } = await K(s, { isGlobal: O.value }), D = s === "Approve" ? "100" : "-1";
-            await gt(p.className, p.workflowId, q(), v, [p.workflowId], u, D, g);
+          case K.Submit:
+            const { reason: v, ifGlobal: g } = await P(s, { isGlobal: O.value }), R = s === "Approve" ? "100" : "-1";
+            await gt(p.className, p.workflowId, q(), v, [Number(p.workflowId)], u, R, g);
             const L = s === "Approve" ? "审批已通过!" : "审批已拒绝!";
             i?.appContext.config.globalProperties.$notification.success(L), n.push({ name: "List", params: { className: p.className } });
             break;
-          case P.Link:
+          case K.Link:
             r === "List" && n.push({ name: "List", params: { className: p.className } });
             break;
           default:
@@ -1267,7 +1267,7 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
       ]);
     };
   }
-}), Ca = /* @__PURE__ */ ce(Sa, [["__scopeId", "data-v-278bd966"]]), $a = { class: "list-container" }, Ia = { class: "page-title" }, Na = { class: "query-title" }, xa = { class: "field-wrapper" }, Ua = /* @__PURE__ */ R({
+}), Ca = /* @__PURE__ */ ce(Sa, [["__scopeId", "data-v-621cefc1"]]), $a = { class: "list-container" }, Ia = { class: "page-title" }, Na = { class: "query-title" }, xa = { class: "field-wrapper" }, Ua = /* @__PURE__ */ H({
   name: "ListView",
   __name: "ListView",
   props: {
@@ -1334,18 +1334,18 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
       b.value = !0, d.value = await ue(3, n.className, {
         svrStore: a,
         bpmStore: c
-      }), l(d.value.fields), D(d.value.fields), s(d.value?.tabs?.[0]?.key || ""), S.value = d.value.actions, b.value = !1, O.value = !0;
+      }), l(d.value.fields), R(d.value.fields), s(d.value?.tabs?.[0]?.key || ""), S.value = d.value.actions, b.value = !1, O.value = !0;
     }), We(() => {
       O.value && I();
     });
-    const K = (w) => {
+    const P = (w) => {
       i.current = w, I();
     }, q = (w) => {
       i.pageSize = w, I();
     };
     function Y(w, C, U, J, oe) {
       switch (w) {
-        case P.Link:
+        case K.Link:
           t.push({ name: U, params: { workflowId: oe } });
           break;
         default:
@@ -1354,7 +1354,7 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
     }
     function m(w, C, U) {
       switch (w) {
-        case P.Link:
+        case K.Link:
           t.push({ name: U });
           break;
         default:
@@ -1374,7 +1374,7 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
         value: r(U.value, u())
       })) || [], I();
     }
-    const v = k({}), g = z(() => d.value?.fields ? Object.entries(d.value.fields).filter(([, w]) => w.isFiltered) : []), D = (w) => {
+    const v = k({}), g = z(() => d.value?.fields ? Object.entries(d.value.fields).filter(([, w]) => w.isFiltered) : []), R = (w) => {
       const C = {};
       Object.entries(w).forEach(([U, J]) => {
         C[U] = J.modelValue;
@@ -1382,13 +1382,13 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
     }, L = () => {
       i.current = 1, I();
     }, Q = () => {
-      d.value && D(d.value.fields), L();
+      d.value && R(d.value.fields), L();
     };
     function N(w, C) {
       return !(w.location !== "InTable" || w.title === "Update" && (C.status === 100 || C.status === -1));
     }
     return (w, C) => {
-      const U = x("a-col"), J = x("a-button"), oe = x("a-space"), Re = x("a-row"), Fe = x("a-card"), Ee = x("a-tab-pane"), Be = x("a-tabs"), Ke = x("a-table");
+      const U = x("a-col"), J = x("a-button"), oe = x("a-space"), He = x("a-row"), Fe = x("a-card"), Ee = x("a-tab-pane"), Be = x("a-tabs"), Pe = x("a-table");
       return _(), $("div", $a, [
         y("div", Ia, B(w.className) + " : List", 1),
         T(Fe, null, {
@@ -1407,7 +1407,7 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
                 ], 64))), 128))
               ])
             ]),
-            T(Re, {
+            T(He, {
               gutter: [24, 20],
               class: "search-row"
             }, {
@@ -1482,7 +1482,7 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
           ]),
           _: 1
         }),
-        T(Ke, {
+        T(Pe, {
           columns: f.value,
           data: h.value,
           stripe: "",
@@ -1499,7 +1499,7 @@ const ua = { class: "page-container" }, da = { class: "page-header" }, pa = { cl
           loading: V.value,
           size: "medium",
           scroll: o.value,
-          onPageChange: K,
+          onPageChange: P,
           onPageSizeChange: q
         }, {
           optional: A(({ record: F }) => [
@@ -1529,23 +1529,23 @@ let _e = {};
 function La(e) {
   _e = { ..._e, ...e };
 }
-function He() {
+function De() {
   return _e;
 }
-const Ra = {
+const Ha = {
   install(e, a = {}) {
-    a.config && La(a.config), a.router && e.provide(Ae, a.router), a.pinia && e.provide(Ht, a.pinia), a.useBpmStore && e.provide(Te, a.useBpmStore), a.useSvrStore && e.provide(Me, a.useSvrStore), a.triggers && e.provide(Le, a.triggers), a.customComps && e.provide(De, a.customComps), e.component("CreateView", Yt), e.component("UpdateView", ia), e.component("DetailView", Ca), e.component("ListView", Aa);
+    a.config && La(a.config), a.router && e.provide(Ae, a.router), a.pinia && e.provide(Dt, a.pinia), a.useBpmStore && e.provide(Te, a.useBpmStore), a.useSvrStore && e.provide(Me, a.useSvrStore), a.triggers && e.provide(Le, a.triggers), a.customComps && e.provide(Re, a.customComps), e.component("CreateView", Yt), e.component("UpdateView", ia), e.component("DetailView", Ca), e.component("ListView", Aa);
   }
 };
 export {
   Yt as CreateView,
   Ca as DetailView,
   Aa as ListView,
-  Ht as PiniaKey,
+  Dt as PiniaKey,
   Ae as RouterKey,
   ia as UpdateView,
-  Ra as default,
-  He as getLibraryConfig,
+  Ha as default,
+  De as getLibraryConfig,
   La as setLibraryConfig
 };
 //# sourceMappingURL=index.es.js.map