bplinejs 0.0.101-beta.10

package/lib/IMesh/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/scripts/IMesh/index.ts"],"sourcesContent":["import { Mat3, Vec2 } from \"bpmatrixjs/Math\";\nimport type { VersionedMath } from \"bpmatrixjs/Math\";\nimport Mesh from \"../Mesh\";\nimport type { Geometry2d, Material2d } from \"../global-types\";\nimport { GETID } from \"../ID\";\nimport Raws, { Raw } from \"../Raws\";\nimport type { RawChange, RawOptions, RawSubscriber } from \"../Raws\";\nimport Style, { STYLE_STRIDE, WriteStyleData } from \"../Style\";\nimport TextureLayers from \"../Texture/Layers\";\nimport type { TextureLike } from \"../Texture\";\n\n/** 实例管理设置；raw 为构建时选择，避免丢失的原始值被误认为可以恢复。 */\nexport interface IMeshOptions {\n    /** 保留原始值和订阅，默认 true，构建后不可切换。 */\n    raw?: boolean;\n    /** 初始槽数，默认 2，必须是正整数。 */\n    capacity?: number;\n    /** 扩容倍率，默认 2，必须是不小于 2 的整数。 */\n    growthFactor?: number;\n}\n\n/** 共用 Geometry / Material 的实例网格，每个槽位独立储存世界矩阵和样式。 */\nclass IMesh extends Mesh implements RawSubscriber {\n    /** 对象类型；Scene 仍通过 Mesh 基类识别。 */\n    public override readonly type: string = \"IMesh\";\n    private readonly _raw: boolean;\n    private readonly _raws: Raws = new Raws();\n    private _growthFactor: number = 2;\n    private readonly _ids: number[] = [];\n    private readonly _pendingMatrices = new Set<number>();\n    private readonly _pendingStyles = new Set<number>();\n    private readonly _local: Mat3 = new Mat3();\n    private readonly _world: Mat3 = new Mat3();\n    // 不代理时也保留图片资源身份，但不保留 Vec2 / Style 或它们的订阅。\n    private readonly _sources: (TextureLike | undefined)[][] = [];\n    private readonly _textures: readonly TextureLayers[] = [new TextureLayers(), new TextureLayers(), new TextureLayers()];\n    private readonly _layerIndices: Map<TextureLike | undefined, number>[] = [new Map<TextureLike | undefined, number>(), new Map<TextureLike | undefined, number>(), new Map<TextureLike | undefined, number>()];\n    private _layersPending: boolean = false;\n\n    /**\n     * @param data 共用几何模板，提前启用需要生成的分区\n     * @param material 共用管线和采样器设置，不接管其 Style\n     * @param options 默认管理原始值，容量 2，按 2 倍扩容\n     */\n    public constructor(data: Geometry2d, material: Material2d, options: IMeshOptions = {}) {\n        // 在 Mesh 订阅共享资源之前检查参数，失败时不留下无法取得的订阅对象。\n        ValidateOptions(options);\n        super(data, material, false);\n        this._raw = options.raw ?? true;\n        this._count = 0;\n        this._capacity = 0;\n        this.growthFactor = options.growthFactor ?? 2;\n        try {\n            this.capacity = options.capacity ?? 2;\n        } catch (error) {\n            super.dispose();\n            throw error;\n        }\n    }\n\n    /** 是否保留并订阅原始值，只读。 */\n    public get raw(): boolean { return this._raw; }\n    /** 原始记录按稳定 ID 查询；raw=false 时 Map 为空。 */\n    public get raws(): Raws { return this._raws; }\n    /** 扩容倍率，默认 2；达到 100000 槽后每批追加 100000。 */\n    public get growthFactor(): number { return this._growthFactor; }\n    /** @param value 不小于 2 的整数倍率，不改变已有记录 */\n    public set growthFactor(value: number) {\n        if (!Number.isSafeInteger(value) || value < 2) throw new RangeError(\"growthFactor must be an integer >= 2.\");\n        this._growthFactor = value;\n    }\n    /** 已分配的槽数，不等于有效条数 count。 */\n    public override get capacity(): number { return this._capacity; }\n    /**\n     * 显式预留容量；不缩容、不丢弃记录。GPU 限制在 Render 上传前校验。\n     * @param value 不小于 count 的正整数\n     */\n    public set capacity(value: number) {\n        this.assertActive();\n        if (!Number.isSafeInteger(value) || value < 1 || value < this._count) throw new RangeError(\"Invalid capacity.\");\n        if (value <= this._capacity) return;\n        if (value > Math.floor(0xFFFFFFFF / (STYLE_STRIDE * 4))) throw new RangeError(\"CPU array capacity exceeds 4 GiB.\");\n        const matrices: Float32Array<ArrayBuffer> = new Float32Array(value * 12);\n        const styles: Float32Array<ArrayBuffer> = new Float32Array(value * STYLE_STRIDE);\n        matrices.set(this._matrixData.subarray(0, this._count * 12));\n        styles.set(this._styleData.subarray(0, this._count * STYLE_STRIDE));\n        this._matrixData = matrices;\n        this._styleData = styles;\n        this._capacity = value;\n        this._matrixVersion++;\n        this._styleVersion++;\n        this.updateVersion();\n    }\n    /** 三套独立图片层表；普通 Mesh 在相同绑定位置只使用一层。 */\n    public override get textures(): readonly TextureLayers[] {\n        this.updateTextureLayers();\n        return this._textures;\n    }\n\n    /**\n     * 按 push 顺序绘制，返回 ID 而非槽位。raw=false 冻结本次调用时的世界矩阵。\n     * @param options 原始值；省略 style 使用当前材质样式\n     * @returns 稳定 ID，通过 raws.map.get(id) 获取受管记录\n     */\n    public push(options: RawOptions = {}): number {\n        this.assertActive();\n        const values = this.resolve(options);\n        this.ensureCapacity(this._count + 1);\n        this.ensureWorldMatrix();\n        const index: number = this._count;\n        const record: Raw | undefined = this._raw ? new Raw(index, values) : undefined;\n        const id: number = record?.id ?? GETID();\n        this._count++;\n        this._ids.push(id);\n        if (record !== undefined) {\n            this._raws.add(record);\n            record.add(this);\n        }\n        this.writeMatrix(index, values);\n        this.writeStyle(index, values.style, values.enabled);\n        this.setSources(index, values.style);\n        this._matrixVersion++;\n        this._styleVersion++;\n        this.updateVersion();\n        return id;\n    }\n\n    /**\n     * 手动完整覆盖一个槽位，省略值使用默认值，不是局部 patch。\n     * raw=false 不建立订阅，按当前 IMesh 世界矩阵重新计算这个槽位。\n     * @param index 连续数组下标\n     * @param options 新的完整原始值\n     */\n    public updateAt(index: number, options: RawOptions): void {\n        this.assertActive();\n        if (!Number.isSafeInteger(index) || index < 0 || index >= this._count) throw new RangeError(\"Invalid slot index.\");\n        const values = this.resolve(options);\n        const record = this._raws.map.get(this._ids[index]);\n        if (record !== undefined) {\n            record.position = values.position;\n            record.rotation = values.rotation;\n            record.scale = values.scale;\n            record.style = values.style;\n            record.enabled = values.enabled;\n        }\n        this.ensureWorldMatrix();\n        this.writeMatrix(index, values);\n        this.writeStyle(index, values.style, values.enabled);\n        this.setSources(index, values.style);\n        this._pendingMatrices.delete(index);\n        this._pendingStyles.delete(index);\n        this._matrixVersion++;\n        this._styleVersion++;\n        this.updateVersion();\n    }\n\n    /**\n     * 变化只登记槽位；共享 Style 可以通知多个记录，不同步上传 GPU。\n     * @param record 来源记录\n     * @param change 变化区域\n     */\n    public onRawChange(record: Raw, change: RawChange): void {\n        if (this._disposed || this._raws.map.get(record.id) !== record) return;\n        if (change === \"matrix\") this._pendingMatrices.add(record.index);\n        else if (change !== \"textureData\" && change !== \"sampler\") this._pendingStyles.add(record.index);\n        if (change === \"texture\") this.setSources(record.index, record.style);\n        this._materialPending = true;\n    }\n\n    /**\n     * 只在受管模式下由父级世界矩阵变化安排全体矩阵重算。\n     * @param source 数学对象\n     * @param field 关联字段\n     */\n    public override onMathChange(source: VersionedMath, field: string): void {\n        super.onMathChange(source, field);\n        if (!this._raw && field === \"worldMatrix\") this._matrixPending = false;\n    }\n\n    /** 按待处理槽位打包，静止帧不重新分配数组；世界矩阵仅储存一份。 */\n    public override updateInstanceData(): void {\n        this.assertActive();\n        this.ensureWorldMatrix();\n        if (this._geometryPending && this.data !== undefined) this.material?.addGeometryType(this.data.type);\n        let matricesChanged: boolean = false;\n        let stylesChanged: boolean = false;\n        if (this._raw && this._matrixPending) {\n            for (const record of this._raws.map.values()) this.writeMatrix(record.index, record);\n            matricesChanged = this._count > 0;\n        } else {\n            for (const index of this._pendingMatrices) {\n                const record = this._raws.map.get(this._ids[index]);\n                if (record !== undefined) { this.writeMatrix(index, record); matricesChanged = true; }\n            }\n        }\n        this.updateTextureLayers();\n        for (const index of this._pendingStyles) {\n            const record = this._raws.map.get(this._ids[index]);\n            if (record !== undefined) { this.writeStyle(index, record.style, record.enabled); stylesChanged = true; }\n        }\n        if (matricesChanged) this._matrixVersion++;\n        if (stylesChanged) this._styleVersion++;\n        this._pendingMatrices.clear();\n        this._pendingStyles.clear();\n        this._matrixPending = false;\n        this._stylePending = false;\n        this._geometryPending = false;\n        this._materialPending = false;\n    }\n\n    /** 清空记录并解绑，保留已分配 CPU 容量供后续 push 使用。 */\n    public clear(): void {\n        this.assertActive();\n        this._raws.clear();\n        this._count = 0;\n        this._ids.length = 0;\n        this._sources.length = 0;\n        this._pendingMatrices.clear();\n        this._pendingStyles.clear();\n        for (const texture of this._textures) texture.set([]);\n        for (const indices of this._layerIndices) indices.clear();\n        this._layersPending = false;\n        this._matrixVersion++;\n        this._styleVersion++;\n        this.updateVersion();\n        this.getScene(this)?.updateVersion();\n    }\n    /** 解除原始记录、贴图层表和资源订阅，不销毁共享几何、材质或图片。 */\n    public override dispose(): void {\n        if (this._disposed) return;\n        this.clear();\n        for (const texture of this._textures) texture.dispose();\n        super.dispose();\n    }\n\n    /** @param count 即将使用的条数 */\n    private ensureCapacity(count: number): void {\n        let capacity: number = this._capacity;\n        while (capacity < count) capacity = capacity < 100000\n            ? Math.min(capacity * this._growthFactor, 100000)\n            : Math.ceil(count / 100000) * 100000;\n        if (capacity !== this._capacity) this.capacity = capacity;\n    }\n    /** @param options 完整输入 @returns 校验后的值，不保留临时默认对象 */\n    private resolve(options: RawOptions): Required<RawOptions> {\n        const values = {\n            position: options.position ?? new Vec2(), rotation: options.rotation ?? 0,\n            scale: options.scale ?? new Vec2(1, 1), style: options.style ?? this.material?.style ?? new Style(),\n            enabled: options.enabled ?? true,\n        };\n        if (![values.position.x, values.position.y, values.scale.x, values.scale.y, values.rotation].every(Number.isFinite)) {\n            throw new RangeError(\"Transform components must be finite.\");\n        }\n        return values;\n    }\n    /** @param index 槽位 @param values 局部变换，输出只保存 world * local */\n    private writeMatrix(index: number, values: Required<RawOptions> | Raw): void {\n        const c: number = Math.cos(values.rotation);\n        const s: number = Math.sin(values.rotation);\n        this._local.set([c * values.scale.x, s * values.scale.x, 0, -s * values.scale.y, c * values.scale.y, 0, values.position.x, values.position.y, 1]);\n        this._world.mul(this.worldMatrix, this._local);\n        this._matrixData.set(this._world.GPUData, index * 12);\n    }\n    /** @param index 槽位 @param style 样式 @param enabled 整条记录开关 */\n    private writeStyle(index: number, style: Style, enabled: boolean): void {\n        const offset: number = index * STYLE_STRIDE;\n        WriteStyleData(style, this._styleData, offset);\n        if (!enabled) this._styleData.fill(0, offset + 36, offset + 40);\n        this.writeLayers(index);\n    }\n    /** @param index 槽位 @param style 只截取图片引用，不保留整个 Style */\n    private setSources(index: number, style: Style): void {\n        const previous = this._sources.at(index);\n        const next = [style.solid.texture, style.edge.texture, style.points.texture];\n        if (previous !== undefined && next.every((texture, part): boolean => texture === previous[part])) return;\n        this._sources[index] = next;\n        this._layersPending = true;\n        this.getScene(this)?.updateVersion();\n    }\n    /** 图片引用变化时才重建去重层表，避免反复换图后无限积累废弃层。 */\n    private updateTextureLayers(): void {\n        if (!this._layersPending) return;\n        for (let part = 0; part < 3; part++) {\n            const indices = this._layerIndices[part];\n            const layers: (TextureLike | undefined)[] = [];\n            indices.clear();\n            for (const sources of this._sources) {\n                const texture = sources[part];\n                if (!indices.has(texture)) { indices.set(texture, layers.length); layers.push(texture); }\n            }\n            this._textures[part].set(layers);\n        }\n        for (let index = 0; index < this._count; index++) this.writeLayers(index);\n        this._styleVersion++;\n        this._layersPending = false;\n    }\n    /** @param index 将三套纹理层号写到样式最后一个 vec4 */\n    private writeLayers(index: number): void {\n        for (let part = 0; part < 3; part++) {\n            this._styleData[index * STYLE_STRIDE + 40 + part] = this._layerIndices[part].get(this._sources[index]?.[part]) ?? 0;\n        }\n    }\n    /** 拦截销毁后复用。 */\n    private assertActive(): void {\n        if (this._disposed) throw new Error(\"Disposed IMesh cannot be reused.\");\n    }\n}\n\nexport default IMesh;\nexport type { RawOptions } from \"../Raws\";\n\n/** @param options 构建选项；不创建任何订阅或分配大数组 */\nconst ValidateOptions = (options: IMeshOptions): void => {\n    const capacity: number = options.capacity ?? 2;\n    const factor: number = options.growthFactor ?? 2;\n    if (!Number.isSafeInteger(capacity) || capacity < 1 || capacity > Math.floor(0xFFFFFFFF / (STYLE_STRIDE * 4))) {\n        throw new RangeError(\"Invalid initial capacity.\");\n    }\n    if (!Number.isSafeInteger(factor) || factor < 2) throw new RangeError(\"growthFactor must be an integer >= 2.\");\n};\n"],"mappings":"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"}

