@codehz/draw-call 0.2.2 → 0.4.0

package/index.d.cts

@@ -1,54 +0,0 @@
-import { $ as GradientDescriptor, A as SvgRectChild, B as ContainerLayoutProps, C as SvgEllipseChild, D as SvgPolygonChild, E as SvgPathChild, F as TextProps, G as LayoutProps, H as JustifyContent, I as TransformElement, J as Border, K as MeasureContext, L as TransformProps, M as SvgTextChild, N as SvgTransformProps, O as SvgPolylineChild, P as TextElement, Q as FontProps, R as AlignItems, S as SvgElement, T as SvgLineChild, U as LayoutConstraints, V as FlexDirection, W as LayoutNode, X as Color, Y as Bounds, Z as ColorStop, _ as StackElement, a as BoxElement, at as StrokeProps, b as SvgChild, c as CustomDrawProps, d as ImageProps, et as LinearGradientDescriptor, f as ProxiedCanvasContextOptions, g as StackAlign, h as RichTextSpan, i as createCanvas, it as Spacing, j as SvgStyleProps, k as SvgProps, l as Element, m as RichTextProps, n as DrawCallCanvas, nt as Shadow, o as BoxProps, ot as linearGradient, p as RichTextElement, q as createCanvasMeasureContext, r as LayoutSize, rt as Size, s as CustomDrawElement, st as radialGradient, t as CanvasOptions, tt as RadialGradientDescriptor, u as ImageElement, v as StackProps, w as SvgGroupChild, x as SvgCircleChild, y as SvgAlign, z as AlignSelf } from "./canvas.cjs";
-
-//#region src/components/Box.d.ts
-declare function Box(props: BoxProps): BoxElement;
-//#endregion
-//#region src/components/CustomDraw.d.ts
-declare function CustomDraw(props: CustomDrawProps): CustomDrawElement;
-//#endregion
-//#region src/components/Image.d.ts
-declare function Image(props: ImageProps): ImageElement;
-//#endregion
-//#region src/components/RichText.d.ts
-declare function RichText(props: RichTextProps): RichTextElement;
-//#endregion
-//#region src/components/Stack.d.ts
-declare function Stack(props: StackProps): StackElement;
-//#endregion
-//#region src/components/Svg.d.ts
-declare function Svg(props: SvgProps): SvgElement;
-declare const svg: {
-  rect: (props: Omit<SvgRectChild, "type">) => SvgRectChild;
-  circle: (props: Omit<SvgCircleChild, "type">) => SvgCircleChild;
-  ellipse: (props: Omit<SvgEllipseChild, "type">) => SvgEllipseChild;
-  line: (props: Omit<SvgLineChild, "type">) => SvgLineChild;
-  polyline: (props: Omit<SvgPolylineChild, "type">) => SvgPolylineChild;
-  polygon: (props: Omit<SvgPolygonChild, "type">) => SvgPolygonChild;
-  path: (props: Omit<SvgPathChild, "type">) => SvgPathChild;
-  text: (props: Omit<SvgTextChild, "type">) => SvgTextChild;
-  g: (props: Omit<SvgGroupChild, "type">) => SvgGroupChild;
-};
-//#endregion
-//#region src/components/Text.d.ts
-declare function Text(props: TextProps): TextElement;
-//#endregion
-//#region src/components/Transform.d.ts
-declare function Transform(props: TransformProps): TransformElement;
-//#endregion
-//#region src/layout/engine.d.ts
-declare function computeLayout(element: Element, ctx: MeasureContext, constraints: LayoutConstraints, x?: number, y?: number): LayoutNode;
-//#endregion
-//#region src/layout/utils/print.d.ts
-/**
- * 打印 LayoutNode 树结构到控制台
- */
-declare function printLayout(node: LayoutNode): void;
-/**
- * 将 LayoutNode 转换为美观的字符串
- * @param node LayoutNode 根节点
- * @param indent 缩进字符串，默认为两个空格
- * @returns 格式化的字符串
- */
-declare function layoutToString(node: LayoutNode, _indent?: string): string;
-//#endregion
-export { type AlignItems, type AlignSelf, type Border, type Bounds, Box, type BoxElement, type BoxProps, type CanvasOptions, type Color, type ColorStop, type ContainerLayoutProps, CustomDraw, type CustomDrawElement, type CustomDrawProps, type DrawCallCanvas, type Element, type FlexDirection, type FontProps, type GradientDescriptor, Image, type JustifyContent, type LayoutNode, type LayoutProps, type LayoutSize, type LinearGradientDescriptor, type MeasureContext, type ProxiedCanvasContextOptions, type RadialGradientDescriptor, RichText, type RichTextElement, type RichTextProps, type RichTextSpan, type Shadow, type Size, type Spacing, Stack, type StackAlign, type StackElement, type StackProps, type StrokeProps, Svg, type SvgAlign, type SvgChild, type SvgCircleChild, type SvgElement, type SvgEllipseChild, type SvgGroupChild, type SvgLineChild, type SvgPathChild, type SvgPolygonChild, type SvgPolylineChild, type SvgProps, type SvgRectChild, type SvgStyleProps, type SvgTextChild, type SvgTransformProps, Text, type TextElement, type TextProps, Transform, type TransformElement, type TransformProps, computeLayout, createCanvas, createCanvasMeasureContext, layoutToString, linearGradient, printLayout, radialGradient, svg };

