search

alibaba / lowcode-engine

An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系
https://lowcode-engine.cn
MIT License
14.66k stars 2.55k forks source link

antd物料中的input无法获取焦点 #1849

Open huadw opened 1 year ago

huadw commented 1 year ago

官网提供的antd物料，地址为lowcode-materials-main/packages/antd-lowcode-materials，在运行时候input类的组件无法获取焦点。代理view.js文件使用官网demo中的view.js，结果就正常了。 image

github-actions[bot] commented 1 year ago

你好 @huadw，由于缺乏必要的信息（如 bug 重现步骤、引擎版本信息 等），无法定位问题，请按照 issue bug 模板 补全信息，也可以通过阅读 引擎的 issue 说明 了解什么类型的 issue 可以获得更好、更快的支持。

huadw commented 1 year ago

1.通过https://github.com/alibaba/lowcode-materials下载物料到本地：

git clone https://github.com/alibaba/lowcode-materials.git

  1. 进入package下面的antd物料

cd lowcode-materials/packages/antd-lowcode-materials

  1. 安装依赖

npm i

  1. 运行dev

npm run lowcode:dev

  1. 打开运行的调试页面，http://loaclhost:3336
  2. 拖入“输入框”组件 image

7.bug复现，输入框无法被选中 image

huadw commented 1 year ago

@JackLian 帮忙安排看下这个bug

liujuping commented 1 year ago

问题原因是这个 PR 映入之后，引擎不会对该组件做特殊处理（原来不是 forwardRef 函数的情况下，引擎会包裹一层 Hoc），而 Input 组件也没有处理 ref，导致无法选中

https://github.com/alibaba/lowcode-materials/pull/42/files

@LeoYuan 这里 withWrap 本意是将 forwardRef 组件包裹成 function 组件，修改之后的代码相当于还原了。

huadw commented 1 year ago

这个问题现在还在看吗？ @LeoYuan @liujuping

huadw commented 1 year ago

问题没人处理吗？

huadw commented 1 year ago

这个问题怎么一直没进展呢？如果不能解决，也麻烦给一点建议。 @LeoYuan @JackLian @liujuping @hzd822

eternalsky commented 1 year ago

@hujiulong 和 https://github.com/alibaba/lowcode-engine/issues/2278 一样的问题，可以合并起来看看