npm - @realsee/dnalogel - Versions diffs - 3.81.8 → 3.81.9 - Mend

@realsee/dnalogel 3.81.8 → 3.81.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (560) hide show

package/docs/variables/modelItemLabelPluginServerParams.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html class="default" lang="en"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>modelItemLabelPluginServerParams \| 如视空间交互插件合集 - v3.81.8</title><meta name="description" content="Documentation for 如视空间交互插件合集"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") \|\| "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视空间交互插件合集 - v3.81.8</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视空间交互插件合集</a></li><li><a href="modelItemLabelPluginServerParams.html">modelItemLabelPluginServerParams</a></li></ul><h1>Variable modelItemLabelPluginServerParams<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">model<wbr/>Item<wbr/>Label<wbr/>Plugin<wbr/>Server<wbr/>Params</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span> </span><span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span><br/><span> </span><span class="tsd-kind-property">version</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in plugins/src/ModelItemLabelPlugin/index.ts:7</li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>如视空间交互插件合集 - v3.81.8</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>
1	+ <!DOCTYPE html><html class="default" lang="en"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>modelItemLabelPluginServerParams \| 如视空间交互插件合集 - v3.81.9</title><meta name="description" content="Documentation for 如视空间交互插件合集"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") \|\| "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视空间交互插件合集 - v3.81.9</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视空间交互插件合集</a></li><li><a href="modelItemLabelPluginServerParams.html">modelItemLabelPluginServerParams</a></li></ul><h1>Variable modelItemLabelPluginServerParams<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">model<wbr/>Item<wbr/>Label<wbr/>Plugin<wbr/>Server<wbr/>Params</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span> </span><span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span><br/><span> </span><span class="tsd-kind-property">version</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in plugins/src/ModelItemLabelPlugin/index.ts:7</li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>如视空间交互插件合集 - v3.81.9</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>

package/docs/variables/modelRoomLabelPluginServerParams.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html class="default" lang="en"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>modelRoomLabelPluginServerParams \| 如视空间交互插件合集 - v3.81.8</title><meta name="description" content="Documentation for 如视空间交互插件合集"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") \|\| "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视空间交互插件合集 - v3.81.8</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视空间交互插件合集</a></li><li><a href="modelRoomLabelPluginServerParams.html">modelRoomLabelPluginServerParams</a></li></ul><h1>Variable modelRoomLabelPluginServerParams<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">model<wbr/>Room<wbr/>Label<wbr/>Plugin<wbr/>Server<wbr/>Params</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span> </span><span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span><br/><span> </span><span class="tsd-kind-property">version</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in plugins/src/ModelRoomLabelPlugin/index.ts:9</li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>如视空间交互插件合集 - v3.81.8</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>
1	+ <!DOCTYPE html><html class="default" lang="en"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>modelRoomLabelPluginServerParams \| 如视空间交互插件合集 - v3.81.9</title><meta name="description" content="Documentation for 如视空间交互插件合集"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") \|\| "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视空间交互插件合集 - v3.81.9</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视空间交互插件合集</a></li><li><a href="modelRoomLabelPluginServerParams.html">modelRoomLabelPluginServerParams</a></li></ul><h1>Variable modelRoomLabelPluginServerParams<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">model<wbr/>Room<wbr/>Label<wbr/>Plugin<wbr/>Server<wbr/>Params</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span> </span><span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span><br/><span> </span><span class="tsd-kind-property">version</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in plugins/src/ModelRoomLabelPlugin/index.ts:9</li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>如视空间交互插件合集 - v3.81.9</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>

package/libs/PanoTagPlugin/controller/Tag/MaskTag.d.ts CHANGED Viewed

@@ -69,6 +69,7 @@ export declare class MaskTag<C extends TagContentType = TagContentType> extends
     private initializeMaskMesh;
     /** 构建用于 mergedTexture 的 style 对象（color 作 id），tolerance 0–255 */
     private buildStyleForMaterial;
+    private static getMaskTexelSize;
     private static createSharedMesh;
     /** 仅更新材质中某一 slot 的 style（用于 enable/disable/updateMaskStyle） */
     private updateStyleSlotInMaterial;

package/libs/PanoTagPlugin/controller/Tag/MaskTag.js CHANGED Viewed

