@astrolimit/vue3-web-hooks 25.11.1 → 25.12.14

package/dist/index.d.ts

@@ -33,7 +33,7 @@ declare const useDivSize: (target?: Ref<HTMLDivElement | undefined> | HTMLDivEle
  * @returns
  */
 declare const useDrawerWidth: (percentage?: number, minWidth?: number) => {
-  drawerWidth: vue0.ComputedRef<number | undefined>;
+  drawerWidth: vue0.ComputedRef<number>;
 };
 //#endregion
 //#region src/hooks/useMitt.d.ts
@@ -41,8 +41,8 @@ type AnyRecord$1 = Record<string, any>;
 type R<T extends AnyRecord$1> = ReturnType<typeof mitt<T>> & {
   stop(key: keyof T): void;
   pause(key: keyof T): void;
-  subscribe<P$1 extends keyof T>(key: P$1, cb: (data: T[P$1]) => void): void;
-  once<P$1 extends keyof T>(key: P$1, cb: (data: T[P$1]) => void): void;
+  subscribe<P extends keyof T>(key: P, cb: (data: T[P]) => void): void;
+  once<P extends keyof T>(key: P, cb: (data: T[P]) => void): void;
 };
 /**
  * 在父祖组件中使用
@@ -78,6 +78,23 @@ declare const useNow: (immediate?: boolean) => {
   meridiem: vue0.Ref<string, string>;
 };
 //#endregion
+//#region src/hooks/usePageSize.d.ts
+/**
+ * @example
+ * const pagita = usePageSize()
+ * @returns
+ */
+declare const usePageSize: () => {
+  total: vue0.WritableComputedRef<number, number>;
+  page: vue0.WritableComputedRef<number, number>;
+  pageNo: vue0.WritableComputedRef<number, number>;
+  limit: vue0.WritableComputedRef<number, number>;
+  pageSize: vue0.WritableComputedRef<number, number>;
+  pending: vue0.WritableComputedRef<boolean, boolean>;
+  loading: vue0.WritableComputedRef<boolean, boolean>;
+  resetPageAndFetch(fn: () => Promise<void>): Promise<void>;
+};
+//#endregion
 //#region src/hooks/useStyleSheetLink.d.ts
 /**
  * 基于vue3组合式api的样式注入（动态创建link标签）
@@ -187,4 +204,4 @@ type ExtractComponentProps<C> = C extends (new (...args: any[]) => {
  */
 type IVueProps<T> = Partial<ExtractComponentProps<T>>;
 //#endregion
-export { type ExtractFirstParam, type IVueComponent, type IVueProps, useDivSize, useDrawerWidth, useInjectMitt, useNetwork, useNewMitt, useNow, useSortable, useStyleSheetLink, useViewRefresh, useVueInterval, useWatermark };
+export { type ExtractFirstParam, type IVueComponent, type IVueProps, useDivSize, useDrawerWidth, useInjectMitt, useNetwork, useNewMitt, useNow, usePageSize, useSortable, useStyleSheetLink, useViewRefresh, useVueInterval, useWatermark };

package/dist/index.js

@@ -2,7 +2,7 @@ import _, { cloneDeep } from "lodash";
 import { computed, createElementVNode, defineComponent, inject, isRef, nextTick, onBeforeUnmount, onMounted, onUnmounted, provide, reactive, ref, toRefs, unref, watch } from "vue";
 import { tryOnMounted, tryOnUnmounted, useDebounceFn, useWindowSize } from "@vueuse/core";
 import mitt from "mitt";
-import { get, isInteger, isNil } from "lodash-es";
+import { get, isInteger, isNil, toSafeInteger } from "lodash-es";
 import dayjs from "dayjs";
 import Sortable from "sortablejs";
 
@@ -227,6 +227,69 @@ const useNow = (immediate = true) => {
 	};
 };
 
+//#endregion
+//#region src/hooks/usePageSize.ts
+/**
+* @example
+* const pagita = usePageSize()
+* @returns
+*/
+const usePageSize = () => {
+	const _data = reactive({
+		pending: false,
+		total: 0,
+		page: 1,
+		limit: 10
+	});
+	const total = computed({
+		get() {
+			return _data.total;
+		},
+		set(val) {
+			_data.total = toSafeInteger(val);
+		}
+	});
+	const page = computed({
+		get() {
+			return _data.page;
+		},
+		set(val) {
+			_data.page = toSafeInteger(val);
+		}
+	});
+	const limit = computed({
+		get() {
+			return _data.limit;
+		},
+		set(val) {
+			_data.limit = toSafeInteger(val);
+		}
+	});
+	const pending = computed({
+		get() {
+			return _data.pending;
+		},
+		set(val) {
+			_data.pending = val ? true : false;
+		}
+	});
+	return {
+		total,
+		page,
+		pageNo: page,
+		limit,
+		pageSize: limit,
+		pending,
+		loading: pending,
+		async resetPageAndFetch(fn) {
+			_data.pending = true;
+			_data.page = 1;
+			await fn();
+			_data.pending = false;
+		}
+	};
+};
+
 //#endregion
 //#region src/hooks/useStyleSheetLink.ts
 /**
@@ -468,4 +531,4 @@ function useWatermark(opts) {
 }
 
 //#endregion
-export { useDivSize, useDrawerWidth, useInjectMitt, useNetwork, useNewMitt, useNow, useSortable, useStyleSheetLink, useViewRefresh, useVueInterval, useWatermark };
+export { useDivSize, useDrawerWidth, useInjectMitt, useNetwork, useNewMitt, useNow, usePageSize, useSortable, useStyleSheetLink, useViewRefresh, useVueInterval, useWatermark };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astrolimit/vue3-web-hooks",
-  "version": "25.11.001",
+  "version": "25.12.014",
   "description": "A starter for creating a Vue component library.",
   "type": "module",
   "license": "SFR",