fix: autoComplete can't scroll when keyboard up and down, #1530

[pointhalo]

中文模板 / Chinese Template

• I have read and followed Pull Request Guidelines of the contributing guide.

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

• Bugfix
• Feature
• Code style update
• Refactor
• Test Case
• TypeScript definition update
• Document improve
• CI/CD improve
• Branch sync
• Other, please describe:

PR description

• AutoComplete 未提供如 Select 般，使用键盘上下键切换后选项时，自动将其滚动至视图中的能力，见issue [AutoComplete] 使用方向键切换选项后，希望自动滚动 #1530。本 PR主要修复该问题

  • 参考了 Select中的做法，调整scrollTop值
  • 同时在过程中发现 autocomplete的 constant.js 中关于 dom的classname存在两种写法：autoComplete、autocomplete，本次统一为后者（即修改子组件，不动父组件）。同时更新单测中的选择器（原单测也存在两种写法，非正常情况）

• 顺带修正的问题

  • storybook的main.js中 console.log 使用到了 chalk，但依赖声明未包含，因此显式增加了依赖（仅对本 monorepo工程作用，对用户无影响）
  • 升级了 webpack-cli （v3 -> v5），避免npm run boostrap时的 warning

Changelog

🇨🇳 Chinese

• Fix: 修复 AutoComplete 选项多于一页时，使用键盘 ArrowUp、ArrowDown切换时无法自动滚动至视图中的问题 [AutoComplete] 使用方向键切换选项后，希望自动滚动 #1530
• Fix：修复 AutoComplete 的子组件 className 大小写与父组件(.semi-autocomplete)不一致的问题（.semi-autoComplete-option -> .semi-autocompelte-option），一致改为小写

---

🇺🇸 English

• Fix: Fixed AutoComplete option when more than one page, when using keyboard ArrowUp, ArrowDown switch can not automatically scroll to view issue [AutoComplete] 使用方向键切换选项后，希望自动滚动 #1530
• Fix: Fix the problem that the case of the child component className of AutoComplete is inconsistent with the parent component, and the consistent is changed to lowercase (.semi-autoComplete-option - > .semi-autocompelte-option)

Checklist

• Test or no need
• Document or no need
• Changelog or no need

Other

• Skip Changelog

Additional information

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit da30645:

Sandbox	Source
pr-story	Configuration

[cypress]

semi-design    Run #2836

Run Properties:   Passed #2836  •  2f31c145a1 ℹ️: Merge da30645c8d4216d4bc17948cd8e72da1f0736b95 into 8a0c32124fb0ca5cfde700c1c128...

Project	semi-design
Branch Review	fix-1530
Run status	Passed #2836
Run duration	08m 05s
Commit	2f31c145a1 ℹ️: Merge da30645c8d4216d4bc17948cd8e72da1f0736b95 into 8a0c32124fb0ca5cfde700c1c128...
Committer	pointhalo
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	11
Skipped	0
Passing	264
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎

[cypress]

semi-design    Run #2839

Run Properties:   Passed #2839  •  f79576d9ce: fix: autoComplete can't scroll when keyboard up and down, #1530 (#2501)

Project	semi-design
Branch Review	main
Run status	Passed #2839
Run duration	08m 13s
Commit	f79576d9ce: fix: autoComplete can't scroll when keyboard up and down, #1530 (#2501)
Committer	pointhalo
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	11
Skipped	0
Passing	264
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