@destyler/dialog 0.2.10 → 0.2.12

package/dist/index.d.mts

@@ -1,11 +1,8 @@
-import * as _destyler_anatomy0 from "@destyler/anatomy";
 import { DismissableElementHandlers, FocusOutsideEvent, InteractOutsideEvent, PersistentElementOptions, PointerDownOutsideEvent } from "@destyler/dismissable";
-import * as _destyler_xstate0 from "@destyler/xstate";
 import { AnyEventObject, Machine, XSend, XState } from "@destyler/xstate";
 import { CommonProperties, DirectionProperty, NormalizeProps, PropTypes, RequiredBy } from "@destyler/types";
-
 //#region src/anatomy.d.ts
-declare const anatomy: _destyler_anatomy0.AnatomyInstance<"trigger" | "positioner" | "backdrop" | "content" | "closeTrigger" | "title" | "description">;
+export declare const anatomy: import("@destyler/anatomy").AnatomyInstance<"trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger">;
 //#endregion
 //#region src/types.d.ts
 interface OpenChangeDetails {
@@ -123,13 +120,13 @@ interface MachineApi<T extends PropTypes = PropTypes> {
 }
 //#endregion
 //#region src/connect.d.ts
-declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
+export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
 //#endregion
 //#region src/machine.d.ts
-declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Machine<MachineContext, MachineState, _destyler_xstate0.AnyEventObject>;
+export declare function machine(userContext: UserDefinedContext): import("@destyler/xstate").Machine<MachineContext, MachineState, import("@destyler/xstate").AnyEventObject>;
 //#endregion
 //#region src/props.d.ts
-declare const props: ("open" | "ids" | "trapFocus" | "preventScroll" | "modal" | "initialFocusEl" | "finalFocusEl" | "restoreFocus" | "onOpenChange" | "closeOnInteractOutside" | "closeOnEscape" | "aria-label" | "role" | "defaultOpen" | "dir" | "id" | "getRootNode" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "open" | "ids" | "trapFocus" | "preventScroll" | "modal" | "initialFocusEl" | "finalFocusEl" | "restoreFocus" | "onOpenChange" | "closeOnInteractOutside" | "closeOnEscape" | "aria-label" | "role" | "defaultOpen" | "dir" | "id" | "getRootNode" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements">];
+export declare const props: ("open" | "ids" | "trapFocus" | "preventScroll" | "modal" | "initialFocusEl" | "finalFocusEl" | "restoreFocus" | "onOpenChange" | "closeOnInteractOutside" | "closeOnEscape" | "aria-label" | "role" | "defaultOpen" | "dir" | "id" | "getRootNode" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements")[];
+export declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "open" | "ids" | "trapFocus" | "preventScroll" | "modal" | "initialFocusEl" | "finalFocusEl" | "restoreFocus" | "onOpenChange" | "closeOnInteractOutside" | "closeOnEscape" | "aria-label" | "role" | "defaultOpen" | "dir" | "id" | "getRootNode" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements">];
 //#endregion
-export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type FocusOutsideEvent, type InteractOutsideEvent, type OpenChangeDetails, type PointerDownOutsideEvent, type Service, anatomy, connect, machine, props, splitProps };
+export type { MachineApi as Api, UserDefinedContext as Context, ElementIds, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, Service };

package/dist/index.mjs

@@ -7,11 +7,9 @@ import { preventBodyScroll } from "@destyler/remove-scroll";
 import { compact, createSplitProps, isControlled, resolveControllableOpen, withControllableProvided } from "@destyler/utils";
 import { createMachine } from "@destyler/xstate";
 import { createProps } from "@destyler/types";
-
 //#region src/anatomy.ts
 const anatomy = createAnatomy("dialog").parts("trigger", "backdrop", "positioner", "content", "title", "description", "closeTrigger");
 const parts = anatomy.build();
-
 //#endregion
 //#region src/dom.ts
 const dom = createScope({
@@ -30,7 +28,6 @@ const dom = createScope({
 	getDescriptionEl: (ctx) => dom.getById(ctx, dom.getDescriptionId(ctx)),
 	getCloseTriggerEl: (ctx) => dom.getById(ctx, dom.getCloseTriggerId(ctx))
 });
-
 //#endregion
 //#region src/connect.ts
 function connect(state, send, normalize) {
@@ -120,7 +117,6 @@ function connect(state, send, normalize) {
 		}
 	};
 }
-
 //#endregion
 //#region src/machine.ts
 function machine(userContext) {
@@ -194,24 +190,24 @@ function machine(userContext) {
 			} }
 		}
 	}, {
-		guards: { isOpenControlled: (ctx$1) => isControlled(ctx$1, "open") },
+		guards: { isOpenControlled: (ctx) => isControlled(ctx, "open") },
 		activities: {
-			trackDismissableElement(ctx$1, _evt, { send }) {
-				const getContentEl = () => dom.getContentEl(ctx$1);
+			trackDismissableElement(ctx, _evt, { send }) {
+				const getContentEl = () => dom.getContentEl(ctx);
 				return trackDismissableElement(getContentEl, {
 					defer: true,
-					pointerBlocking: ctx$1.modal,
-					exclude: [dom.getTriggerEl(ctx$1)],
+					pointerBlocking: ctx.modal,
+					exclude: [dom.getTriggerEl(ctx)],
 					onInteractOutside(event) {
-						ctx$1.onInteractOutside?.(event);
-						if (!ctx$1.closeOnInteractOutside) event.preventDefault();
+						ctx.onInteractOutside?.(event);
+						if (!ctx.closeOnInteractOutside) event.preventDefault();
 					},
-					persistentElements: ctx$1.persistentElements,
-					onFocusOutside: ctx$1.onFocusOutside,
-					onPointerDownOutside: ctx$1.onPointerDownOutside,
+					persistentElements: ctx.persistentElements,
+					onFocusOutside: ctx.onFocusOutside,
+					onPointerDownOutside: ctx.onPointerDownOutside,
 					onEscapeKeyDown(event) {
-						ctx$1.onEscapeKeyDown?.(event);
-						if (!ctx$1.closeOnEscape) event.preventDefault();
+						ctx.onEscapeKeyDown?.(event);
+						if (!ctx.closeOnEscape) event.preventDefault();
 					},
 					onDismiss() {
 						send({
@@ -221,64 +217,63 @@ function machine(userContext) {
 					}
 				});
 			},
-			preventScroll(ctx$1) {
-				if (!ctx$1.preventScroll) return;
-				return preventBodyScroll(dom.getDoc(ctx$1));
+			preventScroll(ctx) {
+				if (!ctx.preventScroll) return;
+				return preventBodyScroll(dom.getDoc(ctx));
 			},
-			trapFocus(ctx$1) {
-				if (!ctx$1.trapFocus || !ctx$1.modal) return;
-				const contentEl = () => dom.getContentEl(ctx$1);
+			trapFocus(ctx) {
+				if (!ctx.trapFocus || !ctx.modal) return;
+				const contentEl = () => dom.getContentEl(ctx);
 				return trapFocus(contentEl, {
 					preventScroll: true,
-					returnFocusOnDeactivate: !!ctx$1.restoreFocus,
-					initialFocus: ctx$1.initialFocusEl,
-					setReturnFocus: (el) => ctx$1.finalFocusEl?.() ?? el
+					returnFocusOnDeactivate: !!ctx.restoreFocus,
+					initialFocus: ctx.initialFocusEl,
+					setReturnFocus: (el) => ctx.finalFocusEl?.() ?? el
 				});
 			},
-			hideContentBelow(ctx$1) {
-				if (!ctx$1.modal) return;
-				const getElements = () => [dom.getContentEl(ctx$1)];
+			hideContentBelow(ctx) {
+				if (!ctx.modal) return;
+				const getElements = () => [dom.getContentEl(ctx)];
 				return ariaHidden(getElements, { defer: true });
 			}
 		},
 		actions: {
-			setAlertDialogProps(ctx$1) {
-				if (ctx$1.role !== "alertdialog") return;
-				ctx$1.initialFocusEl ||= () => dom.getCloseTriggerEl(ctx$1);
-				ctx$1.closeOnInteractOutside = false;
+			setAlertDialogProps(ctx) {
+				if (ctx.role !== "alertdialog") return;
+				ctx.initialFocusEl ||= () => dom.getCloseTriggerEl(ctx);
+				ctx.closeOnInteractOutside = false;
 			},
-			checkRenderedElements(ctx$1) {
+			checkRenderedElements(ctx) {
 				raf(() => {
-					ctx$1.renderedElements.title = !!dom.getTitleEl(ctx$1);
-					ctx$1.renderedElements.description = !!dom.getDescriptionEl(ctx$1);
+					ctx.renderedElements.title = !!dom.getTitleEl(ctx);
+					ctx.renderedElements.description = !!dom.getDescriptionEl(ctx);
 				});
 			},
-			syncZIndex(ctx$1) {
+			syncZIndex(ctx) {
 				raf(() => {
-					const contentEl = dom.getContentEl(ctx$1);
+					const contentEl = dom.getContentEl(ctx);
 					if (!contentEl) return;
 					const styles = getComputedStyle(contentEl);
-					[dom.getPositionerEl(ctx$1), dom.getBackdropEl(ctx$1)].forEach((node) => {
+					[dom.getPositionerEl(ctx), dom.getBackdropEl(ctx)].forEach((node) => {
 						node?.style.setProperty("--z-index", styles.zIndex);
 					});
 				});
 			},
-			invokeOnClose(ctx$1) {
-				ctx$1.onOpenChange?.({ open: false });
+			invokeOnClose(ctx) {
+				ctx.onOpenChange?.({ open: false });
 			},
-			invokeOnOpen(ctx$1) {
-				ctx$1.onOpenChange?.({ open: true });
+			invokeOnOpen(ctx) {
+				ctx.onOpenChange?.({ open: true });
 			},
-			toggleVisibility(ctx$1, evt, { send }) {
+			toggleVisibility(ctx, evt, { send }) {
 				send({
-					type: ctx$1.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+					type: ctx.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
 					previousEvent: evt
 				});
 			}
 		}
 	});
 }
-
 //#endregion
 //#region src/props.ts
 const props = createProps()([
@@ -308,6 +303,5 @@ const props = createProps()([
 	"trapFocus"
 ]);
 const splitProps = createSplitProps(props);
-
 //#endregion
-export { anatomy, connect, machine, props, splitProps };
+export { anatomy, connect, machine, props, splitProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@destyler/dialog",
   "type": "module",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "before taking action, please confirm.",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -22,15 +22,15 @@
     "dist"
   ],
   "dependencies": {
-    "@destyler/anatomy": "0.2.10",
-    "@destyler/aria-hidden": "0.2.10",
-    "@destyler/dismissable": "0.2.10",
-    "@destyler/remove-scroll": "0.2.10",
-    "@destyler/focus-trap": "0.2.10",
-    "@destyler/types": "0.2.10",
-    "@destyler/xstate": "0.2.10",
-    "@destyler/utils": "0.2.10",
-    "@destyler/dom": "0.2.10"
+    "@destyler/anatomy": "0.2.12",
+    "@destyler/aria-hidden": "0.2.12",
+    "@destyler/dismissable": "0.2.12",
+    "@destyler/dom": "0.2.12",
+    "@destyler/focus-trap": "0.2.12",
+    "@destyler/remove-scroll": "0.2.12",
+    "@destyler/types": "0.2.12",
+    "@destyler/utils": "0.2.12",
+    "@destyler/xstate": "0.2.12"
   },
   "publishConfig": {
     "access": "public"