NetEase / tango

A code driven low-code builder, develop low-code app on your codebase.
https://netease.github.io/tango-site/
MIT License
2.12k stars 181 forks source link

feat: add basic classNameInput #207

Closed wwsun closed 1 month ago

wwsun commented 1 month ago

使用 cursor 创建的组件,对话历史如下:

  1. 实现一个 className 输入框,用户输入的内容会作为一个 className,默认按照空格进行分隔
  2. 优化每一个分隔的 className 的样式展示,使用红色的 badge 进行展示
  3. 将两个区域合并为 1个区域,也就是在 input 内部展示 ClassList
  4. 允许通过回退键删除已有的 className
  5. 禁止输入非法的 className 字符
  6. 支持 tailwindcss 的 className 的输入补全提示
  7. 支持下拉选择列表项