@duxweb/dvha-core 0.1.20 → 0.1.22

package/dist/cjs/utils/theme.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(c){return`rgba(var(${c}))`}function s(c){const t={},i=["50","100","200","300","400","500","600","700","800","900","950"],b=["primary","info","success","warning","error","gray"],n=["hover","pressed","focus","disabled"];t.white={DEFAULT:e("--ui-color-white")},t.black={DEFAULT:e("--ui-color-black")},Object.keys(c).forEach(r=>{t[r]={},i.forEach(o=>{t[r][o]=e(`--base-color-${r}-${o}`)})}),b.forEach(r=>{t[r]={},t[r].DEFAULT=e(`--ui-color-${r}`),i.forEach(o=>{t[r][o]=e(`--ui-color-${r}-${o}`)}),n.forEach(o=>{t[r][o]=e(`--ui-color-${r}-${o}`)})});const d={"text-default":{color:e("--ui-text")},"text-dimmed":{color:e("--ui-text-dimmed")},"text-muted":{color:e("--ui-text-muted")},"text-toned":{color:e("--ui-text-toned")},"text-highlighted":{color:e("--ui-text-highlighted")},"text-inverted":{color:e("--ui-text-inverted")},"bg-default":{"background-color":e("--ui-bg")},"bg-muted":{"background-color":e("--ui-bg-muted")},"bg-elevated":{"background-color":e("--ui-bg-elevated")},"bg-accented":{"background-color":e("--ui-bg-accented")},"bg-inverted":{"background-color":e("--ui-bg-inverted")},"border-default":{"border-color":e("--ui-border")},"border-muted":{"border-color":e("--ui-border-muted")},"border-accented":{"border-color":e("--ui-border-accented")},"border-inverted":{"border-color":e("--ui-border-inverted")}},u={};Object.entries(d).forEach(([r,o])=>{u[`.${r}`]=o});const l=[];return Object.entries(d).forEach(([r,o])=>{l.push([r,o])}),{colors:t,classes:d,rules:l,utilities:u}}exports.themePreset=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(s){return`rgb(var(${s}))`}function f(s,u){return`color-mix(in oklab, rgb(var(${s})) var(${u}, 100%), transparent)`}function O(s){const u=["50","100","200","300","400","500","600","700","800","900","950"],E=["primary","info","success","warning","error","gray"],x=["hover","pressed","focus","disabled"],n={white:{DEFAULT:p("--ui-color-white")},black:{DEFAULT:p("--ui-color-black")}};Object.keys(s).forEach(r=>{n[r]={},u.forEach(e=>{n[r][e]=p(`--base-color-${r}-${e}`)})}),E.forEach(r=>{n[r]={DEFAULT:f(`--ui-color-${r}`,"--un-text-opacity")},u.forEach(e=>{n[r][e]=f(`--ui-color-${r}-${e}`,"--un-text-opacity")}),x.forEach(e=>{n[r][e]=f(`--ui-color-${r}-${e}`,"--un-text-opacity")})});const l={text:["default","dimmed","muted","toned","highlighted","inverted"],bg:["default","muted","elevated","accented","inverted"],border:["default","muted","accented","inverted"]};function a(r,e,i,t,d){const c=[];return i.forEach(o=>{const m=`--ui-${d||r}${o==="default"?"":`-${o}`}`;c.push([`${r}-${o}`,{[e]:`color-mix(in oklab, rgb(var(${m})) var(${t}, 100%), transparent)`,[t]:"100%"}]),c.push([new RegExp(`^${r}-${o}\\/(\\d*\\.?\\d+)(%?)$`),([,b,P])=>{const g=Number(b);let h;return P||g>1?h=`${g}%`:h=`${g*100}%`,{[e]:`color-mix(in oklab, rgb(var(${m})) var(${t}, 100%), transparent)`,[t]:h}}]),c.push([new RegExp(`^${r}-${o}\\[(.+)\\]$`),([,b])=>({[e]:b.replace(/_/g," ")})])}),c}const v=a("text","color",l.text,"--un-text-opacity"),R=a("bg","background-color",l.bg,"--un-bg-opacity"),y=a("border","border-color",l.border,"--un-border-opacity"),S=a("ring","--un-ring-color",l.border,"--un-ring-opacity","border"),$=[];l.border.forEach(r=>{const e=`--ui-border${r==="default"?"":`-${r}`}`;$.push([new RegExp(`^divide-${r}$`),(i,{rawSelector:t})=>`
+          .${t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")} > :not(:last-child) {
+            border-color: color-mix(in oklab, rgb(var(${e})) var(--un-border-opacity, 100%), transparent);
+            --un-border-opacity: 100%;
+          }`]),$.push([new RegExp(`^divide-${r}\\/(\\d*\\.?\\d+)(%?)$`),([,i,t],{rawSelector:d})=>{const c=Number(i);let o;return t||c>1?o=`${c}%`:o=`${c*100}%`,`
+          .${d.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")} > :not(:last-child) {
+            border-color: color-mix(in oklab, rgb(var(${e})) var(--un-border-opacity, 100%), transparent);
+            --un-border-opacity: ${o};
+          }`}])});const k=[...v,...R,...y,...S,...$];return{name:"preset-theme",theme:{colors:n},rules:k}}exports.themePreset=O;

