@netless/app-slide 0.0.20 → 0.0.21

package/dist/main.es.js

@@ -30477,6 +30477,18 @@ void main() {
       const i2 = new hs();
       i2.drawRect(0, 0, t2.width, t2.height), this.container.addChild(i2);
     }
+    get width() {
+      return this.json.width;
+    }
+    get height() {
+      return this.json.height;
+    }
+    get x() {
+      return this.json.position.x;
+    }
+    get y() {
+      return this.json.position.y;
+    }
     getTextElement(t2, e2) {
       return t2 === "paragraph" ? this.paragraphs[e2[0]] : null;
     }
@@ -30691,7 +30703,23 @@ void main() {
     render() {
       var t2, e2, n2, r2, i2, o2;
       return $u(this, void 0, void 0, function* () {
-        if (yield this.createBackgroundMask(), yield this.createBackground(), yield this.subClassRender(), yield this.createFilledPathMask(), yield this.createPathMask(), yield this.createPathFill(), yield this.createArrow(), this.text && (yield this.text.render()), ((t2 = this.json.textBody) === null || t2 === void 0 ? void 0 : t2.iterateType) === "wd" || ((e2 = this.json.textBody) === null || e2 === void 0 ? void 0 : e2.iterateType) === "lt" ? (this.renderContainer.addChild(this.container), this.text && (this.text.container.position.x = (r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.x) !== null && r2 !== void 0 ? r2 : 0, this.text.container.position.y = (o2 = (i2 = this.json.position) === null || i2 === void 0 ? void 0 : i2.y) !== null && o2 !== void 0 ? o2 : 0, this.renderContainer.addChild(this.text.container))) : (this.text && this.container.addChild(this.text.container), this.renderContainer.addChild(this.container)), this.json.cacheAsBitMap, this.json.id === "background") {
+        if (yield this.createBackgroundMask(), yield this.createBackground(), yield this.subClassRender(), yield this.createFilledPathMask(), yield this.createPathMask(), yield this.createPathFill(), yield this.createArrow(), this.text && (yield this.text.render()), ((t2 = this.json.textBody) === null || t2 === void 0 ? void 0 : t2.iterateType) === "wd" || ((e2 = this.json.textBody) === null || e2 === void 0 ? void 0 : e2.iterateType) === "lt")
+          this.renderContainer.addChild(this.container), this.text && (this.text.container.position.x = (r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.x) !== null && r2 !== void 0 ? r2 : 0, this.text.container.position.y = (o2 = (i2 = this.json.position) === null || i2 === void 0 ? void 0 : i2.y) !== null && o2 !== void 0 ? o2 : 0, this.renderContainer.addChild(this.text.container));
+        else {
+          if (this.text) {
+            if (Object(a.isBoolean)(this.json.textRotateWithShape) && !this.json.textRotateWithShape) {
+              const t3 = this.json.rotation || 0;
+              this.text.container.rotation = -t3;
+              const { width: e3 } = this.text;
+              this.text.container.position.x = e3;
+            }
+            this.container.addChild(this.text.container);
+          }
+          this.renderContainer.addChild(this.container);
+        }
+        if (this.json.cacheAsBitMap && setTimeout(() => {
+          this.renderContainer.cacheAsBitmap = true;
+        }, 333), this.json.id === "background") {
           const t3 = Tn.create({ width: this.json.width, height: this.json.height });
           this.ctx.renderer.render(this.renderContainer, { renderTexture: t3 }), this.ctx.bgTexture = t3;
         }
@@ -31047,7 +31075,7 @@ void main() {
   };
   class ll extends tl {
     constructor(t2, e2, n2) {
-      super(Object.assign(Object.assign({}, t2), { type: "Shape", useBgFill: false }), e2, n2), this.picTextureId = "", this.picSprite = new ms(), this.picMask = new ms(), this.cmd = new su(this), this.picFill = t2.picFill, this.media = t2 == null ? void 0 : t2.media;
+      super(Object.assign(Object.assign({}, t2), { type: "Shape", useBgFill: false, textRotateWithShape: true }), e2, n2), this.picTextureId = "", this.picSprite = new ms(), this.picMask = new ms(), this.cmd = new su(this), this.picFill = t2.picFill, this.media = t2 == null ? void 0 : t2.media;
     }
     applyCommand(t2, e2) {
       var n2, r2, i2, o2, s3;
@@ -32632,9 +32660,10 @@ void main(void){
     render(t2) {
       const { items: e2, width: n2, height: r2 } = t2, i2 = new Fe();
       e2.forEach((t3) => {
-        if (t3.item.blipFillObject)
-          t3.item.blipFillObject.position.x += t3.x + 2, t3.item.blipFillObject.position.y += t3.y + 2, i2.addChild(t3.item.blipFillObject);
-        else {
+        if (t3.item.blipFillObject) {
+          const { width: e3, height: n3 } = t3;
+          t3.item.blipFillObject.position.x += t3.x + 2 + e3 / 2, t3.item.blipFillObject.position.y += t3.y + 2 + n3 / 2, t3.item.blipFillObject.anchor.x = 0.5, t3.item.blipFillObject.anchor.y = 0.5, t3.item.blipFillObject.rotation = t3.item.rotate / 180 * Math.PI, i2.addChild(t3.item.blipFillObject);
+        } else {
           const e3 = mh(t3.item.fill, t3.width - 4, t3.height - 4);
           if (e3)
             e3.position.x += t3.x + 2, e3.position.y += t3.y + 2, i2.addChild(e3);
@@ -32664,33 +32693,34 @@ void main(void){
       return this.spriteTextures.getGifFrames(t2);
     }
     addFill(t2, e2, n2, r2) {
-      const i2 = JSON.stringify(t2) + e2 + n2, o2 = Au()(i2);
-      if (this.textures[o2])
-        return o2;
-      if (this.fillStyles.findIndex((t3) => t3.id === o2) >= 0)
-        return o2;
+      var i2;
+      const o2 = JSON.stringify(t2) + e2 + n2, s3 = Au()(o2);
+      if (this.textures[s3])
+        return s3;
+      if (this.fillStyles.findIndex((t3) => t3.id === s3) >= 0)
+        return s3;
       if (t2.fillType !== "blipFill") {
         const i3 = { x: 0, y: 0 };
-        t2.fillType === "solidFill" && (e2 += 2, n2 += 2, i3.x = 1, i3.y = 1), this.fillStyles.push({ fill: t2, width: e2, height: n2, id: o2, name: r2, pivot: i3 });
+        t2.fillType === "solidFill" && (e2 += 2, n2 += 2, i3.x = 1, i3.y = 1), this.fillStyles.push({ fill: t2, width: e2, height: n2, id: s3, name: r2, pivot: i3 });
       } else {
-        const e3 = this.spriteTextures.getTexture(t2.src);
+        const e3 = this.spriteTextures.getTexture(t2.src), n3 = this.spriteTextures.getFrameData(t2.src);
         if (e3) {
-          const n3 = new ms();
-          n3.texture = e3, t2.filters.length > 0 && (n3.filters = function(t3) {
+          const r3 = new ms();
+          r3.texture = e3, t2.filters.length > 0 && (r3.filters = function(t3) {
             const e4 = [];
             return t3.forEach((t4) => {
               if (t4.type === "biLevel")
                 e4.push(new xh("biLevel", t4.args[0]));
               else if (t4.type === "clrChange") {
-                const n4 = vu(t4.args[0]), r3 = vu(t4.args[1]);
-                e4.push(new Sh("clrChange", n4, r3));
+                const n4 = vu(t4.args[0]), r4 = vu(t4.args[1]);
+                e4.push(new Sh("clrChange", n4, r4));
               } else
                 t4.type === "alphaModFix" && e4.push(new xh(t4.type, t4.args[0]));
             }), e4;
-          }(t2.filters)), this.fillStyles.push({ fill: t2, width: e3.width, height: e3.height, id: o2, blipFillObject: n3, pivot: { x: 0, y: 0 } });
+          }(t2.filters)), this.fillStyles.push({ fill: t2, width: (n3 == null ? void 0 : n3.rotate) ? e3.height : e3.width, height: (n3 == null ? void 0 : n3.rotate) ? e3.width : e3.height, id: s3, blipFillObject: r3, pivot: { x: 0, y: 0 }, rotate: (i2 = n3 == null ? void 0 : n3.rotate) !== null && i2 !== void 0 ? i2 : 0 });
         }
       }
-      return o2;
+      return s3;
     }
     pack() {
       const t2 = this.fillStyles.filter((t3) => !(!t3.fill.fillType || t3.fill.fillType === "noFill" || t3.width === 0 || t3.height === 0) || (this.textures[t3.id] = { texture: null, pivot: { x: 0, y: 0 } }, false));
@@ -32816,11 +32846,14 @@ void main(void){
   };
   class Ah {
     constructor(t2) {
-      this.gifs = Object.create(null), this.textures = Object.create(null), this.spriteSheets = [], this.isLoaded = false, this.loader = t2;
+      this.gifs = Object.create(null), this.textures = Object.create(null), this.frames = Object.create(null), this.spriteSheets = [], this.isLoaded = false, this.loader = t2;
     }
     getTexture(t2) {
       return this.textures[t2] || null;
     }
+    getFrameData(t2) {
+      return this.frames[t2];
+    }
     getGifFrames(t2) {
       return this.gifs[t2] ? this.gifs[t2].filter((t3) => !!t3) : [];
     }
@@ -32841,7 +32874,7 @@ void main(void){
             const r3 = parseInt(e3[2], 10);
             this.gifs[n3][r3] = a2.textures[t3];
           } else
-            this.textures[t3] = a2.textures[t3];
+            this.frames[t3] = r2.frames[t3], this.textures[t3] = a2.textures[t3];
         });
       });
     }