package/lib/Material/Material.d.ts

@@ -0,0 +1,158 @@
+/// <reference types="@webgpu/types" preserve="true" />
+import Style from "../Style";
+import type { StyleChange, StyleSubscriber, BorderAlign, PixelAligned } from "../Style";
+interface MaterialBuffersLike {
+    uniform?: number;
+    texture?: number;
+    sampler?: number;
+}
+interface ShadersLike {
+    polyVertexShader?: string;
+    polyFragmentShader?: string;
+    rectVertexShader?: string;
+    rectFragmentShader?: string;
+}
+/** 通知类别不是独立版本；材质仍只有一个 version。 */
+type MaterialChangeKind = "all" | "style" | "pipeline" | "texture" | "textureData" | "sampler";
+/** 材质变化影响：样式数组、场景资源引用分别处理。 */
+interface MaterialChange {
+    readonly source: MaterialLike;
+    readonly style: boolean;
+    readonly resources: boolean;
+}
+/** 材质消费者，回调只安排下一帧工作。 */
+interface MaterialSubscriber {
+    onMaterialChange(change: MaterialChange): void;
+}
+interface MaterialLike extends StyleSubscriber {
+    readonly id: number;
+    readonly type: string;
+    readonly key: string;
+    readonly version: number;
+    style: Style;
+    transparent: boolean;
+    depthTest: boolean;
+    depthWrite: boolean;
+    cullMode: GPUCullMode;
+    addGeometryType(type: string): void;
+    getPipelineKey(type: string): string;
+    rectVertexShader: string | undefined;
+    rectFragmentShader: string | undefined;
+    polyVertexShader: string | undefined;
+    polyFragmentShader: string | undefined;
+    updateKey(): void;
+    updateVersion(kind?: MaterialChangeKind): void;
+    add(subscriber: MaterialSubscriber): void;
+    delete(subscriber: MaterialSubscriber): void;
+    dispose(): void;
+}
+/** 材质只持有 Shader、固定管线状态及 Style 引用，不重复保存显示参数。 */
+declare abstract class Material implements MaterialLike {
+    /** 全局材质 ID。 */
+    readonly id: number;
+    /** 材质类型。 */
+    abstract readonly type: string;
+    private _version;
+    private _key;
+    /** 缓存完整几何管线键，避免每个 Mesh 每帧拼接和散列 Shader 长字符串。 */
+    private readonly _pipelineKeys;
+    private _style;
+    private _disposed;
+    private readonly _subscribers;
+    private _transparent;
+    private _depthTest;
+    private _depthWrite;
+    private _cullMode;
+    private readonly _geometryTypes;
+    private readonly _shaders;
+    /** @param style 共享样式，默认各分区关闭 */
+    protected constructor(style?: Style);
+    /** 当前共享样式。 */
+    get style(): Style;
+    /** @param value 新样式；解绑旧引用，并更新材质版本及 Pipeline key */
+    set style(value: Style);
+    /** @param change 样式变化；区分数值、贴图引用和贴图内容，避免无关缓冲重复上传 */
+    onStyleChange(change: StyleChange): void;
+    /** 最终停止使用时解绑 Style，不销毁共享贴图或 GPU 缓存。 */
+    dispose(): void;
+    /**
+     * 关联使用当前材质的消费者，Set 自动去重。
+     * @param subscriber Mesh 或其他材质消费者
+     */
+    add(subscriber: MaterialSubscriber): void;
+    /**
+     * 解绑消费者，不销毁共享 Style、Texture 或 GPU 缓存。
+     * @param subscriber 需要解绑的消费者
+     */
+    delete(subscriber: MaterialSubscriber): void;
+    /** 单一材质版本。 */
+    get version(): number;
+    /** 固定管线状态与 Shader 对应的缓存键。 */
+    get key(): string;
+    /**
+     * 递增单一版本并通知消费者，颜色变化不会改变 key。
+     * @param kind 影响范围，手动调用默认全部失效
+     */
+    updateVersion(kind?: MaterialChangeKind): void;
+    /** 所有分区共用的透明混合状态。 */
+    get transparent(): boolean;
+    /** @param value 是否开启透明混合 */
+    set transparent(value: boolean);
+    /** 是否比较深度，默认 false；关闭时作为最后绘制的覆盖层。 */
+    get depthTest(): boolean;
+    /** @param value 是否执行深度比较，不自动改变 depthWrite / transparent */
+    set depthTest(value: boolean);
+    /** 是否记录通过测试的片元深度，默认 false；普通透明物体通常应关闭。 */
+    get depthWrite(): boolean;
+    /** @param value 是否写入深度，不自动改变 depthTest / transparent */
+    set depthWrite(value: boolean);
+    /** 所有三角面共用的剔除状态。 */
+    get cullMode(): GPUCullMode;
+    /** @param value 要剔除的面 */
+    set cullMode(value: GPUCullMode);
+    /**
+     * 追加已使用的几何类型标记；Rect2d 对应 rect，重复绑定不递增版本。
+     * @param type Geometry.type
+     * @returns 无返回值
+     */
+    addGeometryType(type: string): void;
+    /**
+     * 获取指定几何类型的管线缓存键。
+     * 材质 key 描述共享状态，类型后缀区分同一材质的不同几何模板。
+     * @param type Geometry.type
+     * @returns 当前几何对应的管线键
+     */
+    getPipelineKey(type: string): string;
+    /**
+     * 设置矩形合并三角面顶点着色器源码。
+     * @param vertexShader 顶点着色器源码
+     */
+    set rectVertexShader(vertexShader: string | undefined);
+    /**
+     * 获取矩形合并三角面顶点着色器源码。
+     * @returns 顶点着色器源码
+     */
+    get rectVertexShader(): string | undefined;
+    /**
+     * 设置矩形合并三角面片元着色器源码。
+     * @param fragmentShader 片元着色器源码
+     */
+    set rectFragmentShader(fragmentShader: string | undefined);
+    /**
+     * 获取矩形合并三角面片元着色器源码。
+     * @returns 片元着色器源码
+     */
+    get rectFragmentShader(): string | undefined;
+    /** 多边形合并三角面顶点 Shader。 */
+    get polyVertexShader(): string | undefined;
+    /** @param value 多边形顶点 Shader 源码，修改后重建管线 */
+    set polyVertexShader(value: string | undefined);
+    /** 多边形填充、边框和点型片段 Shader。 */
+    get polyFragmentShader(): string | undefined;
+    /** @param value 多边形片段 Shader 源码，修改后重建管线 */
+    set polyFragmentShader(value: string | undefined);
+    /** 原生线开关决定是否需要附加 line-list 管线，其余分区通过 Uniform 控制。 */
+    updateKey(): void;
+}
+export default Material;
+export type { BorderAlign, MaterialBuffersLike, MaterialChange, MaterialChangeKind, MaterialLike, MaterialSubscriber, PixelAligned, ShadersLike };

