@handaotech-design/bom 0.0.35 → 0.0.37
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
CHANGED
|
@@ -33,12 +33,12 @@ app.use(HdBomWorkbench);
|
|
|
33
33
|
|
|
34
34
|
#### HdBomTree Props
|
|
35
35
|
|
|
36
|
-
| 参数 | 说明
|
|
37
|
-
|
|
38
|
-
| treeData | BOM数据
|
|
39
|
-
| config | BOM树显示配置
|
|
40
|
-
|
|
|
41
|
-
| node-menu(v-slot) | 树节点菜单内容
|
|
36
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
37
|
+
|-------------------|----------|------------------------------------------------|-------|
|
|
38
|
+
| treeData | BOM数据 | [TreeDataType](#TreeDataType)[] | - |
|
|
39
|
+
| config | BOM树显示配置 | Object | - |
|
|
40
|
+
| maintainable | 是否开启维护模式 | boolean | false |
|
|
41
|
+
| node-menu(v-slot) | 树节点菜单内容 | slot(tree-node: [TreeDataType](#TreeDataType)) | _ |
|
|
42
42
|
|
|
43
43
|
#### 事件
|
|
44
44
|
| 事件名称 | 说明 | 回调参数 |
|
|
@@ -58,7 +58,7 @@ app.use(HdBomWorkbench);
|
|
|
58
58
|
| bomData | BOM树数据 | [TreeDataType](#TreeDataType)[] | - |
|
|
59
59
|
| treeConfig | BOM树显示配置 | Object | - |
|
|
60
60
|
| layoutConfig | 布局配置 | Object{maxLeftWidth: number // 布局左侧默认宽度} | {maxLeftWidth: 500} |
|
|
61
|
-
|
|
|
61
|
+
| maintainable | 是否开启维护模式 | boolean | false |
|
|
62
62
|
| tree-node-menu(v-slot) | 树节点菜单内容 | slot | |
|
|
63
63
|
|
|
64
64
|
具体交互参考 HdBomWorkbench 组件
|
|
@@ -324,7 +324,7 @@ defineExpose({
|
|
|
324
324
|
font-size: 16px;
|
|
325
325
|
display: flex;
|
|
326
326
|
justify-content: center;
|
|
327
|
-
padding: 4px 12px;
|
|
327
|
+
padding: 4px 0 4px 12px;
|
|
328
328
|
}
|
|
329
329
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-indent-unit {
|
|
330
330
|
width: 10px;
|
|
@@ -355,8 +355,6 @@ defineExpose({
|
|
|
355
355
|
white-space: nowrap;
|
|
356
356
|
flex: 1;
|
|
357
357
|
min-width: 0;
|
|
358
|
-
}
|
|
359
|
-
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle {
|
|
360
358
|
position: relative;
|
|
361
359
|
}
|
|
362
360
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle.selectable {
|
|
@@ -365,16 +363,13 @@ defineExpose({
|
|
|
365
363
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle.not-selectable {
|
|
366
364
|
cursor: auto;
|
|
367
365
|
}
|
|
368
|
-
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle .menu-trigger {
|
|
369
|
-
position: absolute;
|
|
370
|
-
right: -8px;
|
|
371
|
-
transition: all 0.2s ease;
|
|
372
|
-
}
|
|
373
366
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle .click-menu-wrapper {
|
|
374
367
|
display: none;
|
|
368
|
+
margin-left: auto;
|
|
369
|
+
margin-right: 4px;
|
|
375
370
|
}
|
|
376
371
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle:hover .click-menu-wrapper {
|
|
377
|
-
display:
|
|
372
|
+
display: block;
|
|
378
373
|
}
|
|
379
374
|
:deep(.ant-tree-list) .ant-tree-treenode:hover {
|
|
380
375
|
background-color: #E9EBED;
|
|
@@ -74,7 +74,7 @@ defineExpose({
|
|
|
74
74
|
ref="treeRef"
|
|
75
75
|
:tree-data="bomDataForTree"
|
|
76
76
|
:config="props.treeConfig"
|
|
77
|
-
:
|
|
77
|
+
:maintainable="props.maintainable"
|
|
78
78
|
@select="(data: BomNode) => onSelected(data)"
|
|
79
79
|
>
|
|
80
80
|
<template #node-menu="{ treeNode }">
|
|
@@ -324,7 +324,7 @@ defineExpose({
|
|
|
324
324
|
font-size: 16px;
|
|
325
325
|
display: flex;
|
|
326
326
|
justify-content: center;
|
|
327
|
-
padding: 4px 12px;
|
|
327
|
+
padding: 4px 0 4px 12px;
|
|
328
328
|
}
|
|
329
329
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-indent-unit {
|
|
330
330
|
width: 10px;
|
|
@@ -355,8 +355,6 @@ defineExpose({
|
|
|
355
355
|
white-space: nowrap;
|
|
356
356
|
flex: 1;
|
|
357
357
|
min-width: 0;
|
|
358
|
-
}
|
|
359
|
-
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle {
|
|
360
358
|
position: relative;
|
|
361
359
|
}
|
|
362
360
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle.selectable {
|
|
@@ -365,16 +363,13 @@ defineExpose({
|
|
|
365
363
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle.not-selectable {
|
|
366
364
|
cursor: auto;
|
|
367
365
|
}
|
|
368
|
-
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle .menu-trigger {
|
|
369
|
-
position: absolute;
|
|
370
|
-
right: -8px;
|
|
371
|
-
transition: all 0.2s ease;
|
|
372
|
-
}
|
|
373
366
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle .click-menu-wrapper {
|
|
374
367
|
display: none;
|
|
368
|
+
margin-left: auto;
|
|
369
|
+
margin-right: 4px;
|
|
375
370
|
}
|
|
376
371
|
:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle:hover .click-menu-wrapper {
|
|
377
|
-
display:
|
|
372
|
+
display: block;
|
|
378
373
|
}
|
|
379
374
|
:deep(.ant-tree-list) .ant-tree-treenode:hover {
|
|
380
375
|
background-color: #E9EBED;
|
|
@@ -74,7 +74,7 @@ defineExpose({
|
|
|
74
74
|
ref="treeRef"
|
|
75
75
|
:tree-data="bomDataForTree"
|
|
76
76
|
:config="props.treeConfig"
|
|
77
|
-
:
|
|
77
|
+
:maintainable="props.maintainable"
|
|
78
78
|
@select="(data: BomNode) => onSelected(data)"
|
|
79
79
|
>
|
|
80
80
|
<template #node-menu="{ treeNode }">
|
package/dist/style.css
CHANGED