@nocobase/flow-engine 2.0.0-alpha.7 → 2.0.0-alpha.71

package/lib/views/createViewMeta.js

@@ -27,7 +27,9 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var createViewMeta_exports = {};
 __export(createViewMeta_exports, {
-  createViewMeta: () => createViewMeta
+  buildPopupRuntime: () => buildPopupRuntime,
+  createPopupMeta: () => createPopupMeta,
+  registerPopupVariable: () => registerPopupVariable
 });
 module.exports = __toCommonJS(createViewMeta_exports);
 var import_variablesParams = require("../utils/variablesParams");
@@ -79,93 +81,357 @@ function makeMetaFromValue(value, title, seen) {
   return { type: "any", title };
 }
 __name(makeMetaFromValue, "makeMetaFromValue");
-function buildNavigationMeta(ctx, getView) {
-  const t = /* @__PURE__ */ __name((key) => {
-    var _a;
-    return ((_a = ctx == null ? void 0 : ctx.t) == null ? void 0 : _a.call(ctx, key)) || key;
-  }, "t");
-  return {
-    type: "object",
-    title: t("\u5BFC\u822A"),
-    properties: /* @__PURE__ */ __name(async () => {
-      const view = getView();
-      const nav = view == null ? void 0 : view.navigation;
-      const props = {};
+function createPopupMeta(ctx, anchorView) {
+  const t = /* @__PURE__ */ __name((k) => ctx.t(k), "t");
+  const isPopupView = /* @__PURE__ */ __name((view) => {
+    var _a, _b;
+    if (!view) return false;
+    const stack = Array.isArray((_a = view.navigation) == null ? void 0 : _a.viewStack) ? view.navigation.viewStack : [];
+    const openerUids = (_b = view == null ? void 0 : view.inputArgs) == null ? void 0 : _b.openerUids;
+    const hasOpener = Array.isArray(openerUids) && openerUids.length > 0;
+    return stack.length >= 2 || hasOpener;
+  }, "isPopupView");
+  const hasPopupNow = /* @__PURE__ */ __name(() => isPopupView(anchorView ?? ctx.view), "hasPopupNow");
+  const resolveRecordRef = /* @__PURE__ */ __name(async (flowCtx) => {
+    const view = anchorView ?? flowCtx.view;
+    if (!view || !isPopupView(view)) return void 0;
+    const base = await buildPopupRuntime(flowCtx, view);
+    const res = base == null ? void 0 : base.resource;
+    if ((res == null ? void 0 : res.collectionName) && res.filterByTk != null) {
+      return {
+        collection: res.collectionName,
+        dataSourceKey: res.dataSourceKey || "main",
+        filterByTk: res.filterByTk,
+        associationName: res.associationName,
+        sourceId: res.sourceId
+      };
+    }
+    return (0, import_variablesParams.inferViewRecordRef)(flowCtx);
+  }, "resolveRecordRef");
+  const getCurrentCollection = /* @__PURE__ */ __name(async () => {
+    var _a, _b, _c, _d;
+    const ref = await resolveRecordRef(ctx);
+    if (!(ref == null ? void 0 : ref.collection)) return null;
+    const ds = (_b = (_a = ctx.dataSourceManager) == null ? void 0 : _a.getDataSource) == null ? void 0 : _b.call(_a, ref.dataSourceKey || "main");
+    return ((_d = (_c = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c.getCollection) == null ? void 0 : _d.call(_c, ref.collection)) || null;
+  }, "getCurrentCollection");
+  const getParentRecordRef = /* @__PURE__ */ __name(async (level, flowCtx) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    try {
+      const useCtx = flowCtx || ctx;
+      const nav = (_a = useCtx.view) == null ? void 0 : _a.navigation;
       const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
-      const stackMeta = {
-        type: "array",
-        title: t("\u89C6\u56FE\u5806\u6808"),
-        properties: void 0
+      if (stack.length < 2 || level < 1) return void 0;
+      const idx = stack.length - 1 - level;
+      if (idx < 0) return void 0;
+      const parent = stack[idx];
+      if (!(parent == null ? void 0 : parent.viewUid)) return void 0;
+      let model = (_b = useCtx.engine) == null ? void 0 : _b.getModel(parent.viewUid, true);
+      if (!model) {
+        try {
+          model = await useCtx.engine.loadModel({ uid: parent.viewUid });
+        } catch (e) {
+          (_d = (_c = useCtx.logger || ctx.logger) == null ? void 0 : _c.warn) == null ? void 0 : _d.call(_c, { err: e }, "[FlowEngine] popup.getParentRecordRef loadModel failed");
+        }
+      }
+      const params = ((_e = model == null ? void 0 : model.getStepParams) == null ? void 0 : _e.call(model, "popupSettings", "openView")) || {};
+      const collection = params == null ? void 0 : params.collectionName;
+      const dataSourceKey = (params == null ? void 0 : params.dataSourceKey) || "main";
+      const filterByTk = (parent == null ? void 0 : parent.filterByTk) ?? (parent == null ? void 0 : parent.sourceId);
+      if (!collection || typeof filterByTk === "undefined" || filterByTk === null) return void 0;
+      const ref = {
+        collection,
+        dataSourceKey,
+        filterByTk,
+        sourceId: parent == null ? void 0 : parent.sourceId,
+        associationName: params == null ? void 0 : params.associationName
       };
-      if (stack.length) {
-        const children = {};
-        const max = Math.min(stack.length, 20);
-        for (let i = 0; i < max; i++) {
-          const item = stack[i] || {};
-          children[String(i)] = {
+      return ref;
+    } catch (e) {
+      (_g = (_f = (flowCtx == null ? void 0 : flowCtx.logger) || ctx.logger) == null ? void 0 : _f.warn) == null ? void 0 : _g.call(_f, { err: e }, "[FlowEngine] popup.getParentRecordRef failed");
+      return void 0;
+    }
+  }, "getParentRecordRef");
+  const hasParentNow = /* @__PURE__ */ __name((level) => {
+    var _a;
+    try {
+      const nav = (_a = anchorView ?? ctx.view) == null ? void 0 : _a.navigation;
+      const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
+      return stack.length >= level + 1;
+    } catch (_) {
+      return false;
+    }
+  }, "hasParentNow");
+  const createParentFactory = /* @__PURE__ */ __name((level) => {
+    const factory2 = /* @__PURE__ */ __name(() => {
+      const meta = {
+        type: "object",
+        title: t("Parent popup"),
+        disabled: /* @__PURE__ */ __name(() => !hasParentNow(level), "disabled"),
+        disabledReason: /* @__PURE__ */ __name(() => !hasParentNow(level) ? t("No parent popup") : void 0, "disabledReason"),
+        hidden: /* @__PURE__ */ __name(() => !hasParentNow(level), "hidden"),
+        properties: /* @__PURE__ */ __name(async () => {
+          const parentRef = await getParentRecordRef(level);
+          const props = {};
+          props.uid = { type: "string", title: t("Popup uid") };
+          if (parentRef) {
+            const parentCollection = (() => {
+              var _a, _b, _c, _d;
+              try {
+                const ds = (_b = (_a = ctx.dataSourceManager) == null ? void 0 : _a.getDataSource) == null ? void 0 : _b.call(_a, parentRef.dataSourceKey || "main");
+                return ((_d = (_c = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c.getCollection) == null ? void 0 : _d.call(_c, parentRef.collection || "")) || null;
+              } catch (_) {
+                return null;
+              }
+            })();
+            const base = await (0, import_variablesParams.buildRecordMeta)(
+              () => parentCollection,
+              t("Popup record"),
+              () => parentRef
+            );
+            props.record = base || { type: "object", title: t("Popup record") };
+          } else {
+            props.record = { type: "object", title: t("Popup record") };
+          }
+          const resourceMeta = {
             type: "object",
-            title: `#${i}`,
-            properties: {
-              viewUid: { type: "string", title: "viewUid" },
-              tabUid: { type: "string", title: "tabUid" },
-              filterByTk: { type: "string", title: "filterByTk" },
-              sourceId: { type: "string", title: "sourceId" }
-            }
+            title: t("Data source"),
+            properties: /* @__PURE__ */ __name(async () => ({
+              dataSourceKey: { type: "string", title: t("Data source key") },
+              collectionName: { type: "string", title: t("Collection name") },
+              associationName: { type: "string", title: t("Association name") },
+              filterByTk: { type: "string", title: t("filterByTk") },
+              sourceId: { type: "string", title: t("sourceId") }
+            }), "properties")
           };
+          props.resource = resourceMeta;
+          return props;
+        }, "properties")
+      };
+      return meta;
+    }, "factory");
+    factory2.title = t("Parent popup");
+    return factory2;
+  }, "createParentFactory");
+  const factory = /* @__PURE__ */ __name(() => {
+    const meta = {
+      type: "object",
+      title: t("Current popup"),
+      disabled: /* @__PURE__ */ __name(() => !hasPopupNow(), "disabled"),
+      hidden: /* @__PURE__ */ __name(() => !hasPopupNow(), "hidden"),
+      buildVariablesParams: /* @__PURE__ */ __name(async (c) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (!hasPopupNow()) return void 0;
+        const ref = await resolveRecordRef(c);
+        const inputArgs = (_a = c.view) == null ? void 0 : _a.inputArgs;
+        const params = {};
+        if (ref) {
+          const merged = { ...ref };
+          if (!merged.associationName && (inputArgs == null ? void 0 : inputArgs.associationName)) {
+            merged.associationName = inputArgs.associationName;
+          }
+          if (typeof merged.sourceId === "undefined" && typeof (inputArgs == null ? void 0 : inputArgs.sourceId) !== "undefined") {
+            merged.sourceId = inputArgs == null ? void 0 : inputArgs.sourceId;
+          }
+          params.record = merged;
         }
-        stackMeta.properties = children;
-      }
-      props.viewStack = stackMeta;
-      return props;
-    }, "properties")
-  };
-}
-__name(buildNavigationMeta, "buildNavigationMeta");
-function createViewMeta(ctx, getView) {
-  var _a;
-  const viewTitle = ((_a = ctx == null ? void 0 : ctx.t) == null ? void 0 : _a.call(ctx, "\u5F53\u524D\u89C6\u56FE")) || "\u5F53\u524D\u89C6\u56FE";
-  const factory = /* @__PURE__ */ __name(async () => {
-    var _a2;
-    const recordMeta = await (0, import_variablesParams.buildRecordMeta)(
-      () => {
-        var _a3, _b, _c, _d;
         try {
-          const ref = (0, import_variablesParams.inferRecordRef)(ctx);
-          if (!(ref == null ? void 0 : ref.collection)) return null;
-          const ds = (_b = (_a3 = ctx.dataSourceManager) == null ? void 0 : _a3.getDataSource) == null ? void 0 : _b.call(_a3, ref.dataSourceKey || "main");
-          return ((_d = (_c = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c.getCollection) == null ? void 0 : _d.call(_c, ref.collection)) || null;
-        } catch (e) {
-          return null;
+          const nav = (_b = c.view) == null ? void 0 : _b.navigation;
+          const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
+          if (stack.length >= 2) {
+            let cur = params;
+            let level = 1;
+            let parentRef = await getParentRecordRef(level, c);
+            while (parentRef) {
+              if (!cur.parent) cur.parent = {};
+              cur.parent.record = parentRef;
+              cur = cur.parent;
+              level += 1;
+              parentRef = await getParentRecordRef(level, c);
+            }
+          }
+        } catch (err) {
+          (_d = (_c = c.logger) == null ? void 0 : _c.debug) == null ? void 0 : _d.call(_c, { err }, "[FlowEngine] buildVariablesParams: build parent-chain failed");
         }
-      },
-      ((_a2 = ctx == null ? void 0 : ctx.t) == null ? void 0 : _a2.call(ctx, "\u5F53\u524D\u89C6\u56FE\u8BB0\u5F55")) || "\u5F53\u524D\u89C6\u56FE\u8BB0\u5F55",
-      (c) => (0, import_variablesParams.inferRecordRef)(c)
-    );
-    const view = getView();
-    return {
-      type: "object",
-      title: viewTitle,
-      buildVariablesParams: /* @__PURE__ */ __name((c) => {
-        const ref = (0, import_variablesParams.inferRecordRef)(c);
-        return ref ? { record: ref } : void 0;
+        try {
+          const srcId = inputArgs == null ? void 0 : inputArgs.sourceId;
+          const assoc = inputArgs == null ? void 0 : inputArgs.associationName;
+          const dsKey = (inputArgs == null ? void 0 : inputArgs.dataSourceKey) || "main";
+          if (srcId != null && srcId !== "" && assoc && typeof assoc === "string") {
+            const parentCollectionName = String(assoc).split(".")[0];
+            if (parentCollectionName) {
+              params.sourceRecord = {
+                collection: parentCollectionName,
+                dataSourceKey: dsKey,
+                filterByTk: srcId
+              };
+            }
+          }
+        } catch (err) {
+          (_f = (_e = c.logger) == null ? void 0 : _e.debug) == null ? void 0 : _f.call(_e, { err }, "[FlowEngine] buildVariablesParams: infer sourceRecord failed");
+        }
+        return params;
       }, "buildVariablesParams"),
       properties: /* @__PURE__ */ __name(async () => {
-        var _a3, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         const props = {};
-        if (recordMeta) props.record = recordMeta;
-        props.type = { type: "string", title: ((_a3 = ctx == null ? void 0 : ctx.t) == null ? void 0 : _a3.call(ctx, "\u7C7B\u578B")) || "\u7C7B\u578B" };
-        props.preventClose = { type: "boolean", title: ((_b = ctx == null ? void 0 : ctx.t) == null ? void 0 : _b.call(ctx, "\u662F\u5426\u5141\u8BB8\u5173\u95ED")) || "\u662F\u5426\u5141\u8BB8\u5173\u95ED" };
-        props.inputArgs = makeMetaFromValue(view == null ? void 0 : view.inputArgs, ((_c = ctx == null ? void 0 : ctx.t) == null ? void 0 : _c.call(ctx, "\u8F93\u5165\u53C2\u6570")) || "\u8F93\u5165\u53C2\u6570");
-        props.navigation = buildNavigationMeta(ctx, getView);
+        props.uid = { type: "string", title: t("Popup uid") };
+        const recordRef = await resolveRecordRef(ctx);
+        if (recordRef) {
+          const recordFactory = /* @__PURE__ */ __name(async () => {
+            const col = await getCurrentCollection();
+            if (!col) return null;
+            return await (0, import_variablesParams.buildRecordMeta)(
+              () => col,
+              t("Current popup record"),
+              (c) => resolveRecordRef(c)
+            );
+          }, "recordFactory");
+          recordFactory.title = t("Current popup record");
+          recordFactory.hasChildren = true;
+          props.record = recordFactory;
+        }
+        try {
+          const inputArgs = (_a = ctx.view) == null ? void 0 : _a.inputArgs;
+          const srcId = inputArgs == null ? void 0 : inputArgs.sourceId;
+          let assoc = inputArgs == null ? void 0 : inputArgs.associationName;
+          let dsKey = (inputArgs == null ? void 0 : inputArgs.dataSourceKey) || "main";
+          if (!assoc || typeof assoc !== "string" || !assoc.includes(".")) {
+            const nav = (_b = ctx.view) == null ? void 0 : _b.navigation;
+            const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
+            const last = stack == null ? void 0 : stack[stack.length - 1];
+            if (last == null ? void 0 : last.viewUid) {
+              let model = (_c = ctx == null ? void 0 : ctx.engine) == null ? void 0 : _c.getModel(last.viewUid, true);
+              if (!model) {
+                model = await ctx.engine.loadModel({ uid: last.viewUid });
+              }
+              const p = ((_d = model == null ? void 0 : model.getStepParams) == null ? void 0 : _d.call(model, "popupSettings", "openView")) || {};
+              assoc = (p == null ? void 0 : p.associationName) || assoc;
+              dsKey = (p == null ? void 0 : p.dataSourceKey) || dsKey;
+            }
+          }
+          if (srcId != null && srcId !== "" && assoc && typeof assoc === "string") {
+            const parentCollectionName = String(assoc).includes(".") ? String(assoc).split(".")[0] : void 0;
+            if (parentCollectionName) {
+              const parentCollectionAccessor = /* @__PURE__ */ __name(() => {
+                var _a2, _b2, _c2, _d2;
+                try {
+                  const ds = (_b2 = (_a2 = ctx.dataSourceManager) == null ? void 0 : _a2.getDataSource) == null ? void 0 : _b2.call(_a2, dsKey);
+                  return ((_d2 = (_c2 = ds == null ? void 0 : ds.collectionManager) == null ? void 0 : _c2.getCollection) == null ? void 0 : _d2.call(_c2, parentCollectionName)) || null;
+                } catch (_) {
+                  return null;
+                }
+              }, "parentCollectionAccessor");
+              const srcMeta = await (0, import_variablesParams.buildRecordMeta)(parentCollectionAccessor, t("Current popup parent record"), () => ({
+                collection: parentCollectionName,
+                dataSourceKey: dsKey,
+                filterByTk: srcId
+              }));
+              if (srcMeta) {
+                props.sourceRecord = srcMeta;
+              }
+            }
+          }
+        } catch (err) {
+          (_f = (_e = ctx.logger) == null ? void 0 : _e.debug) == null ? void 0 : _f.call(_e, { err }, "[FlowEngine] popup.properties: build sourceRecord failed");
+        }
+        const resourceMeta = {
+          type: "object",
+          title: t("Data source"),
+          properties: /* @__PURE__ */ __name(async () => ({
+            dataSourceKey: { type: "string", title: t("Data source key") },
+            collectionName: { type: "string", title: t("Collection name") },
+            associationName: { type: "string", title: t("Association name") },
+            filterByTk: { type: "string", title: t("filterByTk") },
+            sourceId: { type: "string", title: t("sourceId") }
+          }), "properties")
+        };
+        props.resource = resourceMeta;
+        const parentRef1 = await getParentRecordRef(1);
+        if (parentRef1) {
+          props.parent = createParentFactory(1);
+        }
         return props;
       }, "properties")
     };
+    return meta;
   }, "factory");
-  factory.title = viewTitle;
+  factory.title = t("Current popup");
+  factory.sort = 975;
   return factory;
 }
-__name(createViewMeta, "createViewMeta");
+__name(createPopupMeta, "createPopupMeta");
+async function buildPopupRuntime(ctx, view) {
+  var _a, _b, _c;
+  const nav = view == null ? void 0 : view.navigation;
+  const stack = Array.isArray(nav == null ? void 0 : nav.viewStack) ? nav.viewStack : [];
+  const openerUids = (_a = view == null ? void 0 : view.inputArgs) == null ? void 0 : _a.openerUids;
+  const hasOpener = Array.isArray(openerUids) && openerUids.length > 0;
+  const hasStackPopup = stack.length >= 2;
+  const isPopup = hasStackPopup || hasOpener;
+  if (!isPopup) return void 0;
+  if (!stack.length) {
+    const args = (view == null ? void 0 : view.inputArgs) || {};
+    const hasAny = args.collectionName || args.filterByTk != null || args.sourceId != null || args.associationName || args.viewUid;
+    if (!hasAny) return void 0;
+    return {
+      uid: args.viewUid,
+      resource: {
+        dataSourceKey: args.dataSourceKey || "main",
+        collectionName: args.collectionName,
+        associationName: args.associationName,
+        filterByTk: args.filterByTk,
+        sourceId: args.sourceId
+      }
+    };
+  }
+  const buildNode = /* @__PURE__ */ __name(async (idx) => {
+    var _a2, _b2, _c2, _d, _e, _f;
+    if (idx < 0 || !((_a2 = stack[idx]) == null ? void 0 : _a2.viewUid)) return void 0;
+    const viewUid = stack[idx].viewUid;
+    let model = (_b2 = ctx.engine) == null ? void 0 : _b2.getModel(viewUid, true);
+    if (!model) {
+      model = await ((_c2 = ctx.engine) == null ? void 0 : _c2.loadModel({ uid: viewUid }));
+    }
+    const p = ((_d = model == null ? void 0 : model.getStepParams) == null ? void 0 : _d.call(model, "popupSettings", "openView")) || {};
+    const collectionName = p == null ? void 0 : p.collectionName;
+    const dataSourceKey = (p == null ? void 0 : p.dataSourceKey) || "main";
+    const node = {
+      uid: viewUid,
+      resource: {
+        dataSourceKey,
+        collectionName,
+        associationName: p == null ? void 0 : p.associationName,
+        filterByTk: (_e = stack[idx]) == null ? void 0 : _e.filterByTk,
+        sourceId: (_f = stack[idx]) == null ? void 0 : _f.sourceId
+      }
+    };
+    const parentNode = await buildNode(idx - 1);
+    if (parentNode) node.parent = parentNode;
+    return node;
+  }, "buildNode");
+  const currentNode = await buildNode((((_c = (_b = view == null ? void 0 : view.navigation) == null ? void 0 : _b.viewStack) == null ? void 0 : _c.length) || 1) - 1);
+  return currentNode;
+}
+__name(buildPopupRuntime, "buildPopupRuntime");
+function registerPopupVariable(ctx, view) {
+  const POPUP_SERVER_PATH_RE = /^(?:record|sourceRecord)(?:\.|$)|^parent(?:\.parent)*(?:\.(?:record|sourceRecord))(?:\.|$)/;
+  ctx.defineProperty("popup", {
+    get: /* @__PURE__ */ __name(async () => buildPopupRuntime(ctx, view), "get"),
+    meta: createPopupMeta(ctx, view),
+    resolveOnServer: /* @__PURE__ */ __name((p) => {
+      try {
+        return !!p && POPUP_SERVER_PATH_RE.test(p);
+      } catch (_) {
+        return false;
+      }
+    }, "resolveOnServer")
+  });
+}
+__name(registerPopupVariable, "registerPopupVariable");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createViewMeta
+  buildPopupRuntime,
+  createPopupMeta,
+  registerPopupVariable
 });

package/lib/views/index.d.ts

@@ -8,6 +8,6 @@
  */
 export { useDialog } from './useDialog';
 export { useDrawer } from './useDrawer';
-export { usePage } from './usePage';
+export { usePage, GLOBAL_EMBED_CONTAINER_ID, EMBED_REPLACING_DATA_KEY } from './usePage';
 export { usePopover } from './usePopover';
 export { ViewNavigation } from './ViewNavigation';

package/lib/views/index.js

@@ -26,6 +26,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var views_exports = {};
 __export(views_exports, {
+  EMBED_REPLACING_DATA_KEY: () => import_usePage.EMBED_REPLACING_DATA_KEY,
+  GLOBAL_EMBED_CONTAINER_ID: () => import_usePage.GLOBAL_EMBED_CONTAINER_ID,
   ViewNavigation: () => import_ViewNavigation.ViewNavigation,
   useDialog: () => import_useDialog.useDialog,
   useDrawer: () => import_useDrawer.useDrawer,
@@ -40,6 +42,8 @@ var import_usePopover = require("./usePopover");
 var import_ViewNavigation = require("./ViewNavigation");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  EMBED_REPLACING_DATA_KEY,
+  GLOBAL_EMBED_CONTAINER_ID,
   ViewNavigation,
   useDialog,
   useDrawer,

package/lib/views/useDialog.d.ts

@@ -9,24 +9,25 @@
 import * as React from 'react';
 export declare function useDialog(): (React.JSX.Element | {
     open: (config: any, flowContext: any) => Promise<unknown> & {
-        type: string;
+        type: "dialog";
         inputArgs: any;
         preventClose: boolean;
-        destroy: () => void;
+        destroy: (result?: any) => void;
         update: (newConfig: any) => void;
         close: (result?: any, force?: boolean) => void;
-        Footer: ({ children, ...props }: {
-            [x: string]: any;
-            children: any;
-        }) => any;
-        Header: ({ ...props }: {
-            [x: string]: any;
-        }) => any;
+        Footer: React.FC<{
+            children?: React.ReactNode;
+        }>;
+        Header: React.FC<{
+            title?: React.ReactNode;
+            extra?: React.ReactNode;
+        }>;
         setFooter: (footer: React.ReactNode) => void;
         setHeader: (header: {
             title?: React.ReactNode;
             extra?: React.ReactNode;
         }) => void;
         navigation: any;
+        readonly record: unknown;
     };
 })[];