per: 优化选择窗格入口

src/configs/hotkey.ts

@@ -42,6 +42,7 @@ export const HOTKEY_DOC = [
       { label: '恢复', value: 'Ctrl + Y' },
       { label: '删除', value: 'Delete / Backspace' },
       { label: '多选', value: '按住 Ctrl 或 Shift' },
+      { label: '打开搜索替换', value: 'Ctrl + F' },
       { label: '打印', value: 'Ctrl + P' },
       { label: '关闭弹窗', value: 'ESC' },
     ],

src/plugins/icon.ts

@@ -116,6 +116,7 @@ import {
   Search,
   Left,
   Right,
+  MoveOne,
 } from '@icon-park/vue-next'
 
 export interface Icons {
@@ -237,6 +238,7 @@ export const icons: Icons = {
   IconSearch: Search,
   IconLeft: Left,
   IconRight: Right,
+  IconMoveOne: MoveOne,
 }
 
 export default {

src/views/Editor/Canvas/index.vue

@@ -152,7 +152,6 @@ const {
   editorAreaFocus,
   gridLineSize,
   showRuler,
-  showSelectPanel,
   creatingElement,
   creatingCustomShape,
   canvasScale,
@@ -330,13 +329,6 @@ const contextmenus = (): ContextmenuItem[] => {
         },
       ],
     },
-    {
-      text: showSelectPanel.value ? '关闭选择面板' : '打开选择面板',
-      handler: () => {
-        if (!showSelectPanel.value) mainStore.setSelectPanelState(true)
-        else mainStore.setSelectPanelState(false)
-      },
-    },
     {
       text: '重置当前页',
       handler: deleteAllElements,

src/views/Editor/CanvasTool/index.vue

@@ -8,6 +8,9 @@
         <IconNext class="handler-item" :class="{ 'disable': !canRedo }" @click="redo()" />
       </Tooltip>
       <Divider type="vertical" style="height: 20px;" />
+      <Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.5" title="选择窗格" @click="openSelectPanel()">
+        <IconMoveOne class="handler-item" />
+      </Tooltip>
       <Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.5" title="查找/替换" @click="openSraechPanel()">
         <IconSearch class="handler-item" />
       </Tooltip>
@@ -221,7 +224,12 @@ const drawLine = (line: LinePoolItem) => {
   linePoolVisible.value = false
 }
 
-// 打开选择替换面板
+// 打开选择面板
+const openSelectPanel = () => {
+  mainStore.setSelectPanelState(true)
+}
+
+// 打开搜索替换面板
 const openSraechPanel = () => {
   mainStore.setSearchPanelState(true)
 }