naive-ui tree组件同时使用render-prefix和on-update:expanded-keys渲染前缀时后者不生效

tree组件同时使用render-prefix和on-update:expanded-keys渲染前缀时后者不生效

Open Star-tears opened this issue 10 months ago • 4 comments

Describe the bug

tree组件同时使用render-prefix和on-update:expanded-keys渲染前缀时后者不生效，由于并不希望在数据部分写prefix，所以要用到render-prefix，但同时希望在展开时切换图标，此时on-update:expanded-keys绑定的函数切换图标不生效。或者说有什么技巧能解决我现在的需求，谢谢告知。

Steps to reproduce

const updatePrefixWithExpaned = (
  _keys: Array<string | number>,
  _option: Array<TreeOption | null>,
  meta: {
    node: TreeOption | null;
    action: 'expand' | 'collapse' | 'filter';
  }
) => {
  if (!meta.node) return;
  switch (meta.action) {
    case 'expand':
      console.log('ex');
      meta.node.prefix = () =>
        h(NIcon, null, {
          default: () => h(FolderOpenOutline)
        });
      break;
    case 'collapse':
      meta.node.prefix = () =>
        h(NIcon, null, {
          default: () => h(Folder)
        });
      break;
  }
};

const renderPrefix = ({
  option,
  checked,
  selected
}: {
  option: TreeOption;
  checked: boolean;
  selected: boolean;
}) => {
  if (option.children && option.children.length > 0)
    return h(NIcon, null, {
      default: () => h(Folder)
    });
  return h(NIcon, null, {
    default: () => h(FileTrayFullOutline)
  });
};

Link to minimal reproduction

无

System Info

无

Used Package Manager

yarn

Validations

[X] Read the Contributing Guidelines.
[X] Read the docs.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
[X] The provided reproduction is a minimal reproducible example of the bug.