vue3-tunnel-lining-plugins 1.0.8 → 1.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 +70 -5
- package/package.json +4 -8
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@ Vue3 隧道衬砌 UI 组件库,用于 MxCAD。
|
|
|
5
5
|
## 安装
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install vue3-tunnel-lining-plugins
|
|
8
|
+
npm install vue3-tunnel-lining-plugins@1.0.8
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
## 使用方式
|
|
@@ -43,13 +43,17 @@ npm install vue3-tunnel-lining-plugins
|
|
|
43
43
|
// npm install vue3-tunnel-lining-plugins vue mxcad mxcad-app mxdraw
|
|
44
44
|
|
|
45
45
|
// 2. 引入模块
|
|
46
|
-
import { DL5 } from 'vue3-tunnel-lining-plugins';
|
|
46
|
+
import { DL5, DL200, SL160 } from 'vue3-tunnel-lining-plugins';
|
|
47
47
|
// 或者单独引入某个插件
|
|
48
|
-
import DL5 from 'vue3-tunnel-lining-plugins/
|
|
48
|
+
import DL5 from 'vue3-tunnel-lining-plugins/dl5plugin.js';
|
|
49
|
+
import DL200 from 'vue3-tunnel-lining-plugins/dl200plugin.js';
|
|
50
|
+
import SL160 from 'vue3-tunnel-lining-plugins/sl160plugin.js';
|
|
49
51
|
|
|
50
52
|
export default {
|
|
51
53
|
components: {
|
|
52
|
-
DL5
|
|
54
|
+
DL5,
|
|
55
|
+
DL200,
|
|
56
|
+
SL160
|
|
53
57
|
}
|
|
54
58
|
}
|
|
55
59
|
```
|
|
@@ -109,6 +113,13 @@ window['__CommandParams__'] = {
|
|
|
109
113
|
'DL5': [
|
|
110
114
|
['paramKey1', 'value1'],
|
|
111
115
|
['paramKey2', 'value2']
|
|
116
|
+
],
|
|
117
|
+
'DL200': [
|
|
118
|
+
['width', '200'],
|
|
119
|
+
['height', '150']
|
|
120
|
+
],
|
|
121
|
+
'SL160': [
|
|
122
|
+
['type', 'standard']
|
|
112
123
|
]
|
|
113
124
|
};
|
|
114
125
|
|
|
@@ -124,7 +135,7 @@ MxFun.sendStringToExecute('DL5');
|
|
|
124
135
|
</template>
|
|
125
136
|
|
|
126
137
|
<script>
|
|
127
|
-
import DL5 from 'vue3-tunnel-lining-plugins/
|
|
138
|
+
import DL5 from 'vue3-tunnel-lining-plugins/dl5plugin.js';
|
|
128
139
|
import dl5Data from './data/dl5-config.json';
|
|
129
140
|
|
|
130
141
|
export default {
|
|
@@ -173,12 +184,54 @@ export default {
|
|
|
173
184
|
}
|
|
174
185
|
```
|
|
175
186
|
|
|
187
|
+
## npm 组件导出
|
|
188
|
+
|
|
189
|
+
npm 包导出以下内容:
|
|
190
|
+
|
|
191
|
+
```javascript
|
|
192
|
+
export { default as DL5Plugin } from './dl5plugin.js';
|
|
193
|
+
export { default as DL200Plugin } from './dl200plugin.js';
|
|
194
|
+
export { default as SL160Plugin } from './sl160plugin.js';
|
|
195
|
+
|
|
196
|
+
export const DL5 = DL5Plugin;
|
|
197
|
+
export const DL200 = DL200Plugin;
|
|
198
|
+
export const SL160 = SL160Plugin;
|
|
199
|
+
|
|
200
|
+
export default {
|
|
201
|
+
DL5: DL5Plugin,
|
|
202
|
+
DL200: DL200Plugin,
|
|
203
|
+
SL160: SL160Plugin
|
|
204
|
+
};
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
## 内部实现说明
|
|
208
|
+
|
|
209
|
+
### 参数获取机制
|
|
210
|
+
|
|
211
|
+
每个命令函数内部会从全局对象获取配置参数:
|
|
212
|
+
|
|
213
|
+
1. 首先尝试从 `window['__CommandParams__'][commandName]` 获取
|
|
214
|
+
2. 然后尝试从插件全局对象的 `config`、`params`、`data` 属性获取
|
|
215
|
+
3. 获取后自动删除已读取的参数,避免重复使用
|
|
216
|
+
|
|
217
|
+
### 命令执行日志
|
|
218
|
+
|
|
219
|
+
每个命令执行时会输出调试日志:
|
|
220
|
+
|
|
221
|
+
```javascript
|
|
222
|
+
// 示例输出
|
|
223
|
+
[DL5] 执行命令,配置: [['param1', 'value1'], ['param2', 'value2']]
|
|
224
|
+
[DL200] 执行命令,配置: undefined
|
|
225
|
+
[SL160] 从全局参数存储获取: [['type', 'standard']]
|
|
226
|
+
```
|
|
227
|
+
|
|
176
228
|
## 注意事项
|
|
177
229
|
|
|
178
230
|
1. 使用 UMD 版本时,需要确保依赖库(Vue、MxCAD、MxDraw)已正确加载
|
|
179
231
|
2. MxCAD 需要 SharedArrayBuffer 支持,因此需要配置正确的 COOP/COEP 头
|
|
180
232
|
3. 参数传递建议使用全局参数存储方式 `window['__CommandParams__']`
|
|
181
233
|
4. 执行命令前需要确保 MxFun 已就绪
|
|
234
|
+
5. 每个命令执行后会自动清除已读取的参数,避免重复使用
|
|
182
235
|
|
|
183
236
|
## 开发模式
|
|
184
237
|
|
|
@@ -193,6 +246,18 @@ npm run build:plugin
|
|
|
193
246
|
npm run dev
|
|
194
247
|
```
|
|
195
248
|
|
|
249
|
+
## 更新日志
|
|
250
|
+
|
|
251
|
+
### v1.0.8
|
|
252
|
+
- 统一 DL5、DL200、SL160 组件写法,确保从 Start 模块加载
|
|
253
|
+
- 实现通过 `window['__CommandParams__']` 传递参数功能
|
|
254
|
+
- 添加命令执行日志输出
|
|
255
|
+
- 修改 addCommand 接收参数方式,支持参数传递
|
|
256
|
+
- npm 组件从 src/data 目录引用参数配置
|
|
257
|
+
|
|
258
|
+
### v1.0.7
|
|
259
|
+
- 初始版本发布
|
|
260
|
+
|
|
196
261
|
## License
|
|
197
262
|
|
|
198
263
|
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue3-tunnel-lining-plugins",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"description": "Vue3 Tunnel Lining UI Plugins for MxCAD",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "dl5plugin.js",
|
|
@@ -37,13 +37,9 @@
|
|
|
37
37
|
],
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"vue": "^3.0.0",
|
|
40
|
-
"mxcad": "^
|
|
41
|
-
"mxcad-app": "^
|
|
42
|
-
"mxdraw": "^0.1.0"
|
|
43
|
-
"vue-i18n": "^9.0.0",
|
|
44
|
-
"pinia": "^2.0.0",
|
|
45
|
-
"vuetify": "^3.0.0",
|
|
46
|
-
"axios": "^1.0.0"
|
|
40
|
+
"mxcad": "^1.0.379",
|
|
41
|
+
"mxcad-app": "^1.0.63",
|
|
42
|
+
"mxdraw": "^0.1.0"
|
|
47
43
|
},
|
|
48
44
|
"keywords": [
|
|
49
45
|
"vue3",
|