@chase-shao/vue-component-lib 1.2.0 → 1.2.2

package/dist/index.es.js

@@ -1,35 +1,36 @@
-import { ref as g, defineComponent as b, resolveComponent as V, createBlock as h, openBlock as p, onMounted as I, withCtx as x, createElementBlock as v, Fragment as R, renderList as S, createVNode as O, computed as k, nextTick as ie, useTemplateRef as ee, watch as le, createElementVNode as w, toDisplayString as T, createCommentVNode as G, resolveDynamicComponent as te, renderSlot as y, createTextVNode as re, inject as ce, getCurrentInstance as ue, reactive as W, resolveDirective as B, withDirectives as M } from "vue";
-import de from "axios";
-import { defineStore as pe } from "pinia";
-const me = pe("main", () => ({
+import { ref as g, defineComponent as y, resolveComponent as h, createBlock as b, openBlock as p, onMounted as x, withCtx as $, createElementBlock as v, Fragment as S, renderList as L, createVNode as I, computed as V, nextTick as ne, useTemplateRef as Q, watch as oe, createElementVNode as w, toDisplayString as A, createCommentVNode as F, resolveDynamicComponent as X, renderSlot as k, createTextVNode as se, inject as le, reactive as W } from "vue";
+import ie from "axios";
+import { defineStore as re } from "pinia";
+import { useRouter as ce } from "vue-router";
+const ue = re("main", () => ({
   token: g(void 0)
-})), fe = async (e) => new Promise((o) => setTimeout(o, e)), ge = async (e, o, t, a = void 0) => {
-  if (e[o] === void 0)
+})), de = async (e) => new Promise((n) => setTimeout(n, e)), pe = async (e, n, t, a = void 0) => {
+  if (e[n] === void 0)
     try {
-      e[o] = null, e[o] = await t() || a;
-    } catch (n) {
-      console.error(n), e[o] = void 0;
+      e[n] = null, e[n] = await t() || a;
+    } catch (o) {
+      console.error(o), e[n] = void 0;
     }
-  for (; e[o] === null; )
-    await fe(100);
-  return e[o];
-}, ae = "", ve = "", q = de.create({
-  baseURL: ae,
+  for (; e[n] === null; )
+    await de(100);
+  return e[n];
+}, Y = "", me = "", M = ie.create({
+  baseURL: Y,
   timeout: 1e4,
   // 10s
   headers: { "Content-Type": "application/json" }
-}), _e = async () => {
-  const e = me();
-  return await ge(e, "token", async () => (await q.get(`${ae}/GenerateToken`, {
+}), fe = async () => {
+  const e = ue();
+  return await pe(e, "token", async () => (await M.get(`${Y}/GenerateToken`, {
     params: {
       appid: "bpm",
-      appsecret: ve
+      appsecret: me
     }
   }))?.data?.token);
-}, A = async () => {
-  const e = await _e();
-  return q.defaults.headers.common.Authorization = `Bearer ${e}`, q;
-}, J = {
+}, N = async () => {
+  const e = await fe();
+  return M.defaults.headers.common.Authorization = `Bearer ${e}`, M;
+}, G = {
   CurrentUserEmail: () => "test.email@dataGetter.ts",
   CurrentUserPositionCode: () => 888,
   CurrentDatetime: () => (/* @__PURE__ */ new Date()).toISOString(),
@@ -38,18 +39,18 @@ const me = pe("main", () => ({
   RejectReason: () => "Test Reject Reason"
 };
 var j = /* @__PURE__ */ ((e) => (e[e.Create = 0] = "Create", e[e.Update = 1] = "Update", e[e.Details = 2] = "Details", e[e.list = 3] = "list", e))(j || {});
-function we(e) {
-  const o = {
+function ge(e) {
+  const n = {
     pageType: "",
     fields: {},
     globalValidations: []
   };
   return e.__ClassAttributes?.forEach((t) => {
-    t.AttributeType === "UIPageType" ? o.pageType = t.Type : t.AttributeType === "UIValidationControl" ? o.globalValidations.push({
+    t.AttributeType === "UIPageType" ? n.pageType = t.Type : t.AttributeType === "UIValidationControl" ? n.globalValidations.push({
       rule: t.RuleName,
       param: t.RuleParameter,
       appliesTo: t.PropertyNames || ["*"]
-    }) : t.AttributeType === "UIControl" && (o.actions || (o.actions = []), o.actions.push({
+    }) : t.AttributeType === "UIControl" && (n.actions || (n.actions = []), n.actions.push({
       isSubmit: t.IsSubmit,
       requestUrl: t.RequestUrl,
       redirectUrl: t.RedirectUrl,
@@ -59,103 +60,103 @@ function we(e) {
     }));
   }), Object.entries(e).forEach(([t, a]) => {
     if (t === "__ClassAttributes" || t === "ClassName") return;
-    const n = {
+    const o = {
       validations: []
-    }, { attributes: u, propertyValue: l } = a;
-    switch (l) {
+    }, { attributes: u, propertyValue: i } = a;
+    switch (i) {
       case null:
-        n.value = "";
+        o.value = "";
         break;
       case void 0:
-        n.value = "";
+        o.value = "";
         break;
       default:
-        n.value = l;
+        o.value = i;
         break;
     }
     u?.forEach((s) => {
-      s.order || s.Order ? n.order = s.order ?? s.Order : s.AttributeType === "UIControl" ? n.widget = {
+      s.order || s.Order ? o.order = s.order ?? s.Order : s.AttributeType === "UIControl" ? o.widget = {
         ...s,
         column: !0
-      } : s.AttributeType === "UIValidationControl" ? n.validations.push(s) : s.AttributeType === "UIListed" ? n.widget = {
+      } : s.AttributeType === "UIValidationControl" ? o.validations.push(s) : s.AttributeType === "UIListed" ? o.widget = {
         ...s,
         column: !0
-      } : s.DependentType && (n.value = J[s.DependentType] ? J[s.DependentType]() : "");
-    }), o.fields[t] = n;
-  }), o;
+      } : s.DependentType && (o.value = G[s.DependentType] ? G[s.DependentType]() : "");
+    }), n.fields[t] = o;
+  }), n;
 }
-const K = async (e, o) => {
-  const a = await (await A()).get(`/General/${e}/page`, { params: o });
-  return we(a?.data);
+const B = async (e, n) => {
+  const a = await (await N()).get(`/General/${e}/page`, { params: n });
+  return ge(a?.data);
 };
-async function he(e, o) {
-  const a = await (await A()).get(`/General/${e}/list`, { params: o });
+async function _e(e, n) {
+  const a = await (await N()).get(`/General/${e}/list`, { params: n });
   return {
     data: a.data.Data.propertyValue.data,
     totalCount: a.data.Data.propertyValue.totalCount,
-    actions: a.data.__ClassAttributes.filter((n) => n.AttributeType === "UIControl").map(
-      (n) => ({
-        redirectUrl: n.RedirectUrl,
-        location: n.Location,
-        attributeType: n.AttributeType,
-        redirectType: n.RedirectType,
-        readonly: n.Readonly,
-        widget: n.Widget,
-        title: n.Title,
-        isSubmit: n.IsSubmit
+    actions: a.data.__ClassAttributes.filter((o) => o.AttributeType === "UIControl").map(
+      (o) => ({
+        redirectUrl: o.RedirectUrl,
+        location: o.Location,
+        attributeType: o.AttributeType,
+        redirectType: o.RedirectType,
+        readonly: o.Readonly,
+        widget: o.Widget,
+        title: o.Title,
+        isSubmit: o.IsSubmit
       })
     )
   };
 }
-async function be(e, o, t) {
-  const n = await (await A()).post(t, o, {
+async function ve(e, n, t) {
+  const o = await (await N()).post(t, n, {
     params: {
       className: e
     }
   });
-  return n.data.length > 0 ? n.data[0] : 0;
+  return o.data.length > 0 ? o.data[0] : 0;
 }
-function ye(e, o) {
-  return e.replace(/{workflowId}/g, o);
+function we(e, n) {
+  return e.replace(/{workflowId}/g, n);
 }
-async function ke(e, o, t, a) {
-  const n = await A(), u = ye(a, o);
-  return (await n.put(u, t, {
+async function he(e, n, t, a) {
+  const o = await N(), u = we(a, n);
+  return (await o.put(u, t, {
     params: {
       className: e
     }
   }))?.data;
 }
-function Ve(e, o) {
-  return e.replace(/{WorkflowId}/g, o);
+function be(e, n) {
+  return e.replace(/{WorkflowId}/g, n);
 }
-function Ce(e, o) {
-  return e.replace(/{ApproverEmail}/g, o);
+function ye(e, n) {
+  return e.replace(/{ApproverEmail}/g, n);
 }
-function $e(e, o) {
-  return e.replace(/{WorkFlowReason}/g, o);
+function ke(e, n) {
+  return e.replace(/{WorkFlowReason}/g, n);
 }
-async function Ue(e, o, t, a, n, u) {
-  const l = await A();
-  let s = Ve(u, o);
-  return s = Ce(s, t), s = $e(s, a), (await l.put(s, n, {
+async function Ve(e, n, t, a, o, u) {
+  const i = await N();
+  let s = be(u, n);
+  return s = ye(s, t), s = ke(s, a), (await i.put(s, o, {
     params: {
       className: e
     }
   }))?.data;
 }
-async function Le(e, o) {
-  return ((await (await A()).get(e, { params: { value: o } }))?.data).map((u) => ({
+async function Ce(e, n) {
+  return ((await (await N()).get(e, { params: { value: n } }))?.data).map((u) => ({
     value: u.key,
     label: u.value
   }));
 }
-const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
+const Ue = (e, n) => e.reduce((t, a) => t && $e(a, n), !0), $e = (e, n) => {
   const { RuleName: t, RuleParameter: a } = e;
-  return Te[t](a, o);
-}, Te = {
-  Regex: (e, o) => new RegExp(e).test(o)
-}, X = /* @__PURE__ */ b({
+  return Re[t](a, n);
+}, Re = {
+  Regex: (e, n) => new RegExp(e).test(n)
+}, q = /* @__PURE__ */ y({
   __name: "InputText",
   props: {
     modelValue: {},
@@ -164,25 +165,25 @@ const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
     validations: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
-  setup(e, { emit: o }) {
-    const t = e, a = o, n = (s) => Re(t.validations, s), u = (s) => {
+  setup(e, { emit: n }) {
+    const t = e, a = n, o = (s) => Ue(t.validations, s), u = (s) => {
       a("update:modelValue", s), a("input", s);
-    }, l = (s) => {
-      const i = n(s);
-      a("update:modelValue", s), a("change", s), a("error", i ? "" : "Validation Error");
+    }, i = (s) => {
+      const l = o(s);
+      a("update:modelValue", s), a("change", s), a("error", l ? "" : "Validation Error");
     };
-    return (s, i) => {
-      const c = V("AInput");
-      return p(), h(c, {
+    return (s, l) => {
+      const c = h("AInput");
+      return p(), b(c, {
         "model-value": t.modelValue,
         clearable: "",
         disabled: t.readonly || t.config.Readonly,
         onInput: u,
-        onChange: l
+        onChange: i
       }, null, 8, ["model-value", "disabled"]);
     };
   }
-}), Ie = /* @__PURE__ */ b({
+}), Te = /* @__PURE__ */ y({
   __name: "InputNumber",
   props: {
     modelValue: {},
@@ -191,57 +192,57 @@ const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
     validations: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
-  setup(e, { emit: o }) {
-    const t = e, a = o, n = g(100), u = g(0);
-    I(() => {
-      t.validations && t.validations.forEach((i) => {
-        i.RuleName === "Max" && (n.value = i.RuleParameter), i.RuleName === "Min" && (u.value = i.RuleParameter);
+  setup(e, { emit: n }) {
+    const t = e, a = n, o = g(100), u = g(0);
+    x(() => {
+      t.validations && t.validations.forEach((l) => {
+        l.RuleName === "Max" && (o.value = l.RuleParameter), l.RuleName === "Min" && (u.value = l.RuleParameter);
       });
     });
-    const l = (i) => {
-      a("update:modelValue", i), a("input", i);
-    }, s = (i) => {
-      a("update:modelValue", i), a("change", i);
+    const i = (l) => {
+      a("update:modelValue", l), a("input", l);
+    }, s = (l) => {
+      a("update:modelValue", l), a("change", l);
     };
-    return (i, c) => {
-      const r = V("AInputNumber");
-      return p(), h(r, {
+    return (l, c) => {
+      const r = h("AInputNumber");
+      return p(), b(r, {
         "model-value": t.modelValue,
         clearable: "",
         disabled: t.readonly,
         min: u.value,
-        max: n.value,
-        onInput: l,
+        max: o.value,
+        onInput: i,
         onChange: s
       }, null, 8, ["model-value", "disabled", "min", "max"]);
     };
   }
-}), Y = /* @__PURE__ */ b({
+}), J = /* @__PURE__ */ y({
   __name: "SelectList",
   props: {
     modelValue: {},
     config: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: o }) {
-    const t = e, a = o, n = g(!1), u = g(t.config.options ?? []);
-    I(async () => {
-      u.value = await Le(t.config.DataSourceProvider);
+  setup(e, { emit: n }) {
+    const t = e, a = n, o = g(!1), u = g(t.config.options ?? []);
+    x(async () => {
+      u.value = await Ce(t.config.DataSourceProvider);
     });
-    const s = (i) => {
-      a("update:modelValue", i), a("change", i);
+    const s = (l) => {
+      a("update:modelValue", l), a("change", l);
     };
-    return (i, c) => {
-      const r = V("AOption"), f = V("ASelect");
-      return p(), h(f, {
-        "model-value": i.modelValue,
-        loading: n.value,
+    return (l, c) => {
+      const r = h("AOption"), f = h("ASelect");
+      return p(), b(f, {
+        "model-value": l.modelValue,
+        loading: o.value,
         "filter-option": !0,
         "allow-search": !0,
         onChange: s
       }, {
-        default: x(() => [
-          (p(!0), v(R, null, S(u.value, (d) => (p(), h(r, {
+        default: $(() => [
+          (p(!0), v(S, null, L(u.value, (d) => (p(), b(r, {
             key: d.value,
             value: d.value,
             label: d.label
@@ -251,38 +252,38 @@ const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
       }, 8, ["model-value", "loading"]);
     };
   }
-}), xe = /* @__PURE__ */ b({
+}), Se = /* @__PURE__ */ y({
   __name: "Cascader",
   props: {
     modelValue: {},
     config: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: o }) {
-    const t = e, a = o, n = g(t.config.options ?? []), u = (s) => {
+  setup(e, { emit: n }) {
+    const t = e, a = n, o = g(t.config.options ?? []), u = (s) => {
       a("update:modelValue", s), a("change", s);
     };
-    I(async () => {
+    x(async () => {
       if (t.config) {
         const s = t.config.DataSourceProvider;
         if (s) {
-          const c = await (await A()).get(s);
-          n.value = c.data;
+          const c = await (await N()).get(s);
+          o.value = c.data;
         }
       }
     });
-    const l = { value: "key", label: "value" };
-    return (s, i) => {
-      const c = V("ACascader"), r = V("ASpace");
-      return p(), h(r, {
+    const i = { value: "key", label: "value" };
+    return (s, l) => {
+      const c = h("ACascader"), r = h("ASpace");
+      return p(), b(r, {
         direction: "vertical",
         size: "large"
       }, {
-        default: x(() => [
-          O(c, {
-            "field-names": l,
+        default: $(() => [
+          I(c, {
+            "field-names": i,
             "model-value": s.modelValue,
-            options: n.value,
+            options: o.value,
             style: { width: "320px" },
             placeholder: "Please select ...",
             onChange: u
@@ -292,49 +293,49 @@ const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
       });
     };
   }
-}), Ae = /* @__PURE__ */ b({
+}), Ie = /* @__PURE__ */ y({
   __name: "FileUpload",
   props: {
     config: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { expose: o, emit: t }) {
-    const a = e, n = t, u = "", l = g(null), s = g(0), i = g([]);
+  setup(e, { expose: n, emit: t }) {
+    const a = e, o = t, u = "", i = g(null), s = g(0), l = g([]);
     function c(d, m) {
       return d.replace(/{WorkflowId}/g, m);
     }
-    const r = k(() => {
+    const r = V(() => {
       if (a.config.UploadURL) {
         const d = u + a.config.UploadURL;
         return c(d, s.value.toString());
       }
       return "";
     }), f = (d) => {
-      n("change", d);
+      o("change", d);
     };
-    return o({
+    return n({
       submit(d) {
-        console.log("🚀 ~ submit ~ workflowId:", d), l.value && (a.config.UploadURL && (s.value = d), ie(() => {
-          l.value.submit();
+        console.log("🚀 ~ submit ~ workflowId:", d), i.value && (a.config.UploadURL && (s.value = d), ne(() => {
+          i.value.submit();
         }));
       }
     }), (d, m) => {
-      const C = V("a-upload");
-      return p(), h(C, {
+      const C = h("a-upload");
+      return p(), b(C, {
         ref_key: "uploadRef",
-        ref: l,
-        modelValue: i.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (D) => i.value = D),
+        ref: i,
+        modelValue: l.value,
+        "onUpdate:modelValue": m[0] || (m[0] = (D) => l.value = D),
         "auto-upload": !1,
         action: r.value,
         onChange: f
       }, {
-        "start-icon": x(() => m[1] || (m[1] = [])),
+        "start-icon": $(() => m[1] || (m[1] = [])),
         _: 1
       }, 8, ["modelValue", "action"]);
     };
   }
-}), De = /* @__PURE__ */ b({
+}), Le = /* @__PURE__ */ y({
   __name: "TextArea",
   props: {
     modelValue: {},
@@ -343,28 +344,28 @@ const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
     validations: {}
   },
   emits: ["update:modelValue", "change", "error", "input"],
-  setup(e, { emit: o }) {
-    const t = e, a = o, n = (l) => {
-      a("update:modelValue", l), a("input", l);
-    }, u = (l) => {
-      a("update:modelValue", l), a("change", l);
+  setup(e, { emit: n }) {
+    const t = e, a = n, o = (i) => {
+      a("update:modelValue", i), a("input", i);
+    }, u = (i) => {
+      a("update:modelValue", i), a("change", i);
     };
-    return (l, s) => {
-      const i = V("ATextarea");
-      return p(), h(i, {
+    return (i, s) => {
+      const l = h("ATextarea");
+      return p(), b(l, {
         "model-value": t.modelValue,
         placeholder: "Please enter something",
         "allow-clear": "",
         disabled: t.readonly,
-        onInput: n,
+        onInput: o,
         onChange: u
       }, null, 8, ["model-value", "disabled"]);
     };
   }
-}), Ne = { class: "widget-wrapper" }, Pe = { class: "title mb-1.5" }, He = { class: "form-widget" }, Oe = { class: "widget" }, We = {
+}), Ae = { class: "widget-wrapper" }, xe = { class: "title mb-1.5" }, Ne = { class: "form-widget" }, De = { class: "widget" }, He = {
   key: 0,
   class: "err-msg"
-}, Be = /* @__PURE__ */ b({
+}, Pe = /* @__PURE__ */ y({
   __name: "index",
   props: {
     config: {},
@@ -373,48 +374,48 @@ const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
     validations: {}
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(e, { expose: o, emit: t }) {
-    const a = e, n = t, u = ee("widgetRef"), l = g(a.modelValue || a.config?.value);
-    le(l, (m) => {
-      n("update:modelValue", m);
+  setup(e, { expose: n, emit: t }) {
+    const a = e, o = t, u = Q("widgetRef"), i = g(a.modelValue || a.config?.value);
+    oe(i, (m) => {
+      o("update:modelValue", m);
     });
-    const s = k(() => {
+    const s = V(() => {
       switch (a.config?.widget?.Widget) {
         case "TextBox":
-          return X;
+          return q;
         case "Number":
-          return Ie;
+          return Te;
         case "SelectList":
-          return Y;
+          return J;
         case "Cascade":
-          return xe;
+          return Se;
         case "File":
-          return Ae;
+          return Ie;
         case "TextArea":
-          return De;
+          return Le;
         case "DropDown":
-          return Y;
+          return J;
         default:
-          return X;
+          return q;
       }
-    }), i = g(""), c = (m) => {
-      i.value = m;
-    }, r = (m) => n("change", m), f = (m) => n("update:modelValue", m);
+    }), l = g(""), c = (m) => {
+      l.value = m;
+    }, r = (m) => o("change", m), f = (m) => o("update:modelValue", m);
     function d() {
       return a.config?.widget?.Widget === "File";
     }
-    return o({
+    return n({
       isFileUpload() {
         return a.config?.widget?.Widget === "File";
       },
       submit(m) {
         d() && u.value.submit(m);
       }
-    }), (m, C) => (p(), v("div", Ne, [
-      w("div", Pe, T(a?.config?.widget?.Title), 1),
-      w("div", He, [
-        w("div", Oe, [
-          (p(), h(te(s.value), {
+    }), (m, C) => (p(), v("div", Ae, [
+      w("div", xe, A(a?.config?.widget?.Title), 1),
+      w("div", Ne, [
+        w("div", De, [
+          (p(), b(X(s.value), {
             ref_key: "widgetRef",
             ref: u,
             "model-value": a.modelValue,
@@ -425,177 +426,166 @@ const Re = (e, o) => e.reduce((t, a) => t && Se(a, o), !0), Se = (e, o) => {
             "onUpdate:modelValue": f
           }, null, 40, ["model-value", "config", "validations"]))
         ]),
-        i.value.length > 0 ? (p(), v("div", We, T(i.value), 1)) : G("", !0)
+        l.value.length > 0 ? (p(), v("div", He, A(l.value), 1)) : F("", !0)
       ])
     ]));
   }
-}), E = (e, o) => {
+}), E = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [a, n] of o)
-    t[a] = n;
+  for (const [a, o] of n)
+    t[a] = o;
   return t;
-}, oe = /* @__PURE__ */ E(Be, [["__scopeId", "data-v-bc0a480b"]]);
-var U = /* @__PURE__ */ ((e) => (e[e.Submit = 0] = "Submit", e[e.Link = 1] = "Link", e))(U || {});
-const Me = /* @__PURE__ */ b({
+}, Z = /* @__PURE__ */ E(Pe, [["__scopeId", "data-v-bc0a480b"]]);
+var R = /* @__PURE__ */ ((e) => (e[e.Submit = 0] = "Submit", e[e.Link = 1] = "Link", e))(R || {});
+const Oe = /* @__PURE__ */ y({
   __name: "SubmitButton",
   props: {
     url: {},
     redirectType: {}
   },
   emits: ["click"],
-  setup(e, { emit: o }) {
-    const t = e, a = o;
-    function n() {
-      a("click", U.Submit, t.url, t.redirectType);
+  setup(e, { emit: n }) {
+    const t = e, a = n;
+    function o() {
+      a("click", R.Submit, t.url, t.redirectType);
     }
-    return (u, l) => {
-      const s = V("AButton");
-      return p(), h(s, { onClick: n }, {
-        default: x(() => [
-          y(u.$slots, "default")
+    return (u, i) => {
+      const s = h("AButton");
+      return p(), b(s, { onClick: o }, {
+        default: $(() => [
+          k(u.$slots, "default")
         ]),
         _: 3
       });
     };
   }
-}), je = /* @__PURE__ */ b({
+}), We = /* @__PURE__ */ y({
   __name: "DetailLink",
   props: {
     url: {},
     redirectType: {}
   },
   emits: ["click"],
-  setup(e, { emit: o }) {
-    const t = e, a = o;
-    function n() {
-      a("click", U.Link, t.url, t.redirectType);
+  setup(e, { emit: n }) {
+    const t = e, a = n;
+    function o() {
+      a("click", R.Link, t.url, t.redirectType);
     }
-    return (u, l) => {
-      const s = V("ALink");
-      return p(), h(s, { onClick: n }, {
-        default: x(() => [
-          y(u.$slots, "default")
+    return (u, i) => {
+      const s = h("ALink");
+      return p(), b(s, { onClick: o }, {
+        default: $(() => [
+          k(u.$slots, "default")
         ]),
         _: 3
       });
     };
   }
-}), H = /* @__PURE__ */ b({
+}), O = /* @__PURE__ */ y({
   __name: "index",
   props: {
     config: {}
   },
   emits: ["click"],
-  setup(e, { emit: o }) {
-    const t = e, a = o;
-    function n(i, c, r) {
-      a("click", i, c, r);
+  setup(e, { emit: n }) {
+    const t = e, a = n;
+    function o(l, c, r) {
+      a("click", l, c, r);
     }
-    const u = k(() => {
+    const u = V(() => {
       switch (t.config.widget) {
         case "Submit":
-          return Me;
+          return Oe;
         case "Link":
         default:
-          return je;
+          return We;
       }
-    }), l = k(() => t.config.widget === "Submit" ? t.config.requestUrl ?? "" : t.config.widget === "Link" ? t.config.redirectUrl ?? "" : ""), s = k(() => t.config.redirectType ?? "Details");
-    return (i, c) => (p(), h(te(u.value), {
-      url: l.value,
+    }), i = V(() => t.config.widget === "Submit" ? t.config.requestUrl ?? "" : t.config.widget === "Link" ? t.config.redirectUrl ?? "" : ""), s = V(() => t.config.redirectType ?? "Details");
+    return (l, c) => (p(), b(X(u.value), {
+      url: i.value,
       "redirect-type": s.value,
-      onClick: n
+      onClick: o
     }, {
-      default: x(() => [
-        re(T(t.config.title), 1)
+      default: $(() => [
+        se(A(t.config.title), 1)
       ]),
       _: 1
     }, 8, ["url", "redirect-type"]));
   }
-}), Q = Symbol("router");
-function z() {
-  const e = ce(Q);
-  if (e)
-    return e;
-  const o = ue();
-  return o?.appContext.app.config.globalProperties.$router ? o.appContext.app.config.globalProperties.$router : (console.warn("[Vue Component Library] Router not found. Using mock router. Please provide router using app.use(MyPlugin, { router }) or app.provide(RouterKey, router)"), {
-    push: (t) => (console.warn("[Vue Component Library] Mock router.push called with:", t), Promise.resolve()),
-    replace: (t) => (console.warn("[Vue Component Library] Mock router.replace called with:", t), Promise.resolve()),
-    go: (t) => {
-      console.warn("[Vue Component Library] Mock router.go called with:", t);
-    },
-    back: () => {
-      console.warn("[Vue Component Library] Mock router.back called");
-    },
-    forward: () => {
-      console.warn("[Vue Component Library] Mock router.forward called");
-    }
-  });
+}), ee = Symbol("library-router");
+function K() {
+  const e = le(ee, null);
+  return e || ce();
 }
-const Ke = { class: "page-container relative h-full" }, Ee = { class: "page-title p-4 bg-white" }, ze = { class: "title" }, Fe = { class: "page-content p-2" }, Ge = { class: "fields grid grid-cols-3 gap-8 bg-white p-4" }, qe = { class: "action-row absolute bottom-0 left-0 w-full bg-white p-4 flex justify-end" }, Je = /* @__PURE__ */ b({
+const je = { class: "page-container relative h-full" }, Be = { class: "page-title p-4 bg-white" }, Ee = { class: "title" }, Ke = { class: "fields grid grid-cols-3 gap-8 bg-white p-4" }, ze = { class: "action-row absolute bottom-0 left-0 w-full bg-white p-4 flex justify-end" }, Fe = /* @__PURE__ */ y({
   __name: "CreateView",
   props: {
     className: {}
   },
   setup(e) {
-    const o = z(), t = e, a = g(), n = k(() => a.value?.fields ? Object.entries(a.value.fields).map(([f, d]) => ({
+    const n = K(), t = e, a = g(), o = V(() => a.value?.fields ? Object.entries(a.value.fields).map(([f, d]) => ({
       fieldKey: f,
       ...d
-    })).filter((f) => f.widget && f.widget.Widget !== "Hidden").sort((f, d) => (f.order ?? 0) - (d.order ?? 0)) : []), u = k(() => a.value?.actions ? [...a.value.actions].reverse() : []), l = W({}), s = g(!0), i = ee("dataWidgetsRef");
-    I(async () => {
-      s.value = !0, a.value = await K(j.Create, {
+    })).filter((f) => f.widget && f.widget.Widget !== "Hidden").sort((f, d) => (f.order ?? 0) - (d.order ?? 0)) : []), u = V(() => a.value?.actions ? [...a.value.actions].reverse() : []), i = W({}), s = g(!0), l = Q("dataWidgetsRef");
+    x(async () => {
+      s.value = !0, a.value = await B(j.Create, {
         className: t.className
       });
       for (const r in a.value.fields)
-        l[r] = a.value.fields[r].value;
+        i[r] = a.value.fields[r].value;
       s.value = !1;
     });
     async function c(r, f, d) {
       switch (r) {
-        case U.Submit:
-          const m = await be(t.className, l, f);
-          i.value?.filter((C) => {
+        case R.Submit:
+          const m = await ve(t.className, i, f);
+          l.value?.filter((C) => {
             C?.submit && C.submit(m);
-          }), o.push({ name: "List" });
+          }), n.push({ name: "List" });
           break;
-        case U.Link:
-          d === "List" && o.push({ name: "List" });
+        case R.Link:
+          d === "List" && n.push({ name: "List" });
           break;
         default:
           console.warn("Unknown action type:", r);
       }
     }
     return (r, f) => {
-      const d = B("loading");
-      return p(), v("div", Ke, [
-        w("div", Ee, [
-          y(r.$slots, "title", {}, () => [
-            w("div", ze, T(r.className) + " : Create", 1)
+      const d = h("a-spin");
+      return p(), v("div", je, [
+        w("div", Be, [
+          k(r.$slots, "title", {}, () => [
+            w("div", Ee, A(r.className) + " : Create", 1)
           ], !0)
         ]),
-        M((p(), v("div", Fe, [
-          w("div", Ge, [
-            (p(!0), v(R, null, S(n.value, (m, C) => (p(), v("div", {
-              key: m.fieldKey,
-              class: "field"
-            }, [
-              O(oe, {
-                ref_for: !0,
-                ref_key: "dataWidgetsRef",
-                ref: i,
-                name: C,
-                config: m,
-                modelValue: l[m.fieldKey],
-                "onUpdate:modelValue": (D) => l[m.fieldKey] = D
-              }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
-            ]))), 128))
+        I(d, {
+          loading: s.value,
+          class: "page-content p-2"
+        }, {
+          default: $(() => [
+            w("div", Ke, [
+              (p(!0), v(S, null, L(o.value, (m, C) => (p(), v("div", {
+                key: m.fieldKey,
+                class: "field"
+              }, [
+                I(Z, {
+                  ref_for: !0,
+                  ref_key: "dataWidgetsRef",
+                  ref: l,
+                  name: C,
+                  config: m,
+                  modelValue: i[m.fieldKey],
+                  "onUpdate:modelValue": (D) => i[m.fieldKey] = D
+                }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
+              ]))), 128))
+            ]),
+            k(r.$slots, "content", {}, void 0, !0)
           ]),
-          y(r.$slots, "content", {}, void 0, !0)
-        ])), [
-          [d, s.value]
-        ]),
-        w("div", qe, [
-          y(r.$slots, "action", {}, void 0, !0),
-          (p(!0), v(R, null, S(u.value, (m) => (p(), h(H, {
+          _: 3
+        }, 8, ["loading"]),
+        w("div", ze, [
+          k(r.$slots, "action", {}, void 0, !0),
+          (p(!0), v(S, null, L(u.value, (m) => (p(), b(O, {
             key: m.Title,
             config: m,
             class: "action",
@@ -605,136 +595,144 @@ const Ke = { class: "page-container relative h-full" }, Ee = { class: "page-titl
       ]);
     };
   }
-}), Qe = /* @__PURE__ */ E(Je, [["__scopeId", "data-v-cfe5b53b"]]), Xe = { class: "page-container relative h-full" }, Ye = { class: "page-title p-4 bg-white" }, Ze = { class: "title" }, et = { class: "page-content p-2" }, tt = { class: "fields grid grid-cols-3 gap-8 bg-white p-4" }, at = { class: "action-row absolute bottom-0 left-0 w-full bg-white p-4 flex justify-end" }, ot = /* @__PURE__ */ b({
+}), Me = /* @__PURE__ */ E(Fe, [["__scopeId", "data-v-48017fe8"]]), Ge = { class: "page-container relative h-full" }, qe = { class: "page-title p-4 bg-white" }, Je = { class: "title" }, Qe = { class: "fields grid grid-cols-3 gap-8 bg-white p-4" }, Xe = { class: "action-row absolute bottom-0 left-0 w-full bg-white p-4 flex justify-end" }, Ye = /* @__PURE__ */ y({
   __name: "UpdateView",
   props: {
     className: {},
     workflowId: {}
   },
   setup(e) {
-    const o = z(), t = e, a = g(), n = k(() => a.value?.fields ? Object.entries(a.value.fields).map(([r, f]) => ({
+    const n = K(), t = e, a = g(), o = V(() => a.value?.fields ? Object.entries(a.value.fields).map(([r, f]) => ({
       fieldKey: r,
       ...f
-    })).filter((r) => r.widget && r.widget.Widget !== "Hidden").sort((r, f) => (r.order ?? 0) - (f.order ?? 0)) : []), u = k(() => a.value?.actions ? [...a.value.actions].reverse() : []), l = W({}), s = g(!0);
-    I(async () => {
-      s.value = !0, a.value = await K(j.Update, {
+    })).filter((r) => r.widget && r.widget.Widget !== "Hidden").sort((r, f) => (r.order ?? 0) - (f.order ?? 0)) : []), u = V(() => a.value?.actions ? [...a.value.actions].reverse() : []), i = W({}), s = g(!0);
+    x(async () => {
+      s.value = !0, a.value = await B(j.Update, {
         workflowId: t.workflowId,
         className: t.className
       });
       for (const c in a.value.fields)
-        l[c] = a.value.fields[c].value;
+        i[c] = a.value.fields[c].value;
       s.value = !1;
     });
-    async function i(c, r, f) {
+    async function l(c, r, f) {
       switch (c) {
-        case U.Submit:
-          await ke(t.className, t.workflowId, l, r), o.push({ name: "List" });
+        case R.Submit:
+          await he(t.className, t.workflowId, i, r), n.push({ name: "List" });
           break;
-        case U.Link:
-          f === "List" && o.push({ name: "List" });
+        case R.Link:
+          f === "List" && n.push({ name: "List" });
           break;
         default:
           console.warn("Unknown action type:", c);
       }
     }
     return (c, r) => {
-      const f = B("loading");
-      return p(), v("div", Xe, [
-        w("div", Ye, [
-          y(c.$slots, "title", {}, () => [
-            w("div", Ze, T(c.className) + " : Update", 1)
+      const f = h("a-spin");
+      return p(), v("div", Ge, [
+        w("div", qe, [
+          k(c.$slots, "title", {}, () => [
+            w("div", Je, A(c.className) + " : Update", 1)
           ], !0)
         ]),
-        M((p(), v("div", et, [
-          w("div", tt, [
-            (p(!0), v(R, null, S(n.value, (d, m) => (p(), v("div", {
-              key: d.fieldKey,
-              class: "field"
-            }, [
-              O(oe, {
-                name: m,
-                config: d,
-                modelValue: l[d.fieldKey],
-                "onUpdate:modelValue": (C) => l[d.fieldKey] = C
-              }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
-            ]))), 128))
+        I(f, {
+          loading: s.value,
+          class: "page-content p-2"
+        }, {
+          default: $(() => [
+            w("div", Qe, [
+              (p(!0), v(S, null, L(o.value, (d, m) => (p(), v("div", {
+                key: d.fieldKey,
+                class: "field"
+              }, [
+                I(Z, {
+                  name: m,
+                  config: d,
+                  modelValue: i[d.fieldKey],
+                  "onUpdate:modelValue": (C) => i[d.fieldKey] = C
+                }, null, 8, ["name", "config", "modelValue", "onUpdate:modelValue"])
+              ]))), 128))
+            ]),
+            k(c.$slots, "content", {}, void 0, !0)
           ]),
-          y(c.$slots, "content", {}, void 0, !0)
-        ])), [
-          [f, s.value]
-        ]),
-        w("div", at, [
-          y(c.$slots, "action", {}, void 0, !0),
-          (p(!0), v(R, null, S(u.value, (d) => (p(), h(H, {
+          _: 3
+        }, 8, ["loading"]),
+        w("div", Xe, [
+          k(c.$slots, "action", {}, void 0, !0),
+          (p(!0), v(S, null, L(u.value, (d) => (p(), b(O, {
             key: d.Title,
             config: d,
-            data: l,
+            data: i,
             class: "action",
-            onClick: i
+            onClick: l
           }, null, 8, ["config", "data"]))), 128))
         ])
       ]);
     };
   }
-}), nt = /* @__PURE__ */ E(ot, [["__scopeId", "data-v-38b39a5f"]]), st = { class: "page-container relative h-full" }, it = { class: "page-title p-4 bg-white" }, lt = { class: "title" }, rt = { class: "page-content p-2" }, ct = { class: "bg-white" }, ut = { class: "action-row absolute bottom-0 left-0 w-full bg-white p-4 flex justify-end" }, dt = /* @__PURE__ */ b({
+}), Ze = /* @__PURE__ */ E(Ye, [["__scopeId", "data-v-73c3a6e5"]]), et = { class: "page-container relative h-full" }, tt = { class: "page-title p-4 bg-white" }, at = { class: "title" }, nt = { class: "bg-white" }, ot = { class: "action-row absolute bottom-0 left-0 w-full bg-white p-4 flex justify-end" }, st = /* @__PURE__ */ y({
   __name: "DetailView",
   props: {
     className: {},
     workflowId: {}
   },
   setup(e) {
-    const o = z(), t = e, a = g();
-    k(() => a.value?.fields ? Object.entries(a.value.fields).map(([c, r]) => ({
+    const n = K(), t = e, a = g();
+    V(() => a.value?.fields ? Object.entries(a.value.fields).map(([c, r]) => ({
       fieldKey: c,
       ...r
     })).filter((c) => c.widget && c.widget.Widget !== "Hidden").sort((c, r) => (c.order ?? 0) - (r.order ?? 0)) : []);
-    const n = k(() => a.value?.actions ? [...a.value.actions].reverse() : []), u = W([]), l = g(!0);
-    I(async () => {
-      l.value = !0, a.value = await K(j.Details, {
+    const o = V(() => a.value?.actions ? [...a.value.actions].reverse() : []), u = W([]), i = g(!0);
+    x(async () => {
+      i.value = !0, a.value = await B(j.Details, {
         workflowId: t.workflowId,
         className: t.className
       });
-      for (const [i, c] of Object.entries(a.value.fields))
+      for (const [l, c] of Object.entries(a.value.fields))
         u.push({
-          label: i,
+          label: l,
           value: c.value
         });
-      l.value = !1;
+      i.value = !1;
     });
-    function s(i, c, r) {
-      switch (i) {
-        case U.Submit:
-          Ue(t.className, t.workflowId, J.ApproverEmail(), "", u, c), o.push({ name: "List" });
+    function s(l, c, r) {
+      switch (l) {
+        case R.Submit:
+          Ve(t.className, t.workflowId, G.ApproverEmail(), "", u, c), n.push({ name: "List" });
           break;
-        case U.Link:
-          r === "List" && o.push({ name: "List" });
+        case R.Link:
+          r === "List" && n.push({ name: "List" });
           break;
         default:
-          console.warn("Unknown action type:", i);
+          console.warn("Unknown action type:", l);
       }
     }
-    return (i, c) => {
-      const r = V("a-descriptions"), f = B("loading");
-      return p(), v("div", st, [
-        w("div", it, [
-          y(i.$slots, "title", {}, () => [
-            w("div", lt, T(i.className) + " : Approve", 1)
+    return (l, c) => {
+      const r = h("a-descriptions"), f = h("a-spin");
+      return p(), v("div", et, [
+        w("div", tt, [
+          k(l.$slots, "title", {}, () => [
+            w("div", at, A(l.className) + " : Approve", 1)
           ], !0)
         ]),
-        M((p(), v("div", rt, [
-          w("div", ct, [
-            O(r, {
-              data: u,
-              layout: "inline-vertical"
-            }, null, 8, ["data"])
+        I(f, {
+          loading: i.value,
+          class: "page-content p-2"
+        }, {
+          default: $(() => [
+            w("div", nt, [
+              I(r, {
+                data: u,
+                layout: "inline-vertical"
+              }, null, 8, ["data"])
+            ]),
+            k(l.$slots, "content", {}, void 0, !0)
           ]),
-          y(i.$slots, "content", {}, void 0, !0)
-        ])), [
-          [f, l.value]
-        ]),
-        w("div", ut, [
-          y(i.$slots, "action", {}, void 0, !0),
-          (p(!0), v(R, null, S(n.value, (d) => (p(), h(H, {
+          _: 3
+        }, 8, ["loading"]),
+        w("div", ot, [
+          k(l.$slots, "action", {}, void 0, !0),
+          (p(!0), v(S, null, L(o.value, (d) => (p(), b(O, {
             key: d.Title,
             config: d,
             data: u,
@@ -745,142 +743,134 @@ const Ke = { class: "page-container relative h-full" }, Ee = { class: "page-titl
       ]);
     };
   }
-}), pt = /* @__PURE__ */ E(dt, [["__scopeId", "data-v-ebd4094c"]]), mt = { class: "page-container relative h-full" }, ft = { class: "page-title p-4 bg-white" }, gt = { class: "title" }, vt = { class: "page-conteont p-2" }, _t = /* @__PURE__ */ b({
+}), lt = /* @__PURE__ */ E(st, [["__scopeId", "data-v-e77c8eef"]]), it = { class: "page-container relative h-full" }, rt = { class: "page-title p-4 bg-white" }, ct = { class: "title" }, ut = /* @__PURE__ */ y({
   __name: "ListView",
   props: {
     className: {}
   },
   setup(e) {
-    const o = z(), t = e, a = g(), n = W({
+    const n = K(), t = e, a = g(), o = W({
       current: 1,
       total: 0,
       pageSize: 20,
       defaultPageSize: 20,
       showTotal: !0,
       showPageSize: !0
-    }), u = k(() => ({
-      PageNumber: n.current - 1,
-      PageSize: n.pageSize,
+    }), u = V(() => ({
+      PageNumber: o.current - 1,
+      PageSize: o.pageSize,
       Filters: [],
       Sorts: []
-    })), l = g([]), s = g([]), i = g(!0), c = g(!0), r = g(), f = (_) => {
-      console.log(_), l.value = Object.entries(_).filter(([, $]) => $.widget?.column).map(([$, L]) => ({
-        title: L.widget.Title,
-        dataIndex: $.charAt(0).toLowerCase() + $.slice(1),
-        order: L.order
-      })).sort(($, L) => $.order - L.order), l.value.push({
+    })), i = g([]), s = g([]), l = g(!0), c = g(!0), r = g(), f = (_) => {
+      console.log(_), i.value = Object.entries(_).filter(([, U]) => U.widget?.column).map(([U, T]) => ({
+        title: T.widget.Title,
+        dataIndex: U.charAt(0).toLowerCase() + U.slice(1),
+        order: T.order
+      })).sort((U, T) => U.order - T.order), i.value.push({
         title: "Actions",
         slotName: "optional"
       });
     }, d = async () => {
       c.value = !0;
-      const _ = await he(t.className, u.value);
-      s.value = _.data, n.total = _.totalCount, r.value = _.actions, c.value = !1;
+      const _ = await _e(t.className, u.value);
+      s.value = _.data, o.total = _.totalCount, r.value = _.actions, c.value = !1;
     };
-    I(async () => {
-      i.value = !0, a.value = await K(3, {
+    x(async () => {
+      l.value = !0, a.value = await B(3, {
         className: t.className
-      }), f(a.value.fields), i.value = !1, d();
+      }), f(a.value.fields), l.value = !1, d();
     });
     const m = (_) => {
-      n.current = _, d();
+      o.current = _, d();
     }, C = (_) => {
-      n.pageSize = _, d();
+      o.pageSize = _, d();
     };
-    function D(_, $, L, F) {
+    function D(_, U, T, z) {
       switch (_) {
-        case U.Link:
-          o.push({ name: L, params: { workflowId: F } });
+        case R.Link:
+          n.push({ name: T, params: { workflowId: z } });
           break;
         default:
           console.warn("Unknown action type:", _);
       }
     }
-    function ne(_, $, L) {
+    function te(_, U, T) {
       switch (_) {
-        case U.Link:
-          o.push({ name: L });
+        case R.Link:
+          n.push({ name: T });
           break;
         default:
           console.warn("Unknown action type:", _);
       }
     }
-    return (_, $) => {
-      const L = V("ATable"), F = B("loading");
-      return p(), v("div", mt, [
-        w("div", ft, [
-          y(_.$slots, "title", {}, () => [
-            w("div", gt, T(_.className) + " : List", 1),
-            (p(!0), v(R, null, S(r.value, (N) => (p(), v(R, {
-              key: N.title
+    return (_, U) => {
+      const T = h("ATable"), z = h("a-spin");
+      return p(), v("div", it, [
+        w("div", rt, [
+          k(_.$slots, "title", {}, () => [
+            w("div", ct, A(_.className) + " : List", 1),
+            (p(!0), v(S, null, L(r.value, (H) => (p(), v(S, {
+              key: H.title
             }, [
-              N.location === "InOperation" ? (p(), h(H, {
+              H.location === "InOperation" ? (p(), b(O, {
                 key: 0,
-                config: N,
+                config: H,
                 class: "action",
-                onClick: $[0] || ($[0] = (...P) => ne(...P))
-              }, null, 8, ["config"])) : G("", !0)
+                onClick: U[0] || (U[0] = (...P) => te(...P))
+              }, null, 8, ["config"])) : F("", !0)
             ], 64))), 128))
           ])
         ]),
-        M((p(), v("div", vt, [
-          y(_.$slots, "content", {}, () => [
-            O(L, {
-              columns: l.value,
-              data: s.value,
-              stripe: "",
-              border: "",
-              "page-position": "bl",
-              pagination: n,
-              loading: c.value,
-              onPageChange: m,
-              onPageSizeChange: C
-            }, {
-              optional: x(({ record: N }) => [
-                (p(!0), v(R, null, S(r.value, (P) => (p(), v(R, {
-                  key: P.title
-                }, [
-                  P.location === "InTable" ? (p(), h(H, {
-                    key: 0,
-                    config: P,
-                    class: "action",
-                    onClick: (...se) => D(...se, N.workflowId)
-                  }, null, 8, ["config", "onClick"])) : G("", !0)
-                ], 64))), 128))
-              ]),
-              _: 1
-            }, 8, ["columns", "data", "pagination", "loading"])
-          ])
-        ])), [
-          [F, i.value]
-        ])
+        I(z, {
+          loading: l.value,
+          class: "page-conteont p-2"
+        }, {
+          default: $(() => [
+            k(_.$slots, "content", {}, () => [
+              I(T, {
+                columns: i.value,
+                data: s.value,
+                stripe: "",
+                border: "",
+                "page-position": "bl",
+                pagination: o,
+                loading: c.value,
+                onPageChange: m,
+                onPageSizeChange: C
+              }, {
+                optional: $(({ record: H }) => [
+                  (p(!0), v(S, null, L(r.value, (P) => (p(), v(S, {
+                    key: P.title
+                  }, [
+                    P.location === "InTable" ? (p(), b(O, {
+                      key: 0,
+                      config: P,
+                      class: "action",
+                      onClick: (...ae) => D(...ae, H.workflowId)
+                    }, null, 8, ["config", "onClick"])) : F("", !0)
+                  ], 64))), 128))
+                ]),
+                _: 1
+              }, 8, ["columns", "data", "pagination", "loading"])
+            ])
+          ]),
+          _: 3
+        }, 8, ["loading"])
       ]);
     };
   }
-}), Z = Symbol("pinia"), yt = {
-  install(e, o = {}) {
-    if (o.router)
-      e.provide(Q, o.router);
-    else {
-      const t = e.config.globalProperties.$router;
-      t ? e.provide(Q, t) : console.warn("[Vue Component Library] Router not provided. Some features may not work. Please provide router using app.use(MyPlugin, { router })");
-    }
-    if (o.pinia)
-      e.provide(Z, o.pinia);
-    else {
-      const t = e.config.globalProperties.$pinia;
-      t ? e.provide(Z, t) : console.warn("[Vue Component Library] Pinia not provided. Some features may not work. Please provide pinia using app.use(MyPlugin, { pinia })");
-    }
-    e.component("CreateView", Qe), e.component("UpdateView", nt), e.component("DetailView", pt), e.component("ListView", _t);
+}), dt = Symbol("library-pinia"), _t = {
+  install(e, n = {}) {
+    n.router && e.provide(ee, n.router), n.pinia && e.provide(dt, n.pinia), e.component("CreateView", Me), e.component("UpdateView", Ze), e.component("DetailView", lt), e.component("ListView", ut);
   }
 };
 export {
-  Qe as CreateView,
-  pt as DetailView,
-  _t as ListView,
-  Z as PiniaKey,
-  Q as RouterKey,
-  nt as UpdateView,
-  yt as default
+  Me as CreateView,
+  lt as DetailView,
+  ut as ListView,
+  dt as PiniaKey,
+  ee as RouterKey,
+  Ze as UpdateView,
+  _t as default
 };
 //# sourceMappingURL=index.es.js.map