xsky-fe / wizard-ui Goto Github PK
View Code? Open in Web Editor NEWWizard UI By React
Home Page: https://xsky-fe.github.io/wizard-ui/
License: MIT License
Wizard UI By React
Home Page: https://xsky-fe.github.io/wizard-ui/
License: MIT License
只能 hover title 才能有效,整个 div 都需要 hover
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
gatsby 目前只支持 StaticQuery
不支持参数形式的查询
Describe the bug
A clear and concise description of what the bug is.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
ICON 扩展 cursor:pointer API
记录 V1 组件开发的工作安排
optional
optional
Badge 徽标数
Button 按钮
Loader 加载器
UsageBar 使用量
Pagination 分页
Breadcrumb 面包屑
SubMenu 级连菜单
DropdownButton 下拉框
Modal 对话框
Tooltip 文字提示
Tabs 选项卡
Steps 步骤条
TimePicker 时间选择框
Tree 树级组件
Navigation 导航栏
DatePicker 日期选择器
Notification 通知提醒框
Table 表格
Guide 流程指导
Panel 面板
需求说明/问题声明
解决方案
具体实时步骤
yarn storybook
本地启动调试组件,修复 Error 问题;steps 组件的current step是不是该限制下最大值和最小值,不能pre就减,next就加,需要设置个边界。
icon font 改成 svg 方案
按需加载:只有用到的 icon 会被打包
避免网络问题导致图标呈现方块
浏览器更好的支持
Ant Design Icon Issue
Seriously, Don’t Use Icon Fonts
https://www.iconfont.cn/
https://material-ui.com/zh/components/icons/
使用官方推荐 gatsby 插件
yarn add gatsby-transformer-react-docgen
配置 gatsby-config.js
module.exports = {
plugins: [`gatsby-transformer-react-docgen`],
}
重启yarn start
garpgql 中没有 allComponentMetadata 的 query (google 后没有有效解决方案)
使用 react-docgen
新版本支持解析 typescript 结构的 React 代码
yarn add react-docgen
# React Code to String
yarn add raw-loader
使用 react-docgen
提供的 parse 方法。遇到 "Can not resolve 'fs'" 问题(旧版本没有这个问题,但是不支持 typescript。新版本~~)
ing...
React-bootstrap
的 Alert
只有 props 中 onDismiss 存在是才会出现取消按钮,目前 Alert
组件默认就存在取消按钮,不符合预期效果。
Line 7 in a55d62e
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.