@kcuf-ui/backdrop-headless 0.0.1

package/dist/types/const/index.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_Z_INDEX = 100;

package/dist/types/context/index.d.ts

@@ -0,0 +1,3 @@
+import { IModelContext } from '../types';
+declare const _default: import("react").Context<IModelContext | null>;
+export default _default;

package/dist/types/enum/index.d.ts

@@ -0,0 +1,6 @@
+export declare enum EAction {
+    REFRESH_VISIBLE = 0
+}
+export declare enum EMessageType {
+    REFRESH = "kcuf-ui-backdrop:refresh"
+}

package/dist/types/hook/_use-model-context.d.ts

@@ -0,0 +1,2 @@
+import { IModelContext } from '../types';
+export default function useModelContext(): IModelContext;

package/dist/types/hook/_use-model-dispatch.d.ts

@@ -0,0 +1,2 @@
+import { TModelDispatch } from '../types';
+export default function useModelDispatch(): TModelDispatch;

package/dist/types/hook/_use-model-props.d.ts

@@ -0,0 +1,2 @@
+import { IModelProps } from '../types';
+export default function useModelProps(): IModelProps;

package/dist/types/hook/_use-model-state.d.ts

@@ -0,0 +1,2 @@
+import { IModelState } from '../types';
+export default function useModelState(): IModelState;

package/dist/types/hook/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useProps } from './_use-model-props';
+export { default as useZIndex } from './use-z-index';
+export { default as useHandleClick } from './use-handle-click';

package/dist/types/hook/use-dispatch-refresh-visible.d.ts

@@ -0,0 +1 @@
+export default function useDispatchRefreshVisible(): (payload: number) => void;

package/dist/types/hook/use-effect-singleton.d.ts

@@ -0,0 +1 @@
+export default function useEffectSingleton(): void;

package/dist/types/hook/use-effects.d.ts

@@ -0,0 +1 @@
+export default function useEffects(): void;

package/dist/types/hook/use-handle-click.d.ts

@@ -0,0 +1 @@
+export default function useHandleClick(): () => void;

package/dist/types/hook/use-z-index.d.ts

@@ -0,0 +1 @@
+export default function useZIndex(): number;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './provider';
+export * from './hook';
+export type { IModelProps as BackdropProps } from './types';

package/dist/types/lifecycle/index.d.ts

@@ -0,0 +1 @@
+export default function Lifecycle(): null;

package/dist/types/provider/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IModelProviderProps } from '../types';
+export default function Provider({ children, ...props }: IModelProviderProps): ReactElement;

package/dist/types/reducer/index.d.ts

@@ -0,0 +1,2 @@
+import { IModelState, TModelAction } from '../types';
+export default function reducer(state: IModelState, action: TModelAction): IModelState;

package/dist/types/reducer/reduce-refresh-visible.d.ts

@@ -0,0 +1,2 @@
+import { IModelState } from '../types';
+export default function reduceRefreshVisible(state: IModelState, payload: number): IModelState;

package/dist/types/types/action.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch } from 'react';
+import { EAction } from '../enum';
+export type TModelAction = {
+    type: EAction.REFRESH_VISIBLE;
+    payload: number;
+};
+export type TModelDispatch = Dispatch<TModelAction>;

package/dist/types/types/common.d.ts

@@ -0,0 +1,16 @@
+export interface IBackdropSingletonItem {
+    n: number;
+    zIndex: number;
+}
+export interface IBackdropGlobal {
+    n?: number;
+    items?: IBackdropSingletonItem[];
+}
+export interface IBackdropWindow {
+    __backdrop_singleton__?: IBackdropGlobal;
+}
+export interface IMessageData<T = void> {
+    source: string;
+    type: string;
+    payload: T;
+}

package/dist/types/types/context.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { IModelProps } from './props';
+import { IModelState } from './state';
+import { TModelDispatch } from './action';
+export interface IModelContext {
+    props: IModelProps;
+    state: IModelState;
+    dispatch: TModelDispatch;
+}
+export interface IModelProviderProps extends IModelProps {
+    children: ReactNode;
+}

package/dist/types/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './common';
+export * from './props';
+export * from './state';
+export * from './action';
+export * from './context';

package/dist/types/types/props.d.ts

