From fdb09c104fceeaa43d3130cf99019f88aa701af9 Mon Sep 17 00:00:00 2001
From: xuliangzhan <xu_liangzhan@163.com>
Date: Sat, 1 Jul 2023 07:29:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8F=B3=E9=94=AE=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/App.vue           | 90 +++++++++++++++++++-------------------
 package.json               |  2 +-
 packages/menu/src/panel.js |  4 +-
 3 files changed, 49 insertions(+), 47 deletions(-)

diff --git a/examples/App.vue b/examples/App.vue
index 8428b88e1..294946836 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -4,28 +4,28 @@
       <div class="left">
         <a href="/vxe-table/">
           <img src="/vxe-table/logo.png" width="18">
-          <span class="title">该文档已废弃，官网文档地址：<a href="https://github.com/x-extends/vxe-table-docs">https://github.com/x-extends/vxe-table-docs</a></span>
+          <span class="title">官网文档地址：<a href="https://github.com/x-extends/vxe-table-docs">https://github.com/x-extends/vxe-table-docs</a></span>
         </a>
       </div>
       <div class="right">
         <div class="content">
           <span v-if="usedJSHeapSize && usedJSHeapSize !== '0'" class="performance">Memory used: {{ usedJSHeapSize }} MB.</span>
-          <span>{{ $t('app.body.label.translations') }}:</span>
-          <vxe-select class="locale-switch" size="mini" v-model="$i18n.locale">
+          <!-- <span>{{ $t('app.body.label.translations') }}:</span> -->
+          <!-- <vxe-select class="locale-switch" size="mini" v-model="$i18n.locale">
             <vxe-option value="zh_CN" label="中文"></vxe-option>
             <vxe-option value="zh_TC" label="繁體中文"></vxe-option>
-            <vxe-option value="en_US" label="English"></vxe-option>
+            <vxe-option value="en_US" label="English"></vxe-option> -->
             <!-- <vxe-option value="ja_JP" label="ジャパン"></vxe-option> -->
-          </vxe-select>
-          <span>{{ $t('app.body.label.version') }}: </span>
-          <vxe-select class="version-switch" size="mini" v-model="version" @change="vChangeEvent">
+          <!-- </vxe-select> -->
+          <!-- <span>{{ $t('app.body.label.version') }}: </span> -->
+          <!-- <vxe-select class="version-switch" size="mini" v-model="version" @change="vChangeEvent"> -->
             <!-- <vxe-option value="4.5" :label="$t('app.body.other.v4d5')" disabled></vxe-option> -->
-            <vxe-option value="4" :label="$t('app.body.other.v4')"></vxe-option>
+            <!-- <vxe-option value="4" :label="$t('app.body.other.v4')"></vxe-option> -->
             <!-- <vxe-option value="3.5" :label="$t('app.body.other.v3d5')" disabled></vxe-option> -->
-            <vxe-option value="3" :label="$t('app.body.other.v3')"></vxe-option>
+            <!-- <vxe-option value="3" :label="$t('app.body.other.v3')"></vxe-option>
             <vxe-option value="2" :label="$t('app.body.other.v2')" class-name="due-to-stop"></vxe-option>
             <vxe-option value="1" :label="$t('app.body.other.v1')" class-name="end-of-life"></vxe-option>
-          </vxe-select>
+          </vxe-select> -->
           <router-link class="link donation" :title="$t('app.footer.donationDesc')" :to="{name: 'Donation'}">{{ $t('app.header.label.donation') }}</router-link>
           <template v-if="apiLoading && showPlugin">
             <a v-if="disabledPlugin" class="link support" href="/vxe-table/plugins" target="_blank">💡插件</a>
@@ -36,7 +36,7 @@
     </header>
     <div class="page-container">
       <div class="aside" :class="{visible: showLeft}">
-        <div class="header">
+        <!-- <div class="header">
           <div class="version-list">
             <template v-if="stableVersionList.length">
               <span class="title">{{  $t('app.body.label.stableVersion')}}</span>
@@ -48,16 +48,16 @@
             </template>
           </div>
           <vxe-input clearable v-model="filterName" type="search" class="search-input" :placeholder="$t('app.body.search.searchPlaceholder')" @keyup="searchEvent" @clear="searchEvent"></vxe-input>
-        </div>
+        </div> -->
         <div class="body">
-          <div class="sponsors" v-if="sponsorList.length">
+          <!-- <div class="sponsors" v-if="sponsorList.length">
             <h4 class="title">赞助商</h4>
             <div v-for="(item, index) in sponsorList" :key="index">
               <a :href="item.url" :title="item.title" target="_blank">
                 <img :src="item.img" :style="{width: item.width, height: item.height}">
               </a>
             </div>
-          </div>
+          </div> -->
           <div class="docs">
             <template v-if="apiList.length">
               <!-- <ul class="nav-child-menu">
@@ -156,38 +156,38 @@ export default {
               locat: {
                 name: 'StartInstall'
               }
-            },
-            {
-              label: 'app.aside.nav.use',
-              locat: {
-                name: 'StartUse'
-              }
-            },
-            {
-              label: 'app.aside.nav.global',
-              locat: {
-                name: 'StartGlobal'
-              }
-            },
-            {
-              label: 'app.aside.nav.icons',
-              locat: {
-                name: 'StartIcons'
-              }
-            },
-            {
-              label: 'app.aside.nav.theme',
-              locat: {
-                name: 'StartTheme'
-              }
-            },
-            {
-              label: 'app.aside.nav.i18n',
-              demoUrl: 'https://jsrun.pro/SbfKp/edit',
-              locat: {
-                name: 'StartI18n'
-              }
             }
+            // {
+            //   label: 'app.aside.nav.use',
+            //   locat: {
+            //     name: 'StartUse'
+            //   }
+            // },
+            // {
+            //   label: 'app.aside.nav.global',
+            //   locat: {
+            //     name: 'StartGlobal'
+            //   }
+            // },
+            // {
+            //   label: 'app.aside.nav.icons',
+            //   locat: {
+            //     name: 'StartIcons'
+            //   }
+            // },
+            // {
+            //   label: 'app.aside.nav.theme',
+            //   locat: {
+            //     name: 'StartTheme'
+            //   }
+            // },
+            // {
+            //   label: 'app.aside.nav.i18n',
+            //   demoUrl: 'https://jsrun.pro/SbfKp/edit',
+            //   locat: {
+            //     name: 'StartI18n'
+            //   }
+            // }
           ]
         },
         {
diff --git a/package.json b/package.json
index 225715823..fb99e8a60 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "3.6.15",
+  "version": "3.6.16",
   "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器等...",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
diff --git a/packages/menu/src/panel.js b/packages/menu/src/panel.js
index 0ffbf8c4d..2ae6064c3 100644
--- a/packages/menu/src/panel.js
+++ b/packages/menu/src/panel.js
@@ -19,7 +19,9 @@ export default {
     const $xetable = this.$parent
     const { _e, ctxMenuOpts, ctxMenuStore } = this
     return h('div', {
-      class: ['vxe-table--context-menu-wrapper', ctxMenuOpts.className],
+      class: ['vxe-table--context-menu-wrapper', ctxMenuOpts.className, {
+        'is--visible': ctxMenuStore.visible
+      }],
       style: ctxMenuStore.style
     }, ctxMenuStore.list.map((options, gIndex) => {
       return options.every(item => item.visible === false) ? _e() : h('ul', {