@cloud-app-dev/vidc 2.0.0-alpha.31 → 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,21 +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
     };
@@ -73,7 +49,7 @@ var AppRoute = /*#__PURE__*/function (_React$Component) {
   _createClass(AppRoute, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      console.debug("App Routes\uFF1A".concat(JSON.stringify(this.props.routes)));
+      console.debug("App Routes\uFF1A", this.props.routes);
     }
   }, {
     key: "shouldComponentUpdate",
@@ -96,28 +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;
-      console.debug('Route Match Index', matchIndex);
-      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/es/LoaderApp/index.d.ts

@@ -12,7 +12,6 @@ interface ILoaderAppProps {
      * @default {}
      */
     appProps: {
-        updateTime?: number;
         [key: string]: any;
     };
     /**

package/es/LoaderApp/index.js

@@ -1,4 +1,3 @@
-import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _uuid from "@cloud-app-dev/utils/es/uuid";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -110,19 +109,6 @@ function LoaderApp(_ref) {
       }
     };
   }, []);
-
-  _useUpdateEffect(function () {
-    var currentId = appProps.currentId,
-        tabId = appProps.tabId;
-
-    if (currentId === tabId && loadedAppRef.current) {
-      var props = Object.assign(Object.assign({}, appProps), {
-        container: domRef.current
-      });
-      loadedAppRef.current.update && loadedAppRef.current.update(props);
-    }
-  }, [appProps.currentId, appProps.tabId, appProps.updateTime]);
-
   return /*#__PURE__*/React.createElement("main", {
     ref: domRef,
     className: "loaded-app-layout ".concat(appConfig.routerPrefix, "-").concat(id),

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "2.0.0-alpha.31",
+  "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",