vueComponent / ant-design-vue

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
https://antdv.com/
Other
20.25k stars 3.79k forks source link

3.0 for Easier to use #3922

Closed tangjinzhou closed 2 years ago

tangjinzhou commented 3 years ago

We plan to start the development of 3.0, the main purpose is to make the component library easier to use. The reconstruction is mainly from the following points:

  1. open sources doc
  2. Improve the ts type
  3. Remove the defaultXxxx api and support more v-model directives
  4. Use dayjs to reconstruct date-related components
  5. More components support virtual scrolling
  6. .....

If you have other suggestions, please leave a message

progress: https://github.com/vueComponent/ant-design-vue/discussions/4575

try: https://next.antdv.com/components/overview/

ghost commented 3 years ago
  1. 希望能最先加强表格,很多人选ui库最重要的是看表格,特别是pc端这种。默认支持拖拽/虚拟列表,这些常用的功能
wsxe9988 commented 3 years ago

希望能加强表格 和vxe-table能配合使用

TimRChen commented 3 years ago

Expected:

  1. intergrate sort table
  2. tabs could define deep class style, now could not.
  3. better table scroll height and scroll width calculate.

best wish. to ant-design-vue developer.

ghost commented 3 years ago

2.按钮可以增加场景色,这个还是非常常用的

cdll commented 3 years ago

helping optimize the every components' default exported name 🙏

862775170 commented 3 years ago

下拉选择框组件:显示的标签可以自定义(目前好像默认是tag)

Adrek commented 3 years ago

Use scrollbars in components (timepicker, sidebar, etc) like perfect-scrollbar.

zhenzhenChange commented 3 years ago
ghost commented 3 years ago

感觉还是需要开放文档的,现在已经使整个项目失去了社区的pr了。像element plus 已经即将超过去了。离不开社区pr

ghost commented 3 years ago

2.x 其实算失败的,真正算下来可能2kstar都不到。现在的star及社区活跃度90%是1.x版本的。被element-plus拉了很长了,还需加油

dargoner commented 3 years ago

表格大数据量的虚拟滚动,这个是最重要的

tangjinzhou commented 3 years ago

2.x 其实算失败的,真正算下来可能2kstar都不到。现在的star及社区活跃度90%是1.x版本的。被element-plus拉了很长了,还需加油

不 care,star 能当饭吃 ? 你去拉一下 element 和 plus 的重叠 star 有多少? 新增能有 1000 都逆天了

有能力和意愿 PR 的,文档不是障碍。 如果没有文档,就PR不了的,大概率也是给我们增加 review 成本的,提高PR门槛,能帮助我们节省很多review 成本,不是针对谁,说的是概率事件。

sendya commented 3 years ago

@zhenzhenChange https://2x.antdv.com/components/overview/ 有提供搜索,可以直接输入搜索

zhenzhenChange commented 3 years ago

@zhenzhenChange https://2x.antdv.com/components/overview/ 有提供搜索,可以直接输入搜索

是的,是有搜索功能,不过我 jio 得速度有点慢 😂

van-chin commented 3 years ago

表单: 1.form-item 增加hidden属于 2.表单验证增强

ais-one commented 3 years ago

1) If possible, just use vanilla JS instead of dayjs 2) design such that if vuejs moves to version 4, there is less breakage 3) make more use of html5 custom elements

agileago commented 3 years ago

在线主题切换

waycowei commented 3 years ago

更方便的主题切换 +1

目前我们用的sass,为了换自定义主题色,还要加个less/less-loader就很离谱,CSS变量是个不错的方案

skksksksks commented 3 years ago

支持拖拽的Modal

kerm1it commented 3 years ago

表格的固定列使用 sticky 实现,这样整个表格渲染就不会分开,以后支持虚拟列表渲染也很方便。

wensonsmith commented 3 years ago
  1. Table 支持虚拟滚动
  2. Table 支持汇总
  3. Table 列宽支持 flex 类似的设置
  4. Form Item label 可以定宽,现在 labelCol 会随着页面宽度变化
  5. 提供更多的 composition api, 展示和逻辑分离后,就可以自定义更多元素
  6. 更好的键盘支持,毕竟管理系统用的多。 可以参考 Chakra UI
  7. 动画优化,优化 Checkbox/ Radio 选中动画,还有 modal 显示等动画, antdv 的总感觉反应慢一拍,肉肉的
wensonsmith commented 3 years ago

同时建议新开一个 ant-design-vue-next 的 repo

wensonsmith commented 3 years ago

@jahnli

仔细对比了一下, 就是卡,确诊了

这不是 ant-design-vue 的问题, react 的也是卡

tangjinzhou commented 3 years ago

高性能表格,可以体验 https://store.antdv.com/pro/preview/list/big-table-list

itmarck commented 3 years ago

Sass support maybe or css variables. Easier forms use (remove v-decorator). Global styled scroll for pages, inside of the tables, etc.

jiyingzhi commented 3 years ago

希望和最新的 antd 对齐

Archer03 commented 3 years ago

inputNumber应该是使用频率很高的一个组件,希望能增强一下,更加针对数字的场景,不难处理但能吸引用户和大大提高体验

Archer03 commented 3 years ago

difficult to search props in docs now, because the demo codes is all folded at first. try to list props used simply below the introduction?

11003 commented 3 years ago

可不可以让css更兼容呢?我只想用某个组件但却让我安装 less ....