@@ -0,0 +1,14 @@
+export interface IModelProps {
+    /**
+     * z-index 默认 100
+     */
+    zIndex?: number;
+    /**
+     * 是否点击关闭
+     */
+    closable?: boolean;
+    /**
+     * 点击关闭的回调，必须 `closable: true`
+     */
+    onClose?(): void;
+}

package/dist/types/types/state.d.ts

@@ -0,0 +1,3 @@
+export interface IModelState {
+    visible: boolean;
+}

package/dist/types/util/create-initial-state.d.ts

@@ -0,0 +1,2 @@
+import { IModelState } from '../types';
+export default function createInitialState(): IModelState;

package/dist/types/util/index.d.ts

@@ -0,0 +1,5 @@
+export { default as createInitialState } from './create-initial-state';
+export { default as singletonPush } from './singleton-push';
+export { default as singletonPull } from './singleton-pull';
+export { default as singletonUpdate } from './singleton-update';
+export { default as singletonIsVisible } from './singleton-is-visible';

package/dist/types/util/message-emit-refresh.d.ts

@@ -0,0 +1 @@
+export default function messageEmitRefresh(n: number): void;

package/dist/types/util/singleton-get-visible-item.d.ts

@@ -0,0 +1,5 @@
+import { IBackdropSingletonItem } from '../types';
+/**
+ * 获取展示的 item，即 z-index 最高的那个（如果 z-index 一样，则后入者高）
+ */
+export default function singletonGetVisibleItem(): IBackdropSingletonItem | undefined;

package/dist/types/util/singleton-global.d.ts

@@ -0,0 +1,2 @@
+import { IBackdropGlobal } from '../types';
+export default function singletonGlobal(): IBackdropGlobal;

package/dist/types/util/singleton-is-visible.d.ts

@@ -0,0 +1 @@
+export default function singletonIsVisible(n: number): boolean;

package/dist/types/util/singleton-pull.d.ts

@@ -0,0 +1 @@
+export default function singletonPull(n: number): void;

package/dist/types/util/singleton-push.d.ts

@@ -0,0 +1 @@
+export default function singletonPush(zIndex?: number): number;

package/dist/types/util/singleton-update.d.ts

@@ -0,0 +1 @@
+export default function singletonUpdate(n: number, zIndex?: number): void;

package/dist/types/util/toggle-scrollbar.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 不用 effect，不好处理
+ */
+export default function toggleScrollbar(visible: boolean): void;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@kcuf-ui/backdrop-headless",
+  "version": "0.0.1",
+  "description": "A headless backdrop component which enables singleton power of backdrop.",
+  "keywords": [],
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/justnewbee/kcuf.git"
+  },
+  "homepage": "https://github.com/justnewbee/kcuf/tree/main/packages-ui/backdrop-headless",
+  "bugs": "https://github.com/justnewbee/kcuf/issues",
+  "author": {
+    "name": "Jianchun Wang",
+    "email": "justnewbee@gmail.com"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.6",
+    "@babel/core": "^7.29.0",
+    "@babel/plugin-transform-react-jsx": "^7.28.6",
+    "@babel/plugin-transform-runtime": "^7.29.0",
+    "@babel/preset-env": "^7.29.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@types/react": "^19.2.14",
+    "react": "^19.2.6",
+    "rimraf": "^6.1.3",
+    "typescript": "^6.0.3",
+    "@kcuf/ts-config": "^0.2.0"
+  },
+  "peerDependencies": {
+    "@babel/runtime": ">=7.0.0",
+    "react": ">=19.0.0"
+  },
+  "dependencies": {
+    "immer": "^11.1.8",
+    "@kcuf-hook/use-is-unmounted": "^0.1.0",
+    "@kcuf/mere-dom": "^0.0.4",
+    "@kcuf/messenger": "^0.0.2",
+    "@kcuf/sandbox-escape": "^0.0.1"
+  },
+  "scripts": {
+    "build:clean": "rimraf dist",
+    "build:esm": "ESM=1 babel src -d dist/esm --extensions .ts,.tsx --source-maps",
+    "build:cjs": "ESM=0 babel src -d dist/cjs --extensions .ts,.tsx",
+    "build:types": "tsc -rootDir src --outDir dist/types --declaration --noEmit false --emitDeclarationOnly --isolatedModules false",
+    "build": "pnpm build:esm && pnpm build:cjs && pnpm build:types",
+    "watch": "pnpm build:esm -w"
+  }
+}