@realsee/dnalogel 3.81.7 → 3.81.8-alpha.2

package/dist/index.js

@@ -43,7 +43,7 @@ import { LineGeometry as nA, LineMaterial as sA, THREE_Line2 as oA, Line as iv }
 import { GLTFLoader as rA } from "@realsee/five/gltf-loader";
 function aA() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.81.7",
+    "%c %c@realsee/dnalogel %cv3.81.8-alpha.2",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",
@@ -1767,7 +1767,7 @@ var Ri = typeof globalThis != "undefined" ? globalThis : typeof window != "undef
       var U = N.ownerDocument || N;
       return U.defaultView || U.parentWindow || t;
     }
-    var q = /mobile|tablet|ip(ad|hone|od)|android/i, ie = "ontouchstart" in t, Z = x(t, "PointerEvent") !== s, se = ie && q.test(navigator.userAgent), ne = "touch", re = "pen", ze = "mouse", $ = "kinect", we = 25, ae = 1, ce = 2, be = 4, ee = 8, ke = 1, _e = 2, ye = 4, De = 8, ve = 16, Ae = _e | ye, Oe = De | ve, Xe = Ae | Oe, Ze = ["x", "y"], ot = ["clientX", "clientY"];
+    var q = /mobile|tablet|ip(ad|hone|od)|android/i, ie = "ontouchstart" in t, Z = x(t, "PointerEvent") !== s, se = ie && q.test(navigator.userAgent), ne = "touch", re = "pen", ze = "mouse", $ = "kinect", we = 25, ae = 1, ce = 2, be = 4, ee = 8, ke = 1, _e = 2, ye = 4, De = 8, ve = 16, Ae = _e | ye, Oe = De | ve, Ye = Ae | Oe, Ze = ["x", "y"], ot = ["clientX", "clientY"];
     function Ke(N, U) {
       var J = this;
       this.manager = N, this.callback = U, this.element = N.element, this.target = N.options.inputTarget, this.domHandler = function(oe) {
@@ -2332,7 +2332,7 @@ var Ri = typeof globalThis != "undefined" ? globalThis : typeof window != "undef
         event: "pan",
         threshold: 10,
         pointers: 1,
-        direction: Xe
+        direction: Ye
       },
       getTouchAction: function() {
         var N = this.options.direction, U = [];
@@ -2781,7 +2781,7 @@ var Ri = typeof globalThis != "undefined" ? globalThis : typeof window != "undef
       DIRECTION_DOWN: ve,
       DIRECTION_HORIZONTAL: Ae,
       DIRECTION_VERTICAL: Oe,
-      DIRECTION_ALL: Xe,
+      DIRECTION_ALL: Ye,
       Manager: Ts,
       Input: Ke,
       TouchAction: Ht,
@@ -10370,7 +10370,7 @@ function wP(n, t, e) {
   function S(ce, be) {
     if (be.width === 0 || be.height === 0)
       return () => !1;
-    const ee = ce.path.map(({ x: Xe, y: Ze }) => [Xe, Ze]), ke = ce.roomLabel.position, { x: _e, y: ye } = ke, { width: De, height: ve } = be, Ae = De / 2, Oe = ve / 2;
+    const ee = ce.path.map(({ x: Ye, y: Ze }) => [Ye, Ze]), ke = ce.roomLabel.position, { x: _e, y: ye } = ke, { width: De, height: ve } = be, Ae = De / 2, Oe = ve / 2;
     return function(Ze) {
       const ot = _e * Ze, Ke = ye * Ze, et = ee.map(([ht, Vt]) => [ht * Ze, Vt * Ze]);
       return [
@@ -13583,7 +13583,7 @@ let Cs = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    f(this, "VERSION", "3.81.7");
+    f(this, "VERSION", "3.81.8-alpha.2");
     f(this, "NAME");
     f(this, "five");
     f(this, "workUtil");
@@ -22213,9 +22213,9 @@ var R1 = function() {
             var ce = [0, 0, 0, 0], be = [0, 0, 0, 0];
             we.forEach(function(_e, ye) {
               var De = _e, ve = $[ye];
-              be.forEach(function(Ae, Oe, Xe) {
+              be.forEach(function(Ae, Oe, Ye) {
                 if (De > Ae) {
-                  Xe[Oe] = De, De = Ae;
+                  Ye[Oe] = De, De = Ae;
                   var Ze = ce[Oe];
                   ce[Oe] = ve, ve = Ze;
                 }
@@ -30220,8 +30220,8 @@ const Fc = 1e-3, hm = 0.01, um = Eu, Bz = (n, t) => {
     const De = g.tags.filter((Ae) => ke.containsPoint(Ae.position) && !Ae.destroying).length, ve = g.points.reduce((Ae, Oe) => {
       if (g.tags.find((lt) => Oe.id === lt.id && !lt.destroying))
         return Ae;
-      const Xe = ee.position.clone().setY(i).distanceTo(Oe.position);
-      if (Xe < c || Xe > h || !ke.containsPoint(Oe.position))
+      const Ye = ee.position.clone().setY(i).distanceTo(Oe.position);
+      if (Ye < c || Ye > h || !ke.containsPoint(Oe.position))
         return Ae;
       const Ze = Oe.position.clone().sub(ee.position).setY(0);
       if (Ze.angleTo(Oe.normal) > Math.PI / 2 - r && Ze.angleTo(Oe.normal) < Math.PI / 2 + r)
@@ -30240,7 +30240,7 @@ const Fc = 1e-3, hm = 0.01, um = Eu, Bz = (n, t) => {
         normal: Oe.normal,
         replacement: Oe.replacement,
         weight: Oe.weight,
-        distance: Xe
+        distance: Ye
       };
       let et;
       for (let lt = 0, ht = Ae.length; lt < ht; lt++) {
@@ -30257,10 +30257,10 @@ const Fc = 1e-3, hm = 0.01, um = Eu, Bz = (n, t) => {
       return et !== void 0 ? Ae.splice(et, 0, Ke) : Ae.push(Ke), Ae;
     }, []);
     for (let Ae = 0, Oe = ve.length; Ae < Oe && !(De + be.length >= o); Ae++) {
-      const Xe = ve[Ae];
-      if (be.find((et) => Xe.id === et.id))
+      const Ye = ve[Ae];
+      if (be.find((et) => Ye.id === et.id))
         continue;
-      const Ze = Xe.position.clone().project(ee);
+      const Ze = Ye.position.clone().project(ee);
       if (!g.tags.concat(be).every((et) => {
         if (et.position.clone().sub(ee.position).setY(0).angleTo(ye.setY(0)) > Math.PI / 2)
           return !0;
@@ -30270,12 +30270,12 @@ const Fc = 1e-3, hm = 0.01, um = Eu, Bz = (n, t) => {
         continue;
       const ot = new b.Raycaster(
         ee.position.clone().setY(i),
-        Xe.position.clone().sub(ee.position.clone().setY(i)).normalize(),
+        Ye.position.clone().sub(ee.position.clone().setY(i)).normalize(),
         0,
-        Xe.distance + hm
+        Ye.distance + hm
       ), [Ke] = g.intersectObjects ? ot.intersectObjects(g.intersectObjects, !0) : n.model.loaded ? n.model.intersectRaycaster(ot) : ot.intersectObjects(n.model.children, !0);
-      if (Ke && Xe.distance - Ke.distance < hm) {
-        const { position: et, normal: lt, id: ht, replacement: Vt } = Xe, Ki = new b.Plane().setFromNormalAndCoplanarPoint(lt, et), Yt = et.clone().sub(ee.position).cross(new b.Vector3(0, 1, 0)).setLength(Fc), ui = [
+      if (Ke && Ye.distance - Ke.distance < hm) {
+        const { position: et, normal: lt, id: ht, replacement: Vt } = Ye, Ki = new b.Plane().setFromNormalAndCoplanarPoint(lt, et), Yt = et.clone().sub(ee.position).cross(new b.Vector3(0, 1, 0)).setLength(Fc), ui = [
           et.clone(),
           et.clone().add(Yt),
           et.clone().add(new b.Vector3(0, Fc, 0)).add(Yt),
@@ -32046,13 +32046,13 @@ function Q4(n) {
         let _e, ye, De, ve, Ae;
         j < B ? (_e = v[se * 6 + 1], ye = v[ee * 6 + 1], De = v[ke * 6 + 1], ve = v[ze * 6 + 1], Ae = (ye + De) / 2) : (_e = v[se * 6 + 4], ye = v[ee * 6 + 4], De = v[ke * 6 + 4], ve = v[ze * 6 + 4], Ae = (ye + De) / 2);
         for (let Oe = se; Oe < ee; Oe++) {
-          const Xe = ee - se, Ze = (Oe - se) / Xe;
+          const Ye = ee - se, Ze = (Oe - se) / Ye;
           j < B ? v[Oe * 6 + 1] = _e + (Ae - _e) * Ze : v[Oe * 6 + 4] = _e + (Ae - _e) * Ze;
         }
         for (let Oe = ee; Oe < ke; Oe++)
           j < B ? v[Oe * 6 + 1] = Ae : v[Oe * 6 + 4] = Ae;
         for (let Oe = ke; Oe < ze; Oe++) {
-          const Xe = ze - ke, Ze = (Oe - ke + 1) / Xe;
+          const Ye = ze - ke, Ze = (Oe - ke + 1) / Ye;
           j < B ? v[Oe * 6 + 1] = Ae + (ve - Ae) * Ze : v[Oe * 6 + 4] = Ae + (ve - Ae) * Ze;
         }
         L.push({
@@ -37189,12 +37189,12 @@ var el = oS, Fl = {}, rS = {
       te[++G] = de;
     }), te;
   }
-  var Xe = Array.prototype, Ze = Function.prototype, ot = Object.prototype, Ke = re["__core-js_shared__"], et = function() {
+  var Ye = Array.prototype, Ze = Function.prototype, ot = Object.prototype, Ke = re["__core-js_shared__"], et = function() {
     var T = /[^.]+$/.exec(Ke && Ke.keys && Ke.keys.IE_PROTO || "");
     return T ? "Symbol(src)_1." + T : "";
   }(), lt = Ze.toString, ht = ot.hasOwnProperty, Vt = ot.toString, Ki = RegExp(
     "^" + lt.call(ht).replace(j, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Yt = we ? re.Buffer : void 0, ui = re.Symbol, Ci = re.Uint8Array, ut = Ae(Object.getPrototypeOf, Object), Zt = Object.create, qt = ot.propertyIsEnumerable, fr = Xe.splice, Ms = Object.getOwnPropertySymbols, Wn = Yt ? Yt.isBuffer : void 0, ro = Ae(Object.keys, Object), Un = U(re, "DataView"), zi = U(re, "Map"), Ii = U(re, "Promise"), Qn = U(re, "Set"), Xn = U(re, "WeakMap"), $i = U(Object, "create"), yn = ri(Un), bn = ri(zi), Es = ri(Ii), ks = ri(Qn), Yn = ri(Xn), en = ui ? ui.prototype : void 0, ao = en ? en.valueOf : void 0;
+  ), Yt = we ? re.Buffer : void 0, ui = re.Symbol, Ci = re.Uint8Array, ut = Ae(Object.getPrototypeOf, Object), Zt = Object.create, qt = ot.propertyIsEnumerable, fr = Ye.splice, Ms = Object.getOwnPropertySymbols, Wn = Yt ? Yt.isBuffer : void 0, ro = Ae(Object.keys, Object), Un = U(re, "DataView"), zi = U(re, "Map"), Ii = U(re, "Promise"), Qn = U(re, "Set"), Xn = U(re, "WeakMap"), $i = U(Object, "create"), yn = ri(Un), bn = ri(zi), Es = ri(Ii), ks = ri(Qn), Yn = ri(Xn), en = ui ? ui.prototype : void 0, ao = en ? en.valueOf : void 0;
   function Hi(T) {
     var G = -1, te = T ? T.length : 0;
     for (this.clear(); ++G < te; ) {
@@ -37609,7 +37609,7 @@ var Bl = {}, lS = {
         return !0;
     return !1;
   }
-  function Xe(T, G) {
+  function Ye(T, G) {
     for (var te = -1, de = Array(T); ++te < T; )
       de[te] = G(te);
     return de;
@@ -37778,7 +37778,7 @@ var Bl = {}, lS = {
   }
   kt.prototype.clear = ni, kt.prototype.delete = fo, kt.prototype.get = po, kt.prototype.has = Kn, kt.prototype.set = si;
   function $n(T, G) {
-    var te = go(T), de = !te && Ta(T), Ue = !te && !de && vo(T), He = !te && !de && !Ue && za(T), Je = te || de || Ue || He, tt = Je ? Xe(T.length, String) : [], Tt = tt.length;
+    var te = go(T), de = !te && Ta(T), Ue = !te && !de && vo(T), He = !te && !de && !Ue && za(T), Je = te || de || Ue || He, tt = Je ? Ye(T.length, String) : [], Tt = tt.length;
     for (var nt in T)
       (G || ut.call(T, nt)) && !(Je && // Safari 9 has enumerable `arguments.length` in strict mode.
       (nt == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -48189,8 +48189,8 @@ function Id(n, t, e) {
               x: (ot.x * 0.5 + 0.5) * ke,
               y: (1 - (ot.y * 0.5 + 0.5)) * _e
             };
-          }, De = ye(ce), ve = ye(C), Ae = ye($.point), Oe = Math.sqrt(pi(De.x - ve.x, 2) + pi(De.y - ve.y, 2)), Xe = Math.sqrt(pi(De.x - Ae.x, 2) + pi(De.y - Ae.y, 2));
-          (Oe < e.autoClosePixelDistance || Xe < e.autoClosePixelDistance) && (be = !0);
+          }, De = ye(ce), ve = ye(C), Ae = ye($.point), Oe = Math.sqrt(pi(De.x - ve.x, 2) + pi(De.y - ve.y, 2)), Ye = Math.sqrt(pi(De.x - Ae.x, 2) + pi(De.y - Ae.y, 2));
+          (Oe < e.autoClosePixelDistance || Ye < e.autoClosePixelDistance) && (be = !0);
         }
       } else
         (ce.distanceTo(C) < 0.2 || ce.distanceTo($.point) < 0.2) && (be = !0);
@@ -50818,7 +50818,6 @@ void main() {
 ), W7 = (
   /* glsl */
   `
-#define RESOLUTION 2048.0
 #define MAX_GROUPS 64
 #define STRICT_MATCH 0.5/255.0
 
@@ -50828,11 +50827,16 @@ uniform sampler2D mergedTexture;
 uniform float groupCount;
 uniform float textureWidth;
 uniform float pixelsPerGroup;
+uniform vec2 maskTexelSize;
 
 float colorGap(vec3 a, vec3 b) {
   return abs(a.r - b.r) + abs(a.g - b.g) + abs(a.b - b.b);
 }
 
+float exactMatch(vec3 sampleColor, vec3 targetColor) {
+  return colorGap(sampleColor, targetColor) <= STRICT_MATCH ? 1.0 : 0.0;
+}
+
 vec4 readStyleColor(float groupIndex) {
   float px = groupIndex * pixelsPerGroup;
   float texX = (px + 0.5) / textureWidth;
@@ -50851,47 +50855,49 @@ float readStyleOpacity(float groupIndex) {
   return texture2D(mergedTexture, vec2(texX, 0.5)).r;
 }
 
-float detectEdge(sampler2D map, vec2 uv, vec3 matchColor, float tolerance) {
-  vec4 centerColor = texture2D(map, uv);
-  if (colorGap(centerColor.rgb, matchColor) >= tolerance) return 0.0;
-  float step = 1.0 / RESOLUTION;
-  vec4 u = texture2D(map, uv + vec2(0.0, -step));
-  vec4 l = texture2D(map, uv + vec2(-step, 0.0));
-  vec4 r = texture2D(map, uv + vec2(step, 0.0));
-  vec4 d = texture2D(map, uv + vec2(0.0, step));
-  bool edge = colorGap(u.rgb, matchColor) >= tolerance || colorGap(l.rgb, matchColor) >= tolerance
-    || colorGap(r.rgb, matchColor) >= tolerance || colorGap(d.rgb, matchColor) >= tolerance;
-  return edge ? 1.0 : 0.0;
-}
-
 void main() {
-  vec4 image = texture2D(map, vUv);
-  if (image.r == 0.0 && image.g == 0.0 && image.b == 0.0) discard;
+  vec4 center = texture2D(map, vUv);
+  vec2 quarterTexel = maskTexelSize * 0.25;
+  vec3 sample0 = texture2D(map, vUv + quarterTexel * vec2(-1.0, -1.0)).rgb;
+  vec3 sample1 = texture2D(map, vUv + quarterTexel * vec2(1.0, -1.0)).rgb;
+  vec3 sample2 = texture2D(map, vUv + quarterTexel * vec2(-1.0, 1.0)).rgb;
+  vec3 sample3 = texture2D(map, vUv + quarterTexel * vec2(1.0, 1.0)).rgb;
+
+  float bestCoverage = 0.0;
+  float bestScore = -1.0;
+  float bestOpacity = 0.0;
+  vec3 bestHighlight = vec3(0.0);
 
   // WebGL 1.0 要求循环终止条件必须是编译时常量，所以用 MAX_GROUPS，循环内检查 groupCount
   for (float i = 0.0; i < float(MAX_GROUPS); i += 1.0) {
     if (i < groupCount) {
-      vec4 styleColor = readStyleColor(i);
-      vec3 colorRgb = styleColor.rgb;
-      float tol = readStyleToleranceHighlight(i).r * 3.0;
+      vec3 colorRgb = readStyleColor(i).rgb;
       vec3 highlight = readStyleToleranceHighlight(i).gba;
       float opacity = readStyleOpacity(i);
-      
+
       if (opacity > 0.0) {
-        float gap = colorGap(image.rgb, colorRgb);
-        if (gap > STRICT_MATCH) continue;
-        float smoothRange = 0.01;
-        float matchFactor = 1.0 - smoothstep(tol - smoothRange, tol + smoothRange, gap);
-        if (matchFactor > 0.0) {
-          float isEdge = detectEdge(map, vUv, colorRgb, tol);
-          float alpha = mix(opacity, 1.0, isEdge);
-          alpha *= max(matchFactor, 0.9);
-          gl_FragColor = vec4(highlight, alpha);
-          return;
+        float coverage = 0.25 * (
+          exactMatch(sample0, colorRgb) +
+          exactMatch(sample1, colorRgb) +
+          exactMatch(sample2, colorRgb) +
+          exactMatch(sample3, colorRgb)
+        );
+        // coverage 相同时优先选择中心像素所属标签，避免相邻标签边界随注册顺序闪烁。
+        float score = coverage + exactMatch(center.rgb, colorRgb) * 0.001;
+        if (coverage > 0.0 && score > bestScore) {
+          bestCoverage = coverage;
+          bestScore = score;
+          bestOpacity = opacity;
+          bestHighlight = highlight;
         }
       }
     }
   }
+
+  if (bestCoverage > 0.0) {
+    gl_FragColor = vec4(bestHighlight, bestOpacity * bestCoverage);
+    return;
+  }
   discard;
 }
 `
@@ -50912,7 +50918,7 @@ function il(n) {
   }
   return [0, 0, 0];
 }
-const Ye = class extends ur {
+const Xe = class extends ur {
   constructor(e, i) {
     var r;
     super(e, i);
@@ -50976,13 +50982,13 @@ const Ye = class extends ur {
       if (typeof e == "number") {
         this.loadingMask = !0;
         try {
-          const s = yield Ye.loadMaskTexture(this.maskUrl);
+          const s = yield Xe.loadMaskTexture(this.maskUrl);
           this.maskTexture = s;
-          const o = Ye.getMeshKey(e);
+          const o = Xe.getMeshKey(e);
           this._sharedMeshKey = o;
-          let r = Ye.sharedMeshRegistry.get(o);
+          let r = Xe.sharedMeshRegistry.get(o);
           const a = this.getColorKey(), l = this.buildStyleForMaterial();
-          r ? r.maskSource !== this.maskUrl && (Ye.releaseMaskTexture(r.maskSource), r.maskTexture = s, r.maskSource = this.maskUrl, r.material.uniforms.map.value = s) : (r = Ye.createSharedMesh(s, this.maskUrl, this.plugin), Ye.sharedMeshRegistry.set(o, r), this.plugin.imagePlaneGroup.add(r.mesh));
+          r ? r.maskSource !== this.maskUrl && (Xe.releaseMaskTexture(r.maskSource), r.maskTexture = s, r.maskSource = this.maskUrl, r.material.uniforms.map.value = s, r.material.uniforms.maskTexelSize.value = Xe.getMaskTexelSize(s)) : (r = Xe.createSharedMesh(s, this.maskUrl, this.plugin), Xe.sharedMeshRegistry.set(o, r), this.plugin.imagePlaneGroup.add(r.mesh));
           const c = r.styleIndexByColorKey.get(a);
           c !== void 0 ? (this.sharedStyleIndex = c, this.maskMesh = r.mesh, this.updateStyleSlotInMaterial(r.material, c, l)) : (r.tagsByColorKey.set(a, this), this.appendStyleToMaterial(r.material, l), this.sharedStyleIndex = r.tagsByColorKey.size - 1, r.styleIndexByColorKey.set(a, this.sharedStyleIndex), this.maskMesh = r.mesh), this.setupSharedMeshRaycast(r), this.updateMeshTransform(), this.setupClickEvents(), this.updateScreenPosition(), r.mesh.visible = !0;
         } finally {
@@ -51001,6 +51007,11 @@ const Ye = class extends ur {
       opacity: this.enabled && this.visible ? e.opacity : 0
     };
   }
+  static getMaskTexelSize(e) {
+    var r, a;
+    const i = e.image, s = Math.max((r = i == null ? void 0 : i.width) != null ? r : 1, 1), o = Math.max((a = i == null ? void 0 : i.height) != null ? a : 1, 1);
+    return new b.Vector2(1 / s, 1 / o);
+  }
   static createSharedMesh(e, i, s) {
     const a = Math.max(1, Math.ceil(Math.sqrt(0))), l = 1, c = new Float32Array(a * l * 4), h = new b.DataTexture(c, a, l, b.RGBAFormat, b.FloatType);
     h.needsUpdate = !0;
@@ -51012,7 +51023,8 @@ const Ye = class extends ur {
         mergedTexture: { value: h },
         groupCount: { value: 0 },
         textureWidth: { value: a },
-        pixelsPerGroup: { value: 3 }
+        pixelsPerGroup: { value: 3 },
+        maskTexelSize: { value: Xe.getMaskTexelSize(e) }
       },
       depthWrite: !1,
       depthTest: !1,
@@ -51105,7 +51117,7 @@ const Ye = class extends ur {
       var h, u, d;
       if (!this.maskMesh || this._sharedMeshKey === null || this.sharedStyleIndex < 0)
         return;
-      const i = Ye.sharedMeshRegistry.get(this._sharedMeshKey);
+      const i = Xe.sharedMeshRegistry.get(this._sharedMeshKey);
       if (!i)
         return;
       const r = { opacity: this.buildStyleForMaterial().opacity }, a = (h = e == null ? void 0 : e.duration) != null ? h : 300, l = (u = e == null ? void 0 : e.loop) != null ? u : 4, c = ct({
@@ -51341,10 +51353,10 @@ const Ye = class extends ur {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars -- 保留参数与 set() 调用一致
   reloadMask(e) {
     var r;
-    const i = (r = this.fiveState) == null ? void 0 : r.panoIndex, s = this.getColorKey(), o = typeof i == "number" ? Ye.getMeshKey(i) : this._sharedMeshKey;
+    const i = (r = this.fiveState) == null ? void 0 : r.panoIndex, s = this.getColorKey(), o = typeof i == "number" ? Xe.getMeshKey(i) : this._sharedMeshKey;
     if (o) {
-      const a = Ye.sharedMeshRegistry.get(o);
-      a && (a.tagsByColorKey.delete(s), a.styleIndexByColorKey.delete(s), a.tagsByColorKey.size === 0 && (a.mesh.parent && a.mesh.parent.remove(a.mesh), a.mesh.geometry.dispose(), a.mesh.material.dispose(), a.material.uniforms.mergedTexture.value.dispose(), Ye.releaseMaskTexture(a.maskSource), Ye.sharedMeshRegistry.delete(o)));
+      const a = Xe.sharedMeshRegistry.get(o);
+      a && (a.tagsByColorKey.delete(s), a.styleIndexByColorKey.delete(s), a.tagsByColorKey.size === 0 && (a.mesh.parent && a.mesh.parent.remove(a.mesh), a.mesh.geometry.dispose(), a.mesh.material.dispose(), a.material.uniforms.mergedTexture.value.dispose(), Xe.releaseMaskTexture(a.maskSource), Xe.sharedMeshRegistry.delete(o)));
     }
     this.maskMesh = void 0, this._sharedMeshKey = null, this.sharedStyleIndex = -1, this.maskTexture = void 0, this.visible && !this.loadingMask && this.initializeMaskMesh();
   }
@@ -51360,15 +51372,15 @@ const Ye = class extends ur {
       const e = (r = this.fiveState) == null ? void 0 : r.panoIndex;
       if (typeof e != "number")
         return;
-      const i = Ye.getMeshKey(e), s = Ye.sharedMeshRegistry.get(i);
+      const i = Xe.getMeshKey(e), s = Xe.sharedMeshRegistry.get(i);
       if (!s) {
         yield this.initializeMaskMesh();
         return;
       }
       if (s.maskSource === this.maskUrl)
         return;
-      const o = yield Ye.loadMaskTexture(this.maskUrl);
-      this.maskTexture = o, Ye.releaseMaskTexture(s.maskSource), s.maskTexture = o, s.maskSource = this.maskUrl, s.material.uniforms.map.value = o, this.five.needsRender = !0;
+      const o = yield Xe.loadMaskTexture(this.maskUrl);
+      this.maskTexture = o, Xe.releaseMaskTexture(s.maskSource), s.maskTexture = o, s.maskSource = this.maskUrl, s.material.uniforms.map.value = o, s.material.uniforms.maskTexelSize.value = Xe.getMaskTexelSize(o), this.five.needsRender = !0;
     });
   }
   /**
@@ -51377,7 +51389,7 @@ const Ye = class extends ur {
   updateMaskStyle() {
     if (!this.maskMesh || this._sharedMeshKey === null || this.sharedStyleIndex < 0)
       return;
-    const e = Ye.sharedMeshRegistry.get(this._sharedMeshKey);
+    const e = Xe.sharedMeshRegistry.get(this._sharedMeshKey);
     e && this.updateStyleSlotInMaterial(e.material, this.sharedStyleIndex, this.buildStyleForMaterial());
   }
   /**
@@ -51401,8 +51413,8 @@ const Ye = class extends ur {
     this._disposed = !0, this.cleanupClickEvents();
     const e = this._sharedMeshKey, i = this.getColorKey();
     if (e) {
-      const s = Ye.sharedMeshRegistry.get(e);
-      s && (s.tagsByColorKey.delete(i), s.styleIndexByColorKey.delete(i), s.tagsByColorKey.size === 0 ? (s.mesh.parent && s.mesh.parent.remove(s.mesh), s.mesh.geometry.dispose(), s.mesh.material.dispose(), s.material.uniforms.mergedTexture.value.dispose(), Ye.releaseMaskTexture(s.maskSource), Ye.sharedMeshRegistry.delete(e)) : Ye.rebuildEntryMaterial(s));
+      const s = Xe.sharedMeshRegistry.get(e);
+      s && (s.tagsByColorKey.delete(i), s.styleIndexByColorKey.delete(i), s.tagsByColorKey.size === 0 ? (s.mesh.parent && s.mesh.parent.remove(s.mesh), s.mesh.geometry.dispose(), s.mesh.material.dispose(), s.material.uniforms.mergedTexture.value.dispose(), Xe.releaseMaskTexture(s.maskSource), Xe.sharedMeshRegistry.delete(e)) : Xe.rebuildEntryMaterial(s));
     }
     this.maskMesh = void 0, this._sharedMeshKey = null, this.sharedStyleIndex = -1, this.maskTexture = void 0, this.five.needsRender = !0;
   }
@@ -51434,11 +51446,11 @@ const Ye = class extends ur {
    * 清除所有点位共享 mesh（重新 load 数据前调用）
    */
   static clearSharedMeshRegistry() {
-    Ye.sharedMeshRegistry.forEach((e) => {
+    Xe.sharedMeshRegistry.forEach((e) => {
       e.tagsByColorKey.forEach((i) => {
         i.maskMesh = void 0, i._sharedMeshKey = null, i.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(), Ye.releaseMaskTexture(e.maskSource);
-    }), Ye.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(), Xe.releaseMaskTexture(e.maskSource);
+    }), Xe.sharedMeshRegistry.clear();
   }
   /**
    * 将 style 列表写入材质（用于重建材质）
@@ -51464,7 +51476,7 @@ const Ye = class extends ur {
     if (i.length === 0)
       return;
     const s = i.map((o) => o.getStyleForMaterial());
-    Ye.writeStyleListToMaterial(e.material, s), i.forEach((o, r) => {
+    Xe.writeStyleListToMaterial(e.material, s), i.forEach((o, r) => {
       o.sharedStyleIndex = r, e.styleIndexByColorKey.set(`${o.targetColor[0]},${o.targetColor[1]},${o.targetColor[2]}`, r);
     });
   }
@@ -51477,8 +51489,8 @@ const Ye = class extends ur {
     if (typeof e == "string")
       return e;
     {
-      let i = Ye.canvasSymbolMap.get(e);
-      return i || (i = Symbol("canvas-mask"), Ye.canvasSymbolMap.set(e, i)), i;
+      let i = Xe.canvasSymbolMap.get(e);
+      return i || (i = Symbol("canvas-mask"), Xe.canvasSymbolMap.set(e, i)), i;
     }
   }
   /**
@@ -51488,7 +51500,7 @@ const Ye = class extends ur {
    */
   static loadMaskTexture(e) {
     return K(this, null, function* () {
-      const i = Ye.getMaskCacheKey(e), s = Ye.maskTextureCache.get(i);
+      const i = Xe.getMaskCacheKey(e), s = Xe.maskTextureCache.get(i);
       if (s)
         return s.refCount++, s.texture;
       const o = performance.now(), r = new AbortController();
@@ -51516,7 +51528,7 @@ const Ye = class extends ur {
           });
         } else
           a = new b.CanvasTexture(e), a.needsUpdate = !0, console.log("[MaskTag] Created texture from canvas, size:", e.width, "x", e.height);
-        a.wrapS = b.ClampToEdgeWrapping, a.wrapT = b.ClampToEdgeWrapping, a.minFilter = b.LinearFilter, a.magFilter = b.LinearFilter, a.anisotropy = 4, a instanceof b.CanvasTexture && (a.needsUpdate = !0), Ye.maskTextureCache.set(i, {
+        a.wrapS = b.ClampToEdgeWrapping, a.wrapT = b.ClampToEdgeWrapping, a.minFilter = b.NearestFilter, a.magFilter = b.NearestFilter, a.anisotropy = 4, a instanceof b.CanvasTexture && (a.needsUpdate = !0), Xe.maskTextureCache.set(i, {
           texture: a,
           refCount: 1,
           abortController: r
@@ -51538,10 +51550,10 @@ const Ye = class extends ur {
    */
   static releaseMaskTexture(e) {
     var o;
-    const i = Ye.getMaskCacheKey(e), s = Ye.maskTextureCache.get(i);
+    const i = Xe.getMaskCacheKey(e), s = Xe.maskTextureCache.get(i);
     if (s && (s.refCount--, s.refCount <= 0)) {
       const r = typeof e == "string" ? e.substring(0, 50) : "Canvas";
-      console.log(`[MaskTag Memory] Releasing texture (refCount=0): ${r}`), (o = s.abortController) == null || o.abort(), s.texture.dispose(), Ye.maskTextureCache.delete(i);
+      console.log(`[MaskTag Memory] Releasing texture (refCount=0): ${r}`), (o = s.abortController) == null || o.abort(), s.texture.dispose(), Xe.maskTextureCache.delete(i);
     }
   }
   /**
@@ -51551,7 +51563,7 @@ const Ye = class extends ur {
   static getCacheStats() {
     let e = 0, i = 0;
     const s = [];
-    return Ye.maskTextureCache.forEach((o, r) => {
+    return Xe.maskTextureCache.forEach((o, r) => {
       e += o.refCount;
       let a = 0;
       if (o.texture.image) {
@@ -51565,7 +51577,7 @@ const Ye = class extends ur {
         sizeMB: parseFloat(a.toFixed(2))
       });
     }), {
-      totalCached: Ye.maskTextureCache.size,
+      totalCached: Xe.maskTextureCache.size,
       totalRefCount: e,
       estimatedMemoryMB: parseFloat(i.toFixed(2)),
       cacheEntries: s
@@ -51576,13 +51588,13 @@ const Ye = class extends ur {
    * 注意：这会释放所有纹理，即使它们仍在使用中
    */
   static clearAllCache() {
-    console.warn("[MaskTag] Clearing all texture cache"), Ye.maskTextureCache.forEach((e) => {
+    console.warn("[MaskTag] Clearing all texture cache"), Xe.maskTextureCache.forEach((e) => {
       var i;
       (i = e.abortController) == null || i.abort(), e.texture.dispose();
-    }), Ye.maskTextureCache.clear();
+    }), Xe.maskTextureCache.clear();
   }
 };
-let ki = Ye;
+let ki = Xe;
 /**
  * Mask 纹理缓存（静态，所有 MaskTag 实例共享）
  * key: mask URL 或 canvas 的 symbol, value: { texture: THREE.Texture, refCount: number, abortController?: AbortController }
@@ -53266,7 +53278,7 @@ function R6(n, t, e) {
   }), n.$$set = (ye) => {
     "tag" in ye && e(2, S = ye.tag), "config" in ye && e(23, j = ye.config), "theme" in ye && e(24, B = ye.theme), "placement" in ye && e(0, q = ye.placement), "audioInstance" in ye && e(25, ie = ye.audioInstance), "audioPlaying" in ye && e(1, Z = ye.audioPlaying), "audioCurrentTime" in ye && e(26, se = ye.audioCurrentTime), "audioDuration" in ye && e(27, ne = ye.audioDuration), "$$scope" in ye && e(37, x = ye.$$scope);
   }, n.$$.update = () => {
-    var ye, De, ve, Ae, Oe, Xe;
+    var ye, De, ve, Ae, Oe, Ye;
     n.$$.dirty[0] & /*tag*/
     4 && e(3, i = S.contentType === "Marketing"), n.$$.dirty[0] & /*tag*/
     4 && e(8, s = S.contentType === "Audio"), n.$$.dirty[0] & /*isMarketingTag*/
@@ -53327,7 +53339,7 @@ function R6(n, t, e) {
     16 && e(28, O = Math.max(0, 2 - z.length)), n.$$.dirty[0] & /*remainingCount, marketingTags*/
     805306368 && e(13, A = O > 0 ? _.filter(Boolean).slice(0, O) : []), n.$$.dirty[0] & /*isMarketingTag, tag*/
     12 && e(12, I = i && ((Oe = S.data.price) == null ? void 0 : Oe.value) || ""), n.$$.dirty[0] & /*isMarketingTag, tag*/
-    12 && e(11, M = i && ((Xe = S.data.price) == null ? void 0 : Xe.unit) || "");
+    12 && e(11, M = i && ((Ye = S.data.price) == null ? void 0 : Ye.unit) || "");
   }, e(14, D = 1), [
     q,
     Z,
@@ -54374,8 +54386,8 @@ function tD(n, t, e) {
       // 底部区域占比20%
       right: 0.15
       // 右侧区域占比15%
-    }, ke = y.clientWidth, _e = y.clientHeight, ye = _e * ee.top, De = _e * (1 - ee.bottom), ve = ke * (1 - ee.right), Ae = m.screenPosition.leftPx, Oe = m.screenPosition.topPx, Xe = M.width || 280, Ze = M.height || 200;
-    return Oe <= ye ? Ae <= ve ? Ae + Xe <= ke && Oe + Ze <= _e ? "right-top" : "bottom-left" : Ae - Xe >= 0 && Oe + Ze <= _e ? "left-top" : "bottom-right" : Oe >= De ? Ae <= ve ? Ae + Xe <= ke && Oe - Ze >= 0 ? "right-bottom" : "top-left" : Ae - Xe >= 0 && Oe - Ze >= 0 ? "left-bottom" : "top-right" : Ae <= ve ? Ae + Xe <= ke ? "right-top" : "left-top" : Ae - Xe >= 0 ? "left-top" : "right-top";
+    }, ke = y.clientWidth, _e = y.clientHeight, ye = _e * ee.top, De = _e * (1 - ee.bottom), ve = ke * (1 - ee.right), Ae = m.screenPosition.leftPx, Oe = m.screenPosition.topPx, Ye = M.width || 280, Ze = M.height || 200;
+    return Oe <= ye ? Ae <= ve ? Ae + Ye <= ke && Oe + Ze <= _e ? "right-top" : "bottom-left" : Ae - Ye >= 0 && Oe + Ze <= _e ? "left-top" : "bottom-right" : Oe >= De ? Ae <= ve ? Ae + Ye <= ke && Oe - Ze >= 0 ? "right-bottom" : "top-left" : Ae - Ye >= 0 && Oe - Ze >= 0 ? "left-bottom" : "top-right" : Ae <= ve ? Ae + Ye <= ke ? "right-top" : "left-top" : Ae - Ye >= 0 ? "left-top" : "right-top";
   }, B = (ee, ke) => {
     switch (ee) {
       case "top":