You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

481 lines
13 KiB

'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var React = require('react');
var React__default = _interopDefault(React);
var invariant = _interopDefault(require('invariant'));
var history = require('history');
var document = _interopDefault(require('global/document'));
var reactRedux = require('react-redux');
var redux = require('redux');
var dvaCore = require('dva-core');
var router = require('react-router-dom');
var routerRedux = require('connected-react-router');
var isomorphicFetch = _interopDefault(require('isomorphic-fetch'));
function _typeof(obj) {
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function (obj) {
return typeof obj;
};
} else {
_typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a 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);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
}
ownKeys.forEach(function (key) {
_defineProperty(target, key, source[key]);
});
}
return target;
}
function _inherits(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function");
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: true,
configurable: true
}
});
if (superClass) _setPrototypeOf(subClass, superClass);
}
function _getPrototypeOf(o) {
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
return o.__proto__ || Object.getPrototypeOf(o);
};
return _getPrototypeOf(o);
}
function _setPrototypeOf(o, p) {
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
return _setPrototypeOf(o, p);
}
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
function _possibleConstructorReturn(self, call) {
if (call && (typeof call === "object" || typeof call === "function")) {
return call;
}
return _assertThisInitialized(self);
}
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
}
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) {
for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
return arr2;
}
}
function _iterableToArray(iter) {
if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance");
}
var cached = {};
function registerModel(app, model) {
model = model.default || model;
if (!cached[model.namespace]) {
app.model(model);
cached[model.namespace] = 1;
}
}
var defaultLoadingComponent = function defaultLoadingComponent() {
return null;
};
function asyncComponent(config) {
var resolve = config.resolve;
return (
/*#__PURE__*/
function (_Component) {
_inherits(DynamicComponent, _Component);
function DynamicComponent() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, DynamicComponent);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(DynamicComponent)).call.apply(_getPrototypeOf2, [this].concat(args)));
_this.LoadingComponent = config.LoadingComponent || defaultLoadingComponent;
_this.state = {
AsyncComponent: null
};
_this.load();
return _this;
}
_createClass(DynamicComponent, [{
key: "componentDidMount",
value: function componentDidMount() {
this.mounted = true;
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
this.mounted = false;
}
}, {
key: "load",
value: function load() {
var _this2 = this;
resolve().then(function (m) {
var AsyncComponent = m.default || m;
if (_this2.mounted) {
_this2.setState({
AsyncComponent: AsyncComponent
});
} else {
_this2.state.AsyncComponent = AsyncComponent; // eslint-disable-line
}
});
}
}, {
key: "render",
value: function render() {
var AsyncComponent = this.state.AsyncComponent;
var LoadingComponent = this.LoadingComponent;
if (AsyncComponent) return React__default.createElement(AsyncComponent, this.props);
return React__default.createElement(LoadingComponent, this.props);
}
}]);
return DynamicComponent;
}(React.Component)
);
}
function dynamic(config) {
var app = config.app,
resolveModels = config.models,
resolveComponent = config.component;
return asyncComponent(_objectSpread({
resolve: config.resolve || function () {
var models = typeof resolveModels === 'function' ? resolveModels() : [];
var component = resolveComponent();
return new Promise(function (resolve) {
Promise.all([].concat(_toConsumableArray(models), [component])).then(function (ret) {
if (!models || !models.length) {
return resolve(ret[0]);
} else {
var len = models.length;
ret.slice(0, len).forEach(function (m) {
m = m.default || m;
if (!Array.isArray(m)) {
m = [m];
}
m.map(function (_) {
return registerModel(app, _);
});
});
resolve(ret[len]);
}
});
});
}
}, config));
}
dynamic.setDefaultLoadingComponent = function (LoadingComponent) {
defaultLoadingComponent = LoadingComponent;
};
var connectRouter = routerRedux.connectRouter,
routerMiddleware = routerRedux.routerMiddleware;
var isFunction = dvaCore.utils.isFunction;
var useHistory = router.useHistory,
useLocation = router.useLocation,
useParams = router.useParams,
useRouteMatch = router.useRouteMatch;
function index () {
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var history$1 = opts.history || history.createHashHistory();
var createOpts = {
initialReducer: {
router: connectRouter(history$1)
},
setupMiddlewares: function setupMiddlewares(middlewares) {
return [routerMiddleware(history$1)].concat(_toConsumableArray(middlewares));
},
setupApp: function setupApp(app) {
app._history = patchHistory(history$1);
}
};
var app = dvaCore.create(opts, createOpts);
var oldAppStart = app.start;
app.router = router;
app.start = start;
return app;
function router(router) {
invariant(isFunction(router), "[app.router] router should be function, but got ".concat(_typeof(router)));
app._router = router;
}
function start(container) {
// 允许 container 是字符串,然后用 querySelector 找元素
if (isString(container)) {
container = document.querySelector(container);
invariant(container, "[app.start] container ".concat(container, " not found"));
} // 并且是 HTMLElement
invariant(!container || isHTMLElement(container), "[app.start] container should be HTMLElement"); // 路由必须提前注册
invariant(app._router, "[app.start] router must be registered before app.start()");
if (!app._store) {
oldAppStart.call(app);
}
var store = app._store; // export _getProvider for HMR
// ref: https://github.com/dvajs/dva/issues/469
app._getProvider = getProvider.bind(null, store, app); // If has container, render; else, return react component
if (container) {
render(container, store, app, app._router);
app._plugin.apply('onHmr')(render.bind(null, container, store, app));
} else {
return getProvider(store, this, this._router);
}
}
}
function isHTMLElement(node) {
return _typeof(node) === 'object' && node !== null && node.nodeType && node.nodeName;
}
function isString(str) {
return typeof str === 'string';
}
function getProvider(store, app, router) {
var DvaRoot = function DvaRoot(extraProps) {
return React__default.createElement(reactRedux.Provider, {
store: store
}, router(_objectSpread({
app: app,
history: app._history
}, extraProps)));
};
return DvaRoot;
}
function render(container, store, app, router) {
var ReactDOM = require('react-dom'); // eslint-disable-line
ReactDOM.render(React__default.createElement(getProvider(store, app, router)), container);
}
function patchHistory(history) {
var oldListen = history.listen;
history.listen = function (callback) {
// TODO: refact this with modified ConnectedRouter
// Let ConnectedRouter to sync history to store first
// connected-react-router's version is locked since the check function may be broken
// min version of connected-react-router
// e.g.
// function (e, t) {
// var n = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
// r.inTimeTravelling ? r.inTimeTravelling = !1 : a(e, t, n)
// }
// ref: https://github.com/umijs/umi/issues/2693
var cbStr = callback.toString();
var isConnectedRouterHandler = callback.name === 'handleLocationChange' && cbStr.indexOf('onLocationChanged') > -1 || cbStr.indexOf('.inTimeTravelling') > -1 && cbStr.indexOf('.inTimeTravelling') > -1 && cbStr.indexOf('arguments[2]') > -1;
callback(history.location, history.action);
return oldListen.call(history, function () {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (isConnectedRouterHandler) {
callback.apply(void 0, args);
} else {
// Delay all listeners besides ConnectedRouter
setTimeout(function () {
callback.apply(void 0, args);
});
}
});
};
return history;
}
Object.defineProperty(exports, 'createBrowserHistory', {
enumerable: true,
get: function () {
return history.createBrowserHistory;
}
});
Object.defineProperty(exports, 'createHashHistory', {
enumerable: true,
get: function () {
return history.createHashHistory;
}
});
Object.defineProperty(exports, 'createMemoryHistory', {
enumerable: true,
get: function () {
return history.createMemoryHistory;
}
});
Object.defineProperty(exports, 'connect', {
enumerable: true,
get: function () {
return reactRedux.connect;
}
});
Object.defineProperty(exports, 'connectAdvanced', {
enumerable: true,
get: function () {
return reactRedux.connectAdvanced;
}
});
Object.defineProperty(exports, 'shallowEqual', {
enumerable: true,
get: function () {
return reactRedux.shallowEqual;
}
});
Object.defineProperty(exports, 'useDispatch', {
enumerable: true,
get: function () {
return reactRedux.useDispatch;
}
});
Object.defineProperty(exports, 'useSelector', {
enumerable: true,
get: function () {
return reactRedux.useSelector;
}
});
Object.defineProperty(exports, 'useStore', {
enumerable: true,
get: function () {
return reactRedux.useStore;
}
});
Object.defineProperty(exports, 'bindActionCreators', {
enumerable: true,
get: function () {
return redux.bindActionCreators;
}
});
Object.defineProperty(exports, 'saga', {
enumerable: true,
get: function () {
return dvaCore.saga;
}
});
exports.router = router;
exports.routerRedux = routerRedux;
exports.fetch = isomorphicFetch;
exports.default = index;
exports.dynamic = dynamic;
exports.useHistory = useHistory;
exports.useLocation = useLocation;
exports.useParams = useParams;
exports.useRouteMatch = useRouteMatch;