[WIP] Chore update storybook

[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

1. 升级 storybook版本，原低版本 storybook 基于 webpack4，现根目录 webpack锁定v5后，storybook无法跑起、导致 e2e cyprss 也无法运行

• @storybook/react@^6.4.10
• @storybook/[email protected]
  • @storybook/[email protected]
  • @storybook/manager-webpack4
• 改写已废弃的 storiesOf 写法

2. 升级 babel相关依赖版本
3. 升级 ci 相关镜像 node 版本
4. 解决升级后更严格的ts类型检查报错问题

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 1232094:

Sandbox	Source
pr-story	Configuration
Semi Design: Simple Story	Configuration

[pointhalo]

需要更新 Cypress Image，过低 node Js 版本无法运行 storybook react v7

[pointhalo]

CI Codesandbox 中 gatsby svgr 相关插件 peer version未满足。该插件最近一年已未更新，但 peer 与 readme 描述有区别，readme中 for gatsby v2，pacakge.json require gatsby v3

[pointhalo]

1. lerna bootstrap -- --legacy-peer-deps
2. 降低 gatsby plugin svgr 版本，均无效。仍然有同样报错，且本地无法复现，可能CI 上有构建缓存

[pointhalo]

1. lerna bootstrap -- --legacy-peer-deps
2. 降低 gatsby plugin svgr 版本，均无效。仍然有同样报错，且本地无法复现，可能CI 上有构建缓存

不起作用是因为原 pacakge.json 中 npm i lerna 没有 -g，lerna 作为项目依赖安装。

// package.json scripts
- install:codesandbox:  npm i lerna && lerna bootstrap
+ install:codesandbox:  npm i lerna -g && lerna bootstrap

[pointhalo]

问题

解决 peer Dependency conflict 后，新的问题为 ts type check fail

解决方案

• 修改 overflowList 、table foundation type define

[pointhalo]

问题

babel/types升级 7.21.0后， babel-plugin-lodash （gatsby的依赖）使用的 babel/types，存在废弃 API warning

解决方案

• overrides 锁定间接依赖版本 ,参考 isModuleDeclaration has been deprecated lodash/babel-plugin-lodash#259
• 或者等待 migrate to isImportOrExportDeclaration lodash/babel-plugin-lodash#260 合入后，可以将 overrides 去除