@react-native-oh-tpl/react-native-smartrefreshlayout
Version:
基于android SmartRefreshLayout的封装
160 lines (158 loc) • 6.54 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.SmartRefreshControl = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _SmartRefreshControlNativeComponent = _interopRequireWildcard(require("./fabric/SmartRefreshControlNativeComponent"));
var _DefaultHeaderNativeComponent = _interopRequireDefault(require("./fabric/DefaultHeaderNativeComponent"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
const SPModule = _reactNative.Platform.OS === "android" ? _reactNative.NativeModules.SpinnerStyleModule : {};
class SmartRefreshControl extends _react.default.Component {
constructor(...args) {
super(...args);
_defineProperty(this, "_panResponder", null);
_defineProperty(this, "smartRefreshLayout", null);
/**
* 参数格式为{delayed:number,success:bool}
* delayed:延迟刷新
* success:是否刷新成功
* @param params
*/
_defineProperty(this, "finishRefresh", ({
delayed = -1,
success = true
} = {
delayed: -1,
success: true
}) => {
// this.dispatchCommand('finishRefresh',[delayed,success])
if (this.smartRefreshLayout) {
_SmartRefreshControlNativeComponent.Commands.finishRefresh(this.smartRefreshLayout, delayed, success);
}
});
_defineProperty(this, "findNode", () => {
return (0, _reactNative.findNodeHandle)(this.smartRefreshLayout);
});
_defineProperty(this, "shiftPercent", 0);
//header位移百分比，默认为0
_defineProperty(this, "footerShiftPercent", 0);
// footer位移百分比
/**
* 渲染Header
* @return {*}
*/
_defineProperty(this, "renderHeader", () => {
const {
renderHeader,
HeaderComponent
} = this.props;
if (renderHeader) {
return renderHeader();
}
if (HeaderComponent) {
return HeaderComponent;
}
return /*#__PURE__*/_react.default.createElement(_DefaultHeaderNativeComponent.default, null);
});
/**
* 刷新时触发
* @private
*/
_defineProperty(this, "_onSmartRefresh", e => {
let {
onRefresh
} = this.props;
onRefresh && onRefresh(e);
});
/**
* 下拉过程
* @param event
* @private
*/
_defineProperty(this, "_onHeaderPulling", event => {
this.shiftPercent = event.nativeEvent.percent;
let {
onHeaderPulling,
onHeaderMoving
} = this.props;
onHeaderMoving && onHeaderMoving(event);
onHeaderPulling && onHeaderPulling(event);
});
/**
* 释放过程
* @param event
* @private
*/
_defineProperty(this, "_onHeaderReleasing", event => {
this.shiftPercent = event.nativeEvent.percent;
let {
onHeaderReleasing,
onHeaderMoving
} = this.props;
onHeaderMoving && onHeaderMoving(event);
onHeaderReleasing && onHeaderReleasing(event);
});
/**
* 底部位移过程
* @param event
* @private
*/
_defineProperty(this, "_onFooterMoving", event => {
this.footerShiftPercent = event.nativeEvent.percent;
});
}
componentDidMount() {
this._panResponder = _reactNative.PanResponder.create({
onMoveShouldSetPanResponderCapture: (evt, gestureState) => {
if (this.shiftPercent >= 0.039 || this.footerShiftPercent >= 0.068) {
//满足条件捕获事件
return true;
}
return false;
}
});
}
render() {
var _this$_panResponder;
const primaryColor = (0, _reactNative.processColor)(this.props.primaryColor);
const nativeProps = {
...this.props,
...{
onSmartRefresh: this._onSmartRefresh,
onHeaderPulling: this._onHeaderPulling,
onHeaderReleasing: this._onHeaderReleasing,
onFooterMoving: this._onFooterMoving
}
};
if (primaryColor) {
nativeProps.primaryColor = primaryColor;
}
// @ts-ignore
// if (typeof this.props.children?.props === "object" && Platform.OS === 'harmony') {
// // @ts-ignore
// this.props.children.props.bounces = false;
// }
return /*#__PURE__*/_react.default.createElement(_SmartRefreshControlNativeComponent.default, _extends({
ref: ref => {
this.smartRefreshLayout = ref;
}
}, nativeProps, (_this$_panResponder = this._panResponder) === null || _this$_panResponder === void 0 ? void 0 : _this$_panResponder.panHandlers), this.renderHeader(), this.props.children);
}
}
exports.SmartRefreshControl = SmartRefreshControl;
_defineProperty(SmartRefreshControl, "constants", {
TRANSLATE: SPModule.translate,
SCALE: SPModule.scale,
FIX_BEHIND: SPModule.fixBehind,
FIX_FRONT: SPModule.fixFront,
MATCH_LAYOUT: SPModule.matchLayout
});
var _default = exports.default = SmartRefreshControl;
//# sourceMappingURL=SmartRefreshControl.js.map