fix: 1.修复 rax 路由问题 2.切换 designMode 重新 setupSelection 3.settingpane add state shouldIgnoreRoot

packages/designer/src/designer/designer.ts

@@ -171,8 +171,37 @@ export class Designer {
       node.document.simulator?.scrollToNode(node, detail);
     });
 
+    let historyDispose: undefined | (() => void);
+    const setupHistory = () => {
+      if (historyDispose) {
+        historyDispose();
+        historyDispose = undefined;
+      }
+      this.postEvent('history.change', this.currentHistory);
+      if (this.currentHistory) {
+        const { currentHistory } = this;
+        historyDispose = currentHistory.onStateChange(() => {
+          this.postEvent('history.change', currentHistory);
+        });
+      }
+    };
+    this.project.onCurrentDocumentChange(() => {
+      this.postEvent('current-document.change', this.currentDocument);
+      this.postEvent('selection.change', this.currentSelection);
+      this.postEvent('history.change', this.currentHistory);
+      this.setupSelection();
+      setupHistory();
+    });
+    this.postEvent('designer.init', this);
+    this.setupSelection();
+    setupHistory();
+
+    // TODO: 先简单实现，后期通过焦点赋值
+    focusing.focusDesigner = this;
+  }
+
+  setupSelection = () => {
     let selectionDispose: undefined | (() => void);
-    const setupSelection = () => {
     if (selectionDispose) {
       selectionDispose();
       selectionDispose = undefined;
@@ -192,34 +221,6 @@ export class Designer {
       });
     }
   };
-    let historyDispose: undefined | (() => void);
-    const setupHistory = () => {
-      if (historyDispose) {
-        historyDispose();
-        historyDispose = undefined;
-      }
-      this.postEvent('history.change', this.currentHistory);
-      if (this.currentHistory) {
-        const { currentHistory } = this;
-        historyDispose = currentHistory.onStateChange(() => {
-          this.postEvent('history.change', currentHistory);
-        });
-      }
-    };
-    this.project.onCurrentDocumentChange(() => {
-      this.postEvent('current-document.change', this.currentDocument);
-      this.postEvent('selection.change', this.currentSelection);
-      this.postEvent('history.change', this.currentHistory);
-      setupSelection();
-      setupHistory();
-    });
-    this.postEvent('designer.init', this);
-    setupSelection();
-    setupHistory();
-
-    // TODO: 先简单实现，后期通过焦点赋值
-    focusing.focusDesigner = this;
-  }
 
   postEvent(event: string, ...args: any[]) {
     this.editor.emit(`designer.${event}`, ...args);
@@ -329,6 +330,10 @@ export class Designer {
       }
       if (props.simulatorProps !== this.props.simulatorProps) {
         this._simulatorProps = props.simulatorProps;
+        // 重新 setupSelection
+        if (props.simulatorProps?.designMode !== this.props.simulatorProps?.designMode) {
+          this.setupSelection();
+        }
       }
       if (props.suspensed !== this.props.suspensed && props.suspensed != null) {
         this.suspensed = props.suspensed;

packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx

@@ -9,7 +9,10 @@ import { SkeletonContext } from '../../context';
 import { createIcon } from '@ali/lowcode-utils';
 
 @observer
-export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any }> {
+export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any }, { shouldIgnoreRoot: boolean }> {
+  state = {
+    shouldIgnoreRoot: false, 
+  };
   private main = new SettingsMain(this.props.editor);
 
   @obx.ref private _activeKey?: any;
@@ -18,6 +21,17 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any
     return false;
   }
 
+  componentDidMount() {
+    this.setShouldIgnoreRoot();
+  }
+    
+  async setShouldIgnoreRoot() {
+    let designMode = await this.props.editor.get('designMode');
+    this.setState({
+      shouldIgnoreRoot: designMode === 'live',
+    })
+  }
+
   componentWillUnmount() {
     this.main.purge();
   }
@@ -25,7 +39,8 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor; config: any
   renderBreadcrumb() {
     const { settings } = this.main;
     const { config } = this.props;
-    const shouldIgnoreRoot = config.props?.ignoreRoot;
+    // const shouldIgnoreRoot = config.props?.ignoreRoot;
+    const { shouldIgnoreRoot } = this.state;
     if (!settings) {
       return null;
     }

packages/rax-simulator-renderer/src/rax-use-router.js

@@ -209,13 +209,26 @@ function getInitialComponent(routerConfig) {
 
 let unlisten = null;
 let handleId = null;
+let pathes = '';
 export function useRouter(routerConfig) {
   const [component, setComponent] = useState(getInitialComponent(routerConfig));
 
+  let newPathes = '';
   if (routerConfig) {
     _routerConfig = routerConfig;
     const routes = _routerConfig.routes;
     router.root = Array.isArray(routes) ? { routes } : routes;
+    if (Array.isArray(routes)) {
+      newPathes = routes.map(it => it.path).join(',');
+    } else {
+      newPathes = routes.path;
+    }
+  }
+  if (_initialized && _routerConfig.history) {
+    if (newPathes !== pathes) {
+      matchLocation(_routerConfig.history.location);
+      pathes = newPathes;
+    }
   }
   
   useLayoutEffect(() => {
@@ -241,15 +254,18 @@ export function useRouter(routerConfig) {
     // Init path match
     if (_initialized || !_routerConfig.InitialComponent) {
       matchLocation(history.location);
+      pathes = newPathes;
     }
 
     unlisten = history.listen(({ location }) => {
       matchLocation(location);
+      pathes = newPathes;
     });
 
     _initialized = true;
 
     return () => {
+      pathes = '';
       router.removeHandle(handleId);
       handleId = null;
       unlisten();

packages/rax-simulator-renderer/src/renderer.ts

@@ -273,7 +273,6 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
         return inst;
       });
 
-      this.emitter.emit('layoutChange');
       const path = host.project.currentDocument ? documentInstanceMap.get(host.project.currentDocument.id)!.path : '/';
       if (firstRun) {
         initialEntry = path;
@@ -281,6 +280,7 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
         if (this.history.location.pathname !== path) {
           this.history.replace(path);
         }
+        this.emitter.emit('layoutChange');
       }
     });
     const history = createMemoryHistory({
@@ -305,6 +305,9 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
           replace(path: string, params?: object) {
             history.replace(withQueryParams(path, params));
           },
+          back() {
+            history.back();
+          }
         },
         legaoBuiltins: {
           getUrlParams() {