@nocobase/flow-engine 2.0.0-alpha.2

package/lib/views/DialogComponent.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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 { Modal } from 'antd';
+import React from 'react';
+interface DialogComponentProps extends React.ComponentProps<typeof Modal> {
+    afterClose?: () => void;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+    header?: {
+        title?: React.ReactNode;
+        extra?: React.ReactNode;
+    };
+    hidden?: boolean;
+}
+declare const DialogComponent: React.ForwardRefExoticComponent<DialogComponentProps & React.RefAttributes<unknown>>;
+export default DialogComponent;

package/lib/views/DialogComponent.js

@@ -0,0 +1,98 @@
+/**
+ * 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 DialogComponent_exports = {};
+__export(DialogComponent_exports, {
+  default: () => DialogComponent_default
+});
+module.exports = __toCommonJS(DialogComponent_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+const DialogComponent = (0, import_react.forwardRef)(
+  ({ afterClose, footer: initialFooter, header: initialHeader, hidden, ...props }, ref) => {
+    const [visible, setVisible] = (0, import_react.useState)(true);
+    const [config, setConfig] = (0, import_react.useState)(props);
+    const [footer, setFooter] = (0, import_react.useState)(() => initialFooter);
+    const [header, setHeader] = (0, import_react.useState)(initialHeader);
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      destroy: /* @__PURE__ */ __name(() => {
+        setVisible(false);
+        afterClose == null ? void 0 : afterClose();
+      }, "destroy"),
+      update: /* @__PURE__ */ __name((newConfig) => setConfig((prev) => ({ ...prev, ...newConfig })), "update"),
+      setFooter: /* @__PURE__ */ __name((newFooter) => {
+        setFooter(newFooter);
+      }, "setFooter"),
+      setHeader: /* @__PURE__ */ __name((newHeader) => {
+        if (Object.values(newHeader || {}).length === 0) {
+          setHeader(null);
+        } else {
+          setHeader(newHeader);
+        }
+      }, "setHeader")
+    }));
+    const modalProps = {
+      ...config,
+      title: (header == null ? void 0 : header.title) || config.title,
+      extra: header == null ? void 0 : header.extra,
+      footer: footer !== void 0 ? footer : config.footer ?? null
+    };
+    const container = import_react.default.useMemo(() => {
+      return document.querySelector("#nocobase-app-container");
+    }, []);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Modal,
+      {
+        closable: false,
+        rootClassName: hidden ? "nb-hidden" : "",
+        getContainer: container,
+        ...modalProps,
+        open: visible,
+        onCancel: (e) => {
+          var _a;
+          setVisible(false);
+          (_a = config.onCancel) == null ? void 0 : _a.call(config, e);
+        },
+        afterClose: () => {
+          afterClose == null ? void 0 : afterClose();
+        }
+      },
+      config.children
+    );
+  }
+);
+var DialogComponent_default = DialogComponent;

package/lib/views/DrawerComponent.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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';
+declare const DrawerComponent: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default DrawerComponent;

package/lib/views/DrawerComponent.js

@@ -0,0 +1,101 @@
+/**
+ * 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 DrawerComponent_exports = {};
+__export(DrawerComponent_exports, {
+  default: () => DrawerComponent_default
+});
+module.exports = __toCommonJS(DrawerComponent_exports);
+var import_antd = require("antd");
+var React = __toESM(require("react"));
+const DrawerComponent = React.forwardRef((props, ref) => {
+  var _a;
+  const { children, footer: initialFooter, title, extra, hidden, ...drawerProps } = props;
+  const [open, setOpen] = React.useState(true);
+  const [footer, setFooter] = React.useState(() => initialFooter);
+  const [header, setHeader] = React.useState({ title, extra });
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      destroy: /* @__PURE__ */ __name(() => {
+        var _a2;
+        setOpen(false);
+        (_a2 = drawerProps.afterClose) == null ? void 0 : _a2.call(drawerProps);
+      }, "destroy"),
+      update: /* @__PURE__ */ __name((newConfig) => {
+        Object.assign(drawerProps, newConfig);
+      }, "update"),
+      setFooter: /* @__PURE__ */ __name((newFooter) => {
+        setFooter(newFooter);
+      }, "setFooter"),
+      setHeader: /* @__PURE__ */ __name((newHeader) => {
+        if (Object.values(newHeader || {}).length === 0) {
+          setHeader(null);
+        } else {
+          setHeader(newHeader);
+        }
+      }, "setHeader")
+    }),
+    []
+  );
+  const container = React.useMemo(() => {
+    return document.querySelector("#nocobase-app-container");
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    import_antd.Drawer,
+    {
+      rootClassName: hidden ? "nb-hidden" : "",
+      closable: false,
+      getContainer: container,
+      ...drawerProps,
+      open,
+      footer,
+      styles: {
+        ...drawerProps.styles,
+        footer: { display: "flex", justifyContent: "flex-end", ...(_a = drawerProps.styles) == null ? void 0 : _a.footer }
+      },
+      ...header,
+      onClose: () => {
+        var _a2;
+        setOpen(false);
+        (_a2 = drawerProps.afterClose) == null ? void 0 : _a2.call(drawerProps);
+      }
+    },
+    children
+  );
+});
+var DrawerComponent_default = DrawerComponent;

