前端和后端源码，合并到一个git仓库中，方便用户下载，避免前后端不匹配的问题

jeecgboot-vue3/src/hooks/setting/index.ts

@@ -0,0 +1,42 @@
+import type { GlobConfig } from '/#/config';
+
+import { getAppEnvConfig } from '/@/utils/env';
+
+export const useGlobSetting = (): Readonly<GlobConfig> => {
+  const {
+    VITE_GLOB_APP_TITLE,
+    VITE_GLOB_API_URL,
+    VITE_GLOB_APP_SHORT_NAME,
+    VITE_GLOB_API_URL_PREFIX,
+    VITE_GLOB_APP_CAS_BASE_URL,
+    VITE_GLOB_APP_OPEN_SSO,
+    VITE_GLOB_APP_OPEN_QIANKUN,
+    VITE_GLOB_DOMAIN_URL,
+    VITE_GLOB_ONLINE_VIEW_URL,
+  } = getAppEnvConfig();
+
+  // if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
+  //   warn(
+  //     `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`
+  //   );
+  // }
+
+  // 短标题：替换shortName的下划线为空格
+  const shortTitle = VITE_GLOB_APP_SHORT_NAME.replace(/_/g, " ");
+  // Take global configuration
+  const glob: Readonly<GlobConfig> = {
+    title: VITE_GLOB_APP_TITLE,
+    domainUrl: VITE_GLOB_DOMAIN_URL,
+    apiUrl: VITE_GLOB_API_URL,
+    shortName: VITE_GLOB_APP_SHORT_NAME,
+    shortTitle: shortTitle,
+    openSso: VITE_GLOB_APP_OPEN_SSO,
+    openQianKun: VITE_GLOB_APP_OPEN_QIANKUN,
+    casBaseUrl: VITE_GLOB_APP_CAS_BASE_URL,
+    urlPrefix: VITE_GLOB_API_URL_PREFIX,
+    uploadUrl: VITE_GLOB_DOMAIN_URL,
+    viewUrl: VITE_GLOB_ONLINE_VIEW_URL,
+  };
+  window._CONFIG['domianURL'] = VITE_GLOB_DOMAIN_URL;
+  return glob as Readonly<GlobConfig>;
+};

jeecgboot-vue3/src/hooks/setting/useHeaderSetting.ts

@@ -0,0 +1,90 @@
+import type { HeaderSetting } from '/#/config';
+
+import { computed, unref } from 'vue';
+
+import { useAppStore } from '/@/store/modules/app';
+
+import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+import { useRootSetting } from '/@/hooks/setting/useRootSetting';
+import { useFullContent } from '/@/hooks/web/useFullContent';
+import { MenuModeEnum } from '/@/enums/menuEnum';
+
+export function useHeaderSetting() {
+  const { getFullContent } = useFullContent();
+  const appStore = useAppStore();
+
+  const getShowFullHeaderRef = computed(() => {
+    return !unref(getFullContent) && unref(getShowMixHeaderRef) && unref(getShowHeader) && !unref(getIsTopMenu) && !unref(getIsMixSidebar);
+  });
+
+  const getUnFixedAndFull = computed(() => !unref(getFixed) && !unref(getShowFullHeaderRef));
+
+  const getShowInsetHeaderRef = computed(() => {
+    const need = !unref(getFullContent) && unref(getShowHeader);
+    return (need && !unref(getShowMixHeaderRef)) || (need && unref(getIsTopMenu)) || (need && unref(getIsMixSidebar));
+  });
+
+  const { getMenuMode, getSplit, getShowHeaderTrigger, getIsSidebarType, getIsMixSidebar, getIsTopMenu } = useMenuSetting();
+  const { getShowBreadCrumb, getShowLogo } = useRootSetting();
+
+  const getShowMixHeaderRef = computed(() => !unref(getIsSidebarType) && unref(getShowHeader));
+
+  const getShowDoc = computed(() => appStore.getHeaderSetting.showDoc);
+
+  const getHeaderTheme = computed(() => appStore.getHeaderSetting.theme);
+
+  const getShowHeader = computed(() => appStore.getHeaderSetting.show);
+
+  const getFixed = computed(() => appStore.getHeaderSetting.fixed);
+
+  const getHeaderBgColor = computed(() => appStore.getHeaderSetting.bgColor);
+
+  const getShowSearch = computed(() => appStore.getHeaderSetting.showSearch);
+
+  const getUseLockPage = computed(() => appStore.getHeaderSetting.useLockPage);
+
+  const getShowFullScreen = computed(() => appStore.getHeaderSetting.showFullScreen);
+
+  const getShowNotice = computed(() => appStore.getHeaderSetting.showNotice);
+
+  const getShowBread = computed(() => {
+    return unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && unref(getShowBreadCrumb) && !unref(getSplit);
+  });
+  const getShowBreadTitle = computed(() => {
+    return unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && !unref(getShowBreadCrumb) && !unref(getSplit);
+  });
+
+  const getShowHeaderLogo = computed(() => {
+    return unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar);
+  });
+
+  const getShowContent = computed(() => {
+    return unref(getShowBread) || unref(getShowHeaderTrigger);
+  });
+
+  // Set header configuration
+  function setHeaderSetting(headerSetting: Partial<HeaderSetting>) {
+    appStore.setProjectConfig({ headerSetting });
+  }
+  return {
+    setHeaderSetting,
+
+    getShowDoc,
+    getShowSearch,
+    getHeaderTheme,
+    getUseLockPage,
+    getShowFullScreen,
+    getShowNotice,
+    getShowBread,
+    getShowContent,
+    getShowHeaderLogo,
+    getShowHeader,
+    getFixed,
+    getShowMixHeaderRef,
+    getShowFullHeaderRef,
+    getShowInsetHeaderRef,
+    getUnFixedAndFull,
+    getHeaderBgColor,
+    getShowBreadTitle
+  };
+}