package/lib/Material/Material.js

@@ -0,0 +1,229 @@
+import { GETID } from "../ID.js";
+import Style from "../Style/index.js";
+//#region src/scripts/Material/Material.ts
+/** 材质只持有 Shader、固定管线状态及 Style 引用，不重复保存显示参数。 */
+var Material = class {
+	/** 全局材质 ID。 */
+	id = GETID();
+	_version = 0;
+	_key = "";
+	/** 缓存完整几何管线键，避免每个 Mesh 每帧拼接和散列 Shader 长字符串。 */
+	_pipelineKeys = /* @__PURE__ */ new Map();
+	_style;
+	_disposed = false;
+	_subscribers = /* @__PURE__ */ new Set();
+	_transparent = false;
+	_depthTest = false;
+	_depthWrite = false;
+	_cullMode = "back";
+	_geometryTypes = /* @__PURE__ */ new Set();
+	_shaders = {};
+	/** @param style 共享样式，默认各分区关闭 */
+	constructor(style = new Style()) {
+		this._style = style;
+		style.add(this);
+	}
+	/** 当前共享样式。 */
+	get style() {
+		return this._style;
+	}
+	/** @param value 新样式；解绑旧引用，并更新材质版本及 Pipeline key */
+	set style(value) {
+		if (this._disposed) throw new Error("Disposed material cannot be reused.");
+		if (this._style === value) return;
+		this._style.delete(this);
+		this._style = value;
+		value.add(this);
+		this.updateVersion();
+	}
+	/** @param change 样式变化；区分数值、贴图引用和贴图内容，避免无关缓冲重复上传 */
+	onStyleChange(change) {
+		if (this._disposed || change.source !== this._style) return;
+		const kind = change.field === "texture" ? "texture" : change.field === "textureData" ? "textureData" : change.field === "addressModeU" || change.field === "addressModeV" ? "sampler" : "style";
+		this.updateVersion(kind);
+	}
+	/** 最终停止使用时解绑 Style，不销毁共享贴图或 GPU 缓存。 */
+	dispose() {
+		this._style.delete(this);
+		this._subscribers.clear();
+		this._disposed = true;
+	}
+	/**
+	* 关联使用当前材质的消费者，Set 自动去重。
+	* @param subscriber Mesh 或其他材质消费者
+	*/
+	add(subscriber) {
+		if (this._disposed) throw new Error("Disposed material cannot be reused.");
+		this._subscribers.add(subscriber);
+	}
+	/**
+	* 解绑消费者，不销毁共享 Style、Texture 或 GPU 缓存。
+	* @param subscriber 需要解绑的消费者
+	*/
+	delete(subscriber) {
+		this._subscribers.delete(subscriber);
+	}
+	/** 单一材质版本。 */
+	get version() {
+		return this._version;
+	}
+	/** 固定管线状态与 Shader 对应的缓存键。 */
+	get key() {
+		return this._key;
+	}
+	/**
+	* 递增单一版本并通知消费者，颜色变化不会改变 key。
+	* @param kind 影响范围，手动调用默认全部失效
+	*/
+	updateVersion(kind = "all") {
+		const previousKey = this._key;
+		this._version++;
+		this.updateKey();
+		const change = Object.freeze({
+			source: this,
+			style: kind === "all" || kind === "style",
+			resources: kind === "all" || kind === "texture" || previousKey !== this._key
+		});
+		for (const subscriber of [...this._subscribers]) subscriber.onMaterialChange(change);
+	}
+	/** 所有分区共用的透明混合状态。 */
+	get transparent() {
+		return this._transparent;
+	}
+	/** @param value 是否开启透明混合 */
+	set transparent(value) {
+		if (this._transparent === value) return;
+		this._transparent = value;
+		this.updateVersion("pipeline");
+	}
+	/** 是否比较深度，默认 false；关闭时作为最后绘制的覆盖层。 */
+	get depthTest() {
+		return this._depthTest;
+	}
+	/** @param value 是否执行深度比较，不自动改变 depthWrite / transparent */
+	set depthTest(value) {
+		if (this._depthTest === value) return;
+		this._depthTest = value;
+		this.updateVersion("pipeline");
+	}
+	/** 是否记录通过测试的片元深度，默认 false；普通透明物体通常应关闭。 */
+	get depthWrite() {
+		return this._depthWrite;
+	}
+	/** @param value 是否写入深度，不自动改变 depthTest / transparent */
+	set depthWrite(value) {
+		if (this._depthWrite === value) return;
+		this._depthWrite = value;
+		this.updateVersion("pipeline");
+	}
+	/** 所有三角面共用的剔除状态。 */
+	get cullMode() {
+		return this._cullMode;
+	}
+	/** @param value 要剔除的面 */
+	set cullMode(value) {
+		if (this._cullMode === value) return;
+		this._cullMode = value;
+		this.updateVersion("pipeline");
+	}
+	/**
+	* 追加已使用的几何类型标记；Rect2d 对应 rect，重复绑定不递增版本。
+	* @param type Geometry.type
+	* @returns 无返回值
+	*/
+	addGeometryType(type) {
+		const tag = type === "Rect2d" ? "rect" : type === "Poly2D" ? "poly" : type;
+		if (this._geometryTypes.has(tag)) return;
+		this._geometryTypes.add(tag);
+		this.updateVersion("pipeline");
+	}
+	/**
+	* 获取指定几何类型的管线缓存键。
+	* 材质 key 描述共享状态，类型后缀区分同一材质的不同几何模板。
+	* @param type Geometry.type
+	* @returns 当前几何对应的管线键
+	*/
+	getPipelineKey(type) {
+		let key = this._pipelineKeys.get(type);
+		if (key === void 0) {
+			key = this.key + "_" + (type === "Rect2d" ? "rect" : type === "Poly2D" ? "poly" : type);
+			this._pipelineKeys.set(type, key);
+		}
+		return key;
+	}
+	/**
+	* 设置矩形合并三角面顶点着色器源码。
+	* @param vertexShader 顶点着色器源码
+	*/
+	set rectVertexShader(vertexShader) {
+		if (this._shaders.rectVertexShader === vertexShader) return;
+		this._shaders.rectVertexShader = vertexShader;
+		this.updateVersion("pipeline");
+	}
+	/**
+	* 获取矩形合并三角面顶点着色器源码。
+	* @returns 顶点着色器源码
+	*/
+	get rectVertexShader() {
+		return this._shaders.rectVertexShader;
+	}
+	/**
+	* 设置矩形合并三角面片元着色器源码。
+	* @param fragmentShader 片元着色器源码
+	*/
+	set rectFragmentShader(fragmentShader) {
+		if (this._shaders.rectFragmentShader === fragmentShader) return;
+		this._shaders.rectFragmentShader = fragmentShader;
+		this.updateVersion("pipeline");
+	}
+	/**
+	* 获取矩形合并三角面片元着色器源码。
+	* @returns 片元着色器源码
+	*/
+	get rectFragmentShader() {
+		return this._shaders.rectFragmentShader;
+	}
+	/** 多边形合并三角面顶点 Shader。 */
+	get polyVertexShader() {
+		return this._shaders.polyVertexShader;
+	}
+	/** @param value 多边形顶点 Shader 源码，修改后重建管线 */
+	set polyVertexShader(value) {
+		if (this._shaders.polyVertexShader === value) return;
+		this._shaders.polyVertexShader = value;
+		this.updateVersion("pipeline");
+	}
+	/** 多边形填充、边框和点型片段 Shader。 */
+	get polyFragmentShader() {
+		return this._shaders.polyFragmentShader;
+	}
+	/** @param value 多边形片段 Shader 源码，修改后重建管线 */
+	set polyFragmentShader(value) {
+		if (this._shaders.polyFragmentShader === value) return;
+		this._shaders.polyFragmentShader = value;
+		this.updateVersion("pipeline");
+	}
+	/** 原生线开关决定是否需要附加 line-list 管线，其余分区通过 Uniform 控制。 */
+	updateKey() {
+		const key = JSON.stringify([
+			this.type,
+			this._transparent,
+			this._cullMode,
+			this._depthTest,
+			this._depthWrite,
+			this._style.wireframe.enabled,
+			this._shaders.rectVertexShader,
+			this._shaders.rectFragmentShader,
+			this._shaders.polyVertexShader,
+			this._shaders.polyFragmentShader
+		]) + [...this._geometryTypes].sort().map((tag) => "_" + tag).join("");
+		if (key !== this._key) {
+			this._key = key;
+			this._pipelineKeys.clear();
+		}
+	}
+};
+//#endregion
+export { Material as default };
+
+//# sourceMappingURL=Material.js.map

