@mi-avalon/libs 0.0.7 → 0.0.8

package/src/components/ThemeContext/index.ts

@@ -1,20 +0,0 @@
-import { theme, ThemeConfig } from 'antd';
-import { createContext, useContext } from 'react';
-
-interface ThemeContextType {
-	theme?: ThemeConfig;
-}
-
-const ThemeContext = createContext<ThemeContextType>({
-	theme: {
-		cssVar: true,
-		algorithm: [theme.defaultAlgorithm],
-	},
-});
-export const MiThemeProvider = ThemeContext.Provider;
-
-export function useMiThemeConfig() {
-	return useContext(ThemeContext);
-}
-
-export * from './CompThemeProvider';

package/src/components/index.ts

@@ -1,9 +0,0 @@
-export { default as ItemRow } from './ItemsRow';
-export { default as MBreadcrumb } from './MBreadcrumb';
-export { default as MDescriptions } from './MDescriptions';
-export * from './MForm';
-export { default as MForm } from './MForm';
-export { default as MiModal } from './MiModal';
-export { default as MSearch } from './MSearch';
-export { default as MTable } from './MTable';
-export * from './ThemeContext';

package/src/constants/date.ts

@@ -1,11 +0,0 @@
-export const DATE_FORMAT = {
-	YMD_Hms: 'YYYY-MM-DD HH:mm:ss',
-	YMD: 'YYYY-MM-DD',
-	YMD2: 'YYYYMMDD',
-	YMD_POINT: 'YYYY.M.DD',
-	Hms: 'HH:mm:ss',
-	Hm: 'HH:mm',
-	YMD_000: 'YYYY-MM-DD 00:00:00',
-	YMD_end: 'YYYY-MM-DD 23:59:59',
-	YMD_Hm: 'YYYYMMDD HHmm',
-};

package/src/constants/index.ts

@@ -1,3 +0,0 @@
-export * from './date';
-export * from './pageInfo';
-export * from './pattern';

package/src/constants/pageInfo.ts

@@ -1 +0,0 @@
-export const PAGE_SIZE = 10;

package/src/constants/pattern.ts

@@ -1,53 +0,0 @@
-export class PatternType {
-	// 整数
-	static readonly integerRegex = /^-?\d+$/;
-	// 正整数
-	static readonly positiveIntegerRegex = /^[1-9]\d*$/;
-	// 负整数
-	static readonly negativeIntegerRegex = /^-[1-9]\d*$/;
-	// 浮点数
-	static readonly floatRegex = /^-?\d+(\.\d+)?$/;
-	// 字母
-	static readonly letter = /^[a-zA-Z]+$/;
-	// 汉字
-	static readonly chinese = /^[\u4e00-\u9fa5]+$/;
-	// 数字
-	static readonly number = /^[0-9]*$/;
-
-	// 用户名 字母开头，允许字母数字下划线，长度4-16
-	static readonly username = /^[a-zA-Z]\w{3,15}$/;
-	// 强用户名 必须包含大小写字母和数字，6-20位
-	static readonly strongUsername = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{6,20}$/;
-
-	// 密码 至少8位，包含字母和数字
-	static readonly password = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
-	// 强密码 至少8位，包含大小写字母、数字和特殊字符
-	static readonly strongPassword =
-		/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
-
-	// 中国大陆的手机号
-	static readonly phone = /^1[3-9]\d{9}$/;
-	// 带区号的手机号
-	static readonly phoneWithAreaCode = /^\+?\d{2,3}-?\d{8,11}$/;
-	// 邮箱
-	static readonly email = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-	// 身份证
-	static readonly idCard =
-		/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
-	// 银行卡
-	static readonly bankCard = /^[1-9]\d{3,30}$/;
-	// 邮政编码
-	static readonly zipCode = /^[1-9]\d{5}$/;
-	// IP
-	static readonly ip =
-		/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
-	// URL
-	static readonly url = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/;
-	// 车牌
-	static readonly carNumber =
-		/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/;
-	// 时间 hh:mm:ss
-	static readonly time = /^([0-1][0-9]|2[0-3]):([0-5][0-9]):([0-5][0-9])$/;
-	// 日期 YYYY-MM-DD
-	static readonly date = /^(\d{4})-(\d{2})-(\d{2})$/;
-}