jeecgboot-vue3/src/hooks/setting/useMenuSetting.ts

@@ -0,0 +1,157 @@
+import type { MenuSetting } from '/#/config';
+
+import { computed, unref, ref } from 'vue';
+
+import { useAppStore } from '/@/store/modules/app';
+
+import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '/@/enums/appEnum';
+import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '/@/enums/menuEnum';
+import { useFullContent } from '/@/hooks/web/useFullContent';
+
+const mixSideHasChildren = ref(false);
+
+export function useMenuSetting() {
+  const { getFullContent: fullContent } = useFullContent();
+  const appStore = useAppStore();
+
+  const getShowSidebar = computed(() => {
+    return unref(getSplit) || (unref(getShowMenu) && unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && !unref(fullContent));
+  });
+
+  const getCollapsed = computed(() => appStore.getMenuSetting.collapsed);
+
+  const getMenuType = computed(() => appStore.getMenuSetting.type);
+
+  const getMenuMode = computed(() => appStore.getMenuSetting.mode);
+
+  const getMenuFixed = computed(() => appStore.getMenuSetting.fixed);
+
+  const getShowMenu = computed(() => appStore.getMenuSetting.show);
+
+  const getMenuHidden = computed(() => appStore.getMenuSetting.hidden);
+
+  const getMenuWidth = computed(() => appStore.getMenuSetting.menuWidth);
+
+  const getTrigger = computed(() => appStore.getMenuSetting.trigger);
+
+  const getMenuTheme = computed(() => appStore.getMenuSetting.theme);
+
+  const getSplit = computed(() => appStore.getMenuSetting.split);
+
+  const getMenuBgColor = computed(() => appStore.getMenuSetting.bgColor);
+
+  const getMixSideTrigger = computed(() => appStore.getMenuSetting.mixSideTrigger);
+
+  const getCanDrag = computed(() => appStore.getMenuSetting.canDrag);
+
+  const getAccordion = computed(() => appStore.getMenuSetting.accordion);
+
+  const getMixSideFixed = computed(() => appStore.getMenuSetting.mixSideFixed);
+
+  const getTopMenuAlign = computed(() => appStore.getMenuSetting.topMenuAlign);
+
+  const getCloseMixSidebarOnChange = computed(() => appStore.getMenuSetting.closeMixSidebarOnChange);
+
+  const getIsSidebarType = computed(() => unref(getMenuType) === MenuTypeEnum.SIDEBAR);
+
+  const getIsTopMenu = computed(() => unref(getMenuType) === MenuTypeEnum.TOP_MENU);
+
+  const getCollapsedShowTitle = computed(() => appStore.getMenuSetting.collapsedShowTitle);
+
+  const getShowTopMenu = computed(() => {
+    return unref(getMenuMode) === MenuModeEnum.HORIZONTAL || unref(getSplit);
+  });
+
+  const getShowHeaderTrigger = computed(() => {
+    if (unref(getMenuType) === MenuTypeEnum.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
+      return false;
+    }
+
+    return unref(getTrigger) === TriggerEnum.HEADER;
+  });
+
+  const getIsHorizontal = computed(() => {
+    return unref(getMenuMode) === MenuModeEnum.HORIZONTAL;
+  });
+
+  const getIsMixSidebar = computed(() => {
+    return unref(getMenuType) === MenuTypeEnum.MIX_SIDEBAR;
+  });
+
+  const getIsMixMode = computed(() => {
+    return unref(getMenuMode) === MenuModeEnum.INLINE && unref(getMenuType) === MenuTypeEnum.MIX;
+  });
+
+  const getRealWidth = computed(() => {
+    if (unref(getIsMixSidebar)) {
+      // update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8774】侧边混合导航菜单宽度调整
+      return unref(getCollapsed) && !unref(getMixSideFixed) ? unref(getMiniWidthNumber) : unref(getMenuWidth) - 60;
+      // update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8774】侧边混合导航菜单宽度调整
+    }
+    return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth);
+  });
+
+  const getMiniWidthNumber = computed(() => {
+    const { collapsedShowTitle } = appStore.getMenuSetting;
+    return collapsedShowTitle ? SIDE_BAR_SHOW_TIT_MINI_WIDTH : SIDE_BAR_MINI_WIDTH;
+  });
+
+  const getCalcContentWidth = computed(() => {
+    const width =
+      unref(getIsTopMenu) || !unref(getShowMenu) || (unref(getSplit) && unref(getMenuHidden))
+        ? 0
+        : unref(getIsMixSidebar)
+        ? (unref(getCollapsed) ? SIDE_BAR_MINI_WIDTH : SIDE_BAR_SHOW_TIT_MINI_WIDTH) +
+          (unref(getMixSideFixed) && unref(mixSideHasChildren) ? unref(getRealWidth) : 0)
+        : unref(getRealWidth);
+
+    return `calc(100% - ${unref(width)}px)`;
+  });
+
+  // Set menu configuration
+  function setMenuSetting(menuSetting: Partial<MenuSetting>): void {
+    appStore.setProjectConfig({ menuSetting });
+  }
+
+  function toggleCollapsed() {
+    setMenuSetting({
+      collapsed: !unref(getCollapsed),
+    });
+  }
+  return {
+    setMenuSetting,
+
+    toggleCollapsed,
+
+    getMenuFixed,
+    getRealWidth,
+    getMenuType,
+    getMenuMode,
+    getShowMenu,
+    getCollapsed,
+    getMiniWidthNumber,
+    getCalcContentWidth,
+    getMenuWidth,
+    getTrigger,
+    getSplit,
+    getMenuTheme,
+    getCanDrag,
+    getCollapsedShowTitle,
+    getIsHorizontal,
+    getIsSidebarType,
+    getAccordion,
+    getShowTopMenu,
+    getShowHeaderTrigger,
+    getTopMenuAlign,
+    getMenuHidden,
+    getIsTopMenu,
+    getMenuBgColor,
+    getShowSidebar,
+    getIsMixMode,
+    getIsMixSidebar,
+    getCloseMixSidebarOnChange,
+    getMixSideTrigger,
+    getMixSideFixed,
+    mixSideHasChildren,
+  };
+}

