nuke-core
Advanced tools
Comparing version 2.2.29 to 2.3.0
@@ -6,2 +6,18 @@ # Change Log | ||
# [2.3.0](https://gitlab.alibaba-inc.com/nuke/core/compare/v2.2.29...v2.3.0) (2018-11-14) | ||
### Bug Fixes | ||
* liscene fix ([ff9b7fd](https://gitlab.alibaba-inc.com/nuke/core/commit/ff9b7fd)) | ||
### Features | ||
* 将UI组件与功能库拆分 ([f5d0a2c](https://gitlab.alibaba-inc.com/nuke/core/commit/f5d0a2c)) | ||
## [2.2.29](https://gitlab.alibaba-inc.com/nuke/core/compare/v2.2.28...v2.2.29) (2018-10-09) | ||
@@ -8,0 +24,0 @@ |
{ | ||
"name": "nuke-core", | ||
"version": "2.2.29", | ||
"version": "2.3.0", | ||
"description": "nuke 核心变量", | ||
@@ -30,7 +30,11 @@ "main": "lib/index", | ||
}, | ||
"devDependencies": { | ||
"nuke-text": "^2.3.0", | ||
"nuke-view": "^2.3.0" | ||
}, | ||
"publishConfig": { | ||
"registry": "https://registry.npmjs.org" | ||
}, | ||
"license": "Apache", | ||
"gitHead": "0375bb11b20b155440e12aa572843944be7d8760" | ||
"license": "Apache-2.0", | ||
"gitHead": "454e1430a04b6e345edb1d2632b1e051408d070d" | ||
} |
@@ -9,73 +9,12 @@ # Nuke - Core | ||
### 能力 | ||
### 能力 | ||
为 Nuke UI Mobile 的所有 UI 组件提供全局基础样式的变量定义, 包括 颜色, 边角, 文本, 边线, 阴影, 动画, 多语言, 以及其他全局变量定义等; 全局 Mixins, Functions, Placeholders; 以及浏览器基础样式重置和全站文本样式声明. | ||
### 约定 | ||
所有 UI 组件也必须引用 `nuke-core` 作为全局默认的变量使用, 且定义方式, 书写规范也必须和 core 保持一致. | ||
除 `theme-xxx` 外, 不允许有其他全局公共变量对 `@alife/next-core` 复写. | ||
--- | ||
## 使用方法 | ||
$ tnpm ii nuke-core@0.x --save | ||
index.scss | ||
@import "~nuke-core/nuke.scss"; | ||
## 目录结构 | ||
``` | ||
next-core | ||
|- src/ | ||
|- util | ||
|- mixins.rxscss | ||
|- functions.rxscss | ||
|- variables/ | ||
|- global.rxscss | ||
|- color.rxscss | ||
|- corner.rxscss | ||
|- font.rxscss | ||
|- icon.rxscss | ||
|- line.rxscss | ||
|- shadow.rxscss | ||
nuke.scss // 兼容性配置 | ||
nuke.rxscss // | ||
// padding function | ||
<View style={Core.padding(0,10,15,20)}></View> | ||
//<View style={{paddingTop:0,paddingRight:10,paddingBottom:15,paddingLeft:20)}></View> | ||
``` | ||
### 内容说明 | ||
- `util` 全局 Mixins, Functions, Placeholders: `mixins`, `funcitons`, `placeholder` | ||
- `variables` 为 Next UI PC 和 Mobile 的所有 UI 组件提供全局基础样式的变量定义, 包括 颜色, 边角, 文本, 边线, 阴影, 动画, 多语言, 以及其他全局变量定义等. | ||
## 变量命名规范 | ||
- 变量统一小写,单词用中划线连接。 | ||
- 变量名统一以文件名为前缀, 例如: `color.scss -> $color-n1-1` | ||
- 全局变量和基础变量**必须**在变量后添加 `!default` 声明 | ||
- 变量定义扁平化, 不要采用 `list` 或者 `map`, 这样便于配置和调用. | ||
- 变量名称以聚类方式增加前缀, eg: | ||
```sass | ||
$corner-sides-base: "base" !default; | ||
$corner-sides-top: "top" !default; | ||
$corner-sides-right: "right" !default; | ||
$corner-sides-bottom: "bottom" !default; | ||
$corner-sides-left: "left" !default; | ||
``` | ||
- 所有需要被配置平台配置的变量都必须写单个值, 不能写组合值, eg: | ||
```sass | ||
// right | ||
$btn-size-margin-left: $s1; | ||
//wrong | ||
$btn-size-margin: 0 $s1; | ||
//wrong | ||
$btn-shadow: 1px 1px #333; | ||
``` | ||
## 注释 | ||
依赖配置平台的注释要求注释.(后续添加) |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Misc. License Issues
License(Experimental) A package's licensing information has fine-grained problems.
Found 1 instance in 1 package
No License Found
License(Experimental) License information could not be found.
Found 1 instance in 1 package
80344
27
0
0
2
20