@destyler/tabs 0.1.0 → 0.2.0

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

@@ -22,8 +22,7 @@ const dom = createScope({
 	getTriggerEl: (ctx, id) => dom.getById(ctx, dom.getTriggerId(ctx, id)),
 	getIndicatorEl: (ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),
 	getElements: (ctx) => {
-		const ownerId = CSS.escape(dom.getListId(ctx));
-		const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`;
+		const selector = `[role=tab][data-ownedby='${CSS.escape(dom.getListId(ctx))}']:not([disabled])`;
 		return queryAll(dom.getListEl(ctx), selector);
 	},
 	getFirstTriggerEl: (ctx) => first(dom.getElements(ctx)),
@@ -87,10 +86,9 @@ function connect(state, send, normalize) {
 			send({ type: "CLEAR_VALUE" });
 		},
 		setIndicatorRect(value) {
-			const id = dom.getTriggerId(state.context, value);
 			send({
 				type: "SET_INDICATOR_RECT",
-				id
+				id: dom.getTriggerId(state.context, value)
 			});
 		},
 		syncTabIndex() {
@@ -144,7 +142,7 @@ function connect(state, send, normalize) {
 					if (event.defaultPrevented) return;
 					if (!isSelfTarget(event)) return;
 					if (isComposingEvent(event)) return;
-					const keyMap = {
+					const exec = {
 						ArrowDown() {
 							if (isHorizontal) return;
 							send({
@@ -182,9 +180,7 @@ function connect(state, send, normalize) {
 						Enter() {
 							send({ type: "ENTER" });
 						}
-					};
-					const key = getEventKey(event, state.context);
-					const exec = keyMap[key];
+					}[getEventKey(event, state.context)];
 					if (exec) {
 						event.preventDefault();
 						exec(event);
@@ -221,8 +217,7 @@ function connect(state, send, normalize) {
 					});
 				},
 				onBlur(event) {
-					const target = event.relatedTarget;
-					if (target?.getAttribute("role") !== "tab") send({ type: "TAB_BLUR" });
+					if (event.relatedTarget?.getAttribute("role") !== "tab") send({ type: "TAB_BLUR" });
 				},
 				onClick(event) {
 					if (event.defaultPrevented) return;
@@ -403,8 +398,7 @@ function machine(userContext) {
 			},
 			selectFocusedTab(ctx$1) {
 				raf(() => {
-					const nullable = ctx$1.deselectable && ctx$1.value === ctx$1.focusedValue;
-					const value = nullable ? null : ctx$1.focusedValue;
+					const value = ctx$1.deselectable && ctx$1.value === ctx$1.focusedValue ? null : ctx$1.focusedValue;
 					set.value(ctx$1, value);
 				});
 			},
@@ -416,8 +410,7 @@ function machine(userContext) {
 				set.focusedValue(ctx$1, null);
 			},
 			setValue(ctx$1, evt) {
-				const nullable = ctx$1.deselectable && ctx$1.value === ctx$1.focusedValue;
-				const value = nullable ? null : evt.value;
+				const value = ctx$1.deselectable && ctx$1.value === ctx$1.focusedValue ? null : evt.value;
 				set.value(ctx$1, value);
 			},
 			clearValue(ctx$1) {
@@ -456,8 +449,7 @@ function machine(userContext) {
 				raf(() => {
 					const contentEl = dom.getSelectedContentEl(ctx$1);
 					if (!contentEl) return;
-					const focusables = getFocusables(contentEl);
-					if (focusables.length > 0) contentEl.removeAttribute("tabindex");
+					if (getFocusables(contentEl).length > 0) contentEl.removeAttribute("tabindex");
 					else contentEl.setAttribute("tabindex", "0");
 				});
 			},
@@ -470,8 +462,7 @@ function machine(userContext) {
 			setIndicatorRect(ctx$1, evt) {
 				const value = evt.id ?? ctx$1.value;
 				if (!ctx$1.indicatorState.rendered || !value) return;
-				const triggerEl = dom.getTriggerEl(ctx$1, value);
-				if (!triggerEl) return;
+				if (!dom.getTriggerEl(ctx$1, value)) return;
 				ctx$1.indicatorState.rect = dom.getRectById(ctx$1, value);
 				nextTick(() => {
 					ctx$1.indicatorState.transition = false;

package/package.json

@@ -1,27 +1,36 @@
 {
   "name": "@destyler/tabs",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A set of layered sections of content—known as tab panels—that are displayed one 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/tabs"
+  },
   "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/element-rect": "0.1.0",
-    "@destyler/dom": "0.1.0",
-    "@destyler/utils": "0.1.0",
-    "@destyler/types": "0.1.0",
-    "@destyler/xstate": "0.1.0"
+    "@destyler/anatomy": "0.2.0",
+    "@destyler/element-rect": "0.2.0",
+    "@destyler/dom": "0.2.0",
+    "@destyler/types": "0.2.0",
+    "@destyler/xstate": "0.2.0",
+    "@destyler/utils": "0.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
     "clear": "rimraf ./dist",