package/lib/views/FlowView.d.ts

@@ -0,0 +1,76 @@
+/**
+ * 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.
+ */
+/// <reference types="react" />
+import { PopoverProps as AntdPopoverProps } from 'antd';
+import { FlowContext } from '../flowContext';
+import { ViewNavigation } from './ViewNavigation';
+export type FlowView = {
+    type: 'drawer' | 'popover' | 'dialog' | 'embed';
+    inputArgs: any;
+    Header: React.FC<{
+        title?: React.ReactNode;
+        extra?: React.ReactNode;
+    }> | null;
+    Footer: React.FC<{
+        children?: React.ReactNode;
+    }> | null;
+    close: (result?: any, force?: boolean) => void;
+    update: (newConfig: any) => void;
+    navigation?: ViewNavigation;
+    /** 页面的销毁方法 */
+    destroy?: () => void;
+    /** 提交流配置表单里的值。仅流配置视图中可访问到该方法 */
+    submit?: () => Promise<any>;
+};
+type TargetProps = {
+    target?: HTMLElement | string | null;
+};
+type ViewType = 'drawer' | 'popover' | 'dialog' | 'embed';
+type ViewProps = {
+    content: React.ReactNode | ((view: FlowView) => React.ReactNode);
+    width?: number | string;
+    /**
+     * 是否继承父类上下文
+     * @default true
+     */
+    inheritContext?: boolean;
+    /**
+     * 阻止关闭 View
+     */
+    preventClose?: boolean;
+    inputArgs?: any;
+    onOpen?: (view: FlowView, context: FlowContext) => void;
+    [key: string]: any;
+};
+type PopoverProps = AntdPopoverProps & {} & ViewProps & TargetProps;
+export declare class FlowViewer {
+    protected ctx: FlowContext;
+    protected types: {
+        drawer: any;
+        popover: any;
+        dialog: any;
+        embed: any;
+    };
+    zIndex: any;
+    constructor(ctx: FlowContext, types: {
+        drawer: any;
+        popover: any;
+        dialog: any;
+        embed: any;
+    });
+    getNextZIndex(): any;
+    open(props: ViewProps & {
+        type: ViewType;
+    } & TargetProps): any;
+    dialog(props: ViewProps): any;
+    drawer(props: ViewProps): any;
+    popover(props: PopoverProps): any;
+    embed(props: ViewProps & TargetProps): any;
+}
+export {};

package/lib/views/FlowView.js

