@jc-times/business-ui 0.3.1 → 0.4.0

package/dist/document-viewer-v2/DocumentViewerV2.js

@@ -1,20 +1,21 @@
 import { DocumentViewer as e } from "../document-viewer/DocumentViewer.js";
-import { Suspense as t, lazy as n, useCallback as r, useMemo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { pdfFontFallback as t } from "./pdf-font-fallback.js";
+import { Suspense as n, lazy as r, useCallback as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/document-viewer-v2/DocumentViewerV2.tsx
-var s = n(() => import("@embedpdf/react-pdf-viewer").then((e) => ({ default: e.PDFViewer }))), c = n(() => import("./HeadlessPdfViewer.js")), l = [
+var c = r(() => import("@embedpdf/react-pdf-viewer").then((e) => ({ default: e.PDFViewer }))), l = r(() => import("./HeadlessPdfViewer.js")), u = [
 	"annotation",
 	"redaction",
 	"insert",
 	"form"
-], u = "data-business-ui-document-viewer-v2-toolbar", d = "\n[data-epdf-i=\"main-toolbar\"] {\n  min-height: 52px;\n  gap: 8px;\n  padding: 7px 12px;\n  border-bottom-color: var(--ui-border, #dde0eb);\n  background: var(--ui-surface, #fff);\n  box-shadow: 0 1px 0 color-mix(in srgb, var(--ui-text, #242837) 3%, transparent);\n}\n\n[data-epdf-i=\"main-toolbar\"] [data-epdf-i$=\"-group\"] {\n  gap: 4px;\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]) {\n  width: 36px;\n  min-width: 36px;\n  height: 36px;\n  padding: 7px;\n  border: 1px solid transparent;\n  border-radius: var(--ui-radius, 8px);\n  color: var(--ui-muted, #70778b);\n  background: transparent;\n  box-shadow: none;\n  transition:\n    color var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease),\n    background-color var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease),\n    border-color var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease),\n    box-shadow var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease);\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]):hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--ui-primary, #5965a8) 22%, var(--ui-border, #dde0eb));\n  color: var(--ui-primary-hover, #414a78);\n  background: var(--ui-primary-soft, #eef0fb);\n  box-shadow: none;\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]):focus-visible {\n  border-color: var(--ui-primary, #5965a8);\n  outline: 3px solid var(--ui-focus, rgb(89 101 168 / 28%));\n  outline-offset: 1px;\n}\n\n[data-epdf-i=\"main-toolbar\"] button.bg-interactive-selected {\n  border-color: color-mix(in srgb, var(--ui-primary, #5965a8) 42%, var(--ui-border, #dde0eb));\n  color: var(--ui-primary-hover, #414a78);\n  background: var(--ui-primary-soft, #eef0fb);\n  box-shadow: 0 1px 3px color-mix(in srgb, var(--ui-primary, #5965a8) 16%, transparent);\n}\n\n[data-epdf-i=\"main-toolbar\"] button:disabled {\n  opacity: .48;\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]) > svg {\n  width: 20px;\n  height: 20px;\n}\n\n[data-epdf-i=\"zoom-toolbar\"] > .relative > .flex {\n  height: 36px;\n  padding-left: 8px;\n  overflow: hidden;\n  border: 1px solid var(--ui-border, #dde0eb);\n  border-radius: var(--ui-radius, 8px);\n  color: var(--ui-text, #242837);\n  background: var(--ui-surface, #fff);\n}\n\n[data-epdf-i=\"zoom-toolbar\"] input[name=\"zoom\"] {\n  width: 36px;\n  color: var(--ui-text, #242837);\n  font-weight: 700;\n}\n\n[data-epdf-i=\"zoom-toolbar\"] > .relative > .flex > button {\n  width: 34px;\n  min-width: 34px;\n  height: 34px;\n  padding: 7px;\n  border: 0;\n  border-radius: 6px;\n}\n\n[data-epdf-i=\"main-toolbar\"] [aria-hidden=\"true\"] > div {\n  background: var(--ui-border, #dde0eb);\n}\n\n@container (max-width: 640px) {\n  [data-epdf-i=\"main-toolbar\"] {\n    min-height: 56px;\n    padding: 7px 8px;\n  }\n\n  [data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]) {\n    width: 40px;\n    min-width: 40px;\n    height: 40px;\n  }\n}\n";
-function f(e) {
+], d = "data-business-ui-document-viewer-v2-toolbar", f = "\n[data-epdf-i=\"main-toolbar\"] {\n  min-height: 52px;\n  gap: 8px;\n  padding: 7px 12px;\n  border-bottom-color: var(--ui-border, #dde0eb);\n  background: var(--ui-surface, #fff);\n  box-shadow: 0 1px 0 color-mix(in srgb, var(--ui-text, #242837) 3%, transparent);\n}\n\n[data-epdf-i=\"main-toolbar\"] [data-epdf-i$=\"-group\"] {\n  gap: 4px;\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]) {\n  width: 36px;\n  min-width: 36px;\n  height: 36px;\n  padding: 7px;\n  border: 1px solid transparent;\n  border-radius: var(--ui-radius, 8px);\n  color: var(--ui-muted, #70778b);\n  background: transparent;\n  box-shadow: none;\n  transition:\n    color var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease),\n    background-color var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease),\n    border-color var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease),\n    box-shadow var(--ui-motion-fast, 120ms) var(--ui-ease-standard, ease);\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]):hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--ui-primary, #5965a8) 22%, var(--ui-border, #dde0eb));\n  color: var(--ui-primary-hover, #414a78);\n  background: var(--ui-primary-soft, #eef0fb);\n  box-shadow: none;\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]):focus-visible {\n  border-color: var(--ui-primary, #5965a8);\n  outline: 3px solid var(--ui-focus, rgb(89 101 168 / 28%));\n  outline-offset: 1px;\n}\n\n[data-epdf-i=\"main-toolbar\"] button.bg-interactive-selected {\n  border-color: color-mix(in srgb, var(--ui-primary, #5965a8) 42%, var(--ui-border, #dde0eb));\n  color: var(--ui-primary-hover, #414a78);\n  background: var(--ui-primary-soft, #eef0fb);\n  box-shadow: 0 1px 3px color-mix(in srgb, var(--ui-primary, #5965a8) 16%, transparent);\n}\n\n[data-epdf-i=\"main-toolbar\"] button:disabled {\n  opacity: .48;\n}\n\n[data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]) > svg {\n  width: 20px;\n  height: 20px;\n}\n\n[data-epdf-i=\"zoom-toolbar\"] > .relative > .flex {\n  height: 36px;\n  padding-left: 8px;\n  overflow: hidden;\n  border: 1px solid var(--ui-border, #dde0eb);\n  border-radius: var(--ui-radius, 8px);\n  color: var(--ui-text, #242837);\n  background: var(--ui-surface, #fff);\n}\n\n[data-epdf-i=\"zoom-toolbar\"] input[name=\"zoom\"] {\n  width: 36px;\n  color: var(--ui-text, #242837);\n  font-weight: 700;\n}\n\n[data-epdf-i=\"zoom-toolbar\"] > .relative > .flex > button {\n  width: 34px;\n  min-width: 34px;\n  height: 34px;\n  padding: 7px;\n  border: 0;\n  border-radius: 6px;\n}\n\n[data-epdf-i=\"main-toolbar\"] [aria-hidden=\"true\"] > div {\n  background: var(--ui-border, #dde0eb);\n}\n\n@container (max-width: 640px) {\n  [data-epdf-i=\"main-toolbar\"] {\n    min-height: 56px;\n    padding: 7px 8px;\n  }\n\n  [data-epdf-i=\"main-toolbar\"] button:not([role=\"tab\"]) {\n    width: 40px;\n    min-width: 40px;\n    height: 40px;\n  }\n}\n";
+function p(e) {
 	let { shadowRoot: t } = e;
 	if (!t || t.querySelector("[data-business-ui-document-viewer-v2-toolbar]")) return;
 	let n = t.ownerDocument.createElement("style");
-	n.setAttribute(u, ""), n.textContent = d, t.append(n);
+	n.setAttribute(d, ""), n.textContent = f, t.append(n);
 }
-var p = {
+var m = {
 	preference: "system",
 	light: {
 		background: {
@@ -58,113 +59,113 @@ var p = {
 		}
 	}
 };
-function m(e) {
+function h(e) {
 	return {
-		...p,
+		...m,
 		...e,
 		light: {
-			...p.light,
+			...m.light,
 			...e?.light,
 			background: {
-				...p.light?.background,
+				...m.light?.background,
 				...e?.light?.background
 			},
 			foreground: {
-				...p.light?.foreground,
+				...m.light?.foreground,
 				...e?.light?.foreground
 			},
 			border: {
-				...p.light?.border,
+				...m.light?.border,
 				...e?.light?.border
 			},
 			accent: {
-				...p.light?.accent,
+				...m.light?.accent,
 				...e?.light?.accent
 			},
 			interactive: {
-				...p.light?.interactive,
+				...m.light?.interactive,
 				...e?.light?.interactive
 			}
 		}
 	};
 }
-function h(e, t = {}) {
-	let { documentManager: n, disabledCategories: r, fonts: i, i18n: a, theme: o, ...s } = t, { id: c, kind: u, ...d } = e;
+function g(e, n = {}) {
+	let { documentManager: r, disabledCategories: i, fonts: a, i18n: o, theme: s, ...c } = n, { id: l, kind: d, ...f } = e;
 	return {
 		worker: !0,
 		tabBar: "never",
-		fontFallback: null,
-		...s,
-		disabledCategories: r ?? [...l],
+		fontFallback: t,
+		...c,
+		disabledCategories: i ?? [...u],
 		fonts: {
 			ui: null,
 			signature: null,
-			...i
+			...a
 		},
 		i18n: {
 			defaultLocale: "zh-CN",
-			...a
+			...o
 		},
-		theme: m(o),
+		theme: h(s),
 		documentManager: {
 			maxDocuments: 1,
-			...n,
+			...r,
 			initialDocuments: [{
-				...d,
-				documentId: c,
+				...f,
+				documentId: l,
 				autoActivate: !0
 			}]
 		}
 	};
 }
-function g(n) {
-	return n.renderer === "headless" ? /* @__PURE__ */ a(t, {
-		fallback: /* @__PURE__ */ a("div", {
+function _(t) {
+	return t.renderer === "headless" ? /* @__PURE__ */ o(n, {
+		fallback: /* @__PURE__ */ o("div", {
 			role: "status",
 			children: "正在加载 PDF 查看器…"
 		}),
-		children: /* @__PURE__ */ a(c, { ...n }, `${n.source.kind}:${n.source.id}`)
-	}) : _(n) ? /* @__PURE__ */ a(v, { ...n }) : /* @__PURE__ */ a(e, {
-		...n,
-		className: ["ui-document-viewer-v2-compat", n.className].filter(Boolean).join(" ")
+		children: /* @__PURE__ */ o(l, { ...t }, `${t.source.kind}:${t.source.id}`)
+	}) : v(t) ? /* @__PURE__ */ o(y, { ...t }) : /* @__PURE__ */ o(e, {
+		...t,
+		className: ["ui-document-viewer-v2-compat", t.className].filter(Boolean).join(" ")
 	});
 }
-function _(e) {
+function v(e) {
 	return e.source.kind === "url" || e.source.kind === "buffer";
 }
-function v({ source: e, config: n, className: c, style: l, layoutMode: u = "standalone", ariaLabel: d = "PDF 文档查看器", onInit: p, onReady: m, title: g, toolbar: _, footer: v }) {
-	let y = i(() => h(e, n), [e, n]), b = r((e) => {
-		f(e), p?.(e);
-	}, [p]);
-	return /* @__PURE__ */ o("section", {
+function y({ source: e, config: t, className: r, style: l, layoutMode: u = "standalone", ariaLabel: d = "PDF 文档查看器", onInit: f, onReady: m, title: h, toolbar: _, footer: v }) {
+	let y = a(() => g(e, t), [e, t]), b = i((e) => {
+		p(e), f?.(e);
+	}, [f]);
+	return /* @__PURE__ */ s("section", {
 		className: [
 			"ui-document-viewer-v2",
 			u === "fill" && "ui-viewer-fill",
-			c
+			r
 		].filter(Boolean).join(" "),
 		style: l,
 		"aria-label": d,
 		children: [
-			(g !== void 0 || _ !== void 0) && /* @__PURE__ */ o("div", {
+			(h !== void 0 || _ !== void 0) && /* @__PURE__ */ s("div", {
 				className: "ui-viewer-toolbar",
-				children: [g !== void 0 && /* @__PURE__ */ a("div", {
+				children: [h !== void 0 && /* @__PURE__ */ o("div", {
 					className: "ui-viewer-title",
-					children: g
+					children: h
 				}), _]
 			}),
-			/* @__PURE__ */ a(t, {
-				fallback: /* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o(n, {
+				fallback: /* @__PURE__ */ o("div", {
 					role: "status",
 					children: "正在加载 PDF 查看器…"
 				}),
-				children: /* @__PURE__ */ a(s, {
+				children: /* @__PURE__ */ o(c, {
 					className: "ui-document-viewer-v2-engine",
 					config: y,
 					onInit: b,
 					onReady: m
 				}, e.id)
 			}),
-			v !== void 0 && /* @__PURE__ */ a("div", {
+			v !== void 0 && /* @__PURE__ */ o("div", {
 				className: "ui-viewer-footer",
 				children: v
 			})
@@ -172,4 +173,4 @@ function v({ source: e, config: n, className: c, style: l, layoutMode: u = "stan
 	});
 }
 //#endregion
-export { l as DOCUMENT_VIEWER_V2_DISABLED_CATEGORIES, u as DOCUMENT_VIEWER_V2_TOOLBAR_STYLE_ATTRIBUTE, g as DocumentViewerV2, f as applyDocumentViewerV2ToolbarStyles, h as createDocumentViewerV2Config };
+export { u as DOCUMENT_VIEWER_V2_DISABLED_CATEGORIES, d as DOCUMENT_VIEWER_V2_TOOLBAR_STYLE_ATTRIBUTE, _ as DocumentViewerV2, p as applyDocumentViewerV2ToolbarStyles, g as createDocumentViewerV2Config };