jeecgboot-vue3/src/hooks/setting/useMultipleTabSetting.ts

@@ -0,0 +1,32 @@
+import type { MultiTabsSetting } from '/#/config';
+
+import { computed } from 'vue';
+
+import { useAppStore } from '/@/store/modules/app';
+
+export function useMultipleTabSetting() {
+  const appStore = useAppStore();
+
+  const getShowMultipleTab = computed(() => appStore.getMultiTabsSetting.show);
+
+  const getShowQuick = computed(() => appStore.getMultiTabsSetting.showQuick);
+
+  const getShowRedo = computed(() => appStore.getMultiTabsSetting.showRedo);
+
+  const getShowFold = computed(() => appStore.getMultiTabsSetting.showFold);
+
+  // 获取标签页样式
+  const getTabsTheme = computed(() => appStore.getMultiTabsSetting.theme);
+
+  function setMultipleTabSetting(multiTabsSetting: Partial<MultiTabsSetting>) {
+    appStore.setProjectConfig({ multiTabsSetting });
+  }
+  return {
+    setMultipleTabSetting,
+    getShowMultipleTab,
+    getShowQuick,
+    getShowRedo,
+    getShowFold,
+    getTabsTheme,
+  };
+}

jeecgboot-vue3/src/hooks/setting/useRootSetting.ts

