@module-federation/devtools 0.0.0-next-20250704073349 → 0.0.0-next-20250707074728

package/dist/es/App.js

@@ -15,7 +15,8 @@ const App = (props) => {
     getVersion,
     handleSnapshot,
     handleProxyAddress,
-    customValueValidate
+    customValueValidate,
+    headerSlot
   } = props;
   const [module, setModule] = useState(((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo) || {});
   useEffect(() => {
@@ -30,7 +31,8 @@ const App = (props) => {
       getVersion,
       handleSnapshot,
       handleProxyAddress,
-      customValueValidate
+      customValueValidate,
+      headerSlot
     }
   ) : /* @__PURE__ */ jsx(Empty, { description: "No ModuleInfo Detected" }) }) }) });
 };

package/dist/es/component/Form/index.js

@@ -189,16 +189,19 @@ const FormComponent = (props) => {
       /* @__PURE__ */ jsxs("div", { className: styles.status, children: [
         /* @__PURE__ */ jsx(Badge, { color: condition.color, className: styles.badge }),
         /* @__PURE__ */ jsx("span", { className: styles.message, children: condition.message }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            checked: enableHMR === "enable",
-            checkedText: "Enable HMR",
-            uncheckedText: "Disable HMR",
-            onChange: hmrChange,
-            className: styles.switch
-          }
-        )
+        /* @__PURE__ */ jsxs("span", { className: styles.headerSlot, children: [
+          props.headerSlot,
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: enableHMR === "enable",
+              checkedText: "Enable HMR",
+              uncheckedText: "Disable HMR",
+              onChange: hmrChange,
+              className: styles.switch
+            }
+          )
+        ] })
       ] })
     ] }),
     fields.length ? /* @__PURE__ */ jsx(Fragment, { children: fields.map((item, index) => {

package/dist/es/component/Form/index.module.js

@@ -1,5 +1,5 @@
 import "./index_module.css";
-var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "badge": "badge_20b79" };
+var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "headerSlot": "headerSlot_20b79", "badge": "badge_20b79" };
 export {
   index_module_default as default
 };

package/dist/es/component/Form/index_module.css

@@ -36,6 +36,10 @@
 .header_20b79 .status_20b79 .switch_20b79 {
   margin-left: 0.5vw;
 }
+.header_20b79 .headerSlot_20b79 {
+  display: flex;
+  align-items: center;
+}
 .header_20b79 .badge_20b79 {
   display: flex;
   transform: scale(1.6);

package/dist/es/component/Layout/index.js

@@ -58,7 +58,8 @@ const Layout = (props) => {
     setVersionList,
     getVersion,
     handleProxyAddress,
-    customValueValidate
+    customValueValidate,
+    headerSlot
   } = props;
   const { producer } = separateType(moduleInfo);
   const [condition, setCondition] = useState(statusInfo.processing);
@@ -200,7 +201,8 @@ const Layout = (props) => {
             versionList,
             setVersionList,
             getVersion,
-            customValueValidate
+            customValueValidate,
+            headerSlot
           }
         )
       }

package/dist/lib/App.js

@@ -48,7 +48,8 @@ const App = (props) => {
     getVersion,
     handleSnapshot,
     handleProxyAddress,
-    customValueValidate
+    customValueValidate,
+    headerSlot
   } = props;
   const [module2, setModule] = (0, import_react.useState)(((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo) || {});
   (0, import_react.useEffect)(() => {
@@ -63,7 +64,8 @@ const App = (props) => {
       getVersion,
       handleSnapshot,
       handleProxyAddress,
-      customValueValidate
+      customValueValidate,
+      headerSlot
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Empty, { description: "No ModuleInfo Detected" }) }) }) });
 };

package/dist/lib/component/Form/index.js

