shop-components 0.1.31 → 0.1.32

package/dist/device-viewer/scene.d.ts

@@ -36,6 +36,7 @@ export declare class Logo {
     name: string;
     imageUrl?: string;
     target: Mesh;
+    private _offscreen;
     get imageSize(): {
         width: number;
         height: number;
@@ -49,6 +50,7 @@ export declare class Logo {
     clear(): void;
     change(url?: string, scale?: Vector2, offset?: Vector2): void;
     reset(): void;
+    dispose(): void;
 }
 export declare class Skin {
     private _props;

package/dist/shop-components.mjs

@@ -64972,7 +64972,7 @@ zF.loadAsync(e5).then((n) => {
 const sH = new kO(A5);
 class $I {
   constructor(A) {
-    this._props = A, this.name = "", this._defaults = { ...A }, this.target = A.target, this.reset();
+    this._props = A, this.name = "", this._offscreen = new OffscreenCanvas(0, 0), this._defaults = { ...A }, this.target = A.target, this.reset();
   }
   get imageSize() {
     return this._props.imageSize;
@@ -64984,24 +64984,30 @@ class $I {
     this.change();
   }
   change(A, e = new uA(1, 1), t = new uA()) {
-    var s;
     this.imageUrl = A;
     let i;
     if (A) {
-      const o = new Image();
-      o.crossOrigin = "anonymous", i = new ct(o), i.colorSpace = ke, i.wrapS = i.wrapT = it, i.repeat.set(1 / e.x, 1 / e.y), i.offset.set(t.x, t.y), o.onload = () => {
-        i && (i.flipY = !1, i.needsUpdate = !0);
-      }, o.src = A;
+      const r = new Image();
+      r.crossOrigin = "anonymous", r.src = A, r.onload = async () => {
+        var l;
+        let s = window.devicePixelRatio * 2;
+        this._offscreen.width = r.width + s, this._offscreen.height = r.height + s;
+        const o = this._offscreen.getContext("2d");
+        o == null || o.clearRect(0, 0, this._offscreen.width, this._offscreen.height), o == null || o.drawImage(r, s / 2, s / 2, r.width, r.height), i = new ct(this._offscreen), i.minFilter = 1003, i.colorSpace = ke, i.wrapS = i.wrapT = it, i.repeat.set(1 / e.x, 1 / e.y), i.offset.set(t.x, t.y), i.flipY = !1, i.needsUpdate = !0;
+        const a = this._props.target;
+        a.material && (Array.isArray(a.material) ? a.material.forEach((u) => {
+          var c;
+          (c = u.map) == null || c.dispose(), i ? (u.map = i, u.opacity = 1) : u.opacity = 0;
+        }) : ((l = a.material.map) == null || l.dispose(), i ? (a.material.map = i, a.material.opacity = 1) : (a.material.map = WS, a.material.opacity = 0)));
+      };
     }
-    const r = this._props.target;
-    r.material && (Array.isArray(r.material) ? r.material.forEach((o) => {
-      var a;
-      (a = o.map) == null || a.dispose(), i ? (o.map = i, o.opacity = 1) : o.opacity = 0;
-    }) : ((s = r.material.map) == null || s.dispose(), i ? (r.material.map = i, r.material.opacity = 1) : (r.material.map = WS, r.material.opacity = 0)));
   }
   reset() {
     this._props = this._defaults, this.name = this._props.name, this.imageUrl = this._props.imageUrl, this.target = this._props.target, this.change(this.imageUrl || "");
   }
+  dispose() {
+    this._offscreen = null;
+  }
 }
 class A2 {
   constructor(A) {