bkui-vue 2.0.2-beta.80 → 2.0.2-beta.81

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/lib/index.js CHANGED
@@ -3,5 +3,5 @@ export * from './hooks';
3
3
  export { default } from './preset';
4
4
  export * from './config-provider';
5
5
  export * from './directives';
6
- export const version = "2.0.2-beta.80";
6
+ export const version = "2.0.2-beta.81";
7
7
  window.__bkui_vue_version__ = version;
package/lib/tree/index.js CHANGED
@@ -18925,7 +18925,9 @@ var use_node_action_this = undefined;
18925
18925
  setNodeOpened(item, false, e, true);
18926
18926
  return;
18927
18927
  }
18928
- if (isRemoteFnExec(event)) {
18928
+ /** 如果是异步节点,尝试加载数据 */
18929
+ var isAsyncNode = getNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC);
18930
+ if (isAsyncNode && isRemoteFnExec(event)) {
18929
18931
  /** 如果是异步请求加载 */
18930
18932
  asyncNodeClick(item)["finally"](function () {
18931
18933
  if (getNodeAttr(item, NODE_ATTRIBUTES.IS_LOADING)) {
@@ -18939,6 +18941,9 @@ var use_node_action_this = undefined;
18939
18941
  setNodeOpened(item, true, e, true);
18940
18942
  }
18941
18943
  });
18944
+ } else {
18945
+ /** 非异步节点或者 trigger 不匹配时,直接展开 */
18946
+ setNodeOpened(item, true, e, true);
18942
18947
  }
18943
18948
  };
18944
18949
  /**
@@ -19034,24 +19039,32 @@ var use_node_action_this = undefined;
19034
19039
  return ['selected', 'expand', 'click'];
19035
19040
  };
19036
19041
  /**
19037
- * 点击节点事件
19038
- * @param item
19042
+ * 点击节点内容事件
19043
+ * 处理节点内容(除展开/收起按钮外)的点击行为
19044
+ * @param item 当前节点
19045
+ * @param e 鼠标事件
19046
+ * @param event 事件类型
19039
19047
  */
19040
19048
  var handleNodeContentClick = function handleNodeContentClick(item, e, event) {
19041
19049
  var nodeActions = resolveNodeAction(item);
19050
+ var isOpened = isNodeOpened(item);
19051
+ // 1. 处理 selected 行为:选中节点
19042
19052
  if (nodeActions.includes('selected')) {
19043
- setSelect(item, true, true, true, event);
19053
+ // 如果配置了 expand collapse,selected 不应该自动展开节点
19054
+ // 让展开/收起逻辑由 expand/collapse 单独处理
19055
+ var hasExpandOrCollapse = nodeActions.includes('expand') || nodeActions.includes('collapse');
19056
+ var autoOpen = !hasExpandOrCollapse;
19057
+ setSelect(item, true, autoOpen, true, event);
19044
19058
  }
19045
- if (nodeActions.includes('expand')) {
19046
- if (!isNodeOpened(item)) {
19047
- handleTreeNodeClick(item, e, event);
19048
- }
19059
+ // 2. 处理 expand 行为:仅当节点是收起状态时展开
19060
+ if (nodeActions.includes('expand') && !isOpened) {
19061
+ handleTreeNodeClick(item, e, 'expand');
19049
19062
  }
19050
- if (nodeActions.includes('collapse')) {
19051
- if (isNodeOpened(item)) {
19052
- handleTreeNodeClick(item, e, event);
19053
- }
19063
+ // 3. 处理 collapse 行为:仅当节点是展开状态时收起
19064
+ if (nodeActions.includes('collapse') && isOpened) {
19065
+ handleTreeNodeClick(item, e, 'expand');
19054
19066
  }
19067
+ // 4. 处理 click 行为:触发 node-click 事件
19055
19068
  if (nodeActions.includes('click')) {
19056
19069
  var eventName = EVENTS.NODE_CLICK;
19057
19070
  ctx.emit(eventName, item, resolveScopedSlotParam(item), getSchemaVal(item), e);
package/lib/tree/tree.css CHANGED
@@ -263,9 +263,15 @@
263
263
  padding-left: calc(var(--offset-left));
264
264
  position: relative;
265
265
  }
266
+ .bk-tree .bk-node-row:hover {
267
+ background-color: #f5f7fa;
268
+ }
266
269
  .bk-tree .bk-node-row.is-selected {
267
270
  background-color: #ebf2ff;
268
271
  }
272
+ .bk-tree .bk-node-row.is-selected:hover {
273
+ background-color: #e1ecff;
274
+ }
269
275
  .bk-tree .bk-node-row.drop-before::before {
270
276
  content: '';
271
277
  position: absolute;
@@ -11,8 +11,16 @@
11
11
  padding-left: calc(var(--offset-left));
12
12
  position: relative;
13
13
 
14
+ &:hover {
15
+ background-color: #f5f7fa;
16
+ }
17
+
14
18
  &.is-selected {
15
19
  background-color: #ebf2ff;
20
+
21
+ &:hover {
22
+ background-color: #e1ecff;
23
+ }
16
24
  }
17
25
 
18
26
  &.drop-before {
@@ -394,9 +394,15 @@
394
394
  padding-left: calc(var(--offset-left));
395
395
  position: relative;
396
396
  }
397
+ .bk-tree .bk-node-row:hover {
398
+ background-color: #f5f7fa;
399
+ }
397
400
  .bk-tree .bk-node-row.is-selected {
398
401
  background-color: #ebf2ff;
399
402
  }
403
+ .bk-tree .bk-node-row.is-selected:hover {
404
+ background-color: #e1ecff;
405
+ }
400
406
  .bk-tree .bk-node-row.drop-before::before {
401
407
  content: '';
402
408
  position: absolute;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "2.0.2-beta.80",
3
+ "version": "2.0.2-beta.81",
4
4
  "workspaces": [
5
5
  "packages/**",
6
6
  "scripts/cli",