@duxweb/dvha-core 0.1.9 → 0.1.11

package/dist/esm/hooks/export.js

@@ -0,0 +1,33 @@
+import { ref as P, computed as t } from "vue";
+import { useInfiniteList as d } from "./data.js";
+const w = (e) => new Promise((a) => setTimeout(a, e));
+function N(e) {
+  const a = P(!1), i = t(() => {
+    const { onSuccess: n, interval: h, maxPage: y, ...x } = e;
+    return x;
+  }), o = t(() => e.maxPage || 100), l = t(() => e.interval || 300), { data: u, isLoading: r, fetchNextPage: c, hasNextPage: v, refetch: g, pagination: s } = d({
+    ...i.value,
+    options: {
+      ...i.value.options,
+      enabled: !1
+    }
+  }), f = async () => {
+    var n;
+    if (!a.value)
+      try {
+        for (a.value = !0, s.value.page = 1, await g(); v.value && s.value.page < o.value; )
+          l.value > 0 && await w(l.value), await c();
+        (n = e.onSuccess) == null || n.call(e, u.value);
+      } finally {
+        a.value = !1;
+      }
+  }, m = t(() => r.value || a.value);
+  return {
+    data: u,
+    isLoading: m,
+    trigger: f
+  };
+}
+export {
+  N as useExport
+};

package/dist/esm/hooks/import.js

@@ -0,0 +1,56 @@
+import { ref as f, computed as u } from "vue";
+import { useCustomMutation as B } from "./data.js";
+const P = (e) => new Promise((a) => setTimeout(a, e));
+function z(e) {
+  const a = f(!1), n = f({
+    totalItems: 0,
+    processedItems: 0,
+    totalBatches: 0,
+    processedBatches: 0,
+    percentage: 0
+  }), i = u(() => {
+    const { onComplete: c, onProgress: l, onError: m, interval: s, chunkSize: o, ...r } = e;
+    return r;
+  }), { mutate: I } = B({
+    path: e.path,
+    method: "POST",
+    ...i.value,
+    options: {
+      ...i.value.options
+    }
+  }), k = async (c) => {
+    var h, g, v;
+    if (a.value)
+      return;
+    const l = e.chunkSize || 100, m = e.interval || 100, s = c.length, o = [];
+    for (let t = 0; t < s; t += l)
+      o.push(c.slice(t, t + l));
+    const r = o.length;
+    n.value = {
+      totalItems: s,
+      processedItems: 0,
+      totalBatches: r,
+      processedBatches: 0,
+      percentage: 0
+    }, a.value = !0;
+    try {
+      for (let t = 0; t < o.length; t++) {
+        const d = o[t];
+        await I({
+          payload: d
+        }), n.value.processedBatches = t + 1, n.value.processedItems += d.length, n.value.percentage = Math.round(n.value.processedItems / s * 100), (h = e.onProgress) == null || h.call(e, n.value), t < o.length - 1 && await P(m);
+      }
+      a.value = !1, (g = e.onComplete) == null || g.call(e, n.value);
+    } catch (t) {
+      a.value = !1, (v = e.onError) == null || v.call(e, t);
+    }
+  };
+  return {
+    isLoading: u(() => a.value),
+    progress: u(() => n.value),
+    trigger: k
+  };
+}
+export {
+  z as useImport
+};

package/dist/esm/hooks/select.js