package/index.d.mts

@@ -1,54 +0,0 @@
-import { $ as GradientDescriptor, A as SvgRectChild, B as ContainerLayoutProps, C as SvgEllipseChild, D as SvgPolygonChild, E as SvgPathChild, F as TextProps, G as LayoutProps, H as JustifyContent, I as TransformElement, J as Border, K as MeasureContext, L as TransformProps, M as SvgTextChild, N as SvgTransformProps, O as SvgPolylineChild, P as TextElement, Q as FontProps, R as AlignItems, S as SvgElement, T as SvgLineChild, U as LayoutConstraints, V as FlexDirection, W as LayoutNode, X as Color, Y as Bounds, Z as ColorStop, _ as StackElement, a as BoxElement, at as StrokeProps, b as SvgChild, c as CustomDrawProps, d as ImageProps, et as LinearGradientDescriptor, f as ProxiedCanvasContextOptions, g as StackAlign, h as RichTextSpan, i as createCanvas, it as Spacing, j as SvgStyleProps, k as SvgProps, l as Element, m as RichTextProps, n as DrawCallCanvas, nt as Shadow, o as BoxProps, ot as linearGradient, p as RichTextElement, q as createCanvasMeasureContext, r as LayoutSize, rt as Size, s as CustomDrawElement, st as radialGradient, t as CanvasOptions, tt as RadialGradientDescriptor, u as ImageElement, v as StackProps, w as SvgGroupChild, x as SvgCircleChild, y as SvgAlign, z as AlignSelf } from "./canvas.mjs";
-
-//#region src/components/Box.d.ts
-declare function Box(props: BoxProps): BoxElement;
-//#endregion
-//#region src/components/CustomDraw.d.ts
-declare function CustomDraw(props: CustomDrawProps): CustomDrawElement;
-//#endregion
-//#region src/components/Image.d.ts
-declare function Image(props: ImageProps): ImageElement;
-//#endregion
-//#region src/components/RichText.d.ts
-declare function RichText(props: RichTextProps): RichTextElement;
-//#endregion
-//#region src/components/Stack.d.ts
-declare function Stack(props: StackProps): StackElement;
-//#endregion
-//#region src/components/Svg.d.ts
-declare function Svg(props: SvgProps): SvgElement;
-declare const svg: {
-  rect: (props: Omit<SvgRectChild, "type">) => SvgRectChild;
-  circle: (props: Omit<SvgCircleChild, "type">) => SvgCircleChild;
-  ellipse: (props: Omit<SvgEllipseChild, "type">) => SvgEllipseChild;
-  line: (props: Omit<SvgLineChild, "type">) => SvgLineChild;
-  polyline: (props: Omit<SvgPolylineChild, "type">) => SvgPolylineChild;
-  polygon: (props: Omit<SvgPolygonChild, "type">) => SvgPolygonChild;
-  path: (props: Omit<SvgPathChild, "type">) => SvgPathChild;
-  text: (props: Omit<SvgTextChild, "type">) => SvgTextChild;
-  g: (props: Omit<SvgGroupChild, "type">) => SvgGroupChild;
-};
-//#endregion
-//#region src/components/Text.d.ts
-declare function Text(props: TextProps): TextElement;
-//#endregion
-//#region src/components/Transform.d.ts
-declare function Transform(props: TransformProps): TransformElement;
-//#endregion
-//#region src/layout/engine.d.ts
-declare function computeLayout(element: Element, ctx: MeasureContext, constraints: LayoutConstraints, x?: number, y?: number): LayoutNode;
-//#endregion
-//#region src/layout/utils/print.d.ts
-/**
- * 打印 LayoutNode 树结构到控制台
- */
-declare function printLayout(node: LayoutNode): void;
-/**
- * 将 LayoutNode 转换为美观的字符串
- * @param node LayoutNode 根节点
- * @param indent 缩进字符串，默认为两个空格
- * @returns 格式化的字符串
- */
-declare function layoutToString(node: LayoutNode, _indent?: string): string;
-//#endregion
-export { type AlignItems, type AlignSelf, type Border, type Bounds, Box, type BoxElement, type BoxProps, type CanvasOptions, type Color, type ColorStop, type ContainerLayoutProps, CustomDraw, type CustomDrawElement, type CustomDrawProps, type DrawCallCanvas, type Element, type FlexDirection, type FontProps, type GradientDescriptor, Image, type JustifyContent, type LayoutNode, type LayoutProps, type LayoutSize, type LinearGradientDescriptor, type MeasureContext, type ProxiedCanvasContextOptions, type RadialGradientDescriptor, RichText, type RichTextElement, type RichTextProps, type RichTextSpan, type Shadow, type Size, type Spacing, Stack, type StackAlign, type StackElement, type StackProps, type StrokeProps, Svg, type SvgAlign, type SvgChild, type SvgCircleChild, type SvgElement, type SvgEllipseChild, type SvgGroupChild, type SvgLineChild, type SvgPathChild, type SvgPolygonChild, type SvgPolylineChild, type SvgProps, type SvgRectChild, type SvgStyleProps, type SvgTextChild, type SvgTransformProps, Text, type TextElement, type TextProps, Transform, type TransformElement, type TransformProps, computeLayout, createCanvas, createCanvasMeasureContext, layoutToString, linearGradient, printLayout, radialGradient, svg };

