nuke-recycler-view
Advanced tools
Comparing version 0.0.1 to 0.0.2
@@ -1,6 +0,6 @@ | ||
# 组件特性1 | ||
# RecyclerView demo | ||
- order: 0 | ||
简单的文档描述 | ||
RecyclerView demo | ||
@@ -13,4 +13,5 @@ --- | ||
import {createElement, Component,render} from 'rax'; | ||
import Components from 'nuke-components'; | ||
const {View,Text} = Components; | ||
import Text from 'nuke-text'; | ||
import RecyclerView from 'nuke-recycler-view'; | ||
import ListView from 'nuke-list-view'; | ||
@@ -24,6 +25,10 @@ let App = class NukeDemoIndex extends Component { | ||
return ( | ||
<View> | ||
<Text>这是一个基础文档1</Text> | ||
</View> | ||
<ListView _autoWrapCell={false}> | ||
<RecyclerView.Cell> | ||
<Text>这是一个cell1</Text> | ||
</RecyclerView.Cell> | ||
<RecyclerView.Cell> | ||
<Text>这是一个cell2</Text> | ||
</RecyclerView.Cell> | ||
</ListView> | ||
); | ||
@@ -35,2 +40,3 @@ } | ||
```` |
# Changelog | ||
## 0.0.2 / 2017-06-16 | ||
* [[4a032d1](http://gitlab.alibaba-inc.com/nuke/recycler-view/commit/4a032d1209183bbd3d419fccb7ff94df9aa7adfc)] - `docs` update demo | ||
* [[6d8a844](http://gitlab.alibaba-inc.com/nuke/recycler-view/commit/6d8a844baac0177456b1f30f703f73d70bc5f1bf)] - `feat` first | ||
## 0.0.1 / 2017-06-08 | ||
* [[75dc451](http://gitlab.alibaba-inc.com/nuke/recycler-view/commit/75dc4516072747659a0fff2c1da68ba9de6a3ec1)] - `feat` add compact for 0.6 |
140
lib/index.js
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
value: true | ||
}); | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _rax = require('rax'); | ||
var _nukeEnv = require('nuke-env'); | ||
var _nukeView = require('nuke-view'); | ||
var _nukeView2 = _interopRequireDefault(_nukeView); | ||
var _nukeScrollView = require('nuke-scroll-view'); | ||
var _nukeScrollView2 = _interopRequireDefault(_nukeScrollView); | ||
var _nukeRefreshControl = require('nuke-refresh-control'); | ||
var _nukeRefreshControl2 = _interopRequireDefault(_nukeRefreshControl); | ||
var _nukeCell = require('nuke-cell'); | ||
@@ -37,119 +17,3 @@ | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* @jsx createElement */ | ||
var DEFAULT_END_REACHED_THRESHOLD = 500; | ||
var RecyclerView = function (_Component) { | ||
_inherits(RecyclerView, _Component); | ||
function RecyclerView() { | ||
var _ref; | ||
var _temp, _this, _ret; | ||
_classCallCheck(this, RecyclerView); | ||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
args[_key] = arguments[_key]; | ||
} | ||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = RecyclerView.__proto__ || Object.getPrototypeOf(RecyclerView)).call.apply(_ref, [this].concat(args))), _this), _this.resetLoadmore = function () { | ||
_this.refs['scrollview'].resetLoadmore && _this.refs['scrollview'].resetLoadmore(); | ||
}, _this.scrollTo = function (options) { | ||
var x = parseInt(options.x); | ||
var y = parseInt(options.y); | ||
if (_nukeEnv.isWeex) { | ||
var dom = require('@weex-module/dom'); | ||
var firstCell = (0, _rax.findDOMNode)(_this.refs.cell0); | ||
dom.scrollToElement(firstCell.ref, { | ||
offset: x || y || 0 | ||
}); | ||
} else { | ||
_this.refs.scrollview.scrollTo(options); | ||
} | ||
}, _temp), _possibleConstructorReturn(_this, _ret); | ||
} | ||
_createClass(RecyclerView, [{ | ||
key: 'getChildContext', | ||
value: function getChildContext() { | ||
return { | ||
isInARecyclerView: true | ||
}; | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var props = this.props; | ||
var children = props.children; | ||
if (!Array.isArray(children)) { | ||
children = [children]; | ||
} | ||
var cells = children.map(function (child, index) { | ||
var ref = 'cell' + index; | ||
if (child) { | ||
if (props._autoWrapCell && child.type != _nukeRefreshControl2.default) { | ||
if (child.key) return (0, _rax.createElement)( | ||
_nukeCell2.default, | ||
{ ref: ref, key: child.key }, | ||
child | ||
);else { | ||
return (0, _rax.createElement)( | ||
_nukeCell2.default, | ||
{ ref: ref }, | ||
child | ||
); | ||
} | ||
} else { | ||
return (0, _rax.cloneElement)(child, { ref: ref }); | ||
} | ||
} else { | ||
return (0, _rax.createElement)(_nukeCell2.default, { ref: ref }); | ||
} | ||
}); | ||
if (_nukeEnv.isWeex) { | ||
return (0, _rax.createElement)( | ||
'list', | ||
{ | ||
id: props.id, | ||
ref: 'scrollview', | ||
style: props.style, | ||
onLoadmore: props.onEndReached, | ||
loadmoreretry: true, | ||
loadmoreoffset: props.onEndReachedThreshold, | ||
showScrollbar: props.showScrollbar | ||
}, | ||
cells | ||
); | ||
} else { | ||
return (0, _rax.createElement)( | ||
_nukeScrollView2.default, | ||
_extends({}, props, { ref: 'scrollview' }), | ||
cells | ||
); | ||
} | ||
} | ||
}]); | ||
return RecyclerView; | ||
}(_rax.Component); | ||
RecyclerView.defaultProps = { | ||
onEndReachedThreshold: DEFAULT_END_REACHED_THRESHOLD | ||
}; | ||
RecyclerView.childContextTypes = { | ||
isInARecyclerView: _rax.PropTypes.bool | ||
}; | ||
var RecyclerView = {}; | ||
RecyclerView.Header = _nukeHeader2.default; | ||
@@ -156,0 +20,0 @@ RecyclerView.Cell = _nukeCell2.default; |
{ | ||
"name": "nuke-recycler-view", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "循环list", | ||
@@ -48,10 +48,8 @@ "main": "lib/index", | ||
"nuke-cell": "^0.x.x", | ||
"nuke-components": "^0.x.x", | ||
"nuke-header": "^0.x.x", | ||
"nuke-refresh-control": "^0.x.x", | ||
"nuke-scroll-view": "^0.x.x", | ||
"nuke-text": "^0.0.2", | ||
"nuke-view": "^0.x.x" | ||
"nuke-header": "^0.x.x" | ||
}, | ||
"devDependencies": {}, | ||
"devDependencies": { | ||
"nuke-list-view": "^0.x.x", | ||
"nuke-text": "^0.x.x" | ||
}, | ||
"publishConfig": { | ||
@@ -58,0 +56,0 @@ "registry": "http://registry.npmjs.org" |
@@ -1,9 +0,3 @@ | ||
> **组件文档请参考: [next 组件书写规范](next/next-bin#1)** | ||
# RecyclerView | ||
**以下是标准 README 的内容** | ||
----------------- | ||
# NukeRecyclerView | ||
- category: Components | ||
@@ -15,12 +9,4 @@ - chinese: 循环list | ||
## API | ||
## 仅仅为了兼容旧版本 | ||
参数 | 说明 | 类型 | 默认值 | ||
-----|-----|-----|----- | ||
trigger | 触发元素 | Element| | ||
triggerType | 触发行为,可选 `hover/click` | String| hover | ||
align | 气泡框位置,可选 `t,r,b,l,tl,tr,rt,rb,bl,br,lt,lb` | String| t | ||
closable | 是否有关闭按钮 |Boolean | true | ||
visible | 用于手动控制浮层显隐 | Boolean | false | ||
onClose | 关闭时触发回调 | Function | | ||
afterClose | 关闭后触发回调 | Function | false | ||
/** @jsx createElement */ | ||
import {createElement, Component,render} from 'rax'; | ||
import View from 'nuke-view'; | ||
import Text from 'nuke-text'; | ||
import RecyclerView from 'nuke-recycler-view'; | ||
import Cell from 'nuke-cell'; | ||
import ListView from 'nuke-list-view'; | ||
@@ -15,6 +14,10 @@ let App = class NukeDemoIndex extends Component { | ||
return ( | ||
<RecyclerView> | ||
<Cell><Text>1这是一个主题目录,应该配合nuke-demo尽量列出组件的所有使用方式</Text></Cell> | ||
<Cell><Text>2这是一个主题目录,应该配合nuke-demo尽量列出组件的所有使用方式</Text></Cell> | ||
</RecyclerView> | ||
<ListView _autoWrapCell={false}> | ||
<RecyclerView.Cell> | ||
<Text>这是一个cell 1</Text> | ||
</RecyclerView.Cell> | ||
<RecyclerView.Cell> | ||
<Text>这是一个cell 2</Text> | ||
</RecyclerView.Cell> | ||
</ListView> | ||
); | ||
@@ -21,0 +24,0 @@ } |
2
3659
2
6
36
12
- Removednuke-components@^0.x.x
- Removednuke-refresh-control@^0.x.x
- Removednuke-scroll-view@^0.x.x
- Removednuke-text@^0.0.2
- Removednuke-view@^0.x.x
- Removednuke-components@0.2.36(transitive)
- Removednuke-image@0.0.4(transitive)
- Removednuke-refresh-control@0.0.7(transitive)
- Removednuke-scroll-view@0.0.4(transitive)
- Removednuke-switch@0.1.6(transitive)
- Removednuke-text@0.0.2(transitive)
- Removednuke-text-input@0.0.3(transitive)
- Removednuke-touchable@0.0.3(transitive)
- Removednuke-video@0.0.4(transitive)
- Removedrax-text@0.3.8(transitive)
- Removedrax-video@0.4.20(transitive)
- Removeduniversal-env@0.3.8(transitive)