@duxweb/dvha-core 0.1.12 → 0.1.13

package/dist/cjs/components/auth/can.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),q=require("../../hooks/auth.cjs");require("@tanstack/vue-query");require("lodash-es");require("pinia");require("vue-router");require("@vueuse/core");require("@overlastic/vue");require("clsx");require("json-2-csv");const t=i.defineComponent({name:"DuxCan",props:{name:{type:String,required:!0},params:{type:Object}},setup(r,{slots:e}){const a=q.useCan();return()=>{var u,n;return a(r.name,r.params)?(u=e.default)==null?void 0:u.call(e):((n=e.fallback)==null?void 0:n.call(e))||null}}});exports.DuxCan=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),q=require("../../hooks/auth.cjs");require("@tanstack/vue-query");require("lodash-es");require("pinia");require("vue-router");require("@vueuse/core");require("@overlastic/vue");require("clsx");require("json-2-csv");require("axios");const t=i.defineComponent({name:"DuxCan",props:{name:{type:String,required:!0},params:{type:Object}},setup(r,{slots:e}){const a=q.useCan();return()=>{var u,n;return a(r.name,r.params)?(u=e.default)==null?void 0:u.call(e):((n=e.fallback)==null?void 0:n.call(e))||null}}});exports.DuxCan=t;

package/dist/cjs/directive/permission.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../hooks/auth.cjs");require("vue");require("@tanstack/vue-query");require("lodash-es");require("pinia");require("vue-router");require("@vueuse/core");require("@overlastic/vue");require("clsx");require("json-2-csv");const n={mounted(e,u){var i;const{value:r}=u;if(!r)return;t.useCan()(r)||(i=e.parentElement)==null||i.removeChild(e)}};exports.permissionDirective=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../hooks/auth.cjs");require("vue");require("@tanstack/vue-query");require("lodash-es");require("pinia");require("vue-router");require("@vueuse/core");require("@overlastic/vue");require("clsx");require("json-2-csv");require("axios");const n={mounted(e,u){var i;const{value:r}=u;if(!r)return;t.useCan()(r)||(i=e.parentElement)==null||i.removeChild(e)}};exports.permissionDirective=n;

package/dist/cjs/hooks/overlay.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@overlastic/vue");require("vue");require("clsx");require("vue-router");const t=require("../components/overlay/overlay.cjs");require("pinia");require("lodash-es");require("@tanstack/vue-query");require("@vueuse/core");require("json-2-csv");function i(){const e=u.useOverlayInject(t.DuxOverlay);return{show:r=>e(r)}}exports.useOverlay=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@overlastic/vue");require("vue");require("clsx");require("vue-router");const i=require("../components/overlay/overlay.cjs");require("pinia");require("lodash-es");require("@tanstack/vue-query");require("@vueuse/core");require("json-2-csv");require("axios");function t(){const e=u.useOverlayInject(i.DuxOverlay);return{show:r=>e(r)}}exports.useOverlay=t;

package/dist/cjs/hooks/upload/local.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../data.cjs"),s=()=>{const d=o.useClient();return{upload(l,e){const c=e.query||{};let a=null;if(e.method==="PUT")Object.entries(e.params||{}).forEach(([r,t])=>{c[r]=t}),a=l;else{const r=new FormData;r.append("file",l),Object.entries(e.params||{}).forEach(([t,n])=>{r.append(t,n)}),a=r}return d.request({...e,query:c,method:e.method||"POST",payload:a,signal:e.signal,onUploadProgress:e.onUploadProgress})}}};exports.createLocalUploadDriver=s;

package/dist/cjs/hooks/upload/s3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../data.cjs"),w=require("axios");function g(s){const h=P.useClient();return{async upload(a,t){var i,c,m,U;const o=await h.request({method:"GET",path:s.signPath,query:{name:a.name,size:a.size,mime:a.type,...t.params},signal:t.signal,onUploadProgress:t.onUploadProgress}),r=((i=s.signCallback)==null?void 0:i.call(s,o))||{uploadUrl:(c=o.data)==null?void 0:c.uploadUrl,url:(m=o.data)==null?void 0:m.url,params:(U=o.data)==null?void 0:U.params};if(!r.uploadUrl)throw new Error("Upload URL is required");if(!r.url)throw new Error("File URL is required");const u=t.method||"POST";let l=null;const p=t.headers||{};if(u==="PUT")l=a,p["Content-Type"]=a.type||"application/octet-stream";else{const e=new FormData;e.append("Content-Type",a.type||"application/octet-stream"),e.append("file",a),r.params&&Object.entries(r.params).forEach(([n,y])=>{e.append(n,String(y))}),l=e}const d=await w.request({method:u,url:r.uploadUrl,data:l,signal:t.signal,headers:p,onUploadProgress:e=>{if(t.onUploadProgress&&e.total){const n=Math.round(e.loaded*100/e.total);t.onUploadProgress({loaded:e.loaded,total:e.total,percent:n})}}});if(d.status<200||d.status>=300)throw new Error(`S3 upload failed: ${d.statusText}`);return{data:{url:r.url,filename:a.name,size:a.size,mime:a.type},message:"upload successful"}}}}exports.createS3UploadDriver=g;

