San框架中处理默认插槽与空白文本节点的技巧

在San框架组件开发过程中，处理插槽内容时经常会遇到一个典型问题：如何准确判断默认插槽是否被实际传入内容。这个问题在同时存在默认插槽和命名插槽的情况下尤为突出。

问题现象

当组件同时定义了默认插槽和命名插槽时，即使外部只使用了命名插槽，组件内部通过this.sourceSlots?.noname检查默认插槽时也会得到有值的结果。这导致无法准确判断默认插槽是否被实际使用。

问题根源

这种现象的根本原因是San框架默认会保留模板中的空白文本节点。当组件被使用时，即使开发者没有显式传入默认插槽内容，模板解析过程中产生的空白字符（如换行、空格等）也会被保留为文本节点，从而被识别为默认插槽内容。

解决方案

San框架提供了trimWhitespace属性来解决这个问题。该属性有三种配置选项：

1. none（默认值）：保留所有空白文本节点
2. blank：删除空白文本节点，但保留换行符
3. all：删除所有空白文本节点

对于需要精确判断默认插槽是否存在的场景，建议将trimWhitespace设置为blank或all。这样，当没有实际传入默认插槽内容时，this.sourceSlots?.noname检查将返回预期结果。

作用范围说明

trimWhitespace属性仅对声明它的当前组件有效，不会影响子组件的行为。这意味着：

• 父组件的空白处理策略不会自动传递给子组件
• 每个组件可以独立控制自己的空白处理行为
• 子组件需要单独配置自己的trimWhitespace属性

最佳实践建议

1. 对于需要精确判断插槽内容的组件，建议显式设置trimWhitespace属性
2. 根据项目风格选择blank或all配置：
   • 如果希望保留代码格式化带来的换行，使用blank
   • 如果需要完全干净的DOM结构，使用all
3. 在组件文档中明确说明插槽的使用要求和行为

通过合理配置trimWhitespace属性，开发者可以更精确地控制插槽内容的行为，构建更健壮的组件逻辑。