@mi-avalon/libs 0.0.7 → 0.0.8

package/src/hooks/useVirtualList.ts

@@ -1,209 +0,0 @@
-// 虚拟列表加载
-import { debounce } from 'lodash';
-import { DependencyList, useCallback, useEffect, useRef, useState } from 'react';
-import { PAGE_SIZE } from '../constants';
-
-export interface IPaginationResult<T> {
-	/**
-	 * 数据
-	 *
-	 * @memberof IPaginationResult
-	 */
-	dataSource: T[];
-	/**
-	 * 加载状态
-	 *
-	 * @memberof IPaginationResult
-	 */
-	loading?: boolean;
-	/**
-	 * 是否完成了一次请求
-	 *
-	 * @memberof IPaginationResult
-	 */
-	isFirstComplete: boolean;
-	/**
-	 * 分页信息
-	 *
-	 * @memberof IPaginationResult
-	 */
-	paginationProps: {
-		current: number;
-		pageSize: number;
-		total: number;
-	};
-	/**
-	 * reset 是否重置查询
-	 *
-	 * @memberof IPaginationResult
-	 */
-	refresh: (reset?: boolean) => Promise<void>;
-	debounceRefresh: (reset?: boolean) => void;
-	/* 快速逃避方案 */
-	setDataSource: (data: T[]) => void;
-	setTotal: (total: number) => 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> {
-	/**
-	 * 第一次是否执行server
-	 *
-	 */
-	isReady?: boolean;
-	/**
-	 * 默认的数据
-	 *
-	 */
-	dataSource?: T[];
-	/**
-	 * 默认当前第几页
-	 *
-	 */
-	current?: number;
-	/**
-	 * 默认一页几条数据
-	 *
-	 */
-	pageSize?: number;
-}
-
-export const useVirtualList = <T>(
-	server: IInfoServer<T>,
-	deps?: DependencyList, // 依赖条件 数据更新默认执行server
-	option?: IInfoOption<T>,
-): IPaginationResult<T> => {
-	const {
-		isReady = true,
-		dataSource: propDataSource = [],
-		current: propCurrent = 1,
-		pageSize: propPageSize = PAGE_SIZE,
-	} = option || {};
-
-	// 是否完成了一次请求
-	const [isFirstComplete, setIsFirstComplete] = useState(false);
-	// 分页
-	const [current, setCurrent] = useState(propCurrent);
-	const [pageSize, setPageSize] = useState(propPageSize);
-	const [total, setTotal] = useState(0);
-
-	// 表格
-	const [isLoading, setIsLoading] = useState(false);
-	const [dataSource, setDataSource] = useState(propDataSource);
-
-	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 (reset?: boolean) => {
-		if (!isReady) {
-			return;
-		}
-		let _current = currentRef.current;
-		let _pageSize = pageSizeRef.current;
-		setIsLoading(true);
-
-		seq.current += 1;
-		const _seq = seq.current;
-		try {
-			// 发送请求
-			let offset = Math.round((_current - 1) * _pageSize);
-			if (offset < 0) {
-				offset = 0;
-			}
-			if (_pageSize < 1) {
-				_pageSize = 1;
-			}
-			let { dataSource: data0, total: total0 } = await server({
-				limit: _pageSize,
-				offset,
-				current: _current,
-			});
-			if (_seq !== seq.current) return;
-			if (pageSize * (_current - 1) >= total0 && _current !== 1) {
-				const totalPage = Math.ceil(total0 / pageSize);
-				({ dataSource: data0, total: total0 } = await server({
-					limit: _pageSize,
-					offset: Math.round((totalPage - 1) * _pageSize),
-					current: _current,
-				}));
-				if (_seq !== seq.current) return;
-				_current = totalPage;
-				// message.error('数据源发生变化，该页没有数据，自动加载最后一页');
-			}
-			const d = reset ? data0 : dataSource.concat(data0 as T[]);
-			setDataSource(d);
-			setCurrentAndRef(_current);
-			setPageSizeAndRef(_pageSize);
-			setTotal(total0);
-		} catch (error) {
-			console.error('fetch err', error);
-			if (_seq !== seq.current) return;
-		}
-		setIsFirstComplete(true);
-		setIsLoading(false);
-	};
-
-	// 加载下一页数据
-	const refresh = async (reset?: boolean) => {
-		if (reset) {
-			setDataSource([]);
-			setCurrentAndRef(propCurrent);
-			setPageSizeAndRef(propPageSize);
-		} else {
-			const curTotal = pageSize * current;
-			if (total && total <= curTotal) return;
-			setCurrentAndRef(current + 1);
-		}
-		await doSearch(reset);
-	};
-
-	// 防抖 加载下一页数据
-	const debounceRefresh = useCallback(debounce(refresh, 500), [refresh]);
-
-	/* 重置逻辑 */
-	const _deps = [...(deps || []), isReady];
-
-	useEffect(() => {
-		if (!isReady) return;
-		debounceRefresh(true);
-	}, _deps);
-
-	return {
-		loading: isLoading,
-		dataSource,
-		paginationProps: {
-			current,
-			pageSize,
-			total,
-		},
-		isFirstComplete,
-		refresh: async (reset?: boolean) => {
-			await refresh(reset);
-		},
-		debounceRefresh,
-		setDataSource,
-		setTotal,
-	};
-};

package/src/index.tsx

@@ -1,4 +0,0 @@
-export * from './components';
-export * from './constants';
-export * from './hooks';
-export * from './utils';

package/src/utils/calc.ts

@@ -1,92 +0,0 @@
-class CMX {
-    /**
-     ** 加
-     **/
-    add = function (arg1: number, arg2: number) {
-        let r1, r2, m, c;
-        try {
-            r1 = arg1.toString().split('.')[1].length;
-        } catch (e) {
-            r1 = 0;
-        }
-        try {
-            r2 = arg2.toString().split('.')[1].length;
-        } catch (e) {
-            r2 = 0;
-        }
-        c = Math.abs(r1 - r2);
-        m = Math.pow(10, Math.max(r1, r2));
-        if (c > 0) {
-            let cm = Math.pow(10, c);
-            if (r1 > r2) {
-                arg1 = Number(arg1.toString().replace('.', ''));
-                arg2 = Number(arg2.toString().replace('.', '')) * cm;
-            } else {
-                arg1 = Number(arg1.toString().replace('.', '')) * cm;
-                arg2 = Number(arg2.toString().replace('.', ''));
-            }
-        } else {
-            arg1 = Number(arg1?.toString().replace('.', ''));
-            arg2 = Number(arg2?.toString().replace('.', ''));
-        }
-        return (arg1 + arg2) / m;
-    };
-    /**
-     ** 减
-     **/
-    sub = function (arg1: number, arg2: number) {
-        let r1, r2, m, n;
-        try {
-            r1 = arg1.toString().split('.')[1].length;
-        } catch (e) {
-            r1 = 0;
-        }
-        try {
-            r2 = arg2.toString().split('.')[1].length;
-        } catch (e) {
-            r2 = 0;
-        }
-        m = Math.pow(10, Math.max(r1, r2)); //last modify by deeka //动态控制精度长度
-        n = r1 >= r2 ? r1 : r2;
-        return Number(((arg1 * m - arg2 * m) / m).toFixed(n));
-    };
-
-    /**
-     ** 乘
-     **/
-    mul = function (arg1: number, arg2: number) {
-        let m = 0,
-            s1 = arg1.toString(),
-            s2 = arg2.toString();
-        try {
-            m += s1.split('.')[1].length;
-        } catch (e) { }
-        try {
-            m += s2.split('.')[1].length;
-        } catch (e) { }
-        return (
-            (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m)
-        );
-    };
-
-    /**
-     ** 除
-     **/
-    div = function (arg1: number, arg2: number) {
-        let t1 = 0,
-            t2 = 0,
-            r1,
-            r2;
-        try {
-            t1 = arg1.toString().split('.')[1].length;
-        } catch (e) { }
-        try {
-            t2 = arg2.toString().split('.')[1].length;
-        } catch (e) { }
-        r1 = Number(arg1.toString().replace('.', ''));
-        r2 = Number(arg2.toString().replace('.', ''));
-        return (r1 / r2) * Math.pow(10, t2 - t1);
-    };
-}
-
-export const cmx = new CMX();

package/src/utils/index.ts

@@ -1,5 +0,0 @@
-export * from './calc';
-export * from './nextTick';
-export * from './openModal';
-export * from './util';
-export * from './version';

package/src/utils/nextTick.ts

@@ -1,89 +0,0 @@
-type NextTickCallback = () => void;
-type NextTickPromiseResolver = () => void;
-
-class NextTick {
-	private callbacks: NextTickCallback[] = [];
-	private pending = false;
-	private timerFunc: () => void;
-
-	constructor() {
-		this.timerFunc = this.determineTimerFunc();
-	}
-
-	private determineTimerFunc(): () => void {
-		if (typeof Promise !== 'undefined') {
-			const p = Promise.resolve();
-			return () => p.then(this.flushCallbacks.bind(this));
-		}
-
-		if (typeof MutationObserver !== 'undefined' && typeof window !== 'undefined') {
-			let counter = 1;
-			const observer = new MutationObserver(this.flushCallbacks.bind(this));
-			const textNode = document.createTextNode(String(counter));
-			observer.observe(textNode, { characterData: true });
-
-			return () => {
-				counter = (counter + 1) % 2;
-				textNode.data = String(counter);
-			};
-		}
-
-		// // 仅在 Node.js 环境中使用 setImmediate
-		// if (typeof global !== 'undefined' && typeof setImmediate !== 'undefined') {
-		// 	return () => setImmediate(this.flushCallbacks.bind(this));
-		// }
-
-		return () => setTimeout(this.flushCallbacks.bind(this), 0);
-	}
-
-	private flushCallbacks(): void {
-		this.pending = false;
-		const copies = this.callbacks.slice(0);
-		this.callbacks.length = 0;
-		for (let i = 0; i < copies.length; i++) {
-			copies[i]();
-		}
-	}
-
-	public nextTick<T = void>(callback?: (this: T) => void, ctx?: T): Promise<void> | void {
-		let _resolve: NextTickPromiseResolver | undefined;
-
-		this.callbacks.push(() => {
-			if (callback) {
-				try {
-					callback.call(ctx as T);
-				} catch (e) {
-					console.error('Error in nextTick:', e);
-				}
-			} else if (_resolve) {
-				_resolve();
-			}
-		});
-
-		if (!this.pending) {
-			this.pending = true;
-			this.timerFunc();
-		}
-
-		if (!callback && typeof Promise !== 'undefined') {
-			return new Promise(resolve => {
-				_resolve = resolve;
-			});
-		}
-	}
-
-	public static nextTick<T = void>(callback?: (this: T) => void, ctx?: T): Promise<void> | void {
-		return NextTick.instance.nextTick(callback, ctx);
-	}
-
-	private static _instance: NextTick;
-	public static get instance(): NextTick {
-		if (!this._instance) {
-			this._instance = new NextTick();
-		}
-		return this._instance;
-	}
-}
-
-const nextTick = NextTick.instance.nextTick.bind(NextTick.instance);
-export { NextTick, nextTick };

package/src/utils/openModal.tsx

@@ -1,137 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ModalProps } from 'antd';
-import React, { ComponentType } from 'react';
-import * as ReactDOMClient from 'react-dom/client';
-const { createRoot } = ReactDOMClient;
-type Root = ReactDOMClient.Root;
-
-const destroyFns: Array<() => void> = [];
-let modalContainer: HTMLDivElement | null = null;
-let root: Root | null = null;
-
-interface IModalBaseClosedParams {
-  cancel?: boolean;
-  ok?: boolean;
-}
-
-export interface IModalBaseProps extends ModalProps {
-  onClosed?: (params?: IModalBaseClosedParams) => void;
-}
-
-export interface IModalControls<T = any> {
-  destroy: (params?: IModalBaseClosedParams) => void;
-  update: (configUpdate: Partial<T> | ((prevConfig: T) => T)) => void;
-}
-
-function getOrCreateContainer(): HTMLDivElement {
-  if (!modalContainer) {
-    modalContainer = document.createElement('div');
-    document.body.appendChild(modalContainer);
-  }
-  return modalContainer;
-}
-
-function openModal<ITModalProps extends IModalBaseProps = IModalBaseProps>(
-  DialogComponent: ComponentType<ITModalProps>,
-  initialConfig: ITModalProps
-): IModalControls<ITModalProps> {
-  const container = getOrCreateContainer();
-
-  let currentConfig = {
-    open: true,
-    ...initialConfig,
-    // 默认自动关闭
-    onClosed:
-      initialConfig.onClosed ||
-      ((params?: IModalBaseClosedParams) => {
-        unifiedDestroy(params);
-      }),
-  } as ITModalProps;
-
-  if (!root) {
-    try {
-      root = createRoot(container);
-    } catch (error) {
-      console.error('Failed to create root:', error);
-      return {
-        destroy: () => {},
-        update: () => {},
-      };
-    }
-  }
-
-  const cleanup = () => {
-    if (root) {
-      root.unmount();
-      root = null;
-    }
-
-    if (modalContainer && modalContainer.parentNode) {
-      modalContainer.parentNode.removeChild(modalContainer);
-      modalContainer = null;
-    }
-  };
-
-  const destroy = (params?: IModalBaseClosedParams) => {
-    if (typeof currentConfig.onClosed === 'function') {
-      currentConfig.onClosed(params);
-    }
-
-    // 从 destroyFns 中移除
-    const index = destroyFns.indexOf(destroy);
-    if (index !== -1) {
-      destroyFns.splice(index, 1);
-    }
-
-    // 销毁 modal
-    cleanup();
-  };
-
-  const render = (props: ITModalProps) => {
-    if (root) {
-      root.render(<DialogComponent {...props} />);
-    }
-  };
-
-  const update = (
-    configUpdate:
-      | Partial<ITModalProps>
-      | ((prevConfig: ITModalProps) => ITModalProps)
-  ) => {
-    currentConfig =
-      typeof configUpdate === 'function'
-        ? configUpdate(currentConfig)
-        : { ...currentConfig, ...configUpdate };
-    render(currentConfig);
-  };
-
-  // 统一的销毁函数
-  const unifiedDestroy = (params?: IModalBaseClosedParams) => {
-    // 如果当前配置是打开的，关闭
-    if (currentConfig.open) {
-      currentConfig = {
-        ...currentConfig,
-        open: false,
-        onClosed: (closedParams?: IModalBaseClosedParams) => {
-          if (initialConfig.onClosed) {
-            initialConfig.onClosed(closedParams || params);
-          }
-          destroy(closedParams || params);
-        },
-      };
-      render(currentConfig);
-    } else {
-      console.warn('Modal is already closed.');
-    }
-  };
-
-  render(currentConfig);
-  destroyFns.push(unifiedDestroy);
-
-  return {
-    destroy: unifiedDestroy,
-    update,
-  };
-}
-
-export { openModal };

package/src/utils/util.ts

@@ -1,37 +0,0 @@
-export const noop = () => {};
-
-// 生成类名
-export const getClassName = (key1: string, key2: string) => {
-  const cn = key1;
-  let str = key1;
-  if (key2.includes(' ')) {
-    str = '';
-    const nArr = key2?.split(' ');
-    for (const i of nArr) {
-      str += ` ${cn}-${i}`;
-    }
-  } else if (key2) {
-    str = `${key1}-${key2}`;
-  }
-  return str;
-};
-
-// 根据路径获取数据
-export const getFieldsByPath = (data: any, path: string) => {
-  const arr = path?.split('.');
-  let res = data;
-  for (const i of arr) {
-    res = res[i];
-  }
-  return res;
-};
-
-// 删除空值
-export const removeNull = (obj: any) => {
-  for (const key in obj) {
-    if (obj[key] === null) {
-      delete obj[key];
-    }
-  }
-  return obj;
-};