package/src/hooks/index.ts

@@ -1,7 +0,0 @@
-export * from './useFuncRequest';
-export * from './useInterval';
-export * from './usePagination';
-export * from './useQuery';
-export * from './useReactive';
-export * from './useTimeout';
-export * from './useVirtualList';

package/src/hooks/useFuncRequest.ts

@@ -1,100 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-type UnwrapPromise<T> = T extends Promise<infer U> ? U : T;
-
-export type UseFuncRequestOptions<
-  T extends (...args: any[]) => Promise<any>
-> = {
-  // 自动执行时的参数
-  autoRunArgs?: Parameters<T>;
-  // 开始执行前的回调函数 false 不执行 true 执行
-  onBefore?: (...args: Parameters<T>) => boolean | Promise<boolean>;
-  // 执行成功后的回调函数
-  onSuccess?: (data: UnwrapPromise<ReturnType<T>>) => void | Promise<void>;
-  // 执行失败后的回调函数
-  onError?: (error: Error) => void | Promise<void>;
-  // 结束后的回调函数
-  onFinally?: () => void | Promise<void>;
-};
-
-export function useFuncRequest<T extends (...args: any[]) => Promise<any>>(
-  // 异步函数
-  asyncFunc: T,
-  // 配置项
-  options?: UseFuncRequestOptions<T>
-) {
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-  const [data, setData] = useState<UnwrapPromise<ReturnType<T>> | null>(null);
-  const abortControllerRef = useRef<AbortController>(undefined);
-  const requestIdRef = useRef(0);
-
-  const cancel = () => {
-    abortControllerRef.current?.abort();
-    setLoading(false);
-    setError(null);
-  };
-
-  const run = async (...args: Parameters<T>) => {
-    const currentRequestId = ++requestIdRef.current;
-    cancel();
-
-    const abortController = new AbortController();
-    abortControllerRef.current = abortController;
-
-    try {
-      setLoading(true);
-      setError(null);
-      if (options?.onBefore) {
-        const beforeRes = await options?.onBefore?.(...args);
-        if (!beforeRes) {
-          cancel();
-          return;
-        }
-      }
-
-      // 安全传递 AbortSignal
-      const funcArgs =
-        args.length >= asyncFunc.length
-          ? args
-          : [...args, { signal: abortController.signal }];
-
-      const res = await asyncFunc(...(funcArgs as Parameters<T>));
-
-      if (
-        !abortController.signal.aborted &&
-        currentRequestId === requestIdRef.current
-      ) {
-        setData(res);
-        await options?.onSuccess?.(res);
-      }
-      return res;
-    } catch (err) {
-      if (
-        !abortController.signal.aborted &&
-        currentRequestId === requestIdRef.current
-      ) {
-        setError(err as Error);
-        await options?.onError?.(err as Error);
-      }
-      throw err;
-    } finally {
-      if (
-        !abortController.signal.aborted &&
-        currentRequestId === requestIdRef.current
-      ) {
-        setLoading(false);
-        await options?.onFinally?.();
-      }
-    }
-  };
-
-  useEffect(() => {
-    if (options?.autoRunArgs) {
-      run(...options.autoRunArgs).catch(() => {});
-    }
-    return cancel;
-  }, [JSON.stringify(options?.autoRunArgs)]);
-
-  return { run, cancel, loading, error, data };
-}

package/src/hooks/useInterval.ts

@@ -1,50 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-
-type Callback = () => void;
-
-interface UseTimeoutReturn {
-  start: Callback;
-  isRunning: boolean;
-  clear: Callback;
-}
-
-function useInterval(
-  callback: Callback,
-  delay: number | null,
-  immediate: boolean = false
-): UseTimeoutReturn {
-  const timerRef = useRef<ReturnType<typeof setInterval>>(undefined);
-  const savedCallback = useRef(callback);
-
-  // Update callback ref if callback changes
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-
-  const clear = useCallback(() => {
-    if (timerRef.current) {
-      clearInterval(timerRef.current);
-      timerRef.current = undefined;
-    }
-  }, []);
-
-  const start = useCallback(() => {
-    clear();
-    if (delay !== null && delay !== undefined) {
-      timerRef.current = setInterval(() => savedCallback.current(), delay);
-    }
-  }, [delay, clear]);
-
-  useEffect(() => {
-    if (immediate) {
-      savedCallback.current();
-    }
-    start();
-
-    return clear;
-  }, [delay, start, clear, immediate]);
-
-  return { start, clear, isRunning: !!timerRef.current };
-}
-
-export { useInterval };

