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/dist/cli.css +1 -1
- package/dist/index.cjs.js +15 -15
- package/dist/index.esm.js +2037 -2033
- package/dist/index.umd.js +15 -15
- package/dist/style.variable.css +1 -1
- package/lib/index.js +1 -1
- package/lib/tree/index.js +25 -12
- package/lib/tree/tree.css +6 -0
- package/lib/tree/tree.less +8 -0
- package/lib/tree/tree.variable.css +6 -0
- package/package.json +1 -1
package/lib/index.js
CHANGED
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
|
-
|
|
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
|
-
*
|
|
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
|
-
|
|
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
|
-
|
|
19046
|
-
|
|
19047
|
-
|
|
19048
|
-
}
|
|
19059
|
+
// 2. 处理 expand 行为:仅当节点是收起状态时展开
|
|
19060
|
+
if (nodeActions.includes('expand') && !isOpened) {
|
|
19061
|
+
handleTreeNodeClick(item, e, 'expand');
|
|
19049
19062
|
}
|
|
19050
|
-
|
|
19051
|
-
|
|
19052
|
-
|
|
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;
|
package/lib/tree/tree.less
CHANGED
|
@@ -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;
|