@@ -0,0 +1,81 @@
+/**
+ * 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 FlowView_exports = {};
+__export(FlowView_exports, {
+  FlowViewer: () => FlowViewer
+});
+module.exports = __toCommonJS(FlowView_exports);
+let zIndex = 0;
+const _FlowViewer = class _FlowViewer {
+  constructor(ctx, types) {
+    this.ctx = ctx;
+    this.types = types;
+    var _a;
+    this.zIndex = zIndex + (((_a = ctx.themeToken) == null ? void 0 : _a.zIndexPopupBase) || 1e3);
+  }
+  zIndex;
+  getNextZIndex() {
+    return this.zIndex + 1;
+  }
+  open(props) {
+    const { type, ...others } = props;
+    if (this.types[type]) {
+      zIndex += 1;
+      const onClose = others.onClose;
+      const _zIndex = others.zIndex;
+      others.onClose = (...args) => {
+        onClose == null ? void 0 : onClose(...args);
+        zIndex -= 1;
+      };
+      if (type !== "embed") {
+        others.zIndex = _zIndex ?? this.getNextZIndex();
+      }
+      return this.types[type].open(others, this.ctx);
+    } else {
+      throw new Error(`Unknown view type: ${type}`);
+    }
+  }
+  dialog(props) {
+    return this.open({ type: "dialog", ...props });
+  }
+  drawer(props) {
+    return this.open({ type: "drawer", ...props });
+  }
+  popover(props) {
+    return this.open({ type: "popover", ...props });
+  }
+  embed(props) {
+    return this.open({ type: "embed", ...props });
+  }
+};
+__name(_FlowViewer, "FlowViewer");
+let FlowViewer = _FlowViewer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FlowViewer
+});

package/lib/views/PageComponent.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 React from 'react';
+export declare const PageComponent: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;

package/lib/views/PageComponent.js

@@ -0,0 +1,167 @@
+/**
+ * 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 PageComponent_exports = {};
+__export(PageComponent_exports, {
+  PageComponent: () => PageComponent
+});
+module.exports = __toCommonJS(PageComponent_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_provider = require("../provider");
+const PageComponent = (0, import_react.forwardRef)((props, ref) => {
+  const [newConfig, setNewConfig] = import_react.default.useState({});
+  const mergedProps = { ...props, ...newConfig };
+  const {
+    visible = true,
+    footer: _footer = null,
+    header: _header = null,
+    afterClose,
+    children,
+    hidden,
+    title: _title,
+    styles = {},
+    zIndex
+  } = mergedProps;
+  const closedRef = (0, import_react.useRef)(false);
+  const flowEngine = (0, import_provider.useFlowEngine)();
+  const [footer, setFooter] = (0, import_react.useState)(() => _footer);
+  const [header, setHeader] = (0, import_react.useState)(_header);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    destroy: /* @__PURE__ */ __name(() => {
+      if (!closedRef.current) {
+        closedRef.current = true;
+        afterClose == null ? void 0 : afterClose();
+      }
+    }, "destroy"),
+    update: /* @__PURE__ */ __name((newConfig2) => {
+      setNewConfig(newConfig2);
+    }, "update"),
+    setFooter: /* @__PURE__ */ __name((newFooter) => {
+      setFooter(newFooter);
+    }, "setFooter"),
+    setHeader: /* @__PURE__ */ __name((newHeader) => {
+      if (Object.values(newHeader || {}).length === 0) {
+        setHeader(null);
+      } else {
+        setHeader(newHeader);
+      }
+    }, "setHeader")
+  }));
+  const style = (0, import_react.useMemo)(
+    () => ({
+      display: hidden ? "none" : "flex",
+      flexDirection: "column",
+      height: "100%",
+      zIndex
+    }),
+    [hidden, zIndex]
+  );
+  const HeaderComponent = (0, import_react.useMemo)(() => {
+    if (!header && !_title) return null;
+    const { title = _title, extra } = header || {};
+    const token = flowEngine.context.themeToken;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: `${token.paddingSM}px ${token.padding}px`,
+          borderBottom: `1px solid ${token.colorSplit}`,
+          backgroundColor: token.colorBgContainer,
+          ...styles.header
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: token.marginXS } }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null),
+          onClick: () => {
+            if (!closedRef.current) {
+              closedRef.current = true;
+              afterClose == null ? void 0 : afterClose();
+            }
+          },
+          style: {
+            color: token.colorTextTertiary
+          }
+        }
+      ), title && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            fontSize: token.fontSizeLG,
+            fontWeight: token.fontWeightStrong,
+            color: token.colorText
+          }
+        },
+        title
+      )),
+      extra && /* @__PURE__ */ import_react.default.createElement("div", null, extra)
+    );
+  }, [header, _title, flowEngine.context.themeToken, styles.header, afterClose]);
+  const FooterComponent = (0, import_react.useMemo)(() => {
+    if (!footer) return null;
+    const token = flowEngine.context.themeToken;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "flex-end",
+          alignItems: "center",
+          padding: `${token.paddingXS}px ${token.padding}px`,
+          borderTop: `1px solid ${token.colorSplit}`,
+          backgroundColor: token.colorBgContainer,
+          ...styles.footer
+        }
+      },
+      footer
+    );
+  }, [footer, flowEngine.context.themeToken, styles.footer]);
+  if (!visible) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { ...style, ...styles.content } }, HeaderComponent, /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflowY: "auto", ...styles.body } }, children), FooterComponent);
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageComponent
+});

package/lib/views/ViewNavigation.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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 { FlowEngineContext } from '../flowContext';
+interface ViewParam {
+    /** 视图唯一标识符，一般为某个 Model 实例的 uid */
+    viewUid?: string;
+    /** 标签页唯一标识符 */
+    tabUid?: string;
+    /** 弹窗记录的 id */
+    filterByTk?: string;
+    /** source Id */
+    sourceId?: string;
+}
+/**
+ * 将 ViewParam 数组转换为 pathname
+ *
+ * @param viewParams - ViewParam 数组
+ * @returns 生成的 pathname
+ *
+ * @example
+ * ```typescript
+ * generatePathnameFromViewParams([{ viewUid: 'xxx' }]) // '/admin/xxx'
+ * generatePathnameFromViewParams([{ viewUid: 'xxx', tabUid: 'yyy' }]) // '/admin/xxx/tab/yyy'
+ * generatePathnameFromViewParams([{ viewUid: 'xxx' }, { viewUid: 'yyy' }]) // '/admin/xxx/view/yyy'
+ * ```
+ */
+export declare function generatePathnameFromViewParams(viewParams: ViewParam[]): string;
+export declare class ViewNavigation {
+    viewStack: ViewParam[];
+    ctx: FlowEngineContext;
+    constructor(ctx: FlowEngineContext, viewParams: ViewParam[]);
+    changeTo(viewParam: ViewParam): void;
+    navigateTo(viewParam: ViewParam, opts?: {
+        replace?: boolean;
+        state?: any;
+    }): Promise<void>;
+    back(): void;
+}
+export {};