package/index.mjs

@@ -1,226 +0,0 @@
-import { a as radialGradient, i as linearGradient, n as computeLayout, r as createCanvasMeasureContext, t as renderNode } from "./render.mjs";
-
-//#region src/canvas.ts
-/**
-* 创建适用于浏览器环境的 Canvas
-*
-* 在浏览器环境中使用，支持传入已有的 canvas 实例
-*/
-function createCanvas(options) {
-	const { width, height, pixelRatio = 1 } = options;
-	let canvas;
-	if (options.canvas) canvas = options.canvas;
-	else {
-		const el = document.createElement("canvas");
-		el.width = width * pixelRatio;
-		el.height = height * pixelRatio;
-		canvas = el;
-	}
-	const ctx = canvas.getContext("2d");
-	if (!ctx) throw new Error("Failed to get 2d context");
-	if (options.imageSmoothingEnabled !== void 0) ctx.imageSmoothingEnabled = options.imageSmoothingEnabled;
-	if (options.imageSmoothingQuality !== void 0) ctx.imageSmoothingQuality = options.imageSmoothingQuality;
-	if (pixelRatio !== 1) ctx.scale(pixelRatio, pixelRatio);
-	const measureCtx = createCanvasMeasureContext(ctx);
-	return {
-		width,
-		height,
-		pixelRatio,
-		canvas,
-		render(element) {
-			const layoutTree = computeLayout(element, measureCtx, {
-				minWidth: 0,
-				maxWidth: width,
-				minHeight: 0,
-				maxHeight: height
-			});
-			renderNode(ctx, layoutTree);
-			return layoutTree;
-		},
-		clear() {
-			ctx.clearRect(0, 0, width, height);
-		},
-		getContext() {
-			return ctx;
-		},
-		toDataURL(type, quality) {
-			if ("toDataURL" in canvas && typeof canvas.toDataURL === "function") return canvas.toDataURL(type, quality);
-			throw new Error("toDataURL not supported");
-		},
-		toBuffer(type = "image/png") {
-			if ("toBuffer" in canvas && typeof canvas.toBuffer === "function") return canvas.toBuffer(type);
-			throw new Error("toBuffer not supported in this environment");
-		}
-	};
-}
-
-//#endregion
-//#region src/components/Box.ts
-function Box(props) {
-	return {
-		type: "box",
-		...props
-	};
-}
-
-//#endregion
-//#region src/components/CustomDraw.ts
-function CustomDraw(props) {
-	return {
-		type: "customdraw",
-		...props
-	};
-}
-
-//#endregion
-//#region src/components/Image.ts
-function Image(props) {
-	return {
-		type: "image",
-		...props
-	};
-}
-
-//#endregion
-//#region src/components/RichText.ts
-function RichText(props) {
-	return {
-		type: "richtext",
-		...props
-	};
-}
-
-//#endregion
-//#region src/components/Stack.ts
-function Stack(props) {
-	return {
-		type: "stack",
-		...props
-	};
-}
-
-//#endregion
-//#region src/components/Svg.ts
-function Svg(props) {
-	return {
-		type: "svg",
-		...props
-	};
-}
-const svg = {
-	rect: (props) => ({
-		type: "rect",
-		...props
-	}),
-	circle: (props) => ({
-		type: "circle",
-		...props
-	}),
-	ellipse: (props) => ({
-		type: "ellipse",
-		...props
-	}),
-	line: (props) => ({
-		type: "line",
-		...props
-	}),
-	polyline: (props) => ({
-		type: "polyline",
-		...props
-	}),
-	polygon: (props) => ({
-		type: "polygon",
-		...props
-	}),
-	path: (props) => ({
-		type: "path",
-		...props
-	}),
-	text: (props) => ({
-		type: "text",
-		...props
-	}),
-	g: (props) => ({
-		type: "g",
-		...props
-	})
-};
-
-//#endregion
-//#region src/components/Text.ts
-function Text(props) {
-	return {
-		type: "text",
-		...props
-	};
-}
-
-//#endregion
-//#region src/components/Transform.ts
-function Transform(props) {
-	return {
-		type: "transform",
-		...props
-	};
-}
-
-//#endregion
-//#region src/layout/utils/print.ts
-/**
-* 获取元素类型的显示名称
-*/
-function getElementType(element) {
-	switch (element.type) {
-		case "box": return "Box";
-		case "text": return `Text "${element.content.slice(0, 20)}${element.content.length > 20 ? "..." : ""}"`;
-		case "stack": return "Stack";
-		case "image": return "Image";
-		case "svg": return "Svg";
-		default: return element.type;
-	}
-}
-/**
-* 递归打印布局树
-*/
-function printLayoutToString(node, prefix = "", isLast = true, depth = 0) {
-	const lines = [];
-	const connector = isLast ? "└─ " : "├─ ";
-	const type = getElementType(node.element);
-	const { x, y, width, height } = node.layout;
-	const childCount = node.children.length;
-	lines.push(`${prefix}${connector}${type} @(${Math.round(x)},${Math.round(y)}) size:${Math.round(width)}x${Math.round(height)}`);
-	if (node.element.type === "text" && node.lines) {
-		const contentPrefix = prefix + (isLast ? "    " : "│   ");
-		for (let i = 0; i < node.lines.length; i++) {
-			const lineText = node.lines[i];
-			const isLastLine = i === node.lines.length - 1 && childCount === 0;
-			lines.push(`${contentPrefix}${isLastLine ? "└─ " : "├─ "}${JSON.stringify(lineText)}`);
-		}
-	}
-	for (let i = 0; i < node.children.length; i++) {
-		const child = node.children[i];
-		const isChildLast = i === node.children.length - 1;
-		const childPrefix = prefix + (isLast ? "    " : "│   ");
-		lines.push(...printLayoutToString(child, childPrefix, isChildLast, depth + 1));
-	}
-	return lines;
-}
-/**
-* 打印 LayoutNode 树结构到控制台
-*/
-function printLayout(node) {
-	const lines = printLayoutToString(node, "", true);
-	console.log(lines.join("\n"));
-}
-/**
-* 将 LayoutNode 转换为美观的字符串
-* @param node LayoutNode 根节点
-* @param indent 缩进字符串，默认为两个空格
-* @returns 格式化的字符串
-*/
-function layoutToString(node, _indent = "  ") {
-	return printLayoutToString(node, "", true).join("\n");
-}
-
-//#endregion
-export { Box, CustomDraw, Image, RichText, Stack, Svg, Text, Transform, computeLayout, createCanvas, createCanvasMeasureContext, layoutToString, linearGradient, printLayout, radialGradient, svg };

