Helium-Z

Hi，你说的生成的 Code 中会出现分号指的是？

我这边没有 windows 环境，方便的话可以排查一下可以给这个[仓库](https://github.com/arco-design/arco-material-template/blob/main/packages/template-core/vue/scripts(%24-l)/add-component.js)提个 PR。添加组件的脚本位于项目的 `scripts/add-component.js`。

你的环境可以访问这个接口不 https://arco.design/material/api/getHostInfo

我这边没有什么思路，可能需要你克隆一下仓库帮忙排查一下

`onSearch` 可以认为是由 `inputValue` 的改变所触发的，所以用 ReactHook 来触发它其实更加合适，逻辑也会更清楚。同样的逻辑在 `Select` 中也存在，[相关代码](https://github.com/arco-design/arco-design/blob/main/components/Select/select.tsx#L295)，除了 `inputValue` 需要发生改变，还要对其改变的原因进行判断。

`npm i arco-cli -g`, arco ✅ / argo ❌

引入了什么其他的文件类型吗？拓展一下 Storybook 的 webpack 配置试试呢。

其实基本上都是生成的 API 顺序的改变，不过现在工具已经支持自定义排序规则了。我们可以加一下排序规则，一方面可以减少上边的问题，另一方面也可以提升 API 文档的阅读体验。

尝试复现了一下，这似乎是一个 FireFox 的问题。在 [这个例子](https://codesandbox.io/s/elated-jackson-vqvopl?file=/demo.js) 中，如果点击右侧的灰色区域，`onClick` 回调是无法被触发的。 

https://github.com/ariakit/ariakit/issues/844#issuecomment-997346656 https://github.com/reactwg/react-18/discussions/111 目前似乎除了 React 18 的 useId，没有可行的解决方案。