initData() 返回非字面量的值（类型为 function）时，没有正确识别

[zhuguoxi]

let components = {
    'x-label': defineComponent({
        template: `<div>x-laber</div>`
    })
}
module.exports = defineComponent({
    components,
    template: `<div s-if="components['x-label']"><x-label/></div>`,
    initData() {
        return {
            components
        }
    }
})

报错信息：
无输出 html string

[harttle]

我发现 initData 返回值只要不是 Literal 就可能有问题，比如下面的代码组件渲染结果预期是 true：

let foo = { bar: {} }

const MyApp = san.defineComponent({
  template: '<div>{{foo.bar == bar}}</div>'
});

var instance = new MyApp({
  data: {
    foo: foo,
    bar: foo.bar
  }
});

如果 initData 在编译期 toString() 后 data 会变成：

{
  foo: { bar: {} },
  bar: {}
}

最终会导致渲染成 false。所以如果要支持这种场景，结论是：只有明确 initData 返回值是 Literal 的时候，才能够在编译期执行 initData。

推论1：DynamicComponent（输入为 ComponentClass 的情况）只能在运行时执行 initData，因为无法得知它的返回值是否是 Literal。
推论2：compileToRender 只能在运行时执行 initData，因为 compileToRender 只支持 DynamicComponent。
推论3：initData 任何情况都不能编译期生成，因为非 DynamicComponent 的情况 san-ssr 编译期无法执行它的代码，也无法拿到 initData 的结果。

[errorrik]

@zhuguoxi 这么写的目的是啥，为了满足什么样的应用场景？

[zhuguoxi]

业务代码中 在使用s-is场景中做判断是否有必要渲染组件。

let components = {
    'x-label': defineComponent({
        template: `<div>x-laber</div>`
    })
}
let cmptKeys = ['x-label', 'other'];

module.exports = defineComponent({
    components,
    template: `
        <div s-for="cmptKey in cmptKeys">
            <x-cmpt
                s-is="comKey"
                s-if="components[comKey]"></x-cmpt>
        </div>
    `,
    initData() {
        return {
            components,
            cmptKeys
        }
    }
})

[errorrik]

let components = {};
let cmptKeys = [];

let template = '<fragment>';
cmptKeys.forEach(key => {
    if (components[key]) {
        template += `<div><x-cmpt s-is="${components[key]}" /></div>`;
    }
});
template += '</fragment>';

module.exports = defineComponent({
    components,
    template
});

组件实例化前就确定的东西，不必等到组件渲染时

[github-actions]

🎉 This issue has been resolved in version 4.6.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