@bindtty/layout 0.1.0-alpha.2 → 0.1.0-alpha.4

package/README.md

@@ -16,9 +16,7 @@ const layoutTree = layoutRoot(runtime.root, {
 
 ## 已支持的 intrinsic 布局
 
-`screen`、`box`、`vstack`、`hstack`、`text`、`spacer`，以及 `fragment` / `show` / `for` 结构节点。
-
-intrinsic `button` / `input` 在 schema 有定义，但 layout 会抛 `Unsupported layout element`；交互控件请使用 `@bindtty/widgets` 的组合实现。
+`screen`、`box`、`vstack`、`hstack`、`text`、`spacer`，以及 `fragment` / `show` / `for` 结构节点。交互控件请使用 `@bindtty/widgets` 的组合实现。
 
 高级 layout props 见 [doc/specs/LAYOUT_PROPS.md](../../doc/specs/LAYOUT_PROPS.md)（支持矩阵；运行 `npm run gen:layout-props` 同步文档）。默认 engine 为 `YogaLayoutEngine`。
 

package/dist/basic-engine.js

@@ -46,9 +46,6 @@ function measureElement(node, constraint) {
             return measureFlowChildren(node.children, "row", constraint);
         case "box":
             return measureBox(node, constraint);
-        case "button":
-        case "input":
-            throw new Error(`Unsupported layout element: ${node.tag}`);
     }
 }
 function measureTextElement(node, constraint) {
@@ -147,9 +144,6 @@ function arrangeElement(node, rect, constraint) {
         case "text":
         case "spacer":
             return createLeafLayout(node, rect);
-        case "button":
-        case "input":
-            throw new Error(`Unsupported layout element: ${node.tag}`);
     }
 }
 function arrangeBox(node, rect, constraint) {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { createBasicLayoutEngine } from "./basic-engine.js";
 export { createYogaLayoutEngine } from "./yoga-engine.js";
 export { layoutRoot } from "./layout.js";
-export { basicSupportedPropsByTag, futureLayoutProps, getLayoutPropMatrixStatus, matrixLayoutProps, nonLayoutElementTags, resolveMargin, resolvePadding, yogaSupportedPropsByTag } from "./layout-props.js";
+export { basicSupportedPropsByTag, futureLayoutProps, getLayoutPropMatrixStatus, matrixLayoutProps, resolveMargin, resolvePadding, yogaSupportedPropsByTag } from "./layout-props.js";
 export type { BoxMarginEdges, BoxPaddingEdges, LayoutElementTag, LayoutPropMatrixStatus, MatrixLayoutProp } from "./layout-props.js";
 export { createZeroRect } from "./measure.js";
 export type { LayoutFlow } from "./intrinsic.js";

package/dist/index.js

@@ -1,5 +1,5 @@
 export { createBasicLayoutEngine } from "./basic-engine.js";
 export { createYogaLayoutEngine } from "./yoga-engine.js";
 export { layoutRoot } from "./layout.js";
-export { basicSupportedPropsByTag, futureLayoutProps, getLayoutPropMatrixStatus, matrixLayoutProps, nonLayoutElementTags, resolveMargin, resolvePadding, yogaSupportedPropsByTag } from "./layout-props.js";
+export { basicSupportedPropsByTag, futureLayoutProps, getLayoutPropMatrixStatus, matrixLayoutProps, resolveMargin, resolvePadding, yogaSupportedPropsByTag } from "./layout-props.js";
 export { createZeroRect } from "./measure.js";

package/dist/layout-props.d.ts

@@ -2,7 +2,6 @@ import type { MountedElementNode } from "@bindtty/vnode";
 export type LayoutOverflow = "visible" | "clip";
 export type LayoutElementTag = MountedElementNode["tag"];
 export declare const yogaSupportedPropsByTag: Record<LayoutElementTag, ReadonlySet<string>>;
-export declare const nonLayoutElementTags: Set<import("@bindtty/vnode").IntrinsicElementTag>;
 export declare const basicSupportedPropsByTag: Record<LayoutElementTag, ReadonlySet<string>>;
 export declare const futureLayoutProps: Set<string>;
 export declare const layoutPropAliases: Map<string, string>;

package/dist/layout-props.js

@@ -80,11 +80,8 @@ export const yogaSupportedPropsByTag = {
         "flexShrink",
         ...yogaLayoutItemTags
     ]),
-    spacer: new Set(["size", "flexGrow", "flexShrink", ...yogaLayoutItemTags]),
-    button: new Set(["value", "disabled", "flexGrow", "flexShrink"]),
-    input: new Set(["value", "placeholder", "flexGrow", "flexShrink"])
+    spacer: new Set(["size", "flexGrow", "flexShrink", ...yogaLayoutItemTags])
 };
-export const nonLayoutElementTags = new Set(["button", "input"]);
 export const basicSupportedPropsByTag = {
     screen: new Set(),
     vstack: new Set(),
@@ -99,9 +96,7 @@ export const basicSupportedPropsByTag = {
         "scrollY"
     ]),
     text: new Set(["value", "wrap", "color", "bold"]),
-    spacer: new Set(["size"]),
-    button: new Set(["value", "disabled"]),
-    input: new Set(["value", "placeholder"])
+    spacer: new Set(["size"])
 };
 export const futureLayoutProps = new Set([
     "width",
@@ -158,6 +153,8 @@ export const layoutPropAliases = new Map([
 export const nonLayoutProps = new Set([
     "id",
     "focusStyle",
+    "focusable",
+    "onKeyCapture",
     "onKey",
     "onFocusChange"
 ]);

package/dist/yoga-engine.js

@@ -96,9 +96,6 @@ function configureYogaElement(node, yogaNode, inheritedFlow, options) {
         case "spacer":
             configureYogaSpacer(node, yogaNode, inheritedFlow);
             return;
-        case "button":
-        case "input":
-            throw new Error(`Unsupported layout element: ${node.tag}`);
     }
 }
 function configureYogaBox(node, yogaNode) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bindtty/layout",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.4",
   "type": "module",
   "description": "Layout tree generation for BindTTY mounted nodes.",
   "main": "./dist/index.js",
@@ -21,14 +21,14 @@
     "test": "npm run build --workspace @bindtty/text && npm run build --workspace @bindtty/vnode && npm run build --workspace @bindtty/jsx-runtime && npm run build --workspace @bindtty/runtime && npm run build && tsc -p test/tsconfig.json && node --test test/dist/*.test.js"
   },
   "dependencies": {
-    "@bindtty/text": "0.1.0-alpha.2",
-    "@bindtty/vnode": "0.1.0-alpha.2",
+    "@bindtty/text": "0.1.0-alpha.4",
+    "@bindtty/vnode": "0.1.0-alpha.4",
     "yoga-layout": "3.2.1"
   },
   "devDependencies": {
-    "@bindtty/jsx-runtime": "0.1.0-alpha.2",
-    "@bindtty/runtime": "0.1.0-alpha.2",
-    "@bindtty/signal": "0.1.0-alpha.2",
+    "@bindtty/jsx-runtime": "0.1.0-alpha.4",
+    "@bindtty/runtime": "0.1.0-alpha.4",
+    "@bindtty/signal": "0.1.0-alpha.4",
     "@types/node": "^22.0.0",
     "typescript": "^5.5.0"
   },