diff --git a/CHANGELOG.md b/CHANGELOG.md index df66aac607f4010cfe2d58f0d70bc6508d22269e..5be0d067dafe026200dc5ddb4748a1058ee2b4da 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ ## [Unreleased] +### Changed + +- 优化树计数器 + ## [0.7.41-alpha.33] - 2025-10-24 ### Changed diff --git a/src/control/tree/tree.tsx b/src/control/tree/tree.tsx index a1d32e617b43a10a9a2757dd2087e2af31869cd0..e5ad1fd8d34d2bd7eab8ccd99338df48d8e3ed84 100644 --- a/src/control/tree/tree.tsx +++ b/src/control/tree/tree.tsx @@ -40,7 +40,6 @@ import { NodeDropType, AllowDropType, } from 'element-plus/es/components/tree/src/tree.type'; -import { isNil } from 'ramda'; import { findNodeData, useElTreeUtil, @@ -117,17 +116,11 @@ export const TreeControl = defineComponent({ useAppTreeBase(c, props); const cascadeSelect = ref(false); - const counterData: Ref = ref({}); // 上下文分组图标显示模式,值为hover时默认隐藏,hover时显示 const menuShowMode: Ref<'default' | 'hover'> = ref('default'); - const fn = (counter: IData) => { - counterData.value = counter; - }; + c.evt.on('onCreated', () => { - if (c.counter) { - c.counter.onChange(fn, true); - } if (c.controlParams.cascadeselect) { cascadeSelect.value = true; } @@ -884,14 +877,14 @@ export const TreeControl = defineComponent({ const renderCounter = (nodeModel: IDETreeNode) => { if (nodeModel.counterId) { - const value = counterData.value[nodeModel.counterId]; - if (isNil(value)) { - return null; - } - if (nodeModel.counterMode === 1 && value === 0) { - return null; - } - return ; + const value = c.state.counterData[nodeModel.counterId]; + return ( + + ); } };