modern-canvas 0.14.16 → 0.14.17

package/dist/scene/2d/element/Element2D.d.ts

@@ -1,11 +1,10 @@
-import type { Background, Fill, Foreground, Outline, Shadow, Shape, Text } from 'modern-idoc';
+import type { Background, Display, Fill, Foreground, Outline, Shadow, Shape, Text } from 'modern-idoc';
 import type { InputEvent, InputEventKey, Vector2Like } from '../../../core';
 import type { Node, Rectangulable, RectangulableEvents, SceneTree } from '../../main';
 import type { Node2DEvents, Node2DProperties } from '../Node2D';
 import type { Element2DStyleProperties } from './Element2DStyle';
 import { Aabb2D, Obb2D, Vector2 } from '../../../core';
 import { ColorFilterEffect } from '../../effects';
-import { directionMap, FlexLayout } from '../FlexLayout';
 import { Node2D } from '../Node2D';
 import { Element2DBackground } from './Element2DBackground';
 import { Element2DFill } from './Element2DFill';
@@ -15,6 +14,7 @@ import { Element2DShadow } from './Element2DShadow';
 import { Element2DShape } from './Element2DShape';
 import { Element2DStyle } from './Element2DStyle';
 import { Element2DText } from './Element2DText';
+import { Flexbox } from './Flexbox';
 export interface BaseElement2DEvents extends Node2DEvents, RectangulableEvents {
     updateStyleProperty: [key: string, value: any, oldValue: any];
 }
@@ -33,12 +33,12 @@ export interface Element2DProperties extends Node2DProperties {
     foreground: Foreground;
     text: Text;
     shadow: Shadow;
-    layoutMode: LayoutMode;
 }
-export type LayoutMode = 'inherit' | 'absolute' | 'flex';
 export declare class Element2D extends Node2D implements Rectangulable {
-    layoutMode: LayoutMode;
-    _flex: FlexLayout;
+    protected _parentGlobalDisplay?: Display;
+    protected _globalDisplay?: Display;
+    get globalDisplay(): Display | undefined;
+    readonly flexbox: Flexbox;
     readonly size: Vector2;
     protected _allowPointerEvents: boolean;
     protected _overflowHidden: boolean;
@@ -69,20 +69,17 @@ export declare class Element2D extends Node2D implements Rectangulable {
     protected _styleFilter?: ColorFilterEffect;
     constructor(properties?: Partial<Element2DProperties>, nodes?: Node[]);
     protected _treeEnter(tree: SceneTree): void;
-    protected _parented(parent: Node): void;
-    protected _unparented(oldParent: Node): void;
     setProperties(properties?: Record<string, any>): this;
     onUpdateStyleProperty(key: string, value: any, oldValue: any): void;
     protected _updateStyleProperty(key: string, value: any, oldValue: any): void;
+    updateGlobalDisplay(): void;
+    requestLayout(): void;
     protected _process(delta: number): void;
-    getGlobalLayoutMode(): Omit<LayoutMode, 'inherit'>;
-    updateLayout(): void;
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof directionMap[keyof typeof directionMap]): void;
     protected _getStyleFilter(): ColorFilterEffect;
     protected _updateMaskImage(maskImage?: string): void;
     updateGlobalTransform(): void;
-    getRect(): Aabb2D;
     protected _getPointArray(): Vector2Like[];
+    getRect(): Aabb2D;
     getAabb(): Aabb2D;
     getGlobalAabb(): Aabb2D;
     getObb(): Obb2D;

package/dist/scene/2d/element/Element2DShape.d.ts

@@ -13,6 +13,7 @@ export declare class Element2DShape extends CoreObject {
     constructor(parent: Element2D);
     setProperties(properties?: Shape): this;
     protected _updateProperty(key: string, value: any, oldValue: any): void;
+    isValid(): boolean;
     protected _updatePath2DSet(): void;
     draw(rect?: boolean): void;
     protected _drawRect(): void;

package/dist/scene/2d/{FlexLayout.d.ts → element/Flexbox.d.ts}

@@ -1,5 +1,6 @@
 import type { Node as YogaNode } from 'yoga-layout/load';
-import type { Element2D, Element2DStyle } from './element';
+import type { Node } from '../../main';
+import { Element2D } from './Element2D';
 export declare const edgeMap: {
     left: number;
     top: number;
@@ -70,21 +71,14 @@ export declare const boxSizingMap: {
     'border-box': number;
     'content-box': number;
 };
-export interface ComputedLayout {
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-    width: number;
-    height: number;
-}
-export declare class FlexLayout {
-    protected _element: Element2D;
+export declare class Flexbox {
+    protected _el: Element2D;
     static _yoga?: any;
     static load(): Promise<void>;
-    _node: YogaNode | undefined;
-    protected get _style(): Element2DStyle;
-    constructor(_element: Element2D);
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof displayMap[keyof typeof displayMap]): void;
-    updateStyleProperty(key: string, value: any, oldValue: any): void;
+    readonly node: YogaNode | undefined;
+    constructor(_el: Element2D);
+    protected _addChild(child: Node, newIndex: number): void;
+    protected _removeChild(child: Node, _oldIndex: number): void;
+    updateStyleProperty(key: string, value: any): void;
+    update(): void;
 }

package/dist/scene/2d/element/index.d.ts

@@ -7,3 +7,4 @@ export * from './Element2DShadow';
 export * from './Element2DShape';
 export * from './Element2DStyle';
 export * from './Element2DText';
+export * from './Flexbox';

package/dist/scene/2d/index.d.ts

@@ -1,6 +1,5 @@
 export * from './Camera2D';
 export * from './element';
-export * from './FlexLayout';
 export * from './Lottie2D';
 export * from './Node2D';
 export * from './TextureRect2D';

package/dist/scene/main/Node.d.ts

@@ -104,11 +104,11 @@ export declare class Node extends CoreObject {
     canProcess(): boolean;
     canInput(): boolean;
     canRender(): boolean;
-    protected _onTreeEnter(tree: SceneTree): void;
-    protected _onTreeExit(oldTree: SceneTree): void;
-    protected _onParented(parent: Node): void;
-    protected _onUnparented(oldParent: Node): void;
-    protected _onReady(): void;
+    private _onTreeEnter;
+    private _onTreeExit;
+    private _onParented;
+    private _onUnparented;
+    private _onReady;
     protected _onProcess(delta?: number): void;
     requestRender(): void;
     protected _updateProperty(key: string, newValue: any, oldValue: any): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.14.16",
+  "version": "0.14.17",
   "packageManager": "pnpm@10.19.0",
   "description": "A JavaScript WebGL rendering engine. only the ESM.",
   "author": "wxm",
@@ -64,7 +64,7 @@
     "colord": "^2.9.3",
     "earcut": "^3.0.2",
     "modern-font": "^0.4.4",
-    "modern-idoc": "^0.10.6",
+    "modern-idoc": "^0.10.7",
     "modern-path2d": "^1.4.15",
     "modern-text": "^1.10.5"
   },
@@ -85,19 +85,19 @@
     }
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.6.1",
+    "@antfu/eslint-config": "^6.7.1",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^24.10.2",
+    "@types/node": "^25.0.2",
     "bumpp": "^10.3.2",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "lint-staged": "^16.2.7",
     "lottie-web": "^5.13.0",
     "modern-gif": "^2.0.4",
     "simple-git-hooks": "^2.13.1",
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
-    "vite": "^7.2.7",
+    "vite": "^7.3.0",
     "vitest": "^4.0.15",
     "yoga-layout": "^3.2.1"
   },