jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(projects): 添加富文本和markdown编辑器插件及示例页面

Browse Source
This commit is contained in:
Soybean
2021-11-08 22:44:54 +08:00
parent ed90cb8f8e
commit 60c20647a0
14 changed files with 236 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/layouts/BasicLayout/components/GlobalSider/components/DefaultSider/index.vue
View File

@ -20,6 +20,7 @@
:collapsed-icon-size="22"
:options="menus"
:expanded-keys="expandedKeys"
:indent="18"
@update:value="handleUpdateMenu"
@update:expanded-keys="handleUpdateExpandedKeys"
/>

2
src/layouts/BasicLayout/components/GlobalSider/components/VerticalMixSider/components/MixMenuDrawer.vue
View File

@ -23,7 +23,7 @@
</header>
<div class="flex-1-hidden">
<n-scrollbar>
<n-menu :value="activeKey" :options="childMenus" @update:value="handleUpdateMenu" />
<n-menu :value="activeKey" :options="childMenus" :indent="18" @update:value="handleUpdateMenu" />
</n-scrollbar>
</div>
</div>

2
src/layouts/BasicLayout/components/GlobalTab/components/ReloadButton/index.vue
View File

@ -1,5 +1,5 @@
<template>
<hover-container class="w-40px h-full" placement="bottom-end" content="重新加载" @click="handleRefresh">
<hover-container class="w-64px h-full" placement="bottom-end" content="重新加载" @click="handleRefresh">
<icon-mdi-refresh class="text-16px" :class="{ 'reload-animation': loading }" />
</hover-container>
</template>

37
src/layouts/BasicLayout/components/common/GlobalMenu.vue
View File

@ -1,37 +0,0 @@
<template>
<n-menu
:value="activeKey"
:collapsed="app.menu.collapsed"
:collapsed-width="theme.menuStyle.collapsedWidth"
:collapsed-icon-size="22"
:options="menus"
@update:value="handleUpdateMenu"
/>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { NMenu } from 'naive-ui';
import type { MenuOption } from 'naive-ui';
import { useThemeStore, useAppStore } from '@/store';
import { menus } from '@/router';
import { GlobalMenuOption } from '@/interface';
const theme = useThemeStore();
const app = useAppStore();
const router = useRouter();
const route = useRoute();
const activeKey = computed(() => getActiveKey());
function getActiveKey() {
return route.name as string;
}
function handleUpdateMenu(key: string, item: MenuOption) {
const menuItem = item as GlobalMenuOption;
router.push(menuItem.routePath);
}
</script>
<style scoped></style>

3
src/layouts/BasicLayout/components/common/index.ts
View File

@ -1,4 +1,3 @@
import GlobalLogo from './GlobalLogo.vue';
import GlobalMenu from './GlobalMenu.vue';
export { GlobalLogo, GlobalMenu };
export { GlobalLogo };