@@ -1,36 +1,36 @@
 var F = Object.defineProperty;
 var R = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var E = (m, c, e) => c in m ? F(m, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[c] = e, v = (m, c) => {
+var B = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var E = (m, c, e) => c in m ? F(m, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[c] = e, C = (m, c) => {
   for (var e in c || (c = {}))
     B.call(c, e) && E(m, e, c[e]);
   if (R)
     for (var e of R(c))
-      A.call(c, e) && E(m, e, c[e]);
+      z.call(c, e) && E(m, e, c[e]);
   return m;
 };
 var x = (m, c, e) => (E(m, typeof c != "symbol" ? c + "" : c, e), e);
 var S = (m, c, e) => new Promise((s, t) => {
-  var o = (l) => {
+  var o = (h) => {
     try {
-      r(e.next(l));
+      r(e.next(h));
     } catch (n) {
       t(n);
     }
-  }, i = (l) => {
+  }, i = (h) => {
     try {
-      r(e.throw(l));
+      r(e.throw(h));
     } catch (n) {
       t(n);
     }
-  }, r = (l) => l.done ? s(l.value) : Promise.resolve(l.value).then(o, i);
+  }, r = (h) => h.done ? s(h.value) : Promise.resolve(h.value).then(o, i);
   r((e = e.apply(m, c)).next());
 });
-import { BaseTag as D } from "./BaseTag.js";
+import { BaseTag as A } from "./BaseTag.js";
 import * as g from "three";
-import { anime as $ } from "../../../vendor/animejs/lib/anime.es.js";
-import { maskVertexShader as z, maskFragmentShaderMulti as G } from "./MaskTag.shaders.js";
-import { transformPosition as L } from "../../../shared-utils/five/transformPosition.js";
+import { anime as D } from "../../../vendor/animejs/lib/anime.es.js";
+import { maskVertexShader as $, maskFragmentShaderMulti as V } from "./MaskTag.shaders.js";
+import { transformPosition as G } from "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/Subscribe.js";
 import "../../utils/tag/calculateTagConfig.js";
 import "../../../vendor/object-assign-deep/objectAssignDeep.js";
@@ -132,7 +132,7 @@ function w(m) {
   }
   return [0, 0, 0];
 }
-const h = class extends D {
+const l = class extends A {
   constructor(e, s) {
     var i;
     super(e, s);
@@ -196,15 +196,15 @@ const h = class extends D {
       if (typeof e == "number") {
         this.loadingMask = !0;
         try {
-          const t = yield h.loadMaskTexture(this.maskUrl);
+          const t = yield l.loadMaskTexture(this.maskUrl);
           this.maskTexture = t;
-          const o = h.getMeshKey(e);
+          const o = l.getMeshKey(e);
           this._sharedMeshKey = o;
-          let i = h.sharedMeshRegistry.get(o);
-          const r = this.getColorKey(), l = this.buildStyleForMaterial();
-          i ? i.maskSource !== this.maskUrl && (h.releaseMaskTexture(i.maskSource), i.maskTexture = t, i.maskSource = this.maskUrl, i.material.uniforms.map.value = t) : (i = h.createSharedMesh(t, this.maskUrl, this.plugin), h.sharedMeshRegistry.set(o, i), this.plugin.imagePlaneGroup.add(i.mesh));
+          let i = l.sharedMeshRegistry.get(o);
+          const r = this.getColorKey(), h = this.buildStyleForMaterial();
+          i ? i.maskSource !== this.maskUrl && (l.releaseMaskTexture(i.maskSource), i.maskTexture = t, i.maskSource = this.maskUrl, i.material.uniforms.map.value = t, i.material.uniforms.maskTexelSize.value = l.getMaskTexelSize(t)) : (i = l.createSharedMesh(t, this.maskUrl, this.plugin), l.sharedMeshRegistry.set(o, i), this.plugin.imagePlaneGroup.add(i.mesh));
           const n = i.styleIndexByColorKey.get(r);
-          n !== void 0 ? (this.sharedStyleIndex = n, this.maskMesh = i.mesh, this.updateStyleSlotInMaterial(i.material, n, l)) : (i.tagsByColorKey.set(r, this), this.appendStyleToMaterial(i.material, l), this.sharedStyleIndex = i.tagsByColorKey.size - 1, i.styleIndexByColorKey.set(r, this.sharedStyleIndex), this.maskMesh = i.mesh), this.setupSharedMeshRaycast(i), this.updateMeshTransform(), this.setupClickEvents(), this.updateScreenPosition(), i.mesh.visible = !0;
+          n !== void 0 ? (this.sharedStyleIndex = n, this.maskMesh = i.mesh, this.updateStyleSlotInMaterial(i.material, n, h)) : (i.tagsByColorKey.set(r, this), this.appendStyleToMaterial(i.material, h), this.sharedStyleIndex = i.tagsByColorKey.size - 1, i.styleIndexByColorKey.set(r, this.sharedStyleIndex), this.maskMesh = i.mesh), this.setupSharedMeshRaycast(i), this.updateMeshTransform(), this.setupClickEvents(), this.updateScreenPosition(), i.mesh.visible = !0;
         } finally {
           this.loadingMask = !1;
         }
@@ -221,18 +221,24 @@ const h = class extends D {
       opacity: this.enabled && this.visible ? e.opacity : 0
     };
   }
+  static getMaskTexelSize(e) {
+    var i, r;
+    const s = e.image, t = Math.max((i = s == null ? void 0 : s.width) != null ? i : 1, 1), o = Math.max((r = s == null ? void 0 : s.height) != null ? r : 1, 1);
+    return new g.Vector2(1 / t, 1 / o);
+  }
   static createSharedMesh(e, s, t) {
-    const r = Math.max(1, Math.ceil(Math.sqrt(0))), l = 1, n = new Float32Array(r * l * 4), a = new g.DataTexture(n, r, l, g.RGBAFormat, g.FloatType);
+    const r = Math.max(1, Math.ceil(Math.sqrt(0))), h = 1, n = new Float32Array(r * h * 4), a = new g.DataTexture(n, r, h, g.RGBAFormat, g.FloatType);
     a.needsUpdate = !0;
     const d = new g.ShaderMaterial({
-      vertexShader: z,
-      fragmentShader: G,
+      vertexShader: $,
+      fragmentShader: V,
       uniforms: {
         map: { value: e },
         mergedTexture: { value: a },
         groupCount: { value: 0 },
         textureWidth: { value: r },
-        pixelsPerGroup: { value: 3 }
+        pixelsPerGroup: { value: 3 },
+        maskTexelSize: { value: l.getMaskTexelSize(e) }
       },
       depthWrite: !1,
       depthTest: !1,
@@ -265,26 +271,26 @@ const h = class extends D {
     s.__maskRaycastSet = !0;
     let t = null, o = null;
     const i = () => {
-      const l = e.maskTexture;
-      if (!(l != null && l.image))
+      const h = e.maskTexture;
+      if (!(h != null && h.image))
         return null;
-      if (o === l && t)
+      if (o === h && t)
         return t;
-      o = l;
+      o = h;
       try {
         const n = document.createElement("canvas"), a = n.getContext("2d");
         if (!a)
           return null;
-        const d = l.image;
+        const d = h.image;
         return n.width = d.width, n.height = d.height, a.drawImage(d, 0, 0), t = a.getImageData(0, 0, d.width, d.height), t;
       } catch (n) {
         return null;
       }
     }, r = s.raycast.bind(s);
-    s.raycast = (l, n) => {
+    s.raycast = (h, n) => {
       var k, I;
       const a = [];
-      if (r(l, a), a.length === 0)
+      if (r(h, a), a.length === 0)
         return;
       const d = a[0];
       if (!d.uv || !((k = e.maskTexture) != null && k.image))
@@ -325,16 +331,16 @@ const h = class extends D {
       var a, d, u;
       if (!this.maskMesh || this._sharedMeshKey === null || this.sharedStyleIndex < 0)
         return;
-      const s = h.sharedMeshRegistry.get(this._sharedMeshKey);
+      const s = l.sharedMeshRegistry.get(this._sharedMeshKey);
       if (!s)
         return;
-      const i = { opacity: this.buildStyleForMaterial().opacity }, r = (a = e == null ? void 0 : e.duration) != null ? a : 300, l = (d = e == null ? void 0 : e.loop) != null ? d : 4, n = $({
+      const i = { opacity: this.buildStyleForMaterial().opacity }, r = (a = e == null ? void 0 : e.duration) != null ? a : 300, h = (d = e == null ? void 0 : e.loop) != null ? d : 4, n = D({
         targets: i,
         opacity: [0, 1],
         duration: r,
         easing: (u = e == null ? void 0 : e.easing) != null ? u : "easeInOutQuad",
         direction: "alternate",
-        loop: l,
+        loop: h,
         update: () => {
           const p = this.buildStyleForMaterial();
           p.opacity = i.opacity, this.updateStyleSlotInMaterial(s.material, this.sharedStyleIndex, p);
@@ -353,7 +359,7 @@ const h = class extends D {
    */
   set(e, s = !0) {
     var o, i;
-    super.set(e, s), e.style && (this.tagStyle = v(v({}, this.tagStyle), e.style), (o = e.style) != null && o.mask && this.updateMaskStyle());
+    super.set(e, s), e.style && (this.tagStyle = C(C({}, this.tagStyle), e.style), (o = e.style) != null && o.mask && this.updateMaskStyle());
     const t = (i = e.mask) != null ? i : e.maskUrl;
     t && t !== this.maskUrl && (this.maskUrl = t, this.updateSharedMeshTexture()), e.color !== void 0 && (this.targetColor = w(e.color), this.updateMaskStyle()), this.maskMesh && this.updateMaskStyle();
   }
@@ -370,7 +376,7 @@ const h = class extends D {
     try {
       if (!this.enabled || !this.plugin.state.enabled || !this.fiveUtil.model || !this.maskUrl)
         return !1;
-      const t = v(v({}, this.five.getCurrentState()), e), { panoIndex: o } = t;
+      const t = C(C({}, this.five.getCurrentState()), e), { panoIndex: o } = t;
       return o !== ((s = this.fiveState) == null ? void 0 : s.panoIndex) ? !1 : super.getVisible(t);
     } catch (t) {
       return !1;
@@ -382,7 +388,7 @@ const h = class extends D {
    */
   computeVisible(e) {
     var o, i, r;
-    const s = v(v({}, this.five.getCurrentState()), e), { panoIndex: t } = s;
+    const s = C(C({}, this.five.getCurrentState()), e), { panoIndex: t } = s;
     return t !== ((o = this.fiveState) == null ? void 0 : o.panoIndex) ? {
       value: !1,
       reason: {
@@ -476,7 +482,7 @@ const h = class extends D {
     const s = this.workUtil.getObserver(e);
     if (!s)
       return;
-    this.maskMesh.position.copy(L(s.position, this.workUtil.transform)), this.maskMesh.quaternion.copy(s.quaternion);
+    this.maskMesh.position.copy(G(s.position, this.workUtil.transform)), this.maskMesh.quaternion.copy(s.quaternion);
     const t = new g.Vector3(), o = new g.Quaternion(), i = new g.Vector3();
     this.workUtil.transform.decompose(t, o, i), this.maskMesh.quaternion.multiply(o), this.five.needsRender = !0;
   }
@@ -486,17 +492,17 @@ const h = class extends D {
    * @returns {Array} 解析后的 styleList
    */
   parseStyleListFromMaterial(e) {
-    const s = e.uniforms, t = s.groupCount.value, o = s.pixelsPerGroup.value, r = s.mergedTexture.value.image.data, l = [];
+    const s = e.uniforms, t = s.groupCount.value, o = s.pixelsPerGroup.value, r = s.mergedTexture.value.image.data, h = [];
     for (let n = 0; n < t; n++) {
-      const a = n * o, d = a * 4, u = r[d] * 255, p = r[d + 1] * 255, C = r[d + 2] * 255, y = r[d + 3], f = (a + 1) * 4, M = r[f] * 255, k = r[f + 1] * 255, I = r[f + 2] * 255, T = r[f + 3] * 255, K = (a + 2) * 4, P = r[K];
-      l.push({
-        color: [Math.round(u), Math.round(p), Math.round(C), y],
+      const a = n * o, d = a * 4, u = r[d] * 255, p = r[d + 1] * 255, v = r[d + 2] * 255, y = r[d + 3], f = (a + 1) * 4, M = r[f] * 255, k = r[f + 1] * 255, I = r[f + 2] * 255, T = r[f + 3] * 255, K = (a + 2) * 4, P = r[K];
+      h.push({
+        color: [Math.round(u), Math.round(p), Math.round(v), y],
         tolerance: Math.round(M),
         highlightColor: [Math.round(k), Math.round(I), Math.round(T)],
         opacity: P
       });
     }
-    return l;
+    return h;
   }
   /**
    * 步骤2：更新材质的样式纹理（追加新元素后）
@@ -506,9 +512,9 @@ const h = class extends D {
   appendStyleToMaterial(e, s) {
     const t = this.parseStyleListFromMaterial(e);
     Array.isArray(s) ? t.push(...s) : t.push(s);
-    const o = t.length, i = 3, l = o * i, n = 1, a = new Float32Array(l * n * 4);
-    t.forEach((p, C) => {
-      const y = C * i, f = y * 4;
+    const o = t.length, i = 3, h = o * i, n = 1, a = new Float32Array(h * n * 4);
+    t.forEach((p, v) => {
+      const y = v * i, f = y * 4;
       a[f] = p.color[0] / 255, a[f + 1] = p.color[1] / 255, a[f + 2] = p.color[2] / 255, a[f + 3] = p.color[3];
       const M = (y + 1) * 4;
       a[M] = p.tolerance / 255, a[M + 1] = p.highlightColor[0] / 255, a[M + 2] = p.highlightColor[1] / 255, a[M + 3] = p.highlightColor[2] / 255;
@@ -516,7 +522,7 @@ const h = class extends D {
       a[k] = p.opacity, a[k + 1] = 0, a[k + 2] = 0, a[k + 3] = 0;
     });
     const d = e.uniforms.mergedTexture.value, u = d.image;
-    u.data = a, u.width = l, u.height = n, d.needsUpdate = !0, e.uniforms.groupCount.value = o, e.uniforms.textureWidth.value = l, console.log(`成功追加样式，当前总组数：${o}`);
+    u.data = a, u.width = h, u.height = n, d.needsUpdate = !0, e.uniforms.groupCount.value = o, e.uniforms.textureWidth.value = h, console.log(`成功追加样式，当前总组数：${o}`);
   }
   /**
    * 获取 Mask 样式配置（合并用户配置和默认值）
@@ -561,10 +567,10 @@ const h = class extends D {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars -- 保留参数与 set() 调用一致
   reloadMask(e) {
     var i;
-    const s = (i = this.fiveState) == null ? void 0 : i.panoIndex, t = this.getColorKey(), o = typeof s == "number" ? h.getMeshKey(s) : this._sharedMeshKey;
+    const s = (i = this.fiveState) == null ? void 0 : i.panoIndex, t = this.getColorKey(), o = typeof s == "number" ? l.getMeshKey(s) : this._sharedMeshKey;
     if (o) {
-      const r = h.sharedMeshRegistry.get(o);
-      r && (r.tagsByColorKey.delete(t), r.styleIndexByColorKey.delete(t), r.tagsByColorKey.size === 0 && (r.mesh.parent && r.mesh.parent.remove(r.mesh), r.mesh.geometry.dispose(), r.mesh.material.dispose(), r.material.uniforms.mergedTexture.value.dispose(), h.releaseMaskTexture(r.maskSource), h.sharedMeshRegistry.delete(o)));
+      const r = l.sharedMeshRegistry.get(o);
+      r && (r.tagsByColorKey.delete(t), r.styleIndexByColorKey.delete(t), r.tagsByColorKey.size === 0 && (r.mesh.parent && r.mesh.parent.remove(r.mesh), r.mesh.geometry.dispose(), r.mesh.material.dispose(), r.material.uniforms.mergedTexture.value.dispose(), l.releaseMaskTexture(r.maskSource), l.sharedMeshRegistry.delete(o)));
     }
     this.maskMesh = void 0, this._sharedMeshKey = null, this.sharedStyleIndex = -1, this.maskTexture = void 0, this.visible && !this.loadingMask && this.initializeMaskMesh();
   }
@@ -580,15 +586,15 @@ const h = class extends D {
       const e = (i = this.fiveState) == null ? void 0 : i.panoIndex;
       if (typeof e != "number")
         return;
-      const s = h.getMeshKey(e), t = h.sharedMeshRegistry.get(s);
+      const s = l.getMeshKey(e), t = l.sharedMeshRegistry.get(s);
       if (!t) {
         yield this.initializeMaskMesh();
         return;
       }
       if (t.maskSource === this.maskUrl)
         return;
-      const o = yield h.loadMaskTexture(this.maskUrl);
-      this.maskTexture = o, h.releaseMaskTexture(t.maskSource), t.maskTexture = o, t.maskSource = this.maskUrl, t.material.uniforms.map.value = o, this.five.needsRender = !0;
+      const o = yield l.loadMaskTexture(this.maskUrl);
+      this.maskTexture = o, l.releaseMaskTexture(t.maskSource), t.maskTexture = o, t.maskSource = this.maskUrl, t.material.uniforms.map.value = o, t.material.uniforms.maskTexelSize.value = l.getMaskTexelSize(o), this.five.needsRender = !0;
     });
   }
   /**
@@ -597,7 +603,7 @@ const h = class extends D {
   updateMaskStyle() {
     if (!this.maskMesh || this._sharedMeshKey === null || this.sharedStyleIndex < 0)
       return;
-    const e = h.sharedMeshRegistry.get(this._sharedMeshKey);
+    const e = l.sharedMeshRegistry.get(this._sharedMeshKey);
     e && this.updateStyleSlotInMaterial(e.material, this.sharedStyleIndex, this.buildStyleForMaterial());
   }
   /**
@@ -621,8 +627,8 @@ const h = class extends D {
     this._disposed = !0, this.cleanupClickEvents();
     const e = this._sharedMeshKey, s = this.getColorKey();
     if (e) {
-      const t = h.sharedMeshRegistry.get(e);
-      t && (t.tagsByColorKey.delete(s), t.styleIndexByColorKey.delete(s), t.tagsByColorKey.size === 0 ? (t.mesh.parent && t.mesh.parent.remove(t.mesh), t.mesh.geometry.dispose(), t.mesh.material.dispose(), t.material.uniforms.mergedTexture.value.dispose(), h.releaseMaskTexture(t.maskSource), h.sharedMeshRegistry.delete(e)) : h.rebuildEntryMaterial(t));
+      const t = l.sharedMeshRegistry.get(e);
+      t && (t.tagsByColorKey.delete(s), t.styleIndexByColorKey.delete(s), t.tagsByColorKey.size === 0 ? (t.mesh.parent && t.mesh.parent.remove(t.mesh), t.mesh.geometry.dispose(), t.mesh.material.dispose(), t.material.uniforms.mergedTexture.value.dispose(), l.releaseMaskTexture(t.maskSource), l.sharedMeshRegistry.delete(e)) : l.rebuildEntryMaterial(t));
     }
     this.maskMesh = void 0, this._sharedMeshKey = null, this.sharedStyleIndex = -1, this.maskTexture = void 0, this.five.needsRender = !0;
   }
@@ -654,27 +660,27 @@ const h = class extends D {
    * 清除所有点位共享 mesh（重新 load 数据前调用）
    */
   static clearSharedMeshRegistry() {
-    h.sharedMeshRegistry.forEach((e) => {
+    l.sharedMeshRegistry.forEach((e) => {
       e.tagsByColorKey.forEach((s) => {
         s.maskMesh = void 0, s._sharedMeshKey = null, s.sharedStyleIndex = -1;
-      }), e.mesh.parent && e.mesh.parent.remove(e.mesh), e.mesh.geometry.dispose(), e.mesh.material.dispose(), e.material.uniforms.mergedTexture.value.dispose(), h.releaseMaskTexture(e.maskSource);
-    }), h.sharedMeshRegistry.clear();
+      }), e.mesh.parent && e.mesh.parent.remove(e.mesh), e.mesh.geometry.dispose(), e.mesh.material.dispose(), e.material.uniforms.mergedTexture.value.dispose(), l.releaseMaskTexture(e.maskSource);
+    }), l.sharedMeshRegistry.clear();
   }
   /**
    * 将 style 列表写入材质（用于重建材质）
    */
   static writeStyleListToMaterial(e, s) {
-    const t = s.length, o = 3, r = t * o, l = 1, n = new Float32Array(r * l * 4);
+    const t = s.length, o = 3, r = t * o, h = 1, n = new Float32Array(r * h * 4);
     s.forEach((u, p) => {
-      const C = p * o, y = C * 4;
+      const v = p * o, y = v * 4;
       n[y] = u.color[0] / 255, n[y + 1] = u.color[1] / 255, n[y + 2] = u.color[2] / 255, n[y + 3] = u.color[3];
-      const f = (C + 1) * 4;
+      const f = (v + 1) * 4;
       n[f] = u.tolerance / 255, n[f + 1] = u.highlightColor[0] / 255, n[f + 2] = u.highlightColor[1] / 255, n[f + 3] = u.highlightColor[2] / 255;
-      const M = (C + 2) * 4;
+      const M = (v + 2) * 4;
       n[M] = u.opacity;
     });
     const a = e.uniforms.mergedTexture.value, d = a.image;
-    d.data = n, d.width = r, d.height = l, a.needsUpdate = !0, e.uniforms.groupCount.value = t, e.uniforms.textureWidth.value = r;
+    d.data = n, d.width = r, d.height = h, a.needsUpdate = !0, e.uniforms.groupCount.value = t, e.uniforms.textureWidth.value = r;
   }
   /**
    * destroy 后重建该点位材质，更新剩余 tag 的 styleIndex
@@ -684,7 +690,7 @@ const h = class extends D {
     if (s.length === 0)
       return;
     const t = s.map((o) => o.getStyleForMaterial());
-    h.writeStyleListToMaterial(e.material, t), s.forEach((o, i) => {
+    l.writeStyleListToMaterial(e.material, t), s.forEach((o, i) => {
       o.sharedStyleIndex = i, e.styleIndexByColorKey.set(`${o.targetColor[0]},${o.targetColor[1]},${o.targetColor[2]}`, i);
     });
   }
@@ -697,8 +703,8 @@ const h = class extends D {
     if (typeof e == "string")
       return e;
     {
-      let s = h.canvasSymbolMap.get(e);
-      return s || (s = Symbol("canvas-mask"), h.canvasSymbolMap.set(e, s)), s;
+      let s = l.canvasSymbolMap.get(e);
+      return s || (s = Symbol("canvas-mask"), l.canvasSymbolMap.set(e, s)), s;
     }
   }
   /**
@@ -708,7 +714,7 @@ const h = class extends D {
    */
   static loadMaskTexture(e) {
     return S(this, null, function* () {
-      const s = h.getMaskCacheKey(e), t = h.maskTextureCache.get(s);
+      const s = l.getMaskCacheKey(e), t = l.maskTextureCache.get(s);
       if (t)
         return t.refCount++, t.texture;
       const o = performance.now(), i = new AbortController();
@@ -736,13 +742,13 @@ const h = class extends D {
           });
         } else
           r = new g.CanvasTexture(e), r.needsUpdate = !0, console.log("[MaskTag] Created texture from canvas, size:", e.width, "x", e.height);
-        r.wrapS = g.ClampToEdgeWrapping, r.wrapT = g.ClampToEdgeWrapping, r.minFilter = g.LinearFilter, r.magFilter = g.LinearFilter, r.anisotropy = 4, r instanceof g.CanvasTexture && (r.needsUpdate = !0), h.maskTextureCache.set(s, {
+        r.wrapS = g.ClampToEdgeWrapping, r.wrapT = g.ClampToEdgeWrapping, r.minFilter = g.NearestFilter, r.magFilter = g.NearestFilter, r.anisotropy = 4, r instanceof g.CanvasTexture && (r.needsUpdate = !0), l.maskTextureCache.set(s, {
           texture: r,
           refCount: 1,
           abortController: i
         });
-        const l = performance.now() - o, n = typeof e == "string" ? e.substring(0, 50) : "Canvas";
-        if (console.log(`[MaskTag Performance] Texture loaded in ${l.toFixed(2)}ms, source: ${n}`), r.image) {
+        const h = performance.now() - o, n = typeof e == "string" ? e.substring(0, 50) : "Canvas";
+        if (console.log(`[MaskTag Performance] Texture loaded in ${h.toFixed(2)}ms, source: ${n}`), r.image) {
           const a = (r.image.width * r.image.height * 4 / 1048576).toFixed(2);
           console.log(`[MaskTag Memory] Texture size: ${r.image.width}x${r.image.height}, estimated memory: ${a}MB`);
         }
@@ -758,10 +764,10 @@ const h = class extends D {
    */
   static releaseMaskTexture(e) {
     var o;
-    const s = h.getMaskCacheKey(e), t = h.maskTextureCache.get(s);
+    const s = l.getMaskCacheKey(e), t = l.maskTextureCache.get(s);
     if (t && (t.refCount--, t.refCount <= 0)) {
       const i = typeof e == "string" ? e.substring(0, 50) : "Canvas";
-      console.log(`[MaskTag Memory] Releasing texture (refCount=0): ${i}`), (o = t.abortController) == null || o.abort(), t.texture.dispose(), h.maskTextureCache.delete(s);
+      console.log(`[MaskTag Memory] Releasing texture (refCount=0): ${i}`), (o = t.abortController) == null || o.abort(), t.texture.dispose(), l.maskTextureCache.delete(s);
     }
   }
   /**
@@ -771,21 +777,21 @@ const h = class extends D {
   static getCacheStats() {
     let e = 0, s = 0;
     const t = [];
-    return h.maskTextureCache.forEach((o, i) => {
+    return l.maskTextureCache.forEach((o, i) => {
       e += o.refCount;
       let r = 0;
       if (o.texture.image) {
         const n = o.texture.image.width || 0, a = o.texture.image.height || 0;
         r = n * a * 4 / (1024 * 1024), s += r;
       }
-      const l = typeof i == "string" ? i.substring(0, 80) : "[Canvas]";
+      const h = typeof i == "string" ? i.substring(0, 80) : "[Canvas]";
       t.push({
-        source: l,
+        source: h,
         refCount: o.refCount,
         sizeMB: parseFloat(r.toFixed(2))
       });
     }), {
-      totalCached: h.maskTextureCache.size,
+      totalCached: l.maskTextureCache.size,
       totalRefCount: e,
       estimatedMemoryMB: parseFloat(s.toFixed(2)),
       cacheEntries: t
@@ -796,13 +802,13 @@ const h = class extends D {
    * 注意：这会释放所有纹理，即使它们仍在使用中
    */
   static clearAllCache() {
-    console.warn("[MaskTag] Clearing all texture cache"), h.maskTextureCache.forEach((e) => {
+    console.warn("[MaskTag] Clearing all texture cache"), l.maskTextureCache.forEach((e) => {
       var s;
       (s = e.abortController) == null || s.abort(), e.texture.dispose();
-    }), h.maskTextureCache.clear();
+    }), l.maskTextureCache.clear();
   }
 };
-let b = h;
+let b = l;
 /**
  * Mask 纹理缓存（静态，所有 MaskTag 实例共享）
  * key: mask URL 或 canvas 的 symbol, value: { texture: THREE.Texture, refCount: number, abortController?: AbortController }

package/libs/PanoTagPlugin/controller/Tag/MaskTag.shaders.d.ts CHANGED Viewed

@@ -7,4 +7,4 @@
  */
 export declare const maskVertexShader = "\nvarying vec2 vUv;\nvoid main() {\n  vUv = uv;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n";
 /** 多 style：mergedTexture 中每组 3 像素为 color(id)/tolerance+highlight/opacity，用 color 作 id 匹配 */
-export declare const maskFragmentShaderMulti = "\n#define RESOLUTION 2048.0\n#define MAX_GROUPS 64\n#define STRICT_MATCH 0.5/255.0\n\nvarying vec2 vUv;\nuniform sampler2D map;\nuniform sampler2D mergedTexture;\nuniform float groupCount;\nuniform float textureWidth;\nuniform float pixelsPerGroup;\n\nfloat colorGap(vec3 a, vec3 b) {\n  return abs(a.r - b.r) + abs(a.g - b.g) + abs(a.b - b.b);\n}\n\nvec4 readStyleColor(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5));\n}\n\nvec4 readStyleToleranceHighlight(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup + 1.0;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5));\n}\n\nfloat readStyleOpacity(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup + 2.0;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5)).r;\n}\n\nfloat detectEdge(sampler2D map, vec2 uv, vec3 matchColor, float tolerance) {\n  vec4 centerColor = texture2D(map, uv);\n  if (colorGap(centerColor.rgb, matchColor) >= tolerance) return 0.0;\n  float step = 1.0 / RESOLUTION;\n  vec4 u = texture2D(map, uv + vec2(0.0, -step));\n  vec4 l = texture2D(map, uv + vec2(-step, 0.0));\n  vec4 r = texture2D(map, uv + vec2(step, 0.0));\n  vec4 d = texture2D(map, uv + vec2(0.0, step));\n  bool edge = colorGap(u.rgb, matchColor) >= tolerance || colorGap(l.rgb, matchColor) >= tolerance\n    || colorGap(r.rgb, matchColor) >= tolerance || colorGap(d.rgb, matchColor) >= tolerance;\n  return edge ? 1.0 : 0.0;\n}\n\nvoid main() {\n  vec4 image = texture2D(map, vUv);\n  if (image.r == 0.0 && image.g == 0.0 && image.b == 0.0) discard;\n\n  // WebGL 1.0 \u8981\u6C42\u5FAA\u73AF\u7EC8\u6B62\u6761\u4EF6\u5FC5\u987B\u662F\u7F16\u8BD1\u65F6\u5E38\u91CF\uFF0C\u6240\u4EE5\u7528 MAX_GROUPS\uFF0C\u5FAA\u73AF\u5185\u68C0\u67E5 groupCount\n  for (float i = 0.0; i < float(MAX_GROUPS); i += 1.0) {\n    if (i < groupCount) {\n      vec4 styleColor = readStyleColor(i);\n      vec3 colorRgb = styleColor.rgb;\n      float tol = readStyleToleranceHighlight(i).r * 3.0;\n      vec3 highlight = readStyleToleranceHighlight(i).gba;\n      float opacity = readStyleOpacity(i);\n      \n      if (opacity > 0.0) {\n        float gap = colorGap(image.rgb, colorRgb);\n        if (gap > STRICT_MATCH) continue;\n        float smoothRange = 0.01;\n        float matchFactor = 1.0 - smoothstep(tol - smoothRange, tol + smoothRange, gap);\n        if (matchFactor > 0.0) {\n          float isEdge = detectEdge(map, vUv, colorRgb, tol);\n          float alpha = mix(opacity, 1.0, isEdge);\n          alpha *= max(matchFactor, 0.9);\n          gl_FragColor = vec4(highlight, alpha);\n          return;\n        }\n      }\n    }\n  }\n  discard;\n}\n";
+export declare const maskFragmentShaderMulti = "\n#define MAX_GROUPS 64\n#define STRICT_MATCH 0.5/255.0\n\nvarying vec2 vUv;\nuniform sampler2D map;\nuniform sampler2D mergedTexture;\nuniform float groupCount;\nuniform float textureWidth;\nuniform float pixelsPerGroup;\nuniform vec2 maskTexelSize;\n\nfloat colorGap(vec3 a, vec3 b) {\n  return abs(a.r - b.r) + abs(a.g - b.g) + abs(a.b - b.b);\n}\n\nfloat exactMatch(vec3 sampleColor, vec3 targetColor) {\n  return colorGap(sampleColor, targetColor) <= STRICT_MATCH ? 1.0 : 0.0;\n}\n\nvec4 readStyleColor(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5));\n}\n\nvec4 readStyleToleranceHighlight(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup + 1.0;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5));\n}\n\nfloat readStyleOpacity(float groupIndex) {\n  float px = groupIndex * pixelsPerGroup + 2.0;\n  float texX = (px + 0.5) / textureWidth;\n  return texture2D(mergedTexture, vec2(texX, 0.5)).r;\n}\n\nvoid main() {\n  vec4 center = texture2D(map, vUv);\n  vec2 quarterTexel = maskTexelSize * 0.25;\n  vec3 sample0 = texture2D(map, vUv + quarterTexel * vec2(-1.0, -1.0)).rgb;\n  vec3 sample1 = texture2D(map, vUv + quarterTexel * vec2(1.0, -1.0)).rgb;\n  vec3 sample2 = texture2D(map, vUv + quarterTexel * vec2(-1.0, 1.0)).rgb;\n  vec3 sample3 = texture2D(map, vUv + quarterTexel * vec2(1.0, 1.0)).rgb;\n\n  float bestCoverage = 0.0;\n  float bestScore = -1.0;\n  float bestOpacity = 0.0;\n  vec3 bestHighlight = vec3(0.0);\n\n  // WebGL 1.0 \u8981\u6C42\u5FAA\u73AF\u7EC8\u6B62\u6761\u4EF6\u5FC5\u987B\u662F\u7F16\u8BD1\u65F6\u5E38\u91CF\uFF0C\u6240\u4EE5\u7528 MAX_GROUPS\uFF0C\u5FAA\u73AF\u5185\u68C0\u67E5 groupCount\n  for (float i = 0.0; i < float(MAX_GROUPS); i += 1.0) {\n    if (i < groupCount) {\n      vec3 colorRgb = readStyleColor(i).rgb;\n      vec3 highlight = readStyleToleranceHighlight(i).gba;\n      float opacity = readStyleOpacity(i);\n\n      if (opacity > 0.0) {\n        float coverage = 0.25 * (\n          exactMatch(sample0, colorRgb) +\n          exactMatch(sample1, colorRgb) +\n          exactMatch(sample2, colorRgb) +\n          exactMatch(sample3, colorRgb)\n        );\n        // coverage \u76F8\u540C\u65F6\u4F18\u5148\u9009\u62E9\u4E2D\u5FC3\u50CF\u7D20\u6240\u5C5E\u6807\u7B7E\uFF0C\u907F\u514D\u76F8\u90BB\u6807\u7B7E\u8FB9\u754C\u968F\u6CE8\u518C\u987A\u5E8F\u95EA\u70C1\u3002\n        float score = coverage + exactMatch(center.rgb, colorRgb) * 0.001;\n        if (coverage > 0.0 && score > bestScore) {\n          bestCoverage = coverage;\n          bestScore = score;\n          bestOpacity = opacity;\n          bestHighlight = highlight;\n        }\n      }\n    }\n  }\n\n  if (bestCoverage > 0.0) {\n    gl_FragColor = vec4(bestHighlight, bestOpacity * bestCoverage);\n    return;\n  }\n  discard;\n}\n";