@umijs/plugins 4.0.0-canary.20230629.2 → 4.0.0-canary.20230724.1

package/dist/layout.js

@@ -64,6 +64,8 @@ var layout_default = (api) => {
     antdVersion = require(`${pkgPath2}/package.json`).version;
   } catch (e) {
   }
+  const isAntd5 = antdVersion.startsWith("5");
+  const layoutFile = isAntd5 ? "Layout.css" : "Layout.less";
   api.describe({
     key: "layout",
     config: {
@@ -130,7 +132,7 @@ import React, { useMemo } from 'react';
 import {
   ProLayout,
 } from "${resolvedPkgPath}";
-import './Layout.less';
+import './${layoutFile}';
 import Logo from './Logo';
 import Exception from './Exception';
 import { getRightRenderContent } from './rightRender';
@@ -517,12 +519,12 @@ export function getRightRenderContent (opts: {
       })
     });
     api.writeTmpFile({
-      path: "Layout.less",
+      path: layoutFile,
       content: `
 ${// antd@5里面没有这个样式了
-      antdVersion.startsWith("5") ? "" : "@import '~antd/es/style/themes/default.less';"}
+      isAntd5 ? "" : "@import '~antd/es/style/themes/default.less';"}
 @media screen and (max-width: 480px) {
-  // 在小屏幕的时候可以有更好的体验
+  /* 在小屏幕的时候可以有更好的体验 */
   .umi-plugin-layout-container {
     width: 100% !important;
   }
@@ -530,13 +532,11 @@ ${// antd@5里面没有这个样式了
     border-radius: 0 !important;
   }
 }
-.umi-plugin-layout-menu {
-  .anticon {
-    margin-right: 8px;
-  }
-  .ant-dropdown-menu-item {
-    min-width: 160px;
-  }
+.umi-plugin-layout-menu .anticon {
+  margin-right: 8px;
+}
+.umi-plugin-layout-menu .ant-dropdown-menu-item {
+  min-width: 160px;
 }
 .umi-plugin-layout-right {
   display: flex !important;
@@ -544,30 +544,30 @@ ${// antd@5里面没有这个样式了
   height: 100%;
   margin-left: auto;
   overflow: hidden;
-  .umi-plugin-layout-action {
-    display: flex;
-    align-items: center;
-    height: 100%;
-    padding: 0 12px;
-    cursor: pointer;
-    transition: all 0.3s;
-    > i {
-      color: rgba(255, 255, 255, 0.85);
-      vertical-align: middle;
-    }
-    &:hover {
-      background: rgba(0, 0, 0, 0.025);
-    }
-    &:global(.opened) {
-      background: rgba(0, 0, 0, 0.025);
-    }
-  }
-  .umi-plugin-layout-search {
-    padding: 0 12px;
-    &:hover {
-      background: transparent;
-    }
-  }
+}
+.umi-plugin-layout-right .umi-plugin-layout-action {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.umi-plugin-layout-right .umi-plugin-layout-action > i {
+  color: rgba(255, 255, 255, 0.85);
+  vertical-align: middle;
+}
+.umi-plugin-layout-right .umi-plugin-layout-action:hover {
+  background: rgba(0, 0, 0, 0.025);
+}
+.umi-plugin-layout-right .umi-plugin-layout-action.opened {
+  background: rgba(0, 0, 0, 0.025);
+}
+.umi-plugin-layout-right .umi-plugin-layout-search {
+  padding: 0 12px;
+}
+.umi-plugin-layout-right .umi-plugin-layout-search:hover {
+  background: transparent;
 }
 .umi-plugin-layout-name {
   margin-left: 8px;

package/libs/qiankun/master/common.ts

@@ -7,6 +7,7 @@
 
 import React from 'react';
 import { Navigate, type IRouteProps } from 'umi';
+import { defaultMicroAppRouteMode, MicroAppRouteMode } from './constants';
 import { getMicroAppRouteComponent } from './getMicroAppRouteComponent';
 import type { MicroAppRoute } from './types';
 
@@ -70,8 +71,9 @@ export function patchMicroAppRoute(
       }
     }
 
+    const { mode = defaultMicroAppRouteMode } = route;
     // 在前缀模式下，自动追加通配符，匹配子应用的路由
-    if (route.mode === 'prepend' && !route.path.endsWith('/*')) {
+    if (mode === MicroAppRouteMode.PREPEND && !route.path.endsWith('/*')) {
       route.path = route.path.replace(/\/?$/, '/*');
     }
 

package/libs/qiankun/master/constants.ts

@@ -5,3 +5,15 @@ export const defaultMasterRootId = 'root-master';
 export const defaultHistoryType = 'browser';
 export const qiankunStateForSlaveModelNamespace = '@@qiankunStateForSlave';
 export const qiankunStateFromMasterModelNamespace = '@@qiankunStateFromMaster';
+export enum MicroAppRouteMode {
+  /**
+   * 既作为匹配规则，也作为子应用 router.basename
+   */
+  PREPEND = 'prepend',
+  /**
+   * 仅作为匹配规则
+   */
+  MATCH = 'match',
+}
+
+export const defaultMicroAppRouteMode = MicroAppRouteMode.PREPEND;

package/libs/qiankun/master/getMicroAppRouteComponent.tsx.tpl

@@ -1,23 +1,24 @@
 import React from 'react';
 import { useMatch } from 'umi';
 import { MicroApp } from './MicroApp';
+import { defaultMicroAppRouteMode, MicroAppRouteMode } from './constants';
 
 export function getMicroAppRouteComponent(opts: {
   appName: string;
   base: string;
   routePath: string;
-  routeMode: 'match' | 'prepend';
+  routeMode: MicroAppRouteMode;
   masterHistoryType: string;
   routeProps?: any;
 }) {
-  const { base, masterHistoryType, appName, routeProps, routePath, routeMode = 'prepend' } = opts;
+  const { base, masterHistoryType, appName, routeProps, routePath, routeMode = defaultMicroAppRouteMode } = opts;
   const RouteComponent = () => {
     const match = useMatch(routePath);
     const url = match ? match.pathnameBase : '';
     // 默认取静态配置的 base
     let umiConfigBase = base === '/' ? '' : base;
     // 匹配模式下，routePath 不会作为 prefix
-    const prefix = routeMode === 'match' ? '' : (url.endsWith('/') ? url.substr(0, url.length - 1) : url);
+    const prefix = routeMode === MicroAppRouteMode.MATCH ? '' : (url.endsWith('/') ? url.substr(0, url.length - 1) : url);
 
     // 拼接子应用挂载路由
     let runtimeMatchedBase = umiConfigBase + prefix;

package/libs/qiankun/master/types.ts

@@ -1,6 +1,7 @@
 // @ts-nocheck
 /* eslint-disable */
 import { FrameworkConfiguration, FrameworkLifeCycles } from 'qiankun';
+import type { MicroAppRouteMode } from './constants';
 
 type BaseIConfig = any;
 
@@ -18,11 +19,7 @@ export type App = {
 export type MicroAppRoute = {
   path: string;
   microApp: string;
-  /**
-   * prepend 既作为匹配规则，也作为子应用 router.basename
-   * match 仅作为匹配规则
-   */
-  mode: 'match' | 'prepend';
+  mode: `${MicroAppRouteMode}`;
 } & Record<string, any>;
 
 export type MasterOptions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.0-canary.20230629.2",
+  "version": "4.0.0-canary.20230724.1",
   "description": "@umijs/plugins",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/plugins#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -44,12 +44,12 @@
     "styled-components": "6.0.0-rc.0",
     "tslib": "^2",
     "warning": "^4.0.3",
-    "@umijs/valtio": "1.0.3",
-    "@umijs/bundler-utils": "4.0.0-canary.20230629.2"
+    "@umijs/bundler-utils": "4.0.0-canary.20230724.1",
+    "@umijs/valtio": "1.0.3"
   },
   "devDependencies": {
     "antd": "^4.24.1",
-    "umi": "4.0.0-canary.20230629.2"
+    "umi": "4.0.0-canary.20230724.1"
   },
   "publishConfig": {
     "access": "public"