@destyler/edit 0.2.11 → 0.2.13

package/dist/index.d.mts

@@ -1,11 +1,8 @@
-import * as _destyler_anatomy0 from "@destyler/anatomy";
 import { FocusOutsideEvent, InteractOutsideEvent, InteractOutsideHandlers, PointerDownOutsideEvent } from "@destyler/interact-outside";
-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<"root" | "area" | "label" | "preview" | "input" | "editTrigger" | "submitTrigger" | "cancelTrigger" | "control">;
+export declare const anatomy: import("@destyler/anatomy").AnatomyInstance<"preview" | "root" | "area" | "label" | "input" | "control" | "submitTrigger" | "cancelTrigger" | "editTrigger">;
 //#endregion
 //#region src/types.d.ts
 interface ValueChangeDetails {
@@ -225,13 +222,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: ("edit" | "id" | "ids" | "invalid" | "name" | "form" | "autoResize" | "activationMode" | "submitMode" | "selectOnFocus" | "value" | "defaultValue" | "maxLength" | "disabled" | "readOnly" | "required" | "onValueChange" | "onValueRevert" | "onValueCommit" | "onEditChange" | "placeholder" | "translations" | "finalFocusEl" | "dir" | "getRootNode" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "edit" | "id" | "ids" | "invalid" | "name" | "form" | "autoResize" | "activationMode" | "submitMode" | "selectOnFocus" | "value" | "defaultValue" | "maxLength" | "disabled" | "readOnly" | "required" | "onValueChange" | "onValueRevert" | "onValueCommit" | "onEditChange" | "placeholder" | "translations" | "finalFocusEl" | "dir" | "getRootNode" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside">];
+export declare const props: ("edit" | "id" | "ids" | "invalid" | "name" | "form" | "autoResize" | "activationMode" | "submitMode" | "selectOnFocus" | "value" | "defaultValue" | "maxLength" | "disabled" | "readOnly" | "required" | "onValueChange" | "onValueRevert" | "onValueCommit" | "onEditChange" | "placeholder" | "translations" | "finalFocusEl" | "dir" | "getRootNode" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside")[];
+export declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "edit" | "id" | "ids" | "invalid" | "name" | "form" | "autoResize" | "activationMode" | "submitMode" | "selectOnFocus" | "value" | "defaultValue" | "maxLength" | "disabled" | "readOnly" | "required" | "onValueChange" | "onValueRevert" | "onValueCommit" | "onEditChange" | "placeholder" | "translations" | "finalFocusEl" | "dir" | "getRootNode" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside">];
 //#endregion
-export { type ActivationMode, type MachineApi as Api, type UserDefinedContext as Context, type EditChangeDetails, type ElementIds, type FocusOutsideEvent, type InteractOutsideEvent, type IntlTranslations, type PointerDownOutsideEvent, type Service, type SubmitMode, type ValueChangeDetails, anatomy, connect, machine, props, splitProps };
+export type { ActivationMode, MachineApi as Api, UserDefinedContext as Context, EditChangeDetails, ElementIds, FocusOutsideEvent, InteractOutsideEvent, IntlTranslations, PointerDownOutsideEvent, Service, SubmitMode, ValueChangeDetails };

package/dist/index.mjs

@@ -4,11 +4,9 @@ import { trackInteractOutside } from "@destyler/interact-outside";
 import { compact, createSplitProps, isControlled, isEqual, isPropUserProvided, resolveControllableProp, withControllableProvided } from "@destyler/utils";
 import { createMachine } from "@destyler/xstate";
 import { createProps } from "@destyler/types";
-
 //#region src/anatomy.ts
 const anatomy = createAnatomy("edit").parts("root", "area", "label", "preview", "input", "editTrigger", "submitTrigger", "cancelTrigger", "control");
 const parts = anatomy.build();
-
 //#endregion
 //#region src/dom.ts
 const dom = createScope({
@@ -27,7 +25,6 @@ const dom = createScope({
 	getCancelTriggerEl: (ctx) => dom.getById(ctx, dom.getCancelTriggerId(ctx)),
 	getEditTriggerEl: (ctx) => dom.getById(ctx, dom.getEditTriggerId(ctx))
 });
-
 //#endregion
 //#region src/connect.ts
 function connect(state, send, normalize) {
@@ -51,10 +48,10 @@ function connect(state, send, normalize) {
 		empty,
 		value,
 		valueText,
-		setValue(value$1) {
+		setValue(value) {
 			send({
 				type: "VALUE.SET",
-				value: value$1,
+				value,
 				src: "setValue"
 			});
 		},
@@ -145,23 +142,23 @@ function connect(state, send, normalize) {
 							send("CANCEL");
 							event.preventDefault();
 						},
-						Enter(event$1) {
+						Enter(event) {
 							if (!state.context.submitOnEnter) return;
-							const { localName } = event$1.currentTarget;
+							const { localName } = event.currentTarget;
 							if (localName === "textarea") {
-								if (!(isApple() ? event$1.metaKey : event$1.ctrlKey)) return;
+								if (!(isApple() ? event.metaKey : event.ctrlKey)) return;
 								send({
 									type: "SUBMIT",
 									src: "keydown.enter"
 								});
 								return;
 							}
-							if (localName === "input" && !event$1.shiftKey && !event$1.metaKey) {
+							if (localName === "input" && !event.shiftKey && !event.metaKey) {
 								send({
 									type: "SUBMIT",
 									src: "keydown.enter"
 								});
-								event$1.preventDefault();
+								event.preventDefault();
 							}
 						}
 					}[event.key];
@@ -291,7 +288,6 @@ function connect(state, send, normalize) {
 		}
 	};
 }
-
 //#endregion
 //#region src/machine.ts
 const submitOnEnter = (ctx) => ["both", "enter"].includes(ctx.submitMode);
@@ -356,7 +352,7 @@ function machine(userContext) {
 		computed: {
 			submitOnEnter,
 			submitOnBlur,
-			isInteractive: (ctx$1) => !(ctx$1.disabled || ctx$1.readOnly)
+			isInteractive: (ctx) => !(ctx.disabled || ctx.readOnly)
 		},
 		on: { "VALUE.SET": { actions: "setValue" } },
 		states: {
@@ -428,22 +424,22 @@ function machine(userContext) {
 		}
 	}, {
 		guards: {
-			isEditControlled: (ctx$1) => isControlled(ctx$1, "edit"),
+			isEditControlled: (ctx) => isControlled(ctx, "edit"),
 			isSubmitEvent: (_ctx, evt) => evt.previousEvent?.type === "SUBMIT"
 		},
-		activities: { trackInteractOutside(ctx$1, _evt, { send }) {
-			return trackInteractOutside(dom.getInputEl(ctx$1), {
+		activities: { trackInteractOutside(ctx, _evt, { send }) {
+			return trackInteractOutside(dom.getInputEl(ctx), {
 				exclude(target) {
-					return [dom.getCancelTriggerEl(ctx$1), dom.getSubmitTriggerEl(ctx$1)].some((el) => contains(el, target));
+					return [dom.getCancelTriggerEl(ctx), dom.getSubmitTriggerEl(ctx)].some((el) => contains(el, target));
 				},
-				onFocusOutside: ctx$1.onFocusOutside,
-				onPointerDownOutside: ctx$1.onPointerDownOutside,
+				onFocusOutside: ctx.onFocusOutside,
+				onPointerDownOutside: ctx.onPointerDownOutside,
 				onInteractOutside(event) {
-					ctx$1.onInteractOutside?.(event);
+					ctx.onInteractOutside?.(event);
 					if (event.defaultPrevented) return;
 					const { focusable } = event.detail;
 					send({
-						type: submitOnBlur(ctx$1) ? "SUBMIT" : "CANCEL",
+						type: submitOnBlur(ctx) ? "SUBMIT" : "CANCEL",
 						src: "interact-outside",
 						focusable
 					});
@@ -451,58 +447,57 @@ function machine(userContext) {
 			});
 		} },
 		actions: {
-			restoreFocus(ctx$1, evt) {
+			restoreFocus(ctx, evt) {
 				if (evt.focusable) return;
 				raf(() => {
-					(ctx$1.finalFocusEl?.() ?? dom.getEditTriggerEl(ctx$1))?.focus({ preventScroll: true });
+					(ctx.finalFocusEl?.() ?? dom.getEditTriggerEl(ctx))?.focus({ preventScroll: true });
 				});
 			},
-			focusInput(ctx$1) {
+			focusInput(ctx) {
 				raf(() => {
-					const inputEl = dom.getInputEl(ctx$1);
+					const inputEl = dom.getInputEl(ctx);
 					if (!inputEl) return;
-					if (ctx$1.selectOnFocus) inputEl.select();
+					if (ctx.selectOnFocus) inputEl.select();
 					else inputEl.focus({ preventScroll: true });
 				});
 			},
-			invokeOnCancel(ctx$1) {
-				ctx$1.onValueRevert?.({ value: ctx$1.previousValue });
+			invokeOnCancel(ctx) {
+				ctx.onValueRevert?.({ value: ctx.previousValue });
 			},
-			invokeOnSubmit(ctx$1) {
-				ctx$1.onValueCommit?.({ value: ctx$1.value });
+			invokeOnSubmit(ctx) {
+				ctx.onValueCommit?.({ value: ctx.value });
 			},
-			invokeOnEdit(ctx$1) {
-				ctx$1.onEditChange?.({ edit: true });
+			invokeOnEdit(ctx) {
+				ctx.onEditChange?.({ edit: true });
 			},
-			invokeOnPreview(ctx$1) {
-				ctx$1.onEditChange?.({ edit: false });
+			invokeOnPreview(ctx) {
+				ctx.onEditChange?.({ edit: false });
 			},
-			toggleEditing(ctx$1, evt, { send }) {
+			toggleEditing(ctx, evt, { send }) {
 				send({
-					type: ctx$1.edit ? "CONTROLLED.EDIT" : "CONTROLLED.PREVIEW",
+					type: ctx.edit ? "CONTROLLED.EDIT" : "CONTROLLED.PREVIEW",
 					previousEvent: evt
 				});
 			},
-			syncInputValue(ctx$1) {
-				sync.value(ctx$1);
+			syncInputValue(ctx) {
+				sync.value(ctx);
 			},
-			setValue(ctx$1, evt) {
-				const value = ctx$1.maxLength != null ? evt.value.slice(0, ctx$1.maxLength) : evt.value;
-				set.value(ctx$1, value);
+			setValue(ctx, evt) {
+				const value = ctx.maxLength != null ? evt.value.slice(0, ctx.maxLength) : evt.value;
+				set.value(ctx, value);
 			},
-			setPreviousValue(ctx$1) {
-				ctx$1.previousValue = ctx$1.value;
+			setPreviousValue(ctx) {
+				ctx.previousValue = ctx.value;
 			},
-			revertValue(ctx$1) {
-				set.value(ctx$1, ctx$1.previousValue);
+			revertValue(ctx) {
+				set.value(ctx, ctx.previousValue);
 			},
-			blurInputIfNeeded(ctx$1) {
-				dom.getInputEl(ctx$1)?.blur();
+			blurInputIfNeeded(ctx) {
+				dom.getInputEl(ctx)?.blur();
 			}
 		}
 	});
 }
-
 //#endregion
 //#region src/props.ts
 const props = createProps()([
@@ -536,6 +531,5 @@ const props = createProps()([
 	"value"
 ]);
 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/edit",
   "type": "module",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "a component that allows users to edit text in place.",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -22,12 +22,12 @@
     "dist"
   ],
   "dependencies": {
-    "@destyler/anatomy": "0.2.11",
-    "@destyler/dom": "0.2.11",
-    "@destyler/utils": "0.2.11",
-    "@destyler/types": "0.2.11",
-    "@destyler/xstate": "0.2.11",
-    "@destyler/interact-outside": "0.2.11"
+    "@destyler/anatomy": "0.2.13",
+    "@destyler/dom": "0.2.13",
+    "@destyler/interact-outside": "0.2.13",
+    "@destyler/types": "0.2.13",
+    "@destyler/utils": "0.2.13",
+    "@destyler/xstate": "0.2.13"
   },
   "publishConfig": {
     "access": "public"