tencent / tdesign-react-starter Goto Github PK
View Code? Open in Web Editor NEWA starter-kit for TDesign React UI components
Home Page: https://tdesign.tencent.com/starter/react/
License: MIT License
A starter-kit for TDesign React UI components
Home Page: https://tdesign.tencent.com/starter/react/
License: MIT License
0.31
No response
目前菜单是用路由中的设置,实际开发使用中菜单不是定死的,是需要按照不同权限显示不同的菜单,官方也没有说明如何实现动态菜单,实践中使用 redux 或 接口返回数据 对路由进行过滤 例如(不一定这么写只是个说明要对一些菜单进行过滤):
const allRoutes = [...routes, ...dashboard, ...list, ...form, ...detail, ...result, ...user, ...login, ...otherRoutes];
// return allRoutes.filter(c=>c.)
尝试了各种数十种办法和在Menu.tsx中也进行过滤,但凡只要汲及操作路由操作都是报错白屏,折腾一天无解. 错误主要在
renderMenuItems 中的
<SubMenu key={routerPath} value={routerPath} title={title} icon={Icon ? : undefined}>
{renderMenuItems(children, routerPath)}
这一块!求方案
No response
No response
react 1.0.5
No response
No response
No response
No response
最新版cli创建的react项目
No response
td-starter 初始化项目,然后选择react,运行还有用最新版火狐打开,table组件的最前面的选择框错位了。
No response
No response
react 18.2
Firefox最新版
window 11
18.19
No response
0.3.1
No response
动态修改renderMenuItems的参数
菜单动态变化
Uncaught Error: Rendered more hooks than during the previous render.
React@18
No response
No response
16
No response
不知道怎么配置proxy
请优化更新示例
https://stackblitz.com/edit/tdesign-react-starter
Badge 展示完整
Badge 展示不完整,被父级的 Button 掩盖了部分区域
Badge 的定位调整
Environment | Info |
---|---|
相关版本 | - |
框架版本 / 基础库版本 | React(17.0.2) |
系统、浏览器 | Chrome |
Node版本 |
0.1.0
No response
https://tdesign.tencent.com/starter/vue-next/#/form/base。
基础表单页 点击表单重置功能页面崩了
No response
No response
No response
No response
No response
No response
No response
0.40.6
https://stackblitz.com/edit/react-czjpum?file=src%2Fdemo.jsx
见demo链接
每次option的onClick事件可以独立触发
所有option的onClick事件都指向最后一个option
No response
No response
No response
No response
No response
移动端有适配的打算吗?
移动端有适配的打算吗?
latest
https://tdesign.tencent.com/starter/react/#/user/index
点击收起展开按钮
点击收起的只有文字消失,logo 不需要替换
No response
No response
No response
No response
No response
No response
0.1.0
https://tdesign.tencent.com/starter/react/#/dashboard/base
点击子目录后当前展开的菜单栏不自动收起
点击子菜单后自动收起
React(17.0.2)
Chrome(99.0.4844.74)
MacOS
No response
No response
0.3.1
未登录的情况下,直接刷新页面,会先闪一下内部系统的布局页面,然后才显示全屏的页面,非常影响视觉体验!!!
未登录的情况下不应该展示内部系统的布局页面!
未登录的情况下或者直接输入url跳转页面,会闪到布局的页面
React18.2.0
Chrome
MacOS
18
No response
最新版本
https://github.com/Tencent/tdesign-react-starter/blob/develop/vite.config.js
server: {
host: '0.0.0.0',
port: 5000,
open: false, // 默认是否打开浏览器
cors:true,
proxy: {
'/api': {
// 用于开发环境下的转发请求
// 更多请参考:https://vitejs.dev/config/#server-proxy
target: 'https://service-exndqyuk-1257786608.gz.apigw.tencentcs.com',
changeOrigin: true,
},
},
},
开启cors
No response
No response
No response
No response
No response
No response
0.3.1
No response
切换路由时,如果路由上的 isFullPage 属性发生了变化,会导致该路由被渲染两次
路由已经渲染完成之后,才会执行到切换路由表上配置的 isFullPage
切换会导致外部 AppContainer 发生变化,从而内容重新渲染
路由的 Content 部分,在切换时只被渲染一次
路由的 Content 部分,在切换时只被渲染了两次,里面用于初始化的副作用,也渲染了两次
React
No response
No response
No response
No response
0.1.3
tdesign-react-starter/src/pages/List/Select/components/SearchForm.tsx
Lines 21 to 29 in 21ea7a3
使用 Form
组件的 ref
获取表单数据
tdesign-react-starter/src/pages/List/Select/components/SearchForm.tsx
Lines 21 to 29 in 21ea7a3
应输出表单数据
实际输出 undefined
React(^17.0.2)
No response
Ubuntu(20.04.3) LTS WSL
v14.19.1
修改为最新API后可正常使用 cy948@20dd610
https://tdesign.tencent.com/starter/react/#/dashboard/base
不存在水平滚动
存在水平滚动
Environment | Info |
---|---|
相关版本 | - |
框架版本 / 基础库版本 | React 17.0.2 |
系统、浏览器 | MacOS(12.0.1)、Chrome版本 98.0.4758.102(正式版本) (x86_64) |
Node版本 |
在使用亮色主题时,导航使用的风格为白色风格,整体白色比较多(接近官网提供的页面模版风格:https://tdesign.tencent.com/starter/react/dashboard/base),用户吐槽刺眼
现在提供了亮色和夜色主题两种风格,是否可以提供一种深色主题风格,解决用户吐槽刺眼的问题
develop branch code
https://github.com/Tencent/tdesign-react-starter
页面正常显示
No response
Microsoft Edge Version 110.0.1587.50 (Official build) (64-bit)
Windows
18.14.1
No response
您好,我复用了您的 issue-assignees.temp.yml 文件,发现几个问题,想向您请教一下。
问题一:我如何才能获取到随机指定的 assignees 并添加到 steps.contributors.outputs.string 位置呢?
body: |
♥️ 有劳 ${{ steps.contributors.outputs.string }} 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @${{ github.event.issue.user.login }} 。
问题二: 编写好的脚本如何本地自测呢?
问题三: 您编写的脚本会给开发者连续发两次邮件提示,如何能合并为一个呢?
最新版
https://tdesign.tencent.com/starter/docs/react/deploy
打开官网链接:https://tdesign.tencent.com/starter/docs/react/deploy
React 中使用的 路由插件为 React Router
,并非 VueRouter
。
package.json:
建议改成 将 <HashRouter>
改成 <BrowserRouter>
:
import * as React from "react";
import * as ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
ReactDOM.render(
<BrowserRouter>
{/* The rest of your app goes here */}
</BrowserRouter>,
root
);
参考:https://reactrouter.com/docs/en/v6/routers/browser-router
React 17.0.2
No response
No response
No response
似乎文档网站并未开源,无法提 PR。
last
https://tdesign.tencent.com/starter/react/#/dashboard/base
TDesign Starter 首页 》 销售渠道 悬停在蓝色块区域 会有文字重叠
TDesign Starter 首页 》 销售渠道 悬停在蓝色块区域 会有文字重叠
TDesign Starter 首页 》 销售渠道 悬停在蓝色块区域 会有文字重叠
No response
No response
No response
No response
No response
0.1.5
No response
npm run build之后,使用Nginx作为静态资源管理器。访问浏览器
运行正常
浏览器访问页面报错如下:
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
No response
No response
No response
No response
路由采用hash模式正常
react的starter版本过旧
希望更新react的starter版本
0.1.5
https://tdesign.tencent.com/starter/react/#/dashboard/base
然后移动端的适配是不是也该考虑一下hhh
登录页面的移动端简直不太能看
No response
No response
React
Edge
No response
No response
emm就demo的问题,有点挑刺的感觉,但是还是觉得是问题
祝早日修复啦~
最新版cli创建的react项目
No response
td-starter 初始化项目,然后选择react,运行还有用最新版火狐打开,table组件的最前面的选择框错位了。
No response
No response
react 18.2
Firefox最新版
window 11
18.19
No response
https://tdesign.tencent.com/starter/react/#/dashboard/base
打开仪表盘页面,或者本地启动,查看订单排名相关表格内容
表格内容滚动区域,内容不被压缩
表格第一列的名称及内容被压缩覆盖
Environment | Info |
---|---|
相关版本 | - |
框架版本 / 基础库版本 | React(17.0.2) |
系统、浏览器 | Macos(12.2.1), Safari(15.3) |
Node版本 |
vue 版本的分割菜单 和多标签tab页什么时候能集成到react版本中
请尽快支持
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.