From 9ead79289cdf330766242284163efd2dfd72caff Mon Sep 17 00:00:00 2001
From: yaojn <everast@aliyun.com>
Date: Mon, 18 Dec 2023 17:28:24 +0800
Subject: [PATCH] =?UTF-8?q?-=20[=E5=8A=9F=E8=83=BD]=E3=80=90=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E7=BB=84=E4=BB=B6=E3=80=91TsContain=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=B7=A6=E5=8F=B3sider=E5=8F=AF=E4=BB=A5=E5=90=8C=E6=97=B6?=
 =?UTF-8?q?=E5=87=BA=E7=8E=B0=20=20-=20[=E5=85=B3=E8=81=94]#[1049205601173?=
 =?UTF-8?q?504]=E3=80=90=E5=85=A8=E5=B1=80=E7=BB=84=E4=BB=B6=E3=80=91TsCon?=
 =?UTF-8?q?tain=E6=96=B0=E5=A2=9E=E5=B7=A6=E5=8F=B3sider=E5=8F=AF=E4=BB=A5?=
 =?UTF-8?q?=E5=90=8C=E6=97=B6=E5=87=BA=E7=8E=B0=20http://192.168.0.96:8090?=
 =?UTF-8?q?/demo/rdm.html#/story-detail/939050947543040/939050947543042/10?=
 =?UTF-8?q?49205601173504?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/TsContain/TsContain.md         |  5 +--
 .../components/TsContain/TsContain.vue        | 38 ++++++-------------
 .../pages/autoexec/detail/action-detail.vue   |  4 +-
 .../service-catalog-manage.vue                |  1 -
 src/views/pages/cmdb/ci/ci-detail.vue         |  1 -
 src/views/pages/cmdb/ci/legalvalid-edit.vue   |  4 +-
 src/views/pages/cmdb/ci/syncpolicy-edit.vue   |  4 +-
 src/views/pages/cmdb/customview/view-data.vue |  4 +-
 .../pages/cmdb/sync/sync-audit-manage.vue     |  1 -
 .../pages/framework/healthcheck/sqldump.vue   |  1 -
 .../tacticsedit/setting/template-help.vue     |  1 -
 .../pages/pbc/policy/policy-audit-manage.vue  |  1 -
 .../process/catalog/catalog-overview.vue      |  1 -
 .../process/task/processdetail/detailmixin.js |  1 -
 .../task/processdetail/process-autoexec.vue   |  4 +-
 .../task/processdetail/process-automatic.vue  |  4 +-
 .../processdetail/process-changecreate.vue    |  4 +-
 .../processdetail/process-changehandle.vue    |  4 +-
 .../task/processdetail/process-cmdbsync.vue   |  4 +-
 .../task/processdetail/process-event.vue      |  4 +-
 .../task/processdetail/process-omnipotent.vue |  4 +-
 .../task/processdetail/process-timer.vue      |  4 +-
 22 files changed, 35 insertions(+), 64 deletions(-)

diff --git a/src/resources/components/TsContain/TsContain.md b/src/resources/components/TsContain/TsContain.md
index 8002b3e4..b8c2e686 100644
--- a/src/resources/components/TsContain/TsContain.md
+++ b/src/resources/components/TsContain/TsContain.md
@@ -55,7 +55,6 @@ siderWidth|Number|200|否|sider的宽度|如果可以拖动，则拖动的范围
 siderPosition|String|left|否|sider在布局的位置,主要是针对可拖动块是的插槽|left  right
 isDrag|Boolean|false|否|sider是否可以拖动|拖动产生的宽度会存在localStorage 下次进来时通过存储的值来渲染
 rightWidth|Number|200|否|如果是左中右布局的右侧宽度|需配合slot使用；在isDrag为true的前提下,如果siderWidth 和 rightWidth 同时存在，则优先使用siderWidth
-leftWidth|Number|200|否|如果是左中右布局的左侧宽度|需配合slot使用；在isDrag为true的前提下,如果siderWidth 和 leftWidth 同时存在，则优先使用siderWidth
 mode|String|window|否|显示模式|如果是window模式，会使用100vh来计算高度，如果是弹窗中使用，则需要使用dialog模式，则高度变成100%，避免弹窗下有大量留白
 >>  slot卡槽说明
 
@@ -67,8 +66,7 @@ topLeft|头部固定格式，左侧布局内容| -
 topCenter|头部固定模式，中间布局内容| 尽量少用
 topRight|头部固定模式，右侧布局内容| 主要是用来统一右侧搜索的宽度
 content|下部正文内容| -
