@work-zhanguo/light-file-preview 0.0.13 → 0.0.14

package/README.md

@@ -12,12 +12,13 @@
 
 ## 项目简介
 
-- 当前版本：`0.0.13`
+- 当前版本：`0.0.14`
 - 适用场景：业务系统附件预览、在线查看、弹窗预览、新页面预览
 - 支持 Vue 3、Vue 2 适配入口，以及非 Vue 项目的 standalone 产物
 
 最近更新：
 
+- `0.0.14`：优化 `xlsx` 空白区域填充，移除未声明的表头/首列固定效果，并为 `PDF`、`DOCX` 增加默认分页与全部展示切换
 - `0.0.13`：修复弹窗失败后同文件无法重试、运行时配置更新不生效的问题，补充 README 示例图与发包说明
 - `0.0.12`：修复 `xlsx` 部分单元格背景色、文字颜色和边框颜色未正确展示的问题，补充 `theme / tint / indexed` 颜色解析
 - `0.0.11`：修复 `xlsx` 图片拉伸和底色覆盖问题，优化单元格内容的对齐、换行和数值展示

package/dist/DocxRenderer-Cck1uOjU.js

@@ -0,0 +1,110 @@
+import { defineComponent as P, ref as i, computed as L, watch as _, onMounted as N, onBeforeUnmount as T, openBlock as p, createElementBlock as d, createElementVNode as n, toDisplayString as v, normalizeClass as b, Fragment as B, createCommentVNode as m } from "vue";
+import { r as D } from "./text-Bqxn_tMI.js";
+const R = { class: "lfp-document" }, $ = {
+  key: 0,
+  class: "lfp-page-toolbar"
+}, H = { class: "lfp-page-toolbar__meta" }, S = { class: "lfp-page-toolbar__status" }, V = { class: "lfp-page-toolbar__actions" }, A = ["disabled"], O = { class: "lfp-page-toolbar__pager" }, U = ["disabled"], z = /* @__PURE__ */ P({
+  __name: "DocxRenderer",
+  props: {
+    source: {}
+  },
+  emits: ["loading", "error"],
+  setup(h, { emit: y }) {
+    const x = h, u = y, l = i(null), o = i(0), a = i(1), s = i("paged"), f = new AbortController(), C = L(() => o.value ? s.value === "paged" ? `第 ${a.value} / ${o.value} 页` : `共 ${o.value} 页` : "");
+    function w() {
+      if (!l.value)
+        return [];
+      const t = l.value.querySelector(".docx-wrapper");
+      if (!t)
+        return [];
+      const e = Array.from(t.children).filter(
+        (r) => r instanceof HTMLElement && (r.tagName === "SECTION" || r.classList.contains("docx"))
+      );
+      return e.length ? e : [t];
+    }
+    function c() {
+      const t = w();
+      o.value = t.length || 1, a.value = Math.min(Math.max(a.value, 1), o.value), t.forEach((e, r) => {
+        e.classList.add("lfp-docx-page"), e.dataset.page = String(r + 1), e.hidden = s.value === "paged" && r !== a.value - 1;
+      });
+    }
+    function g(t) {
+      s.value = t;
+    }
+    function M() {
+      a.value = Math.max(a.value - 1, 1);
+    }
+    function k() {
+      a.value = Math.min(a.value + 1, o.value);
+    }
+    async function E() {
+      u("loading", !0);
+      try {
+        const t = await D(x.source, f.signal), { renderAsync: e } = await import("./docx-preview-BV-bQyiM.js");
+        if (!l.value)
+          return;
+        l.value.innerHTML = "", await e(t, l.value, void 0, {
+          className: "lfp-docx-content",
+          ignoreWidth: !1,
+          ignoreHeight: !1,
+          useBase64URL: !0
+        }), c();
+      } catch (t) {
+        u("error", t instanceof Error ? t : new Error("DOCX 预览失败"));
+      } finally {
+        u("loading", !1);
+      }
+    }
+    return _(s, () => {
+      c();
+    }), _(a, () => {
+      s.value === "paged" && c();
+    }), N(() => {
+      E();
+    }), T(() => {
+      f.abort(), l.value && (l.value.innerHTML = "");
+    }), (t, e) => (p(), d("div", R, [
+      o.value ? (p(), d("div", $, [
+        n("div", H, [
+          e[2] || (e[2] = n("span", { class: "lfp-page-toolbar__title" }, "Word 视图", -1)),
+          n("span", S, v(C.value), 1)
+        ]),
+        n("div", V, [
+          n("button", {
+            class: b(["lfp-button is-ghost lfp-page-toolbar__toggle", { "is-active": s.value === "paged" }]),
+            type: "button",
+            onClick: e[0] || (e[0] = (r) => g("paged"))
+          }, " 分页 ", 2),
+          n("button", {
+            class: b(["lfp-button is-ghost lfp-page-toolbar__toggle", { "is-active": s.value === "all" }]),
+            type: "button",
+            onClick: e[1] || (e[1] = (r) => g("all"))
+          }, " 全部 ", 2),
+          s.value === "paged" && o.value > 1 ? (p(), d(B, { key: 0 }, [
+            n("button", {
+              class: "lfp-button is-ghost lfp-page-toolbar__nav",
+              type: "button",
+              disabled: a.value <= 1,
+              onClick: M
+            }, " 上一页 ", 8, A),
+            n("span", O, v(a.value) + " / " + v(o.value), 1),
+            n("button", {
+              class: "lfp-button is-ghost lfp-page-toolbar__nav",
+              type: "button",
+              disabled: a.value >= o.value,
+              onClick: k
+            }, " 下一页 ", 8, U)
+          ], 64)) : m("", !0)
+        ])
+      ])) : m("", !0),
+      n("div", {
+        ref_key: "containerRef",
+        ref: l,
+        class: "lfp-docx"
+      }, null, 512)
+    ]));
+  }
+});
+export {
+  z as default
+};