@nocobase/flow-engine 2.0.0-alpha.2

package/lib/views/useDrawer.js

@@ -0,0 +1,206 @@
+/**
+ * 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 useDrawer_exports = {};
+__export(useDrawer_exports, {
+  useDrawer: () => useDrawer
+});
+module.exports = __toCommonJS(useDrawer_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_DrawerComponent = __toESM(require("./DrawerComponent"));
+var import_usePatchElement = __toESM(require("./usePatchElement"));
+var import_provider = require("../provider");
+var import_ViewScopedFlowEngine = require("../ViewScopedFlowEngine");
+let uuid = 0;
+function useDrawer() {
+  const holderRef = React.useRef(null);
+  const open = /* @__PURE__ */ __name((config, flowContext) => {
+    var _a, _b;
+    uuid += 1;
+    const drawerRef = 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 = drawerRef.current) == null ? void 0 : _a2.setFooter(children);
+        return () => {
+          var _a3;
+          currentFooter = null;
+          (_a3 = drawerRef.current) == null ? void 0 : _a3.setFooter(null);
+        };
+      }, [children]);
+      return null;
+    }, "FooterComponent");
+    const HeaderComponent = /* @__PURE__ */ __name(({ ...props }) => {
+      React.useEffect(() => {
+        var _a2;
+        currentHeader = props;
+        (_a2 = drawerRef.current) == null ? void 0 : _a2.setHeader(props);
+        return () => {
+          var _a3;
+          currentHeader = null;
+          (_a3 = drawerRef.current) == null ? void 0 : _a3.setHeader(null);
+        };
+      }, [props]);
+      return null;
+    }, "HeaderComponent");
+    const currentDrawer = {
+      type: "drawer",
+      inputArgs: config.inputArgs || {},
+      preventClose: !!config.preventClose,
+      destroy: /* @__PURE__ */ __name(() => {
+        var _a2;
+        return (_a2 = drawerRef.current) == null ? void 0 : _a2.destroy();
+      }, "destroy"),
+      update: /* @__PURE__ */ __name((newConfig) => {
+        var _a2;
+        return (_a2 = drawerRef.current) == null ? void 0 : _a2.update(newConfig);
+      }, "update"),
+      close: /* @__PURE__ */ __name((result, force) => {
+        var _a2;
+        if (config.preventClose && !force) {
+          return;
+        }
+        (_a2 = drawerRef.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 = drawerRef.current) == null ? void 0 : _a2.setFooter(footer);
+      }, "setFooter"),
+      setHeader: /* @__PURE__ */ __name((header) => {
+        var _a2;
+        currentHeader = header;
+        (_a2 = drawerRef.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(() => currentDrawer, "get"),
+      meta: (0, import_createViewMeta.createViewMeta)(ctx, () => currentDrawer),
+      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 DrawerWithContext = (0, import__.observer)(
+      (props) => {
+        var _a2, _b2, _c, _d;
+        const mountedRef = React.useRef(false);
+        const rawContent = typeof config.content === "function" ? config.content(currentDrawer, 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, currentDrawer, ctx);
+        }, []);
+        if (((_b2 = (_a2 = config.inputArgs) == null ? void 0 : _a2.hidden) == null ? void 0 : _b2.value) && !mountedRef.current) {
+          return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
+        }
+        mountedRef.current = true;
+        return /* @__PURE__ */ React.createElement(
+          import_DrawerComponent.default,
+          {
+            ref: drawerRef,
+            ...config,
+            footer: currentFooter,
+            header: currentHeader,
+            hidden: (_d = (_c = config.inputArgs) == null ? void 0 : _c.hidden) == null ? void 0 : _d.value,
+            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,
+          props.children
+        );
+      },
+      {
+        displayName: "DrawerWithContext"
+      }
+    );
+    const renderDrawer = /* @__PURE__ */ __name((children) => /* @__PURE__ */ React.createElement(import_provider.FlowEngineProvider, { engine: scopedEngine }, /* @__PURE__ */ React.createElement(import_FlowContextProvider.FlowViewContextProvider, { context: ctx }, /* @__PURE__ */ React.createElement(DrawerWithContext, null, children))), "renderDrawer");
+    closeFunc = (_b = holderRef.current) == null ? void 0 : _b.patchElement(renderDrawer);
+    return Object.assign(promise, currentDrawer);
+  }, "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]);
+      const renderNestedElements = /* @__PURE__ */ __name(() => {
+        if (elements.length === 0) {
+          return null;
+        }
+        return elements.reduceRight((children, renderElement) => {
+          return renderElement(children);
+        }, null);
+      }, "renderNestedElements");
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, renderNestedElements());
+    })
+  );
+  return [api, /* @__PURE__ */ React.createElement(ElementsHolder, { key: "drawer-holder", ref: holderRef })];
+}
+__name(useDrawer, "useDrawer");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDrawer
+});

