ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.34k stars 8.14k forks source link

🏆 Pro 体验脑暴 ❤️‍🔥 #8761

Closed chenshuai2144 closed 2 years ago

chenshuai2144 commented 3 years ago

欢迎畅所欲言,越具体越好

xyzabc0004 commented 3 years ago

研究起来,还有点烧脑!

iscmcloud commented 3 years ago

问就是 多页签 multi-tab,中后台,真的少不了

kaoding commented 3 years ago

在前后端分离架构下,前端认证几乎是少不了,所以提交了一种最常用的认证方式(jwt token)。 https://github.com/ant-design/ant-design-pro/pull/8756

fanhualei commented 3 years ago

引入一个第三方的:富文本框

wavesbig commented 3 years ago

初始化项目国际化选择大部分中台都不需要国际化,每次都需要删除增加配置

TinsFox commented 3 years ago

初始化项目国际化选择大部分中台都不需要国际化,每次都需要删除增加配置

而且现在是不是删除之后默认是英文,能不能配置删除后默认其他语言

fangqibin commented 3 years ago

初始化项目国际化选择大部分中台都不需要国际化,每次都需要删除增加配置

应该在初始化项目的时候可以选择不使用国际化,并可以指定语言

TinsFox commented 3 years ago
rooseve commented 3 years ago

希望专门设置一些最佳实践之类的代码和文档,在基础层面“授人以渔”,引导中后台的开发。

Antd、AntdPro、Procomponents、Umi加在一起的学习成本是很高的,而业务开发往往有非常直接的目的,希望有相似的例子可以直接入手改(例子也不要过于集成,比如把细节都集成到ProXXX组件的内部,这样能学习的是只是组件的Api,不是写代码)

cuibty commented 3 years ago

问就是 多页签 multi-tab (手动狗头)

iscmcloud commented 3 years ago

支持国际化locale的数据从服务器端请求获取,类似"菜单的高级用法"一样

bewaternow commented 3 years ago

语雀富文本插件。支持自定义各种菜单。

fanhualei commented 3 years ago

语雀富文本插件

能给个 语雀富文本插件 的地址吗?

TinsFox commented 3 years ago

期望可以增加开源贡献指南,就需要遵循什么样的流程,单测编写等,有时候发现问题想要PR都不知道该怎么走

drizzlesconsin commented 3 years ago

Multi Tab 突然发现偏右大佬也+1了 😁 https://github.com/ant-design/ant-design-pro/issues/8656#issuecomment-872218115

image

xyzabc0004 commented 3 years ago

经过大半个月的时间, 终于把之前写的V4上的一个模块抄到了V5上. 由之前的ant design 全面改用ProComponents ,代码量确实少了不少。 跟V4最大的差异感觉是在Models层,晕了几天,Service的API变化也大,抄着抄着反倒更习惯了。 image

就是还有点小瑕疵,就是两个ProSelect ,数量做联动,没有抄出来。 其实这个联动运用的还很多。

各位老师有什么好的方法,可以指点下下。

yuzhigang commented 3 years ago

经过大半个月的时间, 终于把之前写的V4上的一个模块抄到了V5上. 由之前的ant design 全面改用ProComponents ,代码量确实少了不少。 跟V4最大的差异感觉是在Models层,晕了几天,Service的API变化也大,抄着抄着反倒更习惯了。 image

就是还有点小瑕疵,就是两个ProSelect ,数量做联动,没有抄出来。 其实这个联动运用的还很多。

各位老师有什么好的方法,可以指点下下。

说到这个联动,也耗费了好久时间。可以使用 ProFormDependency 组件。但有个简单的需求想了很久都没实现。第一个下拉框选择后,第二个下拉框自动显示第一个选项。

xyzabc0004 commented 3 years ago

经过大半个月的时间, 终于把之前写的V4上的一个模块抄到了V5上. 由之前的ant design 全面改用ProComponents ,代码量确实少了不少。 跟V4最大的差异感觉是在Models层,晕了几天,Service的API变化也大,抄着抄着反倒更习惯了。 image 就是还有点小瑕疵,就是两个ProSelect ,数量做联动,没有抄出来。 其实这个联动运用的还很多。 各位老师有什么好的方法,可以指点下下。

说到这个联动,也耗费了好久时间。可以使用 ProFormDependency 组件。但有个简单的需求想了很久都没实现。第一个下拉框选择后,第二个下拉框自动显示第一个选项。

休息个几天,后面再战

binkuolo commented 3 years ago

可以不报错吗?

byan commented 3 years ago

希望可以去掉测试相关的代码。只是前端界面而已,没那么多规矩~~

xyzabc0004 commented 3 years ago

V5 + ProComponents 的学习,终于可以告一段落了!

TinsFox commented 3 years ago

V5 + ProComponents 的学习,终于可以告一段落了!

我也在学习这个,可以分析一下你的学习历程吗?授人与渔 👀

xyzabc0004 commented 3 years ago

我是在V5基础上一点一点做我要的东西。不会的,就在这里面叫 :D,经高人指点,然后看代码,不断的敲啊敲........... 1629189667(1)

xyzabc0004 commented 3 years ago

从V4到V5,总共+起来,快有一个月时间了。回想起来,累。

fangqibin commented 3 years ago

从V4到V5,总共+起来,快有一个月时间了。回想起来,累。

可以做一下学习过程总结吗,挺期待的。

wavesbig commented 3 years ago

性能更好的表格,涉及大量数据每个表格渲染的dom还挺多

SilvaQ commented 3 years ago

【配置分类 --- 讨论】

配置官方级别分类化是否科学?官方对此有没有考虑过?有何初衷或者考虑到的痛点?

虽然这种配置开发者自己控制就可以,但是antd系列所争取到的目标来看,这种交代清楚的配置应该官方首先开始规范化比较完美。

