refactor(ui): 重构菜单项布局并添加文本样式菜单

将图标菜单项替换为文本样式菜单项，并调整相关样式
移除旧的保存和打开图标按钮，添加新的导出、打开和保存文本按钮
更新对应的点击事件处理逻辑和样式

index.html

@@ -12,12 +12,6 @@
   <div id="app">
     <div class="menu" editor-component="menu">
       <div class="menu-item">
-        <div class="menu-item__open" title="打开文档">
-          <i></i>
-        </div>
-        <div class="menu-item__save" title="保存文档">
-          <i></i>
-        </div>
         <div class="menu-item__undo">
           <i></i>
         </div>
@@ -342,6 +336,18 @@
           <i></i>
         </div>
       </div>
+      <div class="menu-divider"></div>
+      <div class="menu-item-text">
+        <div class="menu-item__export" title="导出">
+          <span>导出</span>
+        </div>
+        <div class="menu-item__open" title="打开">
+          <span>打开</span>
+        </div>
+        <div class="menu-item__save" title="保存">
+          <span>保存</span>
+        </div>
+      </div>
     </div>
     <div class="catalog" editor-component="catalog">
       <div class="catalog__header">