package/lib/views/usePage.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 React from 'react';
+export declare function usePage(): (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;
+        Header: ({ ...props }: {
+            [x: string]: any;
+        }) => any;
+        Footer: ({ children, ...props }: {
+            [x: string]: any;
+            children: any;
+        }) => any;
+        setFooter: (footer: React.ReactNode) => void;
+        setHeader: (header: {
+            title?: React.ReactNode;
+            extra?: React.ReactNode;
+        }) => void;
+        navigation: any;
+    };
+})[];

package/lib/views/usePage.js

@@ -0,0 +1,193 @@
+/**
+ * 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 usePage_exports = {};
+__export(usePage_exports, {
+  usePage: () => usePage
+});
+module.exports = __toCommonJS(usePage_exports);
+var import_react = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import__ = require("..");
+var import_flowContext = require("../flowContext");
+var import_FlowContextProvider = require("../FlowContextProvider");
+var import_createViewMeta = require("./createViewMeta");
+var import_PageComponent = require("./PageComponent");
+var import_usePatchElement = __toESM(require("./usePatchElement"));
+var import_provider = require("../provider");
+var import_ViewScopedFlowEngine = require("../ViewScopedFlowEngine");
+let uuid = 0;
+const PageElementsHolder = import_react.default.memo(
+  import_react.default.forwardRef((props, ref) => {
+    const [elements, patchElement] = (0, import_usePatchElement.default)();
+    import_react.default.useImperativeHandle(ref, () => ({ patchElement }), [patchElement]);
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, elements);
+  })
+);
+function usePage() {
+  const holderRef = import_react.default.useRef(null);
+  const open = /* @__PURE__ */ __name((config, flowContext) => {
+    var _a, _b, _c;
+    uuid += 1;
+    const pageRef = import_react.default.createRef();
+    let closeFunc;
+    let resolvePromise;
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve;
+    });
+    const FooterComponent = /* @__PURE__ */ __name(({ children, ...props }) => {
+      import_react.default.useEffect(() => {
+        var _a2;
+        (_a2 = pageRef.current) == null ? void 0 : _a2.setFooter(children);
+        return () => {
+          var _a3;
+          (_a3 = pageRef.current) == null ? void 0 : _a3.setFooter(null);
+        };
+      }, [children]);
+      return null;
+    }, "FooterComponent");
+    const HeaderComponent = /* @__PURE__ */ __name(({ ...props }) => {
+      import_react.default.useEffect(() => {
+        var _a2;
+        (_a2 = pageRef.current) == null ? void 0 : _a2.setHeader(props);
+        return () => {
+          var _a3;
+          (_a3 = pageRef.current) == null ? void 0 : _a3.setHeader(null);
+        };
+      }, [props]);
+      return null;
+    }, "HeaderComponent");
+    const { target, content, preventClose, inheritContext = true, ...restConfig } = config;
+    const currentPage = {
+      type: "embed",
+      inputArgs: config.inputArgs || {},
+      preventClose: !!config.preventClose,
+      destroy: /* @__PURE__ */ __name(() => {
+        var _a2;
+        return (_a2 = pageRef.current) == null ? void 0 : _a2.destroy();
+      }, "destroy"),
+      update: /* @__PURE__ */ __name((newConfig) => {
+        var _a2;
+        return (_a2 = pageRef.current) == null ? void 0 : _a2.update(newConfig);
+      }, "update"),
+      close: /* @__PURE__ */ __name((result, force) => {
+        var _a2;
+        if (preventClose && !force) {
+          return;
+        }
+        resolvePromise == null ? void 0 : resolvePromise(result);
+        (_a2 = pageRef.current) == null ? void 0 : _a2.destroy();
+        closeFunc == null ? void 0 : closeFunc();
+      }, "close"),
+      Header: HeaderComponent,
+      Footer: FooterComponent,
+      setFooter: /* @__PURE__ */ __name((footer) => {
+        var _a2;
+        (_a2 = pageRef.current) == null ? void 0 : _a2.setFooter(footer);
+      }, "setFooter"),
+      setHeader: /* @__PURE__ */ __name((header) => {
+        var _a2;
+        (_a2 = pageRef.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(() => currentPage, "get"),
+      meta: (0, import_createViewMeta.createViewMeta)(ctx, () => currentPage),
+      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 (inheritContext) {
+      ctx.addDelegate(flowContext);
+    } else {
+      ctx.addDelegate(flowContext.engine.context);
+    }
+    const PageWithContext = (0, import__.observer)(
+      () => {
+        var _a2, _b2, _c2, _d;
+        const mountedRef = import_react.default.useRef(false);
+        const pageContent = typeof content === "function" ? content(currentPage, ctx) : content;
+        void ctx.themeToken;
+        import_react.default.useEffect(() => {
+          var _a3;
+          (_a3 = config.onOpen) == null ? void 0 : _a3.call(config, currentPage, 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__ */ import_react.default.createElement(
+          import_PageComponent.PageComponent,
+          {
+            key: `page-${uuid}`,
+            ref: pageRef,
+            hidden: (_d = (_c2 = config.inputArgs) == null ? void 0 : _c2.hidden) == null ? void 0 : _d.value,
+            ...restConfig,
+            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();
+            }
+          },
+          pageContent
+        );
+      },
+      {
+        displayName: "PageWithContext"
+      }
+    );
+    const page = /* @__PURE__ */ import_react.default.createElement(import_provider.FlowEngineProvider, { engine: scopedEngine }, /* @__PURE__ */ import_react.default.createElement(import_FlowContextProvider.FlowViewContextProvider, { context: ctx }, /* @__PURE__ */ import_react.default.createElement(PageWithContext, null)));
+    if (target && target instanceof HTMLElement) {
+      closeFunc = (_b = holderRef.current) == null ? void 0 : _b.patchElement(import_react_dom.default.createPortal(page, target));
+    } else {
+      closeFunc = (_c = holderRef.current) == null ? void 0 : _c.patchElement(page);
+    }
+    return Object.assign(promise, currentPage);
+  }, "open");
+  const api = import_react.default.useMemo(() => ({ open }), []);
+  return [api, /* @__PURE__ */ import_react.default.createElement(PageElementsHolder, { key: "page-holder", ref: holderRef })];
+}
+__name(usePage, "usePage");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePage
+});

package/lib/views/usePatchElement.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 default function usePatchElement<T = React.ReactElement>(): [T[], (element: T) => () => void];

package/lib/views/usePatchElement.js

@@ -0,0 +1,54 @@
+/**
+ * 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 usePatchElement_exports = {};
+__export(usePatchElement_exports, {
+  default: () => usePatchElement
+});
+module.exports = __toCommonJS(usePatchElement_exports);
+var React = __toESM(require("react"));
+function usePatchElement() {
+  const [elements, setElements] = React.useState([]);
+  const patchElement = React.useCallback((element) => {
+    setElements((originElements) => [...originElements, element]);
+    return () => {
+      setElements((originElements) => originElements.filter((ele) => ele !== element));
+    };
+  }, []);
+  return [elements, patchElement];
+}
+__name(usePatchElement, "usePatchElement");

package/lib/views/usePopover.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 usePopover(): (React.JSX.Element | {
+    open: (config: any) => Promise<unknown> & {
+        type: string;
+        destroy: () => any;
+        update: (newConfig: any) => any;
+        close: (result?: any) => void;
+    };
+})[];

package/lib/views/usePopover.js

@@ -0,0 +1,159 @@
+/**
+ * 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 usePopover_exports = {};
+__export(usePopover_exports, {
+  usePopover: () => usePopover
+});
+module.exports = __toCommonJS(usePopover_exports);
+var import_antd = require("antd");
+var import_dompurify = __toESM(require("dompurify"));
+var React = __toESM(require("react"));
+var import_usePatchElement = __toESM(require("./usePatchElement"));
+let uuid = 0;
+const PopoverComponent = React.forwardRef(({ afterClose, content, placement, rect, ...props }, ref) => {
+  var _a, _b;
+  const [visible, setVisible] = React.useState(true);
+  const [config, setConfig] = React.useState({ content, placement, rect, ...props });
+  React.useImperativeHandle(ref, () => ({
+    destroy: /* @__PURE__ */ __name(() => setVisible(false), "destroy"),
+    update: /* @__PURE__ */ __name((newConfig) => setConfig((prev) => ({ ...prev, ...newConfig })), "update"),
+    close: /* @__PURE__ */ __name((result, _force) => setVisible(false), "close")
+  }));
+  React.useEffect(() => {
+    if (!visible) {
+      afterClose == null ? void 0 : afterClose();
+    }
+  }, [visible, afterClose]);
+  return /* @__PURE__ */ React.createElement(
+    import_antd.Popover,
+    {
+      arrow: false,
+      open: visible,
+      trigger: ["click"],
+      destroyTooltipOnHide: true,
+      content: config.content,
+      placement: config.placement,
+      getPopupContainer: () => document.body,
+      onOpenChange: (nextOpen) => {
+        setVisible(nextOpen);
+        if (!nextOpen) {
+          afterClose == null ? void 0 : afterClose();
+        }
+      },
+      ...config
+    },
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        style: {
+          position: "absolute",
+          top: (((_a = config.rect) == null ? void 0 : _a.top) ?? 0) + window.scrollY,
+          left: (((_b = config.rect) == null ? void 0 : _b.left) ?? 0) + window.scrollX,
+          width: 0,
+          height: 0
+        }
+      }
+    )
+  );
+});
+function usePopover() {
+  const holderRef = React.useRef(null);
+  const open = /* @__PURE__ */ __name((config) => {
+    var _a, _b;
+    uuid += 1;
+    const { target, placement = "rightTop", content, ...rest } = config;
+    const popoverRef = React.createRef();
+    const rect = ((_a = target == null ? void 0 : target.getBoundingClientRect) == null ? void 0 : _a.call(target)) ?? { top: 0, left: 0 };
+    let closeFunc;
+    let resolvePromise;
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve;
+    });
+    const currentPopover = {
+      type: "popover",
+      destroy: /* @__PURE__ */ __name(() => {
+        var _a2;
+        return (_a2 = popoverRef.current) == null ? void 0 : _a2.destroy();
+      }, "destroy"),
+      update: /* @__PURE__ */ __name((newConfig) => {
+        var _a2;
+        return (_a2 = popoverRef.current) == null ? void 0 : _a2.update(newConfig);
+      }, "update"),
+      close: /* @__PURE__ */ __name((result) => {
+        var _a2;
+        resolvePromise == null ? void 0 : resolvePromise(result);
+        (_a2 = popoverRef.current) == null ? void 0 : _a2.close(result);
+      }, "close")
+    };
+    const rawChildren = typeof content === "function" ? content(currentPopover) : content;
+    const children = typeof rawChildren === "string" ? /* @__PURE__ */ React.createElement("div", { dangerouslySetInnerHTML: { __html: import_dompurify.default.sanitize(rawChildren) } }) : rawChildren;
+    const popover = /* @__PURE__ */ React.createElement(
+      PopoverComponent,
+      {
+        key: `popover-${uuid}`,
+        ref: popoverRef,
+        content: children,
+        placement,
+        rect,
+        afterClose: () => {
+          var _a2;
+          closeFunc == null ? void 0 : closeFunc();
+          (_a2 = config.onClose) == null ? void 0 : _a2.call(config);
+          resolvePromise == null ? void 0 : resolvePromise(config.result);
+        },
+        ...rest
+      }
+    );
+    closeFunc = (_b = holderRef.current) == null ? void 0 : _b.patchElement(popover);
+    return Object.assign(promise, currentPopover);
+  }, "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 }), []);
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, elements);
+    })
+  );
+  return [api, /* @__PURE__ */ React.createElement(ElementsHolder, { key: "popover-holder", ref: holderRef })];
+}
+__name(usePopover, "usePopover");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePopover
+});