@netless/app-slide 0.2.13 → 0.2.15

package/dist/main.es.js

@@ -30518,6 +30518,8 @@ class DocsViewer {
     this.$pageNumberInput.disabled = readonly;
   }
   destroy() {
+    var _a;
+    (_a = this.previewLazyLoad) == null ? void 0 : _a.destroy();
     this.sideEffect.flushAll();
     this.unmount();
   }
@@ -30563,16 +30565,6 @@ class DocsViewer {
       const $preview = document.createElement("div");
       $preview.className = this.wrapClassName("preview") + " tele-fancy-scrollbar";
       this.$preview = $preview;
-      this.sideEffect.add(() => {
-        this.previewLazyLoad = new LazyLoad({
-          container: this.$preview,
-          elements_selector: `.${this.wrapClassName("preview-page>img")}`
-        });
-        return () => {
-          var _a;
-          return (_a = this.previewLazyLoad) == null ? void 0 : _a.destroy();
-        };
-      });
       this.refreshPreview();
       this.sideEffect.addEventListener($preview, "click", (ev) => {
         var _a;
@@ -30740,6 +30732,10 @@ class DocsViewer {
     if (this.isShowPreview) {
       const $previewPage = this.$preview.querySelector("." + this.wrapClassName(`preview-page-${this.pageIndex}`));
       if ($previewPage) {
+        this.previewLazyLoad || (this.previewLazyLoad = new LazyLoad({
+          container: this.$preview,
+          elements_selector: `.${this.wrapClassName("preview-page>img")}`
+        }));
         this.$preview.scrollTo({
           top: $previewPage.offsetTop - 16
         });
@@ -30926,8 +30922,15 @@ const inspect = (arr) => {
 };
 const apps = {
   map: /* @__PURE__ */ new Map(),
+  boxes: /* @__PURE__ */ new Map(),
   queue: [],
   validateQueue() {
+    this.queue.sort((a, b) => {
+      var _a, _b, _c, _d;
+      const za = (_b = (_a = this.boxes.get(a)) == null ? void 0 : _a.zIndex) != null ? _b : 0;
+      const zb = (_d = (_c = this.boxes.get(b)) == null ? void 0 : _c.zIndex) != null ? _d : 0;
+      return -(za - zb);
+    });
     log("[Slide] freezer: validate", inspect(this.queue));
     while (this.queue.length > FreezerLength) {
       const appId = this.queue.pop();
@@ -30938,9 +30941,10 @@ const apps = {
       }
     }
   },
-  set(appId, slide) {
+  set(appId, slide, box) {
     log("[Slide] freezer: add", appId, inspect(this.queue));
     this.map.set(appId, slide);
+    this.boxes.set(appId, box);
     if (!this.queue.includes(appId)) {
       this.queue.unshift(appId);
     }
@@ -30948,6 +30952,7 @@ const apps = {
   },
   delete(appId) {
     this.map.delete(appId);
+    this.boxes.delete(appId);
     this.queue = this.queue.filter((id) => id !== appId);
     log("[Slide] freezer: delete", appId, inspect(this.queue));
   },
@@ -31127,7 +31132,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.13";
+const version = "0.2.15";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
@@ -31170,7 +31175,7 @@ const SlideApp = {
         onPageChanged
       }));
       if (useFreezer)
-        apps.set(context.appId, slideController);
+        apps.set(context.appId, slideController, box);
       logger.setAppController(context.appId, slideController);
       slideController.readyPromise.then(options.onReady).then(() => {
         const room2 = context.getRoom();