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/tabs/components/FoldButton.vue | 52 +++++++++++++++++++++++-----------------------------
1 files changed, 23 insertions(+), 29 deletions(-)
diff --git a/src/layouts/default/tabs/components/FoldButton.vue b/src/layouts/default/tabs/components/FoldButton.vue
index 2deb1c0..7030e3a 100644
--- a/src/layouts/default/tabs/components/FoldButton.vue
+++ b/src/layouts/default/tabs/components/FoldButton.vue
@@ -3,40 +3,34 @@
<Icon :icon="getIcon" />
</span>
</template>
-<script lang="ts">
- import { defineComponent, unref, computed } from 'vue';
+<script lang="ts" setup>
+ import { unref, computed } from 'vue';
import Icon from '@/components/Icon/Icon.vue';
- import { useDesign } from '/@/hooks/web/useDesign';
- import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
- import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
- import { triggerWindowResize } from '/@/utils/event';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+ import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+ import { triggerWindowResize } from '@/utils/event';
- export default defineComponent({
- name: 'FoldButton',
- components: { Icon },
- setup() {
- const { prefixCls } = useDesign('multiple-tabs-content');
- const { getShowMenu, setMenuSetting } = useMenuSetting();
- const { getShowHeader, setHeaderSetting } = useHeaderSetting();
+ defineOptions({ name: 'FoldButton' });
- const getIsUnFold = computed(() => !unref(getShowMenu) && !unref(getShowHeader));
+ const { prefixCls } = useDesign('multiple-tabs-content');
+ const { getShowMenu, setMenuSetting } = useMenuSetting();
+ const { getShowHeader, setHeaderSetting } = useHeaderSetting();
- const getIcon = computed(() =>
- unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full',
- );
+ const getIsUnFold = computed(() => !unref(getShowMenu) && !unref(getShowHeader));
- function handleFold() {
- const isUnFold = unref(getIsUnFold);
- setMenuSetting({
- show: isUnFold,
- hidden: !isUnFold,
- });
- setHeaderSetting({ show: isUnFold });
- triggerWindowResize();
- }
+ const getIcon = computed(() =>
+ unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full',
+ );
- return { prefixCls, getIcon, handleFold };
- },
- });
+ function handleFold() {
+ const isUnFold = unref(getIsUnFold);
+ setMenuSetting({
+ show: isUnFold,
+ hidden: !isUnFold,
+ });
+ setHeaderSetting({ show: isUnFold });
+ triggerWindowResize();
+ }
</script>
--
Gitblit v1.9.3