描述bug

当使用包含带有属性的范围插槽的组件创建故事时，vue-docgen-cli 不能正确解析这些属性，从而导致生成错误的源代码模板。

重现问题

给定一个实现范围插槽的 Vue 组件(简化示例)

<script lang="ts" setup>
defineSlots<{
default?: () => any;
icon?: (props: {
size: 'md';
fill: "currentColor";
}) => any;
}>();
</script>

<template>
  <button>
    <div v-if="$slots.icon">
      <slot name="icon" size="md" fill="currentColor" />
    </div>
    <slot />
  </button>
</template>

export const OnlyIcon: Story = {
  render: (args) => ({
    components: { BFloatingButton, EditIcon },
    setup() {
      return { args };
    },
    template: `
<BFloatingButton v-bind="args">
<template #icon="iconProps">
<EditIcon v-bind="iconProps"/>
</template>
</BFloatingButton>
`,
  }),
};

在这个例子中，<EditIcon v-bind /> 链接到传递给父组件的相同 v-bind 对象，而不是引用和扩展 iconProps 范围属性。

系统

• 无响应*

其他上下文

• 无响应*