package/src/hooks/usePagination.ts

@@ -1,184 +0,0 @@
-import { debounce } from 'lodash';
-import { useCallback, useEffect, useRef, useState } from 'react';
-
-interface IPaginationProps {
-	current: number;
-	pageSize: number;
-	total: number;
-	onChange: (page: number, pageSize: number) => Promise<void>;
-	onShowSizeChange: (size: number, current: number) => Promise<void>;
-	showTotal?: (t: number) => React.ReactNode;
-	showQuickJumper?: boolean;
-	showSizeChanger?: boolean;
-}
-
-interface PaginationResult<T> {
-	tableProps: {
-		loading?: boolean;
-		dataSource: T[];
-	};
-	loading?: boolean;
-	dataSource: T[];
-	paginationProps: IPaginationProps;
-	isFirstComplete: boolean;
-	refresh: (resetPage?: boolean) => Promise<void>;
-	debounceRefresh: (resetPage?: boolean) => void;
-	setDataSource: (data: T[]) => void;
-}
-
-interface IServerParams {
-	offset: number;
-	limit: number;
-	current: number;
-}
-
-type IInfoBack<T> = { dataSource: T[]; total: number };
-
-type IInfoServer<T> = (params: IServerParams) => IInfoBack<T> | Promise<IInfoBack<T>>;
-
-interface IInfoOption<T> {
-	isReady?: boolean;
-	dataSource?: T[];
-	current?: number;
-	pageSize?: number;
-}
-
-export const usePagination = <T>(
-	server: IInfoServer<T>,
-	deps?: any[], // 依赖条件 数据更新默认执行server
-	option?: IInfoOption<T>,
-): PaginationResult<T> => {
-	const {
-		isReady = true,
-		dataSource: propDataSource = [],
-		current: propCurrent = 1,
-		pageSize: propPageSize = 10,
-	} = option || {};
-
-	const [current, setCurrent] = useState(propCurrent);
-	const [pageSize, setPageSize] = useState(propPageSize);
-	const [dataSource, setDataSource] = useState<T[]>(propDataSource);
-	const [total, setTotal] = useState(0);
-	const [loading, setLoading] = useState(false);
-	const [isFirstComplete, setIsFirstComplete] = useState(false);
-	const currentRef = useRef(current);
-	const pageSizeRef = useRef(pageSize);
-
-	// 在状态更新时同步更新ref
-	const setCurrentAndRef = (val: number) => {
-		setCurrent(val);
-		currentRef.current = val;
-	};
-
-	const setPageSizeAndRef = (val: number) => {
-		setPageSize(val);
-		pageSizeRef.current = val;
-	};
-
-	// 计数器
-	const seq = useRef(0);
-
-	const doSearch = async () => {
-		if (!isReady) {
-			return;
-		}
-		let _current = currentRef.current;
-		let _pageSize = pageSizeRef.current;
-		setLoading(true);
-
-		seq.current++;
-		const _seq = seq.current;
-		try {
-			// 发送请求
-			let offset = Math.round((_current - 1) * _pageSize);
-			if (offset < 0) {
-				offset = 0;
-			}
-			if (_pageSize < 1) {
-				_pageSize = 1;
-			}
-			let { dataSource: data_source, total: _total } = await server({
-				limit: _pageSize,
-				offset,
-				current: _current,
-			});
-
-			if (_seq !== seq.current) return;
-			if (pageSize * (_current - 1) >= _total && _current !== 1) {
-				_current = 1;
-				const totalPage = Math.ceil(_total / pageSize);
-				({ dataSource: data_source, total: _total } = await server({
-					limit: _pageSize,
-					offset,
-					current: _current,
-				}));
-				if (_seq !== seq.current) return;
-				_current = totalPage;
-			}
-			setDataSource(data_source);
-			setCurrentAndRef(_current);
-			setPageSizeAndRef(_pageSize);
-			setTotal(_total);
-		} catch (error) {
-			// eslint-disable-next-line no-console
-			console.error('fetch err', error);
-			if (_seq !== seq.current) return;
-		} finally {
-			setIsFirstComplete(true);
-			setLoading(false);
-		}
-	};
-
-	const refresh = async (resetPage?: boolean) => {
-		if (resetPage) {
-			setDataSource([]);
-			setCurrentAndRef(propCurrent);
-			setPageSizeAndRef(propPageSize);
-		}
-		await doSearch();
-	};
-
-	const debounceRefresh = useCallback(debounce(refresh, 500), [refresh]);
-
-	/* 重置逻辑 */
-	const _deps = [...(deps || []), isReady];
-
-	useEffect(() => {
-		if (!isReady) return;
-		debounceRefresh(true);
-	}, _deps);
-
-	const onChange = async (page: number, pageSize: number) => {
-		setCurrentAndRef(page);
-		setPageSizeAndRef(pageSize);
-		await refresh();
-	};
-
-	const onShowSizeChange = async (size: number, current: number) => {
-		setPageSizeAndRef(size);
-		setCurrentAndRef(current);
-		await refresh();
-	};
-
-	const paginationProps: IPaginationProps = {
-		current,
-		pageSize,
-		total,
-		onChange,
-		onShowSizeChange,
-	};
-
-	return {
-		tableProps: {
-			loading,
-			dataSource,
-		},
-		loading,
-		dataSource,
-		paginationProps,
-		isFirstComplete,
-		refresh,
-		debounceRefresh,
-		setDataSource,
-	};
-};

