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

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

@@ -4,7 +4,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<"root" | "label" | "indicator" | "item" | "itemControl" | "itemText">;
+declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator">;
 //#endregion
 //#region src/types.d.ts
 interface ValueChangeDetails {

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

@@ -26,8 +26,7 @@ const dom = createScope({
 	getFirstEnabledInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled)"),
 	getFirstEnabledAndCheckedInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled):checked"),
 	getInputEls: (ctx) => {
-		const ownerId = CSS.escape(dom.getRootId(ctx));
-		const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
+		const selector = `input[type=radio][data-ownedby='${CSS.escape(dom.getRootId(ctx))}']:not([disabled])`;
 		return queryAll(dom.getRootEl(ctx), selector);
 	},
 	getActiveRadioEl: (ctx) => {
@@ -88,8 +87,7 @@ function connect(state, send, normalize) {
 			firstEnabledAndCheckedInput.focus();
 			return;
 		}
-		const firstEnabledInput = dom.getFirstEnabledInputEl(state.context);
-		firstEnabledInput?.focus();
+		dom.getFirstEnabledInputEl(state.context)?.focus();
 	};
 	return {
 		focus,
@@ -289,7 +287,6 @@ const set = { value: (ctx, value) => {
 	invoke.change(ctx);
 } };
 function machine(userContext) {
-	const ctx = compact(userContext);
 	return createMachine({
 		id: "radio",
 		initial: "idle",
@@ -300,14 +297,14 @@ function machine(userContext) {
 			hoveredValue: null,
 			disabled: false,
 			orientation: "vertical",
-			...ctx,
+			...compact(userContext),
 			indicatorRect: {},
 			canIndicatorTransition: false,
 			fieldsetDisabled: false,
 			focusVisible: false,
 			ssr: true
 		},
-		computed: { isDisabled: (ctx$1) => !!ctx$1.disabled || ctx$1.fieldsetDisabled },
+		computed: { isDisabled: (ctx) => !!ctx.disabled || ctx.fieldsetDisabled },
 		entry: ["syncIndicatorRect", "syncSsr"],
 		exit: ["cleanupObserver"],
 		activities: ["trackFormControlState", "trackFocusVisible"],
@@ -329,10 +326,10 @@ function machine(userContext) {
 	}, {
 		guards: { isTrusted: (_ctx, evt) => !!evt.isTrusted },
 		activities: {
-			trackFormControlState(ctx$1, _evt, { send, initialContext }) {
-				return trackFormControl(dom.getRootEl(ctx$1), {
+			trackFormControlState(ctx, _evt, { send, initialContext }) {
+				return trackFormControl(dom.getRootEl(ctx), {
 					onFieldsetDisabledChange(disabled) {
-						ctx$1.fieldsetDisabled = disabled;
+						ctx.fieldsetDisabled = disabled;
 					},
 					onFormReset() {
 						send({
@@ -342,64 +339,62 @@ function machine(userContext) {
 					}
 				});
 			},
-			trackFocusVisible(ctx$1) {
-				return trackFocusVisible({ root: dom.getRootNode(ctx$1) });
+			trackFocusVisible(ctx) {
+				return trackFocusVisible({ root: dom.getRootNode(ctx) });
 			}
 		},
 		actions: {
-			setValue(ctx$1, evt) {
-				set.value(ctx$1, evt.value);
+			setValue(ctx, evt) {
+				set.value(ctx, evt.value);
 			},
-			setHovered(ctx$1, evt) {
-				ctx$1.hoveredValue = evt.value;
+			setHovered(ctx, evt) {
+				ctx.hoveredValue = evt.value;
 			},
-			setActive(ctx$1, evt) {
-				ctx$1.activeValue = evt.value;
+			setActive(ctx, evt) {
+				ctx.activeValue = evt.value;
 			},
-			setFocused(ctx$1, evt) {
-				ctx$1.focusedValue = evt.value;
-				ctx$1.focusVisible = evt.focusVisible;
+			setFocused(ctx, evt) {
+				ctx.focusedValue = evt.value;
+				ctx.focusVisible = evt.focusVisible;
 			},
-			syncInputElements(ctx$1) {
-				const inputs = dom.getInputEls(ctx$1);
-				inputs.forEach((input) => {
-					input.checked = input.value === ctx$1.value;
+			syncInputElements(ctx) {
+				dom.getInputEls(ctx).forEach((input) => {
+					input.checked = input.value === ctx.value;
 				});
 			},
-			setIndicatorTransition(ctx$1) {
-				ctx$1.canIndicatorTransition = isString(ctx$1.value);
+			setIndicatorTransition(ctx) {
+				ctx.canIndicatorTransition = isString(ctx.value);
 			},
-			cleanupObserver(ctx$1) {
-				ctx$1.indicatorCleanup?.();
+			cleanupObserver(ctx) {
+				ctx.indicatorCleanup?.();
 			},
-			syncSsr(ctx$1) {
-				ctx$1.ssr = false;
+			syncSsr(ctx) {
+				ctx.ssr = false;
 			},
-			syncIndicatorRect(ctx$1) {
-				ctx$1.indicatorCleanup?.();
-				if (!dom.getIndicatorEl(ctx$1)) return;
-				const value = ctx$1.value;
-				const radioEl = dom.getActiveRadioEl(ctx$1);
+			syncIndicatorRect(ctx) {
+				ctx.indicatorCleanup?.();
+				if (!dom.getIndicatorEl(ctx)) return;
+				const value = ctx.value;
+				const radioEl = dom.getActiveRadioEl(ctx);
 				if (value == null || !radioEl) {
-					ctx$1.indicatorRect = {};
+					ctx.indicatorRect = {};
 					return;
 				}
-				ctx$1.indicatorCleanup = trackElementRect(radioEl, {
+				ctx.indicatorCleanup = trackElementRect(radioEl, {
 					getRect(el) {
 						return dom.getOffsetRect(el);
 					},
 					onChange(rect) {
-						ctx$1.indicatorRect = dom.resolveRect(rect);
+						ctx.indicatorRect = dom.resolveRect(rect);
 						nextTick(() => {
-							ctx$1.canIndicatorTransition = false;
+							ctx.canIndicatorTransition = false;
 						});
 					}
 				});
 			},
-			dispatchChangeEvent(ctx$1) {
-				const inputEls = dom.getInputEls(ctx$1);
-				inputEls.forEach((inputEl) => {
-					const checked = inputEl.value === ctx$1.value;
+			dispatchChangeEvent(ctx) {
+				dom.getInputEls(ctx).forEach((inputEl) => {
+					const checked = inputEl.value === ctx.value;
 					if (checked === inputEl.checked) return;
 					dispatchInputCheckedEvent(inputEl, { checked });
 				});

package/package.json

@@ -1,28 +1,37 @@
 {
   "name": "@destyler/radio",
   "type": "module",
-  "version": "0.0.7-beta.9",
+  "version": "0.2.0-beta.5",
   "description": "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.",
   "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/radio"
+  },
   "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/dom": "0.0.7-beta.9",
-    "@destyler/element-rect": "0.0.7-beta.9",
-    "@destyler/focus-visible": "0.0.7-beta.9",
-    "@destyler/types": "0.0.7-beta.9",
-    "@destyler/utils": "0.0.7-beta.9",
-    "@destyler/xstate": "0.0.7-beta.9"
+    "@destyler/anatomy": "0.2.0-beta.5",
+    "@destyler/dom": "0.2.0-beta.5",
+    "@destyler/element-rect": "0.2.0-beta.5",
+    "@destyler/focus-visible": "0.2.0-beta.5",
+    "@destyler/utils": "0.2.0-beta.5",
+    "@destyler/types": "0.2.0-beta.5",
+    "@destyler/xstate": "0.2.0-beta.5"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "clear": "rimraf ./dist",