描述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
范围属性。
系统
- 无响应*
其他上下文
- 无响应*
2条答案
按热度按时间kx7yvsdv1#
cc @chakAs3,这可能是另一个要添加到
vue-docgen-cli
列表的人?ukxgm1gy2#
cc @chakAs3 可能是另一个要添加到
vue-docgen-cli
列表的人?我因为几个原因真的放弃了 vue-docgen-cli,其中一个原因是这个。所以为了让你们知道,我已经实现了 volar,不知道什么时候会被合并。