@nocobase/flow-engine 2.0.0-alpha.2

package/lib/views/ViewNavigation.js

@@ -0,0 +1,97 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ViewNavigation_exports = {};
+__export(ViewNavigation_exports, {
+  ViewNavigation: () => ViewNavigation,
+  generatePathnameFromViewParams: () => generatePathnameFromViewParams
+});
+module.exports = __toCommonJS(ViewNavigation_exports);
+function generatePathnameFromViewParams(viewParams) {
+  if (!viewParams || viewParams.length === 0) {
+    return "/admin";
+  }
+  const segments = ["admin"];
+  viewParams.forEach((viewParam, index) => {
+    if (index > 0) {
+      segments.push("view");
+    }
+    segments.push(viewParam.viewUid);
+    if (viewParam.tabUid) {
+      segments.push("tab", viewParam.tabUid);
+    }
+    if (viewParam.filterByTk) {
+      segments.push("filterbytk", viewParam.filterByTk);
+    }
+    if (viewParam.sourceId) {
+      segments.push("sourceid", viewParam.sourceId);
+    }
+  });
+  return "/" + segments.join("/");
+}
+__name(generatePathnameFromViewParams, "generatePathnameFromViewParams");
+const _ViewNavigation = class _ViewNavigation {
+  viewStack;
+  ctx;
+  constructor(ctx, viewParams) {
+    this.viewStack = [...viewParams];
+    this.ctx = ctx;
+  }
+  changeTo(viewParam) {
+    if (this.viewStack.length === 0) {
+      this.viewStack.push(viewParam);
+    } else {
+      this.viewStack[this.viewStack.length - 1] = { ...this.viewStack[this.viewStack.length - 1], ...viewParam };
+    }
+    const newPathname = generatePathnameFromViewParams(this.viewStack);
+    this.ctx.router.navigate(newPathname, { replace: true });
+  }
+  navigateTo(viewParam, opts) {
+    const newViewPathname = generatePathnameFromViewParams([...this.viewStack, viewParam]);
+    const newPathname = newViewPathname;
+    if (location.pathname.endsWith(newPathname)) {
+      return this.ctx.router.navigate(-1);
+    }
+    this.ctx.router.navigate(newPathname, opts);
+    if (this.viewStack.length === 0) {
+      this.viewStack.push(viewParam);
+    }
+  }
+  back() {
+    const pathname = generatePathnameFromViewParams(this.viewStack);
+    if (location.pathname.endsWith(pathname)) {
+      this.ctx.router.navigate(-1);
+    }
+  }
+};
+__name(_ViewNavigation, "ViewNavigation");
+let ViewNavigation = _ViewNavigation;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ViewNavigation,
+  generatePathnameFromViewParams
+});

package/lib/views/createViewMeta.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import type { FlowContext, PropertyMetaFactory } from '../flowContext';
+/**
+ * Create a meta factory for ctx.view that includes:
+ * - buildVariablesParams: { record } via inferRecordRef
+ * - properties.record: full collection meta via buildRecordMeta
+ * - type/preventClose/inputArgs/navigation fields for better variable selection UX
+ */
+export declare function createViewMeta(ctx: FlowContext, getView: () => any): PropertyMetaFactory;

package/lib/views/createViewMeta.js

@@ -0,0 +1,171 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createViewMeta_exports = {};
+__export(createViewMeta_exports, {
+  createViewMeta: () => createViewMeta
+});
+module.exports = __toCommonJS(createViewMeta_exports);
+var import_variablesParams = require("../utils/variablesParams");
+function isPlainObject(val) {
+  if (val === null || typeof val !== "object") return false;
+  const proto = Object.getPrototypeOf(val);
+  return proto === Object.prototype || proto === null;
+}
+__name(isPlainObject, "isPlainObject");
+function makeMetaFromValue(value, title, seen) {
+  const t = typeof value;
+  if (value === null || value === void 0) return { type: "any", title };
+  if (Array.isArray(value)) {
+    return {
+      type: "array",
+      title,
+      properties: /* @__PURE__ */ __name(async () => {
+        const max = Math.min(value.length || 0, 10);
+        const children = {};
+        const nextSeen = seen ?? /* @__PURE__ */ new WeakSet();
+        for (let i = 0; i < max; i++) {
+          children[String(i)] = makeMetaFromValue(value[i], `#${i}`, nextSeen);
+        }
+        return children;
+      }, "properties")
+    };
+  }
+  if (t === "string") return { type: "string", title };
+  if (t === "number") return { type: "number", title };
+  if (t === "boolean") return { type: "boolean", title };
+  if (t === "object" && isPlainObject(value)) {
+    return {
+      type: "object",
+      title,
+      properties: /* @__PURE__ */ __name(async () => {
+        const nextSeen = seen ?? /* @__PURE__ */ new WeakSet();
+        if (nextSeen.has(value)) {
+          return {};
+        }
+        nextSeen.add(value);
+        const props = {};
+        Object.keys(value || {}).forEach((k) => {
+          props[k] = makeMetaFromValue(value[k], k, nextSeen);
+        });
+        return props;
+      }, "properties")
+    };
+  }
+  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 = {};
+      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) {
+        const children = {};
+        const max = Math.min(stack.length, 20);
+        for (let i = 0; i < max; i++) {
+          const item = stack[i] || {};
+          children[String(i)] = {
+            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" }
+            }
+          };
+        }
+        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;
+        }
+      },
+      ((_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;
+      }, "buildVariablesParams"),
+      properties: /* @__PURE__ */ __name(async () => {
+        var _a3, _b, _c;
+        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);
+        return props;
+      }, "properties")
+    };
+  }, "factory");
+  factory.title = viewTitle;
+  return factory;
+}
+__name(createViewMeta, "createViewMeta");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createViewMeta
+});