@@ -1,33 +1,32 @@
-import { debounce as N, isArray as O } from "lodash-es";
-import { ref as o, watch as b, computed as d } from "vue";
-import { useCustom as A, useMany as E } from "./data.js";
-function j(a) {
-  const r = o(), i = o(1), f = o(
-    typeof a.pagination == "number" ? a.pagination : a.pagination ? 20 : 0
-  ), v = o(!1), V = N((e) => {
+import { debounce as N, isArray as k } from "lodash-es";
+import { ref as o, computed as s, watch as m } from "vue";
+import { useList as p, useMany as A } from "./data.js";
+function z(a) {
+  const r = o(), d = o({
+    page: 1,
+    pageSize: typeof a.pagination == "number" ? a.pagination : a.pagination ? 20 : 0
+  }), f = o(!1), h = N((e) => {
     r.value = e;
-  }, a.debounce || 300), S = (e) => {
-    V(e);
-  };
-  b([() => a.path, () => a.params, r], () => {
-    a.pagination && (i.value = 1);
-  }, { deep: !0 });
-  const { data: c, isLoading: w } = A({
+  }, a.debounce || 300), b = (e) => {
+    h(e);
+  }, { data: i, isLoading: V } = p({
     get path() {
       return a.path || "";
     },
     get filters() {
-      return a.params;
+      const e = { ...a.params };
+      return r.value && (e[a.keywordField || "keyword"] = r.value), e;
     },
-    get query() {
-      const e = {};
-      return a.pagination && (e.page = i.value, e.pageSize = f.value), r.value && (e[a.keywordField || "keyword"] = r.value), Object.keys(e).length ? e : void 0;
+    get pagination() {
+      return a.pagination ? d.value : void 0;
     },
-    providerName: a.providerName
-  }), g = o([]), y = (e) => {
+    get providerName() {
+      return a.providerName;
+    }
+  }), v = o([]), g = (e) => {
     const { optionField: n } = a;
     return typeof n == "string" ? e[n] || e.value || e.id : e.value || e.id;
-  }, m = (e) => {
+  }, w = (e) => {
     const { optionLabel: n = "label", optionValue: u = "value" } = a;
     let l;
     typeof n == "function" ? l = n(e) : typeof n == "string" ? l = e[n] || e.label || e.name || e.title || String(e.value || e.id || "") : l = e.label || e.name || e.title || String(e.value || e.id || "");
@@ -37,51 +36,50 @@ function j(a) {
       value: t,
       raw: e
     };
-  }, h = d(() => {
+  }, y = s(() => {
     var u;
-    const e = ((u = c.value) == null ? void 0 : u.data) || [], n = [...g.value];
+    const e = ((u = i.value) == null ? void 0 : u.data) || [], n = [...v.value];
     return e.forEach((l) => {
       n.some(
-        (s) => y(s) === y(l)
+        (c) => g(c) === g(l)
       ) || n.push(l);
-    }), n.map((l) => m(l));
-  }), x = d(() => {
+    }), n.map((l) => w(l));
+  }), S = s(() => {
     var e;
-    return ((e = c.value) == null ? void 0 : e.meta) || {};
-  }), { refetch: k } = E({
+    return ((e = i.value) == null ? void 0 : e.meta) || {};
+  }), { refetch: x } = A({
     get path() {
       return a.path || "";
     },
     get ids() {
-      return a.defaultValue ? O(a.defaultValue) ? a.defaultValue : [a.defaultValue] : [];
+      return a.defaultValue ? k(a.defaultValue) ? a.defaultValue : [a.defaultValue] : [];
     },
     options: {
       enabled: !1
     },
     providerName: a.providerName
   });
-  b(() => a.defaultValue, async (e) => {
+  m(() => a.defaultValue, async (e) => {
     var l;
-    if (!(v.value || !e || (v.value = !0, (Array.isArray(e) ? e : [e]).every(
-      (t) => h.value.some((s) => s.value === t)
+    if (!(f.value || !e || (f.value = !0, (Array.isArray(e) ? e : [e]).every(
+      (t) => y.value.some((c) => c.value === t)
     ))))
       try {
-        const t = await k();
-        g.value = ((l = t == null ? void 0 : t.data) == null ? void 0 : l.data) || [];
+        const t = await x();
+        v.value = ((l = t == null ? void 0 : t.data) == null ? void 0 : l.data) || [];
       } catch (t) {
         console.warn("Failed to fetch selected items:", t);
       }
   }, { immediate: !0 });
-  const F = d(() => w.value && !c.value);
+  const F = s(() => V.value && !i.value);
   return {
-    onSearch: S,
-    options: h,
-    meta: x,
+    onSearch: b,
+    options: y,
+    meta: S,
     loading: F,
-    page: i,
-    pageSize: f
+    pagination: d
   };
 }
 export {
-  j as useSelect
+  z as useSelect
 };

package/dist/esm/index.js

@@ -1,46 +1,48 @@
 import { createDux as o } from "./main.js";
-import { useCan as u, useCheck as s, useError as a, useForgotPassword as m, useGetAuth as p, useIsLogin as x, useLogin as f, useLogout as n, useRegister as i, useUpdatePassword as d } from "./hooks/auth.js";
+import { useCan as u, useCheck as s, useError as p, useForgotPassword as m, useGetAuth as x, useIsLogin as a, useLogin as f, useLogout as n, useRegister as i, useUpdatePassword as d } from "./hooks/auth.js";
 import { useConfig as D } from "./hooks/config.js";
-import { useClient as C, useCreate as M, useCreateMany as v, useCustom as y, useCustomMutation as L, useDelete as T, useDeleteMany as h, useInfiniteList as I, useInvalidate as P, useList as S, useMany as A, useOne as c, useUpdate as R, useUpdateMany as w } from "./hooks/data.js";
+import { useClient as C, useCreate as M, useCreateMany as v, useCustom as y, useCustomMutation as I, useDelete as L, useDeleteMany as T, useInfiniteList as h, useInvalidate as P, useList as S, useMany as A, useOne as c, useUpdate as R, useUpdateMany as w } from "./hooks/data.js";
 import { useManage as U } from "./hooks/manage.js";
-import { useMenu as F } from "./hooks/menu.js";
-import { useTheme as E } from "./hooks/theme.js";
+import { useMenu as E } from "./hooks/menu.js";
+import { useTheme as k } from "./hooks/theme.js";
 import { useOverlay as V } from "./hooks/overlay.js";
 import { useI18n as q } from "./hooks/i18n.js";
 import { useSelect as B } from "./hooks/select.js";
 import { useForm as J } from "./hooks/form.js";
-import { initRouter as N } from "./router/route.js";
-import { useAuthStore as W } from "./stores/auth.js";
-import { useRouteStore as Y } from "./stores/route.js";
-import { useTabStore as _ } from "./stores/tab.js";
-import { useManageStore as ee } from "./stores/manage.js";
-import { useI18nStore as oe } from "./stores/i18n.js";
-import { DuxLogo as ue } from "./components/common/logo.js";
-import { default as ae } from "./components/loader/iframe.js";
-import { DuxOverlay as pe } from "./components/overlay/overlay.js";
-import { DuxCan as fe } from "./components/auth/can.js";
-import { arrayToTree as ie, searchTree as de, treeToArr as le } from "./utils/tree.js";
-import { DuxAppProvider as ge } from "./provider/app.js";
-import { DuxTabRouterView as Me } from "./provider/tab.js";
-import { simpleAuthProvider as ye } from "./preset/authProvider.js";
-import { simpleDataProvider as Te } from "./preset/dataProvider.js";
-import { i18nProvider as Ie } from "./preset/i18nProvider.js";
+import { useExport as N } from "./hooks/export.js";
+import { useImport as W } from "./hooks/import.js";
+import { initRouter as Y } from "./router/route.js";
+import { useAuthStore as _ } from "./stores/auth.js";
+import { useRouteStore as ee } from "./stores/route.js";
+import { useTabStore as oe } from "./stores/tab.js";
+import { useManageStore as ue } from "./stores/manage.js";
+import { useI18nStore as pe } from "./stores/i18n.js";
+import { DuxLogo as xe } from "./components/common/logo.js";
+import { default as fe } from "./components/loader/iframe.js";
+import { DuxOverlay as ie } from "./components/overlay/overlay.js";
+import { DuxCan as le } from "./components/auth/can.js";
+import { arrayToTree as ge, searchTree as Ce, treeToArr as Me } from "./utils/tree.js";
+import { DuxAppProvider as ye } from "./provider/app.js";
+import { DuxTabRouterView as Le } from "./provider/tab.js";
+import { simpleAuthProvider as he } from "./preset/authProvider.js";
+import { simpleDataProvider as Se } from "./preset/dataProvider.js";
+import { i18nProvider as ce } from "./preset/i18nProvider.js";
 export {
-  ge as DuxAppProvider,
-  fe as DuxCan,
-  ae as DuxLoaderIframe,
-  ue as DuxLogo,
-  pe as DuxOverlay,
-  Me as DuxTabRouterView,
-  ie as arrayToTree,
+  ye as DuxAppProvider,
+  le as DuxCan,
+  fe as DuxLoaderIframe,
+  xe as DuxLogo,
+  ie as DuxOverlay,
+  Le as DuxTabRouterView,
+  ge as arrayToTree,
   o as createDux,
-  Ie as i18nProvider,
-  N as initRouter,
-  de as searchTree,
-  ye as simpleAuthProvider,
-  Te as simpleDataProvider,
-  le as treeToArr,
-  W as useAuthStore,
+  ce as i18nProvider,
+  Y as initRouter,
+  Ce as searchTree,
+  he as simpleAuthProvider,
+  Se as simpleDataProvider,
+  Me as treeToArr,
+  _ as useAuthStore,
   u as useCan,
   s as useCheck,
   C as useClient,
@@ -48,32 +50,34 @@ export {
   M as useCreate,
   v as useCreateMany,
   y as useCustom,
-  L as useCustomMutation,
-  T as useDelete,
-  h as useDeleteMany,
-  a as useError,
+  I as useCustomMutation,
+  L as useDelete,
+  T as useDeleteMany,
+  p as useError,
+  N as useExport,
   m as useForgotPassword,
   J as useForm,
-  p as useGetAuth,
+  x as useGetAuth,
   q as useI18n,
-  oe as useI18nStore,
-  I as useInfiniteList,
+  pe as useI18nStore,
+  W as useImport,
+  h as useInfiniteList,
   P as useInvalidate,
-  x as useIsLogin,
+  a as useIsLogin,
   S as useList,
   f as useLogin,
   n as useLogout,
   U as useManage,
-  ee as useManageStore,
+  ue as useManageStore,
   A as useMany,
-  F as useMenu,
+  E as useMenu,
   c as useOne,
   V as useOverlay,
   i as useRegister,
-  Y as useRouteStore,
+  ee as useRouteStore,
   B as useSelect,
-  _ as useTabStore,
-  E as useTheme,
+  oe as useTabStore,
+  k as useTheme,
   R as useUpdate,
   w as useUpdateMany,
   d as useUpdatePassword

package/dist/esm/provider/tab.js

@@ -8,55 +8,57 @@ const k = /* @__PURE__ */ c({
   name: "DuxTabRouterView",
   props: {},
   setup() {
-    const r = b(), u = w(), i = R(), n = /* @__PURE__ */ new Map(), p = (e, t) => {
-      let a;
-      const o = e;
-      return n.has(o) ? a = n.get(o) : (a = {
+    const r = b(), u = w(), p = R(), n = /* @__PURE__ */ new Map(), i = (t, a) => {
+      let e;
+      const o = t;
+      return n.has(o) ? e = n.get(o) : (e = {
         name: o,
         render() {
-          return t;
+          return a;
         }
-      }, n.set(o, a)), a;
+      }, n.set(o, e)), e;
     };
-    u.$subscribe((e, t) => {
-      n.forEach((a) => {
-        t.tabs.some((o) => o.path === a.name) || n.delete(a.name);
+    u.$subscribe((t, a) => {
+      n.forEach((e) => {
+        a.tabs.some((o) => o.path === e.name) || n.delete(e.name);
       });
     });
-    const s = i.getIndexRoute();
+    const s = p.getIndexRoute();
     return s && u.addTab({
       ...s,
       meta: {
         ...s.meta,
         lock: !0
       }
-    }), d([r, () => i.routes], () => {
-      const e = i.searchRouteName(r.name);
-      if (!e)
+    }), d([r, () => p.routes], () => {
+      const t = p.searchRouteName(r.name);
+      if (!t)
         return;
-      const t = {
-        label: e.label,
+      const a = {
+        label: t.label,
         path: r.path,
-        name: e.name
+        name: t.name
       };
-      u.addTab(t);
+      u.addTab(a);
     }, {
       immediate: !0
     }), () => m(h, null, {
       default: ({
-        Component: e
-      }) => m(l, {
-        name: "tab-fade",
-        mode: "out-in",
-        appear: !0
-      }, {
-        default: () => [m(f, {
-          include: u.tabs.map((t) => t.path || "")
-        }, [m(e, {
-          is: p(r.path, e),
-          key: r.path
-        }, null)])]
-      })
+        Component: t
+      }) => {
+        const a = i(r.path, t);
+        return m(l, {
+          name: "tab-fade",
+          mode: "out-in",
+          appear: !0
+        }, {
+          default: () => [m(f, {
+            include: u.tabs.map((e) => e.path || "")
+          }, [m(a, {
+            key: r.path
+          }, null)])]
+        });
+      }
     });
   }
 });