@flyfish-group/file-viewer 1.0.3 → 1.0.6

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.md

@@ -1,111 +1,196 @@
-# 基于Vue2实现的文件在线预览 file-viewer
-本项目是本人基于实际工作共享的第一个小项目，诞生于2022年上旬。目前实现了基本格式的预览。
-本项目作为vue3版本的子项目，不再进行更新，使用Vite+Vue2.7+Ts实现了Composition Api的兼容。
+# Flyfish Viewer
 
-已支持Vue3+Vite+TypeScript，请拉取v3分支进行体验。
+把 Word、Excel、PPT、PDF 和图片稳稳带进浏览器里。
 
-后续将持续优化pptx和word模块。
+`@flyfish-group/file-viewer` 是一款基于 Vue 2.7、TypeScript 和 Vite 构建的纯前端文件预览组件。它不依赖后端转码服务，适合接入 OA、知识库、附件中心、流程系统和需要离线能力的业务场景。Vue3 用户可以使用 v3 分支和 `@flyfish-group/file-viewer3`，两条包线保持一致的格式能力、Demo 体验和文档说明。
 
-目前已有计划支持旧版本的文档格式，基于Web Assembly技术和java的poi。
+- 在线 Demo: [viewer.flyfish.dev](https://viewer.flyfish.dev)
+- 官方文档/组件主页: [doc.flyfish.dev](https://doc.flyfish.dev)
+- npm(Vue2): [@flyfish-group/file-viewer](https://www.npmjs.com/package/@flyfish-group/file-viewer)
+- npm(Vue3): [@flyfish-group/file-viewer3](https://www.npmjs.com/package/@flyfish-group/file-viewer3)
+- 公开成品仓库: [github.com/flyfish-dev/file-viewer](https://github.com/flyfish-dev/file-viewer)
+- 源码自助开通: [dev.flyfish.group/shop](https://dev.flyfish.group/shop)
 
-欢迎各位友友们提交工单和P/R，感谢大家！
+![Flyfish Viewer demo](https://doc.flyfish.dev/_images/demo-main.png)
 
-## 快速开始
+## 为什么值得接入
 
-本项目最低Node版本为18.0，请各位友友们使用匹配的版本运行。
+- **纯前端 Serverless。** 文档解析和展示全部在浏览器内完成，部署简单，不依赖 Office 服务端、LibreOffice 守护进程或额外转码链路。
+- **格式覆盖完整。** 当前内置 59 个扩展名映射，覆盖 Word、Excel、PowerPoint、PDF、OFD、CAD、Markdown、图片、代码/文本和 MP4，能覆盖绝大多数业务附件场景。
+- **按需异步加载。** PDF、OFD、CAD、Office、Markdown 和代码高亮渲染器都按需加载，重型解析依赖不会进入其他格式的首屏路径。
+- **阅读体验更像产品。** `.doc`、`.docx`、PDF 都保留灰色工作台、白色纸张、居中阅读和自适应缩放，避免“内容能打开但不好读”的落差。
+- **Demo 更适合验收。** 示例文件按文档、表格、图纸、代码、图片等类型分组展示，点击样例即可打开并自动收起选择器。
+- **Vue2 / Vue3 体验一致。** 主分支面向 Vue2.7，v3 分支面向 Vue3；两边共享完整格式覆盖、示例文件盒子、文档站和 iframe 集成体验。
+- **组件和独立站两用。** 既支持在 Vue 项目里直接作为组件使用，也支持独立部署后通过 iframe 嵌入到任意系统，方便多业务线复用。
+- **适合成品交付。** 官方文档、在线 Demo、公开成品仓库、混淆压缩产物、npm tarball 和静态部署产物都一起维护，便于下载、验收和二次接入。
 
-### 1. 项目安装
+## 支持格式
 
-```
-npm install
-```
+当前版本内置 59 个扩展名映射，覆盖 11 条预览链路。
 
-### 2. 项目编译以及支持热加载的开发模式
-```
-npm run serve
+| 类别 | 扩展名 | 当前表现 | 适合场景 |
+| --- | --- | --- | --- |
+| Word | `docx` | `docx-preview`，更适合保留文档结构和版式 | 新生成的 Word 文档、正式文档 |
+| Word | `doc` | `msdoc-viewer` + Word 风格页面容器 | 历史 `.doc` 老文档 |
+| Excel | `xlsx` | `styled-exceljs` + 虚拟滚动，支持尺寸、合并和常见样式 | 需要保留表格结构和样式的业务 |
+| Excel 兼容格式 | `xlsm`、`xlsb`、`xls`、`csv`、`ods`、`fods`、`numbers` | 统一解析，按格式可用信息渐进还原样式 | 老表格、轻量数据查看 |
+| PowerPoint | `pptx` | 浏览幻灯片内容 | 汇报材料、课件、方案 |
+| PDF | `pdf` | 基于 `pdfjs-dist` 预览，支持缩放工具栏、页码状态和可显隐导航窗格 | 合同、票据、版式成品 |
+| OFD | `ofd` | 基于 `DLTech21/ofd.js` 仓库源码在线预览国产版式文档，避开 npm dist 授权 wasm 分支 | 电子发票、公文、归档材料 |
+| CAD | `dxf` | 基于 `@cadview/core` 预览图纸，支持缩放、平移、图层控制 | 工程图纸、二维 CAD 附件 |
+| CAD 兼容入口 | `dwg` | 提示转换为 DXF 后预览，不内置 GPL DWG 解析器 | 需要兼容上传入口的业务 |
+| Markdown | `md`、`markdown` | Markdown 阅读样式 | README、知识文档、说明文档 |
+| 图片 | `gif`、`jpg`、`jpeg`、`bmp`、`tiff`、`tif`、`png`、`svg`、`webp` | 原生图片浏览 | 图片附件、设计稿、Logo |
+| 代码/文本 | `txt`、`json`、`js`、`mjs`、`cjs`、`css`、`java`、`py`、`html`、`htm`、`jsx`、`ts`、`tsx`、`xml`、`log`、`vue`、`yaml`、`yml`、`ini`、`sh`、`bash`、`sql`、`go`、`rs`、`php`、`c`、`cpp`、`cc`、`h`、`hpp`、`cs`、`diff` | 使用 `highlight.js` 轻量高亮，HTML 按源码展示 | 日志、配置、代码片段 |
+| 视频 | `mp4` | 浏览器原生视频播放 | 演示视频、录屏 |
+
+## 三条接入路线
+
+### 1. Vue 2 组件集成
+
+适合仍在 Vue2.7 技术栈上，希望直接以内嵌组件方式完成接入的团队。
+
+```bash
+pnpm add @flyfish-group/file-viewer
 ```
 
-### 3. 编译生产包并最小化文件资源
+```ts
+import Vue from 'vue'
+import App from './App.vue'
+import FileViewer from '@flyfish-group/file-viewer'
+
+Vue.use(FileViewer)
+
+new Vue({
+  render: h => h(App)
+}).$mount('#app')
 ```
-npm run build
+
+```vue
+<template>
+  <div style="height: 100vh">
+    <file-viewer :url="url" />
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      url: 'https://example.com/demo.pdf'
+    }
+  }
+}
+</script>
 ```
 
-### 4. 检测并修复 JavaScript 代码中的问题
+### 2. Vue 3 组件集成
+
+Vue3 用户使用 v3 分支对应包，API 和示例站能力保持一致:
+
+```bash
+pnpm add @flyfish-group/file-viewer3
 ```
-npm run lint
+
+```ts
+import { createApp } from 'vue'
+import App from './App.vue'
+import FileViewer from '@flyfish-group/file-viewer3'
+
+createApp(App).use(FileViewer).mount('#app')
 ```
 
+### 3. Iframe 嵌入
 
+适合多系统共用一套预览器、想把预览能力独立部署、或者不希望把解析依赖带进业务包的场景。
 
-## 集成指南
+```html
+<iframe
+  id="viewer"
+  src="https://viewer.flyfish.dev?url=https%3A%2F%2Fexample.com%2Fdemo.docx"
+  style="width: 100%; height: 100%; border: 0"
+></iframe>
+```
 
-### 1. 项目引用集成
+更完整的二进制推送方案、`from` 安全校验和宿主页面示例，请查看文档站中的 [Iframe 嵌入说明](https://doc.flyfish.dev/guide/iframe)。
 
-> Tips: 本集成方式将会全量引入本项目的所有代码和依赖，所以可能会在您的项目中产生依赖版本冲突，请注意甄别。如果发生很多的依赖冲突，建议立即更换iframe集成方式，更轻量级，且日后能够无缝升级。
+## 使用说明
 
-如果您使用了flyfish的私库，请使用以下命令安装依赖即可。
+- 组件支持两条主要输入路径: `url?: string` 与 `file?: File`
+- 当 `file` 和 `url` 同时存在时，会优先渲染 `file`
+- 如果业务侧拿到的是 `Blob` 或 `ArrayBuffer`，推荐先包装成带扩展名的 `File`
+- 预览器会填满父容器，请为父容器提供稳定高度
+- 使用 `url` 预览时，目标资源需要允许浏览器访问；跨域场景下需要正确配置 CORS
+- 如果下载地址本身没有明确扩展名，建议先在业务侧取回文件，再包装成 `File`
+- OFD、CAD、PDF、Office、Markdown 和代码高亮渲染器都按需异步加载，只有命中格式时才拉取对应代码块
 
+```ts
+const blob = await response.blob()
+const file = new File([blob], 'contract.pdf', { type: blob.type })
 ```
-npm install --save @flyfish-group/file-viewer
+
+## 本地开发
+
+下面的命令适用于源码开通后的完整项目。公开 GitHub 成品仓库不包含源码目录，普通用户建议直接通过 npm、`dist/` 或 `artifacts/` 里的 tarball 使用。
+
+```bash
+pnpm install
+pnpm dev
 ```
 
-常规情况下，请使用`npm link`的方式进行集成。
+常用脚本:
 
-假设您将本项目clone到了`D:\Works\file-viewer`下，接下来请按照下面的步骤进行安装。
+- `pnpm build`: 构建示例站点
+- `pnpm build-lib`: 构建组件库产物
+- `pnpm docs:dev`: 启动 VitePress 文档站
+- `pnpm docs:build`: 构建文档站
+- `pnpm type-check`: 执行 TypeScript 类型检查
 
-首先，打开命令行工具，`cd [你的项目位置]`，然后执行`npm link D:\Works\file-viewer `。最后，在您的项目中引用即可。
+## 打包发布
 
-```javascript
-import FileViewer from "file-viewer";
+建议在发布前执行下面这组命令:
 
-Vue.use(FileViewer)
+```bash
+pnpm type-check
+pnpm build
+pnpm build-lib
+pnpm obfuscate
+pnpm docs:build
+npm pack
 ```
 
-然后，只需要在您的项目中直接使用组件即可。示例如下：
+其中:
 
-```html
-<template>
-  <file-viewer :url="url" />
-</template>
+- `dist/` 是库构建产物；执行 `pnpm obfuscate` 后会对其中的 `.js` / `.mjs` 进行压缩混淆
+- `pnpm build` 会生成可独立部署的 Demo 静态站点产物
+- `docs/.vitepress/dist/` 是文档站静态产物
+- `npm pack` 会生成可直接发布或分发的 npm 包 tarball
 
-<script>
-export default {
-  name: "SimpleExample",
-  data() {
-    return {
-      url: 'https://flyfish.dev/%E6%95%B0%E6%8D%AE%E4%B8%AD%E5%8F%B0%E7%AC%94%E8%AE%B0(1).docx',
-    }
-  },
-}
-</script>
+如果只是准备 npm 包，可以直接执行:
 
-<style scoped>
+```bash
+pnpm release:pack
+```
 
-</style>
+发布到 npm:
 
+```bash
+npm publish --access public
 ```
 
-此外，组件还支持直接传入文件或者二进制进行展示。
+公开 GitHub 仓库只提交可直接使用的构建产物、示例、文档和 npm tarball，不提交当前源码目录。需要源码、二开包或商业自助开通的用户，可以前往 [https://dev.flyfish.group/shop](https://dev.flyfish.group/shop)，付费 4.99 后自助开通。
 
-### 2. 使用iframe集成（推荐）
+## 文档导航
 
-#### 开发集成：
+- [文档导览](https://doc.flyfish.dev/guide/)
+- [快速开始](https://doc.flyfish.dev/guide/quickstart)
+- [Demo 说明](https://doc.flyfish.dev/guide/demo)
+- [组件用法](https://doc.flyfish.dev/guide/usage)
+- [支持格式](https://doc.flyfish.dev/guide/formats)
+- [本地开发与打包](https://doc.flyfish.dev/guide/development)
 
-1. 请按照“快速开始”章节运行您的示例项目
-2. 打开`example`文件夹中的`embedded.html`，修改目标地址为本地调试地址
-
-```javascript
-var context = {
-    // 查看器的源，当前示例为在线，本地测试请改为 http://localhost:8900
-    origin: 'http://localhost:8900',
-    // 目标frame
-    frame: null,
-    // 文件url
-    url: './word.docx'
-};
-```
+## 开源说明
 
-3. 直接打开该文件或者使用本地web服务访问。
-4. 具体请参考demo代码，原理是基于`iframe`跨域通信机制。
+本项目使用 `Apache-2.0` 许可证。
 
-![image-20230228161454443](/Users/wangyu/Library/Application Support/typora-user-images/image-20230228161454443.png)
+二开或商用时，请按许可证要求保留版权、许可证和来源说明，并注明项目来源为 Flyfish Viewer / `@flyfish-group/file-viewer` 或 `@flyfish-group/file-viewer3`。如果你基于本项目修复了通用问题或增强了通用能力，也欢迎通过 issue / PR 一起贡献回来，让这套预览能力继续变得更稳。

package/dist/components/CadViewer.js

@@ -0,0 +1 @@
+var a7=c;function c(b,d){b=b-0x97;var e=a();var f=e[b];return f;}(function(l,m){var a6=c,n=l();while(!![]){try{var o=-parseInt(a6(0xb5))/0x1+parseInt(a6(0xa4))/0x2*(parseInt(a6(0xa1))/0x3)+-parseInt(a6(0x9e))/0x4+-parseInt(a6(0xa0))/0x5+-parseInt(a6(0xb1))/0x6+parseInt(a6(0x9d))/0x7+-parseInt(a6(0xb4))/0x8*(-parseInt(a6(0xa8))/0x9);if(o===m)break;else n['push'](n['shift']());}catch(p){n['push'](n['shift']());}}}(a,0xe712e));var x=Object['defineProperty'],h=Object['defineProperties'],L=Object['getOwnPropertyDescriptors'],C=Object[a7(0x98)],A=Object['prototype']['hasOwnProperty'],B=Object['prototype']['propertyIsEnumerable'],b=(l,m,n)=>m in l?x(l,m,{'enumerable':!0x0,'configurable':!0x0,'writable':!0x0,'value':n}):l[m]=n,T=(l,m)=>{var a8=a7;for(var n in m||(m={}))A[a8(0xa2)](m,n)&&b(l,n,m[n]);if(C){for(var n of C(m))B['call'](m,n)&&b(l,n,m[n]);}return l;},D=(l,m)=>h(l,L(m)),v=(l,m,n)=>new Promise((o,p)=>{var a9=a7,u=I=>{try{H(n['next'](I));}catch(J){p(J);}},y=I=>{try{H(n['throw'](I));}catch(J){p(J);}},H=I=>I[a9(0xaa)]?o(I['value']):Promise[a9(0xaf)](I['value'])['then'](u,y);H((n=n['apply'](l,m))['next']());});function a(){var aj=['_setupProxy','done','exports','fitToView','layers','name','resolve','status','9879894SWmtBr','type','loading','20754728IBySEM','1530139VQFXWa','value','message','activeTool','getLayers','getOwnPropertySymbols','observe','cad-tools','CAD\x20图纸解析失败','error','9763089JTmVUB','3358568EqTxkd','div','446175WoJYgT','75FZWiDY','call','select','85046EahCZs','pan','measure','destroy','9uFWuaA'];a=function(){return aj;};return a();}import{defineComponent as d,ref as e,onMounted as g,onBeforeUnmount as i,nextTick as j}from'vue';import{n as k}from'./index.js';const $=d({'__name':'CadViewer','props':{'data':null,'type':null},'setup'(H){var aa=a7;const I=H,J=e(null),K=e([]),N=e('pan'),P=e('loading'),Q=e('');let S=null,U=null;const W={'dwg':'DWG\x20是专有\x20CAD\x20格式，当前\x20Apache\x20许可包未内置\x20GPL\x20转换器。请优先上传\x20DXF，或在业务侧转换为\x20DXF\x20后预览。'},X=a3=>a3 instanceof Error?a3[aa(0xb7)]:typeof a3=='string'?a3:JSON['stringify'](a3),Y=a3=>{N['value']=a3,S==null||S['setTool'](a3);},Z=()=>{S==null||S['resize'](),S==null||S['fitToView']();},a0=a3=>{var ab=aa;const a4=a3['isOff'];S==null||S['setLayerVisible'](a3[ab(0xae)],a4),K[ab(0xb6)]=K[ab(0xb6)]['map'](a5=>a5['name']===a3['name']?D(T({},a5),{'isOff':!a4}):a5);},a1=()=>v(this,null,function*(){var ac=aa;const a3=J['value'];if(a3){P[ac(0xb6)]=ac(0xb3),Q['value']='';try{const {CadViewer:a4}=yield import('./index2.js');S==null||S[ac(0xa7)](),S=new a4(a3,{'theme':'light','initialTool':N['value'],'worker':!0x1}),S['loadArrayBuffer'](I['data']),yield j(),Z(),K['value']=S[ac(0x97)](),P['value']='ready';}catch(a5){console['error'](a5),P['value']=ac(0x9c),Q['value']=X(a5)||ac(0x9b);}}}),a2=()=>v(this,null,function*(){var ad=aa;const a3=I[ad(0xb2)]['toLowerCase']();if(W[a3]){P['value']='error',Q['value']=W[a3];return;}yield a1();});return g(()=>{var ae=aa;a2();const a3=J['value'];a3&&(U=new ResizeObserver(()=>{S==null||S['resize'](),S==null||S['requestRender']();}),U[ae(0x99)](a3));}),i(()=>{U==null||U['disconnect'](),U=null,S==null||S['destroy'](),S=null;}),{'__sfc':!0x0,'props':I,'canvas':J,'layers':K,'activeTool':N,'status':P,'errorMessage':Q,'viewer':S,'resizeObserver':U,'unsupportedMessages':W,'normalizeError':X,'setTool':Y,'fitToView':Z,'toggleLayer':a0,'loadDxf':a1,'load':a2};}});var R=function(){var af=a7,l=this,m=l['_self']['_c'],o=l['_self'][af(0xa9)];return m(af(0x9f),{'staticClass':'cad-viewer'},[m('div',{'staticClass':'cad-toolbar'},[m(af(0x9f),{'staticClass':af(0x9a)},[m('button',{'class':{'active':o['activeTool']==='pan'},'attrs':{'type':'button'},'on':{'click':function(p){var ag=af;return o['setTool'](ag(0xa5));}}},[l['_v']('平移')]),m('button',{'class':{'active':o[af(0xb8)]===af(0xa3)},'attrs':{'type':'button'},'on':{'click':function(p){var ah=af;return o['setTool'](ah(0xa3));}}},[l['_v']('选择')]),m('button',{'class':{'active':o['activeTool']==='measure'},'attrs':{'type':'button'},'on':{'click':function(p){var ai=af;return o['setTool'](ai(0xa6));}}},[l['_v']('测量')]),m('button',{'attrs':{'type':'button'},'on':{'click':o[af(0xac)]}},[l['_v']('适配')])]),m('span',[l['_v'](l['_s'](l['type']['toUpperCase']()))])]),m('div',{'staticClass':'cad-body'},[o[af(0xad)]['length']?m('aside',{'staticClass':'cad-layers'},l['_l'](o['layers'],function(p){return m('button',{'key':p['name'],'class':{'muted':p['isOff']},'attrs':{'type':'button'},'on':{'click':function(r){return o['toggleLayer'](p);}}},[l['_v']('\x20'+l['_s'](p['name'])+'\x20')]);}),0x0):l['_e'](),m('div',{'staticClass':'cad-canvas-wrap'},[m('canvas',{'ref':'canvas'}),o[af(0xb0)]==='loading'?m('div',{'staticClass':'cad-state'},[l['_v']('正在解析\x20CAD...')]):o[af(0xb0)]==='error'?m('div',{'staticClass':'cad-state\x20error'},[l['_v'](l['_s'](o['errorMessage']))]):l['_e']()])])]);},w=[],G=k($,R,w,!0x1,null,'cf49f0f1',null,null);const q=G[a7(0xab)];export{q as default};