@pawover/kit 0.5.1 → 0.7.0

package/packages/hooks/dist/alova.cjs

@@ -1,53 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let alova_client = require("alova/client");
-//#region src/alova/createBeforeRequestMiddleware.ts
-function createBeforeRequestMiddleware(middleware, onBeforeRequest) {
-	return async (context, next) => {
-		onBeforeRequest?.(context);
-		if (middleware) return middleware(context, next);
-		return next();
-	};
-}
-//#endregion
-//#region src/alova/useAlovaPagination.ts
-function useAlovaPagination(methodHandler, hookOptions) {
-	const options = {
-		...hookOptions,
-		immediate: hookOptions?.immediate ?? true
-	};
-	if (options.onBeforeRequest) options.middleware = createBeforeRequestMiddleware(options.middleware, options.onBeforeRequest);
-	const exposure = (0, alova_client.usePagination)(methodHandler, options);
-	if (options.onSuccess) exposure.onSuccess(options.onSuccess);
-	if (options.onError) exposure.onError(options.onError);
-	if (options.onComplete) exposure.onComplete(options.onComplete);
-	return exposure;
-}
-//#endregion
-//#region src/alova/useAlovaRequest.ts
-function useAlovaRequest(methodHandler, hookOptions) {
-	const options = {
-		...hookOptions,
-		immediate: hookOptions?.immediate ?? true
-	};
-	if (options.onBeforeRequest) options.middleware = createBeforeRequestMiddleware(options.middleware, options.onBeforeRequest);
-	const exposure = (0, alova_client.useRequest)(methodHandler, options);
-	if (options.onSuccess) exposure.onSuccess(options.onSuccess);
-	if (options.onError) exposure.onError(options.onError);
-	if (options.onComplete) exposure.onComplete(options.onComplete);
-	return exposure;
-}
-//#endregion
-//#region src/alova/useAlovaWatcher.ts
-function useAlovaWatcher(methodHandler, watchingStates, hookOptions = {}) {
-	const options = { ...hookOptions };
-	if (options.onBeforeRequest) options.middleware = createBeforeRequestMiddleware(options.middleware, options.onBeforeRequest);
-	const exposure = (0, alova_client.useWatcher)(methodHandler, watchingStates, options);
-	if (options.onSuccess) exposure.onSuccess(options.onSuccess);
-	if (options.onError) exposure.onError(options.onError);
-	if (options.onComplete) exposure.onComplete(options.onComplete);
-	return exposure;
-}
-//#endregion
-exports.useAlovaPagination = useAlovaPagination;
-exports.useAlovaRequest = useAlovaRequest;
-exports.useAlovaWatcher = useAlovaWatcher;

package/packages/hooks/dist/alova.d.cts

@@ -1 +0,0 @@
-export type * from './alova.d.ts'

package/packages/hooks/dist/alova.d.ts

