From 419906f49e2272e36cbdee9a66e79febe733bdaf Mon Sep 17 00:00:00 2001
From: Kirigaya <1193466151@qq.com>
Date: Sun, 20 Oct 2024 21:32:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=B7=A6=E4=B8=8A=E8=A7=92?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/iconfont.css                          |   6 ++-
 public/iconfont.woff2                        | Bin 6492 -> 6540 bytes
 public/test.vcd.view                         | Bin 6234 -> 6233 bytes
 public/vcd.css                               |   1 +
 src/components/pivot/index.vue               |   7 +++
 src/components/toolbar/current-status.vue    |   4 +-
 src/components/toolbar/cursor-location.vue   |   6 +--
 src/components/toolbar/file-menu/control.js  |   5 ++
 src/components/toolbar/file-menu/index.vue   |  50 +++++++++++++++++++
 src/components/toolbar/file-menu/save-as.vue |  13 +++++
 src/components/toolbar/file-menu/save.vue    |  13 +++++
 src/components/toolbar/index.vue             |   3 +-
 src/components/toolbar/value-search.vue      |   2 +-
 13 files changed, 102 insertions(+), 8 deletions(-)
 create mode 100644 src/components/toolbar/file-menu/control.js
 create mode 100644 src/components/toolbar/file-menu/index.vue
 create mode 100644 src/components/toolbar/file-menu/save-as.vue
 create mode 100644 src/components/toolbar/file-menu/save.vue

diff --git a/public/iconfont.css b/public/iconfont.css
index 159bf3b..d84582b 100644
--- a/public/iconfont.css
+++ b/public/iconfont.css
@@ -1,6 +1,6 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4440655 */
-  src: url('iconfont.woff2?t=1725251353876') format('woff2');
+  src: url('iconfont.woff2?t=1729428865198') format('woff2');
 }
 
 .iconfont {
@@ -11,6 +11,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-menu:before {
+  content: "\e607";
+}
+
 .icon-clear:before {
   content: "\e619";
 }
diff --git a/public/iconfont.woff2 b/public/iconfont.woff2
index 3ff238ebdff75c83eaf8de2bda6357b0184a9ef7..d1c8980628861c065353d28e5ffe824b4d48b6a2 100644
GIT binary patch
literal 6540
zcmV;78FS`$Pew8T0RR9102zz`3jhEB05Jpr02w?00RR9100000000000000000000
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

literal 6492
zcmV-i8KdTRPew8T0RR9102y2W3jhEB05Es}02vMd0RR9100000000000000000000
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
CQhAX8

