feat: 更改 demo 解析方式以及相应的 sandbox/codepen 生成

[headwindz]

Types of changes

• [x] New feature
• [ ] Bug fix
• [ ] Documentation change
• [ ] Coding style change
• [ ] Refactoring
• [ ] Performance improvement
• [ ] Test cases
• [ ] Continuous integration
• [ ] Typescript definition change
• [ ] Breaking change

Background and context

更改 demo 解析方式以及相应的 sandbox/codepen 生成。 在 demo 中移除 ReactDOM 以及 CONTAINER，这样能更好地支持 demo中的 typescript 校验

Solution

• demo 变更: js代码块由

import { Button } from '@arco-design/web-react';

ReactDOM.render(<Button />, CONTAINER);

变更为

import { Button } from '@arco-design/web-react';

const App = () => {
  return <Button type="primary"> Primary </Button>;
};

export default App;

• Codesandbox 变更

1. 分为 demo.js (包含demo主逻辑) 和 index.js (包含ReactDOM.render)
2. 自动跳转到对应的 demo.js

• Codepen 变更

1. 将 demo 中的 export 替换为 ReactDOM.render

How is the change tested?

Changelog

Changelog(CN)	Changelog(EN)	Related issues

Checklist:

• [x] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• [x] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to master branch)

Other information