@destyler/edit 0.1.0 → 0.2.0

package/dist/{index.d.ts → index.d.mts}

@@ -5,7 +5,7 @@ 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<"preview" | "root" | "area" | "label" | "input" | "control" | "submitTrigger" | "cancelTrigger" | "editTrigger">;
+declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "area" | "label" | "preview" | "input" | "editTrigger" | "submitTrigger" | "cancelTrigger" | "control">;
 //#endregion
 //#region src/types.d.ts
 interface ValueChangeDetails {

package/dist/{index.js → index.mjs}

@@ -105,8 +105,7 @@ function connect(state, send, normalize) {
 				"data-invalid": dataAttr(invalid),
 				onClick() {
 					if (editing) return;
-					const previewEl = dom.getPreviewEl(state.context);
-					previewEl?.focus({ preventScroll: true });
+					dom.getPreviewEl(state.context)?.focus({ preventScroll: true });
 				}
 			});
 		},
@@ -124,7 +123,7 @@ function connect(state, send, normalize) {
 				"required": state.context.required,
 				"disabled": disabled,
 				"data-disabled": dataAttr(disabled),
-				"readOnly": readOnly,
+				"readOnly": readOnly ? true : void 0,
 				"data-readonly": dataAttr(readOnly),
 				"aria-invalid": ariaAttr(invalid),
 				"data-invalid": dataAttr(invalid),
@@ -141,7 +140,7 @@ function connect(state, send, normalize) {
 				onKeyDown(event) {
 					if (event.defaultPrevented) return;
 					if (isComposingEvent(event)) return;
-					const keyMap = {
+					const exec = {
 						Escape() {
 							send("CANCEL");
 							event.preventDefault();
@@ -150,8 +149,7 @@ function connect(state, send, normalize) {
 							if (!state.context.submitOnEnter) return;
 							const { localName } = event$1.currentTarget;
 							if (localName === "textarea") {
-								const submitMod = isApple() ? event$1.metaKey : event$1.ctrlKey;
-								if (!submitMod) return;
+								if (!(isApple() ? event$1.metaKey : event$1.ctrlKey)) return;
 								send({
 									type: "SUBMIT",
 									src: "keydown.enter"
@@ -166,8 +164,7 @@ function connect(state, send, normalize) {
 								event$1.preventDefault();
 							}
 						}
-					};
-					const exec = keyMap[event.key];
+					}[event.key];
 					if (exec) exec(event);
 				},
 				"style": autoResize ? {
@@ -183,7 +180,7 @@ function connect(state, send, normalize) {
 				"dir": state.context.dir,
 				"data-placeholder-shown": dataAttr(empty),
 				"aria-readonly": ariaAttr(readOnly),
-				"data-readonly": dataAttr(disabled),
+				"data-readonly": dataAttr(readOnly),
 				"data-disabled": dataAttr(disabled),
 				"aria-disabled": ariaAttr(disabled),
 				"aria-invalid": ariaAttr(invalid),
@@ -420,8 +417,7 @@ function machine(userContext) {
 		activities: { trackInteractOutside(ctx$1, _evt, { send }) {
 			return trackInteractOutside(dom.getInputEl(ctx$1), {
 				exclude(target) {
-					const ignore = [dom.getCancelTriggerEl(ctx$1), dom.getSubmitTriggerEl(ctx$1)];
-					return ignore.some((el) => contains(el, target));
+					return [dom.getCancelTriggerEl(ctx$1), dom.getSubmitTriggerEl(ctx$1)].some((el) => contains(el, target));
 				},
 				onFocusOutside: ctx$1.onFocusOutside,
 				onPointerDownOutside: ctx$1.onPointerDownOutside,
@@ -441,8 +437,7 @@ function machine(userContext) {
 			restoreFocus(ctx$1, evt) {
 				if (evt.focusable) return;
 				raf(() => {
-					const finalEl = ctx$1.finalFocusEl?.() ?? dom.getEditTriggerEl(ctx$1);
-					finalEl?.focus({ preventScroll: true });
+					(ctx$1.finalFocusEl?.() ?? dom.getEditTriggerEl(ctx$1))?.focus({ preventScroll: true });
 				});
 			},
 			focusInput(ctx$1) {

package/package.json

@@ -1,27 +1,36 @@
 {
   "name": "@destyler/edit",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "a component that allows users to edit text in place.",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
+  "homepage": "https://github.com/destyler/destyler",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/destyler/destyler.git",
+    "directory": "packages/components/edit"
+  },
   "exports": {
-    ".": "./dist/index.js"
+    ".": "./dist/index.mjs"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.mts",
   "files": [
     "*.d.ts",
     "dist"
   ],
   "dependencies": {
-    "@destyler/anatomy": "0.1.0",
-    "@destyler/interact-outside": "0.1.0",
-    "@destyler/dom": "0.1.0",
-    "@destyler/utils": "0.1.0",
-    "@destyler/types": "0.1.0",
-    "@destyler/xstate": "0.1.0"
+    "@destyler/dom": "0.2.0",
+    "@destyler/types": "0.2.0",
+    "@destyler/utils": "0.2.0",
+    "@destyler/interact-outside": "0.2.0",
+    "@destyler/anatomy": "0.2.0",
+    "@destyler/xstate": "0.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "clear": "rimraf ./dist",