package/lib/views/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+export { useDialog } from './useDialog';
+export { useDrawer } from './useDrawer';
+export { usePage } from './usePage';
+export { usePopover } from './usePopover';
+export { ViewNavigation } from './ViewNavigation';

package/lib/views/index.js

@@ -0,0 +1,48 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var views_exports = {};
+__export(views_exports, {
+  ViewNavigation: () => import_ViewNavigation.ViewNavigation,
+  useDialog: () => import_useDialog.useDialog,
+  useDrawer: () => import_useDrawer.useDrawer,
+  usePage: () => import_usePage.usePage,
+  usePopover: () => import_usePopover.usePopover
+});
+module.exports = __toCommonJS(views_exports);
+var import_useDialog = require("./useDialog");
+var import_useDrawer = require("./useDrawer");
+var import_usePage = require("./usePage");
+var import_usePopover = require("./usePopover");
+var import_ViewNavigation = require("./ViewNavigation");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ViewNavigation,
+  useDialog,
+  useDrawer,
+  usePage,
+  usePopover
+});

package/lib/views/useDialog.d.ts

@@ -0,0 +1,32 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import * as React from 'react';
+export declare function useDialog(): (React.JSX.Element | {
+    open: (config: any, flowContext: any) => Promise<unknown> & {
+        type: string;
+        inputArgs: any;
+        preventClose: boolean;
+        destroy: () => 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;
+        setFooter: (footer: React.ReactNode) => void;
+        setHeader: (header: {
+            title?: React.ReactNode;
+            extra?: React.ReactNode;
+        }) => void;
+        navigation: any;
+    };
+})[];

package/lib/views/useDialog.js

