@atomic-layout/core
原子布局 核心图书馆.
请注意, 作为原子布局的用户, 您不应该在应用程序中直接使用此包 . 它充当了各种渲染执行的逻辑抽象(有风格组件,情感等). 如果您计划引入原子布局的新样式执行, 请使用此套件 .
动机
原子布局在单独的模块中包含其核心功能,以便再用于各种型式执行(styled-components, (中文(简体) ), emotion(见A/C.5/49/70,附件)。 这个模块中分布的逻辑是风格-不可知性的,主要涉及库所使用数据结构的计算和转换. 它还提供了供原子布局或其消费者使用的常见类型定义.
范围
原子 布局核心在以下范围内运作:
布局界面
Layout实例,由每个执行图书馆时的单个格式所显示- 用于消费布局选项的接口( E)
defaultUnit, (中文(简体) ),breakpoints页:1 - 用于存储和引用所提供的选项的接口
断点转换
- 断点解析( T)
getAreaRecords(中文(简体) ) - 断点转换( C)
mergeBreakpoints, (中文(简体) ),openBreakpoint, (中文(简体) ),closeBreakpoint(中文(简体) ) - 中断点汇编( E)
createMediaQuery(中文(简体) )
媒体查询处理
- 媒体问询的正常化
normalizeMediaQuery(中文(简体) )
公用事业
- 串接公用事业(即:.
toCammelCase, (中文(简体) ),toLowerCaseFirst(中文(简体) ) - 数学公用事业(即:.
transformNumeric(中文(简体) ) - 职能公用事业(即:.
compose, (中文(简体) ),when, (中文(简体) ),memoizeWith(中文(简体) )
类型定义
参考完整类型定义模块
atomic-layout/core/lib/index.d.ts。 。 。 .
访问此套件导出的类型时常用的大小写是,为您自定义的 React 组件提供合适的类型注释,这些组件接受与库组件相同的道具( )Box, (中文(简体) ), Composition, (中文(简体) ), Only(见a/c.5/49/70,附件).
以下是一个实例,说明如何将自定义的回放组件接收所有道具 Box 组件有:
import * as React from 'react'
import { BoxProps } from 'atomic-layout/core'
const MyComponent: React.FC<BoxProps & MyComponentProps> = ({
children,
...boxProps
}) => {
return <Box {...boxProps}>{children}</Box>
}
捐款
叉子存储器
用右上方的"Fork"按钮叉出此寄存器 仓库页面。 。 。 .
跟随 Git 工作流程
请跟随 Git 工作流程 在对原始图书馆的捐款准则中说明.
许可证
麻省理工学院.