diff --git a/public/test.vcd.view b/public/test.vcd.view
index aa67e3beec7f6b3e7299ec212ea542988c62f908..0f7e00c8e33dfeaf7bdf057467a1fce8be1277e7 100644
GIT binary patch
delta 166
zcmca*aMOS>awB7iC}ZX1Fj0A?t8*upi-z+GRQRW*6{nUkWH2%?OujFwE+CMflM;a}
zC?&R?X&=+%%VNsxm!jNd_^K97{wrq1J~8~o{K^N*CfkWya$I9zU|=#}5TAUIUvlyc
zaWzIYAWMUpfysEXfP^UvlL-SzKx#4{6NgM{adBo|Is=11QD%BZiC<!wXI@Hb1<(K>
F000NUF%kd(

delta 164
zcmca<aLa%(Y9nKaC}ZQ~Fj09X+u4)LMZ*OdEBw>aic?D%f_BKYUYBh<F!{Eqx(H)_
zPD%v2gpk;FrW*{CPm3wDS4I9WHE^9W`Ky=}`_CZ9T6Uqilg-2}8P88H5O<qAkwcm%
zrL;sZGryRD$(TWH@<DzLRt6>$1_K~VYcih%rznF!QD%BZiC<!wXI@Hb1p^oW0D2)c
AF8}}l

diff --git a/public/vcd.css b/public/vcd.css
index ada7fd3..d578851 100644
--- a/public/vcd.css
+++ b/public/vcd.css
@@ -10,6 +10,7 @@
     --sidebar-padding: 10px;
     --sidebar-item-margin: 5px;
     --toolbar-height: 50px;
+    --toolbar-item-height: 32px;
     --vcd-render-padding: 30px;
     --vcd-value-font-family: "Cascadia code", monospace;
     /* 需要满足如下公式 --time-scale-height + --sidebar-padding = --vcd-render-padding + canvas预留 高度 */
diff --git a/src/components/pivot/index.vue b/src/components/pivot/index.vue
index 4a0bf23..9d76442 100644
--- a/src/components/pivot/index.vue
+++ b/src/components/pivot/index.vue
@@ -41,6 +41,8 @@ import { globalLookup } from '@/hook/global';
 import MovingPivotVue from './moving-pivot.vue';
 import { UserPivotCtxShows } from './pivot-view';
 import RelativeAxis from './relative-axis.vue';
+import { contextmenu, groupcontextmenu } from '../sidebar/handle-contextmenu';
+import { fileMenuContext } from '../toolbar/file-menu/control';
 
 
 defineComponent({ name: 'main-render' });
@@ -56,6 +58,11 @@ function onMousedown() {
     for (const id of UserPivotCtxShows.keys()) {
         UserPivotCtxShows.set(id, false);
     }
+
+    // 关闭所有的子菜单
+    contextmenu.show = false;
+    groupcontextmenu.show = false;
+    fileMenuContext.show = false;
 }
 
 function onMouseup() {
diff --git a/src/components/toolbar/current-status.vue b/src/components/toolbar/current-status.vue
index 441595f..b33beb3 100644
--- a/src/components/toolbar/current-status.vue
+++ b/src/components/toolbar/current-status.vue
@@ -30,8 +30,8 @@ const selectedColors = computed(() => {
     color: var(--sidebar);
     border-radius: .5em;
     cursor: pointer;
-    height: 32px;
-    width: 32px;
+    height: var(--toolbar-item-height);
+    width: var(--toolbar-item-height);
     background-color: var(--main-color);
     display: flex;
     align-items: center;
diff --git a/src/components/toolbar/cursor-location.vue b/src/components/toolbar/cursor-location.vue
index 4eaf4af..1977d55 100644
--- a/src/components/toolbar/cursor-location.vue
+++ b/src/components/toolbar/cursor-location.vue
@@ -130,7 +130,7 @@ function confirmClearLocation() {
 .location {
     display: flex;
     align-items: center;
-    height: 32px;
+    height: var(--toolbar-item-height);
     padding: 1px 5px;
     background-color: var(--sidebar);
     border-radius: .5em;
@@ -142,9 +142,9 @@ function confirmClearLocation() {
     align-items: center;
     justify-content: center;
     margin-left: 3px;
-    height: 32px;
+    height: var(--toolbar-item-height);
     font-weight: 800;
-    width: 32px;
+    width: var(--toolbar-item-height);
     cursor: pointer;
     transition: var(--animation-3s);
 }
diff --git a/src/components/toolbar/file-menu/control.js b/src/components/toolbar/file-menu/control.js
new file mode 100644
index 0000000..8408a3c
--- /dev/null
+++ b/src/components/toolbar/file-menu/control.js
@@ -0,0 +1,5 @@
+import { reactive } from "vue";
+
+export const fileMenuContext = reactive({
+    show: false,
+});
\ No newline at end of file
diff --git a/src/components/toolbar/file-menu/index.vue b/src/components/toolbar/file-menu/index.vue
new file mode 100644
index 0000000..bda815c
--- /dev/null
+++ b/src/components/toolbar/file-menu/index.vue
@@ -0,0 +1,50 @@
+<template>
+    <div class="file-menu">
+        <div>
+            <span class="iconfont icon-menu"></span>
+        </div>
+
+        <!-- 菜单列表 -->
+        <transition name="collapse-from-top" mode="out-in">
+            <div class="list" v-show="fileMenuContext.show">
+                <Save></Save>
+                <SaveAs></SaveAs>
+            </div>
+        </transition>
+    </div>
+</template>
+
+<script setup>
+import { defineComponent } from 'vue';
+import { fileMenuContext } from './control';
+import Save from './save.vue';
+import SaveAs from './save-as.vue';
+
+defineComponent({ name: 'file-menu' });
+
+</script>
+
+<style>
+.file-menu {
+    height: var(--toolbar-item-height);
+    width: var(--toolbar-item-height);
+    border-radius: .5em;
+    cursor: pointer;
+    background-color: var(--sidebar);
+    position: relative;
+}
+
+.file-menu .list {
+    position: absolute;
+    top: 10px;
+    left: 0;
+    border-radius: .5em;
+    box-shadow: 0 0 10px 1px rgb(16, 16, 16);
+    background-color: var(--sidebar);
+    border: solid 1px var(--sidebar-border);
+    z-index: 200;
+    display: flex;
+    flex-direction: column;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/components/toolbar/file-menu/save-as.vue b/src/components/toolbar/file-menu/save-as.vue
new file mode 100644
index 0000000..539cdcd
--- /dev/null
+++ b/src/components/toolbar/file-menu/save-as.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <div>save as</div>
+    </div>
+</template>
+
+<script setup>
+import { defineComponent } from 'vue';
+
+defineComponent({ name: 'save-as' });
+
+
+</script>
\ No newline at end of file
diff --git a/src/components/toolbar/file-menu/save.vue b/src/components/toolbar/file-menu/save.vue
new file mode 100644
index 0000000..4a4c86d
--- /dev/null
+++ b/src/components/toolbar/file-menu/save.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <div>save</div>
+    </div>
+</template>
+
+<script setup>
+import { defineComponent } from 'vue';
+
+defineComponent({ name: 'save' });
+
+
+</script>
\ No newline at end of file
diff --git a/src/components/toolbar/index.vue b/src/components/toolbar/index.vue
index 9e448ee..c2d525c 100644
--- a/src/components/toolbar/index.vue
+++ b/src/components/toolbar/index.vue
@@ -4,7 +4,7 @@
         @mouseenter="onEnter()"
     >
         <div class="toolbar-body">
-            <CurrentStatus></CurrentStatus>
+            <FileMenu></FileMenu>
             &emsp;
             <SignalModal></SignalModal>
             &emsp;
@@ -25,6 +25,7 @@ import SignalModal from './signal-modal.vue';
 import SignalValueFormat from './signal-value-format.vue';
 import CursorLocation from './cursor-location.vue';
 import ValueSearch from './value-search.vue';
+import FileMenu from './file-menu';
 
 import { MovingPivot } from '../pivot/cursor';
 
diff --git a/src/components/toolbar/value-search.vue b/src/components/toolbar/value-search.vue
index 7bc95a2..5b39e9d 100644
--- a/src/components/toolbar/value-search.vue
+++ b/src/components/toolbar/value-search.vue
@@ -177,7 +177,7 @@ function getNextIconClass() {
     margin-left: 5px;
     padding-top: 2px;
     display: flex;
-    height: 32px;
+    height: var(--toolbar-item-height);
     align-items: center;
 }