V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  zhangfg  ›  全部回复第 1 页 / 共 3 页
回复总数  50
1  2  3  
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@sepit 这是一个误会。我也为前面言辞有些激烈向您道歉,我们都不要有心理负担。您的表达让我更有动力维护好这个项目,也欢迎一起参与共建
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@zcybupt2016 我怀着感激的心情,非常感谢您的澄清👍
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@xshwy 他们说的多标签功能是包含了缓存页面的功能的,所以说没有 keepalive 就没法实现。本项目虽然有多标签,但目前没有实现缓存页面的功能。但是没关系,react 的下一个大的新版本会支持类似于 keepalive 的功能。而目前使用 react@experience 体验版也是可以实现缓存页面功能。
至于界面层面的多标签的实现:是利用了 antd 的 Tabs 组件。传 items 就会展示多标签,传 activeKey 会高亮指定的 tab 。所以只需要管理好 items 数据即可。items 相关数据存到 localstorage,刷新页面就还会继续展示。另外封装好拖拽和右键逻辑以复用,我们就可以只写样式,便可产出多个不同样式的标签页。
再补充一些,如何管理 items 数据:当点击标签,需要跳转路由;当路由切换,需要新增 item ;当点击关闭标签,需要删除当前 item 并需要跳转到下一个 item ;右键菜单还有一些关闭其他,关闭右侧,关闭左侧的逻辑,和上述关闭逻辑是类似的。把这些逻辑封装封装。
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@byronzhu 目前不支持。但也有办法。可以使用 react@experience 版本,可以支持的了
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@sepit 请你核实后,务必回来回复,否则误导众人,毕竟本项目是作者辛辛苦苦做出来的,不能被流言蜚语搅臭。我在这里等你
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@sepit 你拉下代码看看是不是和演示一样,然后过来道歉
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@sepit 你在这瞎扯什么呢,你拉过代码吗?在这里诋毁。你自己 clone 下看看再说。真是造谣 0 成本
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@ixixi 体验的不同具体体现在:shadcn/ui 可以一键新增,而本项目可以一键删除😊
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@sealinfree 可以的,如果遇到问题可以联系我
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@Moyyyyyyyyyyye 非常感谢支持😊
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@ixixi 其实我个人观点认为这是一个误解。把代码放到本地,比放到 node_modules 更加可控。如果在 node_modules 里,有 bug 或者有 diy 需求就会比较麻烦。参考下 shadcn/ui 的火热。
为了让用户容易 diy 自己的需求,本项目中的模块设计为高内聚和松散耦合,即各功能模块基本上都是通过<Component />这种使用的,不需要的直接注释掉即可。例如不需要多标签功能,那么直接注释 <Tabs> 就可以了。尽可能做到方便按需使用的效果。
另一方面,本项目虽然是一个模板,但其中的内容也是可以替换 diy 的。除了替换布局和各功能模块,在结构层面,也可以替换 antd ,替换样式框架,替换数据管理方案,甚至替换 react 为 vue 或 angular 。
27 天前
回复了 zhangfg 创建的主题 分享创造 react-antd-console 支持主题和多标签了
@blankmiss 把示例代码删掉就是精简版。示例代码都在/pages 文件夹里面,相关的多语言、接口 api 、mock 等文件也都在一个文件夹里面内聚。删掉文件夹就可以了。
@Rehtt 只要内容够硬,姿势都不是问题😂
大家好,收到一些反馈后,react-antd-console 升级了以下功能:

新增功能:

- 动态路由示例
- 动态 meta 示例
- 外链示例
- 单 sider 示例
- 无 layout 示例
- 路由权限示例
- 局部权限示例
- 全屏

优化:

- 整体布局样式
- 首页样式

修复:

- 非动态参数路由使用 router.setSiblings 无效的问题

另外说明下,有个别评论认为 react-antd-console 是一个阉割版,其实这是一个误解。它是一个模板,另外的 pro 版是本项目的一个拓展。它们的核心代码全都是一模一样的,只是少了示例代码,少了主题功能。这些功能,我认为对于真正要使用 react-antd-console 开发的人来说,示例代码是冗余的,而主题是因人而异的。为了消除可能的误解,现在增加了一些示例代码,如果不需要,可以删除掉。最后,react-antd-console 是一个诚意满满的开源项目,再次欢迎大家使用体验,希望对你能有用。如果喜欢,请 star 一下,谢谢大家!

在线预览: https://template.react-antd-console.site
github 地址: https://github.com/diandian18/react-antd-console
@xhawk 很好的想法。我对这个库还不了解,但我去看了一下,看上去像是 react 版的 html 标签,有很多原子组件,样式可定制。如果要实现我们需要的侧边菜单、面包屑等功能,还需要进一步封装组合这些原子组件,才能输出有像 antd 一样效果且有用法简单的组件。看起来它像是一种可以创造类似 antd 的 ui 库的工具,但直接用来做业务开发,没有 antd 方便快捷。
@xyovo999 谢谢你😊
v.1.1.0 Latest

New features:
- Dynamic route: Change route in any way.
- Dynamic meta: Change meta info in route.
- External link: Click external link will open a new brower tab and arrive the link.
- Separation layout: A empty layout.
- Single sider layout: Menu has no children.

Fixed
- router.setSiblings has no effect on non-dynamic parameter prefix routes.
@hutoer 我看看,我再加点东西进来
@jones2000 感觉这是包的问题,不是 vite 需要覆盖解决的问题呢
@jones2000 而且 node_modules 里一般多是打包后的代码
1  2  3  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3279 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 19ms · UTC 12:15 · PVG 20:15 · LAX 04:15 · JFK 07:15
Developed with CodeLauncher
♥ Do have faith in what you're doing.