package/dist/esm/components/auth/can.js

@@ -1,17 +1,19 @@
-import { defineComponent as t } from "vue";
+import { defineComponent as e } from "vue";
 import { useCan as n } from "../../hooks/auth.js";
 import "@tanstack/vue-query";
 import "lodash-es";
+import "vue-router";
 import "pinia";
 import "json-2-csv";
+import "@vee-validate/rules";
+import "vee-validate";
 import "@vueuse/core";
 import "../../hooks/json/index.js";
-import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "colorizr";
 import "axios";
-const k = /* @__PURE__ */ t({
+const O = /* @__PURE__ */ e({
   name: "DuxCan",
   props: {
     name: {
@@ -25,13 +27,13 @@ const k = /* @__PURE__ */ t({
   setup(m, {
     slots: r
   }) {
-    const i = n();
+    const t = n();
     return () => {
-      var p, e;
-      return i(m.name, m.params) ? (p = r.default) == null ? void 0 : p.call(r) : ((e = r.fallback) == null ? void 0 : e.call(r)) || null;
+      var p, i;
+      return t(m.name, m.params) ? (p = r.default) == null ? void 0 : p.call(r) : ((i = r.fallback) == null ? void 0 : i.call(r)) || null;
     };
   }
 });
 export {
-  k as DuxCan
+  O as DuxCan
 };

package/dist/esm/components/loader/loader.js

@@ -0,0 +1,48 @@
+import { defineComponent as e, createVNode as o, Suspense as i, h as n } from "vue";
+import "vue-router";
+import "pinia";
+import { useManage as l } from "../../hooks/manage.js";
+import "@tanstack/vue-query";
+import "json-2-csv";
+import "lodash-es";
+import "@vee-validate/rules";
+import "vee-validate";
+import "@vueuse/core";
+import "../../hooks/json/index.js";
+import "@overlastic/vue";
+import "clsx";
+import { DuxException as a } from "../status/exception.js";
+import "colorizr";
+import "axios";
+import "crypto-js";
+import "dayjs";
+import "mathjs";
+import "mime";
+import "mitt";
+import "vue3-sfc-loader";
+import "pinia-plugin-persistedstate";
+import "vue-i18n";
+import { DuxRemoteRender as u } from "./remote/render.js";
+const B = /* @__PURE__ */ e({
+  name: "DuxLoaderRemote",
+  setup(d) {
+    const {
+      config: m
+    } = l(), p = () => {
+      var t;
+      const r = (t = m.components) == null ? void 0 : t.loading;
+      return r ? n(r) : null;
+    };
+    return () => o("div", {
+      class: "app-remote-loader"
+    }, [o(a, null, {
+      default: () => [o(i, null, {
+        default: () => o(u, null, null),
+        fallback: () => p()
+      })]
+    })]);
+  }
+});
+export {
+  B as default
+};

package/dist/esm/components/loader/remote/loader.js

@@ -0,0 +1,150 @@
+import * as b from "vue";
+import { createVNode as E } from "vue";
+import * as k from "@tanstack/vue-query";
+import * as J from "@vueuse/core";
+import T from "axios";
+import $ from "crypto-js";
+import L from "dayjs";
+import * as N from "lodash-es";
+import * as O from "mathjs";
+import g from "mime";
+import W from "mitt";
+import * as q from "pinia";
+import { loadModule as F } from "vue3-sfc-loader";
+import * as V from "vue-router";
+import { useManage as _ } from "../../../hooks/manage.js";
+import { useClient as A } from "../../../hooks/data.js";
+import "json-2-csv";
+import "@vee-validate/rules";
+import "vee-validate";
+import { useI18n as B } from "../../../hooks/i18n.js";
+import { useJsonSchema as H } from "../../../hooks/json.js";
+import "../../../hooks/json/index.js";
+import "@overlastic/vue";
+import "clsx";
+import "colorizr";
+import * as I from "../../../index.js";
+const v = /* @__PURE__ */ new Map();
+function Q(m) {
+  return $.MD5(m).toString().substring(0, 10);
+}
+function ct(m) {
+  var l;
+  const h = A(), {
+    mergeLocale: d
+  } = B(), {
+    config: r
+  } = _(), x = {
+    moduleCache: {
+      vue: b,
+      "@duxweb/dvha-core": I,
+      "@vueuse/core": J,
+      "@tanstack/vue-query": k,
+      axios: T,
+      crypto: $,
+      mime: g,
+      math: O,
+      mitt: W,
+      "lodash-es": N,
+      pinia: q,
+      dayjs: L,
+      "vue-router": V,
+      ...(l = r == null ? void 0 : r.remote) == null ? void 0 : l.packages,
+      "static!": function(e, o, t) {
+        const a = g.getType(t);
+        if (a != null && a.startsWith("image"))
+          return `data:${a};charset=utf-8;base64,${btoa(e)}`;
+        if (t === ".json")
+          return JSON.parse(e);
+        throw new Error(`${t} unable to parse`);
+      }
+    },
+    async handleModule(e, o) {
+      if (e !== ".vue") {
+        if (e === ".json") {
+          const t = await o(), {
+            render: a
+          } = H({
+            data: (t == null ? void 0 : t.nodes) || {},
+            context: (t == null ? void 0 : t.data) || {}
+          });
+          return () => E(a, null, null);
+        }
+        return o();
+      }
+    },
+    customBlockHandler(e) {
+      if (e.type === "i18n") {
+        const o = JSON.parse(e.content);
+        for (const t in o)
+          d(t, o[t]);
+      }
+    },
+    getFile: async (e) => {
+      var t, a, u, c;
+      e = w(e, ".vue"), e = w(e, ".json");
+      const o = await h.request({
+        path: typeof ((t = r == null ? void 0 : r.remote) == null ? void 0 : t.apiRoutePath) == "function" ? (a = r == null ? void 0 : r.remote) == null ? void 0 : a.apiRoutePath(e) : ((u = r == null ? void 0 : r.remote) == null ? void 0 : u.apiRoutePath) || "static",
+        payload: {
+          path: e
+        },
+        method: ((c = r == null ? void 0 : r.remote) == null ? void 0 : c.apiMethod) || "POST"
+      }).then((s) => s == null ? void 0 : s.data).catch((s) => {
+        throw new Error(`${s == null ? void 0 : s.message} ${e}`);
+      });
+      return await setTimeout(() => {
+        console.log("res", o);
+      }, 1e4), {
+        getContentData: () => o == null ? void 0 : o.content,
+        type: `${(o == null ? void 0 : o.type) || "vue"}`
+      };
+    },
+    getResource({
+      refPath: e,
+      relPath: o
+    }, t) {
+      const {
+        moduleCache: a,
+        pathResolve: u,
+        getFile: c
+      } = t, [s, ...y] = o.match(/([^!]+!)|[^!]+$/g).reverse(), C = (n, p, f, S) => y.reduce((j, M) => a[M](j, p, f, S), n), i = u({
+        refPath: e,
+        relPath: s
+      }, t), R = y.join("") + i, P = (n) => n.startsWith("@") ? !0 : !n.includes("/") && !n.startsWith(".");
+      return {
+        id: R,
+        path: i,
+        async getContent() {
+          if (P(i))
+            throw new Error(`Package ${i} not imported`);
+          const {
+            getContentData: n,
+            type: p
+          } = await c(i);
+          return {
+            getContentData: async (f) => C(await n(f), i, p, t),
+            type: p
+          };
+        }
+      };
+    },
+    addStyle(e) {
+      const o = Q(e);
+      if (v.has(o))
+        return;
+      v.set(o, !0);
+      const t = document.createElement("style");
+      t.textContent = e, t.setAttribute("data-hash", o), document.head.appendChild(t);
+    }
+  };
+  return () => F(`${m}`, {
+    ...x
+  });
+}
+function w(m, h) {
+  const d = new RegExp(`${h}$`);
+  return m.replace(d, "");
+}
+export {
+  ct as sfcLoader
+};

package/dist/esm/components/loader/remote/render.js

@@ -0,0 +1,19 @@
+import { defineComponent as m, defineAsyncComponent as n, createVNode as p } from "vue";
+import { useRoute as u } from "vue-router";
+import "pinia";
+import "lodash-es";
+import { useRouteStore as s } from "../../../stores/route.js";
+import { sfcLoader as c } from "./loader.js";
+const S = /* @__PURE__ */ m({
+  name: "DuxRemoteRender",
+  setup(a) {
+    var o;
+    const t = u(), e = s().searchRouteName(t.name), r = n({
+      loader: c((o = e == null ? void 0 : e.meta) == null ? void 0 : o.path)
+    });
+    return () => p(r, null, null);
+  }
+});
+export {
+  S as DuxRemoteRender
+};

package/dist/esm/components/overlay/overlay.js

@@ -1,7 +1,6 @@
-import { defineComponent as m, defineAsyncComponent as u, ref as d, onMounted as v, nextTick as y, createVNode as t, Transition as l, mergeProps as f } from "vue";
-import { useExtendOverlay as C } from "@overlastic/vue";
-import { onKeyStroke as p } from "@vueuse/core";
-const T = /* @__PURE__ */ m({
+import { defineComponent as r, defineAsyncComponent as u, createVNode as t, Transition as l } from "vue";
+import { useExtendOverlay as d } from "@overlastic/vue";
+const v = /* @__PURE__ */ r({
   name: "DuxOverlay",
   props: {
     component: Function,
@@ -25,24 +24,18 @@ const T = /* @__PURE__ */ m({
   },
   setup(e) {
     const {
-      visible: o,
-      resolve: i,
-      reject: a
-    } = C({
+      visible: n,
+      resolve: s,
+      reject: o
+    } = d({
       duration: e.duration
-    }), n = (e == null ? void 0 : e.componentProps) || {};
-    n.onConfirm = i, n.onClose = a;
-    const s = u(e.component), c = () => {
-      e.maskClosable && a();
-    }, r = d();
-    return v(() => {
-      y(() => {
-        document.activeElement && document.activeElement instanceof HTMLElement && document.activeElement.blur();
-      });
-    }), p(["Escape"], () => {
-      a();
-    }), () => t("div", {
-      class: `fixed inset-0 ${e.mask ? "" : "pointer-events-none"}`,
+    }), a = (e == null ? void 0 : e.componentProps) || {};
+    a.onConfirm = s, a.onClose = o;
+    const i = u(e.component), c = () => {
+      e.maskClosable && o();
+    };
+    return () => t("div", {
+      class: "fixed inset-0 flex items-center justify-center overflow-auto",
       style: {
         zIndex: e.zIndex
       }
@@ -54,8 +47,8 @@ const T = /* @__PURE__ */ m({
       leaveFromClass: "opacity-100",
       leaveToClass: "opacity-0"
     }, {
-      default: () => [o.value && e.mask && t("div", {
-        class: "fixed inset-0 bg-black bg-opacity-50 overflow-auto",
+      default: () => [n.value && e.mask && t("div", {
+        class: "fixed inset-0 bg-black bg-opacity-30",
         style: {
           transitionDuration: `${e.duration}ms`
         },
@@ -63,19 +56,17 @@ const T = /* @__PURE__ */ m({
         "aria-hidden": "true"
       }, null)]
     }), t(l, {
-      enterActiveClass: "transition-all duration-150",
-      enterFromClass: "opacity-0 scale-90",
+      enterActiveClass: "transition-all",
+      enterFromClass: "opacity-0 scale-95",
       enterToClass: "opacity-100 scale-100",
-      leaveActiveClass: "transition-all duration-150",
+      leaveActiveClass: "transition-all",
       leaveFromClass: "opacity-100 scale-100",
-      leaveToClass: "opacity-0 scale-90"
+      leaveToClass: "opacity-0 scale-95"
     }, {
-      default: () => [o.value && t(s, f({
-        ref: r
-      }, n), null)]
+      default: () => [n.value && t(i, a, null)]
     })]);
   }
 });
 export {
-  T as DuxOverlay
+  v as DuxOverlay
 };

package/dist/esm/components/status/error.js

@@ -1,10 +1,10 @@
-import { defineComponent as n, createVNode as e, createTextVNode as r } from "vue";
+import { defineComponent as n, createVNode as r, createTextVNode as e } from "vue";
 const t = /* @__PURE__ */ n({
   name: "DuxError",
   setup() {
-    return () => e("div", null, [e("h1", null, [r("500")]), e("p", null, [r("Internal Server Error")])]);
+    return () => r("div", null, [r("h1", null, [e("500")]), r("p", null, [e("Internal Server Error")])]);
   }
 });
 export {
-  t as default
+  t as DuxError
 };

package/dist/esm/components/status/exception.js

@@ -0,0 +1,23 @@
+import { defineComponent as a, ref as c, onErrorCaptured as i, createVNode as o, createTextVNode as p } from "vue";
+import { useRoute as d } from "vue-router";
+const x = /* @__PURE__ */ a({
+  name: "DuxException",
+  setup(f, {
+    slots: t
+  }) {
+    const n = c(null), r = d();
+    return i((e) => (console.error(e), r.name ? n.value = {
+      title: "500",
+      desc: (e == null ? void 0 : e.message) || "Internal Server Error"
+    } : n.value = {
+      title: "404",
+      desc: "Page not found"
+    }, !1)), () => {
+      var e, u, l;
+      return n.value ? o("div", null, [o("h1", null, [((e = n.value) == null ? void 0 : e.title) || "Unknown"]), o("p", null, [((u = n.value) == null ? void 0 : u.desc) || "Unknown Description"]), o("p", null, [p("Use config.components.exception to configure the exception layout")])]) : (l = t.default) == null ? void 0 : l.call(t);
+    };
+  }
+});
+export {
+  x as DuxException
+};

package/dist/esm/components/status/notAuthorized.js

@@ -1,10 +1,10 @@
 import { defineComponent as o, createVNode as e, createTextVNode as t } from "vue";
-const r = /* @__PURE__ */ o({
+const u = /* @__PURE__ */ o({
   name: "DuxNotAuthorized",
   setup() {
     return () => e("div", null, [e("h1", null, [t("403")]), e("p", null, [t("You are not authorized to access this page")])]);
   }
 });
 export {
-  r as default
+  u as DuxNotAuthorized
 };

package/dist/esm/components/status/notFound.js

@@ -1,10 +1,10 @@
-import { defineComponent as o, createVNode as e, createTextVNode as n } from "vue";
-const u = /* @__PURE__ */ o({
+import { defineComponent as n, createVNode as e, createTextVNode as o } from "vue";
+const u = /* @__PURE__ */ n({
   name: "DuxNotFound",
   setup() {
-    return () => e("div", null, [e("h1", null, [n("404")]), e("p", null, [n("Page not found")])]);
+    return () => e("div", null, [e("h1", null, [o("404")]), e("p", null, [o("Page not found")])]);
   }
 });
 export {
-  u as default
+  u as DuxNotFound
 };

package/dist/esm/directive/permission.js

@@ -2,16 +2,18 @@ import { useCan as m } from "../hooks/auth.js";
 import "vue";
 import "@tanstack/vue-query";
 import "lodash-es";
+import "vue-router";
 import "pinia";
 import "json-2-csv";
+import "@vee-validate/rules";
+import "vee-validate";
 import "@vueuse/core";
 import "../hooks/json/index.js";
-import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "colorizr";
 import "axios";
-const D = {
+const b = {
   mounted(t, i) {
     var r;
     const { value: o } = i;
@@ -21,5 +23,5 @@ const D = {
   }
 };
 export {
-  D as permissionDirective
+  b as permissionDirective
 };