Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

nuke-core

Package Overview
Dependencies
Maintainers
5
Versions
107
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuke-core - npm Package Compare versions

Comparing version 2.2.29 to 2.3.0

docs/basic.md

16

CHANGELOG.md

@@ -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 @@

10

package.json
{
"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;
```
## 注释
依赖配置平台的注释要求注释.(后续添加)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc