jit-viewer 1.1.4 → 1.2.0

package/dist/index.js

@@ -13,6 +13,8 @@ const EXTENSION_MAP = {
   "docx": "docx",
   "xlsx": "xlsx",
   "xls": "xls",
+  "csv": "csv",
+  "tsv": "csv",
   "pdf": "pdf",
   "pptx": "pptx",
   "ppt": "ppt",
@@ -32,12 +34,21 @@ const EXTENSION_MAP = {
   "bmp": "image",
   "tiff": "image",
   "tif": "image",
-  "ico": "image"
+  "ico": "image",
+  // 视频格式
+  "mp4": "video",
+  "webm": "video",
+  "ogg": "video",
+  "ogv": "video",
+  "mov": "video"
 };
 const MIME_MAP = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
   "application/vnd.ms-excel": "xls",
+  "text/csv": "csv",
+  "application/csv": "csv",
+  "text/tab-separated-values": "csv",
   "application/pdf": "pdf",
   "application/vnd.openxmlformats-officedocument.presentationml.presentation": "pptx",
   "application/vnd.ms-powerpoint": "ppt",
@@ -56,7 +67,12 @@ const MIME_MAP = {
   "image/bmp": "image",
   "image/tiff": "image",
   "image/x-icon": "image",
-  "image/vnd.microsoft.icon": "image"
+  "image/vnd.microsoft.icon": "image",
+  // 视频 MIME 类型
+  "video/mp4": "video",
+  "video/webm": "video",
+  "video/ogg": "video",
+  "video/quicktime": "video"
 };
 function normalizeMimeType(mimeType) {
   var _a;
@@ -260,6 +276,7 @@ function isSupportedType(type) {
     "docx",
     "xlsx",
     "xls",
+    "csv",
     "pdf",
     "pptx",
     "ppt",
@@ -267,7 +284,9 @@ function isSupportedType(type) {
     "md",
     "markdown",
     "ofd",
-    "html"
+    "html",
+    "image",
+    "video"
   ].includes(type);
 }
 function createEventBus() {
@@ -13869,13 +13888,13 @@ function useViewerState() {
   }
   return context;
 }
-const _hoisted_1$d = ["disabled", "title"];
-const _hoisted_2$8 = { class: "jv-toolbar-btn__icon" };
-const _hoisted_3$3 = {
+const _hoisted_1$f = ["disabled", "title"];
+const _hoisted_2$a = { class: "jv-toolbar-btn__icon" };
+const _hoisted_3$5 = {
   key: 0,
   class: "jv-toolbar-btn__label"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ActionButton",
   props: {
     type: {},
@@ -13899,11 +13918,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         title: __props.title,
         onClick: handleClick
       }, [
-        createBaseVNode("span", _hoisted_2$8, [
+        createBaseVNode("span", _hoisted_2$a, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$d);
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$f);
     };
   }
 });
@@ -13914,11 +13933,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-9abd52f0"]]);
-const _hoisted_1$c = { class: "jv-zoom-control" };
-const _hoisted_2$7 = { class: "jv-zoom-control__value" };
+const ActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-9abd52f0"]]);
+const _hoisted_1$e = { class: "jv-zoom-control" };
+const _hoisted_2$9 = { class: "jv-zoom-control__value" };
 const ZOOM_STEP = 0.1;
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ZoomControl",
   setup(__props) {
     const { t } = useLocale();
@@ -13933,7 +13952,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       resetTransform();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
         createVNode(ActionButton, {
           type: "zoom-out",
           title: unref(t)("toolbar.zoomOut"),
@@ -13967,7 +13986,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           ])]),
           _: 1
         }, 8, ["title"]),
-        createBaseVNode("span", _hoisted_2$7, toDisplayString(Math.round(unref(zoom) * 100)) + "%", 1),
+        createBaseVNode("span", _hoisted_2$9, toDisplayString(Math.round(unref(zoom) * 100)) + "%", 1),
         createVNode(ActionButton, {
           type: "zoom-in",
           title: unref(t)("toolbar.zoomIn"),
@@ -14041,10 +14060,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-874ddbac"]]);
-const _hoisted_1$b = { class: "jv-rotate-control" };
+const ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-874ddbac"]]);
+const _hoisted_1$d = { class: "jv-rotate-control" };
 const ROTATE_STEP = 90;
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "RotateControl",
   setup(__props) {
     const { t } = useLocale();
@@ -14056,7 +14075,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       setRotate(ROTATE_STEP);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createVNode(ActionButton, {
           type: "rotate-left",
           title: unref(t)("toolbar.rotateLeft"),
@@ -14095,22 +14114,22 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RotateControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-ad291658"]]);
-const _hoisted_1$a = {
+const RotateControl = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ad291658"]]);
+const _hoisted_1$c = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
 };
-const _hoisted_2$6 = {
+const _hoisted_2$8 = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FullscreenButton",
   setup(__props) {
     const { t } = useLocale();
@@ -14139,9 +14158,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         onClick: toggleFullscreen
       }, {
         default: withCtx(() => [
-          !isFullscreen.value ? (openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
+          !isFullscreen.value ? (openBlock(), createElementBlock("svg", _hoisted_1$c, [..._cache[0] || (_cache[0] = [
             createBaseVNode("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }, null, -1)
-          ])])) : (openBlock(), createElementBlock("svg", _hoisted_2$6, [..._cache[1] || (_cache[1] = [
+          ])])) : (openBlock(), createElementBlock("svg", _hoisted_2$8, [..._cache[1] || (_cache[1] = [
             createBaseVNode("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)
           ])]))
         ]),
@@ -14150,18 +14169,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$b = {
   key: 0,
   class: "jv-pagination"
 };
-const _hoisted_2$5 = { class: "jv-pagination__info" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_2$7 = { class: "jv-pagination__info" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   setup(__props) {
     const { t } = useLocale();
     const { currentPage, totalPages, prevPage, nextPage } = useViewerState();
     return (_ctx, _cache) => {
-      return unref(totalPages) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return unref(totalPages) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(ActionButton, {
           type: "prev",
           title: unref(t)("toolbar.prevPage"),
@@ -14180,7 +14199,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ])]),
           _: 1
         }, 8, ["title", "disabled", "onClick"]),
-        createBaseVNode("span", _hoisted_2$5, toDisplayString(unref(t)("toolbar.pageInfo", { current: unref(currentPage).toString(), total: unref(totalPages).toString() })), 1),
+        createBaseVNode("span", _hoisted_2$7, toDisplayString(unref(t)("toolbar.pageInfo", { current: unref(currentPage).toString(), total: unref(totalPages).toString() })), 1),
         createVNode(ActionButton, {
           type: "next",
           title: unref(t)("toolbar.nextPage"),
@@ -14203,26 +14222,26 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-97c0759f"]]);
-const _hoisted_1$8 = {
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-97c0759f"]]);
+const _hoisted_1$a = {
   key: 0,
   class: "jv-toolbar__top"
 };
-const _hoisted_2$4 = { class: "jv-toolbar__left" };
-const _hoisted_3$2 = {
+const _hoisted_2$6 = { class: "jv-toolbar__left" };
+const _hoisted_3$4 = {
   key: 0,
   class: "jv-toolbar__filename"
 };
-const _hoisted_4$2 = { class: "jv-toolbar__center" };
-const _hoisted_5$1 = { class: "jv-toolbar__right" };
-const _hoisted_6$1 = {
+const _hoisted_4$4 = { class: "jv-toolbar__center" };
+const _hoisted_5$3 = { class: "jv-toolbar__right" };
+const _hoisted_6$2 = {
   key: 1,
   class: "jv-toolbar__bottom"
 };
-const _hoisted_7$1 = { class: "jv-toolbar__left" };
+const _hoisted_7$2 = { class: "jv-toolbar__left" };
 const _hoisted_8$1 = { class: "jv-toolbar__center" };
 const _hoisted_9 = { class: "jv-toolbar__right" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "Toolbar",
   props: {
     config: {},
@@ -14280,25 +14299,25 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["jv-toolbar", [positionClass.value, { "jv-toolbar--hidden": !__props.visible }]])
       }, [
-        showTop.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
-          createBaseVNode("div", _hoisted_2$4, [
+        showTop.value ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          createBaseVNode("div", _hoisted_2$6, [
             renderSlot(_ctx.$slots, "top-left", {}, () => [
-              unref(filename) ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(unref(filename)), 1)) : createCommentVNode("", true)
+              unref(filename) ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(unref(filename)), 1)) : createCommentVNode("", true)
             ], true)
           ]),
-          createBaseVNode("div", _hoisted_4$2, [
+          createBaseVNode("div", _hoisted_4$4, [
             renderSlot(_ctx.$slots, "top-center", {}, void 0, true)
           ]),
-          createBaseVNode("div", _hoisted_5$1, [
+          createBaseVNode("div", _hoisted_5$3, [
             renderSlot(_ctx.$slots, "top-right", {}, () => [
               hasItem("zoom") ? (openBlock(), createBlock(ZoomControl, { key: 0 })) : createCommentVNode("", true),
               hasItem("rotate") ? (openBlock(), createBlock(RotateControl, { key: 1 })) : createCommentVNode("", true),
-              hasItem("fullscreen") ? (openBlock(), createBlock(_sfc_main$d, { key: 2 })) : createCommentVNode("", true)
+              hasItem("fullscreen") ? (openBlock(), createBlock(_sfc_main$f, { key: 2 })) : createCommentVNode("", true)
             ], true)
           ])
         ])) : createCommentVNode("", true),
-        showBottom.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-          createBaseVNode("div", _hoisted_7$1, [
+        showBottom.value ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+          createBaseVNode("div", _hoisted_7$2, [
             renderSlot(_ctx.$slots, "bottom-left", {}, () => [
               hasItem("pagination") ? (openBlock(), createBlock(Pagination, { key: 0 })) : createCommentVNode("", true)
             ], true)
@@ -14340,7 +14359,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-74d3b30f"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-74d3b30f"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -19466,7 +19485,7 @@ section.${e}>footer { z-index: 1; }
 })(lib$4);
 var libExports$3 = lib$4.exports;
 const VueOfficeDocx = /* @__PURE__ */ getDefaultExportFromCjs(libExports$3);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "DocxRender",
   props: {
     source: {},
@@ -19521,7 +19540,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DocxRender = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-9181c8b1"]]);
+const DocxRender = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-9181c8b1"]]);
 var lib$2 = { exports: {} };
 (function(module, exports$1) {
   !function(e, t) {
@@ -62308,7 +62327,7 @@ var lib$2 = { exports: {} };
 })(lib$2);
 var libExports$2 = lib$2.exports;
 const VueOfficeExcel = /* @__PURE__ */ getDefaultExportFromCjs(libExports$2);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "ExcelRender",
   props: {
     source: {},
@@ -62363,7 +62382,286 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ExcelRender = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-a8c7c89f"]]);
+const ExcelRender = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a8c7c89f"]]);
+const _hoisted_1$9 = { class: "jv-csv-toolbar" };
+const _hoisted_2$5 = { class: "jv-csv-meta" };
+const _hoisted_3$3 = { class: "jv-csv-meta" };
+const _hoisted_4$3 = { class: "jv-csv-scroll" };
+const _hoisted_5$2 = { class: "jv-csv-stage" };
+const _hoisted_6$1 = {
+  key: 0,
+  class: "jv-csv-empty"
+};
+const _hoisted_7$1 = { class: "jv-csv-index" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "CsvRender",
+  props: {
+    source: {},
+    zoom: { default: 1 },
+    proxyUrl: {},
+    requestAdapter: {}
+  },
+  emits: ["load", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit2 = __emit;
+    const containerRef = /* @__PURE__ */ ref();
+    const scrollRef = /* @__PURE__ */ ref();
+    const tableRef = /* @__PURE__ */ ref();
+    const dataRows = /* @__PURE__ */ ref([]);
+    const delimiter = /* @__PURE__ */ ref(",");
+    const fitScale = /* @__PURE__ */ ref(1);
+    const measuredWidth = /* @__PURE__ */ ref(0);
+    const measuredHeight = /* @__PURE__ */ ref(0);
+    const viewportWidth = /* @__PURE__ */ ref(0);
+    let resizeObserver = null;
+    const columnCount = computed(() => {
+      return dataRows.value.reduce((max, row) => Math.max(max, row.length), 0);
+    });
+    const headerRow = computed(() => normalizeRow(dataRows.value[0] || [], columnCount.value));
+    const bodyRows = computed(() => dataRows.value.slice(1).map((row) => normalizeRow(row, columnCount.value)));
+    const delimiterLabel = computed(() => {
+      if (delimiter.value === "	") {
+        return "Tab";
+      }
+      if (delimiter.value === ";") {
+        return ";";
+      }
+      return ",";
+    });
+    const effectiveScale = computed(() => fitScale.value * props.zoom);
+    const fitShellStyle = computed(() => ({
+      width: `${Math.max(viewportWidth.value, measuredWidth.value * effectiveScale.value)}px`,
+      height: `${measuredHeight.value * effectiveScale.value}px`
+    }));
+    const fitContentStyle = computed(() => {
+      return {
+        transform: `scale(${effectiveScale.value})`,
+        transformOrigin: "top left",
+        width: measuredWidth.value ? `${measuredWidth.value}px` : "max-content"
+      };
+    });
+    function ensureResizeObserved() {
+      if (!resizeObserver) {
+        return;
+      }
+      if (scrollRef.value) {
+        resizeObserver.observe(scrollRef.value);
+      }
+      if (tableRef.value) {
+        resizeObserver.observe(tableRef.value);
+      }
+    }
+    function updateScale() {
+      if (!scrollRef.value || !tableRef.value || !dataRows.value.length) {
+        fitScale.value = 1;
+        measuredWidth.value = 0;
+        measuredHeight.value = 0;
+        viewportWidth.value = 0;
+        return;
+      }
+      const nextViewportWidth = Math.max(scrollRef.value.clientWidth, 0);
+      const nextMeasuredWidth = Math.max(tableRef.value.scrollWidth, 0);
+      const nextMeasuredHeight = Math.max(tableRef.value.scrollHeight, 0);
+      viewportWidth.value = nextViewportWidth;
+      measuredWidth.value = nextMeasuredWidth;
+      measuredHeight.value = nextMeasuredHeight;
+      if (nextViewportWidth > 0 && nextMeasuredWidth > 0) {
+        fitScale.value = Math.min(1, nextViewportWidth / nextMeasuredWidth);
+        return;
+      }
+      fitScale.value = 1;
+    }
+    function normalizeRow(row, length) {
+      if (row.length >= length) {
+        return row;
+      }
+      return [...row, ...Array.from({ length: length - row.length }, () => "")];
+    }
+    function decodeCsvBuffer(buffer2) {
+      const bytes = new Uint8Array(buffer2);
+      if (bytes.length >= 3 && bytes[0] === 239 && bytes[1] === 187 && bytes[2] === 191) {
+        return new TextDecoder("utf-8").decode(bytes.slice(3));
+      }
+      if (bytes.length >= 2 && bytes[0] === 255 && bytes[1] === 254) {
+        return new TextDecoder("utf-16le").decode(bytes.slice(2));
+      }
+      if (bytes.length >= 2 && bytes[0] === 254 && bytes[1] === 255) {
+        const swapped = new Uint8Array(bytes.length - 2);
+        for (let index2 = 2; index2 < bytes.length; index2 += 2) {
+          swapped[index2 - 2] = bytes[index2 + 1] ?? 0;
+          swapped[index2 - 1] = bytes[index2];
+        }
+        return new TextDecoder("utf-16le").decode(swapped);
+      }
+      return new TextDecoder("utf-8").decode(bytes);
+    }
+    function countDelimiter(line, target) {
+      let count = 0;
+      let inQuotes = false;
+      for (let index2 = 0; index2 < line.length; index2++) {
+        const char = line[index2];
+        if (char === '"') {
+          if (inQuotes && line[index2 + 1] === '"') {
+            index2++;
+          } else {
+            inQuotes = !inQuotes;
+          }
+          continue;
+        }
+        if (!inQuotes && char === target) {
+          count++;
+        }
+      }
+      return count;
+    }
+    function detectDelimiter(text) {
+      const sampleLines = text.split(/\r?\n/).map((line) => line.trim()).filter(Boolean).slice(0, 10);
+      const candidates = [",", "	", ";"];
+      let resolved = ",";
+      let maxScore = -1;
+      for (const candidate of candidates) {
+        const score = sampleLines.reduce((total, line) => total + countDelimiter(line, candidate), 0);
+        if (score > maxScore) {
+          maxScore = score;
+          resolved = candidate;
+        }
+      }
+      return resolved;
+    }
+    function parseDelimitedText(text, splitChar) {
+      const rows = [];
+      let currentRow = [];
+      let currentCell = "";
+      let inQuotes = false;
+      for (let index2 = 0; index2 < text.length; index2++) {
+        const char = text[index2];
+        const nextChar = text[index2 + 1];
+        if (char === '"') {
+          if (inQuotes && nextChar === '"') {
+            currentCell += '"';
+            index2++;
+          } else {
+            inQuotes = !inQuotes;
+          }
+          continue;
+        }
+        if (!inQuotes && char === splitChar) {
+          currentRow.push(currentCell);
+          currentCell = "";
+          continue;
+        }
+        if (!inQuotes && (char === "\n" || char === "\r")) {
+          if (char === "\r" && nextChar === "\n") {
+            index2++;
+          }
+          currentRow.push(currentCell);
+          rows.push(currentRow);
+          currentRow = [];
+          currentCell = "";
+          continue;
+        }
+        currentCell += char;
+      }
+      if (currentCell.length || currentRow.length) {
+        currentRow.push(currentCell);
+        rows.push(currentRow);
+      }
+      return rows.filter((row) => row.some((cell) => cell.length > 0));
+    }
+    async function loadFile() {
+      try {
+        const buffer2 = await fileToArrayBuffer(props.source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
+        const text = decodeCsvBuffer(buffer2);
+        delimiter.value = detectDelimiter(text);
+        dataRows.value = parseDelimitedText(text, delimiter.value);
+        await nextTick();
+        ensureResizeObserved();
+        updateScale();
+        emit2("load");
+      } catch (error) {
+        emit2("error", error);
+      }
+    }
+    watch(() => props.source, loadFile, { immediate: true });
+    watch(() => props.zoom, () => nextTick(updateScale));
+    watch(columnCount, () => nextTick(updateScale));
+    onMounted(() => {
+      resizeObserver = new ResizeObserver(() => updateScale());
+      ensureResizeObserved();
+    });
+    onUnmounted(() => {
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "jv-file-render jv-file-render--csv"
+      }, [
+        createBaseVNode("div", _hoisted_1$9, [
+          createBaseVNode("span", _hoisted_2$5, "共 " + toDisplayString(dataRows.value.length) + " 行，" + toDisplayString(columnCount.value) + " 列", 1),
+          createBaseVNode("span", _hoisted_3$3, "分隔符：" + toDisplayString(delimiterLabel.value), 1)
+        ]),
+        createBaseVNode("div", _hoisted_4$3, [
+          createBaseVNode("div", _hoisted_5$2, [
+            !dataRows.value.length ? (openBlock(), createElementBlock("div", _hoisted_6$1, "CSV 内容为空")) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              ref_key: "scrollRef",
+              ref: scrollRef,
+              class: "jv-csv-fit-scroll"
+            }, [
+              createBaseVNode("div", {
+                class: "jv-csv-fit-shell",
+                style: normalizeStyle(fitShellStyle.value)
+              }, [
+                createBaseVNode("div", {
+                  class: "jv-csv-fit-content",
+                  style: normalizeStyle(fitContentStyle.value)
+                }, [
+                  createBaseVNode("table", {
+                    ref_key: "tableRef",
+                    ref: tableRef,
+                    class: "jv-csv-table"
+                  }, [
+                    createBaseVNode("thead", null, [
+                      createBaseVNode("tr", null, [
+                        _cache[0] || (_cache[0] = createBaseVNode("th", { class: "jv-csv-index" }, "#", -1)),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(headerRow.value, (cell, index2) => {
+                          return openBlock(), createElementBlock("th", {
+                            key: `head-${index2}`
+                          }, toDisplayString(cell || `列 ${index2 + 1}`), 1);
+                        }), 128))
+                      ])
+                    ]),
+                    createBaseVNode("tbody", null, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(bodyRows.value, (row, rowIndex) => {
+                        return openBlock(), createElementBlock("tr", {
+                          key: `row-${rowIndex}`
+                        }, [
+                          createBaseVNode("td", _hoisted_7$1, toDisplayString(rowIndex + 2), 1),
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, cellIndex) => {
+                            return openBlock(), createElementBlock("td", {
+                              key: `cell-${rowIndex}-${cellIndex}`
+                            }, toDisplayString(cell), 1);
+                          }), 128))
+                        ]);
+                      }), 128))
+                    ])
+                  ], 512)
+                ], 4)
+              ], 4)
+            ], 512))
+          ])
+        ])
+      ], 512);
+    };
+  }
+});
+const CsvRender = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0dc1ca7d"]]);
 var lib$1 = { exports: {} };
 (function(module, exports$1) {
   (function(Q, k) {
@@ -64066,8 +64364,8 @@ var t={4186:(t,e,r)=>{var n=r(3749),i=r(8055),a=TypeError;t.exports=function(t){
 })(lib$1);
 var libExports$1 = lib$1.exports;
 const VueOfficePdf = /* @__PURE__ */ getDefaultExportFromCjs(libExports$1);
-const _hoisted_1$7 = ["src"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["src"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "PdfRender",
   props: {
     source: {},
@@ -64166,12 +64464,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(renderStyle.value),
           frameborder: "0",
           onLoad: handleRendered
-        }, null, 44, _hoisted_1$7))
+        }, null, 44, _hoisted_1$8))
       ], 512);
     };
   }
 });
-const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-32fed398"]]);
+const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-32fed398"]]);
 var lib = { exports: {} };
 (function(module, exports$1) {
   (function(Ma, No) {
@@ -102540,7 +102838,7 @@ echarts.use([` + E + "]);" : "Unknown series " + P));
 })(lib);
 var libExports = lib.exports;
 const VueOfficePptx = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "PptxRender",
   props: {
     source: {},
@@ -102595,9 +102893,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PptxRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b31abca4"]]);
-const _hoisted_1$6 = { class: "jv-text-content" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const PptxRender = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-b31abca4"]]);
+const _hoisted_1$7 = { class: "jv-text-content" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TextRender",
   props: {
     source: {}
@@ -102629,14 +102927,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--text"
       }, [
-        createBaseVNode("pre", _hoisted_1$6, toDisplayString(content.value), 1)
+        createBaseVNode("pre", _hoisted_1$7, toDisplayString(content.value), 1)
       ], 512);
     };
   }
 });
-const TextRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-f5957104"]]);
-const _hoisted_1$5 = ["innerHTML"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const TextRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-f5957104"]]);
+const _hoisted_1$6 = ["innerHTML"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "MarkdownRender",
   props: {
     source: {}
@@ -102760,12 +103058,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: "jv-markdown-content",
           innerHTML: renderedContent.value
-        }, null, 8, _hoisted_1$5)
+        }, null, 8, _hoisted_1$6)
       ], 512);
     };
   }
 });
-const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2d9fb509"]]);
+const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-2d9fb509"]]);
 var dist = { exports: {} };
 /*! For license information please see index.js.LICENSE.txt */
 (function(module, exports$1) {
@@ -128399,12 +128697,12 @@ class LiteOfdAdapter {
     this.instance = null;
   }
 }
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   key: 0,
   class: "jv-ofd-error"
 };
-const _hoisted_2$3 = { class: "jv-ofd-loading" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$4 = { class: "jv-ofd-loading" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "OfdRender",
   props: {
     source: {},
@@ -128635,7 +128933,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--ofd"
       }, [
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
           createBaseVNode("span", null, toDisplayString(error.value), 1)
         ])) : (openBlock(), createElementBlock("div", {
           key: 1,
@@ -128654,7 +128952,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             }, null, 512)
           ], 4)
         ], 512)),
-        withDirectives(createBaseVNode("div", _hoisted_2$3, [
+        withDirectives(createBaseVNode("div", _hoisted_2$4, [
           createBaseVNode("span", null, toDisplayString(t("loading")), 1)
         ], 512), [
           [vShow, loading.value]
@@ -128663,13 +128961,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OfdRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f933a20c"]]);
-const _hoisted_1$3 = { class: "jv-html-loading" };
-const _hoisted_2$2 = {
+const OfdRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f933a20c"]]);
+const _hoisted_1$4 = { class: "jv-html-loading" };
+const _hoisted_2$3 = {
   key: 0,
   class: "jv-html-error"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "HtmlRender",
   props: {
     source: {},
@@ -128932,34 +129230,34 @@ ${document2.documentElement.outerHTML}`;
           onLoad: handleIframeLoad,
           sandbox: "allow-scripts allow-same-origin allow-popups allow-forms allow-top-navigation"
         }, null, 36),
-        withDirectives(createBaseVNode("div", _hoisted_1$3, [..._cache[0] || (_cache[0] = [
+        withDirectives(createBaseVNode("div", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
           createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1),
           createBaseVNode("span", null, "加载中...", -1)
         ])], 512), [
           [vShow, loading.value]
         ]),
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
           createBaseVNode("span", null, toDisplayString(error.value), 1)
         ])) : createCommentVNode("", true)
       ], 512);
     };
   }
 });
-const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-be7a9198"]]);
-const _hoisted_1$2 = {
+const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-be7a9198"]]);
+const _hoisted_1$3 = {
   key: 0,
   class: "jv-image-loading"
 };
-const _hoisted_2$1 = {
+const _hoisted_2$2 = {
   key: 1,
   class: "jv-image-error"
 };
-const _hoisted_3$1 = ["src", "alt"];
-const _hoisted_4$1 = {
+const _hoisted_3$2 = ["src", "alt"];
+const _hoisted_4$2 = {
   key: 2,
   class: "jv-image-info"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ImageRender",
   props: {
     source: {},
@@ -129146,10 +129444,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--image"
       }, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [..._cache[0] || (_cache[0] = [
           createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1),
           createBaseVNode("span", null, "加载中...", -1)
-        ])])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+        ])])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
           _cache[1] || (_cache[1] = createBaseVNode("svg", {
             viewBox: "0 0 24 24",
             fill: "none",
@@ -129198,7 +129496,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             draggable: "false",
             onLoad: handleImageLoad,
             onError: handleImageError
-          }, null, 44, _hoisted_3$1)) : createCommentVNode("", true)
+          }, null, 44, _hoisted_3$2)) : createCommentVNode("", true)
         ], 34), [
           [vShow, !loading.value && !error.value]
         ]),
