@file-viewer/renderer-cad 2.0.11

package/LICENSE

@@ -0,0 +1,160 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"Object" form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form,
+made available under the License, as indicated by a copyright notice that is
+included in or attached to the work.
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version
+of the Work and any modifications or additions to that Work or Derivative Works
+thereof, that is intentionally submitted to Licensor for inclusion in the Work by
+the copyright owner or by an individual or Legal Entity authorized to submit on
+behalf of the copyright owner. For the purposes of this definition, "submitted"
+means any form of electronic, verbal, or written communication sent to the
+Licensor or its representatives, including but not limited to communication on
+electronic mailing lists, source code control systems, and issue tracking systems
+that are managed by, or on behalf of, the Licensor for the purpose of discussing
+and improving the Work, but excluding communication that is conspicuously marked
+or otherwise designated in writing by the copyright owner as "Not a
+Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this
+License, each Contributor hereby grants to You a perpetual, worldwide,
+non-exclusive, no-charge, royalty-free, irrevocable copyright license to
+reproduce, prepare Derivative Works of, publicly display, publicly perform,
+sublicense, and distribute the Work and such Derivative Works in Source or
+Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License,
+each Contributor hereby grants to You a perpetual, worldwide, non-exclusive,
+no-charge, royalty-free, irrevocable (except as stated in this section) patent
+license to make, have made, use, offer to sell, sell, import, and otherwise
+transfer the Work, where such license applies only to those patent claims
+licensable by such Contributor that are necessarily infringed by their
+Contribution(s) alone or by combination of their Contribution(s) with the Work to
+which such Contribution(s) was submitted. If You institute patent litigation
+against any entity (including a cross-claim or counterclaim in a lawsuit)
+alleging that the Work or a Contribution incorporated within the Work
+constitutes direct or contributory patent infringement, then any patent licenses
+granted to You under this License for that Work shall terminate as of the date
+such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or
+Derivative Works thereof in any medium, with or without modifications, and in
+Source or Object form, provided that You meet the following conditions:
+
+(a) You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+
+(b) You must cause any modified files to carry prominent notices stating that
+You changed the files; and
+
+(c) You must retain, in the Source form of any Derivative Works that You
+distribute, all copyright, patent, trademark, and attribution notices from the
+Source form of the Work, excluding those notices that do not pertain to any part
+of the Derivative Works; and
+
+(d) If the Work includes a "NOTICE" text file as part of its distribution, then
+any Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the Derivative
+Works; within the Source form or documentation, if provided along with the
+Derivative Works; or, within a display generated by the Derivative Works, if and
+wherever such third-party notices normally appear. The contents of the NOTICE
+file are for informational purposes only and do not modify the License. You may
+add Your own attribution notices within Derivative Works that You distribute,
+alongside or as an addendum to the NOTICE text from the Work, provided that such
+additional attribution notices cannot be construed as modifying the License.
+
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies
+with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any
+Contribution intentionally submitted for inclusion in the Work by You to the
+Licensor shall be under the terms and conditions of this License, without any
+additional terms or conditions. Notwithstanding the above, nothing herein shall
+supersede or modify the terms of any separate license agreement you may have
+executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names,
+trademarks, service marks, or product names of the Licensor, except as required
+for reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in
+writing, Licensor provides the Work (and each Contributor provides its
+Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied, including, without limitation, any warranties or
+conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+PARTICULAR PURPOSE. You are solely responsible for determining the
+appropriateness of using or redistributing the Work and assume any risks
+associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in
+tort (including negligence), contract, or otherwise, unless required by
+applicable law (such as deliberate and grossly negligent acts) or agreed to in
+writing, shall any Contributor be liable to You for damages, including any
+direct, indirect, special, incidental, or consequential damages of any character
+arising as a result of this License or out of the use or inability to use the
+Work (including but not limited to damages for loss of goodwill, work stoppage,
+computer failure or malfunction, or any and all other commercial damages or
+losses), even if such Contributor has been advised of the possibility of such
+damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or
+Derivative Works thereof, You may choose to offer, and charge a fee for,
+acceptance of support, warranty, indemnity, or other liability obligations and/or
+rights consistent with this License. However, in accepting such obligations, You
+may act only on Your own behalf and on Your sole responsibility, not on behalf of
+any other Contributor, and only if You agree to indemnify, defend, and hold each
+Contributor harmless for any liability incurred by, or claims asserted against,
+such Contributor by reason of your accepting any such warranty or additional
+liability.
+
+END OF TERMS AND CONDITIONS
+
+Copyright 2026 Flyfish Viewer

package/README.en.md

@@ -0,0 +1,49 @@
+# @file-viewer/renderer-cad
+
+Standalone CAD renderer package for Flyfish File Viewer. It is powered by `@flyfish-dev/cad-viewer`, previews DWG, DXF, DWF, DWFx, and XPS in the browser, and resolves wasm / worker URLs through the File Viewer asset manifest for offline enterprise deployments.
+
+## Usage
+
+```ts
+import FileViewer from '@file-viewer/vue3'
+import { cadRenderer } from '@file-viewer/renderer-cad'
+
+const options = {
+  rendererMode: 'replace',
+  renderers: cadRenderer,
+}
+```
+
+You can also compose it with other renderer packages:
+
+```ts
+import { cadRenderer } from '@file-viewer/renderer-cad'
+import { pdfRenderer } from '@file-viewer/renderer-pdf'
+
+const options = {
+  rendererMode: 'replace',
+  renderers: [pdfRenderer, cadRenderer],
+}
+```
+
+## Capabilities
+
+- Supports `.dwg`, `.dxf`, `.dwf`, `.dwfx`, and `.xps`.
+- DWG is parsed on demand with a worker and LibreDWG WASM to keep the main thread responsive.
+- DXF is parsed in JavaScript and normalized into the common CAD document model.
+- DWF / DWFx / XPS use the native renderer with `dwfv-render.wasm` for performant raster / WebGL fallback.
+- Includes layer toggling, structure stats, fit-to-view, zoom controls, global toolbar zoom provider, and resize handling.
+
+## Offline Assets
+
+The default asset paths are:
+
+- `wasm/cad/`
+- `wasm/cad/dwg-worker.js`
+- `wasm/cad/dwfv-render.wasm`
+
+For private deployments, override them with `options.cad.wasmPath`, `options.cad.workerUrl`, and `options.cad.dwfWasmUrl`.
+
+## Migration Note
+
+CAD preview has moved completely out of `@file-viewer/core`. Core now only keeps the asset manifest, shared types, and a compatibility error message, and it no longer installs `@flyfish-dev/cad-viewer` by default. Install this package and pass it through `renderers`, or use `@file-viewer/preset-all` for the complete CAD experience.

package/README.md

@@ -0,0 +1,49 @@
+# @file-viewer/renderer-cad
+
+Flyfish File Viewer 的独立 CAD renderer 包。它基于 `@flyfish-dev/cad-viewer` 提供 DWG、DXF、DWF、DWFx 和 XPS 的浏览器端预览，并通过 File Viewer 统一的 asset manifest 解析 wasm / worker 路径，适合企业内网和离线部署。
+
+## 用法
+
+```ts
+import FileViewer from '@file-viewer/vue3'
+import { cadRenderer } from '@file-viewer/renderer-cad'
+
+const options = {
+  rendererMode: 'replace',
+  renderers: cadRenderer,
+}
+```
+
+也可以和其他 renderer 一起组合：
+
+```ts
+import { cadRenderer } from '@file-viewer/renderer-cad'
+import { pdfRenderer } from '@file-viewer/renderer-pdf'
+
+const options = {
+  rendererMode: 'replace',
+  renderers: [pdfRenderer, cadRenderer],
+}
+```
+
+## 能力边界
+
+- 支持 `.dwg`、`.dxf`、`.dwf`、`.dwfx`、`.xps`。
+- DWG 使用 Worker + LibreDWG WASM 按需解析，避免阻塞主线程。
+- DXF 使用 JavaScript parser 并归一化为统一 CAD document。
+- DWF / DWFx / XPS 使用 native renderer，并通过 `dwfv-render.wasm` 提供高性能 raster / WebGL fallback。
+- 支持图层显示切换、结构统计、适配视图、缩放、全局 toolbar zoom provider 和 resize observer。
+
+## 离线资产
+
+默认会从 viewer assets 下读取：
+
+- `wasm/cad/`
+- `wasm/cad/dwg-worker.js`
+- `wasm/cad/dwfv-render.wasm`
+
+私有化部署时可以通过 `options.cad.wasmPath`、`options.cad.workerUrl`、`options.cad.dwfWasmUrl` 覆盖。
+
+## 迁移说明
+
+CAD 预览已经从 `@file-viewer/core` 中彻底移出，core 只保留资产 manifest、类型和兼容错误提示，不再默认安装 `@flyfish-dev/cad-viewer`。完整 CAD 能力请安装本包并传入 `renderers`，或直接使用 `@file-viewer/preset-all`。

package/dist/cad.d.ts

@@ -0,0 +1,2 @@
+import { type FileRenderContext, type FileViewerRenderedInstance } from '@file-viewer/core';
+export default function renderCad(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;

package/dist/cad.js

@@ -0,0 +1,445 @@
+import { CadViewer, } from '@flyfish-dev/cad-viewer';
+import { resolveFileViewerCadAssetUrls } from '@file-viewer/core/assets';
+import { createFileViewerZoomChangeEmitter, registerFileViewerZoomProvider, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
+const CAD_WORKER_TIMEOUT = 120000;
+const cadStyle = `
+.cad-shell{display:flex;height:100%;min-height:100%;flex-direction:column;background:#f5f7fb;color:#142335}
+.cad-shell *{box-sizing:border-box}
+.cad-toolbar{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:1px solid rgba(15,23,42,.08);background:#fff}
+.cad-tools,.cad-meta{display:flex;align-items:center;gap:8px}
+.cad-tools button{min-width:34px;min-height:30px;border:0;border-radius:8px;background:rgba(15,23,42,.06);color:#25344c;cursor:pointer;font-weight:800;letter-spacing:0;transition:background-color .18s ease,color .18s ease}
+.cad-tools button:hover{background:rgba(31,150,110,.14);color:#0f8f62}
+.cad-zoom,.cad-meta span{color:#64748b;font-size:12px;font-weight:800;letter-spacing:0}
+.cad-meta span{border-radius:999px;padding:5px 9px;background:rgba(15,23,42,.06)}
+.cad-body{display:grid;min-height:0;flex:1;grid-template-columns:minmax(168px,220px) minmax(0,1fr) minmax(150px,190px);background:#eef2f7}
+.cad-body.without-layers{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}
+.cad-layers,.cad-inspector{min-height:0;overflow:auto;border-right:1px solid rgba(15,23,42,.08);background:#fff}
+.cad-layers[hidden]{display:none}
+.cad-inspector{border-right:0;border-left:1px solid rgba(15,23,42,.08);padding:14px}
+.cad-layers-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;background:#fff;color:#1f2a3d;font-size:13px;z-index:1}
+.cad-layers-head span{color:#7b8ca5;font-size:12px;font-weight:700}
+.cad-layers-list{display:flex;flex-direction:column;padding:0 0 8px}
+.cad-layers button{display:flex;width:calc(100% - 16px);min-height:34px;align-items:center;gap:8px;margin:0 8px 6px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:#f8fafc;color:#25344c;cursor:pointer;font-size:12px;font-weight:700;text-align:left}
+.cad-layers button.muted{opacity:.48}
+.cad-layer-color{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#1f966e;box-shadow:inset 0 0 0 1px rgba(15,23,42,.14)}
+.cad-canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(15,23,42,.04) 1px,transparent 1px),#f8fafc;background-size:28px 28px}
+.cad-stage{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden}
+.cad-stage canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important}
+.cad-native-stage{position:absolute;inset:0;z-index:2;display:none;overflow:hidden}
+.cad-native-stage:not(:empty),.cad-native-stage.is-active{display:block}
+.cad-native-stage *{box-sizing:border-box}
+.dwfv-root{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827}
+.dwfv-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background:#fff;border-bottom:1px solid #e5e7eb}
+.dwfv-toolbar button,.dwfv-toolbar select{font:inherit}
+.dwfv-workspace{min-height:0;display:grid;grid-template-columns:minmax(220px,300px) 1fr}
+.dwfv-tree{overflow:auto;border-right:1px solid #d6d8dd;background:#fff;font-size:12px;padding:8px}
+.dwfv-tree[style*="display: none"]+.dwfv-stage{grid-column:1/-1}
+.dwfv-tree-header{font-weight:700;margin-bottom:4px}
+.dwfv-tree-stats{color:#6b7280;margin-bottom:8px}
+.dwfv-tree details{margin-left:8px}
+.dwfv-tree summary{cursor:pointer;padding:2px 0}
+.dwfv-tree-meta{color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dwfv-stage{position:relative;overflow:hidden;background:#e5e7eb}
+.dwfv-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
+.dwfv-webgl-canvas{pointer-events:none}
+.dwfv-overlay-canvas{pointer-events:auto;touch-action:none;cursor:grab}
+.dwfv-overlay-canvas:active{cursor:grabbing}
+.dwfv-status{margin-left:auto;font-size:12px;color:#4b5563}
+.dwfv-warn{color:#92400e}
+.cad-viewer-container{position:relative;overflow:hidden;min-width:0;min-height:0}
+.cad-viewer-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
+.cad-viewer-canvas.is-dragging{cursor:grabbing}
+.cad-viewer-webgl-canvas{position:relative;z-index:0}
+.cad-viewer-text-overlay{display:block;contain:strict;-webkit-user-select:none;user-select:none}
+.cad-viewer-native-host{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:2;min-width:0;min-height:0;background:#05070d}
+.cad-viewer-native-host.is-active{display:block}
+.cad-viewer-native-host .dwfv-root{height:100%;min-height:0;color:#dbeafe;background:#05070d}
+.cad-viewer-native-host .dwfv-toolbar{min-height:34px;padding:5px 8px;gap:6px;border-bottom:1px solid rgba(71,85,105,.65);background:#0f172af5;color:#e5e7eb}
+.cad-viewer-native-host .dwfv-toolbar button,.cad-viewer-native-host .dwfv-toolbar select{height:24px;border:1px solid rgba(100,116,139,.75);border-radius:6px;background:#111827;color:#e5e7eb;font-size:12px}
+.cad-viewer-native-host .dwfv-toolbar button{padding:0 8px;cursor:pointer}
+.cad-viewer-native-host .dwfv-toolbar button:hover,.cad-viewer-native-host .dwfv-toolbar select:hover{border-color:#60a5fa;color:#bfdbfe}
+.cad-viewer-native-host .dwfv-status{color:#93c5fd;font-size:12px}
+.cad-viewer-native-host .dwfv-workspace{min-height:0;background:#05070d}
+.cad-viewer-native-host .dwfv-stage{background:#05070d}
+.cad-viewer-native-host .dwfv-tree{border-right:1px solid rgba(71,85,105,.7);background:#0f172a;color:#dbeafe}
+.cad-viewer-native-host .dwfv-tree-stats,.cad-viewer-native-host .dwfv-tree-meta{color:#94a3b8}
+.cad-viewer-native-host .dwfv-warn{color:#fbbf24}
+.cad-native-stage .dwfv-root,.cad-native-stage .dwfv-workspace,.cad-native-stage .dwfv-stage{width:100%;min-width:0;min-height:0}
+.cad-native-stage .dwfv-root{height:100%}
+.cad-state{position:absolute;inset:50% auto auto 50%;max-width:min(520px,calc(100% - 48px));transform:translate(-50%,-50%);border-radius:12px;padding:14px 18px;background:rgba(255,255,255,.92);box-shadow:0 14px 38px rgba(15,23,42,.12);color:#53637a;font-size:13px;font-weight:800;text-align:center}
+.cad-state[hidden]{display:none!important}
+.cad-state.error{color:#b42318}
+.cad-inspector strong{display:block;margin-bottom:12px;color:#1f2a3d;font-size:13px}
+.cad-inspector dl{display:grid;gap:8px;margin:0}
+.cad-inspector dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;padding:8px 10px;background:#f8fafc}
+.cad-inspector dt,.cad-inspector dd{margin:0;font-size:12px}
+.cad-inspector dt{color:#7b8ca5;font-weight:700}
+.cad-inspector dd{color:#20304a;font-weight:900}
+.cad-warning{margin:12px 0 0;border-radius:8px;padding:10px;background:rgba(245,158,11,.13);color:#92400e;font-size:12px;line-height:1.55}
+.file-viewer[data-viewer-theme='dark'] .cad-shell{background:#111827;color:#e5edf6}
+.file-viewer[data-viewer-theme='dark'] .cad-toolbar,.file-viewer[data-viewer-theme='dark'] .cad-layers,.file-viewer[data-viewer-theme='dark'] .cad-inspector{background:#fff;color:#142335}
+@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme='system'] .cad-shell{background:#111827;color:#e5edf6}.file-viewer[data-viewer-theme='system'] .cad-toolbar,.file-viewer[data-viewer-theme='system'] .cad-layers,.file-viewer[data-viewer-theme='system'] .cad-inspector{background:#fff;color:#142335}}
+@media (max-width:860px){.cad-body,.cad-body.without-layers{grid-template-columns:minmax(0,1fr)}.cad-layers,.cad-inspector{display:none}}
+`;
+const createStyle = () => {
+    const style = document.createElement('style');
+    style.textContent = cadStyle;
+    return style;
+};
+const createElement = (tagName, className, text) => {
+    const element = document.createElement(tagName);
+    if (className) {
+        element.className = className;
+    }
+    if (text !== undefined) {
+        element.textContent = text;
+    }
+    return element;
+};
+const normalizeType = (type) => {
+    return (type || 'dxf').toLowerCase();
+};
+const collectLayers = (result) => {
+    if (!result) {
+        return [];
+    }
+    return Object.entries(result.document.layers)
+        .map(([name, layer]) => ({ ...layer, name }))
+        .sort((left, right) => left.name.localeCompare(right.name));
+};
+const formatNumber = (value) => {
+    if (!Number.isFinite(value)) {
+        return '0';
+    }
+    return new Intl.NumberFormat('zh-CN').format(Math.round(value || 0));
+};
+const getCadDocumentBaseUrl = (target) => {
+    var _a;
+    return ((_a = target.ownerDocument) === null || _a === void 0 ? void 0 : _a.baseURI) || 'http://localhost/';
+};
+export default async function renderCad(buffer, target, type = 'dxf', context) {
+    var _a;
+    const normalizedType = normalizeType(type);
+    const options = ((_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.cad) || {};
+    let status = 'loading';
+    let progressMessage = '正在加载 CAD 预览器...';
+    let errorMessage = '';
+    let loadResult = null;
+    let renderStats = null;
+    let viewState = null;
+    let layers = [];
+    let viewer = null;
+    let resizeObserver = null;
+    let abortController = null;
+    let disposed = false;
+    const style = createStyle();
+    const shell = createElement('div', 'cad-shell');
+    shell.dataset.viewerZoomProvider = 'cad';
+    const toolbar = createElement('div', 'cad-toolbar');
+    const tools = createElement('div', 'cad-tools');
+    const fitButton = createElement('button', undefined, '适配');
+    const zoomOutButton = createElement('button', undefined, '-');
+    const zoomText = createElement('span', 'cad-zoom', '100%');
+    const zoomInButton = createElement('button', undefined, '+');
+    const meta = createElement('div', 'cad-meta');
+    const typeMeta = createElement('span', undefined, normalizedType.toUpperCase());
+    const backendMeta = createElement('span', undefined, 'AUTO');
+    [fitButton, zoomOutButton, zoomInButton].forEach(button => {
+        button.type = 'button';
+    });
+    zoomOutButton.title = '缩小';
+    zoomInButton.title = '放大';
+    tools.append(fitButton, zoomOutButton, zoomText, zoomInButton);
+    meta.append(typeMeta, backendMeta);
+    toolbar.append(tools, meta);
+    const body = createElement('div', 'cad-body without-layers');
+    const layersPanel = createElement('aside', 'cad-layers');
+    layersPanel.hidden = true;
+    const layersHead = createElement('div', 'cad-layers-head');
+    const layersCount = createElement('span', undefined, '0 项');
+    layersHead.append(createElement('strong', undefined, '图层'), layersCount);
+    const layersList = createElement('div', 'cad-layers-list');
+    layersPanel.append(layersHead, layersList);
+    const canvasWrap = createElement('div', 'cad-canvas-wrap');
+    const stage = createElement('div', 'cad-stage');
+    const nativeHost = createElement('div', 'cad-native-stage');
+    stage.append(nativeHost);
+    const state = createElement('div', 'cad-state', progressMessage);
+    canvasWrap.append(stage, state);
+    const inspector = createElement('aside', 'cad-inspector');
+    const inspectorTitle = createElement('strong', undefined, '结构');
+    const inspectorList = createElement('dl');
+    const warningText = createElement('p', 'cad-warning');
+    warningText.hidden = true;
+    inspector.append(inspectorTitle, inspectorList, warningText);
+    body.append(layersPanel, canvasWrap, inspector);
+    shell.append(toolbar, body);
+    target.replaceChildren(style, shell);
+    const buildFileName = () => {
+        return (context === null || context === void 0 ? void 0 : context.filename) || `drawing.${normalizedType}`;
+    };
+    const getWarnings = () => (loadResult === null || loadResult === void 0 ? void 0 : loadResult.warnings) || (loadResult === null || loadResult === void 0 ? void 0 : loadResult.document.warnings) || [];
+    const getZoomPercent = () => {
+        var _a, _b, _c;
+        const zoom = (_c = (_a = viewState === null || viewState === void 0 ? void 0 : viewState.zoomPercent) !== null && _a !== void 0 ? _a : (_b = viewer === null || viewer === void 0 ? void 0 : viewer.getZoomPercent) === null || _b === void 0 ? void 0 : _b.call(viewer)) !== null && _c !== void 0 ? _c : 100;
+        return Number.isFinite(zoom) ? Math.round(zoom) : 100;
+    };
+    const getCadZoomState = () => {
+        const ready = status === 'ready' && !!viewer;
+        const zoomPercent = getZoomPercent();
+        return {
+            scale: zoomPercent / 100,
+            label: `${zoomPercent}%`,
+            canZoomIn: ready,
+            canZoomOut: ready,
+            canReset: ready,
+            minScale: 0.05,
+            maxScale: 16,
+        };
+    };
+    const cadZoomEmitter = createFileViewerZoomChangeEmitter();
+    const syncInspector = () => {
+        const summary = loadResult === null || loadResult === void 0 ? void 0 : loadResult.summary;
+        const rows = [
+            ['实体', formatNumber(summary === null || summary === void 0 ? void 0 : summary.entityCount)],
+            ['块', formatNumber(summary === null || summary === void 0 ? void 0 : summary.blockCount)],
+            ['页面', formatNumber(summary === null || summary === void 0 ? void 0 : summary.pageCount)],
+            ['绘制', formatNumber(renderStats === null || renderStats === void 0 ? void 0 : renderStats.drawn)],
+        ];
+        inspectorList.replaceChildren(...rows.map(([label, value]) => {
+            const row = createElement('div');
+            row.append(createElement('dt', undefined, label), createElement('dd', undefined, value));
+            return row;
+        }));
+        const warning = getWarnings()[0];
+        warningText.textContent = warning || '';
+        warningText.hidden = !warning;
+    };
+    const syncLayers = () => {
+        layersCount.textContent = `${layers.length} 项`;
+        layersPanel.hidden = layers.length === 0;
+        body.classList.toggle('without-layers', layers.length === 0);
+        layersList.replaceChildren(...layers.map(layer => {
+            const button = createElement('button');
+            button.type = 'button';
+            button.classList.toggle('muted', layer.isVisible === false || !!layer.isFrozen);
+            const color = createElement('span', 'cad-layer-color');
+            if (typeof layer.color === 'string') {
+                color.style.background = layer.color;
+            }
+            button.append(color, createElement('span', undefined, layer.name));
+            button.addEventListener('click', () => {
+                const document = viewer === null || viewer === void 0 ? void 0 : viewer.getDocument();
+                if (!(document === null || document === void 0 ? void 0 : document.layers[layer.name])) {
+                    return;
+                }
+                const current = document.layers[layer.name];
+                current.isVisible = current.isVisible === false;
+                loadResult = (viewer === null || viewer === void 0 ? void 0 : viewer.setDocument(document, buildFileName())) || null;
+                layers = collectLayers(loadResult);
+                syncUi();
+                queueMicrotask(() => {
+                    viewer === null || viewer === void 0 ? void 0 : viewer.fit();
+                    cadZoomEmitter.emit();
+                });
+            });
+            return button;
+        }));
+    };
+    const syncState = () => {
+        zoomText.textContent = `${getZoomPercent()}%`;
+        backendMeta.textContent = ((renderStats === null || renderStats === void 0 ? void 0 : renderStats.backend) || 'auto').toUpperCase();
+        state.hidden = status === 'ready';
+        state.classList.toggle('error', status === 'error');
+        if (status === 'loading') {
+            state.textContent = progressMessage;
+        }
+        else if (status === 'error') {
+            state.textContent = errorMessage;
+        }
+    };
+    const syncUi = () => {
+        syncState();
+        syncLayers();
+        syncInspector();
+    };
+    const updateProgress = (progress) => {
+        const prefix = progress.format ? `${progress.format.toUpperCase()} ` : '';
+        const percent = Number.isFinite(progress.percent) ? ` ${Math.round(progress.percent || 0)}%` : '';
+        progressMessage = `${prefix}${progress.message}${percent}`;
+        syncState();
+    };
+    const fitToView = () => {
+        viewer === null || viewer === void 0 ? void 0 : viewer.fit();
+        cadZoomEmitter.emit();
+        syncState();
+    };
+    const zoomIn = () => {
+        viewer === null || viewer === void 0 ? void 0 : viewer.zoomIn();
+        cadZoomEmitter.emit();
+        syncState();
+    };
+    const zoomOut = () => {
+        viewer === null || viewer === void 0 ? void 0 : viewer.zoomOut();
+        cadZoomEmitter.emit();
+        syncState();
+    };
+    registerFileViewerZoomProvider(shell, {
+        zoomIn: () => {
+            zoomIn();
+            return getCadZoomState();
+        },
+        zoomOut: () => {
+            zoomOut();
+            return getCadZoomState();
+        },
+        resetZoom: () => {
+            fitToView();
+            return getCadZoomState();
+        },
+        getState: getCadZoomState,
+        subscribe: cadZoomEmitter.subscribe,
+    });
+    fitButton.addEventListener('click', fitToView);
+    zoomInButton.addEventListener('click', zoomIn);
+    zoomOutButton.addEventListener('click', zoomOut);
+    const createViewer = () => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const { wasmPath, workerUrl, dwfWasmUrl } = resolveFileViewerCadAssetUrls(options, getCadDocumentBaseUrl(target));
+        const canvasOptions = {
+            background: '#f8fafc',
+            foreground: '#0f172a',
+            contrastMode: 'adaptive',
+            minColorContrast: 2.4,
+            showPageBounds: true,
+            showUnsupportedMarkers: true,
+            enableSpatialIndex: true,
+            maxVisibleTextLabels: 2400,
+            ...(options.canvasOptions || {}),
+        };
+        const nextViewer = new CadViewer({
+            container: stage,
+            nativeHost,
+            renderer: options.renderer || 'auto',
+            wasmPath,
+            workerUrl,
+            dwfWasmUrl,
+            dxfEncoding: options.dxfEncoding,
+            useWorker: (_a = options.useWorker) !== null && _a !== void 0 ? _a : true,
+            workerTimeoutMs: (_b = options.workerTimeoutMs) !== null && _b !== void 0 ? _b : CAD_WORKER_TIMEOUT,
+            preferDwgWasm: (_c = options.preferDwgWasm) !== null && _c !== void 0 ? _c : true,
+            includePaperSpace: (_d = options.includePaperSpace) !== null && _d !== void 0 ? _d : true,
+            maxInsertDepth: options.maxInsertDepth,
+            keepRaw: (_e = options.keepRaw) !== null && _e !== void 0 ? _e : false,
+            dwfPreferWebgl: (_f = options.dwfPreferWebgl) !== null && _f !== void 0 ? _f : true,
+            dwfPreferWasm: (_g = options.dwfPreferWasm) !== null && _g !== void 0 ? _g : true,
+            dwfBackground: options.dwfBackground || '#f8fafc',
+            dwfMaxDevicePixelRatio: options.dwfMaxDevicePixelRatio,
+            dwfMaxCanvasPixels: options.dwfMaxCanvasPixels,
+            dwfMaxGpuCacheBytes: options.dwfMaxGpuCacheBytes,
+            dwfMaxCachedScenes: options.dwfMaxCachedScenes,
+            dwfLineWeightMode: options.dwfLineWeightMode,
+            dwfMinStrokeCssPx: options.dwfMinStrokeCssPx,
+            dwfMaxOverviewStrokeCssPx: options.dwfMaxOverviewStrokeCssPx,
+            dwfMinTextCssPx: options.dwfMinTextCssPx,
+            dwfMinFilledAreaCssPx: options.dwfMinFilledAreaCssPx,
+            autoFit: true,
+            canvasOptions,
+            onLoadProgress: updateProgress,
+            onRenderStats: stats => {
+                renderStats = stats;
+                syncState();
+                syncInspector();
+            },
+            onViewChange: event => {
+                viewState = event;
+                cadZoomEmitter.emit();
+                syncState();
+            },
+            onLoad: result => {
+                loadResult = result;
+                layers = collectLayers(result);
+                syncUi();
+            },
+            onError: error => {
+                errorMessage = error.message || 'CAD 文件解析失败';
+                syncState();
+            },
+        });
+        if (options.preloadDwg !== false && normalizedType === 'dwg') {
+            void nextViewer.preloadDwg({ wasmPath, workerUrl }).catch(() => {
+                // 预热失败不阻断真实加载，loadBuffer 会返回完整错误上下文。
+            });
+        }
+        return nextViewer;
+    };
+    const loadCad = async () => {
+        status = 'loading';
+        progressMessage = '正在解析 CAD...';
+        errorMessage = '';
+        loadResult = null;
+        renderStats = null;
+        viewState = null;
+        layers = [];
+        syncUi();
+        abortController === null || abortController === void 0 ? void 0 : abortController.abort();
+        const controller = new AbortController();
+        abortController = controller;
+        try {
+            viewer === null || viewer === void 0 ? void 0 : viewer.destroy();
+            viewer = createViewer();
+            const cadAssets = resolveFileViewerCadAssetUrls(options, getCadDocumentBaseUrl(target));
+            const result = await viewer.loadBuffer(buffer.slice(0), buildFileName(), {
+                signal: controller.signal,
+                transferInputBuffer: false,
+                dxfEncoding: options.dxfEncoding,
+                wasmPath: cadAssets.wasmPath,
+                workerUrl: cadAssets.workerUrl,
+                dwfWasmUrl: cadAssets.dwfWasmUrl,
+            });
+            if (disposed || controller.signal.aborted) {
+                return;
+            }
+            loadResult = result;
+            layers = collectLayers(result);
+            status = 'ready';
+            syncUi();
+            queueMicrotask(() => {
+                viewer === null || viewer === void 0 ? void 0 : viewer.fit();
+                cadZoomEmitter.emit();
+                syncState();
+            });
+        }
+        catch (reason) {
+            if (disposed || controller.signal.aborted) {
+                return;
+            }
+            console.error(reason);
+            status = 'error';
+            errorMessage = reason instanceof Error ? reason.message : 'CAD 文件解析失败';
+            syncUi();
+        }
+    };
+    if (typeof ResizeObserver !== 'undefined') {
+        resizeObserver = new ResizeObserver(() => {
+            viewer === null || viewer === void 0 ? void 0 : viewer.resize();
+        });
+        resizeObserver.observe(stage);
+    }
+    syncUi();
+    void loadCad();
+    return {
+        $el: shell,
+        unmount() {
+            disposed = true;
+            unregisterFileViewerZoomProvider(shell);
+            abortController === null || abortController === void 0 ? void 0 : abortController.abort();
+            abortController = null;
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+            resizeObserver = null;
+            viewer === null || viewer === void 0 ? void 0 : viewer.destroy();
+            viewer = null;
+            target.replaceChildren();
+        },
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { type FileRenderHandler, type FileViewerRenderedInstance, type FileViewerRendererPlugin, type RendererDefinition } from '@file-viewer/core';
+export declare const cadRendererDefinition: RendererDefinition;
+export declare const renderFileViewerCad: FileRenderHandler<FileViewerRenderedInstance, HTMLDivElement>;
+export declare const cadRenderer: FileViewerRendererPlugin<FileRenderHandler<FileViewerRenderedInstance, HTMLDivElement>>;
+export default cadRenderer;

package/dist/index.js

@@ -0,0 +1,17 @@
+import { DEFAULT_RENDERER_DEFINITIONS, } from '@file-viewer/core';
+const cadDefinition = DEFAULT_RENDERER_DEFINITIONS.find(definition => definition.id === 'cad');
+if (!cadDefinition) {
+    throw new Error('@file-viewer/renderer-cad could not locate the shared CAD format definition.');
+}
+export const cadRendererDefinition = cadDefinition;
+export const renderFileViewerCad = (buffer, target, type, context) => import('./cad.js').then(({ default: renderCad }) => renderCad(buffer, target, type, context));
+export const cadRenderer = {
+    id: 'file-viewer-renderer-cad',
+    label: 'Flyfish File Viewer CAD renderer',
+    definitions: [cadRendererDefinition],
+    handlers: [{
+            rendererId: cadRendererDefinition.id,
+            handler: renderFileViewerCad,
+        }],
+};
+export default cadRenderer;

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@file-viewer/renderer-cad",
+  "version": "2.0.11",
+  "private": false,
+  "type": "module",
+  "description": "Standalone CAD renderer plugin for Flyfish File Viewer powered by @flyfish-dev/cad-viewer.",
+  "keywords": [
+    "file-viewer",
+    "renderer",
+    "cad",
+    "dwg",
+    "dxf",
+    "dwf",
+    "document-preview",
+    "document-viewer",
+    "file-preview",
+    "self-hosted",
+    "cad-viewer"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "author": {
+    "name": "Wangyu",
+    "email": "wybaby168@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flyfish-dev/file-viewer-renderer-cad.git",
+    "directory": "packages/renderers/cad"
+  },
+  "homepage": "https://doc.file-viewer.app/guide/on-demand-renderers",
+  "bugs": {
+    "url": "https://github.com/flyfish-dev/file-viewer-renderer-cad/issues"
+  },
+  "funding": {
+    "type": "individual",
+    "url": "https://dev.flyfish.group/shop"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "README.en.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@file-viewer/core": "^2.0.11",
+    "@flyfish-dev/cad-viewer": "^0.6.4"
+  },
+  "devDependencies": {
+    "typescript": "^6.0.3"
+  },
+  "license": "Apache-2.0",
+  "scripts": {
+    "build": "tsc -b tsconfig.json",
+    "type-check": "tsc -b tsconfig.json"
+  }
+}