From 215d8bab380728164d7fe2958c2d2d1151fce892 Mon Sep 17 00:00:00 2001
From: Vben <anncwb@126.com>
Date: 星期六, 10 四月 2021 21:41:22 +0800
Subject: [PATCH] refactor: refactor store
---
src/layouts/default/tabs/components/FoldButton.vue | 25 ++++++++++---------------
1 files changed, 10 insertions(+), 15 deletions(-)
diff --git a/src/layouts/default/tabs/components/FoldButton.vue b/src/layouts/default/tabs/components/FoldButton.vue
index 1d0535e..9d43d13 100644
--- a/src/layouts/default/tabs/components/FoldButton.vue
+++ b/src/layouts/default/tabs/components/FoldButton.vue
@@ -5,38 +5,33 @@
</template>
<script lang="ts">
import { defineComponent, unref, computed } from 'vue';
+ import { Icon } from '/@/components/Icon';
+
import { useDesign } from '/@/hooks/web/useDesign';
import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
- import Icon from '/@/components/Icon';
-
export default defineComponent({
name: 'FoldButton',
components: { Icon },
-
setup() {
const { prefixCls } = useDesign('multiple-tabs-content');
const { getShowMenu, setMenuSetting } = useMenuSetting();
const { getShowHeader, setHeaderSetting } = useHeaderSetting();
- const getIsUnFold = computed(() => {
- return !unref(getShowMenu) && !unref(getShowHeader);
- });
+ const getIsUnFold = computed(() => !unref(getShowMenu) && !unref(getShowHeader));
- const getIcon = computed(() => {
- return unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full';
- });
+ const getIcon = computed(() =>
+ unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full'
+ );
function handleFold() {
- const isScale = !unref(getShowMenu) && !unref(getShowHeader);
+ const isUnFold = unref(getIsUnFold);
setMenuSetting({
- show: isScale,
- hidden: !isScale,
+ show: isUnFold,
+ hidden: !isUnFold,
});
- setHeaderSetting({
- show: isScale,
- });
+ setHeaderSetting({ show: isUnFold });
}
return { prefixCls, getIcon, handleFold };
--
Gitblit v1.8.0