@@ -129208,7 +129506,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             title: "放大",
             onClick: zoomIn
           }, [..._cache[2] || (_cache[2] = [
-            createStaticVNode('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-40d06872><circle cx="11" cy="11" r="8" data-v-40d06872></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-v-40d06872></line><line x1="11" y1="8" x2="11" y2="14" data-v-40d06872></line><line x1="8" y1="11" x2="14" y2="11" data-v-40d06872></line></svg>', 1)
+            createStaticVNode('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-4810f73a><circle cx="11" cy="11" r="8" data-v-4810f73a></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-v-4810f73a></line><line x1="11" y1="8" x2="11" y2="14" data-v-4810f73a></line><line x1="8" y1="11" x2="14" y2="11" data-v-4810f73a></line></svg>', 1)
           ])]),
           createBaseVNode("button", {
             class: "jv-image-btn",
@@ -129347,12 +129645,195 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ], -1)
           ])])
         ]),
-        imageInfo.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(imageInfo.value.width) + " × " + toDisplayString(imageInfo.value.height) + " | " + toDisplayString(formatFileSize(imageInfo.value.size)), 1)) : createCommentVNode("", true)
+        imageInfo.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, toDisplayString(imageInfo.value.width) + " × " + toDisplayString(imageInfo.value.height) + " | " + toDisplayString(formatFileSize(imageInfo.value.size)), 1)) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+const ImageRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4810f73a"]]);
+const _hoisted_1$2 = {
+  key: 0,
+  class: "jv-video-error"
+};
+const _hoisted_2$1 = {
+  key: 1,
+  class: "jv-video-stage"
+};
+const _hoisted_3$1 = { class: "jv-video-loading" };
+const _hoisted_4$1 = ["src", "title"];
+const _hoisted_5$1 = {
+  key: 0,
+  class: "jv-video-info"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "VideoRender",
+  props: {
+    source: {},
+    zoom: { default: 1 },
+    proxyUrl: {},
+    requestAdapter: {}
+  },
+  emits: ["load", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit2 = __emit;
+    const containerRef = /* @__PURE__ */ ref();
+    const videoRef = /* @__PURE__ */ ref();
+    const loading = /* @__PURE__ */ ref(true);
+    const error = /* @__PURE__ */ ref(null);
+    const videoSrc = /* @__PURE__ */ ref("");
+    const videoName = /* @__PURE__ */ ref("");
+    const videoInfo = /* @__PURE__ */ ref(null);
+    const stageStyle = computed(() => {
+      if (props.zoom === 1) {
+        return {};
+      }
+      return {
+        transform: `scale(${props.zoom})`,
+        transformOrigin: "top center"
+      };
+    });
+    function cleanupObjectUrl() {
+      if (videoSrc.value.startsWith("blob:")) {
+        URL.revokeObjectURL(videoSrc.value);
+      }
+      videoSrc.value = "";
+    }
+    async function loadVideo() {
+      try {
+        loading.value = true;
+        error.value = null;
+        cleanupObjectUrl();
+        const blob = await fileToBlob(props.source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
+        videoSrc.value = URL.createObjectURL(blob);
+        videoName.value = getFilename(props.source);
+        videoInfo.value = {
+          width: 0,
+          height: 0,
+          duration: 0,
+          size: blob.size
+        };
+      } catch (err) {
+        loading.value = false;
+        error.value = err;
+        emit2("error", err);
+      }
+    }
+    function handleLoadedMetadata() {
+      if (!videoRef.value || !videoInfo.value) {
+        return;
+      }
+      videoInfo.value = {
+        ...videoInfo.value,
+        width: videoRef.value.videoWidth,
+        height: videoRef.value.videoHeight,
+        duration: videoRef.value.duration
+      };
+      loading.value = false;
+      emit2("load");
+    }
+    function handleVideoError() {
+      loading.value = false;
+      error.value = new Error("视频加载失败");
+      emit2("error", error.value);
+    }
+    function formatFileSize(bytes) {
+      if (bytes === 0) {
+        return "0 B";
+      }
+      const base = 1024;
+      const units = ["B", "KB", "MB", "GB"];
+      const index2 = Math.min(Math.floor(Math.log(bytes) / Math.log(base)), units.length - 1);
+      return `${parseFloat((bytes / Math.pow(base, index2)).toFixed(2))} ${units[index2]}`;
+    }
+    function formatDuration(duration) {
+      if (!Number.isFinite(duration) || duration <= 0) {
+        return "00:00";
+      }
+      const totalSeconds = Math.floor(duration);
+      const hours = Math.floor(totalSeconds / 3600);
+      const minutes = Math.floor(totalSeconds % 3600 / 60);
+      const seconds = totalSeconds % 60;
+      if (hours > 0) {
+        return [hours, minutes, seconds].map((value) => value.toString().padStart(2, "0")).join(":");
+      }
+      return [minutes, seconds].map((value) => value.toString().padStart(2, "0")).join(":");
+    }
+    watch(() => props.source, loadVideo, { immediate: true });
+    onUnmounted(() => {
+      cleanupObjectUrl();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "jv-file-render jv-file-render--video"
+      }, [
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+          _cache[0] || (_cache[0] = createBaseVNode("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, [
+            createBaseVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10"
+            }),
+            createBaseVNode("line", {
+              x1: "12",
+              y1: "8",
+              x2: "12",
+              y2: "12"
+            }),
+            createBaseVNode("line", {
+              x1: "12",
+              y1: "16",
+              x2: "12.01",
+              y2: "16"
+            })
+          ], -1)),
+          createBaseVNode("span", null, toDisplayString(error.value.message || "视频加载失败"), 1)
+        ])) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          withDirectives(createBaseVNode("div", _hoisted_3$1, [..._cache[1] || (_cache[1] = [
+            createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1),
+            createBaseVNode("span", null, "加载中...", -1)
+          ])], 512), [
+            [vShow, loading.value]
+          ]),
+          createBaseVNode("div", {
+            class: "jv-video-stage__inner",
+            style: normalizeStyle(stageStyle.value)
+          }, [
+            videoSrc.value ? (openBlock(), createElementBlock("video", {
+              key: 0,
+              ref_key: "videoRef",
+              ref: videoRef,
+              class: "jv-video-player",
+              src: videoSrc.value,
+              title: videoName.value,
+              controls: "",
+              preload: "metadata",
+              playsinline: "",
+              onLoadedmetadata: handleLoadedMetadata,
+              onError: handleVideoError
+            }, null, 40, _hoisted_4$1)) : createCommentVNode("", true)
+          ], 4),
+          videoInfo.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+            createBaseVNode("span", null, toDisplayString(videoInfo.value.width) + " × " + toDisplayString(videoInfo.value.height), 1),
+            createBaseVNode("span", null, toDisplayString(formatDuration(videoInfo.value.duration)), 1),
+            createBaseVNode("span", null, toDisplayString(formatFileSize(videoInfo.value.size)), 1)
+          ])) : createCommentVNode("", true)
+        ]))
       ], 512);
     };
   }
 });
