@destyler/combobox 0.1.0 → 0.2.0-beta.5

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

@@ -7,7 +7,7 @@ import { FocusOutsideEvent, InteractOutsideEvent, InteractOutsideHandlers, Point
 import { CommonProperties, DirectionProperty, NormalizeProps, PropTypes, RequiredBy } from "@destyler/types";
 
 //#region src/anatomy.d.ts
-declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "label" | "control" | "input" | "content" | "trigger" | "clearTrigger" | "item" | "positioner" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "list">;
+declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "clearTrigger" | "content" | "control" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "label" | "list" | "positioner" | "trigger">;
 //#endregion
 //#region src/collection.d.ts
 declare function collection<T extends CollectionItem$1>(options: CollectionOptions$1<T>): ListCollection<T>;

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

@@ -211,12 +211,12 @@ function connect(state, send, normalize) {
 				"autoCorrect": "off",
 				"autoCapitalize": "none",
 				"spellCheck": "false",
-				"readOnly": readOnly,
+				...readOnly ? { readOnly: true } : {},
 				"placeholder": state.context.placeholder,
 				"id": dom.getInputId(state.context),
 				"type": "text",
 				"role": "combobox",
-				"defaultValue": state.context.inputValue,
+				"value": state.context.inputValue,
 				"aria-autocomplete": state.context.autoComplete ? "both" : "list",
 				"aria-controls": dom.getContentId(state.context),
 				"aria-expanded": open,
@@ -249,7 +249,7 @@ function connect(state, send, normalize) {
 					const openOnKeyPress = state.context.openOnKeyPress;
 					const isModifierKey = event.ctrlKey || event.metaKey || event.shiftKey;
 					const keypress = true;
-					const keymap = {
+					const exec = {
 						ArrowDown(event$1) {
 							if (!openOnKeyPress && !open) return;
 							send({
@@ -301,9 +301,7 @@ function connect(state, send, normalize) {
 							});
 							event.preventDefault();
 						}
-					};
-					const key = getEventKey(event, state.context);
-					const exec = keymap[key];
+					}[getEventKey(event, state.context)];
 					exec?.(event);
 				}
 			});
@@ -349,7 +347,7 @@ function connect(state, send, normalize) {
 				onKeyDown(event) {
 					if (event.defaultPrevented) return;
 					if (composite) return;
-					const keyMap = {
+					const exec = {
 						ArrowDown() {
 							send({
 								type: "INPUT.ARROW_DOWN",
@@ -362,9 +360,7 @@ function connect(state, send, normalize) {
 								src: "trigger"
 							});
 						}
-					};
-					const key = getEventKey(event, state.context);
-					const exec = keyMap[key];
+					}[getEventKey(event, state.context)];
 					if (exec) {
 						exec(event);
 						event.preventDefault();
@@ -449,8 +445,7 @@ function connect(state, send, normalize) {
 				onPointerLeave() {
 					if (props.persistFocus) return;
 					if (itemState.disabled) return;
-					const mouseMoved = state.previousEvent.type.includes("POINTER");
-					if (!mouseMoved) return;
+					if (!state.previousEvent.type.includes("POINTER")) return;
 					send({
 						type: "ITEM.POINTER_LEAVE",
 						value
@@ -1164,9 +1159,7 @@ function machine(userContext) {
 				const inputEl = dom.getInputEl(ctx$1);
 				const cleanups = [];
 				const exec = (immediate) => {
-					const state = getState();
-					const pointer = state.event.type.includes("POINTER");
-					if (pointer || !ctx$1.highlightedValue) return;
+					if (getState().event.type.includes("POINTER") || !ctx$1.highlightedValue) return;
 					const itemEl = dom.getHighlightedItemEl(ctx$1);
 					const contentEl = dom.getContentEl(ctx$1);
 					if (ctx$1.scrollToIndexFn) {
@@ -1240,8 +1233,7 @@ function machine(userContext) {
 			},
 			setFinalFocus(ctx$1) {
 				raf(() => {
-					const triggerEl = dom.getTriggerEl(ctx$1);
-					if (triggerEl?.dataset.focusable == null) dom.focusInputEl(ctx$1);
+					if (dom.getTriggerEl(ctx$1)?.dataset.focusable == null) dom.focusInputEl(ctx$1);
 					else dom.focusTriggerEl(ctx$1);
 				});
 			},

package/package.json

@@ -1,30 +1,39 @@
 {
   "name": "@destyler/combobox",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0-beta.5",
   "description": "autocomplete input and command palette with a list of suggestions.",
   "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/combobox"
+  },
   "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/aria-hidden": "0.1.0",
-    "@destyler/dismissable": "0.1.0",
-    "@destyler/collection": "0.1.0",
-    "@destyler/dom": "0.1.0",
-    "@destyler/popper": "0.1.0",
-    "@destyler/types": "0.1.0",
-    "@destyler/utils": "0.1.0",
-    "@destyler/xstate": "0.1.0"
+    "@destyler/aria-hidden": "0.2.0-beta.5",
+    "@destyler/collection": "0.2.0-beta.5",
+    "@destyler/anatomy": "0.2.0-beta.5",
+    "@destyler/dismissable": "0.2.0-beta.5",
+    "@destyler/dom": "0.2.0-beta.5",
+    "@destyler/popper": "0.2.0-beta.5",
+    "@destyler/types": "0.2.0-beta.5",
+    "@destyler/utils": "0.2.0-beta.5",
+    "@destyler/xstate": "0.2.0-beta.5"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "clear": "rimraf ./dist",