@@ -1,33 +0,0 @@
-import { AlovaFrontMiddlewareContext, AlovaMethodHandler, CompleteHandler, ErrorHandler, PaginationHookConfig, RequestHookConfig, SuccessHandler, WatcherHookConfig } from "alova/client";
-import { AlovaGenerics, Method } from "alova";
-//#region src/alova/useAlovaPagination.d.ts
-interface HookOptions$2<AG extends AlovaGenerics, L extends any[], Args extends any[]> extends PaginationHookConfig<AG, L> {
-  onBeforeRequest?: BeforeRequestHandler<AG, any[]> | undefined;
-  onSuccess?: SuccessHandler<AG, Args> | undefined;
-  onError?: ErrorHandler<AG, Args> | undefined;
-  onComplete?: CompleteHandler<AG, Args> | undefined;
-}
-declare function useAlovaPagination<AG extends AlovaGenerics, L extends any[], Args extends any[]>(methodHandler: (page: number, pageSize: number, ...args: Args) => Method<AG>, hookOptions?: HookOptions$2<AG, L, Args> | undefined): import("alova/client").UsePaginationExposure<AG, L, Args>;
-//#endregion
-//#region src/alova/useAlovaRequest.d.ts
-interface HookOptions$1<AG extends AlovaGenerics, Args extends any[]> extends RequestHookConfig<AG, Args> {
-  onBeforeRequest?: BeforeRequestHandler<AG, Args> | undefined;
-  onSuccess?: SuccessHandler<AG, Args> | undefined;
-  onError?: ErrorHandler<AG, Args> | undefined;
-  onComplete?: CompleteHandler<AG, Args> | undefined;
-}
-declare function useAlovaRequest<AG extends AlovaGenerics, Args extends any[] = any[]>(methodHandler: Method<AG> | AlovaMethodHandler<AG, Args>, hookOptions?: HookOptions$1<AG, Args> | undefined): import("alova/client").UseHookExposure<AG, Args, unknown>;
-//#endregion
-//#region src/alova/useAlovaWatcher.d.ts
-interface HookOptions<AG extends AlovaGenerics, Args extends any[]> extends WatcherHookConfig<AG, Args> {
-  onBeforeRequest?: BeforeRequestHandler<AG, Args> | undefined;
-  onSuccess?: SuccessHandler<AG, Args> | undefined;
-  onError?: ErrorHandler<AG, Args> | undefined;
-  onComplete?: CompleteHandler<AG, Args> | undefined;
-}
-declare function useAlovaWatcher<AG extends AlovaGenerics, Args extends any[] = any[]>(methodHandler: Method<AG> | AlovaMethodHandler<AG, Args>, watchingStates: AG["StatesExport"]["Watched"][], hookOptions?: HookOptions<AG, Args>): import("alova/client").UseHookExposure<AG, Args, unknown>;
-//#endregion
-//#region src/alova/index.d.ts
-type BeforeRequestHandler<AG extends AlovaGenerics, Args extends any[] = any[]> = (context: AlovaFrontMiddlewareContext<AG, Args>) => void;
-//#endregion
-export { BeforeRequestHandler, useAlovaPagination, useAlovaRequest, useAlovaWatcher };

package/packages/hooks/dist/alova.js

@@ -1,50 +0,0 @@
-import { usePagination, useRequest, useWatcher } from "alova/client";
-//#region src/alova/createBeforeRequestMiddleware.ts
-function createBeforeRequestMiddleware(middleware, onBeforeRequest) {
-	return async (context, next) => {
-		onBeforeRequest?.(context);
-		if (middleware) return middleware(context, next);
-		return next();
-	};
-}
-//#endregion
-//#region src/alova/useAlovaPagination.ts
-function useAlovaPagination(methodHandler, hookOptions) {
-	const options = {
-		...hookOptions,
-		immediate: hookOptions?.immediate ?? true
-	};
-	if (options.onBeforeRequest) options.middleware = createBeforeRequestMiddleware(options.middleware, options.onBeforeRequest);
-	const exposure = usePagination(methodHandler, options);
-	if (options.onSuccess) exposure.onSuccess(options.onSuccess);
-	if (options.onError) exposure.onError(options.onError);
-	if (options.onComplete) exposure.onComplete(options.onComplete);
-	return exposure;
-}
-//#endregion
-//#region src/alova/useAlovaRequest.ts
-function useAlovaRequest(methodHandler, hookOptions) {
-	const options = {
-		...hookOptions,
-		immediate: hookOptions?.immediate ?? true
-	};
-	if (options.onBeforeRequest) options.middleware = createBeforeRequestMiddleware(options.middleware, options.onBeforeRequest);
-	const exposure = useRequest(methodHandler, options);
-	if (options.onSuccess) exposure.onSuccess(options.onSuccess);
-	if (options.onError) exposure.onError(options.onError);
-	if (options.onComplete) exposure.onComplete(options.onComplete);
-	return exposure;
-}
-//#endregion
-//#region src/alova/useAlovaWatcher.ts
-function useAlovaWatcher(methodHandler, watchingStates, hookOptions = {}) {
-	const options = { ...hookOptions };
-	if (options.onBeforeRequest) options.middleware = createBeforeRequestMiddleware(options.middleware, options.onBeforeRequest);
-	const exposure = useWatcher(methodHandler, watchingStates, options);
-	if (options.onSuccess) exposure.onSuccess(options.onSuccess);
-	if (options.onError) exposure.onError(options.onError);
-	if (options.onComplete) exposure.onComplete(options.onComplete);
-	return exposure;
-}
-//#endregion
-export { useAlovaPagination, useAlovaRequest, useAlovaWatcher };

package/packages/hooks/dist/index.d.cts

@@ -1 +0,0 @@
-export type * from './index.d.ts'

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

