Bug: useVbenVxeGrid在销毁/重建后表单依旧为上次数据

[imdap]

Version

Vben Admin V5

Describe the bug?

useVbenVxeGrid在销毁/重建后表单依旧为上次数据

影响功能: 在modal/drawer中的表格 第二次打开无法查询数据(依旧为上一次表单数据)及使用v-if切换

Reproduction

<script>
const init = ref(true);
async function mockLoadTable() {
  init.value = false;
  await nextTick();
  init.value = true;
}
</script>

<template>
  <Page auto-content-height>
    <Button @click="mockLoadTable">模拟重新加载</Button>
    <Grid v-if="init" />
    <ModalTable />
  </Page>
</template>

使用v-if来模拟组件加载/卸载
第一次点击查询

模拟加载后再次点击依旧为上一次表单的值

useVbenVxeGrid

const Grid = defineComponent(
    (props: VxeGridProps, { attrs, slots }) => {
      onBeforeUnmount(() => {
        api.unmount();
      });
      api.setState({ ...props, ...attrs });

      console.log('表单的值:', extendedApi.formApi.form?.values);

      return () => h(VxeGrid, { ...props, ...attrs, api: extendedApi }, slots);
    },
    {
      inheritAttrs: false,
      name: 'VbenVxeGrid',
    },
  );

System Info

win11

Relevant log output

No response

Validations

• Read the docs
• Ensure the code is up to date. (Some issues have been fixed in the latest version)
• I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[imdap]

相关issue
#4752
#4785

[imdap]

组件销毁重建 闭包引用的外部的extendedApi一直为第一次初始化的值

export function useVbenVxeGrid(options: VxeGridProps) {
  // const IS_REACTIVE = isReactive(options);
  const api = new VxeGridApi(options);
  const extendedApi: ExtendedVxeGridApi = api as ExtendedVxeGridApi;
  extendedApi.useStore = (selector) => {
    return useStore(api.store, selector);
  };

  const Grid = defineComponent(
    (props: VxeGridProps, { attrs, slots }) => {
      onBeforeUnmount(() => {
        api.unmount();
      });
      api.setState({ ...props, ...attrs });
// 这里的api不论组件怎么销毁重建依旧为第一次的值
      return () => h(VxeGrid, { ...props, ...attrs, api: extendedApi }, slots);
    },