@xtctwins/tctwins-dxf-next-viewer 0.0.7 → 0.0.8
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 +90 -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 +235 -27
- package/dist/tctwins-dxf-next-viewer.es.js +8784 -7952
- package/dist/tctwins-dxf-next-viewer.es.js.gz +0 -0
- package/dist/tctwins-dxf-next-viewer.umd.js +40 -40
- package/dist/tctwins-dxf-next-viewer.umd.js.gz +0 -0
- package/dist/tctwins-dxf-viewer/action-bar/fullscreen-active.svg +16 -0
- package/dist/tctwins-dxf-viewer/action-bar/fullscreen.svg +16 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -120,30 +120,39 @@ 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 | - | [] |
|
|
141
150
|
|
|
142
151
|
### Events
|
|
143
152
|
|
|
144
|
-
| 事件名 | 说明 | 回调参数
|
|
145
|
-
| ----------- | -------- |
|
|
146
|
-
| eventHandle | 通知事件 | event: { isTool: booolean; event_target: string; event_name: string; content: object;} |
|
|
153
|
+
| 事件名 | 说明 | 回调参数 |
|
|
154
|
+
| ----------- | -------- | ---------------------------------------------------------------------------------------------- |
|
|
155
|
+
| eventHandle | 通知事件 | (event: { isTool: booolean; event_target: string; event_name: string; content: object;}) => {} |
|
|
147
156
|
|
|
148
157
|
### Slots
|
|
149
158
|
|
|
@@ -153,7 +162,7 @@ const eventHandle = (event) => {
|
|
|
153
162
|
| toolpanel | 工具面板内容 |
|
|
154
163
|
| rightpanel | 右侧面板内容 |
|
|
155
164
|
|
|
156
|
-
## 组件 TctwinsDxfPanel
|
|
165
|
+
## 组件 TctwinsDxfPanel (适用 PC)
|
|
157
166
|
|
|
158
167
|
自定义左侧或右侧面板组件时使用，可添加到 TctwinsDxf 组件的 leftpanel 或 rightpanel 插槽中使用
|
|
159
168
|
|
|
@@ -175,9 +184,9 @@ const eventHandle = (event) => {
|
|
|
175
184
|
| ------- | ---- |
|
|
176
185
|
| default | - |
|
|
177
186
|
|
|
178
|
-
## 组件 TctwinsDxfDialog
|
|
187
|
+
## 组件 TctwinsDxfDialog (适用 PC)
|
|
179
188
|
|
|
180
|
-
自定义左侧或右侧可拖动面板组件时使用，可添加到 TctwinsDxf 组件的
|
|
189
|
+
自定义左侧或右侧可拖动面板组件时使用，可添加到 TctwinsDxf 组件的 toolpanel 插槽中使用
|
|
181
190
|
|
|
182
191
|
### Attributes
|
|
183
192
|
|
|
@@ -198,7 +207,63 @@ const eventHandle = (event) => {
|
|
|
198
207
|
| ------- | ---- |
|
|
199
208
|
| default | - |
|
|
200
209
|
|
|
201
|
-
## 组件
|
|
210
|
+
## 组件 TctwinsDxfFile (适用 PC)
|
|
211
|
+
|
|
212
|
+
上传文件插件，结合组件 TctwinsDxfTool 使用
|
|
213
|
+
|
|
214
|
+
### Attributes
|
|
215
|
+
|
|
216
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
217
|
+
| ---------- | -------- | ---- | ------ | -------------- |
|
|
218
|
+
| acceptType | 上传类型 | - | - | 示例：image/\* |
|
|
219
|
+
|
|
220
|
+
### Events
|
|
221
|
+
|
|
222
|
+
| 事件名 | 说明 | 回调参数 |
|
|
223
|
+
| ------ | -------- | ------------ |
|
|
224
|
+
| upload | 选择文件 | (file) => {} |
|
|
225
|
+
| cancel | 取消上传 | () => {} |
|
|
226
|
+
|
|
227
|
+
## 组件 TctwinsMobileDxfPanel (适用 移动端)
|
|
228
|
+
|
|
229
|
+
自定义左侧或右侧面板组件时使用，可添加到 TctwinsDxf 组件的 toolpanel 插槽中使用
|
|
230
|
+
|
|
231
|
+
### Attributes
|
|
232
|
+
|
|
233
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
234
|
+
| ----- | ---- | ------ | ------ | ------ |
|
|
235
|
+
| title | 标题 | string | - | - |
|
|
236
|
+
|
|
237
|
+
### Events
|
|
238
|
+
|
|
239
|
+
| 事件名 | 说明 | 回调参数 |
|
|
240
|
+
| ---------- | -------- | -------- |
|
|
241
|
+
| closePanel | 关闭面板 | - |
|
|
242
|
+
|
|
243
|
+
### Slots
|
|
244
|
+
|
|
245
|
+
| 方法名 | 说明 |
|
|
246
|
+
| ------- | ---- |
|
|
247
|
+
| default | - |
|
|
248
|
+
|
|
249
|
+
## 组件 TctwinsMobileDxfFile (适用 移动端)
|
|
250
|
+
|
|
251
|
+
上传文件插件，结合组件 TctwinsDxfTool 使用
|
|
252
|
+
|
|
253
|
+
### Attributes
|
|
254
|
+
|
|
255
|
+
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
|
256
|
+
| ---------- | -------- | ---- | ------ | -------------- |
|
|
257
|
+
| acceptType | 上传类型 | - | - | 示例：image/\* |
|
|
258
|
+
|
|
259
|
+
### Events
|
|
260
|
+
|
|
261
|
+
| 事件名 | 说明 | 回调参数 |
|
|
262
|
+
| ------ | -------- | ------------ |
|
|
263
|
+
| upload | 选择文件 | (file) => {} |
|
|
264
|
+
| cancel | 取消上传 | () => {} |
|
|
265
|
+
|
|
266
|
+
## 组件 TctwinsDxfTool (适用 PC & 移动端)
|
|
202
267
|
|
|
203
268
|
自定义工具面板组件时使用，可添加到 TctwinsDxf 组件的 toolpanel 插槽中使用
|
|
204
269
|
|
|
@@ -333,9 +398,3 @@ for (const [key, value] of layerMap) {
|
|
|
333
398
|
console.log(`图层名称：${value.name}`);
|
|
334
399
|
}
|
|
335
400
|
```
|
|
336
|
-
|
|
337
|
-
# 说明
|
|
338
|
-
|
|
339
|
-
1. 是否支持移动端查看？
|
|
340
|
-
|
|
341
|
-
- 目前不支持
|