@@ -1 +0,0 @@
-export {}

package/packages/hooks/dist/react.cjs

@@ -1,169 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let react = require("react");
-let _pawover_kit_utils = require("@pawover/kit-utils");
-let es_toolkit = require("es-toolkit");
-//#region src/react/useLatest.ts
-/**
-* 返回当前最新值的 Hook
-*
-* @param value
-*/
-function useLatest(value) {
-	const ref = (0, react.useRef)(value);
-	ref.current = value;
-	return ref;
-}
-//#endregion
-//#region src/react/useMount.ts
-/**
-* 在组件初始化时执行的 Hook
-* - 即使在严格模式（React StrictMode）也只执行一次
-* - 自动使用最新版 effect 函数
-*
-* @param effect 副作用函数（必须为同步函数；若为异步函数，清理逻辑需自行处理）
-* @example
-* useMount(() => {
-*   console.log('组件挂载');
-*   return () => console.log('组件卸载');
-* });
-*
-* useMount(async () => {
-*   const data = await fetchData();
-*   // 清理逻辑需通过 ref/AbortController 自行管理
-*   // ❌ 不要 return cleanupFn（async 函数返回 Promise，无法作为清理函数）
-* });
-*/
-function useMount(effect) {
-	const isMountedRef = (0, react.useRef)(false);
-	const effectRef = useLatest(effect);
-	(0, react.useEffect)(() => {
-		if (!_pawover_kit_utils.TypeUtil.isFunction(effectRef.current)) {
-			console.error(`hook [useMount] Expected parameter to be a function, but got ${typeof effectRef.current}. This effect will not execute.`);
-			return;
-		}
-		if (isMountedRef.current) return;
-		isMountedRef.current = true;
-		const cleanup = effectRef.current?.();
-		return _pawover_kit_utils.TypeUtil.isFunction(cleanup) && !_pawover_kit_utils.TypeUtil.isPromise(cleanup) ? cleanup : void 0;
-	}, [effectRef]);
-}
-//#endregion
-//#region src/react/useResponsive.ts
-/** 屏幕响应断点 token 配置 */
-const BREAK_POINT_TOKEN = {
-	XS: 480,
-	XSMax: 575,
-	XSMin: 480,
-	SM: 576,
-	SMMax: 767,
-	SMMin: 576,
-	MD: 768,
-	MDMax: 991,
-	MDMin: 768,
-	LG: 992,
-	LGMax: 1199,
-	LGMin: 992,
-	XL: 1200,
-	XLMax: 1599,
-	XLMin: 1200,
-	XXL: 1600,
-	XXLMax: 1919,
-	XXLMin: 1600,
-	XXXL: 1920,
-	XXXLMin: 1920
-};
-const SUBSCRIBER_SET = /* @__PURE__ */ new Set();
-const BREAK_POINTS = [
-	"xxxl",
-	"xxl",
-	"xl",
-	"lg",
-	"md",
-	"sm",
-	"xs"
-];
-const DEFAULT_VALUES = Object.freeze(_pawover_kit_utils.ArrayUtil.zipToObject(BREAK_POINTS, false));
-let responsiveValues = { ...DEFAULT_VALUES };
-let responsiveTokens = (0, es_toolkit.clone)(BREAK_POINT_TOKEN);
-function useResponsive(options) {
-	const { breakPointTokens = {} } = options || {};
-	const tokens = (0, react.useMemo)(() => Object.assign(BREAK_POINT_TOKEN, breakPointTokens), [breakPointTokens]);
-	const [responsive, setResponsive] = (0, react.useState)(() => calculateResponsive(tokens));
-	const current = _pawover_kit_utils.ObjectUtil.keys(DEFAULT_VALUES).find((key) => responsive[key] === true) || "xs";
-	(0, react.useLayoutEffect)(() => {
-		responsiveTokens = tokens;
-		window.addEventListener("resize", resizeListener);
-		const subscriber = () => {
-			setResponsive(responsiveValues);
-		};
-		SUBSCRIBER_SET.add(subscriber);
-		return () => {
-			SUBSCRIBER_SET.delete(subscriber);
-			if (!SUBSCRIBER_SET.size) window.removeEventListener("resize", resizeListener);
-		};
-	}, [tokens]);
-	return {
-		responsive,
-		current,
-		breakPointTokens: tokens
-	};
-}
-function resizeListener() {
-	const newValues = calculateResponsive(responsiveTokens);
-	if (!(0, es_toolkit.isEqual)(responsiveValues, newValues)) {
-		responsiveValues = newValues;
-		for (const subscriber of SUBSCRIBER_SET) subscriber();
-	}
-}
-function calculateResponsive(tokens) {
-	const config = _pawover_kit_utils.ArrayUtil.zipToObject(BREAK_POINTS, BREAK_POINTS.map((t) => tokens[_pawover_kit_utils.StringUtil.toUpperCase(t)]));
-	return _pawover_kit_utils.ObjectUtil.entriesMap(DEFAULT_VALUES, (key) => [key, window.innerWidth >= config[key]]);
-}
-//#endregion
-//#region src/react/useUnmount.ts
-/**
-* 在组件卸载时执行的 Hook
-*
-* @param effect 副作用函数
-*/
-function useUnmount(effect) {
-	const effectRef = useLatest(effect);
-	(0, react.useEffect)(() => () => {
-		if (!_pawover_kit_utils.TypeUtil.isFunction(effectRef.current)) {
-			console.error(`hook [useUnmount] Expected parameter to be a function, but got ${typeof effectRef.current}. This effect will not execute.`);
-			return;
-		}
-		effectRef.current?.();
-	}, [effectRef]);
-}
-//#endregion
-//#region src/react/useTitle.ts
-/**
-* 设置页面标题
-* - 轻量级，适用于无路由库时设置页面标题
-* - 多个 `useTitle` 实例会互相干扰，需在顶层组件使用
-* - 无法处理 `document.title` 固有的竞态问题
-*
-* @param title 页面标题
-* @param options 配置选项
-*/
-function useTitle(title, options) {
-	const titleRef = (0, react.useRef)(_pawover_kit_utils.EnvUtil.isBrowser() ? document.title : "");
-	(0, react.useEffect)(() => {
-		if (!_pawover_kit_utils.TypeUtil.isString(title)) {
-			console.error(`hook [useTitle] Expected parameter to be a string, but got ${typeof title}. This effect will not execute.`);
-			return;
-		}
-		if (_pawover_kit_utils.EnvUtil.isBrowser()) document.title = title;
-	}, [title]);
-	useUnmount(() => {
-		if (_pawover_kit_utils.EnvUtil.isBrowser() && options?.isRestoreOnUnmount) document.title = titleRef.current;
-	});
-}
-//#endregion
-exports.BREAK_POINT_TOKEN = BREAK_POINT_TOKEN;
-exports.useLatest = useLatest;
-exports.useMount = useMount;
-exports.useResponsive = useResponsive;
-exports.useTitle = useTitle;
-exports.useUnmount = useUnmount;

