From 9f30c731865debde6fd5cd26b9fe98b65376d4bd Mon Sep 17 00:00:00 2001 From: Cano1997 <1978141412@qq.com> Date: Tue, 15 Apr 2025 10:35:07 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=A0=91=E9=83=A8?= =?UTF-8?q?=E4=BB=B6menuShowMode=E5=8F=82=E6=95=B0=EF=BC=8C=E6=8E=A7?= =?UTF-8?q?=E5=88=B6=E8=8A=82=E7=82=B9=E4=B8=8A=E4=B8=8B=E6=96=87=E8=8F=9C?= =?UTF-8?q?=E5=8D=95hover=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/control/tree/tree.scss | 16 ++++++++++++++++ src/control/tree/tree.tsx | 7 +++++++ 2 files changed, 23 insertions(+) diff --git a/src/control/tree/tree.scss b/src/control/tree/tree.scss index 7ee9aade..53772f1f 100644 --- a/src/control/tree/tree.scss +++ b/src/control/tree/tree.scss @@ -109,6 +109,22 @@ $control-treeview-tree: ( color: getCssVar(control-treeview, disabled-color); cursor: not-allowed; } + + @include e(buttons) { + @include m(hover) { + .#{bem('context-menu','item')} { + display: none; + } + } + } + + &:hover { + .#{bem('control-treeview-node', 'buttons', 'hover')} { + .#{bem('context-menu','item')} { + display: block; + } + } + } } @include b(control-treeview-new-node){ diff --git a/src/control/tree/tree.tsx b/src/control/tree/tree.tsx index f447bcdf..4d07f143 100644 --- a/src/control/tree/tree.tsx +++ b/src/control/tree/tree.tsx @@ -89,6 +89,9 @@ export const TreeControl = defineComponent({ const cascadeSelect = ref(false); const counterData = reactive({}); + + // 上下文分组图标显示模式 + const menuShowMode = ref('default'); const fn = (counter: IData) => { Object.assign(counterData, counter); }; @@ -99,6 +102,9 @@ export const TreeControl = defineComponent({ if (c.controlParams.cascadeselect) { cascadeSelect.value = true; } + if (c.controlParams.menushowmode) { + menuShowMode.value = c.controlParams.menushowmode; + } }); onUnmounted(() => { @@ -650,6 +656,7 @@ export const TreeControl = defineComponent({ return (