@@ -0,0 +1,199 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDialog_exports = {};
+__export(useDialog_exports, {
+  useDialog: () => useDialog
+});
+module.exports = __toCommonJS(useDialog_exports);
+var React = __toESM(require("react"));
+var import_dompurify = __toESM(require("dompurify"));
+var import__ = require("..");
+var import_flowContext = require("../flowContext");
+var import_FlowContextProvider = require("../FlowContextProvider");
+var import_createViewMeta = require("./createViewMeta");
+var import_DialogComponent = __toESM(require("./DialogComponent"));
+var import_usePatchElement = __toESM(require("./usePatchElement"));
+var import_provider = require("../provider");
+var import_ViewScopedFlowEngine = require("../ViewScopedFlowEngine");
+let uuid = 0;
+function useDialog() {
+  const holderRef = React.useRef(null);
+  const open = /* @__PURE__ */ __name((config, flowContext) => {
+    var _a, _b;
+    uuid += 1;
+    const dialogRef = React.createRef();
+    let closeFunc;
+    let resolvePromise;
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve;
+    });
+    let currentFooter = null;
+    let currentHeader = null;
+    const FooterComponent = /* @__PURE__ */ __name(({ children, ...props }) => {
+      React.useEffect(() => {
+        var _a2;
+        currentFooter = children;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setFooter(children);
+        return () => {
+          var _a3;
+          currentFooter = null;
+          (_a3 = dialogRef.current) == null ? void 0 : _a3.setFooter(null);
+        };
+      }, [children]);
+      return null;
+    }, "FooterComponent");
+    const HeaderComponent = /* @__PURE__ */ __name(({ ...props }) => {
+      React.useEffect(() => {
+        var _a2;
+        currentHeader = props;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setHeader(props);
+        return () => {
+          var _a3;
+          currentHeader = null;
+          (_a3 = dialogRef.current) == null ? void 0 : _a3.setHeader(null);
+        };
+      }, [props]);
+      return null;
+    }, "HeaderComponent");
+    const currentDialog = {
+      type: "dialog",
+      inputArgs: config.inputArgs || {},
+      preventClose: !!config.preventClose,
+      destroy: /* @__PURE__ */ __name(() => {
+        var _a2;
+        return (_a2 = dialogRef.current) == null ? void 0 : _a2.destroy();
+      }, "destroy"),
+      update: /* @__PURE__ */ __name((newConfig) => {
+        var _a2;
+        return (_a2 = dialogRef.current) == null ? void 0 : _a2.update(newConfig);
+      }, "update"),
+      close: /* @__PURE__ */ __name((result, force) => {
+        var _a2;
+        if (config.preventClose && !force) {
+          return;
+        }
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.destroy();
+        closeFunc == null ? void 0 : closeFunc();
+        resolvePromise == null ? void 0 : resolvePromise(result);
+      }, "close"),
+      Footer: FooterComponent,
+      Header: HeaderComponent,
+      setFooter: /* @__PURE__ */ __name((footer) => {
+        var _a2;
+        currentFooter = footer;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setFooter(footer);
+      }, "setFooter"),
+      setHeader: /* @__PURE__ */ __name((header) => {
+        var _a2;
+        currentHeader = header;
+        (_a2 = dialogRef.current) == null ? void 0 : _a2.setHeader(header);
+      }, "setHeader"),
+      navigation: (_a = config.inputArgs) == null ? void 0 : _a.navigation
+    };
+    const ctx = new import_flowContext.FlowContext();
+    ctx.defineProperty("view", {
+      get: /* @__PURE__ */ __name(() => currentDialog, "get"),
+      meta: (0, import_createViewMeta.createViewMeta)(ctx, () => currentDialog),
+      resolveOnServer: /* @__PURE__ */ __name((p) => p === "record" || p.startsWith("record."), "resolveOnServer")
+    });
+    const scopedEngine = (0, import_ViewScopedFlowEngine.createViewScopedEngine)(flowContext.engine);
+    ctx.defineProperty("engine", { value: scopedEngine });
+    ctx.addDelegate(scopedEngine.context);
+    if (config.inheritContext !== false) {
+      ctx.addDelegate(flowContext);
+    } else {
+      ctx.addDelegate(flowContext.engine.context);
+    }
+    const DialogWithContext = (0, import__.observer)(
+      () => {
+        var _a2, _b2, _c, _d;
+        const mountedRef = React.useRef(false);
+        const rawContent = typeof config.content === "function" ? config.content(currentDialog, ctx) : config.content;
+        const content = typeof rawContent === "string" ? /* @__PURE__ */ React.createElement("div", { dangerouslySetInnerHTML: { __html: import_dompurify.default.sanitize(rawContent) } }) : rawContent;
+        React.useEffect(() => {
+          var _a3;
+          (_a3 = config.onOpen) == null ? void 0 : _a3.call(config, currentDialog, ctx);
+        }, []);
+        if (((_b2 = (_a2 = config.inputArgs) == null ? void 0 : _a2.hidden) == null ? void 0 : _b2.value) && !mountedRef.current) {
+          return null;
+        }
+        mountedRef.current = true;
+        return /* @__PURE__ */ React.createElement(
+          import_DialogComponent.default,
+          {
+            className: "nb-dialog-overflow-hidden",
+            key: `dialog-${uuid}`,
+            ref: dialogRef,
+            hidden: (_d = (_c = config.inputArgs) == null ? void 0 : _c.hidden) == null ? void 0 : _d.value,
+            ...config,
+            footer: currentFooter,
+            header: currentHeader,
+            afterClose: () => {
+              var _a3;
+              closeFunc == null ? void 0 : closeFunc();
+              (_a3 = config.onClose) == null ? void 0 : _a3.call(config);
+              resolvePromise == null ? void 0 : resolvePromise(config.result);
+              scopedEngine.unlinkFromStack();
+            }
+          },
+          content
+        );
+      },
+      {
+        displayName: "DialogWithContext"
+      }
+    );
+    const dialog = /* @__PURE__ */ React.createElement(import_provider.FlowEngineProvider, { engine: scopedEngine }, /* @__PURE__ */ React.createElement(import_FlowContextProvider.FlowViewContextProvider, { context: ctx }, /* @__PURE__ */ React.createElement(DialogWithContext, null)));
+    closeFunc = (_b = holderRef.current) == null ? void 0 : _b.patchElement(dialog);
+    return Object.assign(promise, currentDialog);
+  }, "open");
+  const api = React.useMemo(() => ({ open }), []);
+  const ElementsHolder = React.memo(
+    React.forwardRef((props, ref) => {
+      const [elements, patchElement] = (0, import_usePatchElement.default)();
+      React.useImperativeHandle(ref, () => ({ patchElement }), [patchElement]);
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, elements);
+    })
+  );
+  return [api, /* @__PURE__ */ React.createElement(ElementsHolder, { key: "dialog-holder", ref: holderRef })];
+}
+__name(useDialog, "useDialog");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDialog
+});

package/lib/views/useDrawer.d.ts

@@ -0,0 +1,33 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import * as React from 'react';
+import { FlowEngineContext } from '../flowContext';
+export declare function useDrawer(): (React.JSX.Element | {
+    open: (config: any, flowContext: FlowEngineContext) => Promise<unknown> & {
+        type: string;
+        inputArgs: any;
+        preventClose: boolean;
+        destroy: () => 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;
+        setFooter: (footer: React.ReactNode) => void;
+        setHeader: (header: {
+            title?: React.ReactNode;
+            extra?: React.ReactNode;
+        }) => void;
+        navigation: any;
+    };
+})[];