package/lib/Material/Material.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Material.js","names":[],"sources":["../../src/scripts/Material/Material.ts"],"sourcesContent":["/// <reference types=\"@webgpu/types\" preserve=\"true\" />\nimport { GETID } from \"../ID\";\nimport Style from \"../Style\";\nimport type { StyleChange, StyleSubscriber, BorderAlign, PixelAligned } from \"../Style\";\n\ninterface MaterialBuffersLike {\n    uniform?: number;\n    texture?: number;\n    sampler?: number;\n}\ninterface ShadersLike {\n    polyVertexShader?: string;\n    polyFragmentShader?: string;\n    rectVertexShader?: string;\n    rectFragmentShader?: string;\n}\n/** 通知类别不是独立版本；材质仍只有一个 version。 */\ntype MaterialChangeKind = \"all\" | \"style\" | \"pipeline\" | \"texture\" | \"textureData\" | \"sampler\";\n/** 材质变化影响：样式数组、场景资源引用分别处理。 */\ninterface MaterialChange {\n    readonly source: MaterialLike;\n    readonly style: boolean;\n    readonly resources: boolean;\n}\n/** 材质消费者，回调只安排下一帧工作。 */\ninterface MaterialSubscriber {\n    onMaterialChange(change: MaterialChange): void;\n}\ninterface MaterialLike extends StyleSubscriber {\n    readonly id: number;\n    readonly type: string;\n    readonly key: string;\n    readonly version: number;\n    style: Style;\n    transparent: boolean;\n    depthTest: boolean;\n    depthWrite: boolean;\n    cullMode: GPUCullMode;\n    addGeometryType(type: string): void;\n    getPipelineKey(type: string): string;\n    rectVertexShader: string | undefined;\n    rectFragmentShader: string | undefined;\n    polyVertexShader: string | undefined;\n    polyFragmentShader: string | undefined;\n    updateKey(): void;\n    updateVersion(kind?: MaterialChangeKind): void;\n    add(subscriber: MaterialSubscriber): void;\n    delete(subscriber: MaterialSubscriber): void;\n    dispose(): void;\n}\n/** 材质只持有 Shader、固定管线状态及 Style 引用，不重复保存显示参数。 */\nabstract class Material implements MaterialLike {\n    /** 全局材质 ID。 */\n    public readonly id: number = GETID();\n    /** 材质类型。 */\n    public abstract readonly type: string;\n    private _version: number = 0;\n    private _key: string = \"\";\n    /** 缓存完整几何管线键，避免每个 Mesh 每帧拼接和散列 Shader 长字符串。 */\n    private readonly _pipelineKeys = new Map<string, string>();\n    private _style: Style;\n    private _disposed: boolean = false;\n    private readonly _subscribers = new Set<MaterialSubscriber>();\n    private _transparent: boolean = false;\n    private _depthTest: boolean = false;\n    private _depthWrite: boolean = false;\n    private _cullMode: GPUCullMode = \"back\";\n    private readonly _geometryTypes = new Set<string>();\n    private readonly _shaders: ShadersLike = {};\n\n    /** @param style 共享样式，默认各分区关闭 */\n    protected constructor(style: Style = new Style()) {\n        this._style = style;\n        style.add(this);\n    }\n    /** 当前共享样式。 */\n    public get style(): Style { return this._style; }\n    /** @param value 新样式；解绑旧引用，并更新材质版本及 Pipeline key */\n    public set style(value: Style) {\n        if (this._disposed) throw new Error(\"Disposed material cannot be reused.\");\n        if (this._style === value) return;\n        this._style.delete(this);\n        this._style = value;\n        value.add(this);\n        this.updateVersion();\n    }\n    /** @param change 样式变化；区分数值、贴图引用和贴图内容，避免无关缓冲重复上传 */\n    public onStyleChange(change: StyleChange): void {\n        if (this._disposed || change.source !== this._style) return;\n        const kind: MaterialChangeKind = change.field === \"texture\" ? \"texture\"\n            : change.field === \"textureData\" ? \"textureData\"\n                : change.field === \"addressModeU\" || change.field === \"addressModeV\" ? \"sampler\" : \"style\";\n        this.updateVersion(kind);\n    }\n    /** 最终停止使用时解绑 Style，不销毁共享贴图或 GPU 缓存。 */\n    public dispose(): void {\n        this._style.delete(this);\n        this._subscribers.clear();\n        this._disposed = true;\n    }\n    /**\n     * 关联使用当前材质的消费者，Set 自动去重。\n     * @param subscriber Mesh 或其他材质消费者\n     */\n    public add(subscriber: MaterialSubscriber): void {\n        if (this._disposed) throw new Error(\"Disposed material cannot be reused.\");\n        this._subscribers.add(subscriber);\n    }\n    /**\n     * 解绑消费者，不销毁共享 Style、Texture 或 GPU 缓存。\n     * @param subscriber 需要解绑的消费者\n     */\n    public delete(subscriber: MaterialSubscriber): void {\n        this._subscribers.delete(subscriber);\n    }\n    /** 单一材质版本。 */\n    public get version(): number { return this._version; }\n    /** 固定管线状态与 Shader 对应的缓存键。 */\n    public get key(): string { return this._key; }\n    /**\n     * 递增单一版本并通知消费者，颜色变化不会改变 key。\n     * @param kind 影响范围，手动调用默认全部失效\n     */\n    public updateVersion(kind: MaterialChangeKind = \"all\"): void {\n        const previousKey: string = this._key;\n        this._version++;\n        this.updateKey();\n        const change: MaterialChange = Object.freeze({\n            source: this,\n            style: kind === \"all\" || kind === \"style\",\n            resources: kind === \"all\" || kind === \"texture\" || previousKey !== this._key,\n        });\n        for (const subscriber of [...this._subscribers]) subscriber.onMaterialChange(change);\n    }\n    /** 所有分区共用的透明混合状态。 */\n    public get transparent(): boolean { return this._transparent; }\n    /** @param value 是否开启透明混合 */\n    public set transparent(value: boolean) {\n        if (this._transparent === value) return;\n        this._transparent = value;\n        this.updateVersion(\"pipeline\");\n    }\n    /** 是否比较深度，默认 false；关闭时作为最后绘制的覆盖层。 */\n    public get depthTest(): boolean { return this._depthTest; }\n    /** @param value 是否执行深度比较，不自动改变 depthWrite / transparent */\n    public set depthTest(value: boolean) {\n        if (this._depthTest === value) return;\n        this._depthTest = value;\n        this.updateVersion(\"pipeline\");\n    }\n    /** 是否记录通过测试的片元深度，默认 false；普通透明物体通常应关闭。 */\n    public get depthWrite(): boolean { return this._depthWrite; }\n    /** @param value 是否写入深度，不自动改变 depthTest / transparent */\n    public set depthWrite(value: boolean) {\n        if (this._depthWrite === value) return;\n        this._depthWrite = value;\n        this.updateVersion(\"pipeline\");\n    }\n    /** 所有三角面共用的剔除状态。 */\n    public get cullMode(): GPUCullMode { return this._cullMode; }\n    /** @param value 要剔除的面 */\n    public set cullMode(value: GPUCullMode) {\n        if (this._cullMode === value) return;\n        this._cullMode = value;\n        this.updateVersion(\"pipeline\");\n    }\n    /**\n     * 追加已使用的几何类型标记；Rect2d 对应 rect，重复绑定不递增版本。\n     * @param type Geometry.type\n     * @returns 无返回值\n     */\n    public addGeometryType(type: string): void {\n        const tag: string = type === \"Rect2d\" ? \"rect\" : type === \"Poly2D\" ? \"poly\" : type;\n        if (this._geometryTypes.has(tag)) {\n            return;\n        }\n        this._geometryTypes.add(tag);\n        this.updateVersion(\"pipeline\");\n    }\n\n    /**\n     * 获取指定几何类型的管线缓存键。\n     * 材质 key 描述共享状态，类型后缀区分同一材质的不同几何模板。\n     * @param type Geometry.type\n     * @returns 当前几何对应的管线键\n     */\n    public getPipelineKey(type: string): string {\n        let key: string | undefined = this._pipelineKeys.get(type);\n        if (key === undefined) {\n            key = this.key + \"_\" + (type === \"Rect2d\" ? \"rect\" : type === \"Poly2D\" ? \"poly\" : type);\n            this._pipelineKeys.set(type, key);\n        }\n        return key;\n    }\n\n    /**\n     * 设置矩形合并三角面顶点着色器源码。\n     * @param vertexShader 顶点着色器源码\n     */\n    public set rectVertexShader(vertexShader: string | undefined) {\n        if (this._shaders.rectVertexShader === vertexShader) {\n            return;\n        }\n\n        this._shaders.rectVertexShader = vertexShader;\n        this.updateVersion(\"pipeline\");\n    }\n\n    /**\n     * 获取矩形合并三角面顶点着色器源码。\n     * @returns 顶点着色器源码\n     */\n    public get rectVertexShader(): string | undefined {\n        return this._shaders.rectVertexShader;\n    }\n\n    /**\n     * 设置矩形合并三角面片元着色器源码。\n     * @param fragmentShader 片元着色器源码\n     */\n    public set rectFragmentShader(fragmentShader: string | undefined) {\n        if (this._shaders.rectFragmentShader === fragmentShader) {\n            return;\n        }\n\n        this._shaders.rectFragmentShader = fragmentShader;\n        this.updateVersion(\"pipeline\");\n    }\n\n    /**\n     * 获取矩形合并三角面片元着色器源码。\n     * @returns 片元着色器源码\n     */\n    public get rectFragmentShader(): string | undefined {\n        return this._shaders.rectFragmentShader;\n    }\n\n    /** 多边形合并三角面顶点 Shader。 */\n    public get polyVertexShader(): string | undefined { return this._shaders.polyVertexShader; }\n    /** @param value 多边形顶点 Shader 源码，修改后重建管线 */\n    public set polyVertexShader(value: string | undefined) {\n        if (this._shaders.polyVertexShader === value) return;\n        this._shaders.polyVertexShader = value;\n        this.updateVersion(\"pipeline\");\n    }\n    /** 多边形填充、边框和点型片段 Shader。 */\n    public get polyFragmentShader(): string | undefined { return this._shaders.polyFragmentShader; }\n    /** @param value 多边形片段 Shader 源码，修改后重建管线 */\n    public set polyFragmentShader(value: string | undefined) {\n        if (this._shaders.polyFragmentShader === value) return;\n        this._shaders.polyFragmentShader = value;\n        this.updateVersion(\"pipeline\");\n    }\n\n\n    /** 原生线开关决定是否需要附加 line-list 管线，其余分区通过 Uniform 控制。 */\n    public updateKey(): void {\n        const key: string = JSON.stringify([\n            this.type, this._transparent, this._cullMode, this._depthTest, this._depthWrite,\n            this._style.wireframe.enabled,\n            this._shaders.rectVertexShader, this._shaders.rectFragmentShader,\n            this._shaders.polyVertexShader, this._shaders.polyFragmentShader,\n        ]) + [...this._geometryTypes].sort().map((tag: string): string => \"_\" + tag).join(\"\");\n        if (key !== this._key) {\n            this._key = key;\n            this._pipelineKeys.clear();\n        }\n    }\n}\nexport default Material;\nexport type { BorderAlign, MaterialBuffersLike, MaterialChange, MaterialChangeKind, MaterialLike, MaterialSubscriber, PixelAligned, ShadersLike };\n"],"mappings":"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"}