package/node.cjs

@@ -1,50 +0,0 @@
-const require_render = require('./render.cjs');
-let _napi_rs_canvas = require("@napi-rs/canvas");
-
-//#region src/node.ts
-/**
-* 创建适用于 Node.js/Bun 环境的 Canvas
-*
-* 此函数需要 @napi-rs/canvas 作为依赖
-* 安装: bun add @napi-rs/canvas
-*/
-function createNodeCanvas(options) {
-	const { width, height, pixelRatio = 1 } = options;
-	const canvas = (0, _napi_rs_canvas.createCanvas)(width * pixelRatio, height * pixelRatio);
-	const ctx = canvas.getContext("2d");
-	if (options.imageSmoothingEnabled !== void 0) ctx.imageSmoothingEnabled = options.imageSmoothingEnabled;
-	if (options.imageSmoothingQuality !== void 0) ctx.imageSmoothingQuality = options.imageSmoothingQuality;
-	if (pixelRatio !== 1) ctx.scale(pixelRatio, pixelRatio);
-	const measureCtx = require_render.createCanvasMeasureContext(ctx);
-	return {
-		width,
-		height,
-		pixelRatio,
-		canvas,
-		render(element) {
-			const layoutTree = require_render.computeLayout(element, measureCtx, {
-				minWidth: 0,
-				maxWidth: width,
-				minHeight: 0,
-				maxHeight: height
-			});
-			require_render.renderNode(ctx, layoutTree);
-			return layoutTree;
-		},
-		clear() {
-			ctx.clearRect(0, 0, width, height);
-		},
-		getContext() {
-			return ctx;
-		},
-		toDataURL(type, quality) {
-			return canvas.toDataURL(type, quality);
-		},
-		toBuffer(type = "image/png") {
-			return canvas.toBuffer(type);
-		}
-	};
-}
-
-//#endregion
-exports.createNodeCanvas = createNodeCanvas;