package/src/hooks/useQuery.ts

@@ -1,6 +0,0 @@
-export function useQuery() {
-	const search = window.location.href.split('?')[1] || '';
-	const params = new URLSearchParams(search);
-	const query = Object.fromEntries(params.entries());
-	return query;
-}

package/src/hooks/useReactive.ts

@@ -1,26 +0,0 @@
-import { useCallback, useRef, useState } from 'react';
-
-const useReactive = <T extends object>(initialState: T) => {
-	const [state, setState] = useState<T>(initialState);
-	const stateRef = useRef<T>(state);
-
-	const updateState = useCallback((newState: Partial<T> | ((prev: T) => Partial<T>)) => {
-		setState(prev => {
-			const updatedPart = typeof newState === 'function' ? newState(prev) : newState;
-			const newFullState = { ...prev, ...updatedPart };
-			stateRef.current = newFullState; // 同步更新ref
-			return newFullState;
-		});
-	}, []);
-
-	const getState = useCallback(() => stateRef.current, []);
-
-	const resetState = useCallback(() => {
-		setState(initialState);
-		stateRef.current = initialState;
-	}, [initialState]);
-
-	return [state, updateState, getState, resetState] as const;
-};
-
-export { useReactive };

package/src/hooks/useTimeout.ts

@@ -1,50 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-
-type Callback = () => void;
-
-interface UseTimeoutReturn {
-  start: Callback;
-  isRunning: boolean;
-  clear: Callback;
-}
-
-function useTimeout(
-  callback: Callback,
-  delay: number | null,
-  immediate: boolean = false
-): UseTimeoutReturn {
-  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);
-  const savedCallback = useRef(callback);
-
-  // Update callback ref if callback changes
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-
-  const clear = useCallback(() => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = undefined;
-    }
-  }, []);
-
-  const start = useCallback(() => {
-    clear();
-    if (delay !== null && delay !== undefined) {
-      timerRef.current = setTimeout(() => savedCallback.current(), delay);
-    }
-  }, [delay, clear]);
-
-  useEffect(() => {
-    if (immediate) {
-      savedCallback.current();
-    }
-    start();
-
-    return clear;
-  }, [delay, start, clear, immediate]);
-
-  return { start, clear, isRunning: !!timerRef.current };
-}
-
-export { useTimeout };