diff --git a/CHANGELOG.md b/CHANGELOG.md index db2f789e863cba3dab3e817f5365afa636e445ee..7e77056a1d792304ba9fdf5f07468171b6dd5ac5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,11 @@ - 新增上传组件文件下载鉴权 - 新增列表左右滑动界面行为组,卡片项行为组,门户部件界面行为组,面板按钮组,表单按钮组识别引用界面行为组 +### Fixed + +- 修复树部件在内容区滚动时,内容区元素会与面包屑元素重叠 +- 修复树部件在树导航视图中,点击树节点会跳转新的页面 + ## [0.7.41-alpha.13] - 2025-09-04 ### Added diff --git a/src/control/tree/tree.scss b/src/control/tree/tree.scss index a5c8661c90a9f43a52d326013339b050a0ab0d4c..39872d10d53aa5220bb174e26b1731ea352171a2 100644 --- a/src/control/tree/tree.scss +++ b/src/control/tree/tree.scss @@ -102,9 +102,25 @@ $control-treeview-crumb: ( } } + // 适配面包屑高度在内容区滚动时始终为0px + @include e('container') { + height: auto; + &>div, + .van-sticky { + height: auto !important; + } + } + @include when('no-root') { &>span:has(.#{bem('control-treeview-header__crumb')}.is-root) { display: none; } } } + +@include b(control-treeview-container) { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; +} \ No newline at end of file diff --git a/src/control/tree/tree.tsx b/src/control/tree/tree.tsx index 3debacf8a8e88b9ad3743796a1a6c83e19529730..76b87f22c852798ee80b8dd9fffc9d59a6cfd2f8 100644 --- a/src/control/tree/tree.tsx +++ b/src/control/tree/tree.tsx @@ -59,6 +59,10 @@ export const TreeControl = defineComponent({ * @default true */ singleSelect: { type: Boolean, default: true }, + /** + * @description 是否是导航内的(即树导航里的树) + */ + navigational: { type: Boolean, default: undefined }, }, setup() { const c = useControlController( @@ -396,17 +400,19 @@ export const TreeControl = defineComponent({ }; const key = this.c.controlPanel ? 'tree' : 'default'; slots[key] = () => { - return [ + const content = [ this.breadcrumb && ( - -
-
+
+ +
+
+
), this.c.state.isCreated && this.c.state.isLoaded && ( ), ]; + return
{content}
; }; return {slots}; },