package/packages/hooks/dist/react.d.cts

@@ -1 +0,0 @@
-export type * from './react.d.ts'

package/packages/hooks/dist/react.d.ts

@@ -1,95 +0,0 @@
-import { EffectCallback, RefObject } from "react";
-import { AnyAsyncFunction, AnyFunction } from "@pawover/types";
-import { TupleToUnion } from "type-fest";
-//#region src/react/useLatest.d.ts
-/**
- * 返回当前最新值的 Hook
- *
- * @param value
- */
-declare function useLatest<T>(value: T): RefObject<T>;
-//#endregion
-//#region src/react/useMount.d.ts
-/**
- * 在组件初始化时执行的 Hook
- * - 即使在严格模式（React StrictMode）也只执行一次
- * - 自动使用最新版 effect 函数
- *
- * @param effect 副作用函数（必须为同步函数；若为异步函数，清理逻辑需自行处理）
- * @example
- * useMount(() => {
- *   console.log('组件挂载');
- *   return () => console.log('组件卸载');
- * });
- *
- * useMount(async () => {
- *   const data = await fetchData();
- *   // 清理逻辑需通过 ref/AbortController 自行管理
- *   // ❌ 不要 return cleanupFn（async 函数返回 Promise，无法作为清理函数）
- * });
- */
-declare function useMount(effect: EffectCallback | AnyAsyncFunction): void;
-//#endregion
-//#region src/react/useResponsive.d.ts
-type Breakpoint = TupleToUnion<typeof BREAK_POINTS>;
-type ResponsiveValues = Record<Breakpoint, boolean>;
-type BreakPointTokens = Record<keyof typeof BREAK_POINT_TOKEN, number>;
-/** 屏幕响应断点 token 配置 */
-declare const BREAK_POINT_TOKEN: {
-  readonly XS: 480;
-  readonly XSMax: 575;
-  readonly XSMin: 480;
-  readonly SM: 576;
-  readonly SMMax: 767;
-  readonly SMMin: 576;
-  readonly MD: 768;
-  readonly MDMax: 991;
-  readonly MDMin: 768;
-  readonly LG: 992;
-  readonly LGMax: 1199;
-  readonly LGMin: 992;
-  readonly XL: 1200;
-  readonly XLMax: 1599;
-  readonly XLMin: 1200;
-  readonly XXL: 1600;
-  readonly XXLMax: 1919;
-  readonly XXLMin: 1600;
-  readonly XXXL: 1920;
-  readonly XXXLMin: 1920;
-};
-declare const BREAK_POINTS: readonly ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"];
-interface ResponsiveHookOptions {
-  /** 屏幕响应断点 token 配置 */
-  breakPointTokens?: BreakPointTokens;
-}
-declare function useResponsive(options?: ResponsiveHookOptions | undefined): {
-  responsive: ResponsiveValues;
-  current: "xxxl" | "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
-  breakPointTokens: BreakPointTokens;
-};
-//#endregion
-//#region src/react/useTitle.d.ts
-interface TitleHookOptions {
-  /** 件卸载时是否恢复原始标题 */
-  isRestoreOnUnmount?: boolean;
-}
-/**
- * 设置页面标题
- * - 轻量级，适用于无路由库时设置页面标题
- * - 多个 `useTitle` 实例会互相干扰，需在顶层组件使用
- * - 无法处理 `document.title` 固有的竞态问题
- *
- * @param title 页面标题
- * @param options 配置选项
- */
-declare function useTitle(title: string, options?: TitleHookOptions | undefined): void;
-//#endregion
-//#region src/react/useUnmount.d.ts
-/**
- * 在组件卸载时执行的 Hook
- *
- * @param effect 副作用函数
- */
-declare function useUnmount(effect: AnyFunction): void;
-//#endregion
-export { BREAK_POINT_TOKEN, BreakPointTokens, ResponsiveHookOptions, useLatest, useMount, useResponsive, useTitle, useUnmount };

