react-keep-alive
Advanced tools
Comparing version
@@ -15,2 +15,9 @@ "use strict"; | ||
})(); | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -20,4 +27,4 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var react_dom_1 = __importDefault(require("react-dom")); | ||
var React = __importStar(require("react")); | ||
var ReactDOM = __importStar(require("react-dom")); | ||
var noop_1 = __importDefault(require("../utils/noop")); | ||
@@ -30,3 +37,3 @@ var ReactComment = /** @class */ (function (_super) { | ||
ReactComment.prototype.componentDidMount = function () { | ||
var node = react_dom_1.default.findDOMNode(this); | ||
var node = ReactDOM.findDOMNode(this); | ||
var commentNode = this.createComment(); | ||
@@ -37,3 +44,3 @@ this.commentNode = commentNode; | ||
this.parentNode.replaceChild(commentNode, node); | ||
react_dom_1.default.unmountComponentAtNode(node); | ||
ReactDOM.unmountComponentAtNode(node); | ||
this.props.onLoaded(); | ||
@@ -53,3 +60,3 @@ }; | ||
ReactComment.prototype.render = function () { | ||
return react_1.default.createElement("div", null); | ||
return React.createElement("div", null); | ||
}; | ||
@@ -60,3 +67,3 @@ ReactComment.defaultProps = { | ||
return ReactComment; | ||
}(react_1.default.PureComponent)); | ||
}(React.PureComponent)); | ||
exports.default = ReactComment; |
@@ -15,2 +15,9 @@ "use strict"; | ||
})(); | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -20,3 +27,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var React = __importStar(require("react")); | ||
var Comment_1 = __importDefault(require("./Comment")); | ||
@@ -57,6 +64,6 @@ var Provider_1 = require("./Provider"); | ||
var identification = this.identification; | ||
return react_1.default.createElement(Comment_1.default, { ref: function (ref) { return _this.commentRef = ref; } }, identification); | ||
return React.createElement(Comment_1.default, { ref: function (ref) { return _this.commentRef = ref; } }, identification); | ||
}; | ||
return Consumer; | ||
}(react_1.default.PureComponent)); | ||
}(React.PureComponent)); | ||
exports.default = Consumer; |
@@ -15,5 +15,2 @@ "use strict"; | ||
})(); | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
}; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
@@ -26,4 +23,7 @@ if (mod && mod.__esModule) return mod; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var React = __importStar(require("react")); | ||
var AsyncComponent_1 = __importDefault(require("./AsyncComponent")); | ||
@@ -145,7 +145,7 @@ var Provider_1 = require("./Provider"); | ||
// so you need to remove this div later. | ||
return (react_1.default.createElement("div", { ref: function (ref) { return _this.ref = ref; } }, | ||
react_1.default.createElement(AsyncComponent_1.default, { setMounted: this.setMounted, getMounted: this.getMounted, onUpdate: this.correctionPosition }, this.props.children))); | ||
return (React.createElement("div", { ref: function (ref) { return _this.ref = ref; } }, | ||
React.createElement(AsyncComponent_1.default, { setMounted: this.setMounted, getMounted: this.getMounted, onUpdate: this.correctionPosition }, this.props.children))); | ||
}; | ||
return KeepAlive; | ||
}(react_1.default.PureComponent)); | ||
}(React.PureComponent)); | ||
exports.default = keepAliveDecorator_1.default(KeepAlive); |
@@ -26,2 +26,9 @@ "use strict"; | ||
}; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -31,4 +38,4 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var react_dom_1 = __importDefault(require("react-dom")); | ||
var React = __importStar(require("react")); | ||
var ReactDOM = __importStar(require("react-dom")); | ||
var Comment_1 = __importDefault(require("./Comment")); | ||
@@ -95,3 +102,3 @@ var KeepAliveContext_1 = __importDefault(require("../contexts/KeepAliveContext")); | ||
var _b = this.props, innerChildren = _b.children, include = _b.include, exclude = _b.exclude; | ||
return (react_1.default.createElement(KeepAliveContext_1.default.Provider, { value: { | ||
return (React.createElement(KeepAliveContext_1.default.Provider, { value: { | ||
cache: cache, | ||
@@ -109,3 +116,3 @@ keys: keys, | ||
} }, | ||
react_1.default.createElement(react_1.default.Fragment, null, | ||
React.createElement(React.Fragment, null, | ||
innerChildren, | ||
@@ -127,7 +134,7 @@ keys.map(function (identification) { | ||
// current true, previous false, keepAlive false, not cache | ||
return react_dom_1.default.createPortal((cacheChildren | ||
? (react_1.default.createElement(react_1.default.Fragment, null, | ||
react_1.default.createElement(Comment_1.default, null, identification), | ||
return ReactDOM.createPortal((cacheChildren | ||
? (React.createElement(React.Fragment, null, | ||
React.createElement(Comment_1.default, null, identification), | ||
cacheChildren, | ||
react_1.default.createElement(Comment_1.default, { onLoaded: function () { return _this.startMountingDOM(identification); } }, identification))) | ||
React.createElement(Comment_1.default, { onLoaded: function () { return _this.startMountingDOM(identification); } }, identification))) | ||
: null), storeElement); | ||
@@ -138,3 +145,3 @@ })))); | ||
return KeepAliveProvider; | ||
}(react_1.default.PureComponent)); | ||
}(React.PureComponent)); | ||
exports.default = KeepAliveProvider; |
"use strict"; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var WithKeepAliveContext = react_1.default.createContext({}); | ||
var React = __importStar(require("react")); | ||
var WithKeepAliveContext = React.createContext({}); | ||
exports.default = WithKeepAliveContext; |
"use strict"; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var KeepAliveContext = react_1.default.createContext({}); | ||
var React = __importStar(require("react")); | ||
var KeepAliveContext = React.createContext({}); | ||
exports.default = KeepAliveContext; |
@@ -22,2 +22,9 @@ "use strict"; | ||
}; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -27,3 +34,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var React = __importStar(require("react")); | ||
var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics")); | ||
@@ -92,3 +99,3 @@ var noop_1 = __importDefault(require("./noop")); | ||
} | ||
return (react_1.default.createElement(Component, __assign({}, extra, wrapperProps, { ref: forwardRef || noop_1.default, _container: { | ||
return (React.createElement(Component, __assign({}, extra, wrapperProps, { ref: forwardRef || noop_1.default, _container: { | ||
identification: identification, | ||
@@ -100,3 +107,3 @@ eventEmitter: eventEmitter, | ||
}); | ||
var BindLifecycle = react_1.default.forwardRef(function (props, ref) { return (react_1.default.createElement(BindLifecycleHOC, __assign({}, props, { forwardRef: ref }))); }); | ||
var BindLifecycle = React.forwardRef(function (props, ref) { return (React.createElement(BindLifecycleHOC, __assign({}, props, { forwardRef: ref }))); }); | ||
BindLifecycle.WrappedComponent = WrappedComponent; | ||
@@ -103,0 +110,0 @@ BindLifecycle.displayName = exports.bindLifecycleTypeName + "(" + getDisplayName_1.default(Component) + ")"; |
@@ -35,2 +35,9 @@ "use strict"; | ||
}; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -40,3 +47,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var React = __importStar(require("react")); | ||
var hoist_non_react_statics_1 = __importDefault(require("hoist-non-react-statics")); | ||
@@ -152,4 +159,4 @@ var IdentificationContext_1 = __importDefault(require("../contexts/IdentificationContext")); | ||
return !ifStillActivate | ||
? (react_1.default.createElement(Consumer_1.default, { identification: identification, keepAlive: keepAlive, cache: cache, setCache: setCache, unactivate: unactivate }, | ||
react_1.default.createElement(IdentificationContext_1.default.Provider, { value: { | ||
? (React.createElement(Consumer_1.default, { identification: identification, keepAlive: keepAlive, cache: cache, setCache: setCache, unactivate: unactivate }, | ||
React.createElement(IdentificationContext_1.default.Provider, { value: { | ||
identification: identification, | ||
@@ -163,3 +170,3 @@ eventEmitter: eventEmitter, | ||
} }, | ||
react_1.default.createElement(Component, __assign({}, wrapperProps, { _container: { | ||
React.createElement(Component, __assign({}, wrapperProps, { _container: { | ||
isNeedActivate: isNeedActivate, | ||
@@ -177,3 +184,3 @@ notNeedActivate: notNeedActivate, | ||
return TriggerLifecycleContainer; | ||
}(react_1.default.PureComponent)); | ||
}(React.PureComponent)); | ||
var ListenUpperKeepAliveContainer = /** @class */ (function (_super) { | ||
@@ -249,7 +256,7 @@ __extends(ListenUpperKeepAliveContainer, _super); | ||
return activated | ||
? (react_1.default.createElement(TriggerLifecycleContainer, __assign({}, wrapperProps, { key: propKey, propKey: propKey, keepAlive: this.combinedKeepAlive, getCombinedKeepAlive: this.getCombinedKeepAlive }))) | ||
? (React.createElement(TriggerLifecycleContainer, __assign({}, wrapperProps, { key: propKey, propKey: propKey, keepAlive: this.combinedKeepAlive, getCombinedKeepAlive: this.getCombinedKeepAlive }))) | ||
: null; | ||
}; | ||
return ListenUpperKeepAliveContainer; | ||
}(react_1.default.Component)); | ||
}(React.Component)); | ||
var KeepAlive = withKeepAliveContextConsumer_1.default(withIdentificationContextConsumer_1.default(ListenUpperKeepAliveContainer)); | ||
@@ -256,0 +263,0 @@ return hoist_non_react_statics_1.default(KeepAlive, Component); |
@@ -13,2 +13,9 @@ "use strict"; | ||
}; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -18,3 +25,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var React = __importStar(require("react")); | ||
var IdentificationContext_1 = __importDefault(require("../contexts/IdentificationContext")); | ||
@@ -24,3 +31,3 @@ var getDisplayName_1 = __importDefault(require("./getDisplayName")); | ||
function withIdentificationContextConsumer(Component) { | ||
var WithIdentificationContextConsumer = function (props) { return (react_1.default.createElement(IdentificationContext_1.default.Consumer, null, function (contextProps) { return react_1.default.createElement(Component, __assign({ _identificationContextProps: contextProps }, props)); })); }; | ||
var WithIdentificationContextConsumer = function (props) { return (React.createElement(IdentificationContext_1.default.Consumer, null, function (contextProps) { return React.createElement(Component, __assign({ _identificationContextProps: contextProps }, props)); })); }; | ||
WithIdentificationContextConsumer.displayName = exports.withIdentificationContextConsumerDisplayName + "(" + getDisplayName_1.default(Component) + ")"; | ||
@@ -27,0 +34,0 @@ return WithIdentificationContextConsumer; |
@@ -13,2 +13,9 @@ "use strict"; | ||
}; | ||
var __importStar = (this && this.__importStar) || function (mod) { | ||
if (mod && mod.__esModule) return mod; | ||
var result = {}; | ||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; | ||
result["default"] = mod; | ||
return result; | ||
}; | ||
var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -18,3 +25,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var react_1 = __importDefault(require("react")); | ||
var React = __importStar(require("react")); | ||
var KeepAliveContext_1 = __importDefault(require("../contexts/KeepAliveContext")); | ||
@@ -24,3 +31,3 @@ var getDisplayName_1 = __importDefault(require("./getDisplayName")); | ||
function withKeepAliveContextConsumer(Component) { | ||
var WithKeepAliveContextConsumer = function (props) { return (react_1.default.createElement(KeepAliveContext_1.default.Consumer, null, function (contextProps) { return react_1.default.createElement(Component, __assign({ _keepAliveContextProps: contextProps }, props)); })); }; | ||
var WithKeepAliveContextConsumer = function (props) { return (React.createElement(KeepAliveContext_1.default.Consumer, null, function (contextProps) { return React.createElement(Component, __assign({ _keepAliveContextProps: contextProps }, props)); })); }; | ||
WithKeepAliveContextConsumer.displayName = exports.WithKeepAliveContextConsumerDisplayName + "(" + getDisplayName_1.default(Component) + ")"; | ||
@@ -27,0 +34,0 @@ return WithKeepAliveContextConsumer; |
@@ -14,4 +14,4 @@ var __extends = (this && this.__extends) || (function () { | ||
})(); | ||
import React from 'react'; | ||
import ReactDOM from 'react-dom'; | ||
import * as React from 'react'; | ||
import * as ReactDOM from 'react-dom'; | ||
import noop from '../utils/noop'; | ||
@@ -18,0 +18,0 @@ var ReactComment = /** @class */ (function (_super) { |
@@ -14,3 +14,3 @@ var __extends = (this && this.__extends) || (function () { | ||
})(); | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
import Comment from './Comment'; | ||
@@ -17,0 +17,0 @@ import { LIFECYCLE } from './Provider'; |
@@ -14,3 +14,3 @@ var __extends = (this && this.__extends) || (function () { | ||
})(); | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
import AsyncComponent from './AsyncComponent'; | ||
@@ -17,0 +17,0 @@ import { START_MOUNTING_DOM, LIFECYCLE } from './Provider'; |
@@ -25,4 +25,4 @@ var __extends = (this && this.__extends) || (function () { | ||
}; | ||
import React from 'react'; | ||
import ReactDOM from 'react-dom'; | ||
import * as React from 'react'; | ||
import * as ReactDOM from 'react-dom'; | ||
import Comment from './Comment'; | ||
@@ -29,0 +29,0 @@ import KeepAliveContext from '../contexts/KeepAliveContext'; |
@@ -1,3 +0,3 @@ | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
var WithKeepAliveContext = React.createContext({}); | ||
export default WithKeepAliveContext; |
@@ -1,3 +0,3 @@ | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
var KeepAliveContext = React.createContext({}); | ||
export default KeepAliveContext; |
@@ -21,3 +21,3 @@ var __assign = (this && this.__assign) || function () { | ||
}; | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
import hoistNonReactStatics from 'hoist-non-react-statics'; | ||
@@ -24,0 +24,0 @@ import noop from './noop'; |
@@ -34,3 +34,3 @@ var __extends = (this && this.__extends) || (function () { | ||
}; | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
import hoistNonReactStatics from 'hoist-non-react-statics'; | ||
@@ -37,0 +37,0 @@ import IdentificationContext from '../contexts/IdentificationContext'; |
@@ -12,3 +12,3 @@ var __assign = (this && this.__assign) || function () { | ||
}; | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
import IdentificationContext from '../contexts/IdentificationContext'; | ||
@@ -15,0 +15,0 @@ import getDisplayName from './getDisplayName'; |
@@ -12,3 +12,3 @@ var __assign = (this && this.__assign) || function () { | ||
}; | ||
import React from 'react'; | ||
import * as React from 'react'; | ||
import KeepAliveContext from '../contexts/KeepAliveContext'; | ||
@@ -15,0 +15,0 @@ import getDisplayName from './getDisplayName'; |
{ | ||
"name": "react-keep-alive", | ||
"version": "2.2.0", | ||
"version": "2.3.0", | ||
"description": "Package will allow components to maintain their status, to avoid repeated re-rendering.", | ||
"author": "Shen Chang", | ||
"homepage": "https://github.com/Sam618/react-keep-alive", | ||
"homepage": "https://github.com/StructureBuilder/react-keep-alive", | ||
"keywords": [ | ||
@@ -15,10 +15,9 @@ "react", | ||
"type": "git", | ||
"url": "git+https://github.com/Sam618/react-keep-alive.git" | ||
"url": "git+https://github.com/StructureBuilder/react-keep-alive.git" | ||
}, | ||
"bugs": { | ||
"url": "https://github.com/Sam618/react-keep-alive/issues" | ||
"url": "https://github.com/StructureBuilder/react-keep-alive/issues" | ||
}, | ||
"main": "cjs/index.js", | ||
"module": "es/index.js", | ||
"types": "index.d.ts", | ||
"scripts": { | ||
@@ -25,0 +24,0 @@ "clean:es": "rimraf es", |
279272
7.47%111
79.03%2988
20.48%