earthnut 0.1.7-alpha.0 → 0.1.7

package/components/image/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license MIT
+ * earthnut@components/image/index.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+import React from 'react';
+import { EnImageProps } from './types';
+/**  简单的图像  */
+declare const Image: React.ForwardRefExoticComponent<Omit<EnImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export { Image };
+export type { EnImageProps };

package/components/image/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license MIT
+ * earthnut@components/image/types.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+export type EnImageProps = {
+    /**  下载错误时展示的图像  */
+    errorSrc?: string;
+    /**  加载中的图像  */
+    loadingSrc?: string;
+} & React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;

package/components/image/useSrcChange.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * earthnut@components/image/useSrcChange.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+/** 当地址触发变更 */
+export declare function useSrcChange(src: string, fallbackSrc?: string): {
+    resultSrc: string;
+    loadComplete: number;
+};

package/components/ripples/LazyRippleEle.d.ts

@@ -12,9 +12,9 @@
  * @CreateDate  周四  12/12/2024
  * @Description 涟漪
  ****************************************************************************/
-import React from 'react';
 import { RipplesOptions } from '../../customHooks/useRipples/types';
 import { RippleEle } from './types';
+import * as React from 'react';
 /**
  *
  * ### 一个 ripple 背景组件

package/components/ripples/RipplesEle.d.ts

@@ -4,9 +4,9 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-import React from 'react';
 import { RipplesOptions } from '../../customHooks/useRipples/types';
 import { RippleEle } from './types';
+import * as React from 'react';
 /**
  *
  * ### 一个 ripple 背景组件

package/components/ripples/types.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-import { RipplesOptions } from '../../customHooks';
+import { RipplesOptions } from '../../customHooks/useRipples';
 export type RippleEle = {
     /**  切换当前的状态  */
     toggleState(): void;

package/components/ripples/useOptionUpdate.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-import { Ripples, RipplesOptions } from '../../customHooks';
+import { Ripples, RipplesOptions } from '../../customHooks/useRipples/index';
 /**
  * 更新参数数据
  */

package/customHooks/useRipples/buildBackground/utils/create-canvas-element.d.ts

@@ -4,6 +4,6 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-import { Ripples } from 'components/ripples';
+import { Ripples } from '../../../../components/ripples';
 /**  根据给出的 html 数据构建一个 canvas   */
 export declare function createCanvasElement(this: Ripples, img: CanvasImageSource): HTMLCanvasElement;

package/customHooks/useRipples/use-lazy-ripple.d.ts

@@ -4,10 +4,11 @@
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
-import { useRipples } from '.';
+import { Ripples } from './ripplesClass';
+import { RipplesOptions } from './types';
 /**  动态加载包含的自定义的钩子  */
-export declare function useLazyRipples(): {
-    hook: typeof useRipples | undefined;
+export declare function useLazyRipples(canvas: React.RefObject<HTMLCanvasElement | null>, option?: RipplesOptions): {
+    ripples: React.RefObject<Ripples | null>;
     isLoading: boolean;
-    error: null;
+    error: unknown;
 };