canrd-outside / order-erp-front · Commits

Commit 5005e6e56b1cc7763a1cc23e1162dfb49452013b

Authored by 无木
1 parent 3871204d

fix(sider): custom trigger does not take effect 

修复侧边菜单底部的自定义折叠按钮不起作用的问题
Inline Side-by-side
Showing 2 changed files with 8 additions and 3 deletions
CHANGELOG.zh_CN.md
  View file @5005e6e
... ... @@ -9,8 +9,7 @@
9 9 - **Modal** 修复点击遮罩不能关闭
10 10 - **Table** 修复 `editComponentProps` 不支持 `onChange`
11 11 - **Modal** 修复 `setModalProps` 不支持设置 `defaultFullscreen`
12   -- **Sider** 修复侧边菜单底部的折叠按钮点击无效
13   -- **SvgIcon** 修复图标样式问题
  12 +- **Sider** 修复侧边菜单底部的折叠自定义失效的问题
14 13 - **Table** 修复为 table 提供 rowSelection.onChange 时，无法手动变更 table 的选中项的问题
15 14 - **Icon** 修复 SvgIcon 缺少部分样式的问题
16 15 - **LockScreen** 修复锁屏功能可以通过刷新页面或复制 URL 打开新的浏览器标签来跳过锁定状态的问题
... ...
src/layouts/default/sider/LayoutSider.vue
  View file @5005e6e
... ... @@ -16,6 +16,7 @@
16 16 :theme="getMenuTheme"
17 17 @breakpoint="onBreakpointChange"
18 18 @collapse="toggleCollapsed"
  19 + :trigger="getTrigger"
19 20 v-bind="getTriggerAttr"
20 21 >
21 22 <template #trigger v-if="getShowTrigger">
... ... @@ -26,7 +27,7 @@
26 27 </Sider>
27 28 </template>
28 29 <script lang="ts">
29   - import { computed, defineComponent, ref, unref, CSSProperties } from 'vue';
  30 + import { computed, defineComponent, ref, unref, CSSProperties, h } from 'vue';
30 31  
31 32 import { Layout } from 'ant-design-vue';
32 33 import LayoutMenu from '../menu/index.vue';
... ... @@ -103,6 +104,10 @@
103 104 };
104 105 });
105 106  
  107 + // 在此处使用计算量可能会导致sider异常
  108 + // andv 更新后，如果trigger插槽可用，则此处代码可废弃
  109 + const getTrigger = h(LayoutTrigger);
  110 +
106 111 return {
107 112 prefixCls,
108 113 sideRef,
... ... @@ -110,6 +115,7 @@
110 115 getIsMobile,
111 116 getHiddenDomStyle,
112 117 getSiderClass,
  118 + getTrigger,
113 119 getTriggerAttr,
114 120 getCollapsedWidth,
115 121 getMenuFixed,
... ...