liliang1993 commented 3 years ago

高性能表格,可以体验 https://store.antdv.com/pro/preview/list/big-table-list

这个是还没有开源的功能是吗

liliang1993 commented 3 years ago

我现在项目里一百条左右的数据在表格里滚动卡顿明显,需要被拯救

xy-wind commented 3 years ago

表格功能有点弱,很多东西都需要自己去实现。还有一个头痛的问题,比如:有固定列时,点击行进行编辑,渲染编辑行时行的高度发生变更这时固定列与非固定列的对齐就会错乱。 Input,InputNumber,Select 这种高频组件希望能把功能加强一下吧。Input的只读状态可以增强一下,比如有些时候表单的状态是只读状态(只允许查看),输入框虽然只读但应该允许有焦点可以复制数据,再加个只读状态下的背景色属性就更好了。 InputNumber应该直接不允许输入非数字,而不是失去焦点后再置空。Select可以增强一下功能,比如可以编辑输入也可以选择下拉列表项,因为有些时候下拉列表没有,是需要自己手动输入的。 对于PC端来说,表格是核心库中的核心,真诚希望能把Table功能再加强!!!

Ttou commented 3 years ago

在封装时,有些组件的类型没有导出来,很不方便

joel785454405 commented 3 years ago

大大,能否把@ant-design-vue/use 的动态校验写法完善一下。 我现在是computed 包 rules, 再用计算属性去包useForm(model,rules),这样的写法。 这种方式还是我摸索出来的,如下

`const lRulesRef = computed(() => { const isVideo = state.active === 2; return reactive({ stick: [{ required: true, message: '请选择是否置顶', type: 'boolean' }], author: [{ required: true, message: '请填写作者名称', type: 'string' }], coverSingle: [{ required: true, message: '请选择是否多图', type: 'boolean' }], coverList: [{ required: true, validator: handleCheckFileList }], video: [{ required: isVideo, validator: handleCheckVideo }] }); });

const lValidate = computed(() => { const rules = lRulesRef.value; return useForm(lModelRef, rules); }); ` 大概是这种结构,缺点就是对后续校验方法引用有个很长的前缀 lValidate.value.validate()。

也不知道这样做合不合理,这是踩坑踩出来的,算我运气好叭

BoringDays commented 3 years ago

至今还没找到一个scss环境下可用的主题色更改方案,请提供官方示例,整个项目从scss迁移到less成本太高了

dahei07 commented 3 years ago

日期范围控件的选择逻辑是否可以参考 fusion design 的?

toddyeah commented 3 years ago

2.x 其实算失败的,真正算下来可能2kstar都不到。现在的star及社区活跃度90%是1.x版本的。被element-plus拉了很长了,还需加油

呵呵,element-plus文档真的一言难尽。。。。

AliceLanniste commented 3 years ago

想为antdv贡献,但无论是README.md还是issues都没有how to contribute文档,能否提供

uniquejava commented 3 years ago

Tutorial on how to contribute / write custom component

Some learning/contribution oriented tutorial on how to write simple custom components for ant-design-vue, how to build/manage/publish such a huge repo is very much appreciated.

For example, how the who repo is structured and how can we study the source code. 🙃

New course

Maybe consider recording/selling an extended version of your current course - besides the existing one from Geekbang(I bough that one some years ago). I will definitely buy new version if you sell.

最后, 文档上的搜索功能太不明显了。 (加个looking glass或者把搜索框高亮?) 我一直用ctrl+F 然后 滚动条定位component。 这样不爽了好几年, 直到前阵子在学习reactjs 和 ant design react的一个视频里发现有快速使用搜索框 定位component文档的功能。

uniquejava commented 3 years ago

我就想想看看大佬是如何修bug 或者开发组件的。 录一些小视频放在b站上我们学习学习?😆

tangjinzhou commented 3 years ago

try https://github.com/vueComponent/ant-design-vue/releases/tag/2.2.0-beta.1

tomgao365 commented 3 years ago

建议增加年、月、时间的范围选择组件。

tangjinzhou commented 3 years ago

建议增加年、月、时间的范围选择组件。

ing

stefnotch commented 3 years ago

In light of recent-ish Microsoft announcements, would it be reasonable to consider dropping IE11 support for version 3.0? This would have the nice advantage of letting you use all the latest features that web platforms have to offer.

the Internet Explorer 11 desktop application will be retired and go out of support on June 15, 2022, for certain versions of Windows 10. -- https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/

On that note, it seems like Vue 3 is also dropping internet explorer support

liekkas commented 3 years ago

add colorPIcker

Silentdoer commented 3 years ago

antd vue的dialog能不能像react antd和angular antd一样可以直接用一个modalService.create(XxxComponent, props: {...}, ..)这样的方式创建啊?否则每次都必须在主页面里添加一个dialog元素就不太方便

zhenzhenChange commented 3 years ago
studentLLL commented 3 years ago

建议加入级联选择的多选功能,虽然有treeSelect,但是总觉得不太适用

snowchenlei commented 3 years ago

功能还需完善,跟ng和react版本还是有不少差距。 treeselect、cascader延迟加载功能没有

tangjinzhou commented 3 years ago

antd vue的dialog能不能像react antd和angular antd一样可以直接用一个modalService.create(XxxComponent, props: {...}, ..)这样的方式创建啊?否则每次都必须在主页面里添加一个dialog元素就不太方便

你在看看文档 ?