比如我这里以Proxxx组件库为例,其实table这种复杂的配置也应该可以的:

const proTableProps={
        baseTable:{
            row:{},
           col:{}
           header:{
                toolbar:{}
           }
           footer:{}
           ....
          },  // 针对最基本table的,后面所有 配置是基于它扩展的
        proTable:{},  // 非table外扩展的protable专属的
        complexTable:{}, // treetable这种名字已经确定的独有配置
        otherKind:{}  ,// 暂先无法分类的,即将可能会归到其他分类的
}

const ProformProps={
          baseForm:{}
          proForm:{}
          modal:{}
          complexForm:{},
          otherKind:{}
}

对此想知道其他开发者们对这个想法怎么看? 大佬们有何想法?

fernandoxu commented 3 years ago

我司现有项目还是V1,我想升级到V5会不会爆炸啊🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲

lamorttu commented 2 years ago

我是在V5基础上一点一点做我要的东西。不会的,就在这里面叫 :D,经高人指点,然后看代码,不断的敲啊敲........... 1629189667(1)

大佬可以分享下笔记嘛

rudyzou commented 2 years ago

1、多页签 2、更紧凑的一套设计? 3、基于pro直接出套页面设计器吧,/手动狗头

taofeifanIT commented 2 years ago

问就是 多页签 multi-tab,中后台,真的少不了

是的,我们项目经理也提出过这个场景

chao325 commented 2 years ago

在前后端分离架构下,前端认证几乎是少不了,所以提交了一种最常用的认证方式(jwt token)。 #8756

大佬大佬~ @chenshuai2144 两位大佬~~

DreamPWJ commented 2 years ago

最重要的是将pro变得精简和增强可选择

kaoding commented 2 years ago

在前后端分离架构下,前端认证几乎是少不了,所以提交了一种最常用的认证方式(jwt token)。 #8756

大佬大佬~ @chenshuai2144 两位大佬~~

如果使用 jwt token 认证可以参考这个实现,但认证方式不至这一种,antd pro 不能强加给用户可能不喜欢的方式(我理解,所以关了这个PR)。

cuibty commented 2 years ago

在前后端分离架构下,前端认证几乎是少不了,所以提交了一种最常用的认证方式(jwt token)。 #8756

大佬大佬~ @chenshuai2144 两位大佬~~

如果使用 jwt token 认证可以参考这个实现,但认证方式不至这一种,antd pro 不能强加给用户可能不喜欢的方式(我理解,所以关了这个PR)。

antd pro 的用户喜欢 multi-tab (手动狗头)

linghuchong-asen commented 2 years ago

经过大半个月的时间, 终于把之前写的V4上的一个模块抄到了V5上. 由之前的ant design 全面改用ProComponents ,代码量确实少了不少。 跟V4最大的差异感觉是在Models层,晕了几天,Service的API变化也大,抄着抄着反倒更习惯了。 image

就是还有点小瑕疵,就是两个ProSelect ,数量做联动,没有抄出来。 其实这个联动运用的还很多。

各位老师有什么好的方法,可以指点下下。

请问您的顶栏布局是怎么做到的,在哪里修改文字摆放的位置

robothot commented 2 years ago

@cuibty @taofeifanIT @rudyzou @iscmcloud

关于多标签页在 antd pro 上的实现, 有两种实现思路

采用 KeepAlive

  1. 在顶部上,放置一个没有内容的 tabs, 也就是修改顶部那一块的代码
  2. 点击标签页的时候触发路由 push 到目的页面
  3. 采用 https://github.com/CJY0208/react-activation 缓存标签也的内容

采用 tabs

  1. 在顶部上,放置一个没有内容的 tabs, 也就是修改顶部那一块的代码
  2. 在内容里面使用 tabs 的内容,通过 css 隐藏 标签头
  3. 拦截跳转路由,不渲染路由的子节点
  4. 做路由和组件的映射表。然后映射路由组件

这里是我的第二种思路的简单实现 https://github.com/Web-Lif/ms-template (PS: 不是基于 antd pro 的)

最后, 还是很希望 antd pro 将多标签页作为官方支持。 国内很多项目基本上都要求需要多标签的, 哭了.........

DreamPWJ commented 2 years ago

多标签tabs 客户已经提了100次了

chao325 commented 2 years ago

我是在V5基础上一点一点做我要的东西。不会的,就在这里面叫 :D,经高人指点,然后看代码,不断的敲啊敲........... 1629189667(1)

大佬~~能不能分享下笔记呀?!!!小弟先谢过

liushan-github commented 2 years ago

多页签,支持多开参考方案,不过是v2版本

StringKe commented 2 years ago

请求支持 monorepo https://nx.dev/react

rong12345 commented 2 years ago

多页签+1

pkaq commented 2 years ago

不要风暴了 建议搜一下issue里提过多少次多页签了吧

aadog commented 2 years ago

多页签 multi-tab +++++++++++++++++++++++++++++++++++++++++

tianlinzx commented 2 years ago

多页签 multi-tab +++++++++++++++++++++++++++++++++++++++++

SilvaQ commented 2 years ago

多页签 multi-tab +++++++++++++++++++++++++++++++++++++++++ 多页签 multi-tab +++++++++++++++++++++++++++++++++++++++++

leshalv commented 2 years ago

ant design pro 可以建设在ice上吗?

wuranxu commented 2 years ago

😂可以新增个看板页面吗?类似jira,或者teambition那种的 我看antd也没有支持,如果pro或者ProComponents可以支持就好了~ 估计也会有很多运用场景~

liangxp commented 2 years ago

引入第三方富文本编辑器的集成案例 PRO就完美了

panhezeng commented 2 years ago

如何升级到 umi4