-const ImageRender = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-40d06872"]]);
+const VideoRender = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-39a588be"]]);
 const _hoisted_1$1 = ["src"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Watermark",
@@ -129485,13 +129966,16 @@ const _hoisted_4 = { class: "jv-empty-text" };
 const _hoisted_5 = { class: "jv-viewer__loading-overlay" };
 const _hoisted_6 = { class: "jv-loading-text" };
 const _hoisted_7 = {
-  key: 9,
+  key: 11,
   class: "jv-viewer__unsupported"
 };
 const _hoisted_8 = {
-  key: 10,
+  key: 12,
   class: "jv-viewer__unsupported"
 };
+const BRANDING_LINK = "https://github.com/jitOffice/jit-viewer-sdk";
+const BRANDING_TITLE = "JitViewer";
+const BRANDING_TEXT = "提供文档预览支持";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Viewer",
   props: {
@@ -129529,6 +130013,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let viewerRoot = null;
     let copyrightObserver = null;
     let copyrightCheckInterval = null;
+    let copyrightHeadObserver = null;
     const events = createEventBus();
     const { t, setLocale } = useLocaleProvider(props.locale);
     const viewerRefForTheme = computed(() => viewerRef.value || null);
@@ -129619,32 +130104,141 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    function checkCopyright() {
-      const branding = brandingRef.value;
-      if (!branding) return false;
-      if (!viewerRoot) {
-        viewerRoot = branding.closest(".jv-viewer");
+    function resolveViewerRoot() {
+      var _a2;
+      if (viewerRoot && document.body.contains(viewerRoot)) {
+        return viewerRoot;
+      }
+      viewerRoot = ((_a2 = brandingRef.value) == null ? void 0 : _a2.closest(".jv-viewer")) || viewerRef.value || null;
+      return viewerRoot;
+    }
+    function setImportantStyle(element, styles) {
+      Object.entries(styles).forEach(([key, value]) => {
+        element.style.setProperty(key, value, "important");
+      });
+    }
+    function ensureBrandingStructure(repair = true) {
+      const root = resolveViewerRoot();
+      if (!root || !document.body.contains(root)) {
+        return null;
       }
-      if (!viewerRoot || !document.body.contains(viewerRoot)) {
+      let branding = brandingRef.value && root.contains(brandingRef.value) ? brandingRef.value : root.querySelector(".jv-viewer__branding");
+      if (!branding) {
+        if (!repair) {
+          return null;
+        }
+        branding = document.createElement("div");
+        branding.className = "jv-viewer__branding";
+        root.appendChild(branding);
+      }
+      let link = branding.querySelector(".jv-branding-link");
+      if (!link) {
+        if (!repair) {
+          return null;
+        }
+        link = document.createElement("a");
+        branding.appendChild(link);
+      }
+      let textNode = branding.querySelector(".jv-branding-text");
+      if (!textNode) {
+        if (!repair) {
+          return null;
+        }
+        textNode = document.createElement("span");
+        branding.appendChild(textNode);
+      }
+      if (repair) {
+        link.className = "jv-branding-link";
+        link.href = BRANDING_LINK;
+        link.target = "_blank";
+        link.rel = "noopener noreferrer";
+        link.textContent = BRANDING_TITLE;
+        textNode.className = "jv-branding-text";
+        textNode.textContent = BRANDING_TEXT;
+        setImportantStyle(branding, {
+          display: "flex",
+          visibility: "visible",
+          opacity: "1",
+          position: "relative",
+          padding: "8px 16px",
+          "text-align": "center",
+          "font-size": "12px",
+          "line-height": "1.5",
+          "flex-shrink": "0",
+          "align-items": "center",
+          "justify-content": "center",
+          gap: "4px",
+          background: "var(--jv-bg-secondary)",
+          color: "var(--jv-text-secondary)",
+          border: "0",
+          "border-top": "1px solid var(--jv-border-color)",
+          overflow: "visible",
+          clip: "auto",
+          "clip-path": "none",
+          transform: "none",
+          "pointer-events": "auto",
+          "min-height": "32px",
+          width: "auto",
+          height: "auto",
+          "max-width": "100%"
+        });
+        setImportantStyle(link, {
+          display: "inline",
+          visibility: "visible",
+          opacity: "1",
+          color: "var(--jv-primary-color)",
+          "text-decoration": "none",
+          "font-weight": "500",
+          "pointer-events": "auto"
+        });
+        setImportantStyle(textNode, {
+          display: "inline",
+          visibility: "visible",
+          opacity: "1",
+          color: "var(--jv-text-secondary)"
+        });
+      }
+      brandingRef.value = branding;
+      return {
+        branding,
+        link,
+        textNode
+      };
+    }
+    function isElementEffectivelyHidden(element) {
+      const style = window.getComputedStyle(element);
+      const rect = element.getBoundingClientRect();
+      return style.display === "none" || style.visibility === "hidden" || style.visibility === "collapse" || Number.parseFloat(style.opacity || "1") === 0 || rect.width <= 1 || rect.height <= 1;
+    }
+    function handleCopyrightTamper() {
+      ensureBrandingStructure(true);
+      showCopyrightWarning();
+    }
+    function checkCopyright() {
+      const root = resolveViewerRoot();
+      if (!root || !document.body.contains(root)) {
         return false;
       }
-      if (!viewerRoot.contains(branding)) {
-        showCopyrightWarning();
+      const brandingState = ensureBrandingStructure(false);
+      if (!brandingState) {
         return false;
       }
-      const link = branding.querySelector(".jv-branding-link");
-      if (!link) {
-        showCopyrightWarning();
+      const { branding, link, textNode } = brandingState;
+      if (!root.contains(branding)) {
+        handleCopyrightTamper();
         return false;
       }
-      const href = link.getAttribute("href");
-      if (href !== "https://github.com/jitOffice/jit-viewer-sdk") {
-        showCopyrightWarning();
+      if (link.getAttribute("href") !== BRANDING_LINK || link.textContent !== BRANDING_TITLE || textNode.textContent !== BRANDING_TEXT) {
+        handleCopyrightTamper();
         return false;
       }
       const text = branding.textContent || "";
-      if (!text.includes("JitViewer") || !text.includes("提供文档预览支持")) {
-        showCopyrightWarning();
+      if (!text.includes(BRANDING_TITLE) || !text.includes(BRANDING_TEXT)) {
+        handleCopyrightTamper();
+        return false;
+      }
+      if (isElementEffectivelyHidden(branding) || isElementEffectivelyHidden(link) || isElementEffectivelyHidden(textNode)) {
+        handleCopyrightTamper();
         return false;
       }
       return true;
@@ -129741,7 +130335,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
         }
       }
-      copyrightCheckInterval = setInterval(checkCopyright, 1e3);
+      copyrightHeadObserver = new MutationObserver(() => {
+        checkCopyright();
+      });
+      if (document.head) {
+        copyrightHeadObserver.observe(document.head, {
+          childList: true,
+          subtree: true,
+          attributes: true,
+          characterData: true
+        });
+      }
+      copyrightCheckInterval = setInterval(checkCopyright, 500);
     }
     function stopCopyrightProtection() {
       if (copyrightObserver) {
@@ -129752,6 +130357,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         clearInterval(copyrightCheckInterval);
         copyrightCheckInterval = null;
       }
+      if (copyrightHeadObserver) {
+        copyrightHeadObserver.disconnect();
+        copyrightHeadObserver = null;
+      }
       viewerRoot = null;
     }
     async function mount(target) {
@@ -129935,17 +130544,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "request-adapter": requestAdapter.value,
                   onLoad: handleLoad,
                   onError: handleError2
-                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "pdf" ? (openBlock(), createBlock(unref(PdfRender), {
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "csv" ? (openBlock(), createBlock(unref(CsvRender), {
                   key: 2,
                   source: unref(fileSource),
                   zoom: unref(zoom),
                   "proxy-url": proxyUrl.value,
                   "request-adapter": requestAdapter.value,
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "pdf" ? (openBlock(), createBlock(unref(PdfRender), {
+                  key: 3,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
                   "pdf-render": pdfRenderMode.value,
                   onLoad: handleLoad,
                   onError: handleError2
                 }, null, 8, ["source", "zoom", "proxy-url", "request-adapter", "pdf-render"])) : unref(fileType) === "pptx" || unref(fileType) === "ppt" ? (openBlock(), createBlock(unref(PptxRender), {
-                  key: 3,
+                  key: 4,
                   source: unref(fileSource),
                   zoom: unref(zoom),
                   "proxy-url": proxyUrl.value,
@@ -129953,17 +130570,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onLoad: handleLoad,
                   onError: handleError2
                 }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "txt" ? (openBlock(), createBlock(unref(TextRender), {
-                  key: 4,
+                  key: 5,
                   source: unref(fileSource),
                   onLoad: handleLoad,
                   onError: handleError2
                 }, null, 8, ["source"])) : unref(fileType) === "md" || unref(fileType) === "markdown" ? (openBlock(), createBlock(unref(MarkdownRender), {
-                  key: 5,
+                  key: 6,
                   source: unref(fileSource),
                   onLoad: handleLoad,
                   onError: handleError2
                 }, null, 8, ["source"])) : unref(fileType) === "ofd" ? (openBlock(), createBlock(unref(OfdRender), {
-                  key: 6,
+                  key: 7,
                   ref_key: "ofdRenderRef",
                   ref: ofdRenderRef,
                   source: unref(fileSource),
@@ -129974,7 +130591,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onError: handleError2,
                   onPageChange: handleOfdPageChange
                 }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "html" ? (openBlock(), createBlock(unref(HtmlRender), {
-                  key: 7,
+                  key: 8,
                   source: unref(fileSource),
                   zoom: unref(zoom),
                   "proxy-url": proxyUrl.value,
@@ -129982,12 +130599,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onLoad: handleLoad,
                   onError: handleError2
                 }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "image" ? (openBlock(), createBlock(unref(ImageRender), {
-                  key: 8,
+                  key: 9,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source", "zoom"])) : unref(fileType) === "video" ? (openBlock(), createBlock(unref(VideoRender), {
+                  key: 10,
                   source: unref(fileSource),
                   zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
                   onLoad: handleLoad,
                   onError: handleError2
-                }, null, 8, ["source", "zoom"])) : unref(fileType) === "unknown" && unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[2] || (_cache[2] = [
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "unknown" && unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[2] || (_cache[2] = [
                   createBaseVNode("span", null, "未知文件类型", -1)
                 ])])) : (openBlock(), createElementBlock("div", _hoisted_8, [
                   createBaseVNode("span", null, toDisplayString(unref(t)("error.unsupportedType")), 1)
@@ -130014,7 +130639,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a7f7368"]]);
+const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b10b4a5f"]]);
 function createViewer(options) {
   const events = createEventBus();
   let app = null;
@@ -130170,6 +130795,7 @@ const JitViewer = {
   Viewer
 };
 export {
+  CsvRender,
   DocxRender,
   ExcelRender,
   HtmlRender,
@@ -130180,6 +130806,7 @@ export {
   PptxRender,
   TextRender,
   Toolbar,
+  VideoRender,
   Viewer,
   Watermark,
   createElement,