@xtctwins/tctwins-dxf-next-viewer 0.0.7 → 0.0.9
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.
- package/README.md +91 -31
- package/dist/tctwins-dxf-next-viewer.css +1 -1
- package/dist/tctwins-dxf-next-viewer.css.gz +0 -0
- package/dist/tctwins-dxf-next-viewer.d.ts +405 -27
- package/dist/tctwins-dxf-next-viewer.es.js +10108 -9202
- package/dist/tctwins-dxf-next-viewer.es.js.gz +0 -0
- package/dist/tctwins-dxf-next-viewer.umd.js +283 -283
- package/dist/tctwins-dxf-next-viewer.umd.js.gz +0 -0
- package/dist/tctwins-dxf-viewer/action-bar/fullscreen-active.svg +17 -0
- package/dist/tctwins-dxf-viewer/action-bar/fullscreen.svg +17 -0
- package/dist/tctwins-dxf-viewer/utils/upload.svg +35 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -120,30 +120,40 @@ const eventHandle = (event) => {
|
|
|
120
120
|
|
|
121
121
|
### Attributes
|
|
122
122
|
|
|
123
|
-
| 参数
|
|
124
|
-
|
|
|
125
|
-
| isPc
|
|
126
|
-
| fonts
|
|
127
|
-
| dxfFileUrl
|
|
128
|
-
| dxfBuffer
|
|
129
|
-
| reset
|
|
130
|
-
| measure
|
|
131
|
-
| comment
|
|
132
|
-
| anno
|
|
133
|
-
| layer
|
|
134
|
-
| hidden
|
|
135
|
-
| screenshot
|
|
136
|
-
|
|
|
137
|
-
|
|
|
138
|
-
|
|
|
139
|
-
|
|
|
140
|
-
|
|
|
123
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
124
|
+
| ------------------ | -------------------------------- | --------------------------------------------------------------------- | ------ | ------------------------------------------------------------------------- |
|
|
125
|
+
| isPc | 是否为 PC 端, 移动端传 false | boolean | - | true |
|
|
126
|
+
| fonts | 字体链接列表 | string[] | - | - |
|
|
127
|
+
| dxfFileUrl | xtd 文件 url | string | - | - |
|
|
128
|
+
| dxfBuffer | xtd 文件 buffer | ArrayBuffer | - | - |
|
|
129
|
+
| reset | 开启重置功能 | boolean | - | false |
|
|
130
|
+
| measure | 开启测量功能 | boolean | - | false |
|
|
131
|
+
| comment | 开启批注功能 | boolean | - | false |
|
|
132
|
+
| anno | 开启标注功能 | boolean | - | false |
|
|
133
|
+
| layer | 开启图层功能 | boolean | - | false |
|
|
134
|
+
| hidden | 隐藏批注、测量、标注等信息 | boolean | - | false |
|
|
135
|
+
| screenshot | 开启截图功能 | boolean | - | false |
|
|
136
|
+
| fullscreen | 是否全屏 | boolean | - | false |
|
|
137
|
+
| close | 是否开启关闭功能 | boolean | - | false |
|
|
138
|
+
| leftExtraTools | 左侧额外工具栏 | IToolbar[] | - | [] |
|
|
139
|
+
| rightExtraTools | 右侧额外工具栏 | IToolbar[] | - | [] |
|
|
140
|
+
| bottomExtraTools | 底部额外工具栏 | IToolbar[] | - | [] |
|
|
141
|
+
| panelLeftWidth | 右侧面板宽度 | number | - | 240 |
|
|
142
|
+
| panelRightWidth | 右侧面板宽度 | number | - | 240 |
|
|
143
|
+
| toolTopHeight | 工具栏顶部距离 | number | - | 0 |
|
|
144
|
+
| toolLeftWidth | 工具栏左侧距离 | number | - | 0 |
|
|
145
|
+
| toolRightWidth | 工具栏右侧距离 | number | - | 0 |
|
|
146
|
+
| toolBottomHeight | 工具栏底部距离 | number | - | 0 |
|
|
147
|
+
| panelLeftKeys | 左侧面板显示内容 | string[] | - | [] |
|
|
148
|
+
| panelRightKeys | 右侧面板显示内容 | string[] | - | [] |
|
|
149
|
+
| panelExtraKeys | 操作其他功能时，不需要关闭的面板 | number | - | [] |
|
|
150
|
+
| annoFileAcceptType | 标注允许上传文件类型 | `{ image?: string; record?: string; video?: string; file?: string; }` | - | ` { image: 'image/*', record: 'audio/*', video: 'video/*', file: '*/*' }` |
|
|
141
151
|
|
|
142
152
|
### Events
|
|
143
153
|
|
|
144
|
-
| 事件名 | 说明 | 回调参数
|
|
145
|
-
| ----------- | -------- |
|
|
146
|
-
| eventHandle | 通知事件 | event: { isTool: booolean; event_target: string; event_name: string; content: object;} |
|
|
154
|
+
| 事件名 | 说明 | 回调参数 |
|
|
155
|
+
| ----------- | -------- | ---------------------------------------------------------------------------------------------- |
|
|
156
|
+
| eventHandle | 通知事件 | (event: { isTool: booolean; event_target: string; event_name: string; content: object;}) => {} |
|
|
147
157
|
|
|
148
158
|
### Slots
|
|
149
159
|
|
|
@@ -153,7 +163,7 @@ const eventHandle = (event) => {
|
|
|
153
163
|
| toolpanel | 工具面板内容 |
|
|
154
164
|
| rightpanel | 右侧面板内容 |
|
|
155
165
|
|
|
156
|
-
## 组件 TctwinsDxfPanel
|
|
166
|
+
## 组件 TctwinsDxfPanel (适用 PC)
|
|
157
167
|
|
|
158
168
|
自定义左侧或右侧面板组件时使用，可添加到 TctwinsDxf 组件的 leftpanel 或 rightpanel 插槽中使用
|
|
159
169
|
|
|
@@ -175,9 +185,9 @@ const eventHandle = (event) => {
|
|
|
175
185
|
| ------- | ---- |
|
|
176
186
|
| default | - |
|
|
177
187
|
|
|
178
|
-
## 组件 TctwinsDxfDialog
|
|
188
|
+
## 组件 TctwinsDxfDialog (适用 PC)
|
|
179
189
|
|
|
180
|
-
自定义左侧或右侧可拖动面板组件时使用，可添加到 TctwinsDxf 组件的
|
|
190
|
+
自定义左侧或右侧可拖动面板组件时使用，可添加到 TctwinsDxf 组件的 toolpanel 插槽中使用
|
|
181
191
|
|
|
182
192
|
### Attributes
|
|
183
193
|
|
|
@@ -198,7 +208,63 @@ const eventHandle = (event) => {
|
|
|
198
208
|
| ------- | ---- |
|
|
199
209
|
| default | - |
|
|
200
210
|
|
|
201
|
-
## 组件
|
|
211
|
+
## 组件 TctwinsDxfFile (适用 PC)
|
|
212
|
+
|
|
213
|
+
上传文件插件，结合组件 TctwinsDxfTool 使用
|
|
214
|
+
|
|
215
|
+
### Attributes
|
|
216
|
+
|
|
217
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
218
|
+
| ---------- | -------- | ---- | ------ | -------------- |
|
|
219
|
+
| acceptType | 上传类型 | - | - | 示例：image/\* |
|
|
220
|
+
|
|
221
|
+
### Events
|
|
222
|
+
|
|
223
|
+
| 事件名 | 说明 | 回调参数 |
|
|
224
|
+
| ------ | -------- | ------------ |
|
|
225
|
+
| upload | 选择文件 | (file) => {} |
|
|
226
|
+
| cancel | 取消上传 | () => {} |
|
|
227
|
+
|
|
228
|
+
## 组件 TctwinsMobileDxfPanel (适用 移动端)
|
|
229
|
+
|
|
230
|
+
自定义左侧或右侧面板组件时使用，可添加到 TctwinsDxf 组件的 toolpanel 插槽中使用
|
|
231
|
+
|
|
232
|
+
### Attributes
|
|
233
|
+
|
|
234
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
235
|
+
| ----- | ---- | ------ | ------ | ------ |
|
|
236
|
+
| title | 标题 | string | - | - |
|
|
237
|
+
|
|
238
|
+
### Events
|
|
239
|
+
|
|
240
|
+
| 事件名 | 说明 | 回调参数 |
|
|
241
|
+
| ---------- | -------- | -------- |
|
|
242
|
+
| closePanel | 关闭面板 | - |
|
|
243
|
+
|
|
244
|
+
### Slots
|
|
245
|
+
|
|
246
|
+
| 方法名 | 说明 |
|
|
247
|
+
| ------- | ---- |
|
|
248
|
+
| default | - |
|
|
249
|
+
|
|
250
|
+
## 组件 TctwinsMobileDxfFile (适用 移动端)
|
|
251
|
+
|
|
252
|
+
上传文件插件，结合组件 TctwinsDxfTool 使用
|
|
253
|
+
|
|
254
|
+
### Attributes
|
|
255
|
+
|
|
256
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
257
|
+
| ---------- | -------- | ---- | ------ | -------------- |
|
|
258
|
+
| acceptType | 上传类型 | - | - | 示例：image/\* |
|
|
259
|
+
|
|
260
|
+
### Events
|
|
261
|
+
|
|
262
|
+
| 事件名 | 说明 | 回调参数 |
|
|
263
|
+
| ------ | -------- | ------------ |
|
|
264
|
+
| upload | 选择文件 | (file) => {} |
|
|
265
|
+
| cancel | 取消上传 | () => {} |
|
|
266
|
+
|
|
267
|
+
## 组件 TctwinsDxfTool (适用 PC & 移动端)
|
|
202
268
|
|
|
203
269
|
自定义工具面板组件时使用，可添加到 TctwinsDxf 组件的 toolpanel 插槽中使用
|
|
204
270
|
|
|
@@ -333,9 +399,3 @@ for (const [key, value] of layerMap) {
|
|
|
333
399
|
console.log(`图层名称：${value.name}`);
|
|
334
400
|
}
|
|
335
401
|
```
|
|
336
|
-
|
|
337
|
-
# 说明
|
|
338
|
-
|
|
339
|
-
1. 是否支持移动端查看？
|
|
340
|
-
|
|
341
|
-
- 目前不支持
|