package/dist/cjs/hooks/upload.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("@vueuse/core"),R=require("lodash-es"),u=require("vue"),V=require("./upload/local.cjs");function W(l){const v=u.ref(!1),i=u.ref([]),d=u.ref(-1),f=u.ref(new Map),P=l.driver||V.createLocalUploadDriver(),A=u.computed(()=>{const{onProgress:e,onDataCallback:n,onCancel:a,onComplete:t,maxFileSize:c,maxFileCount:o,accept:s,multiple:r,autoUpload:m,options:S,onSuccess:U,onError:F,method:X,driver:Y,...J}=l;return J}),$=u.computed(()=>l.method||"POST"),b=u.computed(()=>{const e=i.value.length,n=i.value.reduce((o,s)=>o+(s.filesize||0),0);let a=0,t=0;return i.value.forEach((o,s)=>{var r;s<d.value?a+=o.filesize||0:s===d.value&&(a+=((r=o.progress)==null?void 0:r.loaded)||0)}),n>0&&(t=Math.round(a/n*100)),{index:d.value>=0?d.value+1:0,totalFiles:e,currentFile:i.value[d.value],totalPercent:t,totalLoaded:a,totalSize:n}}),w=e=>{if(e===0)return"0 Bytes";const n=1024,a=["Bytes","KB","MB","GB"],t=Math.floor(Math.log(e)/Math.log(n));return`${Number.parseFloat((e/n**t).toFixed(2))} ${a[t]}`},h=e=>{if(e===0)return"0 B/s";const n=1024,a=["B/s","KB/s","MB/s","GB/s"],t=Math.floor(Math.log(e)/Math.log(n));return`${Number.parseFloat((e/n**t).toFixed(2))} ${a[t]}`},x=()=>R.uniqueId("upload-"),I=async(e,n,a)=>{switch(n){case"file":{if(!(e instanceof File))throw new TypeError('Payload must be a File when type is "file"');return e}case"blob":{if(!(e instanceof Blob))throw new TypeError('Payload must be a Blob when type is "blob"');return new File([e],"blob-file",{type:e.type})}case"base64":{if(typeof e!="string")throw new TypeError('Payload must be a string when type is "base64"');const t=e.includes(",")?e.split(",")[1]:e,c=e.includes(",")?e.split(",")[0].split(":")[1].split(";")[0]:"application/octet-stream",o=atob(t),s=new Uint8Array(o.length);for(let m=0;m<o.length;m++)s[m]=o.charCodeAt(m);const r=new Blob([s],{type:c});return new File([r],"base64-file",{type:c})}case"arrayBuffer":{if(!(e instanceof ArrayBuffer))throw new TypeError('Payload must be ArrayBuffer when type is "arrayBuffer"');const t=new Blob([e]);return new File([t],"array-buffer-file",{type:"application/octet-stream"})}default:throw new Error(`Unsupported upload type: ${n}`)}},T=e=>{if(l.maxFileSize&&e.size>l.maxFileSize)throw new Error(`File size cannot exceed ${w(l.maxFileSize)}`);if(l.maxFileCount&&i.value.length>=l.maxFileCount)throw new Error(`File count cannot exceed ${l.maxFileCount}`)},k=async(e,n,a)=>{const t=await I(e,n);T(t);const c={id:x(),file:t,filename:t.name,filesize:t.size,filetype:t.type,filesizeText:w(t.size),status:"pending",progress:{loaded:0,total:t.size,percent:0,speed:0,speedText:h(0),remainingTime:0,uploadTime:0}};return i.value.push(c),c},g=(e,n)=>{const a=i.value.findIndex(t=>t.id===e);a!==-1&&(i.value[a]={...i.value[a],...n})},z=()=>{var n;i.value.every(a=>a.status!=="uploading")&&((n=l.onComplete)==null||n.call(l,i.value))},y=e=>{var a;const n=i.value.find(t=>t.id===e);if(!n||n.status!=="pending"&&n.status!=="uploading")return!1;if(n.status==="uploading"){const t=f.value.get(e);t&&(t.abort(),f.value.delete(e))}return g(e,{status:"cancelled"}),(a=l.onCancel)==null||a.call(l,e),z(),!0},q=e=>{e?e.forEach(n=>y(n)):i.value.forEach(n=>y(n.id))},D=async e=>{if(!e.file)throw new Error("File not found");T(e.file);const n=new AbortController;f.value.set(e.id,n);const a=Date.now();g(e.id,{status:"uploading"}),await P.upload(e.file,{...A.value,method:$.value,signal:n.signal,onUploadProgress:t=>{var F;const s=(Date.now()-a)/1e3,r=s>0?t.loaded/s:0,m=(t.total||0)-t.loaded,S=r>0?m/r:0,U={loaded:t.loaded,total:t.total,percent:t.percent||0,speed:Math.round(r),speedText:h(r),uploadTime:Math.round(s),remainingTime:Math.round(S)};g(e.id,{status:"uploading",progress:U}),(F=l.onProgress)==null||F.call(l,b.value)}}).then(t=>{var s,r;if(e.status==="cancelled")return;const c=((s=l.onDataCallback)==null?void 0:s.call(l,t,e))||{},o=Math.round((Date.now()-a)/1e3);g(e.id,{status:"success",data:t,...c,progress:{...e.progress,loaded:e.filesize||0,percent:100,speed:0,speedText:h(0),uploadTime:o,remainingTime:0}}),f.value.delete(e.id),(r=l.onSuccess)==null||r.call(l,t)}).catch(t=>{if(!(t.message==="canceled"||e.status==="cancelled"))throw g(e.id,{status:"error",error:t.message}),f.value.delete(e.id),t}).finally(()=>{z()})},C=async()=>{var n;const e=i.value.filter(a=>a.status==="pending");if(e.length!==0){v.value=!0;try{for(let a=0;a<e.length;a++){const t=e[a],c=i.value.findIndex(o=>o.id===t.id);d.value=c,await D(t)}}catch(a){throw(n=l.onError)==null||n.call(l,{status:(a==null?void 0:a.status)||500,message:(a==null?void 0:a.message)||"upload failed"}),a}finally{v.value=!1,d.value=-1}}},B=async(e,n="file")=>{var a;try{if(l.maxFileCount&&i.value.length+e.length>l.maxFileCount)throw new Error(`Adding ${e.length} files would exceed the maximum limit of ${l.maxFileCount}`);for(const t of e)await k(t,n)}catch(t){throw(a=l.onError)==null||a.call(l,{status:(t==null?void 0:t.status)||400,message:(t==null?void 0:t.message)||"Failed to add files"}),t}l.autoUpload&&C()},G=e=>{const n=e.map(a=>j(a));i.value.push(...n)},K=()=>{i.value.forEach(e=>{y(e.id)}),f.value.clear(),i.value=[],d.value=-1},E=e=>{const n=i.value.find(t=>t.id===e);if(n&&n.status==="uploading"){g(e,{status:"cancelled"});const t=f.value.get(e);if(!t)return;t.abort(),f.value.delete(e)}const a=i.value.findIndex(t=>t.id===e);a!==-1&&i.value.splice(a,1)},L=e=>{e?e.forEach(n=>E(n)):i.value.forEach(n=>E(n.id))},{files:N,open:O,reset:M}=Q.useFileDialog({accept:l.accept,multiple:l.multiple||!1}),j=e=>({id:x(),...e,filesizeText:e.filesize?w(e.filesize):void 0,status:e.url?"success":"pending",progress:{loaded:0,total:e.filesize||0,percent:e.url?100:0,speed:0,speedText:h(0),remainingTime:0,uploadTime:0}});u.watch(N,async e=>{if(e&&e.length>0){const n=Array.from(e);M(),await B(n,"file").catch(a=>{console.warn("Failed to add selected files:",a)})}});const H=u.computed(()=>i.value.filter(e=>e.status==="success").map(e=>({url:e.url,filename:e.filename,filesize:e.filesize,filetype:e.filetype})));return{isUploading:v,uploadFiles:i,dataFiles:H,progress:b,open:O,trigger:C,resetFiles:M,clearFiles:K,removeFiles:L,addFiles:B,addDataFiles:G,cancelFiles:q}}exports.useUpload=W;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./main.cjs"),r=require("./hooks/auth.cjs"),t=require("./hooks/config.cjs"),e=require("./hooks/data.cjs"),o=require("./hooks/manage.cjs"),i=require("./hooks/menu.cjs"),n=require("./hooks/theme.cjs"),a=require("./hooks/overlay.cjs"),c=require("./hooks/i18n.cjs"),q=require("./hooks/select.cjs"),p=require("./hooks/form.cjs"),d=require("./hooks/export.cjs"),m=require("./hooks/import.cjs"),v=require("./hooks/exportCsv.cjs"),l=require("./hooks/importCsv.cjs"),g=require("./router/route.cjs"),C=require("./stores/auth.cjs"),x=require("./stores/route.cjs"),D=require("./stores/tab.cjs"),y=require("./stores/manage.cjs"),M=require("./stores/i18n.cjs"),h=require("./components/common/logo.cjs"),P=require("./components/loader/iframe.cjs"),I=require("./components/overlay/overlay.cjs"),T=require("./components/auth/can.cjs"),u=require("./utils/tree.cjs"),S=require("./provider/app.cjs"),L=require("./provider/tab.cjs"),A=require("./preset/authProvider.cjs"),f=require("./preset/dataProvider.cjs"),b=require("./preset/i18nProvider.cjs");exports.createDux=s.createDux;exports.useCan=r.useCan;exports.useCheck=r.useCheck;exports.useError=r.useError;exports.useForgotPassword=r.useForgotPassword;exports.useGetAuth=r.useGetAuth;exports.useIsLogin=r.useIsLogin;exports.useLogin=r.useLogin;exports.useLogout=r.useLogout;exports.useRegister=r.useRegister;exports.useUpdatePassword=r.useUpdatePassword;exports.useConfig=t.useConfig;exports.useClient=e.useClient;exports.useCreate=e.useCreate;exports.useCreateMany=e.useCreateMany;exports.useCustom=e.useCustom;exports.useCustomMutation=e.useCustomMutation;exports.useDelete=e.useDelete;exports.useDeleteMany=e.useDeleteMany;exports.useInfiniteList=e.useInfiniteList;exports.useInvalidate=e.useInvalidate;exports.useList=e.useList;exports.useMany=e.useMany;exports.useOne=e.useOne;exports.useUpdate=e.useUpdate;exports.useUpdateMany=e.useUpdateMany;exports.useManage=o.useManage;exports.useMenu=i.useMenu;exports.useTheme=n.useTheme;exports.useOverlay=a.useOverlay;exports.useI18n=c.useI18n;exports.useSelect=q.useSelect;exports.useForm=p.useForm;exports.useExport=d.useExport;exports.useImport=m.useImport;exports.useExportCsv=v.useExportCsv;exports.useImportCsv=l.useImportCsv;exports.initRouter=g.initRouter;exports.useAuthStore=C.useAuthStore;exports.useRouteStore=x.useRouteStore;exports.useTabStore=D.useTabStore;exports.useManageStore=y.useManageStore;exports.useI18nStore=M.useI18nStore;exports.DuxLogo=h.DuxLogo;exports.DuxLoaderIframe=P;exports.DuxOverlay=I.DuxOverlay;exports.DuxCan=T.DuxCan;exports.arrayToTree=u.arrayToTree;exports.searchTree=u.searchTree;exports.treeToArr=u.treeToArr;exports.DuxAppProvider=S.DuxAppProvider;exports.DuxTabRouterView=L.DuxTabRouterView;exports.simpleAuthProvider=A.simpleAuthProvider;exports.simpleDataProvider=f.simpleDataProvider;exports.i18nProvider=b.i18nProvider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./main.cjs"),r=require("./hooks/auth.cjs"),t=require("./hooks/config.cjs"),e=require("./hooks/data.cjs"),o=require("./hooks/manage.cjs"),a=require("./hooks/menu.cjs"),i=require("./hooks/theme.cjs"),n=require("./hooks/overlay.cjs"),c=require("./hooks/i18n.cjs"),l=require("./hooks/select.cjs"),p=require("./hooks/form.cjs"),d=require("./hooks/export.cjs"),q=require("./hooks/import.cjs"),v=require("./hooks/exportCsv.cjs"),m=require("./hooks/importCsv.cjs"),g=require("./hooks/upload.cjs"),C=require("./hooks/upload/local.cjs"),D=require("./hooks/upload/s3.cjs"),x=require("./router/route.cjs"),y=require("./stores/auth.cjs"),M=require("./stores/route.cjs"),h=require("./stores/tab.cjs"),P=require("./stores/manage.cjs"),S=require("./stores/i18n.cjs"),I=require("./components/common/logo.cjs"),L=require("./components/loader/iframe.cjs"),T=require("./components/overlay/overlay.cjs"),U=require("./components/auth/can.cjs"),u=require("./utils/tree.cjs"),A=require("./provider/app.cjs"),f=require("./provider/tab.cjs"),b=require("./preset/authProvider.cjs"),R=require("./preset/dataProvider.cjs"),O=require("./preset/i18nProvider.cjs");exports.createDux=s.createDux;exports.useCan=r.useCan;exports.useCheck=r.useCheck;exports.useError=r.useError;exports.useForgotPassword=r.useForgotPassword;exports.useGetAuth=r.useGetAuth;exports.useIsLogin=r.useIsLogin;exports.useLogin=r.useLogin;exports.useLogout=r.useLogout;exports.useRegister=r.useRegister;exports.useUpdatePassword=r.useUpdatePassword;exports.useConfig=t.useConfig;exports.useClient=e.useClient;exports.useCreate=e.useCreate;exports.useCreateMany=e.useCreateMany;exports.useCustom=e.useCustom;exports.useCustomMutation=e.useCustomMutation;exports.useDelete=e.useDelete;exports.useDeleteMany=e.useDeleteMany;exports.useInfiniteList=e.useInfiniteList;exports.useInvalidate=e.useInvalidate;exports.useList=e.useList;exports.useMany=e.useMany;exports.useOne=e.useOne;exports.useUpdate=e.useUpdate;exports.useUpdateMany=e.useUpdateMany;exports.useManage=o.useManage;exports.useMenu=a.useMenu;exports.useTheme=i.useTheme;exports.useOverlay=n.useOverlay;exports.useI18n=c.useI18n;exports.useSelect=l.useSelect;exports.useForm=p.useForm;exports.useExport=d.useExport;exports.useImport=q.useImport;exports.useExportCsv=v.useExportCsv;exports.useImportCsv=m.useImportCsv;exports.useUpload=g.useUpload;exports.createLocalUploadDriver=C.createLocalUploadDriver;exports.createS3UploadDriver=D.createS3UploadDriver;exports.initRouter=x.initRouter;exports.useAuthStore=y.useAuthStore;exports.useRouteStore=M.useRouteStore;exports.useTabStore=h.useTabStore;exports.useManageStore=P.useManageStore;exports.useI18nStore=S.useI18nStore;exports.DuxLogo=I.DuxLogo;exports.DuxLoaderIframe=L;exports.DuxOverlay=T.DuxOverlay;exports.DuxCan=U.DuxCan;exports.arrayToTree=u.arrayToTree;exports.searchTree=u.searchTree;exports.treeToArr=u.treeToArr;exports.DuxAppProvider=A.DuxAppProvider;exports.DuxTabRouterView=f.DuxTabRouterView;exports.simpleAuthProvider=b.simpleAuthProvider;exports.simpleDataProvider=R.simpleDataProvider;exports.i18nProvider=O.i18nProvider;

