@cloud-app-dev/vidc 2.0.0-alpha.33 → 2.0.0-alpha.34

package/es/AppRoute/index.css

@@ -0,0 +1,4 @@
+.ka-wrapper,
+.ka-content {
+  height: inherit;
+}

package/es/AppRoute/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IAppRouteProps } from './interface';
+import "./index.less";
 declare class AppRoute extends React.Component<IAppRouteProps, any> {
     static defaultProps: IAppRouteProps;
     constructor(props: IAppRouteProps);
     componentDidMount(): void;
     shouldComponentUpdate(props: IAppRouteProps): boolean;
     componentWillUnmount(): void;
-    updateMatchIndex: (index: number) => void;
     render(): JSX.Element;
 }
 export default AppRoute;

package/es/AppRoute/index.js

@@ -1,7 +1,6 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 import _cache from "@cloud-app-dev/utils/es/cache";
-import _useMount from "ahooks/es/useMount";
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -26,18 +25,10 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import { __rest } from "tslib";
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
+import KeepAlive, { AliveScope } from 'react-activation';
+import "./index.css";
 var _global = window;
 
-function RenderSingleRoute(_ref) {
-  var onMount = _ref.onMount;
-
-  _useMount(function () {
-    return onMount();
-  });
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
-}
-
 var AppRoute = /*#__PURE__*/function (_React$Component) {
   _inherits(AppRoute, _React$Component);
 
@@ -49,22 +40,6 @@ var AppRoute = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, AppRoute);
 
     _this = _super.call(this, props);
-
-    _this.updateMatchIndex = function (index) {
-      if (!_global._IS_RUN_MICRO_BASIC) {
-        return _this.setState({
-          matchIndex: index
-        });
-      } // 基座下不更新索引，路由切换由基座控制
-
-
-      if (_this.state.index !== -1) {
-        return _this.setState({
-          matchIndex: index
-        });
-      }
-    };
-
     _this.state = {
       matchIndex: -1
     };
@@ -97,27 +72,18 @@ var AppRoute = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
-      var matchIndex = this.state.matchIndex;
-
       var _a = this.props,
           _a$routes = _a.routes,
           routes = _a$routes === void 0 ? [] : _a$routes,
           props = __rest(_a, ["routes"]);
 
-      var component = matchIndex > -1 ? routes[matchIndex].element : undefined;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Routes, null, routes.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(AliveScope, null, /*#__PURE__*/React.createElement(Routes, null, routes.map(function (item) {
         return /*#__PURE__*/React.createElement(Route, {
           path: item.path,
           key: item.path,
-          element: /*#__PURE__*/React.createElement(RenderSingleRoute, {
-            onMount: function onMount() {
-              return _this2.updateMatchIndex(index);
-            }
-          })
+          element: /*#__PURE__*/React.createElement(KeepAlive, null, /*#__PURE__*/React.cloneElement(item.element, props))
         });
-      })), component && /*#__PURE__*/React.cloneElement(component, props));
+      })));
     }
   }]);
 

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "2.0.0-alpha.33",
+  "version": "2.0.0-alpha.34",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -36,14 +36,15 @@
     "fetch-like-axios": "^0.0.5",
     "immer": "^9.0.5",
     "lodash": "^4.17.21",
-    "rc-queue-anim": "^2.0.0"
+    "rc-queue-anim": "^2.0.0",
+    "react-activation": "^0.9.12"
   },
   "devDependencies": {
     "@cloud-app-dev/utils": "^3.0.3",
     "@types/add-dom-event-listener": "^1.1.0",
     "@types/chroma-js": "^2.1.3",
-    "@types/node": "^17.0.5",
     "@types/lodash": "^4.14.178",
+    "@types/node": "^17.0.5",
     "@umijs/test": "^3.0.5",
     "antd": "^4.17.0",
     "babel-plugin-import": "^1.13.3",