reducermanager
Version:
Redux's reducer management and leave page data destruction
114 lines (86 loc) • 4.39 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = undefined;
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 _class, _temp;
var _redux = require('redux');
var _deepcopy = require('deepcopy');
var _deepcopy2 = _interopRequireDefault(_deepcopy);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
/**
*数据工厂
*/
var ReducerFactory = (_temp = _class = function () {
function ReducerFactory() {
_classCallCheck(this, ReducerFactory);
}
_createClass(ReducerFactory, null, [{
key: 'initReducer',
/**
* initReducer方法,按名称将数据、数据改变函数存入ReducerFactory
* @params storeName(数据层名称), initialData(离开页面需要销毁的数据), excludeData(离开页面不需要销毁的数据), actions(数据改变函数)
*/
//按storeName名称存储需要销毁的数据字段
value: function initReducer() {
var storeName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var initialData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var _this = this;
var excludeData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var actions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
//存储initialData、excludeData,注意使用deepCopy确保数据安全
this.initialData[storeName] = (0, _deepcopy2.default)(initialData);
this.excludeData[storeName] = (0, _deepcopy2.default)(excludeData);
//生成reducer纯函数
var reducer = function reducer() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.assign({}, initialData, excludeData);
var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
switch (action['type']) {
//离开也能数据销毁响应
case storeName + '_sys_restState':
//注意使用deepCopy确保数据安全
return Object.assign({}, state, (0, _deepcopy2.default)(_this.initialData[storeName]));
//改变数据响应actions
default:
if (actions[action['type']]) {
return actions[action['type']](state, action);
} else {
return _extends({}, state);
}
}
};
//存储reducer
this.reducer[storeName] = reducer;
}
/**
* getReducer方法,获取整个Reducer数据树
* @return Reducer
*/
//按storeName名称存储需要不需要销毁的数据字段
//按storeName名称存储reducer纯函数给redux的combineReducers方法使用
}, {
key: 'getReducer',
value: function getReducer() {
return (0, _redux.combineReducers)(this.reducer);
}
/**
* getAllInitData方法,获取storeName下所有初始数据
* @param storeName(数据层名称)
* @return {}
*/
}, {
key: 'getAllInitData',
value: function getAllInitData() {
var storeName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
//获取initialData、excludeData,注意使用deepCopy确保数据安全
var initialData = (0, _deepcopy2.default)(this.initialData[storeName]);
var excludeData = (0, _deepcopy2.default)(this.excludeData[storeName]);
return Object.assign({}, initialData, excludeData);
}
}]);
return ReducerFactory;
}(), _class.reducer = {}, _class.initialData = {}, _class.excludeData = {}, _temp);
exports.default = ReducerFactory;