earthnut 0.2.3-alpha.1 → 0.2.3-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/client.mjs +2 -2
- package/client.mjs.map +1 -0
- package/layoutUtil.mjs +2 -2
- package/layoutUtil.mjs.map +1 -0
- package/package.json +14 -14
- package/server.mjs +2 -2
- package/server.mjs.map +1 -0
- package/styles/common.css +1 -508
- package/styles/common.scss +57 -2
- package/styles/mixin-color-dark.scss +150 -0
- package/styles/mixin-color-light.scss +148 -0
- package/styles/reset.scss +2 -2
- package/styles/respond.scss +1 -1
- package/styles/root.scss +68 -76
- package/styles/vars-color.scss +289 -0
- package/styles/vars-size.scss +2 -0
- package/type/components/ThemeContext/index.d.ts +11 -0
- package/type/components/ThemeContext/types.d.ts +26 -0
- package/type/components/button/button.d.ts +10 -0
- package/{components → type/components}/button/index.d.ts +1 -1
- package/{components → type/components}/image/index.d.ts +2 -3
- package/{components → type/components}/image/types.d.ts +3 -2
- package/{components → type/components}/image/useSrcChange.d.ts +1 -1
- package/type/components/layout/content.d.ts +17 -0
- package/{components → type/components}/layout/footer.d.ts +3 -4
- package/{components → type/components}/layout/get-value.d.ts +1 -1
- package/{components → type/components}/layout/header.d.ts +3 -4
- package/{components → type/components}/layout/index.d.ts +1 -1
- package/type/components/layout/is-fragment.d.ts +9 -0
- package/{components → type/components}/layout/layout.d.ts +4 -5
- package/{components/layout/sideBar.d.ts → type/components/layout/sidebar.d.ts} +3 -4
- package/{components → type/components}/layout/types.d.ts +9 -8
- package/type/components/marquee/MarqueeEle.d.ts +15 -0
- package/{components → type/components}/marquee/index.d.ts +1 -1
- package/{components → type/components}/marquee/type.d.ts +1 -1
- package/{components → type/components}/menu/index.d.ts +1 -1
- package/{components → type/components}/menu/menu.d.ts +1 -1
- package/type/components/ripples/Content.d.ts +8 -0
- package/{components → type/components}/ripples/LazyRippleEle.d.ts +3 -4
- package/{components → type/components}/ripples/RipplesEle.d.ts +3 -4
- package/{components → type/components}/ripples/index.d.ts +1 -1
- package/{components → type/components}/ripples/types.d.ts +1 -1
- package/{components → type/components}/ripples/useOptionUpdate.d.ts +3 -2
- package/type/components/shared/EnLayoutContent/index.d.ts +19 -0
- package/{components → type/components}/shared/EnLayoutContent/types.d.ts +1 -1
- package/type/components/switch/SwitchContainer.d.ts +7 -0
- package/type/components/switch/SwitchContent.d.ts +10 -0
- package/type/components/switch/SwitchLabel.d.ts +9 -0
- package/type/components/switch/index.d.ts +14 -0
- package/type/customHooks/use-xcn/index.d.ts +14 -0
- package/{customHooks → type/customHooks}/useAnimationFrame.d.ts +1 -1
- package/{customHooks → type/customHooks}/useInputIsComposing.d.ts +6 -5
- package/{customHooks → type/customHooks}/useRipples/buildBackground/create-background-color.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/create-linear-gradient.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/_createImageData.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/circleDataList.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/createCanvasElementBySize.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/createDefault.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/index.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/load-image.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/run-side.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/type.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/bind-image.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/create-canvas-element.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/create-image-by-src.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/get-background-style.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/hide-css-background.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/restore-css-background.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/can-side.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/destroy.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/drop.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/extract-url.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/fade.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/get-new-image.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/reload-background.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/callback/scale.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/index.d.ts +3 -2
- package/{customHooks → type/customHooks}/useRipples/init/index.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/init/initEvent.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/init/initShaders.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/init/initTexture.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/render/computeTextureBoundaries.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/render/draw.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/render/drawQuad.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/render/dropAtPointer.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/render/index.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/render/swapBufferIndices.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/render/update.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/rippersData/defaultData.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/rippersData/fadeData.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/rippersData/index.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/rippersData/loadConfig.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/rippersData/renderData.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/rippersData/useOptions.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/rippersData/vertexSource.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/ripple.html.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/ripplesClass.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/tools.d.ts +1 -1
- package/{customHooks → type/customHooks}/useRipples/types.d.ts +3 -2
- package/{customHooks → type/customHooks}/useRipples/use-lazy-ripple.d.ts +4 -3
- package/{customHooks → type/customHooks}/useTimeId.d.ts +1 -1
- package/type/dog.d.ts +8 -0
- package/{index.client.d.ts → type/index.client.d.ts} +4 -1
- package/{index.d.ts → type/index.d.ts} +1 -1
- package/{index.server.d.ts → type/index.server.d.ts} +1 -1
- package/type/storage/main-logic .d.ts +26 -0
- package/type/storage/storage-store.d.ts +14 -0
- package/type/utilities/cookie.d.ts +20 -0
- package/type/utilities/sys.d.ts +41 -0
- package/components/button/button.d.ts +0 -11
- package/components/layout/content.d.ts +0 -17
- package/components/marquee/MarqueeEle.d.ts +0 -15
- package/components/ripples/Content.d.ts +0 -8
- package/components/shared/EnLayoutContent/index.d.ts +0 -19
- package/customHooks/use-xcn/index.d.ts +0 -14
- package/styles/vars.scss +0 -248
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
|
-
*
|
|
3
|
+
* enr@type/components/ripples/LazyRippleEle.d.ts
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
7
|
import { RipplesOptions } from '../../customHooks/useRipples/types';
|
|
8
8
|
import { RippleEle } from './types';
|
|
9
|
-
import * as React from 'react';
|
|
10
9
|
/**
|
|
11
10
|
*
|
|
12
11
|
* ### 一个 ripple 背景组件
|
|
@@ -37,7 +36,7 @@ import * as React from 'react';
|
|
|
37
36
|
* ```
|
|
38
37
|
*
|
|
39
38
|
*/
|
|
40
|
-
declare const LazyBackgroundRipple:
|
|
39
|
+
declare const LazyBackgroundRipple: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
41
40
|
option?: RipplesOptions;
|
|
42
|
-
} &
|
|
41
|
+
} & import("react").RefAttributes<RippleEle>>;
|
|
43
42
|
export { LazyBackgroundRipple };
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
|
-
*
|
|
3
|
+
* enr@type/components/ripples/RipplesEle.d.ts
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
7
|
import { RipplesOptions } from '../../customHooks/useRipples/types';
|
|
8
8
|
import { RippleEle } from './types';
|
|
9
|
-
import * as React from 'react';
|
|
10
9
|
/**
|
|
11
10
|
*
|
|
12
11
|
* ### 一个 ripple 背景组件
|
|
@@ -37,7 +36,7 @@ import * as React from 'react';
|
|
|
37
36
|
* ```
|
|
38
37
|
*
|
|
39
38
|
*/
|
|
40
|
-
declare const BackgroundRipple:
|
|
39
|
+
declare const BackgroundRipple: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
|
|
41
40
|
option?: RipplesOptions;
|
|
42
|
-
} &
|
|
41
|
+
} & import("react").RefAttributes<RippleEle>>;
|
|
43
42
|
export { BackgroundRipple };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
|
-
*
|
|
3
|
+
* enr@type/components/ripples/useOptionUpdate.d.ts
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
7
|
import { Ripples, RipplesOptions } from '../../customHooks/useRipples/index';
|
|
8
|
+
import { RefObject } from 'react';
|
|
8
9
|
/**
|
|
9
10
|
* 更新参数数据
|
|
10
11
|
*/
|
|
11
|
-
export declare function useOptionUpdate(ripplesRef:
|
|
12
|
+
export declare function useOptionUpdate(ripplesRef: RefObject<Ripples | null>, option: RipplesOptions | undefined): void;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* enr@type/components/shared/EnLayoutContent/index.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
import { EnLayoutContentProps } from './types';
|
|
8
|
+
/** 创建带样式的组件 */
|
|
9
|
+
export declare const LayoutContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
10
|
+
/** 带样式的组件 */
|
|
11
|
+
export declare const LayoutFooterContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
/** 带样式的头部 */
|
|
13
|
+
export declare const LayoutHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
14
|
+
/** 带样式的组件 */
|
|
15
|
+
export declare const LayoutSideBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
16
|
+
/** 内容区域容器 */
|
|
17
|
+
export declare const LayoutContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
18
|
+
/** 元始的外壳 */
|
|
19
|
+
export declare const EnLayoutContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EnLayoutContentProps>> & string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* enr@type/components/switch/SwitchContainer.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
export declare const SwitchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* enr@type/components/switch/SwitchContent.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
/** 开关的内容包装 */
|
|
8
|
+
export declare const SwitchContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
|
+
$type: "left" | "right";
|
|
10
|
+
}>> & string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* enr@type/components/switch/SwitchLabel.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
export declare const SwitchLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
$type: boolean;
|
|
9
|
+
}>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* enr@type/components/switch/index.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
import { HTMLAttributes } from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* 开关
|
|
10
|
+
*/
|
|
11
|
+
export declare function Switch({ value, change, children, ...props }: {
|
|
12
|
+
value: boolean;
|
|
13
|
+
change?: (e?: React.MouseEvent) => void;
|
|
14
|
+
} & HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* enr@type/customHooks/use-xcn/index.d.ts
|
|
4
|
+
* Copyright (c) 2025 earthnut.dev
|
|
5
|
+
* 请在项目根参看详细许可证明
|
|
6
|
+
*/
|
|
7
|
+
/** 其实这并不是一个自定义钩子 */
|
|
8
|
+
import { EnTypeofClassNameItem, EnXcn } from 'xcn';
|
|
9
|
+
type EnClassName = 'en-light' | 'en-dark' | 'en-flex' | 'en-flex-row' | 'en-flex-row-reverse' | 'en-flex-column' | 'en-flex-column-reverse' | 'en-flex-wrap' | 'en-full-container' | 'en-inline-block' | 'en-padding-horizontal-4' | 'en-padding-horizontal-8' | 'en-padding-horizontal-12' | 'en-padding-horizontal-16' | 'en-padding-horizontal-20' | 'en-padding-horizontal-24' | 'en-padding-horizontal-28' | 'en-padding-horizontal-32' | 'en-padding-horizontal-36' | 'en-padding-horizontal-40' | 'en-padding-vertical-4' | 'en-padding-vertical-8' | 'en-padding-vertical-12' | 'en-padding-vertical-16' | 'en-padding-vertical-20' | 'en-padding-vertical-24' | 'en-padding-vertical-28' | 'en-padding-vertical-32' | 'en-padding-vertical-36' | 'en-padding-vertical-40' | 'en-padding-4' | 'en-padding-8' | 'en-padding-12' | 'en-padding-16' | 'en-padding-20' | 'en-padding-24' | 'en-padding-28' | 'en-padding-32' | 'en-padding-36' | 'en-padding-40' | 'en-margin-horizontal-4' | 'en-margin-horizontal-8' | 'en-margin-horizontal-12' | 'en-margin-horizontal-16' | 'en-margin-horizontal-20' | 'en-margin-horizontal-24' | 'en-margin-horizontal-28' | 'en-margin-horizontal-32' | 'en-margin-horizontal-36' | 'en-margin-horizontal-40' | 'en-margin-vertical-4' | 'en-margin-vertical-8' | 'en-margin-vertical-12' | 'en-margin-vertical-16' | 'en-margin-vertical-20' | 'en-margin-vertical-24' | 'en-margin-vertical-28' | 'en-margin-vertical-32' | 'en-margin-vertical-36' | 'en-margin-vertical-40' | 'en-margin-4' | 'en-margin-8' | 'en-margin-12' | 'en-margin-16' | 'en-margin-20' | 'en-margin-24' | 'en-margin-28' | 'en-margin-32' | 'en-margin-36' | 'en-margin-40' | 'en-box-shadow-light-red-10' | 'en-box-shadow-light-red-20' | 'en-box-shadow-light-red-30' | 'en-box-shadow-light-red-40' | 'en-box-shadow-light-red-50' | 'en-box-shadow-light-red-60' | 'en-box-shadow-light-red-70' | 'en-box-shadow-light-red-80' | 'en-box-shadow-light-red-90' | 'en-border-radius-4' | 'en-border-radius-8' | 'en-border-radius-12' | 'en-border-radius-16' | 'en-border-radius-20' | 'en-border-radius-24' | 'en-border-radius-28' | 'en-border-radius-32' | 'en-border-radius-36' | 'en-border-radius-40' | 'en-radius-4' | 'en-radius-8' | 'en-radius-12' | 'en-radius-16' | 'en-radius-20' | 'en-radius-24' | 'en-radius-28' | 'en-radius-32' | 'en-radius-36' | 'en-radius-40' | 'en-center' | 'en-dust' | 'en-text-in-one-line' | 'en-text-in-one-line-hide' | 'en-text-in-two-line' | 'en-color-text' | 'en-bg-red' | 'en-float-left' | 'en-float' | 'en-float-right' | 'en-clear-float' | 'en-clear' | 'en-loading' | 'en-text-center' | 'en-text-right' | 'eb-text-small' | 'en-relative' | 'en-user-select-text' | 'en-cursor-pointer';
|
|
10
|
+
/** 在 xcn 中使用 enr 样式类 */
|
|
11
|
+
export declare function _en<T extends EnClassName[]>(...classNameList: T): EnXcn<{
|
|
12
|
+
[K in keyof T]: EnTypeofClassNameItem<T[K]>;
|
|
13
|
+
}>;
|
|
14
|
+
export {};
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
|
-
*
|
|
3
|
+
* enr@type/customHooks/useInputIsComposing.d.ts
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
+
import { RefObject } from 'react';
|
|
7
8
|
/**
|
|
8
9
|
*
|
|
9
10
|
* ### 导出一个使用 `useRef` 创建的 `boolean`
|
|
10
11
|
*
|
|
11
|
-
* *由于是包裹在
|
|
12
|
+
* *由于是包裹在 RefObject 之中,判断时务必使用 `isComposing.current` 进行判断*
|
|
12
13
|
* @description 用于判断当前的输入状态是否结束
|
|
13
|
-
* @param inputRef [
|
|
14
|
-
* @returns
|
|
14
|
+
* @param inputRef [RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
|
|
15
|
+
* @returns RefObject<boolean>
|
|
15
16
|
* @version 0.0.4
|
|
16
17
|
* @see https://earthnut.dev/custom-hooks/use-input-is-composing
|
|
17
18
|
* @example
|
|
@@ -40,4 +41,4 @@
|
|
|
40
41
|
* ...
|
|
41
42
|
* ```
|
|
42
43
|
*/
|
|
43
|
-
export declare function useInputIsComposing(inputRef:
|
|
44
|
+
export declare function useInputIsComposing(inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement | null>): RefObject<boolean>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
|
-
*
|
|
3
|
+
* enr@type/customHooks/useRipples/buildBackground/default-background/createCanvasElementBySize.d.ts
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
|
-
*
|
|
3
|
+
* enr@type/customHooks/useRipples/index.d.ts
|
|
4
4
|
* Copyright (c) 2025 earthnut.dev
|
|
5
5
|
* 请在项目根参看详细许可证明
|
|
6
6
|
*/
|
|
7
|
+
import { RefObject } from 'react';
|
|
7
8
|
import { BackgroundRipplesProps, RippleImgUrl, RipplesOptions } from './types';
|
|
8
9
|
import { Ripples } from './ripplesClass';
|
|
9
10
|
/**
|
|
@@ -40,5 +41,5 @@ import { Ripples } from './ripplesClass';
|
|
|
40
41
|
* ```
|
|
41
42
|
*
|
|
42
43
|
*/
|
|
43
|
-
export declare function useRipples(canvas:
|
|
44
|
+
export declare function useRipples(canvas: RefObject<HTMLCanvasElement | null>, option?: RipplesOptions): RefObject<Ripples | null>;
|
|
44
45
|
export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl };
|