package/lib/Material/baseMaterial.d.ts

@@ -0,0 +1,15 @@
+import Material from "./Material";
+import type { MaterialLike } from "./Material";
+import type Style from "../Style";
+interface BaseMaterialLike extends MaterialLike {
+    readonly type: "BaseMaterial";
+}
+/** 矩形与多边形材质；按几何类型选择 Shader，四套显示参数均从 Style 获取。 */
+declare class BaseMaterial extends Material implements BaseMaterialLike {
+    /** 对象类型。 */
+    readonly type: "BaseMaterial";
+    /** @param style 共享样式，通常与对应 Geometry 使用同一对象 */
+    constructor(style?: Style);
+}
+export default BaseMaterial;
+export type { BaseMaterialLike };

package/lib/Material/baseMaterial.js

@@ -0,0 +1,24 @@
+import Material from "./Material.js";
+import vertex_default from "./shaders/base/rect/vertex.js";
+import fragment_default from "./shaders/base/rect/fragment.js";
+import vertex_default$1 from "./shaders/base/poly/vertex.js";
+import fragment_default$1 from "./shaders/base/poly/fragment.js";
+//#region src/scripts/Material/baseMaterial.ts
+/** 矩形与多边形材质；按几何类型选择 Shader，四套显示参数均从 Style 获取。 */
+var BaseMaterial = class extends Material {
+	/** 对象类型。 */
+	type = "BaseMaterial";
+	/** @param style 共享样式，通常与对应 Geometry 使用同一对象 */
+	constructor(style) {
+		super(style);
+		this.rectVertexShader = vertex_default;
+		this.rectFragmentShader = fragment_default;
+		this.polyVertexShader = vertex_default$1;
+		this.polyFragmentShader = fragment_default$1;
+		this.updateKey();
+	}
+};
+//#endregion
+export { BaseMaterial as default };
+
+//# sourceMappingURL=baseMaterial.js.map

package/lib/Material/baseMaterial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseMaterial.js","names":[],"sources":["../../src/scripts/Material/baseMaterial.ts"],"sourcesContent":["import Material from \"./Material\";\nimport type { MaterialLike } from \"./Material\";\nimport type Style from \"../Style\";\nimport rectVertexShader from \"./shaders/base/rect/vertex.shader?raw\";\nimport rectFragmentShader from \"./shaders/base/rect/fragment.shader?raw\";\nimport polyVertexShader from \"./shaders/base/poly/vertex.shader?raw\";\nimport polyFragmentShader from \"./shaders/base/poly/fragment.shader?raw\";\n\ninterface BaseMaterialLike extends MaterialLike {\n    readonly type: \"BaseMaterial\";\n}\n\n/** 矩形与多边形材质；按几何类型选择 Shader，四套显示参数均从 Style 获取。 */\nclass BaseMaterial extends Material implements BaseMaterialLike {\n    /** 对象类型。 */\n    public readonly type = \"BaseMaterial\" as const;\n    /** @param style 共享样式，通常与对应 Geometry 使用同一对象 */\n    public constructor(style?: Style) {\n        super(style);\n        this.rectVertexShader = rectVertexShader;\n        this.rectFragmentShader = rectFragmentShader;\n        this.polyVertexShader = polyVertexShader;\n        this.polyFragmentShader = polyFragmentShader;\n        this.updateKey();\n    }\n}\nexport default BaseMaterial;\nexport type { BaseMaterialLike };\n"],"mappings":";;;;;;;AAaA,IAAM,eAAN,cAA2B,SAAqC;;CAE5D,OAAuB;;CAEvB,YAAmB,OAAe;EAC9B,MAAM,KAAK;EACX,KAAK,mBAAmB;EACxB,KAAK,qBAAqB;EAC1B,KAAK,mBAAmB;EACxB,KAAK,qBAAqB;EAC1B,KAAK,UAAU;CACnB;AACJ"}

package/lib/Material/index.d.ts

@@ -0,0 +1,4 @@
+export { default as BaseMaterial } from "./baseMaterial";
+export { default as Material } from "./Material";
+export type { BaseMaterialLike } from "./baseMaterial";
+export type { BorderAlign, MaterialBuffersLike, MaterialChange, MaterialChangeKind, MaterialLike, MaterialSubscriber, PixelAligned, ShadersLike } from "./Material";

package/lib/Material/index.js

@@ -0,0 +1,3 @@
+import Material from "./Material.js";
+import BaseMaterial from "./baseMaterial.js";
+export { BaseMaterial, Material };

package/lib/Material/shaders/base/poly/fragment.js

