Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: 优化Drawer滚动 & 优化VirtualList参数配置 #330

Merged
merged 2 commits into from
Jun 19, 2023

Conversation

wanchun
Copy link
Collaborator

@wanchun wanchun commented Jun 18, 2023

What kind of change does this PR introduce? (check at least one)

  • Bugfix
  • Feature
  • Code style update
  • Refactor
  • Docs
  • Build-related changes
  • Other, please describe:

Does this PR introduce a breaking change? (check one)

  • Yes
  • No

If yes, please describe the impact and migration path for existing applications:

Related issue (if exists):

Other information:

@wanchun wanchun requested review from aringlai and winixt June 18, 2023 07:06
{ctx.slots.default?.()}
</div>
</FScrollbar>
{getFooter()}
</div>
</div>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

这是一个 Vue 组件的代码补丁,需要对其进行简短的代码审查,包括可能存在的错误风险和改进意见。建议如下:

  • 建议修改导入语句中的默认按钮组件 FButton 为 '../button',因为在后面的使用中,FButton 已经被直接引入过一次。
  • 建议为组件添加更多注释。
  • 建议在适当的位置添加代码分隔符,增强可读性。
  • 对于新增的 FScrollbar 组件,建议添加更多测试用例来完善单元测试,以保证其稳定性。

}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

这段代码补丁中有以下几点可以改进:

  • 第一处改动是在样式表中删去了一个空行,这个改动并不影响样式表的正确性。
  • 第二处改动是为了增加代码可读性,建议给 &-wrapper&-body-container 类名添加注释,如 /* 容器 */
  • 第三处改动是将原来的 &-body 改为了 &-body-wrapper,同时引入了一个新的 &-body-container 元素。可以推断出,这个改动是为了更好地控制内容的滚动,但在代码框架中缺少了新元素的定义,因此建议添加 &-body-container 的具体样式规则。
  • 最后,代码最后一行缺少换行符号。

没有发现明显的潜在问题或危险,建议在新增代码前先对整个样式表进行语法检查和格式化操作。

@@ -17,6 +17,7 @@ export const virtualProps = {
dataSources: {
type: Array as PropType<DataSource[]>,
required: true,
default: (): DataSource[] => [],
},
keeps: {
type: Number,

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

以下是对此代码补丁的简要代码审查:

在这个代码补丁中,我们看到一些更改。具体来说,在 dataSources 属性中添加了一个默认值。

从代码来看,这似乎是合理的更改。这将确保即使没有传递数据源属性,代码也可以正常运行,并且不会抛出未定义的错误。另外,这个默认值似乎是由一个函数提供的,这意味着它可能取决于组件当前的状态,而不是简单的硬编码。

总体而言,这似乎是一个推荐的改进,因为它提高了代码的鲁棒性,降低了错误风险。

@@ -48,7 +48,7 @@
:footer="true"
@ok="show[4] = false"
>
<div>我是内容...</div>
<div style="height: 1000px">我是内容...</div>
<div>我是内容...</div>
<div>我是内容...</div>
</FDrawer>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

这段代码看起来只是在修改了一个组件的样式,将其中一个 <div> 元素的高度设置为了 1000 像素,这样可能会影响页面的排版和渲染速度。如果这种更改不是必要的,可以考虑删除或者优化这个修改,并且需要测试这个修改是否引入了新的 bug 或风险。另外,建议在代码中添加注释以使其更易于阅读和理解。

@winixt winixt merged commit 999ae7d into main Jun 19, 2023
@winixt winixt deleted the feat-drawer-viirtual-list branch June 19, 2023 04:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants