首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
源码学习
冷石Boy
创建于2023-09-29
订阅专栏
源码学习 https://github.com/DouyinFE/semi-design
等 5 人订阅
共10篇文章
创建于2023-09-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
SEMI DESIGN 源码学习(十)全局配置 & 多语言
ConfigProvider 为组件提供统一的全局化配置; LocaleProvider 国际化组件,为组件提供多语言支持;
SEMI DESIGN 源码学习(九)时间选择器
SEMI DESIGN LocaleTimePicker TimePicker 组件位于 packages/semi-ui/timePicker,默认返回一个 LocaleTimePicker
SEMI DESIGN 源码学习(八)树形控件
Tree Tree 组件位于 packages/semi-ui/tree/index.tsx 静态属性 contextType 是框架全局 configProvider 的类型,用来获取应用全局状态。
SEMI DESIGN 源码学习(七)浅谈 Foundation / Adapter
前言 SEMI DESIGN 的组件几乎都使用的 Foundation/Adapter 架构,本文尝试一探究竟。
SEMI DESIGN 源码学习(六)轮播图
轮播图代码位于 packages/semi-ui/carousel/index.tsx,代码量不多。 核心同样是这个 foundation 属性,类型为 CarouselFoundation。
SEMI DESIGN 源码学习(五)工具提示
Toast 组件位于 packages/semi-ui/toast/index.tsx 文件默认导出一个 ToastList 类,实际项目中使用的是这个 ToastList 类的静态方法 info..
SEMI DESIGN 源码学习(四)间距
今天看一个比较简单的组件 Space,它用来设置组件之间的间距。源码位于 packages/semi-ui/space/index.tsx。 Space 的属性用的都是 type 关键字 渲染的时候使
SEMI DESIGN 源码学习(三)选择器
Select 组件位于 packages/semi-ui/select/index.tsx, 一共 1467 行代码,看起来挺复杂的。 照旧是一些属性接口的定义 值得留意的是这里用了 type 和 i
SEMI DESIGN 源码学习(二)输入框
Input 组件位于 packages/semi-ui/input/index.tsx, 它继承于 BaseComponent。 值得关注的是 foundation!: InputFoundation
SEMI DESIGN 源码学习(一)按钮
`Button.tsx` 文件包含按钮的 `ButtonProps` 接口以及 `Button` 组件本身,`static defaultProps` 是默认属性,`static propTypes`