package/node.d.cts

@@ -1,12 +0,0 @@
-import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas.cjs";
-
-//#region src/node.d.ts
-/**
- * 创建适用于 Node.js/Bun 环境的 Canvas
- *
- * 此函数需要 @napi-rs/canvas 作为依赖
- * 安装: bun add @napi-rs/canvas
- */
-declare function createNodeCanvas(options: Omit<CanvasOptions, "canvas">): DrawCallCanvas;
-//#endregion
-export { createNodeCanvas };

package/node.d.mts

@@ -1,12 +0,0 @@
-import { n as DrawCallCanvas, t as CanvasOptions } from "./canvas.mjs";
-
-//#region src/node.d.ts
-/**
- * 创建适用于 Node.js/Bun 环境的 Canvas
- *
- * 此函数需要 @napi-rs/canvas 作为依赖
- * 安装: bun add @napi-rs/canvas
- */
-declare function createNodeCanvas(options: Omit<CanvasOptions, "canvas">): DrawCallCanvas;
-//#endregion
-export { createNodeCanvas };

package/node.mjs

@@ -1,50 +0,0 @@
-import { n as computeLayout, r as createCanvasMeasureContext, t as renderNode } from "./render.mjs";
-import { createCanvas } from "@napi-rs/canvas";
-
-//#region src/node.ts
-/**
-* 创建适用于 Node.js/Bun 环境的 Canvas
-*
-* 此函数需要 @napi-rs/canvas 作为依赖
-* 安装: bun add @napi-rs/canvas
-*/
-function createNodeCanvas(options) {
-	const { width, height, pixelRatio = 1 } = options;
-	const canvas = createCanvas(width * pixelRatio, height * pixelRatio);
-	const ctx = canvas.getContext("2d");
-	if (options.imageSmoothingEnabled !== void 0) ctx.imageSmoothingEnabled = options.imageSmoothingEnabled;
-	if (options.imageSmoothingQuality !== void 0) ctx.imageSmoothingQuality = options.imageSmoothingQuality;
-	if (pixelRatio !== 1) ctx.scale(pixelRatio, pixelRatio);
-	const measureCtx = createCanvasMeasureContext(ctx);
-	return {
-		width,
-		height,
-		pixelRatio,
-		canvas,
-		render(element) {
-			const layoutTree = computeLayout(element, measureCtx, {
-				minWidth: 0,
-				maxWidth: width,
-				minHeight: 0,
-				maxHeight: height
-			});
-			renderNode(ctx, layoutTree);
-			return layoutTree;
-		},
-		clear() {
-			ctx.clearRect(0, 0, width, height);
-		},
-		getContext() {
-			return ctx;
-		},
-		toDataURL(type, quality) {
-			return canvas.toDataURL(type, quality);
-		},
-		toBuffer(type = "image/png") {
-			return canvas.toBuffer(type);
-		}
-	};
-}
-
-//#endregion
-export { createNodeCanvas };