@@ -203,16 +203,19 @@ const FormComponent = (props) => {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_index.default.status, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Badge, { color: condition.color, className: import_index.default.badge }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.message, children: condition.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_web_react.Switch,
-          {
-            checked: enableHMR === "enable",
-            checkedText: "Enable HMR",
-            uncheckedText: "Disable HMR",
-            onChange: hmrChange,
-            className: import_index.default.switch
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: import_index.default.headerSlot, children: [
+          props.headerSlot,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_web_react.Switch,
+            {
+              checked: enableHMR === "enable",
+              checkedText: "Enable HMR",
+              uncheckedText: "Disable HMR",
+              onChange: hmrChange,
+              className: import_index.default.switch
+            }
+          )
+        ] })
       ] })
     ] }),
     fields.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fields.map((item, index) => {

package/dist/lib/component/Form/index.module.js

@@ -22,4 +22,4 @@ __export(index_module_exports, {
 });
 module.exports = __toCommonJS(index_module_exports);
 var import_index_module = require("./index_module.css");
-var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "badge": "badge_20b79" };
+var index_module_default = { "container": "container_20b79", "checkBox": "checkBox_20b79", "input": "input_20b79", "delete": "delete_20b79", "header": "header_20b79", "add": "add_20b79", "title": "title_20b79", "status": "status_20b79", "message": "message_20b79", "switch": "switch_20b79", "headerSlot": "headerSlot_20b79", "badge": "badge_20b79" };

package/dist/lib/component/Form/index_module.css

@@ -36,6 +36,10 @@
 .header_20b79 .status_20b79 .switch_20b79 {
   margin-left: 0.5vw;
 }
+.header_20b79 .headerSlot_20b79 {
+  display: flex;
+  align-items: center;
+}
 .header_20b79 .badge_20b79 {
   display: flex;
   transform: scale(1.6);

package/dist/lib/component/Layout/index.js

@@ -68,7 +68,8 @@ const Layout = (props) => {
     setVersionList,
     getVersion,
     handleProxyAddress,
-    customValueValidate
+    customValueValidate,
+    headerSlot
   } = props;
   const { producer } = (0, import_utils.separateType)(moduleInfo);
   const [condition, setCondition] = (0, import_react.useState)(import_constant.statusInfo.processing);
@@ -210,7 +211,8 @@ const Layout = (props) => {
             versionList,
             setVersionList,
             getVersion,
-            customValueValidate
+            customValueValidate,
+            headerSlot
           }
         )
       }

package/dist/types/src/component/Form/index.d.ts

@@ -1,4 +1,4 @@
-import { SetStateAction } from 'react';
+import { SetStateAction, ReactNode } from 'react';
 import { FormInstance } from '@arco-design/web-react';
 import { FormItemStatus, RootComponentProps } from '../../utils';
 interface FormProps {
@@ -13,6 +13,7 @@ interface FormProps {
     validateForm: any;
     enableHMR: string;
     onHMRChange: (on: boolean) => void;
+    headerSlot?: ReactNode;
 }
 declare const FormComponent: (props: FormProps & RootComponentProps) => import("react").JSX.Element;
 export default FormComponent;

package/dist/types/src/utils/types/common.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { ReactNode } from 'react';
 import { getModuleInfo } from '../index';
 export interface FormItemStatus {
     keyStatus: boolean;
@@ -13,5 +13,6 @@ export interface RootComponentProps {
     getVersion?: (moduleName: string) => Promise<Array<string>>;
     handleProxyAddress?: (address: string) => string;
     customValueValidate?: (schema: string) => boolean;
+    headerSlot?: ReactNode;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/devtools",
-  "version": "0.0.0-next-20250704073349",
+  "version": "0.0.0-next-20250707074728",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -44,7 +44,7 @@
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
     "reactflow": "11.11.4",
-    "@module-federation/sdk": "0.0.0-next-20250704073349"
+    "@module-federation/sdk": "0.0.0-next-20250707074728"
   },
   "devDependencies": {
     "@modern-js-app/eslint-config": "2.54.6",
@@ -66,7 +66,7 @@
     "rimraf": "~6.0.1",
     "typescript": "~5.0.4",
     "vitest": "1.2.2",
-    "@module-federation/runtime": "0.0.0-next-20250704073349"
+    "@module-federation/runtime": "0.0.0-next-20250707074728"
   },
   "scripts": {
     "build:storybook": "storybook build",