@@ -0,0 +1,88 @@
+import type { ProjectConfig } from '/#/config';
+
+import { computed } from 'vue';
+
+import { useAppStore } from '/@/store/modules/app';
+import { ContentEnum, ThemeEnum } from '/@/enums/appEnum';
+
+type RootSetting = Omit<ProjectConfig, 'locale' | 'headerSetting' | 'menuSetting' | 'multiTabsSetting'>;
+
+export function useRootSetting() {
+  const appStore = useAppStore();
+
+  const getPageLoading = computed(() => appStore.getPageLoading);
+
+  const getOpenKeepAlive = computed(() => appStore.getProjectConfig.openKeepAlive);
+
+  const getSettingButtonPosition = computed(() => appStore.getProjectConfig.settingButtonPosition);
+
+  const getCanEmbedIFramePage = computed(() => appStore.getProjectConfig.canEmbedIFramePage);
+
+  const getPermissionMode = computed(() => appStore.getProjectConfig.permissionMode);
+
+  const getShowLogo = computed(() => appStore.getProjectConfig.showLogo);
+
+  const getContentMode = computed(() => appStore.getProjectConfig.contentMode);
+
+  const getUseOpenBackTop = computed(() => appStore.getProjectConfig.useOpenBackTop);
+
+  const getShowSettingButton = computed(() => appStore.getProjectConfig.showSettingButton);
+
+  const getUseErrorHandle = computed(() => appStore.getProjectConfig.useErrorHandle);
+
+  const getShowFooter = computed(() => appStore.getProjectConfig.showFooter);
+
+  const getShowBreadCrumb = computed(() => appStore.getProjectConfig.showBreadCrumb);
+
+  const getThemeColor = computed(() => appStore.getProjectConfig.themeColor);
+
+  const getShowBreadCrumbIcon = computed(() => appStore.getProjectConfig.showBreadCrumbIcon);
+
+  const getFullContent = computed(() => appStore.getProjectConfig.fullContent);
+
+  const getColorWeak = computed(() => appStore.getProjectConfig.colorWeak);
+
+  const getGrayMode = computed(() => appStore.getProjectConfig.grayMode);
+
+  const getLockTime = computed(() => appStore.getProjectConfig.lockTime);
+
+  const getShowDarkModeToggle = computed(() => appStore.getProjectConfig.showDarkModeToggle);
+
+  const getDarkMode = computed(() => appStore.getDarkMode);
+
+  const getLayoutContentMode = computed(() => (appStore.getProjectConfig.contentMode === ContentEnum.FULL ? ContentEnum.FULL : ContentEnum.FIXED));
+
+  function setRootSetting(setting: Partial<RootSetting>) {
+    appStore.setProjectConfig(setting);
+  }
+
+  function setDarkMode(mode: ThemeEnum) {
+    appStore.setDarkMode(mode);
+  }
+  return {
+    setRootSetting,
+
+    getSettingButtonPosition,
+    getFullContent,
+    getColorWeak,
+    getGrayMode,
+    getLayoutContentMode,
+    getPageLoading,
+    getOpenKeepAlive,
+    getCanEmbedIFramePage,
+    getPermissionMode,
+    getShowLogo,
+    getUseErrorHandle,
+    getShowBreadCrumb,
+    getShowBreadCrumbIcon,
+    getUseOpenBackTop,
+    getShowSettingButton,
+    getShowFooter,
+    getContentMode,
+    getLockTime,
+    getThemeColor,
+    getDarkMode,
+    setDarkMode,
+    getShowDarkModeToggle,
+  };
+}

jeecgboot-vue3/src/hooks/setting/useTransitionSetting.ts

@@ -0,0 +1,31 @@
+import type { TransitionSetting } from '/#/config';
+
+import { computed } from 'vue';
+
+import { useAppStore } from '/@/store/modules/app';
+
+export function useTransitionSetting() {
+  const appStore = useAppStore();
+
+  const getEnableTransition = computed(() => appStore.getTransitionSetting?.enable);
+
+  const getOpenNProgress = computed(() => appStore.getTransitionSetting?.openNProgress);
+
+  const getOpenPageLoading = computed((): boolean => {
+    return !!appStore.getTransitionSetting?.openPageLoading;
+  });
+
+  const getBasicTransition = computed(() => appStore.getTransitionSetting?.basicTransition);
+
+  function setTransitionSetting(transitionSetting: Partial<TransitionSetting>) {
+    appStore.setProjectConfig({ transitionSetting });
+  }
+  return {
+    setTransitionSetting,
+
+    getEnableTransition,
+    getOpenNProgress,
+    getOpenPageLoading,
+    getBasicTransition,
+  };
+}