From a4ee6ba0ca28833cbbb8cf0e675561b10fa4c1af Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 12 九月 2024 01:23:40 +0800
Subject: [PATCH] 规则维护更新
---
src/layouts/default/sider/index.vue | 38 ++++++++++++++++----------------------
1 files changed, 16 insertions(+), 22 deletions(-)
diff --git a/src/layouts/default/sider/index.vue b/src/layouts/default/sider/index.vue
index d5357f4..4abbf56 100644
--- a/src/layouts/default/sider/index.vue
+++ b/src/layouts/default/sider/index.vue
@@ -4,8 +4,8 @@
placement="left"
:class="prefixCls"
:width="getMenuWidth"
- :getContainer="null"
- :visible="!getCollapsed"
+ :getContainer="false"
+ :open="!getCollapsed"
@close="handleClose"
>
<Sider />
@@ -13,33 +13,27 @@
<MixSider v-else-if="getIsMixSidebar" />
<Sider v-else />
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
+<script lang="ts" setup>
import Sider from './LayoutSider.vue';
import MixSider from './MixSider.vue';
import { Drawer } from 'ant-design-vue';
- import { useAppInject } from '/@/hooks/web/useAppInject';
- import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
- import { useDesign } from '/@/hooks/web/useDesign';
- export default defineComponent({
- name: 'SiderWrapper',
- components: { Sider, Drawer, MixSider },
- setup() {
- const { prefixCls } = useDesign('layout-sider-wrapper');
- const { getIsMobile } = useAppInject();
- const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar } = useMenuSetting();
+ import { useAppInject } from '@/hooks/web/useAppInject';
+ import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+ import { useDesign } from '@/hooks/web/useDesign';
- function handleClose() {
- setMenuSetting({
- collapsed: true,
- });
- }
+ defineOptions({ name: 'SiderWrapper' });
- return { prefixCls, getIsMobile, getCollapsed, handleClose, getMenuWidth, getIsMixSidebar };
- },
- });
+ const { prefixCls } = useDesign('layout-sider-wrapper');
+ const { getIsMobile } = useAppInject();
+ const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar } = useMenuSetting();
+
+ function handleClose() {
+ setMenuSetting({
+ collapsed: true,
+ });
+ }
</script>
<style lang="less">
@prefix-cls: ~'@{namespace}-layout-sider-wrapper';
--
Gitblit v1.9.3