-sider|侧边栏|尽量不用，sider 和 left是互斥的，可以的话尽量使用left  ;是否隐藏同样使用 isSiderHide 来控制;
-left|左边侧边栏| -
+sider|左边侧边栏|;
 right|右边侧边栏| - 
 
 
@@ -86,6 +84,5 @@ config:{
     siderPosition: 'left' , // left, right
     isDrag: false, //slider是否可以拖动
     rightWidth:280,//左边侧边栏宽度
-    leftWidth:230//右边侧边栏宽度
 }
 ```
diff --git a/src/resources/components/TsContain/TsContain.vue b/src/resources/components/TsContain/TsContain.vue
index c6a777da..84521171 100644
--- a/src/resources/components/TsContain/TsContain.vue
+++ b/src/resources/components/TsContain/TsContain.vue
@@ -37,7 +37,7 @@
       :style="mode == 'dialog' ? 'height:100%;' : ''"
       @scroll.stop="scroll"
     >
-      <slot v-if="!$slots.sider && !$slots.left && !$slots.right" name="content"></slot>
+      <slot v-if="!$slots.sider && !$slots.right" name="content"></slot>
       <Layout v-else-if="!isDrag" :style="{ height: '100%' }">
         <Sider
           v-if="$slots.sider"
@@ -55,25 +55,13 @@
             <slot name="sider"></slot>
           </div>
         </Sider>
-        <Sider
-          v-if="$slots.left"
-          v-model="leftSiderHide"
-          :width="$slots.left && leftWidth ? leftWidth : 200"
-          collapsible
-          :collapsed-width="0"
-          hide-trigger
-        >
-          <div class="tscontain-left" style="height: 100%;overflow: auto;">
-            <slot name="left"></slot>
-          </div>
-        </Sider>
         <Content>
           <slot name="content"></slot>
         </Content>
         <Sider
           v-if="$slots.right"
           v-model="rightSiderHide"
-          :width="$slots.right && rightWidth ? rightWidth : 0"
+          :width="rightSiderHide ? 0 : $slots.right && rightWidth ? rightWidth : 0"
           collapsible
           :collapsed-width="0"
           hide-trigger
@@ -99,11 +87,11 @@
         @on-move-end="moveEnd"
       >
         <template slot="left">
-          <slot v-if="siderPosition == 'left' && $slots.left" name="left"></slot>
-          <Layout v-else-if="siderPosition == 'right' && $slots.left" :style="{ height: '100%' }">
-            <Sider :width="$slots.left && leftWidth ? leftWidth : 200">
+          <slot v-if="siderPosition == 'left' && $slots.sider" name="sider"></slot>
+          <Layout v-else-if="siderPosition == 'right' && $slots.sider" :style="{ height: '100%' }">
+            <Sider :width="$slots.sider && siderWidth ? siderWidth : 200">
               <div class="radius-lg tscontain-left" style="height: 100%;overflow: auto;">
-                <slot name="left"></slot>
+                <slot name="sider"></slot>
               </div>
             </Sider>
             <Content>
@@ -141,6 +129,7 @@ export default {
     enableDivider: { type: Boolean, default: false }, //slot为top时可选选择是否展示分隔线
     sessionName: String, //localStorage 记录siderHide转态，下次进来时使用存储的转态来判断是否展开sider
     isSiderHide: { type: Boolean, default: false }, //是否隐藏sider内容
+    isRightSiderHide: {type: Boolean, default: false}, // 是否隐藏右侧sider内容
     gutter: { type: Number, default: 16 }, //栅格之间的距离
     border: { type: String, default: 'none' }, //左右布局之间是否有边框分割
     navHeaderBottom: { type: String, default: 'none' }, //头部布局下面是否有底部边框分割
@@ -151,17 +140,14 @@ export default {
     isBackgroung: { type: Boolean, default: true }, // 背景色默认为灰色，如果传的话就白色
     clearStyle: { type: Boolean, default: false }, //是否需要清除侧边栏的样式（背景色、圆角，不包含右侧固定高度）
     rightWidth: { type: Number, default: 200 },
-    leftWidth: { type: Number, default: 200 },
     mode: { type: String, default: 'window' }, //显示模式，有window和dialog两种，如果是dialog模式，高度强制变成100%
     rightBtn: { type: Boolean, default: false } //右侧收起展开按钮
   },
   data() {
-    let _this = this;
     return {
       dragWidth: null,
-      siderHide: _this.isSiderHide,
-      leftSiderHide: !!(_this.isSiderHide && _this.siderPosition == 'left'),
-      rightSiderHide: !!(_this.isSiderHide && _this.siderPosition == 'right')
+      siderHide: this.isSiderHide,
+      rightSiderHide: this.isRightSiderHide ? this.isRightSiderHide : !!(this.isRightSiderHide && this.siderPosition == 'right')
     };
   },
   mounted() {
@@ -235,7 +221,7 @@ export default {
         let width = this.dragWidth;
         value = parseFloat(value) || this.dragWidth;
         let clientWidth = this.$refs.contain.clientWidth;
-        let siderWidth = this.$slots.sider ? this.siderWidth : this.siderPosition == 'left' ? this.leftWidth : this.rightWidth;
+        let siderWidth = this.$slots.sider ? this.siderWidth : this.siderPosition == 'left' ? this.siderWidth : this.rightWidth;
         this.maxSplit = (siderWidth * 2) / clientWidth;
         this.minSplit = siderWidth / clientWidth;
         !value && (width = this.minSplit);
@@ -286,6 +272,7 @@ export default {
     },
     rightSiderToggle() {
       //右侧展示隐藏
+      this.rightSiderHide = !this.rightSiderHide;
       this.$emit('rightSiderToggle');
     }
   },
@@ -365,9 +352,6 @@ export default {
     isSiderHide: {
       handler(val) {
         this.siderHide = val;
-        if (this.siderPosition == 'left') {
-          this.leftSiderHide = val;
-        }
         if (this.siderPosition == 'right') {
           this.rightSiderHide = val;
         }
diff --git a/src/views/pages/autoexec/detail/action-detail.vue b/src/views/pages/autoexec/detail/action-detail.vue
index 3b1f9790..00ecf4d1 100644
--- a/src/views/pages/autoexec/detail/action-detail.vue
+++ b/src/views/pages/autoexec/detail/action-detail.vue
@@ -4,7 +4,7 @@
     <TsContain
       v-if="dataConfig"
       :rightWidth="280"
-      :leftWidth="230"
+      :siderWidth="230"
       enableDivider
     >
       <template v-slot:navigation>
@@ -120,7 +120,7 @@
     
       </template> -->
       <!-- 左侧步骤列表 -->
-      <template v-slot:left>
+      <template v-slot:sider>
         <StepList
           :id="id"
           v-model="currentStep"
diff --git a/src/views/pages/autoexec/quick-service/service-catalog/service-catalog-manage.vue b/src/views/pages/autoexec/quick-service/service-catalog/service-catalog-manage.vue
index 652058c7..dc647fa2 100644
--- a/src/views/pages/autoexec/quick-service/service-catalog/service-catalog-manage.vue
+++ b/src/views/pages/autoexec/quick-service/service-catalog/service-catalog-manage.vue
@@ -113,7 +113,6 @@ export default {
     return {
       loadingShow: false,
       isShowSeeMoreDialog: false,
-      leftWidth: 0,
       pageSize: 8,
       currentPage: 1,
       pageCount: null,
diff --git a/src/views/pages/cmdb/ci/ci-detail.vue b/src/views/pages/cmdb/ci/ci-detail.vue
index ff79cef4..89e3c12b 100644
--- a/src/views/pages/cmdb/ci/ci-detail.vue
+++ b/src/views/pages/cmdb/ci/ci-detail.vue
@@ -195,7 +195,6 @@ export default {
       attrRuleList: [],
       relData: { theadList: [] },
       isLoading: true,
-      leftWidth: 200,
       sessionName: 'civiewbox'
     };
   },
diff --git a/src/views/pages/cmdb/ci/legalvalid-edit.vue b/src/views/pages/cmdb/ci/legalvalid-edit.vue
index 438dbeb1..a9005e43 100644
--- a/src/views/pages/cmdb/ci/legalvalid-edit.vue
+++ b/src/views/pages/cmdb/ci/legalvalid-edit.vue
@@ -6,9 +6,9 @@
           mode="dialog"
           border="border"
           :hideHeader="true"
-          :leftWidth="150"
+          :siderWidth="150"
         >
-          <div v-if="legalValidList && legalValidList.length > 0" slot="left">
+          <div v-if="legalValidList && legalValidList.length > 0" slot="sider">
             <div class="legalValid">
               <div :class="!id ? 'text-primary' : ''" @click="editLegalValid()">{{ $t('term.cmdb.newrule') }}</div>
               <div
diff --git a/src/views/pages/cmdb/ci/syncpolicy-edit.vue b/src/views/pages/cmdb/ci/syncpolicy-edit.vue
index b97231a3..a9ff62e3 100644
--- a/src/views/pages/cmdb/ci/syncpolicy-edit.vue
+++ b/src/views/pages/cmdb/ci/syncpolicy-edit.vue
@@ -9,9 +9,9 @@
           mode="dialog"
           border="border"
           :hideHeader="true"
-          :leftWidth="150"
+          :siderWidth="150"
         >
-          <div v-if="policyList && policyList.length > 0" slot="left">
+          <div v-if="policyList && policyList.length > 0" slot="sider">
             <div class="policy">
               <div :class="!id ? 'text-primary' : ''" @click="editPolicy()">新建策略</div>
               <div
diff --git a/src/views/pages/cmdb/customview/view-data.vue b/src/views/pages/cmdb/customview/view-data.vue
index 81072779..27292d29 100644
--- a/src/views/pages/cmdb/customview/view-data.vue
+++ b/src/views/pages/cmdb/customview/view-data.vue
@@ -48,10 +48,8 @@ export default {
     customViewId: { type: Number }
   },
   data() {
-    const _this = this;
     return {
-      id: _this.$route.params['id'] ? parseInt(_this.$route.params['id']) : this.customViewId,
-      leftWidth: 200,
+      id: this.$route.params['id'] ? parseInt(this.$route.params['id']) : this.customViewId,
       scrollHeight: 800,
       loadingShow: false,
       isSiderHide: false,
diff --git a/src/views/pages/cmdb/sync/sync-audit-manage.vue b/src/views/pages/cmdb/sync/sync-audit-manage.vue
index 980bb0eb..7c704c98 100644
--- a/src/views/pages/cmdb/sync/sync-audit-manage.vue
+++ b/src/views/pages/cmdb/sync/sync-audit-manage.vue
@@ -113,7 +113,6 @@ export default {
       isLoading: false,
       searchVal: {},
       sessionName: 'sync-audit-manage',
-      leftWidth: 200,
       syncCiCollectionData: {},
       syncAuditData: {},
       searchCiCollectionParam: { collectMode: 'initiative', pageSize: 20 },
diff --git a/src/views/pages/framework/healthcheck/sqldump.vue b/src/views/pages/framework/healthcheck/sqldump.vue
index 8ca3fc52..088d8dd8 100644
--- a/src/views/pages/framework/healthcheck/sqldump.vue
+++ b/src/views/pages/framework/healthcheck/sqldump.vue
@@ -166,7 +166,6 @@ export default {
       ],
       fromPath: '',
       leftHeight: 0,
-      leftWidth: 200,
       maxTimeCost: 0
     };
   },
diff --git a/src/views/pages/framework/notifytactics/tacticsedit/setting/template-help.vue b/src/views/pages/framework/notifytactics/tacticsedit/setting/template-help.vue
index 18618d12..daf049fa 100644
--- a/src/views/pages/framework/notifytactics/tacticsedit/setting/template-help.vue
+++ b/src/views/pages/framework/notifytactics/tacticsedit/setting/template-help.vue
@@ -69,7 +69,6 @@ export default {
   data() {
     return {
       sessionName: 'templatehelpbox',
-      leftWidth: '246',
       templateConfig: null,
       helpList: []
     };
diff --git a/src/views/pages/pbc/policy/policy-audit-manage.vue b/src/views/pages/pbc/policy/policy-audit-manage.vue
index fb065d56..ea507e76 100644
--- a/src/views/pages/pbc/policy/policy-audit-manage.vue
+++ b/src/views/pages/pbc/policy/policy-audit-manage.vue
@@ -113,7 +113,6 @@ export default {
       searchVal: {},
       currentAuditId: null, //当前选中记录id
       sessionName: 'policy-audit-manage',
-      leftWidth: 200,
       policyData: {},
       policyAuditData: {},
       searchPolicyParam: { collectMode: 'initiative', inpageSize: 20 },
diff --git a/src/views/pages/process/catalog/catalog-overview.vue b/src/views/pages/process/catalog/catalog-overview.vue
index 606e77b6..5521cbc9 100644
--- a/src/views/pages/process/catalog/catalog-overview.vue
+++ b/src/views/pages/process/catalog/catalog-overview.vue
@@ -154,7 +154,6 @@ export default {
       isreload: false,
       modal: false,
       type: 'modal',
-      leftWidth: 0,
       selectValue: [],
       moreList: [], //查看更多
       moreUuid: null,
diff --git a/src/views/pages/process/task/processdetail/detailmixin.js b/src/views/pages/process/task/processdetail/detailmixin.js
index 22ae695e..7fa0d8e4 100644
--- a/src/views/pages/process/task/processdetail/detailmixin.js
+++ b/src/views/pages/process/task/processdetail/detailmixin.js
@@ -52,7 +52,6 @@ export default {
       isStepRequired: 0, //回复是否必填
       stepDialogClass: 'task-step', //弹框样式
       timer: null, //定时器
-      leftWidth: 280,
       isOrderRight: false, //是否展示右侧基本信息（接口控制isShowBaseInfo：1展示，0不展示）
       isOrderLeft: false,
       transferModal: false, //转交弹框
diff --git a/src/views/pages/process/task/processdetail/process-autoexec.vue b/src/views/pages/process/task/processdetail/process-autoexec.vue
index 7d021cb9..38b80495 100644
--- a/src/views/pages/process/task/processdetail/process-autoexec.vue
+++ b/src/views/pages/process/task/processdetail/process-autoexec.vue
@@ -2,7 +2,7 @@
   <div class="taskdetail-autoexec">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -199,7 +199,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
diff --git a/src/views/pages/process/task/processdetail/process-automatic.vue b/src/views/pages/process/task/processdetail/process-automatic.vue
index 14a71313..3012d63a 100644
--- a/src/views/pages/process/task/processdetail/process-automatic.vue
+++ b/src/views/pages/process/task/processdetail/process-automatic.vue
@@ -2,7 +2,7 @@
   <div class="taskdetail-omnipotent">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -184,7 +184,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
diff --git a/src/views/pages/process/task/processdetail/process-changecreate.vue b/src/views/pages/process/task/processdetail/process-changecreate.vue
index b0665f0b..2c1bca5e 100644
--- a/src/views/pages/process/task/processdetail/process-changecreate.vue
+++ b/src/views/pages/process/task/processdetail/process-changecreate.vue
@@ -2,7 +2,7 @@
   <div class="taskdetail-changecreate">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -173,7 +173,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
diff --git a/src/views/pages/process/task/processdetail/process-changehandle.vue b/src/views/pages/process/task/processdetail/process-changehandle.vue
index 0fadd864..e4b08a73 100644
--- a/src/views/pages/process/task/processdetail/process-changehandle.vue
+++ b/src/views/pages/process/task/processdetail/process-changehandle.vue
@@ -2,7 +2,7 @@
   <div class="taskdetail-changehandle">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -192,7 +192,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
diff --git a/src/views/pages/process/task/processdetail/process-cmdbsync.vue b/src/views/pages/process/task/processdetail/process-cmdbsync.vue
index 44bdc2c9..b927c94a 100644
--- a/src/views/pages/process/task/processdetail/process-cmdbsync.vue
+++ b/src/views/pages/process/task/processdetail/process-cmdbsync.vue
@@ -2,7 +2,7 @@
   <div class="taskdetail-autoexec">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -176,7 +176,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
diff --git a/src/views/pages/process/task/processdetail/process-event.vue b/src/views/pages/process/task/processdetail/process-event.vue
index c8d4f1cf..1421ff40 100644
--- a/src/views/pages/process/task/processdetail/process-event.vue
+++ b/src/views/pages/process/task/processdetail/process-event.vue
@@ -2,7 +2,7 @@
   <div class="taskdetail-event">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -184,7 +184,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
diff --git a/src/views/pages/process/task/processdetail/process-omnipotent.vue b/src/views/pages/process/task/processdetail/process-omnipotent.vue
index fd4025f6..123fc2d7 100644
--- a/src/views/pages/process/task/processdetail/process-omnipotent.vue
+++ b/src/views/pages/process/task/processdetail/process-omnipotent.vue
@@ -2,7 +2,7 @@
   <div class="taskdetail-omnipotent">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -192,7 +192,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
diff --git a/src/views/pages/process/task/processdetail/process-timer.vue b/src/views/pages/process/task/processdetail/process-timer.vue
index 2c42e75a..7919afee 100644
--- a/src/views/pages/process/task/processdetail/process-timer.vue
+++ b/src/views/pages/process/task/processdetail/process-timer.vue
@@ -17,7 +17,7 @@
   <div class="taskdetail-timer">
     <Loading :loadingShow="taskLoading" type="fix"></Loading>
     <TsContain
-      :leftWidth="260"
+      :siderWidth="260"
       :isSiderHide="!isOrderLeft"
       :sessionName="sessionName"
     >
@@ -166,7 +166,7 @@
           </div>
         </div>
       </template>
-      <template v-slot:left>
+      <template v-slot:sider>
         <slot></slot>
       </template>
       <template v-slot:content>
-- 
Gitee