@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数据 | [TreeDataType](#TreeDataType)[] | - |
39
- | config | BOM树显示配置 | Object | - |
40
- | menuTriggerMode | 树节点菜单触发方式 | 'context-menu'(右键点击) \| 'click'(左键菜单按钮) | 'context-menu' |
41
- | node-menu(v-slot) | 树节点菜单内容 | slot(tree-node: [TreeDataType](#TreeDataType)) | _ |
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
- | treeMenuTriggerMode | 树节点菜单触发方式 | 'context-menu'(右键点击) \| 'click'(左键菜单按钮) | 'context-menu' |
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: contents;
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
- :menu-trigger-mode="props.maintainable"
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: contents;
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
- :menu-trigger-mode="props.maintainable"
77
+ :maintainable="props.maintainable"
78
78
  @select="(data: BomNode) => onSelected(data)"
79
79
  >
80
80
  <template #node-menu="{ treeNode }">
package/dist/style.css CHANGED
@@ -49,8 +49,7 @@
49
49
  [block=""]{display:block;}
50
50
  .inline-block,
51
51
  [inline-block=""]{display:inline-block;}
52
- .contents,
53
- [contents=""]{display:contents;}
52
+ .contents{display:contents;}
54
53
  .hidden,
55
54
  [hidden=""]{display:none;}
56
55
  .h-100\%{height:100%;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@handaotech-design/bom",
3
- "version": "0.0.35",
3
+ "version": "0.0.37",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "exports": {