@destyler/dynamic 0.0.7-beta.9 → 0.2.0-beta.5

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

@@ -6,7 +6,7 @@ import { AnyEventObject, 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" | "input" | "label" | "control" | "item" | "itemDeleteTrigger" | "itemInput" | "clearTrigger" | "itemPreview" | "itemText">;
+declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "label" | "control" | "input" | "clearTrigger" | "item" | "itemPreview" | "itemInput" | "itemText" | "itemDeleteTrigger">;
 //#endregion
 //#region src/types.d.ts
 interface ValueChangeDetails {

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

@@ -8,7 +8,7 @@ import { createMachine, guards } from "@destyler/xstate";
 import { createProps } from "@destyler/types";
 
 //#region src/anatomy.ts
-const anatomy = createAnatomy("tagsInput").parts("root", "label", "control", "input", "clearTrigger", "item", "itemPreview", "itemInput", "itemText", "itemDeleteTrigger");
+const anatomy = createAnatomy("dynamic").parts("root", "label", "control", "input", "clearTrigger", "item", "itemPreview", "itemInput", "itemText", "itemDeleteTrigger");
 const parts = anatomy.build();
 
 //#endregion
@@ -39,8 +39,7 @@ const dom = createScope({
 	isInputFocused: (ctx) => dom.getDoc(ctx).activeElement === dom.getInputEl(ctx),
 	getHighlightedTagValue: (ctx) => {
 		if (!ctx.highlightedTagId) return null;
-		const tagEl = dom.getById(ctx, ctx.highlightedTagId);
-		return tagEl?.dataset.value ?? null;
+		return dom.getById(ctx, ctx.highlightedTagId)?.dataset.value ?? null;
 	},
 	setHoverIntent: (el) => {
 		const tagEl = el.closest("[data-part=item-preview]");
@@ -210,7 +209,7 @@ function connect(state, send, normalize) {
 					const target = event.currentTarget;
 					const isCombobox = target.getAttribute("role") === "combobox";
 					const isExpanded = target.ariaExpanded === "true";
-					const keyMap = {
+					const exec = {
 						ArrowDown() {
 							send("ARROW_DOWN");
 						},
@@ -238,9 +237,7 @@ function connect(state, send, normalize) {
 							send("ENTER");
 							event$1.preventDefault();
 						}
-					};
-					const key = getEventKey(event, state.context);
-					const exec = keyMap[key];
+					}[getEventKey(event, state.context)];
 					if (exec) exec(event);
 				}
 			});
@@ -330,15 +327,14 @@ function connect(state, send, normalize) {
 				onKeyDown(event) {
 					if (event.defaultPrevented) return;
 					if (isComposingEvent(event)) return;
-					const keyMap = {
+					const exec = {
 						Enter() {
 							send("TAG_INPUT_ENTER");
 						},
 						Escape() {
 							send("TAG_INPUT_ESCAPE");
 						}
-					};
-					const exec = keyMap[event.key];
+					}[event.key];
 					if (exec) {
 						event.preventDefault();
 						exec(event);
@@ -441,7 +437,7 @@ const set = {
 function machine(userContext) {
 	const ctx = compact(userContext);
 	return createMachine({
-		id: "tags-input",
+		id: "dynamic",
 		initial: ctx.autoFocus ? "focused:input" : "idle",
 		context: {
 			inputValue: "",
@@ -694,20 +690,18 @@ function machine(userContext) {
 			isAtMax: (ctx$1) => ctx$1.isAtMax,
 			hasHighlightedTag: (ctx$1) => ctx$1.highlightedTagId !== null,
 			isFirstTagHighlighted: (ctx$1) => {
-				const firstItemId = dom.getItemId(ctx$1, {
+				return dom.getItemId(ctx$1, {
 					value: ctx$1.value[0],
 					index: 0
-				});
-				return firstItemId === ctx$1.highlightedTagId;
+				}) === ctx$1.highlightedTagId;
 			},
 			isEditedTagEmpty: (ctx$1) => ctx$1.editedTagValue.trim() === "",
 			isLastTagHighlighted: (ctx$1) => {
 				const lastIndex = ctx$1.value.length - 1;
-				const lastItemId = dom.getItemId(ctx$1, {
+				return dom.getItemId(ctx$1, {
 					value: ctx$1.value[lastIndex],
 					index: lastIndex
-				});
-				return lastItemId === ctx$1.highlightedTagId;
+				}) === ctx$1.highlightedTagId;
 			},
 			isInputValueEmpty: (ctx$1) => ctx$1.trimmedInputValue.length === 0,
 			hasTags: (ctx$1) => ctx$1.value.length > 0,
@@ -761,11 +755,10 @@ function machine(userContext) {
 			},
 			autoResize(ctx$1) {
 				if (!ctx$1.editedTagValue || ctx$1.idx == null || !ctx$1.editable) return;
-				const input = dom.getTagInputEl(ctx$1, {
+				return autoResizeInput(dom.getTagInputEl(ctx$1, {
 					value: ctx$1.editedTagValue,
 					index: ctx$1.idx
-				});
-				return autoResizeInput(input);
+				}));
 			},
 			trackLiveRegion(ctx$1) {
 				ctx$1.liveRegion = createLiveRegion({
@@ -913,11 +906,10 @@ function machine(userContext) {
 			},
 			addTag(ctx$1, evt) {
 				const value = evt.value ?? ctx$1.trimmedInputValue;
-				const guard = ctx$1.validate?.({
+				if (ctx$1.validate?.({
 					inputValue: value,
 					value: Array.from(ctx$1.value)
-				});
-				if (guard) {
+				})) {
 					const nextValue = uniq(ctx$1.value.concat(value));
 					set.value(ctx$1, nextValue);
 					ctx$1.log.prev = ctx$1.log.current;
@@ -930,11 +922,10 @@ function machine(userContext) {
 			addTagFromPaste(ctx$1) {
 				raf(() => {
 					const value = ctx$1.trimmedInputValue;
-					const guard = ctx$1.validate?.({
+					if (ctx$1.validate?.({
 						inputValue: value,
 						value: Array.from(ctx$1.value)
-					});
-					if (guard) {
+					})) {
 						const trimmedValue = ctx$1.delimiter ? value.split(ctx$1.delimiter).map((v) => v.trim()) : [value];
 						const nextValue = uniq(ctx$1.value.concat(...trimmedValue));
 						set.value(ctx$1, nextValue);

package/package.json

@@ -1,29 +1,38 @@
 {
   "name": "@destyler/dynamic",
   "type": "module",
-  "version": "0.0.7-beta.9",
+  "version": "0.2.0-beta.5",
   "description": "inputs render tags inside an input, followed by an actual text input.",
   "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/dynamic"
+  },
   "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.0.7-beta.9",
-    "@destyler/auto-resize": "0.0.7-beta.9",
-    "@destyler/interact-outside": "0.0.7-beta.9",
-    "@destyler/live-region": "0.0.7-beta.9",
-    "@destyler/dom": "0.0.7-beta.9",
-    "@destyler/utils": "0.0.7-beta.9",
-    "@destyler/types": "0.0.7-beta.9",
-    "@destyler/xstate": "0.0.7-beta.9"
+    "@destyler/auto-resize": "0.2.0-beta.5",
+    "@destyler/anatomy": "0.2.0-beta.5",
+    "@destyler/live-region": "0.2.0-beta.5",
+    "@destyler/interact-outside": "0.2.0-beta.5",
+    "@destyler/types": "0.2.0-beta.5",
+    "@destyler/dom": "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",