From 1d0fb4f274a5b767962c54583ab5863329d5bcc5 Mon Sep 17 00:00:00 2001
From: Wells <ww.sun@outlook.com>
Date: Wed, 26 Jun 2024 16:54:38 +0800
Subject: [PATCH] fix: selection bug without prototype & update ToggleButton
 style (#180)

* fix: update toggleButton arrow style

* fix: check if prototype exists in selection tool

* fix: update state tree data
---
 apps/playground/src/helpers/mock-files.ts                 | 4 ++--
 .../designer/src/sidebar/outline-panel/state-tree.tsx     | 1 +
 packages/designer/src/simulator/selection.tsx             | 2 +-
 packages/ui/src/toggle-button.tsx                         | 8 ++++----
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/playground/src/helpers/mock-files.ts b/apps/playground/src/helpers/mock-files.ts
index 604e4b5..b5fa605 100644
--- a/apps/playground/src/helpers/mock-files.ts
+++ b/apps/playground/src/helpers/mock-files.ts
@@ -3,7 +3,7 @@ const packageJson = {
   private: true,
   dependencies: {
     '@music163/antd': '0.2.5',
-    '@music163/tango-boot': '0.2.5',
+    '@music163/tango-boot': '0.3.5',
     react: '17.0.2',
     'react-dom': '17.0.2',
     'prop-types': '15.7.2',
@@ -48,7 +48,7 @@ const tangoConfigJson = {
     },
     '@music163/tango-boot': {
       description: '云音乐低代码运行时框架',
-      version: '0.2.5',
+      version: '0.3.5',
       library: 'TangoBoot',
       type: 'baseDependency',
       resources: ['https://unpkg.com/@music163/tango-boot@{{version}}/dist/boot.js'],
diff --git a/packages/designer/src/sidebar/outline-panel/state-tree.tsx b/packages/designer/src/sidebar/outline-panel/state-tree.tsx
index f684205..87953a1 100644
--- a/packages/designer/src/sidebar/outline-panel/state-tree.tsx
+++ b/packages/designer/src/sidebar/outline-panel/state-tree.tsx
@@ -30,6 +30,7 @@ export const StateTree = observer(() => {
     'pageStore',
     'services',
     'config',
+    'routeData',
   ]);
   const callback = () => {
     forceUpdate();
diff --git a/packages/designer/src/simulator/selection.tsx b/packages/designer/src/simulator/selection.tsx
index 8cad201..beb081f 100644
--- a/packages/designer/src/simulator/selection.tsx
+++ b/packages/designer/src/simulator/selection.tsx
@@ -206,7 +206,7 @@ function SelectionBox({ showActions, actions, data }: SelectionBoxProps) {
             }
           />
           <SelectionToolSet>{!isPage && actions}</SelectionToolSet>
-          {isFromCurrentFile && prototype.hasChildren && (
+          {isFromCurrentFile && prototype?.hasChildren && (
             <ComponentsPopover>
               <Tooltip title="快捷添加子元素">
                 <SelectionHelper icon={<PlusOutlined />} />
diff --git a/packages/ui/src/toggle-button.tsx b/packages/ui/src/toggle-button.tsx
index ce7e7b7..c36b524 100644
--- a/packages/ui/src/toggle-button.tsx
+++ b/packages/ui/src/toggle-button.tsx
@@ -20,6 +20,10 @@ const buttonStyle = css`
     transition: transform 0.1s ease-in;
   }
 
+  &:hover .anticon-down {
+    transform: translateY(2px);
+  }
+
   &.size-s {
     height: 24px;
     font-size: 14px;
@@ -59,10 +63,6 @@ const buttonStyle = css`
 
     &:hover {
       background-color: rgba(197, 197, 197, 0.16);
-
-      .anticon-down {
-        transform: translateY(2px);
-      }
     }
 
     &.disabled {