@zhangly1403/dxfviewer 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +97 -97
  2. package/dist/dxfviewer.css +313 -300
  3. package/dist/dxfviewer.es.js +198 -116
  4. package/dist/dxfviewer.umd.js +198 -116
  5. package/package.json +4 -2
package/README.md CHANGED
@@ -1,97 +1,97 @@
1
- # DXF Viewer Component
2
-
3
- A high-performance DXF viewer component for React, based on Canvas 2D.
4
-
5
- ## Usage as a Library
6
-
7
- ### Installation
8
-
9
- ```bash
10
- npm install @zhangly1403/dxfviewer
11
- # or
12
- yarn add @zhangly1403/dxfviewer
13
- ```
14
-
15
- ### Basic Example
16
-
17
- ```tsx
18
- import React from 'react';
19
- import { DxfViewerMain } from '@zhangly1403/dxfviewer';
20
- import '@zhangly1403/dxfviewer/style.css';
21
-
22
- function App() {
23
- return (
24
- <div style={{ width: '100vw', height: '100vh' }}>
25
- <DxfViewerMain
26
- defaultLanguage="en"
27
- showOpenMenu={true}
28
- onLoad={(data) => console.log('DXF loaded:', data)}
29
- onError={(err) => console.error('Error:', err)}
30
- />
31
- </div>
32
- );
33
- }
34
- ```
35
-
36
- ### Props
37
-
38
- | Prop | Type | Default | Description |
39
- | --- | --- | --- | --- |
40
- | `initFile` | `string \| File` | `undefined` | Initial DXF file URL or File object to load |
41
- | `defaultLanguage` | `'en' \| 'zh'` | `'zh'` | Default UI language (uncontrolled) |
42
- | `lang` | `'en' \| 'zh'` | `undefined` | Current UI language (controlled) |
43
- | `onLanguageChange` | `(lang: Language) => void` | `undefined` | Callback when language is changed |
44
- | `showOpenMenu` | `boolean` | `true` | Whether to show the "Open File" menu item |
45
- | `onLoad` | `(data: any) => void` | `undefined` | Callback when DXF data is successfully loaded |
46
- | `onError` | `(err: Error) => void` | `undefined` | Callback when an error occurs during loading or parsing |
47
-
48
- ---
49
-
50
- # DXF 查看器组件
51
-
52
- 一个基于 Canvas 2D 的高性能 React DXF 查看器组件。
53
-
54
- ## 作为库使用
55
-
56
- ### 安装
57
-
58
- ```bash
59
- npm install @zhangly1403/dxfviewer
60
- # 或者
61
- yarn add @zhangly1403/dxfviewer
62
- ```
63
-
64
- ### 基础示例
65
-
66
- ```tsx
67
- import React, { useState } from 'react';
68
- import { DxfViewerMain } from '@zhangly1403/dxfviewer';
69
- import '@zhangly1403/dxfviewer/style.css';
70
-
71
- function App() {
72
- const [lang, setLang] = useState('zh');
73
-
74
- return (
75
- <div style={{ width: '100vw', height: '100vh' }}>
76
- <DxfViewerMain
77
- lang={lang}
78
- onLanguageChange={setLang}
79
- initFile="https://example.com/test.dxf"
80
- onLoad={(data) => console.log('DXF 加载成功:', data)}
81
- />
82
- </div>
83
- );
84
- }
85
- ```
86
-
87
- ### 属性 (Props)
88
-
89
- | 属性名 | 类型 | 默认值 | 说明 |
90
- | --- | --- | --- | --- |
91
- | `initFile` | `string \| File` | `undefined` | 初始加载的 DXF 文件 URL 或 File 对象 |
92
- | `defaultLanguage` | `'en' \| 'zh'` | `'zh'` | 默认界面语言 (非受控) |
93
- | `lang` | `'en' \| 'zh'` | `undefined` | 当前界面语言 (受控) |
94
- | `onLanguageChange` | `(lang: Language) => void` | `undefined` | 语言切换时的回调 |
95
- | `showOpenMenu` | `boolean` | `true` | 是否显示“打开文件”菜单项 |
96
- | `onLoad` | `(data: any) => void` | `undefined` | DXF 数据加载成功后的回调 |
97
- | `onError` | `(err: Error) => void` | `undefined` | 加载或解析出错时的回调 |
1
+ # DXF Viewer Component
2
+
3
+ A high-performance DXF viewer component for React, based on Canvas 2D.
4
+
5
+ ## Usage as a Library
6
+
7
+ ### Installation
8
+
9
+ ```bash
10
+ npm install @zhangly1403/dxfviewer
11
+ # or
12
+ yarn add @zhangly1403/dxfviewer
13
+ ```
14
+
15
+ ### Basic Example
16
+
17
+ ```tsx
18
+ import React from 'react';
19
+ import { DxfViewerMain } from '@zhangly1403/dxfviewer';
20
+ import '@zhangly1403/dxfviewer/style.css';
21
+
22
+ function App() {
23
+ return (
24
+ <div style={{ width: '100vw', height: '100vh' }}>
25
+ <DxfViewerMain
26
+ defaultLanguage="en"
27
+ showOpenMenu={true}
28
+ onLoad={(data) => console.log('DXF loaded:', data)}
29
+ onError={(err) => console.error('Error:', err)}
30
+ />
31
+ </div>
32
+ );
33
+ }
34
+ ```
35
+
36
+ ### Props
37
+
38
+ | Prop | Type | Default | Description |
39
+ | --- | --- | --- | --- |
40
+ | `initFile` | `string \| File` | `undefined` | Initial DXF file URL or File object to load |
41
+ | `defaultLanguage` | `'en' \| 'zh'` | `'zh'` | Default UI language (uncontrolled) |
42
+ | `lang` | `'en' \| 'zh'` | `undefined` | Current UI language (controlled) |
43
+ | `onLanguageChange` | `(lang: Language) => void` | `undefined` | Callback when language is changed |
44
+ | `showOpenMenu` | `boolean` | `true` | Whether to show the "Open File" menu item |
45
+ | `onLoad` | `(data: any) => void` | `undefined` | Callback when DXF data is successfully loaded |
46
+ | `onError` | `(err: Error) => void` | `undefined` | Callback when an error occurs during loading or parsing |
47
+
48
+ ---
49
+
50
+ # DXF 查看器组件
51
+
52
+ 一个基于 Canvas 2D 的高性能 React DXF 查看器组件。
53
+
54
+ ## 作为库使用
55
+
56
+ ### 安装
57
+
58
+ ```bash
59
+ npm install @zhangly1403/dxfviewer
60
+ # 或者
61
+ yarn add @zhangly1403/dxfviewer
62
+ ```
63
+
64
+ ### 基础示例
65
+
66
+ ```tsx
67
+ import React, { useState } from 'react';
68
+ import { DxfViewerMain } from '@zhangly1403/dxfviewer';
69
+ import '@zhangly1403/dxfviewer/style.css';
70
+
71
+ function App() {
72
+ const [lang, setLang] = useState('zh');
73
+
74
+ return (
75
+ <div style={{ width: '100vw', height: '100vh' }}>
76
+ <DxfViewerMain
77
+ lang={lang}
78
+ onLanguageChange={setLang}
79
+ initFile="https://example.com/test.dxf"
80
+ onLoad={(data) => console.log('DXF 加载成功:', data)}
81
+ />
82
+ </div>
83
+ );
84
+ }
85
+ ```
86
+
87
+ ### 属性 (Props)
88
+
89
+ | 属性名 | 类型 | 默认值 | 说明 |
90
+ | --- | --- | --- | --- |
91
+ | `initFile` | `string \| File` | `undefined` | 初始加载的 DXF 文件 URL 或 File 对象 |
92
+ | `defaultLanguage` | `'en' \| 'zh'` | `'zh'` | 默认界面语言 (非受控) |
93
+ | `lang` | `'en' \| 'zh'` | `undefined` | 当前界面语言 (受控) |
94
+ | `onLanguageChange` | `(lang: Language) => void` | `undefined` | 语言切换时的回调 |
95
+ | `showOpenMenu` | `boolean` | `true` | 是否显示“打开文件”菜单项 |
96
+ | `onLoad` | `(data: any) => void` | `undefined` | DXF 数据加载成功后的回调 |
97
+ | `onError` | `(err: Error) => void` | `undefined` | 加载或解析出错时的回调 |