@@ -0,0 +1,6 @@
+//#region src/scripts/Material/shaders/base/poly/fragment.shader?raw
+var fragment_default = "struct MaterialUniform {\n    solidColor: vec4f,\n    sdfBorderColor: vec4f,\n    edgeColor: vec4f,\n    pointsColor: vec4f,\n    wireframeColor: vec4f,\n    // opacity、SDF width、align、pixelAligned。\n    solid: vec4f,\n    // opacity、实体 width、align、pixelAligned。\n    edge: vec4f,\n    // opacity、pixelAligned、补位、补位。\n    points: vec4f,\n    // opacity，其余为补位。\n    wireframe: vec4f,\n    // solid、wireframe、edge、points 开关。\n    enabled: vec4f,\n    // solid、edge、points 的纹理层号，普通 Mesh 均为 0。\n    textureLayers: vec4f,\n};\n\nstruct RenderCameraUniform {\n    zoom: f32,\n    dpr: f32,\n    _padding0: f32,\n    _padding1: f32,\n};\n\nstruct GeometryUniform {\n    width: f32,\n    height: f32,\n    radius: f32,\n    _padding0: f32,\n};\n\n// 当前 Render 的 DPR 与 Camera 缩放参数。\n@group(0) @binding(3) var<uniform> renderCameraUniform: RenderCameraUniform;\n// 当前 Geometry 的包围盒宽高、保留项与边框宽度，供后续 SDF 计算使用。\n@group(0) @binding(4) var<uniform> geometryUniform: GeometryUniform;\n// 材质背景颜色，同时作为贴图颜色乘数。\n@group(1) @binding(0) var<storage, read> materialStyles: array<MaterialUniform>;\n// 材质当前使用的二维贴图。\n@group(1) @binding(1) var textureMap: texture_2d_array<f32>;\n// 控制贴图过滤和寻址方式。\n@group(1) @binding(2) var textureSampler: sampler;\n// 三种几何各自的贴图和 Sampler 同时绑定，不能在一次 DrawCall 中途切换绑定。\n@group(1) @binding(3) var edgeTexture: texture_2d_array<f32>;\n@group(1) @binding(4) var edgeSampler: sampler;\n@group(1) @binding(5) var pointsTexture: texture_2d_array<f32>;\n@group(1) @binding(6) var pointsSampler: sampler;\n\nstruct FragmentInput {\n    @location(0) uv: vec2f,\n    @location(1) localPosition: vec2f,\n    @location(2) @interpolate(flat) vertexType: f32,\n    @location(3) @interpolate(flat) instanceIndex: u32,\n};\n\n// 填充轮廓已由几何三角面决定。多边形边框走 vertexType=0.5，不使用矩形 SDF。\nfn ShadePoly(textureColor: vec4f, materialUniform: MaterialUniform) -> vec4f {\n    var color = textureColor * materialUniform.solidColor;\n    color.a *= materialUniform.solid.x;\n    if (color.a <= 0.0) { discard; }\n    return color;\n}\n\n@fragment\nfn main(input: FragmentInput) -> @location(0) vec4f {\n    let materialUniform = materialStyles[input.instanceIndex];\n    // 使用几何提供的 UV，允许非中心原点和自定义纹理坐标。\n    let fillUv = input.uv;\n    // vertexType 在三角面内不插值，但不同图元仍可能进入不同分支。\n    // 导数在分支前统一求值，再使用 textureSampleGrad，避免非一致控制流中的隐式导数报错。\n    let fillDx = dpdx(fillUv);\n    let fillDy = dpdy(fillUv);\n    let uvDx = dpdx(input.uv);\n    let uvDy = dpdy(input.uv);\n    if (input.vertexType == 0.0) {\n        if (materialUniform.enabled.x == 0.0) { discard; }\n        return ShadePoly(textureSampleGrad(textureMap, textureSampler, fillUv, i32(materialUniform.textureLayers.x), fillDx, fillDy), materialUniform);\n    }\n    var color: vec4f;\n    var opacity: f32;\n    if (input.vertexType == 0.5) {\n        if (materialUniform.enabled.z == 0.0) { discard; }\n        color = textureSampleGrad(edgeTexture, edgeSampler, input.uv, i32(materialUniform.textureLayers.y), uvDx, uvDy) * materialUniform.edgeColor;\n        opacity = materialUniform.edge.x;\n    } else {\n        if (materialUniform.enabled.w == 0.0) { discard; }\n        color = textureSampleGrad(pointsTexture, pointsSampler, input.uv, i32(materialUniform.textureLayers.z), uvDx, uvDy) * materialUniform.pointsColor;\n        opacity = materialUniform.points.x;\n    }\n    let alpha = color.a * opacity;\n    if (alpha <= 0.0) { discard; }\n    return vec4f(color.rgb, alpha);\n}\n";
+//#endregion
+export { fragment_default as default };
+
+//# sourceMappingURL=fragment.js.map

package/lib/Material/shaders/base/poly/fragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragment.js","names":[],"sources":[],"mappings":""}

package/lib/Material/shaders/base/poly/vertex.js

@@ -0,0 +1,6 @@
+//#region src/scripts/Material/shaders/base/poly/vertex.shader?raw
+var vertex_default = "// 深度来自队列层级，而不是提交顺序。矩阵和样式数组不因倒序绘制而搬动。\nstruct DrawDepth {\n    base: u32,\n    count: u32,\n    reverse: u32,\n    _padding: u32,\n};\n@group(0) @binding(5) var<uniform> drawDepth: DrawDepth;\n\nfn ResolveIndex(index: u32) -> u32 {\n    return select(index, drawDepth.count - 1u - index, drawDepth.reverse != 0u);\n}\n\nfn GetDepth(index: u32) -> f32 {\n    // 24 位整数除以 2^24，depth32float 可以精确表示；实际深度避开清空值 1。\n    return 1.0 - f32(drawDepth.base + index + 1u) / 16777216.0;\n}\n\nstruct VertexInput {\n    // WebGPU 自动提供实例编号；普通 Mesh 只绘制一次，因此为 0。\n    @builtin(instance_index) instanceIndex: u32,\n    @location(0) position: vec2f,\n    @location(1) uv: vec2f,\n    // 当前为二维轮廓外法线，先接入顶点管线供后续边框与特效使用。\n    @location(2) normal: vec2f,\n    @location(3) miterScale: f32,\n    // 关键点所属中心，其他类型填零。\n    @location(4) center: vec2f,\n    @location(5) vertexType: f32,\n};\n\nstruct RenderCameraUniform {\n    zoom: f32,\n    dpr: f32,\n    _padding0: f32,\n    _padding1: f32,\n};\n\nstruct MaterialUniform {\n    solidColor: vec4f,\n    sdfBorderColor: vec4f,\n    edgeColor: vec4f,\n    pointsColor: vec4f,\n    wireframeColor: vec4f,\n    // opacity、SDF width、align、pixelAligned。\n    solid: vec4f,\n    // opacity、实体 width、align、pixelAligned。\n    edge: vec4f,\n    // opacity、pixelAligned、补位、补位。\n    points: vec4f,\n    // opacity，其余为补位。\n    wireframe: vec4f,\n    // solid、wireframe、edge、points 开关。\n    enabled: vec4f,\n    // solid、edge、points 的纹理层号，普通 Mesh 均为 0。\n    textureLayers: vec4f,\n};\n\nstruct GeometryUniform {\n    width: f32,\n    height: f32,\n    radius: f32,\n    borderWidth: f32,\n};\n\n// 每个 Mesh 的世界矩阵。\n@group(0) @binding(0) var<storage, read> modelMatrices: array<mat3x3<f32>>;\n// 当前相机的视图矩阵。\n@group(0) @binding(1) var<uniform> viewMatrix: mat3x3<f32>;\n// 当前相机的正交投影矩阵。\n@group(0) @binding(2) var<uniform> orthogonalMatrix: mat3x3<f32>;\n// 当前 Render 的 DPR 与 Camera 缩放参数。\n@group(0) @binding(3) var<uniform> renderCameraUniform: RenderCameraUniform;\n// 当前 Geometry 的包围盒宽高、保留项与边框宽度。\n@group(0) @binding(4) var<uniform> geometryUniform: GeometryUniform;\n// BaseMaterial 实例样式，边框和点型可独立显示。\n@group(1) @binding(0) var<storage, read> materialStyles: array<MaterialUniform>;\n\nstruct VertexOutput {\n    @builtin(position) position: vec4f,\n    @location(0) uv: vec2f,\n    @location(1) localPosition: vec2f,\n    @location(2) @interpolate(flat) vertexType: f32,\n    // 原样传给片段阶段，禁止在三角面内插值。\n    @location(3) @interpolate(flat) instanceIndex: u32,\n};\n\n// 多边形实体已完成三角剖分，直接变换顶点，不按矩形宽高做 SDF 外扩。\nfn TransformSolid(input: VertexInput, resolvedIndex: u32, modelMatrix: mat3x3<f32>) -> VertexOutput {\n    let localPosition = vec3f(input.position, 1.0);\n    let clipPosition = orthogonalMatrix * viewMatrix * modelMatrix * localPosition;\n    var output: VertexOutput;\n    output.position = vec4f(clipPosition.xy, GetDepth(resolvedIndex), 1.0);\n    output.instanceIndex = resolvedIndex;\n    output.vertexType = 0.0;\n    output.uv = input.uv;\n    output.localPosition = input.position;\n    return output;\n}\n\n// 宽边框使用逆转置变换法线，避免非等比缩放影响屏幕宽度。\nfn getViewNormal(localNormal: vec2f, modelViewMatrix: mat3x3<f32>) -> vec2f {\n    let a = modelViewMatrix[0].x;\n    let b = modelViewMatrix[0].y;\n    let c = modelViewMatrix[1].x;\n    let d = modelViewMatrix[1].y;\n    let determinant = a * d - b * c;\n    let determinantSign = select(-1.0, 1.0, determinant >= 0.0);\n    let transformedNormal = vec2f(\n        d * localNormal.x - b * localNormal.y,\n        -c * localNormal.x + a * localNormal.y,\n    ) * determinantSign;\n    let normalLength = length(transformedNormal);\n    let safeNormalLength = max(normalLength, 0.000001);\n\n    return transformedNormal / safeNormalLength;\n}\n\n@vertex\nfn main(input: VertexInput) -> VertexOutput {\n    // 保留入口 builtin 原值；用独立编号读取矩阵、样式并传给片段阶段。\n    let resolvedIndex = ResolveIndex(input.instanceIndex);\n    let modelMatrix = modelMatrices[resolvedIndex];\n    let materialUniform = materialStyles[resolvedIndex];\n    if (input.vertexType == 0.0 && materialUniform.enabled.x != 0.0) {\n        return TransformSolid(input, resolvedIndex, modelMatrix);\n    }\n\n    var output: VertexOutput;\n    output.instanceIndex = resolvedIndex;\n    output.vertexType = input.vertexType;\n    output.uv = input.uv;\n    // 同一个三角面的三个顶点类型一致，关闭某类时让整面退化到裁剪区外。\n    if ((input.vertexType == 0.0 && materialUniform.enabled.x == 0.0)\n        || (input.vertexType == 0.5 && materialUniform.enabled.z == 0.0)\n        || (input.vertexType == 1.0 && materialUniform.enabled.w == 0.0)) {\n        output.position = vec4f(2.0, 2.0, 0.0, 1.0);\n        return output;\n    }\n\n    let modelViewMatrix = viewMatrix * modelMatrix;\n    let safeZoom = max(abs(renderCameraUniform.zoom), 0.000001);\n    let pixelAligned = select(materialUniform.points.y, materialUniform.edge.w, input.vertexType == 0.5);\n    let zoomScale = mix(1.0 / safeZoom, 1.0, pixelAligned);\n    var viewPosition: vec3f;\n    if (input.vertexType == 0.5) {\n        viewPosition = modelViewMatrix * vec3f(input.position, 1.0);\n        let viewNormal = getViewNormal(input.normal, modelViewMatrix);\n        let sideOffset = mix(-(1.0 - materialUniform.edge.z), materialUniform.edge.z, input.uv.y);\n        let offset = geometryUniform.borderWidth * input.miterScale * sideOffset * zoomScale;\n        viewPosition.x += viewNormal.x * offset;\n        viewPosition.y += viewNormal.y * offset;\n        output.uv.x *= mix(safeZoom, 1.0, materialUniform.edge.w);\n    } else {\n        // 点型中心跟随模型，局部偏移独立缩放，保持屏幕朝向和原有像素单位。\n        viewPosition = modelViewMatrix * vec3f(input.center, 1.0);\n        let offset = (input.position - input.center) * zoomScale;\n        viewPosition.x += offset.x;\n        viewPosition.y += offset.y;\n    }\n    let clipPosition = orthogonalMatrix * viewPosition;\n    output.position = vec4f(clipPosition.xy, GetDepth(resolvedIndex), 1.0);\n    return output;\n}\n";
+//#endregion
+export { vertex_default as default };
+
+//# sourceMappingURL=vertex.js.map

