bee-grid - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

build/bee-grid.js

@@ -253,11 +253,10 @@ 'use strict';
 });
-exports.Con = exports.Row = exports.Col = undefined;
 
-var _Col2 = require('./Col');
+var _Col = require('./Col');
 
-var _Col3 = _interopRequireDefault(_Col2);
+var _Col2 = _interopRequireDefault(_Col);
 
-var _Row2 = require('./Row');
+var _Row = require('./Row');
 
-var _Row3 = _interopRequireDefault(_Row2);
+var _Row2 = _interopRequireDefault(_Row);
 
@@ -270,5 +269,10 @@ var _Grid = require('./Grid');
 
-exports.Col = _Col3["default"];
-exports.Row = _Row3["default"];
-exports.Con = _Grid2["default"];
+var Grid = {};
+
+Grid.Col = _Col2["default"];
+Grid.Row = _Row2["default"];
+Grid.Con = _Grid2["default"];
+
+exports["default"] = Grid;
+module.exports = exports['default'];
 'use strict';
@@ -275,0 +279,0 @@

package.json

 {
   "name": "bee-grid",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "grid ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -13,14 +13,76 @@ # bee-grid
 
+#### 下载npm包
+
+```
+npm install --save bee-grid
+```
+
 ```js
+import { Con, Row, Col } from 'bee-grid';
 
+ReactDOM.render(
+    <Con>
+        <Row>
+            <Col md={6} >
+            </Col>
+        </Row>
+    </Con>,
+    document.body);
 
 ```
 
+#### 样式引入
 
+- 可以使用link引入build目录下bee-grid.css
+```
+<link rel="stylesheet" href="./node_modules/build/bee-grid.css">
+```
+- 可以在js中import样式
+```js
+import "./node_modules/src/Grid.scss"
+//或是
+import "./node_modules/build/bee-grid.css"
+```
 
+
+
 ## API
 
+### Con组件
+
 |参数|说明|类型|默认值|
 |:--|:---:|:--:|---:|
+|componentClass|组件根元素|element/ReactElement|div|
+|fluid|是否为非定宽|boolean|false|
 
+### Row组件
+
+|参数|说明|类型|默认值|
+|:--|:---:|:--:|---:|
+|componentClass|组件根元素|element/ReactElement|div|
+
+### Col组件
+
+|参数|说明|类型|默认值|
+|:--|:---:|:--:|---:|
+|xs|移动设备显示列数(<768px)|number|-|
+|sm|小屏幕桌面设备显示列数(≥768px)|number|-|
+|md|中等屏幕设备显示列数(≥992px)|number|-|
+|lg|大屏幕设备显示列数(≥1200px)|number|-|
+|xsPull|移动屏幕设备到右边距列数|number|-|
+|smPull|小屏幕设备到右边距列数|number|-|
+|mdPull|中等屏幕设备到右边距列数|number|-|
+|lgPull|大屏幕设备到右边距列数|number|-|
+|xsPush|移动屏幕设备到左边距列数|number|-|
+|smPush|小屏幕设备到左边距列数|number|-|
+|mdPush|中等屏幕设备到左边距列数|number|-|
+|lgPush|大屏幕设备到左边距列数|number|-|
+|xsOffset|移动设备偏移列数|number|-|
+|smOffset|小屏幕设备偏移列数|number|-|
+|mdOffset|中等屏幕设备偏移列数|number|-|
+|lgOffset|大屏幕设备偏移列数|number|-|
+|componentClass|组件根元素|element/ReactElement|div|
+
+以上列数设置，只能设置1-12的数字。
+
 #### 开发调试
@@ -27,0 +89,0 @@

src/index.js

@@ -1,3 +0,11 @@
-export Col from './Col';
-export Row from './Row';
-export Con from './Grid';
+import Col from './Col';
+import Row from './Row';
+import Con from './Grid';
+
+const Grid = {};
+
+Grid.Col = Col;
+Grid.Row = Row;
+Grid.Con = Con;
+
+export default Grid;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

42272

increased by4.82%

Lines of code

1124

increased by0.63%

Number of lines in readme file

95

increased by187.88%

No dependency changes