package/packages/hooks/dist/react.js

@@ -1,163 +0,0 @@
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { ArrayUtil, EnvUtil, ObjectUtil, StringUtil, TypeUtil } from "@pawover/kit-utils";
-import { clone, isEqual } from "es-toolkit";
-//#region src/react/useLatest.ts
-/**
-* 返回当前最新值的 Hook
-*
-* @param value
-*/
-function useLatest(value) {
-	const ref = useRef(value);
-	ref.current = value;
-	return ref;
-}
-//#endregion
-//#region src/react/useMount.ts
-/**
-* 在组件初始化时执行的 Hook
-* - 即使在严格模式（React StrictMode）也只执行一次
-* - 自动使用最新版 effect 函数
-*
-* @param effect 副作用函数（必须为同步函数；若为异步函数，清理逻辑需自行处理）
-* @example
-* useMount(() => {
-*   console.log('组件挂载');
-*   return () => console.log('组件卸载');
-* });
-*
-* useMount(async () => {
-*   const data = await fetchData();
-*   // 清理逻辑需通过 ref/AbortController 自行管理
-*   // ❌ 不要 return cleanupFn（async 函数返回 Promise，无法作为清理函数）
-* });
-*/
-function useMount(effect) {
-	const isMountedRef = useRef(false);
-	const effectRef = useLatest(effect);
-	useEffect(() => {
-		if (!TypeUtil.isFunction(effectRef.current)) {
-			console.error(`hook [useMount] Expected parameter to be a function, but got ${typeof effectRef.current}. This effect will not execute.`);
-			return;
-		}
-		if (isMountedRef.current) return;
-		isMountedRef.current = true;
-		const cleanup = effectRef.current?.();
-		return TypeUtil.isFunction(cleanup) && !TypeUtil.isPromise(cleanup) ? cleanup : void 0;
-	}, [effectRef]);
-}
-//#endregion
-//#region src/react/useResponsive.ts
-/** 屏幕响应断点 token 配置 */
-const BREAK_POINT_TOKEN = {
-	XS: 480,
-	XSMax: 575,
-	XSMin: 480,
-	SM: 576,
-	SMMax: 767,
-	SMMin: 576,
-	MD: 768,
-	MDMax: 991,
-	MDMin: 768,
-	LG: 992,
-	LGMax: 1199,
-	LGMin: 992,
-	XL: 1200,
-	XLMax: 1599,
-	XLMin: 1200,
-	XXL: 1600,
-	XXLMax: 1919,
-	XXLMin: 1600,
-	XXXL: 1920,
-	XXXLMin: 1920
-};
-const SUBSCRIBER_SET = /* @__PURE__ */ new Set();
-const BREAK_POINTS = [
-	"xxxl",
-	"xxl",
-	"xl",
-	"lg",
-	"md",
-	"sm",
-	"xs"
-];
-const DEFAULT_VALUES = Object.freeze(ArrayUtil.zipToObject(BREAK_POINTS, false));
-let responsiveValues = { ...DEFAULT_VALUES };
-let responsiveTokens = clone(BREAK_POINT_TOKEN);
-function useResponsive(options) {
-	const { breakPointTokens = {} } = options || {};
-	const tokens = useMemo(() => Object.assign(BREAK_POINT_TOKEN, breakPointTokens), [breakPointTokens]);
-	const [responsive, setResponsive] = useState(() => calculateResponsive(tokens));
-	const current = ObjectUtil.keys(DEFAULT_VALUES).find((key) => responsive[key] === true) || "xs";
-	useLayoutEffect(() => {
-		responsiveTokens = tokens;
-		window.addEventListener("resize", resizeListener);
-		const subscriber = () => {
-			setResponsive(responsiveValues);
-		};
-		SUBSCRIBER_SET.add(subscriber);
-		return () => {
-			SUBSCRIBER_SET.delete(subscriber);
-			if (!SUBSCRIBER_SET.size) window.removeEventListener("resize", resizeListener);
-		};
-	}, [tokens]);
-	return {
-		responsive,
-		current,
-		breakPointTokens: tokens
-	};
-}
-function resizeListener() {
-	const newValues = calculateResponsive(responsiveTokens);
-	if (!isEqual(responsiveValues, newValues)) {
-		responsiveValues = newValues;
-		for (const subscriber of SUBSCRIBER_SET) subscriber();
-	}
-}
-function calculateResponsive(tokens) {
-	const config = ArrayUtil.zipToObject(BREAK_POINTS, BREAK_POINTS.map((t) => tokens[StringUtil.toUpperCase(t)]));
-	return ObjectUtil.entriesMap(DEFAULT_VALUES, (key) => [key, window.innerWidth >= config[key]]);
-}
-//#endregion
-//#region src/react/useUnmount.ts
-/**
-* 在组件卸载时执行的 Hook
-*
-* @param effect 副作用函数
-*/
-function useUnmount(effect) {
-	const effectRef = useLatest(effect);
-	useEffect(() => () => {
-		if (!TypeUtil.isFunction(effectRef.current)) {
-			console.error(`hook [useUnmount] Expected parameter to be a function, but got ${typeof effectRef.current}. This effect will not execute.`);
-			return;
-		}
-		effectRef.current?.();
-	}, [effectRef]);
-}
-//#endregion
-//#region src/react/useTitle.ts
-/**
-* 设置页面标题
-* - 轻量级，适用于无路由库时设置页面标题
-* - 多个 `useTitle` 实例会互相干扰，需在顶层组件使用
-* - 无法处理 `document.title` 固有的竞态问题
-*
-* @param title 页面标题
-* @param options 配置选项
-*/
-function useTitle(title, options) {
-	const titleRef = useRef(EnvUtil.isBrowser() ? document.title : "");
-	useEffect(() => {
-		if (!TypeUtil.isString(title)) {
-			console.error(`hook [useTitle] Expected parameter to be a string, but got ${typeof title}. This effect will not execute.`);
-			return;
-		}
-		if (EnvUtil.isBrowser()) document.title = title;
-	}, [title]);
-	useUnmount(() => {
-		if (EnvUtil.isBrowser() && options?.isRestoreOnUnmount) document.title = titleRef.current;
-	});
-}
-//#endregion
-export { BREAK_POINT_TOKEN, useLatest, useMount, useResponsive, useTitle, useUnmount };