package/lib/Material/shaders/base/poly/vertex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertex.js","names":[],"sources":[],"mappings":""}

package/lib/Material/shaders/base/rect/fragment.js

@@ -0,0 +1,6 @@
+//#region src/scripts/Material/shaders/base/rect/fragment.shader?raw
+var fragment_default = "struct MaterialUniform {\n    solidColor: vec4f,\n    sdfBorderColor: vec4f,\n    edgeColor: vec4f,\n    pointsColor: vec4f,\n    wireframeColor: vec4f,\n    // opacity、SDF width、align、pixelAligned。\n    solid: vec4f,\n    // opacity、实体 width、align、pixelAligned。\n    edge: vec4f,\n    // opacity、pixelAligned、补位、补位。\n    points: vec4f,\n    // opacity，其余为补位。\n    wireframe: vec4f,\n    // solid、wireframe、edge、points 开关。\n    enabled: vec4f,\n    // solid、edge、points 的纹理层号，普通 Mesh 均为 0。\n    textureLayers: vec4f,\n};\n\nstruct RenderCameraUniform {\n    zoom: f32,\n    dpr: f32,\n    _padding0: f32,\n    _padding1: f32,\n};\n\nstruct GeometryUniform {\n    width: f32,\n    height: f32,\n    radius: f32,\n    _padding0: f32,\n};\n\n// 当前 Render 的 DPR 与 Camera 缩放参数。\n@group(0) @binding(3) var<uniform> renderCameraUniform: RenderCameraUniform;\n// 当前 Geometry 的宽度、高度与圆角参数，供后续 SDF 计算使用。\n@group(0) @binding(4) var<uniform> geometryUniform: GeometryUniform;\n// 材质背景颜色，同时作为贴图颜色乘数。\n@group(1) @binding(0) var<storage, read> materialStyles: array<MaterialUniform>;\n// 材质当前使用的二维贴图。\n@group(1) @binding(1) var textureMap: texture_2d_array<f32>;\n// 控制贴图过滤和寻址方式。\n@group(1) @binding(2) var textureSampler: sampler;\n// 三种几何各自的贴图和 Sampler 同时绑定，不能在一次 DrawCall 中途切换绑定。\n@group(1) @binding(3) var edgeTexture: texture_2d_array<f32>;\n@group(1) @binding(4) var edgeSampler: sampler;\n@group(1) @binding(5) var pointsTexture: texture_2d_array<f32>;\n@group(1) @binding(6) var pointsSampler: sampler;\n\nstruct FragmentInput {\n    @location(0) uv: vec2f,\n    @location(1) localPosition: vec2f,\n    @location(2) @interpolate(flat) vertexType: f32,\n    @location(3) @interpolate(flat) instanceIndex: u32,\n};\n\n// 计算点到圆角矩形边界的有符号距离：内部为负，边界为 0，外部为正。\nfn RoundedRectDistance(position: vec2f, halfSize: vec2f, radius: f32) -> f32 {\n    let safeRadius = clamp(radius, 0.0, min(halfSize.x, halfSize.y));\n    let cornerOffset = abs(position) - (halfSize - vec2f(safeRadius));\n\n    return length(max(cornerOffset, vec2f(0.0)))\n        + min(max(cornerOffset.x, cornerOffset.y), 0.0)\n        - safeRadius;\n}\n\nfn ShadeRect(input: FragmentInput, textureColor: vec4f, materialUniform: MaterialUniform) -> vec4f {\n    let geometrySize = vec2f(geometryUniform.width, geometryUniform.height);\n    let halfSize = geometrySize * 0.5;\n    var outputColor = textureColor * materialUniform.solidColor;\n\n    let safeZoom = max(abs(renderCameraUniform.zoom), 0.000001);\n    let borderZoomScale = mix(1.0 / safeZoom, 1.0, materialUniform.solid.w);\n    let borderWidth = materialUniform.solid.y * borderZoomScale;\n    let outward = borderWidth * materialUniform.solid.z;\n    let inward = borderWidth * (1.0 - materialUniform.solid.z);\n    let originalRadius = clamp(geometryUniform.radius, 0.0, min(halfSize.x, halfSize.y));\n    let outerHalfSize = halfSize + vec2f(outward);\n    let innerHalfSize = max(halfSize - vec2f(inward), vec2f(0.0));\n    // 原始直角保持直角；只有原矩形存在圆角时，内外半径才跟随边框偏移。\n    let outerRadius = select(0.0, originalRadius + outward, originalRadius > 0.0);\n    let innerRadius = select(0.0, max(originalRadius - inward, 0.0), originalRadius > 0.0);\n    let outerDistance = RoundedRectDistance(input.localPosition, outerHalfSize, outerRadius);\n    let innerDistance = RoundedRectDistance(input.localPosition, innerHalfSize, innerRadius);\n    let hasInner = innerHalfSize.x > 0.0 && innerHalfSize.y > 0.0;\n\n    if (outerDistance > 0.0) {\n        discard;\n    }\n\n    if (materialUniform.solid.y > 0.0 && (!hasInner || innerDistance >= 0.0)) {\n        outputColor = materialUniform.sdfBorderColor;\n    }\n\n    // opacity 作用于包含贴图在内的最终输出，而不是修改背景颜色本身。\n    outputColor.a *= materialUniform.solid.x;\n    // 透明空洞不写颜色或深度；半透明仍由材质混合与深度开关决定。\n    if (outputColor.a <= 0.0) { discard; }\n    return outputColor;\n}\n\n@fragment\nfn main(input: FragmentInput) -> @location(0) vec4f {\n    let materialUniform = materialStyles[input.instanceIndex];\n    let geometrySize = max(vec2f(geometryUniform.width, geometryUniform.height), vec2f(0.000001));\n    let fillUv = input.localPosition / geometrySize + vec2f(0.5);\n    // vertexType 在三角面内不插值，但不同图元仍可能进入不同分支。\n    // 导数在分支前统一求值，再使用 textureSampleGrad，避免非一致控制流中的隐式导数报错。\n    let fillDx = dpdx(fillUv);\n    let fillDy = dpdy(fillUv);\n    let uvDx = dpdx(input.uv);\n    let uvDy = dpdy(input.uv);\n    if (input.vertexType == 0.0) {\n        if (materialUniform.enabled.x == 0.0) { discard; }\n        return ShadeRect(input, textureSampleGrad(textureMap, textureSampler, fillUv, i32(materialUniform.textureLayers.x), fillDx, fillDy), materialUniform);\n    }\n    var color: vec4f;\n    var opacity: f32;\n    if (input.vertexType == 0.5) {\n        if (materialUniform.enabled.z == 0.0) { discard; }\n        color = textureSampleGrad(edgeTexture, edgeSampler, input.uv, i32(materialUniform.textureLayers.y), uvDx, uvDy) * materialUniform.edgeColor;\n        opacity = materialUniform.edge.x;\n    } else {\n        if (materialUniform.enabled.w == 0.0) { discard; }\n        color = textureSampleGrad(pointsTexture, pointsSampler, input.uv, i32(materialUniform.textureLayers.z), uvDx, uvDy) * materialUniform.pointsColor;\n        opacity = materialUniform.points.x;\n    }\n    let alpha = color.a * opacity;\n    if (alpha <= 0.0) { discard; }\n    return vec4f(color.rgb, alpha);\n}\n";
+//#endregion
+export { fragment_default as default };
+
+//# sourceMappingURL=fragment.js.map

package/lib/Material/shaders/base/rect/fragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragment.js","names":[],"sources":[],"mappings":""}

package/lib/Material/shaders/base/rect/vertex.js

