@zero-library/common 2.3.11 → 2.3.12

package/dist/index.esm.js

@@ -2089,72 +2089,88 @@ var PdfImagePreview_default = ({ fileUrl, pageNo, scale = 1, isHasThumbnails = t
     }
   }, [zoom, virtualizer]);
   return error ? /* @__PURE__ */ jsx(Result, { status: "error", title: error }) : /* @__PURE__ */ jsxs(Splitter, { className: classNames2(styles_module_default.nsPreviewPdfImage), children: [
-    isHasThumbnails && /* @__PURE__ */ jsx(Splitter.Panel, { resizable: false, min: 400, max: 400, collapsible: true, children: /* @__PURE__ */ jsx("div", { ref: thumbsParentRef, className: classNames2(styles_module_default.pdfImageNav, "height-full", "scroll-fade-in"), children: thumbsVirtualizer.getVirtualItems().map((item) => {
-      return /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          vertical: true,
-          align: "center",
-          className: classNames2(styles_module_default.pdfImageNavItem),
-          style: {
-            top: item.start,
-            height: `${THUMB_IMG_HEIGHT}px`
-          },
-          onClick: () => {
-            virtualizer.scrollToIndex(item.index);
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: classNames2(styles_module_default.pdfImageNavItemImgWrapper, "flex-1", {
-                  [styles_module_default.pdfImageNavItemActive]: item.index === currentIndex
-                }),
-                children: /* @__PURE__ */ jsx("img", { className: styles_module_default.pdfImageNavItemImg, src: images[item.index].thumbnail || images[item.index].imageUrl })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: styles_module_default.pdfImageNavItemTip, children: item.index + 1 })
-          ]
+    isHasThumbnails && /* @__PURE__ */ jsx(Splitter.Panel, { resizable: false, min: 400, max: 400, collapsible: true, children: /* @__PURE__ */ jsx("div", { ref: thumbsParentRef, className: classNames2(styles_module_default.pdfImageNav, "height-full", "scroll-fade-in"), children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          height: `${thumbsVirtualizer.getTotalSize()}px`
         },
-        item.index
-      );
-    }) }) }),
+        children: thumbsVirtualizer.getVirtualItems().map((item) => {
+          return /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              vertical: true,
+              align: "center",
+              className: classNames2(styles_module_default.pdfImageNavItem),
+              style: {
+                top: item.start,
+                height: `${THUMB_IMG_HEIGHT}px`
+              },
+              onClick: () => {
+                virtualizer.scrollToIndex(item.index);
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classNames2(styles_module_default.pdfImageNavItemImgWrapper, "flex-1", {
+                      [styles_module_default.pdfImageNavItemActive]: item.index === currentIndex
+                    }),
+                    children: /* @__PURE__ */ jsx("img", { className: styles_module_default.pdfImageNavItemImg, src: images[item.index].thumbnail || images[item.index].imageUrl })
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: styles_module_default.pdfImageNavItemTip, children: item.index + 1 })
+              ]
+            },
+            item.index
+          );
+        })
+      }
+    ) }) }),
     /* @__PURE__ */ jsx(Splitter.Panel, { children: /* @__PURE__ */ jsxs("div", { className: classNames2("height-full", styles_module_default.pdfImageBody), children: [
       /* @__PURE__ */ jsxs(Flex, { gap: 6, align: "center", className: styles_module_default.pdfImageBodyToolbar, children: [
         /* @__PURE__ */ jsx(Button, { onClick: zoomOut, icon: /* @__PURE__ */ jsx(MinusCircleOutlined, {}), title: "\u7F29\u5C0F" }),
         /* @__PURE__ */ jsx(Button, { onClick: zoomIn, icon: /* @__PURE__ */ jsx(PlusCircleOutlined, {}), title: "\u653E\u5927" }),
         /* @__PURE__ */ jsx(Button, { onClick: zoomFitWidth, icon: /* @__PURE__ */ jsx(ColumnWidthOutlined, {}), title: "\u9002\u5E94\u5BBD\u5EA6" })
       ] }),
-      /* @__PURE__ */ jsx("div", { ref: containerRef, className: "height-full scroll-fade-in", children: virtualizer.getVirtualItems().map((item) => {
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: styles_module_default.pdfImageBodyItem,
-            style: {
-              top: item.start
-            },
-            children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { ref: containerRef, className: "height-full scroll-fade-in", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            height: `${virtualizer.getTotalSize()}px`
+          },
+          children: virtualizer.getVirtualItems().map((item) => {
+            return /* @__PURE__ */ jsx(
               "div",
               {
-                className: classNames2(styles_module_default.pdfImageBodyItemInnerWrapper, "p-8"),
+                className: styles_module_default.pdfImageBodyItem,
                 style: {
-                  width: `${MAIN_IMG_WIDTH * zoom}px`,
-                  height: `${MAIN_IMG_HEIGHT * zoom}px`
+                  top: item.start
                 },
-                children: /* @__PURE__ */ jsx("div", { className: classNames2(styles_module_default.pdfImageBodyItemInner, { [styles_module_default.pdfImageBodyItemActive]: item.index === currentIndex }), children: /* @__PURE__ */ jsx(
-                  "img",
+                children: /* @__PURE__ */ jsx(
+                  "div",
                   {
-                    className: classNames2(styles_module_default.pdfImageBodyItemImg),
-                    src: images[item.index].imageUrl,
-                    loading: item.index === currentIndex ? "eager" : "lazy"
+                    className: classNames2(styles_module_default.pdfImageBodyItemInnerWrapper, "p-8"),
+                    style: {
+                      width: `${MAIN_IMG_WIDTH * zoom}px`,
+                      height: `${MAIN_IMG_HEIGHT * zoom}px`
+                    },
+                    children: /* @__PURE__ */ jsx("div", { className: classNames2(styles_module_default.pdfImageBodyItemInner, { [styles_module_default.pdfImageBodyItemActive]: item.index === currentIndex }), children: /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        className: classNames2(styles_module_default.pdfImageBodyItemImg),
+                        src: images[item.index].imageUrl,
+                        loading: item.index === currentIndex ? "eager" : "lazy"
+                      }
+                    ) })
                   }
-                ) })
-              }
-            )
-          },
-          `${item.index}-${images[item.index].pageNum}`
-        );
-      }) })
+                )
+              },
+              `${item.index}-${images[item.index].pageNum}`
+            );
+          })
+        }
+      ) })
     ] }) })
   ] });
 };