package/dist/cjs/preset/dataProvider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("axios"),s=require("lodash-es");function m(c){const r=a=>a?`${c.apiUrl}/${s.trimStart(a||"","/")}`:c.apiUrl;return{apiUrl:r,getList:(a,l,t)=>{const e={};return a.pagination&&typeof a.pagination=="object"&&(e.page=a.pagination.page,e.pageSize=a.pagination.pageSize),n.get(r(a.path)||"",{params:{...e,...a.filters,...a.sorters},headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(d=>c.successCallback?c.successCallback(d):k(d)).catch(d=>{throw c.errorCallback?c.errorCallback(d):b(d)})},create:(a,l,t)=>n.post(r(a.path)||"",a.data,{headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),update:(a,l,t)=>n.put(r(a.id?`${a.path}/${a.id}`:a.path)||"",a.data,{headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),deleteOne:(a,l,t)=>n.delete(r(a.id?`${a.path}/${a.id}`:a.path)||"",{headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),getOne:(a,l,t)=>n.get(r(a.id?`${a.path}/${a.id}`:a.path)||"",{headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),getMany:(a,l,t)=>n.get(r(a.path)||"",{params:{ids:a.ids},headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),createMany:(a,l,t)=>n.post(r(a.path)||"",a.data,{headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),updateMany:(a,l,t)=>n.put(r(a.path)||"",{ids:a.ids,data:a.data},{headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),deleteMany:(a,l,t)=>n.delete(r(a.path)||"",{params:{ids:a.ids},headers:{Authorization:t==null?void 0:t.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),custom:(a,l,t)=>{let e={...a.query};return a.sorters&&typeof a.sorters=="object"&&(e={...e,...a.sorters}),a.filters&&typeof a.filters=="object"&&(e={...e,...a.filters}),n.request({url:r(a.path||""),method:a.method||"GET",data:a.payload,params:e,headers:{Authorization:t==null?void 0:t.token,...a.headers},...a.meta}).then(d=>c.successCallback?c.successCallback(d):k(d)).catch(d=>{throw c.errorCallback?c.errorCallback(d):b(d)})}}}function k(c){var r,a,l;return{message:(r=c.data)==null?void 0:r.message,data:(a=c.data)==null?void 0:a.data,meta:(l=c.data)==null?void 0:l.meta,raw:c.data}}function b(c){var r,a,l,t;return{message:((r=c.response.data)==null?void 0:r.message)||c.message,data:(a=c.response.data)==null?void 0:a.data,meta:(l=c.response.data)==null?void 0:l.meta,status:((t=c.response.data)==null?void 0:t.code)||c.response.status||500,raw:c.response.data}}exports.simpleDataProvider=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("axios"),s=require("lodash-es");function h(c){const r=a=>a?`${c.apiUrl}/${s.trimStart(a||"","/")}`:c.apiUrl;return{apiUrl:r,getList:(a,d,l)=>{const e={};return a.pagination&&typeof a.pagination=="object"&&(e.page=a.pagination.page,e.pageSize=a.pagination.pageSize),n.get(r(a.path)||"",{params:{...e,...a.filters,...a.sorters},headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(t=>c.successCallback?c.successCallback(t):k(t)).catch(t=>{throw c.errorCallback?c.errorCallback(t):b(t)})},create:(a,d,l)=>n.post(r(a.path)||"",a.data,{headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),update:(a,d,l)=>n.put(r(a.id?`${a.path}/${a.id}`:a.path)||"",a.data,{headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),deleteOne:(a,d,l)=>n.delete(r(a.id?`${a.path}/${a.id}`:a.path)||"",{headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),getOne:(a,d,l)=>n.get(r(a.id?`${a.path}/${a.id}`:a.path)||"",{headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),getMany:(a,d,l)=>n.get(r(a.path)||"",{params:{ids:a.ids},headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),createMany:(a,d,l)=>n.post(r(a.path)||"",a.data,{headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),updateMany:(a,d,l)=>n.put(r(a.path)||"",{ids:a.ids,data:a.data},{headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),deleteMany:(a,d,l)=>n.delete(r(a.path)||"",{params:{ids:a.ids},headers:{Authorization:l==null?void 0:l.token},...a.meta}).then(e=>c.successCallback?c.successCallback(e):k(e)).catch(e=>{throw c.errorCallback?c.errorCallback(e):b(e)}),custom:(a,d,l)=>{let e={...a.query};return a.sorters&&typeof a.sorters=="object"&&(e={...e,...a.sorters}),a.filters&&typeof a.filters=="object"&&(e={...e,...a.filters}),n.request({url:r(a.path||""),method:a.method||"GET",data:a.payload,params:e,signal:a.signal,headers:{Authorization:l==null?void 0:l.token,...a.headers},onUploadProgress:t=>{var m;const C=Math.round(t.loaded*100/(t.total||1));(m=a.onUploadProgress)==null||m.call(a,{loaded:t.loaded,total:t.total,percent:C})},onDownloadProgress:t=>{var m;const C=Math.round(t.loaded*100/(t.total||1));(m=a.onDownloadProgress)==null||m.call(a,{loaded:t.loaded,total:t.total,percent:C})},...a.meta}).then(t=>c.successCallback?c.successCallback(t):k(t)).catch(t=>{throw c.errorCallback?c.errorCallback(t):b(t)})}}}function k(c){var r,a,d;return{message:(r=c.data)==null?void 0:r.message,data:(a=c.data)==null?void 0:a.data,meta:(d=c.data)==null?void 0:d.meta,raw:c.data}}function b(c){var r,a,d,l,e,t,C,m,u,g;return{message:((a=(r=c.response)==null?void 0:r.data)==null?void 0:a.message)||(c==null?void 0:c.message),data:(l=(d=c.response)==null?void 0:d.data)==null?void 0:l.data,meta:(t=(e=c.response)==null?void 0:e.data)==null?void 0:t.meta,status:((m=(C=c.response)==null?void 0:C.data)==null?void 0:m.code)||((u=c.response)==null?void 0:u.status)||500,raw:(g=c.response)==null?void 0:g.data}}exports.simpleDataProvider=h;

package/dist/cjs/provider/app.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),U=require("@overlastic/vue"),V=require("vue-router"),B=require("../hooks/auth.cjs"),G=require("../hooks/config.cjs");require("@tanstack/vue-query");const H=require("../hooks/manage.cjs");require("lodash-es");require("pinia");const J=require("../stores/auth.cjs"),K=require("../stores/route.cjs"),Q=require("../stores/manage.cjs"),W=require("../stores/i18n.cjs");require("@vueuse/core");require("clsx");require("json-2-csv");const p=l=>Object.freeze(Object.defineProperty({__proto__:null,default:l},Symbol.toStringTag,{value:"Module"})),X=h.defineComponent({name:"DuxAppProvider",props:{},setup(l,{slots:f}){const m=h.inject("dux.manage"),s=G.useConfig(),d=V.useRouter();return d.beforeEach(async(n,Y,a)=>{var $,S,R,A,M,y,_,k,z,w,D,I,O,j;const t=n.meta.manageName,L=n.meta.authorization===!1;if(!t){const e=s.defaultManage||((S=($=s.manages)==null?void 0:$[0])==null?void 0:S.name)||"";return a({path:`/${e}`,replace:!0})}m&&(m.value=t);const g=Q.useManageStore(t);g.isInit()||g.setConfig((R=s.manages)==null?void 0:R.find(e=>e.name===t),s);const i=K.useRouteStore(t),o=H.useManage(t),v=J.useAuthStore(t),q=W.useI18nStore(t);if((A=o.config)!=null&&A.i18nProvider&&!q.isInit()){const e=q.getLocale();e&&((M=o.config)==null||M.i18nProvider.changeLocale(e))}if(!v.isLogin())return L?a():a({path:o.getRoutePath("login"),replace:!0});const P=e=>e==null?void 0:e.map(u=>({...u,path:o.getRoutePath(u.path||"")}));if(!i.getRouteInit()){const e=((y=o.config)==null?void 0:y.components)||{},u=[];if(u.push({name:`${t}.notFound`,label:"404",path:":pathMatch(.*)*",component:e.notFound||(()=>Promise.resolve().then(()=>p(require("../components/status/notFound.cjs")))),hidden:!0,meta:{can:!1}}),u.push({name:`${t}.notAuthorized`,label:"403",path:"notAuthorized",component:e.notAuthorized||(()=>Promise.resolve().then(()=>p(require("../components/status/notAuthorized.cjs")))),hidden:!0,meta:{can:!1}}),u.push({name:`${t}.error`,label:"500",path:"error",component:e.error||(()=>Promise.resolve().then(()=>p(require("../components/status/error.cjs")))),hidden:!0,meta:{can:!1}}),i.setRoutes(P(((_=o.config)==null?void 0:_.menus)||[])),(k=o.config)!=null&&k.apiRoutePath)try{await((D=(w=(z=o.config)==null?void 0:z.dataProvider)==null?void 0:w.default)==null?void 0:D.custom({path:o.config.apiRoutePath,meta:{timeout:5e3}},o,v.getUser()).then(r=>{i.appendRoutes(P(r.data||[]))}))}catch(r){console.error(r)}return i.appendRoutes(u),i.getRoutes().forEach(r=>{var C,N;if(!r.path)return;const c={name:r.name,path:r.path,meta:r.meta};switch(r.loader){case"iframe":c.component=((N=(C=o.config)==null?void 0:C.components)==null?void 0:N.iframe)||(()=>Promise.resolve().then(()=>p(require("../components/loader/iframe.cjs"))));break;case"link":c.beforeEnter=()=>{var F;const E=((F=r.meta)==null?void 0:F.url)||r.path;return E&&window.open(E,"_blank"),!1},c.component=()=>Promise.resolve({template:"<div></div>"});break;default:r.component&&(c.component=r.component);break}d.addRoute(`${t}.auth`,c)}),a({path:((I=n.redirectedFrom)==null?void 0:I.path)||n.path,replace:!0})}const b=["","/",`/${t}`,`/${t}/`];if(b.includes(n.path)){const e=i.getIndexRoute();return!(e!=null&&e.path)||b.includes(e==null?void 0:e.path)?(console.warn("[Dux] index route not found, skip redirect"),a()):a({path:(e==null?void 0:e.path)||"/",replace:!0})}const T=B.useCan(t);return(((O=n.meta)==null?void 0:O.can)===void 0||((j=n.meta)==null?void 0:j.can)===!0)&&!T(n.name)?a({name:`${t}.notAuthorized`}):a()}),()=>h.createVNode(U.OverlaysProvider,null,{default:()=>{var n;return[(n=f.default)==null?void 0:n.call(f)]}})}});exports.DuxAppProvider=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),U=require("@overlastic/vue"),V=require("vue-router"),B=require("../hooks/auth.cjs"),G=require("../hooks/config.cjs");require("@tanstack/vue-query");const H=require("../hooks/manage.cjs");require("lodash-es");require("pinia");const J=require("../stores/auth.cjs"),K=require("../stores/route.cjs"),Q=require("../stores/manage.cjs"),W=require("../stores/i18n.cjs");require("@vueuse/core");require("clsx");require("json-2-csv");require("axios");const p=l=>Object.freeze(Object.defineProperty({__proto__:null,default:l},Symbol.toStringTag,{value:"Module"})),X=h.defineComponent({name:"DuxAppProvider",props:{},setup(l,{slots:f}){const m=h.inject("dux.manage"),s=G.useConfig(),d=V.useRouter();return d.beforeEach(async(n,Y,a)=>{var $,S,R,A,M,y,_,k,z,w,D,I,O,j;const r=n.meta.manageName,L=n.meta.authorization===!1;if(!r){const e=s.defaultManage||((S=($=s.manages)==null?void 0:$[0])==null?void 0:S.name)||"";return a({path:`/${e}`,replace:!0})}m&&(m.value=r);const g=Q.useManageStore(r);g.isInit()||g.setConfig((R=s.manages)==null?void 0:R.find(e=>e.name===r),s);const i=K.useRouteStore(r),o=H.useManage(r),q=J.useAuthStore(r),v=W.useI18nStore(r);if((A=o.config)!=null&&A.i18nProvider&&!v.isInit()){const e=v.getLocale();e&&((M=o.config)==null||M.i18nProvider.changeLocale(e))}if(!q.isLogin())return L?a():a({path:o.getRoutePath("login"),replace:!0});const P=e=>e==null?void 0:e.map(u=>({...u,path:o.getRoutePath(u.path||"")}));if(!i.getRouteInit()){const e=((y=o.config)==null?void 0:y.components)||{},u=[];if(u.push({name:`${r}.notFound`,label:"404",path:":pathMatch(.*)*",component:e.notFound||(()=>Promise.resolve().then(()=>p(require("../components/status/notFound.cjs")))),hidden:!0,meta:{can:!1}}),u.push({name:`${r}.notAuthorized`,label:"403",path:"notAuthorized",component:e.notAuthorized||(()=>Promise.resolve().then(()=>p(require("../components/status/notAuthorized.cjs")))),hidden:!0,meta:{can:!1}}),u.push({name:`${r}.error`,label:"500",path:"error",component:e.error||(()=>Promise.resolve().then(()=>p(require("../components/status/error.cjs")))),hidden:!0,meta:{can:!1}}),i.setRoutes(P(((_=o.config)==null?void 0:_.menus)||[])),(k=o.config)!=null&&k.apiRoutePath)try{await((D=(w=(z=o.config)==null?void 0:z.dataProvider)==null?void 0:w.default)==null?void 0:D.custom({path:o.config.apiRoutePath,meta:{timeout:5e3}},o,q.getUser()).then(t=>{i.appendRoutes(P(t.data||[]))}))}catch(t){console.error(t)}return i.appendRoutes(u),i.getRoutes().forEach(t=>{var C,N;if(!t.path)return;const c={name:t.name,path:t.path,meta:t.meta};switch(t.loader){case"iframe":c.component=((N=(C=o.config)==null?void 0:C.components)==null?void 0:N.iframe)||(()=>Promise.resolve().then(()=>p(require("../components/loader/iframe.cjs"))));break;case"link":c.beforeEnter=()=>{var F;const E=((F=t.meta)==null?void 0:F.url)||t.path;return E&&window.open(E,"_blank"),!1},c.component=()=>Promise.resolve({template:"<div></div>"});break;default:t.component&&(c.component=t.component);break}d.addRoute(`${r}.auth`,c)}),a({path:((I=n.redirectedFrom)==null?void 0:I.path)||n.path,replace:!0})}const b=["","/",`/${r}`,`/${r}/`];if(b.includes(n.path)){const e=i.getIndexRoute();return!(e!=null&&e.path)||b.includes(e==null?void 0:e.path)?(console.warn("[Dux] index route not found, skip redirect"),a()):a({path:(e==null?void 0:e.path)||"/",replace:!0})}const T=B.useCan(r);return(((O=n.meta)==null?void 0:O.can)===void 0||((j=n.meta)==null?void 0:j.can)===!0)&&!T(n.name)?a({name:`${r}.notAuthorized`}):a()}),()=>h.createVNode(U.OverlaysProvider,null,{default:()=>{var n;return[(n=f.default)==null?void 0:n.call(f)]}})}});exports.DuxAppProvider=X;

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

@@ -8,7 +8,8 @@ import "@vueuse/core";
 import "@overlastic/vue";
 import "clsx";
 import "json-2-csv";
-const D = /* @__PURE__ */ a({
+import "axios";
+const g = /* @__PURE__ */ a({
   name: "DuxCan",
   props: {
     name: {
@@ -24,11 +25,11 @@ const D = /* @__PURE__ */ a({
   }) {
     const n = i();
     return () => {
-      var e, p;
-      return n(m.name, m.params) ? (e = r.default) == null ? void 0 : e.call(r) : ((p = r.fallback) == null ? void 0 : p.call(r)) || null;
+      var p, e;
+      return n(m.name, m.params) ? (p = r.default) == null ? void 0 : p.call(r) : ((e = r.fallback) == null ? void 0 : e.call(r)) || null;
     };
   }
 });
 export {
-  D as DuxCan
+  g as DuxCan
 };

package/dist/esm/directive/permission.js

@@ -8,7 +8,8 @@ import "@vueuse/core";
 import "@overlastic/vue";
 import "clsx";
 import "json-2-csv";
-const C = {
+import "axios";
+const h = {
   mounted(t, i) {
     var r;
     const { value: o } = i;
@@ -18,5 +19,5 @@ const C = {
   }
 };
 export {
-  C as permissionDirective
+  h as permissionDirective
 };

package/dist/esm/hooks/overlay.js

@@ -8,12 +8,13 @@ import "lodash-es";
 import "@tanstack/vue-query";
 import "@vueuse/core";
 import "json-2-csv";
-function y() {
+import "axios";
+function O() {
   const r = t(m);
   return {
     show: (o) => r(o)
   };
 }
 export {
-  y as useOverlay
+  O as useOverlay
 };

package/dist/esm/hooks/upload/local.js

@@ -0,0 +1,31 @@
+import { useClient as o } from "../data.js";
+const m = () => {
+  const n = o();
+  return {
+    upload(l, e) {
+      const c = e.query || {};
+      let a = null;
+      if (e.method === "PUT")
+        Object.entries(e.params || {}).forEach(([r, t]) => {
+          c[r] = t;
+        }), a = l;
+      else {
+        const r = new FormData();
+        r.append("file", l), Object.entries(e.params || {}).forEach(([t, d]) => {
+          r.append(t, d);
+        }), a = r;
+      }
+      return n.request({
+        ...e,
+        query: c,
+        method: e.method || "POST",
+        payload: a,
+        signal: e.signal,
+        onUploadProgress: e.onUploadProgress
+      });
+    }
+  };
+};
+export {
+  m as createLocalUploadDriver
+};

package/dist/esm/hooks/upload/s3.js

@@ -0,0 +1,72 @@
+import { useClient as y } from "../data.js";
+import P from "axios";
+function q(s) {
+  const h = y();
+  return {
+    async upload(a, t) {
+      var m, i, c, U;
+      const o = await h.request({
+        method: "GET",
+        path: s.signPath,
+        query: {
+          name: a.name,
+          size: a.size,
+          mime: a.type,
+          ...t.params
+        },
+        signal: t.signal,
+        onUploadProgress: t.onUploadProgress
+      }), r = ((m = s.signCallback) == null ? void 0 : m.call(s, o)) || {
+        uploadUrl: (i = o.data) == null ? void 0 : i.uploadUrl,
+        url: (c = o.data) == null ? void 0 : c.url,
+        params: (U = o.data) == null ? void 0 : U.params
+      };
+      if (!r.uploadUrl)
+        throw new Error("Upload URL is required");
+      if (!r.url)
+        throw new Error("File URL is required");
+      const p = t.method || "POST";
+      let l = null;
+      const u = t.headers || {};
+      if (p === "PUT")
+        l = a, u["Content-Type"] = a.type || "application/octet-stream";
+      else {
+        const e = new FormData();
+        e.append("Content-Type", a.type || "application/octet-stream"), e.append("file", a), r.params && Object.entries(r.params).forEach(([n, w]) => {
+          e.append(n, String(w));
+        }), l = e;
+      }
+      const d = await P.request({
+        method: p,
+        url: r.uploadUrl,
+        data: l,
+        signal: t.signal,
+        headers: u,
+        onUploadProgress: (e) => {
+          if (t.onUploadProgress && e.total) {
+            const n = Math.round(e.loaded * 100 / e.total);
+            t.onUploadProgress({
+              loaded: e.loaded,
+              total: e.total,
+              percent: n
+            });
+          }
+        }
+      });
+      if (d.status < 200 || d.status >= 300)
+        throw new Error(`S3 upload failed: ${d.statusText}`);
+      return {
+        data: {
+          url: r.url,
+          filename: a.name,
+          size: a.size,
+          mime: a.type
+        },
+        message: "upload successful"
+      };
+    }
+  };
+}
+export {
+  q as createS3UploadDriver
+};

package/dist/esm/hooks/upload.js

@@ -0,0 +1,269 @@
+import { useFileDialog as R } from "@vueuse/core";
+import { uniqueId as V } from "lodash-es";
+import { ref as g, computed as v, watch as W } from "vue";
+import { createLocalUploadDriver as X } from "./upload/local.js";
+function ne(l) {
+  const w = g(!1), i = g([]), u = g(-1), d = g(/* @__PURE__ */ new Map()), A = l.driver || X(), $ = v(() => {
+    const { onProgress: e, onDataCallback: n, onCancel: a, onComplete: t, maxFileSize: c, maxFileCount: o, accept: s, multiple: r, autoUpload: f, options: U, onSuccess: P, onError: x, method: Y, driver: Z, ...Q } = l;
+    return Q;
+  }), I = v(() => l.method || "POST"), b = v(() => {
+    const e = i.value.length, n = i.value.reduce((o, s) => o + (s.filesize || 0), 0);
+    let a = 0, t = 0;
+    return i.value.forEach((o, s) => {
+      var r;
+      s < u.value ? a += o.filesize || 0 : s === u.value && (a += ((r = o.progress) == null ? void 0 : r.loaded) || 0);
+    }), n > 0 && (t = Math.round(a / n * 100)), {
+      index: u.value >= 0 ? u.value + 1 : 0,
+      totalFiles: e,
+      currentFile: i.value[u.value],
+      totalPercent: t,
+      totalLoaded: a,
+      totalSize: n
+    };
+  }), y = (e) => {
+    if (e === 0)
+      return "0 Bytes";
+    const n = 1024, a = ["Bytes", "KB", "MB", "GB"], t = Math.floor(Math.log(e) / Math.log(n));
+    return `${Number.parseFloat((e / n ** t).toFixed(2))} ${a[t]}`;
+  }, h = (e) => {
+    if (e === 0)
+      return "0 B/s";
+    const n = 1024, a = ["B/s", "KB/s", "MB/s", "GB/s"], t = Math.floor(Math.log(e) / Math.log(n));
+    return `${Number.parseFloat((e / n ** t).toFixed(2))} ${a[t]}`;
+  }, T = () => V("upload-"), k = async (e, n, a) => {
+    switch (n) {
+      case "file": {
+        if (!(e instanceof File))
+          throw new TypeError('Payload must be a File when type is "file"');
+        return e;
+      }
+      case "blob": {
+        if (!(e instanceof Blob))
+          throw new TypeError('Payload must be a Blob when type is "blob"');
+        return new File([e], "blob-file", { type: e.type });
+      }
+      case "base64": {
+        if (typeof e != "string")
+          throw new TypeError('Payload must be a string when type is "base64"');
+        const t = e.includes(",") ? e.split(",")[1] : e, c = e.includes(",") ? e.split(",")[0].split(":")[1].split(";")[0] : "application/octet-stream", o = atob(t), s = new Uint8Array(o.length);
+        for (let f = 0; f < o.length; f++)
+          s[f] = o.charCodeAt(f);
+        const r = new Blob([s], { type: c });
+        return new File([r], "base64-file", { type: c });
+      }
+      case "arrayBuffer": {
+        if (!(e instanceof ArrayBuffer))
+          throw new TypeError('Payload must be ArrayBuffer when type is "arrayBuffer"');
+        const t = new Blob([e]);
+        return new File([t], "array-buffer-file", { type: "application/octet-stream" });
+      }
+      default:
+        throw new Error(`Unsupported upload type: ${n}`);
+    }
+  }, z = (e) => {
+    if (l.maxFileSize && e.size > l.maxFileSize)
+      throw new Error(`File size cannot exceed ${y(l.maxFileSize)}`);
+    if (l.maxFileCount && i.value.length >= l.maxFileCount)
+      throw new Error(`File count cannot exceed ${l.maxFileCount}`);
+  }, D = async (e, n, a) => {
+    const t = await k(e, n);
+    z(t);
+    const c = {
+      id: T(),
+      file: t,
+      filename: t.name,
+      filesize: t.size,
+      filetype: t.type,
+      filesizeText: y(t.size),
+      status: "pending",
+      progress: {
+        loaded: 0,
+        total: t.size,
+        percent: 0,
+        speed: 0,
+        speedText: h(0),
+        remainingTime: 0,
+        uploadTime: 0
+      }
+    };
+    return i.value.push(c), c;
+  }, m = (e, n) => {
+    const a = i.value.findIndex((t) => t.id === e);
+    a !== -1 && (i.value[a] = { ...i.value[a], ...n });
+  }, C = () => {
+    var n;
+    i.value.every((a) => a.status !== "uploading") && ((n = l.onComplete) == null || n.call(l, i.value));
+  }, F = (e) => {
+    var a;
+    const n = i.value.find((t) => t.id === e);
+    if (!n || n.status !== "pending" && n.status !== "uploading")
+      return !1;
+    if (n.status === "uploading") {
+      const t = d.value.get(e);
+      t && (t.abort(), d.value.delete(e));
+    }
+    return m(e, {
+      status: "cancelled"
+    }), (a = l.onCancel) == null || a.call(l, e), C(), !0;
+  }, G = (e) => {
+    e ? e.forEach((n) => F(n)) : i.value.forEach((n) => F(n.id));
+  }, K = async (e) => {
+    if (!e.file)
+      throw new Error("File not found");
+    z(e.file);
+    const n = new AbortController();
+    d.value.set(e.id, n);
+    const a = Date.now();
+    m(e.id, { status: "uploading" }), await A.upload(e.file, {
+      ...$.value,
+      method: I.value,
+      signal: n.signal,
+      onUploadProgress: (t) => {
+        var x;
+        const s = (Date.now() - a) / 1e3, r = s > 0 ? t.loaded / s : 0, f = (t.total || 0) - t.loaded, U = r > 0 ? f / r : 0, P = {
+          loaded: t.loaded,
+          total: t.total,
+          percent: t.percent || 0,
+          speed: Math.round(r),
+          speedText: h(r),
+          uploadTime: Math.round(s),
+          remainingTime: Math.round(U)
+        };
+        m(e.id, {
+          status: "uploading",
+          progress: P
+        }), (x = l.onProgress) == null || x.call(l, b.value);
+      }
+    }).then((t) => {
+      var s, r;
+      if (e.status === "cancelled")
+        return;
+      const c = ((s = l.onDataCallback) == null ? void 0 : s.call(l, t, e)) || {}, o = Math.round((Date.now() - a) / 1e3);
+      m(e.id, {
+        status: "success",
+        data: t,
+        ...c,
+        progress: {
+          ...e.progress,
+          loaded: e.filesize || 0,
+          percent: 100,
+          speed: 0,
+          speedText: h(0),
+          uploadTime: o,
+          remainingTime: 0
+        }
+      }), d.value.delete(e.id), (r = l.onSuccess) == null || r.call(l, t);
+    }).catch((t) => {
+      if (!(t.message === "canceled" || e.status === "cancelled"))
+        throw m(e.id, {
+          status: "error",
+          error: t.message
+        }), d.value.delete(e.id), t;
+    }).finally(() => {
+      C();
+    });
+  }, B = async () => {
+    var n;
+    const e = i.value.filter((a) => a.status === "pending");
+    if (e.length !== 0) {
+      w.value = !0;
+      try {
+        for (let a = 0; a < e.length; a++) {
+          const t = e[a], c = i.value.findIndex((o) => o.id === t.id);
+          u.value = c, await K(t);
+        }
+      } catch (a) {
+        throw (n = l.onError) == null || n.call(l, {
+          status: (a == null ? void 0 : a.status) || 500,
+          message: (a == null ? void 0 : a.message) || "upload failed"
+        }), a;
+      } finally {
+        w.value = !1, u.value = -1;
+      }
+    }
+  }, E = async (e, n = "file") => {
+    var a;
+    try {
+      if (l.maxFileCount && i.value.length + e.length > l.maxFileCount)
+        throw new Error(`Adding ${e.length} files would exceed the maximum limit of ${l.maxFileCount}`);
+      for (const t of e)
+        await D(t, n);
+    } catch (t) {
+      throw (a = l.onError) == null || a.call(l, {
+        status: (t == null ? void 0 : t.status) || 400,
+        message: (t == null ? void 0 : t.message) || "Failed to add files"
+      }), t;
+    }
+    l.autoUpload && B();
+  }, L = (e) => {
+    const n = e.map((a) => H(a));
+    i.value.push(...n);
+  }, N = () => {
+    i.value.forEach((e) => {
+      F(e.id);
+    }), d.value.clear(), i.value = [], u.value = -1;
+  }, M = (e) => {
+    const n = i.value.find((t) => t.id === e);
+    if (n && n.status === "uploading") {
+      m(e, {
+        status: "cancelled"
+      });
+      const t = d.value.get(e);
+      if (!t)
+        return;
+      t.abort(), d.value.delete(e);
+    }
+    const a = i.value.findIndex((t) => t.id === e);
+    a !== -1 && i.value.splice(a, 1);
+  }, q = (e) => {
+    e ? e.forEach((n) => M(n)) : i.value.forEach((n) => M(n.id));
+  }, { files: O, open: j, reset: S } = R({
+    accept: l.accept,
+    multiple: l.multiple || !1
+  }), H = (e) => ({
+    id: T(),
+    ...e,
+    filesizeText: e.filesize ? y(e.filesize) : void 0,
+    status: e.url ? "success" : "pending",
+    progress: {
+      loaded: 0,
+      total: e.filesize || 0,
+      percent: e.url ? 100 : 0,
+      speed: 0,
+      speedText: h(0),
+      remainingTime: 0,
+      uploadTime: 0
+    }
+  });
+  W(O, async (e) => {
+    if (e && e.length > 0) {
+      const n = Array.from(e);
+      S(), await E(n, "file").catch((a) => {
+        console.warn("Failed to add selected files:", a);
+      });
+    }
+  });
+  const J = v(() => i.value.filter((e) => e.status === "success").map((e) => ({
+    url: e.url,
+    filename: e.filename,
+    filesize: e.filesize,
+    filetype: e.filetype
+  })));
+  return {
+    isUploading: w,
+    uploadFiles: i,
+    dataFiles: J,
+    progress: b,
+    open: j,
+    trigger: B,
+    resetFiles: S,
+    clearFiles: N,
+    removeFiles: q,
+    addFiles: E,
+    addDataFiles: L,
+    cancelFiles: G
+  };
+}
+export {
+  ne as useUpload
+};

package/dist/esm/index.js

@@ -1,8 +1,8 @@
 import { createDux as o } from "./main.js";
-import { useCan as u, useCheck as s, useError as p, useForgotPassword as m, useGetAuth as x, useIsLogin as f, useLogin as a, useLogout as n, useRegister as i, useUpdatePassword as d } from "./hooks/auth.js";
-import { useConfig as l } from "./hooks/config.js";
-import { useClient as g, useCreate as v, useCreateMany as I, useCustom as M, useCustomMutation as y, 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 O } from "./hooks/manage.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 i, useRegister as n, useUpdatePassword as d } from "./hooks/auth.js";
+import { useConfig as D } from "./hooks/config.js";
+import { useClient as C, useCreate as g, useCreateMany as I, useCustom as L, useCustomMutation as M, useDelete as c, useDeleteMany as y, useInfiniteList as S, useInvalidate as T, useList as h, useMany as P, useOne as U, useUpdate as A, useUpdateMany as R } from "./hooks/data.js";
+import { useManage as E } from "./hooks/manage.js";
 import { useMenu as b } from "./hooks/menu.js";
 import { useTheme as k } from "./hooks/theme.js";
 import { useOverlay as V } from "./hooks/overlay.js";
@@ -13,48 +13,53 @@ import { useExport as N } from "./hooks/export.js";
 import { useImport as W } from "./hooks/import.js";
 import { useExportCsv as Y } from "./hooks/exportCsv.js";
 import { useImportCsv as _ } from "./hooks/importCsv.js";
-import { initRouter as ee } from "./router/route.js";
-import { useAuthStore as oe } from "./stores/auth.js";
-import { useRouteStore as ue } from "./stores/route.js";
-import { useTabStore as pe } from "./stores/tab.js";
-import { useManageStore as xe } from "./stores/manage.js";
-import { useI18nStore as ae } from "./stores/i18n.js";
-import { DuxLogo as ie } from "./components/common/logo.js";
-import { default as Ce } from "./components/loader/iframe.js";
-import { DuxOverlay as De } from "./components/overlay/overlay.js";
-import { DuxCan as ve } from "./components/auth/can.js";
-import { arrayToTree as Me, searchTree as ye, treeToArr as Le } from "./utils/tree.js";
-import { DuxAppProvider as he } from "./provider/app.js";
-import { DuxTabRouterView as Se } from "./provider/tab.js";
-import { simpleAuthProvider as ce } from "./preset/authProvider.js";
-import { simpleDataProvider as we } from "./preset/dataProvider.js";
-import { i18nProvider as Oe } from "./preset/i18nProvider.js";
+import { useUpload as ee } from "./hooks/upload.js";
+import { createLocalUploadDriver as oe } from "./hooks/upload/local.js";
+import { createS3UploadDriver as ue } from "./hooks/upload/s3.js";
+import { initRouter as pe } from "./router/route.js";
+import { useAuthStore as xe } from "./stores/auth.js";
+import { useRouteStore as fe } from "./stores/route.js";
+import { useTabStore as ne } from "./stores/tab.js";
+import { useManageStore as le } from "./stores/manage.js";
+import { useI18nStore as ve } from "./stores/i18n.js";
+import { DuxLogo as ge } from "./components/common/logo.js";
+import { default as Le } from "./components/loader/iframe.js";
+import { DuxOverlay as ce } from "./components/overlay/overlay.js";
+import { DuxCan as Se } from "./components/auth/can.js";
+import { arrayToTree as he, searchTree as Pe, treeToArr as Ue } from "./utils/tree.js";
+import { DuxAppProvider as Re } from "./provider/app.js";
+import { DuxTabRouterView as Ee } from "./provider/tab.js";
+import { simpleAuthProvider as be } from "./preset/authProvider.js";
+import { simpleDataProvider as ke } from "./preset/dataProvider.js";
+import { i18nProvider as Ve } from "./preset/i18nProvider.js";
 export {
-  he as DuxAppProvider,
-  ve as DuxCan,
-  Ce as DuxLoaderIframe,
-  ie as DuxLogo,
-  De as DuxOverlay,
-  Se as DuxTabRouterView,
-  Me as arrayToTree,
+  Re as DuxAppProvider,
+  Se as DuxCan,
+  Le as DuxLoaderIframe,
+  ge as DuxLogo,
+  ce as DuxOverlay,
+  Ee as DuxTabRouterView,
+  he as arrayToTree,
   o as createDux,
-  Oe as i18nProvider,
-  ee as initRouter,
-  ye as searchTree,
-  ce as simpleAuthProvider,
-  we as simpleDataProvider,
-  Le as treeToArr,
-  oe as useAuthStore,
+  oe as createLocalUploadDriver,
+  ue as createS3UploadDriver,
+  Ve as i18nProvider,
+  pe as initRouter,
+  Pe as searchTree,
+  be as simpleAuthProvider,
+  ke as simpleDataProvider,
+  Ue as treeToArr,
+  xe as useAuthStore,
   u as useCan,
   s as useCheck,
-  g as useClient,
-  l as useConfig,
-  v as useCreate,
+  C as useClient,
+  D as useConfig,
+  g as useCreate,
   I as useCreateMany,
-  M as useCustom,
-  y as useCustomMutation,
-  L as useDelete,
-  T as useDeleteMany,
+  L as useCustom,
+  M as useCustomMutation,
+  c as useDelete,
+  y as useDeleteMany,
   p as useError,
   N as useExport,
   Y as useExportCsv,
@@ -62,27 +67,28 @@ export {
   J as useForm,
   x as useGetAuth,
   q as useI18n,
-  ae as useI18nStore,
+  ve as useI18nStore,
   W as useImport,
   _ as useImportCsv,
-  h as useInfiniteList,
-  P as useInvalidate,
-  f as useIsLogin,
-  S as useList,
-  a as useLogin,
-  n as useLogout,
-  O as useManage,
-  xe as useManageStore,
-  A as useMany,
+  S as useInfiniteList,
+  T as useInvalidate,
+  a as useIsLogin,
+  h as useList,
+  f as useLogin,
+  i as useLogout,
+  E as useManage,
+  le as useManageStore,
+  P as useMany,
   b as useMenu,
-  c as useOne,
+  U as useOne,
   V as useOverlay,
-  i as useRegister,
-  ue as useRouteStore,
+  n as useRegister,
+  fe as useRouteStore,
   B as useSelect,
-  pe as useTabStore,
+  ne as useTabStore,
   k as useTheme,
-  R as useUpdate,
-  w as useUpdateMany,
-  d as useUpdatePassword
+  A as useUpdate,
+  R as useUpdateMany,
+  d as useUpdatePassword,
+  ee as useUpload
 };

package/dist/esm/preset/dataProvider.js

@@ -1,99 +1,99 @@
-import n from "axios";
-import { trimStart as m } from "lodash-es";
-function g(c) {
-  const r = (a) => a ? `${c.apiUrl}/${m(a || "", "/")}` : c.apiUrl;
+import k from "axios";
+import { trimStart as u } from "lodash-es";
+function w(c) {
+  const r = (a) => a ? `${c.apiUrl}/${u(a || "", "/")}` : c.apiUrl;
   return {
     apiUrl: r,
-    getList: (a, l, t) => {
+    getList: (a, d, l) => {
       const e = {};
-      return a.pagination && typeof a.pagination == "object" && (e.page = a.pagination.page, e.pageSize = a.pagination.pageSize), n.get(r(a.path) || "", {
+      return a.pagination && typeof a.pagination == "object" && (e.page = a.pagination.page, e.pageSize = a.pagination.pageSize), k.get(r(a.path) || "", {
         params: {
           ...e,
           ...a.filters,
           ...a.sorters
         },
         headers: {
-          Authorization: t == null ? void 0 : t.token
+          Authorization: l == null ? void 0 : l.token
         },
         ...a.meta
-      }).then((d) => c.successCallback ? c.successCallback(d) : k(d)).catch((d) => {
-        throw c.errorCallback ? c.errorCallback(d) : b(d);
+      }).then((t) => c.successCallback ? c.successCallback(t) : n(t)).catch((t) => {
+        throw c.errorCallback ? c.errorCallback(t) : b(t);
       });
     },
-    create: (a, l, t) => n.post(r(a.path) || "", a.data, {
+    create: (a, d, l) => k.post(r(a.path) || "", a.data, {
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    update: (a, l, t) => n.put(r(a.id ? `${a.path}/${a.id}` : a.path) || "", a.data, {
+    update: (a, d, l) => k.put(r(a.id ? `${a.path}/${a.id}` : a.path) || "", a.data, {
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    deleteOne: (a, l, t) => n.delete(r(a.id ? `${a.path}/${a.id}` : a.path) || "", {
+    deleteOne: (a, d, l) => k.delete(r(a.id ? `${a.path}/${a.id}` : a.path) || "", {
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    getOne: (a, l, t) => n.get(r(a.id ? `${a.path}/${a.id}` : a.path) || "", {
+    getOne: (a, d, l) => k.get(r(a.id ? `${a.path}/${a.id}` : a.path) || "", {
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    getMany: (a, l, t) => n.get(r(a.path) || "", {
+    getMany: (a, d, l) => k.get(r(a.path) || "", {
       params: {
         ids: a.ids
       },
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    createMany: (a, l, t) => n.post(r(a.path) || "", a.data, {
+    createMany: (a, d, l) => k.post(r(a.path) || "", a.data, {
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    updateMany: (a, l, t) => n.put(r(a.path) || "", {
+    updateMany: (a, d, l) => k.put(r(a.path) || "", {
       ids: a.ids,
       data: a.data
     }, {
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    deleteMany: (a, l, t) => n.delete(r(a.path) || "", {
+    deleteMany: (a, d, l) => k.delete(r(a.path) || "", {
       params: {
         ids: a.ids
       },
       headers: {
-        Authorization: t == null ? void 0 : t.token
+        Authorization: l == null ? void 0 : l.token
       },
       ...a.meta
-    }).then((e) => c.successCallback ? c.successCallback(e) : k(e)).catch((e) => {
+    }).then((e) => c.successCallback ? c.successCallback(e) : n(e)).catch((e) => {
       throw c.errorCallback ? c.errorCallback(e) : b(e);
     }),
-    custom: (a, l, t) => {
+    custom: (a, d, l) => {
       let e = {
         ...a.query
       };
@@ -103,41 +103,60 @@ function g(c) {
       }), a.filters && typeof a.filters == "object" && (e = {
         ...e,
         ...a.filters
-      }), n.request({
+      }), k.request({
         url: r(a.path || ""),
         method: a.method || "GET",
         data: a.payload,
         params: e,
+        signal: a.signal,
         headers: {
-          Authorization: t == null ? void 0 : t.token,
+          Authorization: l == null ? void 0 : l.token,
           ...a.headers
         },
+        onUploadProgress: (t) => {
+          var m;
+          const C = Math.round(t.loaded * 100 / (t.total || 1));
+          (m = a.onUploadProgress) == null || m.call(a, {
+            loaded: t.loaded,
+            total: t.total,
+            percent: C
+          });
+        },
+        onDownloadProgress: (t) => {
+          var m;
+          const C = Math.round(t.loaded * 100 / (t.total || 1));
+          (m = a.onDownloadProgress) == null || m.call(a, {
+            loaded: t.loaded,
+            total: t.total,
+            percent: C
+          });
+        },
         ...a.meta
-      }).then((d) => c.successCallback ? c.successCallback(d) : k(d)).catch((d) => {
-        throw c.errorCallback ? c.errorCallback(d) : b(d);
+      }).then((t) => c.successCallback ? c.successCallback(t) : n(t)).catch((t) => {
+        throw c.errorCallback ? c.errorCallback(t) : b(t);
       });
     }
   };
 }
-function k(c) {
-  var r, a, l;
+function n(c) {
+  var r, a, d;
   return {
     message: (r = c.data) == null ? void 0 : r.message,
     data: (a = c.data) == null ? void 0 : a.data,
-    meta: (l = c.data) == null ? void 0 : l.meta,
+    meta: (d = c.data) == null ? void 0 : d.meta,
     raw: c.data
   };
 }
 function b(c) {
-  var r, a, l, t;
+  var r, a, d, l, e, t, C, m, g, h;
   return {
-    message: ((r = c.response.data) == null ? void 0 : r.message) || c.message,
-    data: (a = c.response.data) == null ? void 0 : a.data,
-    meta: (l = c.response.data) == null ? void 0 : l.meta,
-    status: ((t = c.response.data) == null ? void 0 : t.code) || c.response.status || 500,
-    raw: c.response.data
+    message: ((a = (r = c.response) == null ? void 0 : r.data) == null ? void 0 : a.message) || (c == null ? void 0 : c.message),
+    data: (l = (d = c.response) == null ? void 0 : d.data) == null ? void 0 : l.data,
+    meta: (t = (e = c.response) == null ? void 0 : e.data) == null ? void 0 : t.meta,
+    status: ((m = (C = c.response) == null ? void 0 : C.data) == null ? void 0 : m.code) || ((g = c.response) == null ? void 0 : g.status) || 500,
+    raw: (h = c.response) == null ? void 0 : h.data
   };
 }
 export {
-  g as simpleDataProvider
+  w as simpleDataProvider
 };

package/dist/esm/provider/app.js

@@ -14,7 +14,8 @@ import { useI18nStore as W } from "../stores/i18n.js";
 import "@vueuse/core";
 import "clsx";
 import "json-2-csv";
-const de = /* @__PURE__ */ O({
+import "axios";
+const le = /* @__PURE__ */ O({
   name: "DuxAppProvider",
   props: {},
   setup(X, {
@@ -143,5 +144,5 @@ const de = /* @__PURE__ */ O({
   }
 });
 export {
-  de as DuxAppProvider
+  le as DuxAppProvider
 };

package/dist/types/hooks/data.d.ts

@@ -1579,7 +1579,7 @@ interface IClientParams extends IDataProviderCustomOptions {
  * Custom request client
  */
 export declare function useClient(): {
-    request: (params: IClientParams) => any;
+    request: (params: IClientParams) => Promise<IDataProviderResponse>;
 };
 export declare function useInvalidate(): {
     invalidate: (path: string, providerName?: string) => void;

package/dist/types/hooks/index.d.ts

@@ -12,3 +12,5 @@ export * from './export';
 export * from './import';
 export * from './exportCsv';
 export * from './importCsv';
+export * from './upload';
+export * from './upload/index';

package/dist/types/hooks/theme.d.ts

@@ -1,9 +1,5 @@
 import type { UseColorModeOptions } from '@vueuse/core';
 import type { ITheme } from '../types';
-export interface RippleOptions {
-    duration?: number;
-    easing?: string;
-}
 export declare function useTheme(options?: UseColorModeOptions): {
     toggle: (n?: number) => "light" | "dark" | "auto";
     mode: import("vue").ShallowRef<"light" | "dark" | "auto">;

package/dist/types/hooks/upload/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './local';
+export * from './s3';

package/dist/types/hooks/upload/local.d.ts

@@ -0,0 +1,2 @@
+import type { IUploadDriver } from './types';
+export declare const createLocalUploadDriver: () => IUploadDriver;

package/dist/types/hooks/upload/s3.d.ts

@@ -0,0 +1,12 @@
+import type { IDataProviderResponse } from '../../types';
+import type { IUploadDriver } from './types';
+export interface IS3SignData {
+    uploadUrl: string;
+    url: string;
+    params?: Record<string, string>;
+}
+export declare function createS3UploadDriver(config: {
+    signPath: string;
+    signCallback?: (response: IDataProviderResponse) => IS3SignData;
+    [key: string]: any;
+}): IUploadDriver;

package/dist/types/hooks/upload/types.d.ts

@@ -0,0 +1,14 @@
+import type { IDataProviderCustomOptions, IDataProviderResponse } from '../../types';
+export interface IUploadDriver {
+    upload(file: File, options: IUploadDriverOptions): Promise<IDataProviderResponse>;
+}
+export interface IUploadDriverOptions extends Omit<IDataProviderCustomOptions, 'onUploadProgress' | 'onDownloadProgress'> {
+    method?: 'POST' | 'PUT';
+    signal?: AbortSignal;
+    onUploadProgress?: (progressData: {
+        loaded: number;
+        total?: number;
+        percent?: number;
+    }) => void;
+    params?: Record<string, string>;
+}

package/dist/types/hooks/upload.d.ts

@@ -0,0 +1,141 @@
+import type { UseMutationOptions } from '@tanstack/vue-query';
+import type { IDataProviderCustomOptions, IDataProviderError, IDataProviderResponse } from '../types';
+import type { IUploadDriver } from './upload/types';
+export interface IUseUploadProps extends Omit<IDataProviderCustomOptions, 'onUploadProgress' | 'onDownloadProgress'> {
+    method?: 'POST' | 'PUT';
+    maxFileSize?: number;
+    maxFileCount?: number;
+    accept?: string;
+    multiple?: boolean;
+    autoUpload?: boolean;
+    driver?: IUploadDriver;
+    options?: UseMutationOptions<IDataProviderResponse, IDataProviderError, IDataProviderCustomOptions>;
+    onSuccess?: (data: IDataProviderResponse) => void;
+    onError?: (error: IDataProviderError) => void;
+    onDataCallback?: (data: IDataProviderResponse, file: IUseUploadFile) => Partial<IUseUploadFileData>;
+    onProgress?: (progress: IOverallProgress) => void;
+    onCancel?: (id: string) => void;
+    onComplete?: (data: IUseUploadFile[]) => void;
+}
+export type IUseUploadType = 'file' | 'blob' | 'base64' | 'arrayBuffer';
+export type IUseUploadPayload = File | Blob | string | ArrayBuffer;
+export interface IUseUploadFileData {
+    url?: string;
+    filename?: string;
+    filesize?: number;
+    filetype?: string;
+}
+export interface IUseUploadFile extends IUseUploadFileData {
+    id: string;
+    progress?: IUploadProgress;
+    file?: File;
+    filesizeText?: string;
+    status?: 'pending' | 'uploading' | 'success' | 'error' | 'cancelled';
+    error?: string;
+    data?: IDataProviderResponse;
+}
+export interface IUploadProgress {
+    loaded: number;
+    total?: number;
+    percent?: number;
+    speed?: number;
+    speedText?: string;
+    uploadTime?: number;
+    remainingTime?: number;
+}
+export interface IOverallProgress {
+    index: number;
+    totalFiles: number;
+    currentFile?: IUseUploadFile;
+    totalPercent: number;
+    totalLoaded: number;
+    totalSize: number;
+}
+export declare function useUpload(props: IUseUploadProps): {
+    isUploading: import("vue").Ref<boolean, boolean>;
+    uploadFiles: import("vue").Ref<{
+        id: string;
+        progress?: {
+            loaded: number;
+            total?: number | undefined;
+            percent?: number | undefined;
+            speed?: number | undefined;
+            speedText?: string | undefined;
+            uploadTime?: number | undefined;
+            remainingTime?: number | undefined;
+        } | undefined;
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        } | undefined;
+        filesizeText?: string | undefined;
+        status?: "pending" | "uploading" | "success" | "error" | "cancelled" | undefined;
+        error?: string | undefined;
+        data?: {
+            [x: string]: any;
+            message?: string | undefined;
+            data?: any;
+            meta?: Record<string, any> | undefined;
+            raw?: any;
+        } | undefined;
+        url?: string | undefined;
+        filename?: string | undefined;
+        filesize?: number | undefined;
+        filetype?: string | undefined;
+    }[], IUseUploadFile[] | {
+        id: string;
+        progress?: {
+            loaded: number;
+            total?: number | undefined;
+            percent?: number | undefined;
+            speed?: number | undefined;
+            speedText?: string | undefined;
+            uploadTime?: number | undefined;
+            remainingTime?: number | undefined;
+        } | undefined;
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        } | undefined;
+        filesizeText?: string | undefined;
+        status?: "pending" | "uploading" | "success" | "error" | "cancelled" | undefined;
+        error?: string | undefined;
+        data?: {
+            [x: string]: any;
+            message?: string | undefined;
+            data?: any;
+            meta?: Record<string, any> | undefined;
+            raw?: any;
+        } | undefined;
+        url?: string | undefined;
+        filename?: string | undefined;
+        filesize?: number | undefined;
+        filetype?: string | undefined;
+    }[]>;
+    dataFiles: import("vue").ComputedRef<IUseUploadFileData[]>;
+    progress: import("vue").ComputedRef<IOverallProgress>;
+    open: (localOptions?: Partial<import("@vueuse/core").UseFileDialogOptions>) => void;
+    trigger: () => Promise<void>;
+    resetFiles: () => void;
+    clearFiles: () => void;
+    removeFiles: (ids?: string[]) => void;
+    addFiles: (files: IUseUploadPayload[], type?: IUseUploadType) => Promise<void>;
+    addDataFiles: (dataFiles: IUseUploadFileData[]) => void;
+    cancelFiles: (ids?: string[]) => void;
+};

package/dist/types/types/data.d.ts

@@ -82,6 +82,11 @@ export interface IDataProviderDeleteOptions {
     meta?: Record<string, any>;
     id: string | number;
 }
+export interface IDataProviderProgress {
+    loaded: number;
+    total?: number;
+    percent?: number;
+}
 export interface IDataProviderCustomOptions {
     path?: string;
     method?: string;
@@ -91,4 +96,7 @@ export interface IDataProviderCustomOptions {
     headers?: Record<string, string>;
     meta?: Record<string, any>;
     payload?: any;
+    signal?: AbortSignal;
+    onUploadProgress?: (progress: IDataProviderProgress) => void;
+    onDownloadProgress?: (progress: IDataProviderProgress) => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-core",
   "type": "module",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "author": "DuxWeb",
   "license": "MIT",
   "repository": {