@@ -0,0 +1,6 @@
+//#region src/scripts/Material/shaders/base/rect/vertex.shader?raw
+var vertex_default = "\n// 深度来自队列层级，而不是提交顺序。矩阵和样式数组不因倒序绘制而搬动。\nstruct DrawDepth {\n    base: u32,\n    count: u32,\n    reverse: u32,\n    _padding: u32,\n};\n@group(0) @binding(5) var<uniform> drawDepth: DrawDepth;\n\nfn ResolveIndex(index: u32) -> u32 {\n    return select(index, drawDepth.count - 1u - index, drawDepth.reverse != 0u);\n}\n\nfn GetDepth(index: u32) -> f32 {\n    // 24 位整数除以 2^24，depth32float 可以精确表示；实际深度避开清空值 1。\n    return 1.0 - f32(drawDepth.base + index + 1u) / 16777216.0;\n}\n\nstruct VertexInput {\n    // WebGPU 自动提供实例编号；普通 Mesh 只绘制一次，因此为 0。\n    @builtin(instance_index) instanceIndex: u32,\n    @location(0) position: vec2f,\n    @location(1) uv: vec2f,\n    // 当前为二维轮廓外法线，先接入顶点管线供后续边框与特效使用。\n    @location(2) normal: vec2f,\n    @location(3) miterScale: f32,\n    // 关键点所属中心，其他类型填零。\n    @location(4) center: vec2f,\n    @location(5) vertexType: f32,\n};\n\nstruct RenderCameraUniform {\n    zoom: f32,\n    dpr: f32,\n    _padding0: f32,\n    _padding1: f32,\n};\n\nstruct MaterialUniform {\n    solidColor: vec4f,\n    sdfBorderColor: vec4f,\n    edgeColor: vec4f,\n    pointsColor: vec4f,\n    wireframeColor: vec4f,\n    // opacity、SDF width、align、pixelAligned。\n    solid: vec4f,\n    // opacity、实体 width、align、pixelAligned。\n    edge: vec4f,\n    // opacity、pixelAligned、补位、补位。\n    points: vec4f,\n    // opacity，其余为补位。\n    wireframe: vec4f,\n    // solid、wireframe、edge、points 开关。\n    enabled: vec4f,\n    // solid、edge、points 的纹理层号，普通 Mesh 均为 0。\n    textureLayers: vec4f,\n};\n\nstruct GeometryUniform {\n    width: f32,\n    height: f32,\n    radius: f32,\n    borderWidth: f32,\n};\n\n// 每个 Mesh 的世界矩阵。\n@group(0) @binding(0) var<storage, read> modelMatrices: array<mat3x3<f32>>;\n// 当前相机的视图矩阵。\n@group(0) @binding(1) var<uniform> viewMatrix: mat3x3<f32>;\n// 当前相机的正交投影矩阵。\n@group(0) @binding(2) var<uniform> orthogonalMatrix: mat3x3<f32>;\n// 当前 Render 的 DPR 与 Camera 缩放参数。\n@group(0) @binding(3) var<uniform> renderCameraUniform: RenderCameraUniform;\n// 当前 Geometry 的宽度、高度与圆角参数。\n@group(0) @binding(4) var<uniform> geometryUniform: GeometryUniform;\n// BaseMaterial 参数，顶点阶段后续使用边框宽度和对齐方式扩大承载顶点。\n@group(1) @binding(0) var<storage, read> materialStyles: array<MaterialUniform>;\n\nstruct VertexOutput {\n    @builtin(position) position: vec4f,\n    @location(0) uv: vec2f,\n    @location(1) localPosition: vec2f,\n    @location(2) @interpolate(flat) vertexType: f32,\n    // 原样传给片段阶段，禁止在三角面内插值。\n    @location(3) @interpolate(flat) instanceIndex: u32,\n};\n\n// 实体面保留原有矩形 SDF 承载区域扩展逻辑。\nfn TransformSolid(input: VertexInput, resolvedIndex: u32, modelMatrix: mat3x3<f32>, materialUniform: MaterialUniform) -> VertexOutput {\n    var output: VertexOutput;\n    output.instanceIndex = resolvedIndex;\n    // Camera 视口已使用乘过 DPR 的画布尺寸，borderWidth 直接按画布像素处理。\n    // 除以 Zoom 后，边框在相机缩放时仍保持固定的屏幕像素宽度。\n    let safeZoom = max(abs(renderCameraUniform.zoom), 0.000001);\n    let borderZoomScale = mix(1.0 / safeZoom, 1.0, materialUniform.solid.w);\n    let outward = materialUniform.solid.y\n        * materialUniform.solid.z\n        * borderZoomScale;\n    let safeWidth = max(abs(geometryUniform.width), 0.000001);\n    let safeHeight = max(abs(geometryUniform.height), 0.000001);\n    let hasRectSize = geometryUniform.width > 0.0 && geometryUniform.height > 0.0;\n    let scaleX = select(1.0, 1.0 + outward * 2.0 / safeWidth, hasRectSize);\n    let scaleY = select(1.0, 1.0 + outward * 2.0 / safeHeight, hasRectSize);\n    let borderScaleMatrix = mat3x3f(\n        scaleX, 0.0, 0.0,\n        0.0, scaleY, 0.0,\n        0.0, 0.0, 1.0,\n    );\n    let localPosition = borderScaleMatrix * vec3f(input.position, 1.0);\n    let worldPosition = modelMatrix * localPosition;\n    let viewPosition = viewMatrix * worldPosition;\n    let clipPosition = orthogonalMatrix * viewPosition;\n\n    output.position = vec4f(clipPosition.xy, GetDepth(resolvedIndex), 1.0);\n    output.uv = input.uv;\n    // 片元阶段使用放大后的局部坐标计算原矩形内外边界。\n    output.localPosition = localPosition.xy;\n\n    return output;\n}\n\n// 宽边框使用逆转置变换法线，避免非等比缩放影响屏幕宽度。\nfn getViewNormal(localNormal: vec2f, modelViewMatrix: mat3x3<f32>) -> vec2f {\n    let a = modelViewMatrix[0].x;\n    let b = modelViewMatrix[0].y;\n    let c = modelViewMatrix[1].x;\n    let d = modelViewMatrix[1].y;\n    let determinant = a * d - b * c;\n    let determinantSign = select(-1.0, 1.0, determinant >= 0.0);\n    let transformedNormal = vec2f(\n        d * localNormal.x - b * localNormal.y,\n        -c * localNormal.x + a * localNormal.y,\n    ) * determinantSign;\n    let normalLength = length(transformedNormal);\n    let safeNormalLength = max(normalLength, 0.000001);\n\n    return transformedNormal / safeNormalLength;\n}\n\n@vertex\nfn main(input: VertexInput) -> VertexOutput {\n    // 保留入口 builtin 原值；用独立编号读取矩阵、样式并传给片段阶段。\n    let resolvedIndex = ResolveIndex(input.instanceIndex);\n    let modelMatrix = modelMatrices[resolvedIndex];\n    let materialUniform = materialStyles[resolvedIndex];\n    if (input.vertexType == 0.0 && materialUniform.enabled.x != 0.0) {\n        return TransformSolid(input, resolvedIndex, modelMatrix, materialUniform);\n    }\n\n    var output: VertexOutput;\n    output.instanceIndex = resolvedIndex;\n    output.vertexType = input.vertexType;\n    output.uv = input.uv;\n    // 同一个三角面的三个顶点类型一致，关闭某类时让整面退化到裁剪区外。\n    if ((input.vertexType == 0.0 && materialUniform.enabled.x == 0.0)\n        || (input.vertexType == 0.5 && materialUniform.enabled.z == 0.0)\n        || (input.vertexType == 1.0 && materialUniform.enabled.w == 0.0)) {\n        output.position = vec4f(2.0, 2.0, 0.0, 1.0);\n        return output;\n    }\n\n    let modelViewMatrix = viewMatrix * modelMatrix;\n    let safeZoom = max(abs(renderCameraUniform.zoom), 0.000001);\n    let pixelAligned = select(materialUniform.points.y, materialUniform.edge.w, input.vertexType == 0.5);\n    let zoomScale = mix(1.0 / safeZoom, 1.0, pixelAligned);\n    var viewPosition: vec3f;\n    if (input.vertexType == 0.5) {\n        viewPosition = modelViewMatrix * vec3f(input.position, 1.0);\n        let viewNormal = getViewNormal(input.normal, modelViewMatrix);\n        let sideOffset = mix(-(1.0 - materialUniform.edge.z), materialUniform.edge.z, input.uv.y);\n        let offset = geometryUniform.borderWidth * input.miterScale * sideOffset * zoomScale;\n        viewPosition.x += viewNormal.x * offset;\n        viewPosition.y += viewNormal.y * offset;\n        output.uv.x *= mix(safeZoom, 1.0, materialUniform.edge.w);\n    } else {\n        // 点型中心跟随模型，局部偏移独立缩放，保持屏幕朝向和原有像素单位。\n        viewPosition = modelViewMatrix * vec3f(input.center, 1.0);\n        let offset = (input.position - input.center) * zoomScale;\n        viewPosition.x += offset.x;\n        viewPosition.y += offset.y;\n    }\n    let clipPosition = orthogonalMatrix * viewPosition;\n    output.position = vec4f(clipPosition.xy, GetDepth(resolvedIndex), 1.0);\n    return output;\n}\n";
+//#endregion
+export { vertex_default as default };
+
+//# sourceMappingURL=vertex.js.map

package/lib/Material/shaders/base/rect/vertex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertex.js","names":[],"sources":[],"mappings":""}

package/lib/Material/shaders/line/fragment.js

@@ -0,0 +1,6 @@
+//#region src/scripts/Material/shaders/line/fragment.shader?raw
+var fragment_default = "struct MaterialUniform {\n    solidColor: vec4f,\n    sdfBorderColor: vec4f,\n    edgeColor: vec4f,\n    pointsColor: vec4f,\n    wireframeColor: vec4f,\n    // opacity、SDF width、align、pixelAligned。\n    solid: vec4f,\n    // opacity、实体 width、align、pixelAligned。\n    edge: vec4f,\n    // opacity、pixelAligned、补位、补位。\n    points: vec4f,\n    // opacity，其余为补位。\n    wireframe: vec4f,\n    // solid、wireframe、edge、points 开关。\n    enabled: vec4f,\n    // solid、edge、points 的纹理层号，普通 Mesh 均为 0。\n    textureLayers: vec4f,\n};\n@group(1) @binding(0) var<storage, read> materialStyles: array<MaterialUniform>;\n\n@fragment\nfn main(@location(0) @interpolate(flat) instanceIndex: u32) -> @location(0) vec4f {\n    let materialUniform = materialStyles[instanceIndex];\n    if (materialUniform.enabled.y == 0.0) { discard; }\n    let color = materialUniform.wireframeColor;\n    let alpha = color.a * materialUniform.wireframe.x;\n    if (alpha <= 0.0) { discard; }\n    return vec4f(color.rgb, alpha);\n}\n";
+//#endregion
+export { fragment_default as default };
+
+//# sourceMappingURL=fragment.js.map