@yongdall/web 0.5.2 → 0.5.4

package/index.d.mts

@@ -1,112 +1,113 @@
 import * as dot_request1 from "dot-request";
 import DotRequest, { default as DotRequest$1 } from "dot-request";
 import { ArrayStore, BindObjectStore, ObjectStore, Schema, Schema as Schema$1, Store, Store as Store$1, StoreLayout, StoreLayout as StoreLayout$1, renderStore } from "@neeloong/form";
-import { Field, FormLayout, MaybePromise, PageForm, Permission, Permissions } from "@yongdall/types";
 import { Hook, Indicator, Plugin, Search } from "@yongdall/common";
+import { Field, FormLayout, MaybePromise, PageForm, Permission, Permissions } from "@yongdall/types";
 import { Signal as Signal$1 } from "signal-polyfill";
-export * from "@yongdall/types";
 export * from "@yongdall/common";
+export * from "@yongdall/types";
 
 //#region \0rolldown/runtime.js
 //#endregion
 //#region packages/web/signal.d.mts
 /**
  * @template T
- * @typedef {object} State
- * @property {() => T} get
- * @property {(newValue: T) => void} set
  */
+interface State<T> {
+  get(): T;
+  set(newValue: T): void;
+}
 /**
  * 相应式执行
- * @param {() => void} fn 执行函数
- * @param {AbortSignal} [signal]
- * @returns {void}
+ * @param fn 执行函数
+ * @param signal 可选的中断信号
  */
 declare function effect(fn: () => void, signal?: AbortSignal): void;
 /**
  * 创建可赋值计算值
  * @template T
- * @overload
- * @param {(() => T)[]} getter 取值方法
- * @param {(value: T[]) => void} callback 取值方法
- * @param {object} [options]
- * @param {boolean} [options.immediate] 是否立即执行一次
- * @param {AbortSignal} [options.signal]
- * @returns {void}
- */
-declare function watch<T>(getter: (() => T)[], callback: (value: T[]) => void, options?: {
-  immediate?: boolean | undefined;
-  signal?: AbortSignal | undefined;
-} | undefined): void;
+ * @param getter 取值方法或取值方法数组
+ * @param callback 回调函数，接收当前值和旧值
+ * @param options 配置选项
+ * @param options.immediate 是否立即执行一次
+ * @param options.signal 中断信号
+ */
+declare function watch<T>(getter: (() => T)[], callback: (value: T[], oldValue: T[] | undefined, onCleanup: ((() => AbortSignal) & ((cleanupFn: () => void) => void))) => void, options?: {
+  immediate?: boolean;
+  signal?: AbortSignal;
+}): void;
 /**
  * 创建可赋值计算值
  * @template T
- * @overload
- * @param {(() => any)[]} getter 取值方法
- * @param {(value: any[]) => void} callback 取值方法
- * @param {object} [options]
- * @param {boolean} [options.immediate] 是否立即执行一次
- * @param {AbortSignal} [options.signal]
- * @returns {void}
- */
-declare function watch<T>(getter: (() => any)[], callback: (value: any[]) => void, options?: {
-  immediate?: boolean | undefined;
-  signal?: AbortSignal | undefined;
-} | undefined): void;
+ * @param getter 取值方法或取值方法数组
+ * @param callback 回调函数，接收当前值和旧值
+ * @param options 配置选项
+ * @param options.immediate 是否立即执行一次
+ * @param options.signal 中断信号
+ */
+declare function watch<T>(getter: (() => any)[], callback: (value: any[], oldValue: any[] | undefined, onCleanup: ((() => AbortSignal) & ((cleanupFn: () => void) => void))) => void, options?: {
+  immediate?: boolean;
+  signal?: AbortSignal;
+}): void;
 /**
  * 创建可赋值计算值
  * @template T
- * @overload
- * @param {() => T} getter 取值方法
- * @param {(value: T) => void} callback 取值方法
- * @param {object} [options]
- * @param {boolean} [options.immediate] 是否立即执行一次
- * @param {AbortSignal} [options.signal]
- * @returns {void}
- */
-declare function watch<T>(getter: () => T, callback: (value: T) => void, options?: {
-  immediate?: boolean | undefined;
-  signal?: AbortSignal | undefined;
-} | undefined): void;
+ * @param getter 取值方法或取值方法数组
+ * @param callback 回调函数，接收当前值和旧值
+ * @param options 配置选项
+ * @param options.immediate 是否立即执行一次
+ * @param options.signal 中断信号
+ */
+declare function watch<T>(getter: () => T, callback: (value: T, oldValue: T | undefined, onCleanup: ((() => AbortSignal) & ((cleanupFn: () => void) => void))) => void, options?: {
+  immediate?: boolean;
+  signal?: AbortSignal;
+}): void;
 /**
+ * 创建响应式状态
  * @template T
- * @overload
- * @param {T} initValue
- * @returns {State<T>}
+ * @param initValue 初始值
+ * @returns 一个响应式状态对象
  */
 declare function createState<T>(initValue: T): State<T>;
 /**
+ * 创建响应式状态
  * @template T
- * @overload
- * @param {T} [initValue]
- * @returns {State<T | undefined>}
+ * @param initValue 初始值
+ * @returns 一个响应式状态对象
  */
-declare function createState<T>(initValue?: T | undefined): State<T | undefined>;
+declare function createState<T>(initValue?: T): State<T | undefined>;
 /**
- *
+ * 创建计算状态
  * @template T
- * @param {() => T} get
- * @param {(newValue: T) => void} [set]
- * @returns {State<T>}
+ * @param get 获取函数
+ * @param set 设置函数（可选）
+ * @returns 一个响应式状态对象
  */
 declare function createComputed<T>(get: () => T, set?: (newValue: T) => void): State<T>;
 /**
- * @template {Record<string, any>} T
- * @param {State<T>} state
- * @param {Record<string, any>} struct
- * @returns {T}
+ * 创建安全计算状态，防止递归更新
+ * @template T
+ * @param initialValue 初始值
+ * @param get 获取函数
+ * @param set 设置函数（可选）
+ * @returns 一个响应式状态对象
+ */
+declare function createSafeComputed<T>(initialValue: T, get: () => T, set?: (newValue: T) => void): State<T>;
+/**
+ * 创建深层响应式状态
+ * @template T
+ * @param state 父状态
+ * @param struct 结构定义
+ * @returns 具有深层响应式属性的对象
  */
 declare function createDeeply<T extends Record<string, any>>(state: State<T>, struct: Record<string, any>): T;
 /**
- *
- * @param {number} interval
- * @param {AbortSignal} [signal]
+ * 创建响应式计时器
+ * @param interval 间隔时间（毫秒）
+ * @param signal 可选的中断信号
+ * @returns 表示计时次数的响应式状态
  */
 declare function createTick(interval: number, signal?: AbortSignal): State<number>;
-type State<T> = {
-  get: () => T;
-  set: (newValue: T) => void;
-};
 //#endregion
 //#region packages/web/route/home.d.mts
 declare class HomeContext {
@@ -653,13 +654,24 @@ declare class ModalFooter extends GeneralContext {
 declare class Modal extends GeneralContext {
   /**
    * @param {object} [options]
-   * @param {AbortSignal} [options.signal]
+   * @param {AbortSignal?} [options.signal]
    * @param {HTMLElement} [options.parent]
+   * @param {boolean} [options.wide]
+   * @param {boolean} [options.inlineContainer]
+   * @param {boolean | (() => boolean)} [options.cancelable]
    */
   constructor(options?: {
-    signal?: AbortSignal | undefined;
+    signal?: AbortSignal | null | undefined;
     parent?: HTMLElement | undefined;
+    wide?: boolean | undefined;
+    inlineContainer?: boolean | undefined;
+    cancelable?: boolean | (() => boolean) | undefined;
   });
+  get returnValue(): string;
+  set wide(wide: boolean);
+  get wide(): boolean;
+  set inlineContainer(inlineContainer: boolean);
+  get inlineContainer(): boolean;
   set cancelable(cancelable: boolean | (() => boolean));
   get cancelable(): boolean | (() => boolean);
   set size(size: string);
@@ -738,86 +750,6 @@ declare function createProgressModal<T, R>(list: T[], exec: (item: T, signal: Ab
   title?: string | undefined;
 }): Promise<PromiseSettledResult<R>[]>;
 //#endregion
-//#region packages/web/dom/index.d.mts
-declare const isMac: boolean;
-//#endregion
-//#region packages/web/route/PageSider.d.mts
-declare class PageSider extends GeneralContext {
-  /**
-   *
-   * @param {ParentNode} parent
-   * @param {Node?} next
-   * @param {boolean} inserted
-   * @param {AbortSignal} signal
-   * @returns
-   */
-  constructor(parent: ParentNode, next: Node | null, inserted: boolean, signal: AbortSignal);
-  /**
-   * @template T
-   * @overload
-   * @param {(dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T} exec
-   * @param {AbortSignal} [signal]
-   * @returns {Promise<T>}
-   */
-  createDialog<T>(exec: (dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
-  /**
-   * @overload
-   * @param {AbortSignal} [signal]
-   * @returns {HTMLDialogElement}
-   */
-  createDialog(signal?: AbortSignal | undefined): HTMLDialogElement;
-  /**
-   * @template T
-   * @overload
-   * @param {(modal: Modal) => PromiseLike<T> | T} exec
-   * @param {AbortSignal} [signal]
-   * @returns {Promise<T>}
-   */
-  createModal<T>(exec: (modal: Modal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
-  /**
-   * @overload
-   * @param {AbortSignal} [signal]
-   * @returns {Modal}
-   */
-  createModal(signal?: AbortSignal | undefined): Modal;
-  /**
-   * @template T
-   * @template R
-   * @param {T[]} list
-   * @param {(item: T, signal: AbortSignal) => PromiseLike<R> | R} exec
-   * @param {object} [options]
-   * @param {AbortSignal} [options.signal]
-   * @param {boolean} [options.abortable]
-   * @param {string} [options.label]
-   * @param {string} [options.title]
-   */
-  createProgressModal<T, R>(list: T[], exec: (item: T, signal: AbortSignal) => PromiseLike<R> | R, options?: {
-    signal?: AbortSignal | undefined;
-    abortable?: boolean | undefined;
-    label?: string | undefined;
-    title?: string | undefined;
-  }): Promise<PromiseSettledResult<R>[]>;
-  get container(): HTMLDivElement;
-  set unprintable(unprintable: boolean);
-  get unprintable(): boolean;
-  set panel(panel: boolean);
-  get panel(): boolean;
-  set title(t: string);
-  get title(): string;
-  /**
-   *
-   * @param {(Menu | null)[]} menus
-   * @param {Menu?} button
-   * @param {Menu.Renderer} [create]
-   * @returns
-   */
-  setMenu(menus: (Menu | null)[], button: Menu | null, create?: Menu.Renderer): void;
-  get inserted(): boolean;
-  insert(): void;
-  remove(): void;
-  #private;
-}
-//#endregion
 //#region packages/web/services/page.d.mts
 type PageConfiguration = {
   id?: string | undefined;
@@ -962,79 +894,160 @@ declare namespace PageIdent {
   type Parser = (path: string) => PageIdent.Route;
 }
 //#endregion
-//#region packages/web/route/PageHeader.d.mts
-declare class PageHeader extends GeneralContext {
+//#region packages/web/route/PageHandle.d.mts
+/**
+ * @typedef {object} RootPageExt
+ * @property {() => { path: string; search: string; hash: string; }} get
+ * @property {(path: string,search: string, hash: string) => void} update
+ */
+declare class PageHandle extends GeneralContext {
   /**
    *
-   * @param {HTMLElement} root
-   * @param {AbortSignal} [signal]
-   * @returns
+   * @param {Object} options
+   * @param {string} options.pageId
+   * @param {PageConfiguration?} options.define
+   * @param {PageIdent} options.ident
+   * @param {string} options.root
+   * @param {string} options.path
+   * @param {string} options.search
+   * @param {string} options.hash
+   * @param {PageInfo & RootPageExt} options.pageHandler
+   * @param {(url: string, replace?: boolean) => void} options.open
+   * @param {(p: string, replace?: boolean) => void} options.setRootPath
    */
-  constructor(root: HTMLElement, signal?: AbortSignal);
+  constructor({
+    pageId,
+    define,
+    ident,
+    root,
+    path,
+    search,
+    hash,
+    pageHandler,
+    open,
+    setRootPath
+  }: {
+    pageId: string;
+    define: PageConfiguration | null;
+    ident: PageIdent;
+    root: string;
+    path: string;
+    search: string;
+    hash: string;
+    pageHandler: PageInfo & RootPageExt;
+    open: (url: string, replace?: boolean) => void;
+    setRootPath: (p: string, replace?: boolean) => void;
+  });
+  /** @param {string | (() => string)} title  */
+  set title(title: string | (() => string));
+  /** @returns {string}  */
+  get title(): string;
   /**
-   * @template T
-   * @overload
-   * @param {(dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T} exec
-   * @param {AbortSignal} [signal]
-   * @returns {Promise<T>}
+   *
+   * @param {(show: boolean) => void} fn
+   * @param {AbortSignal} signal
    */
-  createDialog<T>(exec: (dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
+  onToggle(fn: (show: boolean) => void, signal: AbortSignal): void;
+  get bootLoading(): boolean;
+  get define(): PageConfiguration | null;
+  get ident(): PageIdent;
+  get root(): string;
+  get path(): string;
+  get search(): string;
+  get hash(): string;
+  get href(): string;
+  get current(): boolean;
+  get shown(): boolean;
+  /** @param {string | (() => string)} icon  */
+  set icon(icon: string | (() => string));
+  /** @returns {string}  */
+  get icon(): string;
+  set print(print: Print);
+  get print(): Print;
+  /** @param {boolean | (() => boolean)} unsaved  */
+  set unsaved(unsaved: boolean | (() => boolean));
+  /** @returns {boolean}  */
+  get unsaved(): boolean;
+  /** @param {boolean | (() => boolean)} guarded  */
+  set guarded(guarded: boolean | (() => boolean));
+  /** @returns {boolean}  */
+  get guarded(): boolean;
+  set loading(loading: boolean);
+  get loading(): boolean;
+  /**
+   * @param {string} url
+   * @param {string | PageIdent} [page]
+   * @returns {string}
+   */
+  toUrl(url: string, page?: string | PageIdent): string;
   /**
    * @overload
-   * @param {AbortSignal} [signal]
-   * @returns {HTMLDialogElement}
+   * @param {string} url
+   * @param {boolean} [replace]
+   * @returns {void}
    */
-  createDialog(signal?: AbortSignal | undefined): HTMLDialogElement;
+  open(url: string, replace?: boolean | undefined): void;
   /**
-   * @template T
    * @overload
-   * @param {(modal: Modal) => PromiseLike<T> | T} exec
-   * @param {AbortSignal} [signal]
-   * @returns {Promise<T>}
+   * @param {string} url
+   * @param {string | PageIdent} [page]
+   * @param {boolean} [replace]
+   * @returns {void}
    */
-  createModal<T>(exec: (modal: Modal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
+  open(url: string, page?: string | PageIdent | undefined, replace?: boolean | undefined): void;
   /**
    * @overload
-   * @param {AbortSignal} [signal]
-   * @returns {Modal}
+   * @param {string} url
+   * @param {boolean | string | PageIdent} [page]
+   * @param {boolean} [replace]
+   * @returns {void}
    */
-  createModal(signal?: AbortSignal | undefined): Modal;
+  open(url: string, page?: string | boolean | PageIdent | undefined, replace?: boolean | undefined): void;
   /**
-   * @template T
-   * @template R
-   * @param {T[]} list
-   * @param {(item: T, signal: AbortSignal) => PromiseLike<R> | R} exec
-   * @param {object} [options]
-   * @param {AbortSignal} [options.signal]
-   * @param {boolean} [options.abortable]
-   * @param {string} [options.label]
-   * @param {string} [options.title]
+   *
+   * @param {string} p
+   * @param {boolean} [replace]
+   * @returns {void}
    */
-  createProgressModal<T, R>(list: T[], exec: (item: T, signal: AbortSignal) => PromiseLike<R> | R, options?: {
-    signal?: AbortSignal | undefined;
-    abortable?: boolean | undefined;
-    label?: string | undefined;
-    title?: string | undefined;
-  }): Promise<PromiseSettledResult<R>[]>;
-  set sticky(sticky: boolean);
-  get sticky(): boolean;
-  set panel(panel: boolean);
-  get panel(): boolean;
-  get container(): HTMLDivElement;
+  setPath(p: string, replace?: boolean): void;
   /**
    *
-   * @param {*} menus
-   * @param {Menu.Renderer} [create]
-   * @returns
+   * @param {boolean} [replace]
+   * @returns {void}
    */
-  setMenu(menus: any, create?: Menu.Renderer): void;
-  set unprintable(unprintable: boolean);
-  get unprintable(): boolean;
+  show(replace?: boolean): void;
+  get destroyDeferred(): boolean;
+  /**
+   * @param {boolean} [defer]
+   * @returns {boolean}
+   */
+  destroy(defer?: boolean): boolean;
   #private;
 }
+type RootPageExt = {
+  get: () => {
+    path: string;
+    search: string;
+    hash: string;
+  };
+  update: (path: string, search: string, hash: string) => void;
+};
 //#endregion
-//#region packages/web/route/PageFooter.d.mts
-declare class PageFooter extends GeneralContext {
+//#region packages/web/route/pageManager.d.mts
+/**
+ *
+ * @param {PageManager} manager
+ * @returns
+ */
+declare function addManager(manager: PageManager): () => void;
+declare function getPages(): PageHandle[];
+/**
+ * 页面管理器
+ */
+type PageManager = (page: PageHandle) => void;
+//#endregion
+//#region packages/web/route/PageHeader.d.mts
+declare class PageHeader extends GeneralContext {
   /**
    *
    * @param {HTMLElement} root
@@ -1092,22 +1105,27 @@ declare class PageFooter extends GeneralContext {
   set panel(panel: boolean);
   get panel(): boolean;
   get container(): HTMLDivElement;
+  /**
+   *
+   * @param {*} menus
+   * @param {Menu.Renderer} [create]
+   * @returns
+   */
+  setMenu(menus: any, create?: Menu.Renderer): void;
   set unprintable(unprintable: boolean);
   get unprintable(): boolean;
   #private;
 }
 //#endregion
-//#region packages/web/route/PageSection.d.mts
-declare class PageSection extends GeneralContext {
+//#region packages/web/route/PageFooter.d.mts
+declare class PageFooter extends GeneralContext {
   /**
    *
-   * @param {ParentNode} parent
-   * @param {Node?} next
-   * @param {boolean} inserted
-   * @param {AbortSignal} signal
+   * @param {HTMLElement} root
+   * @param {AbortSignal} [signal]
    * @returns
    */
-  constructor(parent: ParentNode, next: Node | null, inserted: boolean, signal: AbortSignal);
+  constructor(root: HTMLElement, signal?: AbortSignal);
   /**
    * @template T
    * @overload
@@ -1153,351 +1171,82 @@ declare class PageSection extends GeneralContext {
     label?: string | undefined;
     title?: string | undefined;
   }): Promise<PromiseSettledResult<R>[]>;
+  set sticky(sticky: boolean);
+  get sticky(): boolean;
+  set panel(panel: boolean);
+  get panel(): boolean;
   get container(): HTMLDivElement;
   set unprintable(unprintable: boolean);
   get unprintable(): boolean;
-  set panel(panel: boolean);
-  get panel(): boolean;
-  get inserted(): boolean;
-  insert(): void;
-  remove(): void;
   #private;
 }
 //#endregion
-//#region packages/web/services/model.d.mts
-/**
- *
- * @param {string} model
- * @returns
- */
-declare function modelService(model: string): {
-  then<TResult1 = ModelConfiguration | null, TResult2 = never>(onfulfilled?: ((value: ModelConfiguration | null) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<TResult1 | TResult2>;
-  catch<TResult2 = never>(onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<ModelConfiguration | TResult2 | null>;
-  finally(onfinally?: (() => void) | null | undefined): Promise<ModelConfiguration | null>;
-  /**
-   * @param {Search.Param} [options]
-   * @returns {Promise<{documents: any[]; total: number}>}
-   */
-  query({
-    values,
-    where,
-    orWhere,
-    sort,
-    limit,
-    page,
-    offset,
-    select,
-    total,
-    primary
-  }?: Search.Param): Promise<{
-    documents: any[];
-    total: number;
-  }>;
-  getOptions(): Record<string, any>[];
-  /**
-   * @overload
-   * @param {boolean} [options]
-   * @returns {Promise<Record<string, any>[]>}
-   */
-  options(options?: boolean | undefined): Promise<Record<string, any>[]>;
-  /**
-   * @overload
-   * @param {Search.Param} options
-   * @returns {Promise<{options: Record<string, any>[]; total: number}>}
-   */
-  options(options: Search.Param): Promise<{
-    options: Record<string, any>[];
-    total: number;
-  }>;
-  /**
-   *
-   * @param {string | number} id
-   */
-  option(id: string | number): Promise<any>;
-  /**
-   *
-   * @param {Record<string, any>} data
-   * @returns
-   */
-  create(data: Record<string, any>): Promise<any>;
-  /**
-   *
-   * @param {string | number} id
-   */
-  document(id: string | number): {
-    then<TResult1 = Record<string, any>, TResult2 = never>(onfulfilled?: ((value: Record<string, any>) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<TResult1 | TResult2>;
-    catch<TResult2 = never>(onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<Record<string, any> | TResult2>;
-    finally(onfinally?: (() => void) | null | undefined): Promise<Record<string, any>>;
-    get: () => Promise<Record<string, any>>;
-    /**
-     * @param {Record<string, any>} data
-     * @returns
-     */
-    update(data: Record<string, any>): Promise<any>;
-    delete(): Promise<void>; /** @param {string} field  */
-    field(field: string): {
-      then<TResult1 = any, TResult2 = never>(onfulfilled?: ((value: any) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<TResult1 | TResult2>;
-      catch<TResult2 = never>(onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<any>;
-      finally(onfinally?: (() => void) | null | undefined): Promise<any>;
-      get: () => Promise<any>;
-    };
-  };
-  loadModel: (force?: boolean) => Promise<ModelConfiguration | null>;
-  loadScript: (force?: boolean) => Promise<ModelScriptConfiguration | null>;
-  getModel: () => ModelConfiguration | null;
-  getScript: () => ModelScriptConfiguration | null;
-};
-type ModelConfiguration = {
-  id?: string | undefined;
-  label?: string | undefined;
-  /**
-   * 字段配置
-   */
-  fields: Record<string, Field>;
-  /**
-   * 图标字段
-   */
-  iconField?: string | null | undefined;
-  /**
-   * 图像字段
-   */
-  imageField?: string | null | undefined;
-  /**
-   * 标签字段
-   */
-  labelField?: string | null | undefined;
-  /**
-   * 标签命名规则
-   */
-  labelPattern?: string | null | undefined;
-  /**
-   * 权限配置
-   */
-  permissions?: Permission[] | undefined;
-  /**
-   * 模型选项，关联前端脚本可读取
-   */
-  options?: Record<string, unknown> | null | undefined;
-  /**
-   * 关联前端脚本
-   */
-  scripts?: (string | [string, object])[] | null | undefined;
-  /**
-   * 关联默认页面
-   * // TODO: 查询配置
-   * // TODO: 前端按钮配置
-   * // TODO: 是否可销毁、可创建、更新、保存、upsert
-   * // TODO: 列表内操作按钮
-   * // TODO: 编辑内按钮
-   * // TODO: 操作事件
-   * // TODO: 是否分页
-   */
-  pages?: Record<string, string | object | null> | null | undefined;
-};
-type FieldScriptConfiguration = Omit<Field, "scripts" | "type"> & {
-  script?: Omit<FieldScript, "subFields">;
-  type: string | Record<string, FieldScriptConfiguration>;
-};
-type ModelScriptConfiguration = Omit<ModelConfiguration, "scripts" | "fields"> & {
-  script?: Omit<ModelScript, "fields">;
-  fields: Record<string, FieldScriptConfiguration>;
-};
-type ListScriptParameter = {
-  model: ModelScriptConfiguration;
-  checkedDocuments?: Record<string, any>[] | undefined;
-  documents?: Record<string, any>[] | undefined;
-};
-type DocumentScriptParameter = {
-  model: ModelScriptConfiguration;
-  document?: Record<string, any> | undefined;
-  store?: Store$1<any, any, {
-    [x: string]: any;
-  }> | undefined;
-};
-type ModelScript = {
-  /**
-   * 字段配置
-   */
-  fields?: Record<string, FieldScript> | undefined;
-  input?: ((document: any, ...fields: (string | number)[]) => void) | null | undefined;
-  change?: ((document: any, ...fields: (string | number)[]) => void) | null | undefined;
-  beforeCreate?: ((document: any) => void) | null | undefined;
-  beforeUpdate?: ((document: any) => void) | null | undefined;
-  beforeSave?: ((document: any) => void) | null | undefined;
-  beforeDestroy?: ((document: any) => void) | null | undefined;
-  beforeUpsert?: ((document: any) => void) | null | undefined;
-  listScripts?: Record<string, (params: ListScriptParameter) => void> | undefined;
-  documentScripts?: Record<string, (params: DocumentScriptParameter) => void> | undefined;
-};
-type FieldScript = {
-  /**
-   * 子字段配置
-   */
-  subFields?: Record<string, FieldScript> | undefined;
-  component?: FieldComponent<Record<string, any>> | undefined;
-  input?: ((value: InputEvent, store: Store$1) => void | boolean | null) | null | undefined;
-  change?: ((value: InputEvent, store: Store$1) => void | boolean | null) | null | undefined;
-  click?: ((value: Event, store: Store$1) => void | boolean | null) | null | undefined;
-  focus?: ((value: Event, store: Store$1) => void | boolean | null) | null | undefined;
-  blur?: ((value: Event, store: Store$1) => void | boolean | null) | null | undefined;
-  add?: ((document: any, field: string, ...fields: (string | number)[]) => void | object) | null | undefined;
-  remove?: ((value: any[], document: any, field: string, ...fields: (string | number)[]) => void) | null | undefined;
-  move?: ((from: number[], to: number, document: any, field: string, ...fields: (string | number)[]) => void) | null | undefined;
-  readonly?: ((store: Store$1) => boolean) | null | undefined;
-  hidden?: ((store: Store$1) => boolean) | null | undefined;
-  required?: ((store: Store$1) => boolean) | null | undefined;
-  clearable?: ((store: Store$1) => boolean) | null | undefined;
-  disabled?: ((store: Store$1) => boolean) | null | undefined;
-  default?: ((store: Store$1) => any) | null | undefined;
-  label?: ((store: Store$1) => string) | null | undefined;
-  description?: ((store: Store$1) => string) | null | undefined;
-  placeholder?: ((store: Store$1) => string) | null | undefined;
-  validator?: Schema$1.Validator | Schema$1.Validator[] | null | undefined;
-  source?: ((store?: Store$1 | null) => Iterable<Record<string, any>>) | null | undefined;
-  filter?: ((item: Record<string, any>, store?: Store$1 | null) => boolean) | null | undefined;
-};
-//#endregion
-//#region packages/web/route/PageHandle.d.mts
-/**
- * @typedef {object} RootPageExt
- * @property {() => { path: string; search: string; hash: string; }} get
- * @property {(path: string,search: string, hash: string) => void} update
- */
-declare class PageHandle extends GeneralContext {
-  /**
-   *
-   * @param {Object} options
-   * @param {string} options.pageId
-   * @param {PageConfiguration?} options.define
-   * @param {PageIdent} options.ident
-   * @param {string} options.root
-   * @param {string} options.path
-   * @param {string} options.search
-   * @param {string} options.hash
-   * @param {PageInfo & RootPageExt} options.pageHandler
-   * @param {(url: string, replace?: boolean) => void} options.open
-   * @param {(p: string, replace?: boolean) => void} options.setRootPath
-   */
-  constructor({
-    pageId,
-    define,
-    ident,
-    root,
-    path,
-    search,
-    hash,
-    pageHandler,
-    open,
-    setRootPath
-  }: {
-    pageId: string;
-    define: PageConfiguration | null;
-    ident: PageIdent;
-    root: string;
-    path: string;
-    search: string;
-    hash: string;
-    pageHandler: PageInfo & RootPageExt;
-    open: (url: string, replace?: boolean) => void;
-    setRootPath: (p: string, replace?: boolean) => void;
-  });
-  set title(title: string);
-  get title(): string;
+//#region packages/web/route/PageSection.d.mts
+declare class PageSection extends GeneralContext {
   /**
    *
-   * @param {(show: boolean) => void} fn
+   * @param {ParentNode} parent
+   * @param {Node?} next
+   * @param {boolean} inserted
    * @param {AbortSignal} signal
+   * @returns
    */
-  onToggle(fn: (show: boolean) => void, signal: AbortSignal): void;
-  get bootLoading(): boolean;
-  get define(): PageConfiguration | null;
-  get ident(): PageIdent;
-  get root(): string;
-  get path(): string;
-  get search(): string;
-  get hash(): string;
-  get href(): string;
-  get current(): boolean;
-  get shown(): boolean;
-  set icon(icon: string);
-  get icon(): string;
-  set print(print: Print);
-  get print(): Print;
-  set unsaved(unsaved: boolean);
-  get unsaved(): boolean;
-  set loading(loading: boolean);
-  get loading(): boolean;
-  /**
-   * @param {string} url
-   * @param {string | PageIdent} [page]
-   * @returns {string}
-   */
-  toUrl(url: string, page?: string | PageIdent): string;
+  constructor(parent: ParentNode, next: Node | null, inserted: boolean, signal: AbortSignal);
   /**
+   * @template T
    * @overload
-   * @param {string} url
-   * @param {boolean} [replace]
-   * @returns {void}
+   * @param {(dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T} exec
+   * @param {AbortSignal} [signal]
+   * @returns {Promise<T>}
    */
-  open(url: string, replace?: boolean | undefined): void;
+  createDialog<T>(exec: (dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
   /**
    * @overload
-   * @param {string} url
-   * @param {string | PageIdent} [page]
-   * @param {boolean} [replace]
-   * @returns {void}
+   * @param {AbortSignal} [signal]
+   * @returns {HTMLDialogElement}
    */
-  open(url: string, page?: string | PageIdent | undefined, replace?: boolean | undefined): void;
+  createDialog(signal?: AbortSignal | undefined): HTMLDialogElement;
   /**
+   * @template T
    * @overload
-   * @param {string} url
-   * @param {boolean | string | PageIdent} [page]
-   * @param {boolean} [replace]
-   * @returns {void}
-   */
-  open(url: string, page?: string | boolean | PageIdent | undefined, replace?: boolean | undefined): void;
-  /**
-   *
-   * @param {string} p
-   * @param {boolean} [replace]
-   * @returns {void}
+   * @param {(modal: Modal) => PromiseLike<T> | T} exec
+   * @param {AbortSignal} [signal]
+   * @returns {Promise<T>}
    */
-  setPath(p: string, replace?: boolean): void;
+  createModal<T>(exec: (modal: Modal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
   /**
-   *
-   * @param {boolean} [replace]
-   * @returns {void}
+   * @overload
+   * @param {AbortSignal} [signal]
+   * @returns {Modal}
    */
-  show(replace?: boolean): void;
-  get destroyDeferred(): boolean;
+  createModal(signal?: AbortSignal | undefined): Modal;
   /**
-   * @param {boolean} [defer]
-   * @returns {boolean}
+   * @template T
+   * @template R
+   * @param {T[]} list
+   * @param {(item: T, signal: AbortSignal) => PromiseLike<R> | R} exec
+   * @param {object} [options]
+   * @param {AbortSignal} [options.signal]
+   * @param {boolean} [options.abortable]
+   * @param {string} [options.label]
+   * @param {string} [options.title]
    */
-  destroy(defer?: boolean): boolean;
+  createProgressModal<T, R>(list: T[], exec: (item: T, signal: AbortSignal) => PromiseLike<R> | R, options?: {
+    signal?: AbortSignal | undefined;
+    abortable?: boolean | undefined;
+    label?: string | undefined;
+    title?: string | undefined;
+  }): Promise<PromiseSettledResult<R>[]>;
+  get container(): HTMLDivElement;
+  set unprintable(unprintable: boolean);
+  get unprintable(): boolean;
+  set panel(panel: boolean);
+  get panel(): boolean;
+  get inserted(): boolean;
+  insert(): void;
+  remove(): void;
   #private;
 }
-type RootPageExt = {
-  get: () => {
-    path: string;
-    search: string;
-    hash: string;
-  };
-  update: (path: string, search: string, hash: string) => void;
-};
-//#endregion
-//#region packages/web/route/pageManager.d.mts
-/**
- *
- * @param {PageManager} manager
- * @returns
- */
-declare function addManager(manager: PageManager): () => void;
-declare function getPages(): PageHandle[];
-/**
- * 页面管理器
- */
-type PageManager = (page: PageHandle) => void;
 //#endregion
 //#region packages/web/route/Page.d.mts
 declare class Page {
@@ -1866,8 +1615,12 @@ interface CurrentPage {
   icon: string;
   print: Print;
   unsaved: boolean;
+  guarded: boolean;
   loading: boolean;
 }
+interface GlobalPage {
+  guarded: boolean;
+}
 interface VerifyError {
   focus(): void;
   stop: boolean;
@@ -2038,6 +1791,7 @@ interface Hooks {
   /** 用户构造 */
   user: UserHook;
   commands: Record<string, Command>;
+  /** @deprecated */
   configurationPages: Record<string, PageRenderer | string>;
   /** 图标库 */
   icons: Record<string, IconDefine>;
@@ -2085,18 +1839,404 @@ interface ModelIndicator {
   fields?: string[];
   get: (doc: object) => Indicator;
 }
-interface PageFrame {
-  toggle(show: boolean): void;
-  destroy(): void;
+interface PageFrame {
+  toggle(show: boolean): void;
+  destroy(): void;
+}
+declare namespace PageFrame {
+  interface Context {
+    url: string;
+    show: boolean;
+    title: string;
+    icon: string;
+    loading: boolean;
+  }
+}
+//#endregion
+//#region packages/web/services/model.d.mts
+/**
+ *
+ * @param {string} model
+ * @returns
+ */
+declare function modelService(model: string): {
+  then<TResult1 = ModelConfiguration | null, TResult2 = never>(onfulfilled?: ((value: ModelConfiguration | null) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<TResult1 | TResult2>;
+  catch<TResult2 = never>(onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<ModelConfiguration | TResult2 | null>;
+  finally(onfinally?: (() => void) | null | undefined): Promise<ModelConfiguration | null>;
+  /**
+   * @param {Search.Param} [options]
+   * @returns {Promise<{documents: any[]; total: number}>}
+   */
+  query({
+    values,
+    where,
+    orWhere,
+    sort,
+    limit,
+    page,
+    offset,
+    select,
+    total,
+    primary
+  }?: Search.Param): Promise<{
+    documents: any[];
+    total: number;
+  }>;
+  getOptions(): Record<string, any>[];
+  /**
+   * @overload
+   * @param {boolean} [options]
+   * @returns {Promise<Record<string, any>[]>}
+   */
+  options(options?: boolean | undefined): Promise<Record<string, any>[]>;
+  /**
+   * @overload
+   * @param {Search.Param} options
+   * @returns {Promise<{options: Record<string, any>[]; total: number}>}
+   */
+  options(options: Search.Param): Promise<{
+    options: Record<string, any>[];
+    total: number;
+  }>;
+  /**
+   *
+   * @param {string | number} id
+   */
+  option(id: string | number): Promise<any>;
+  /**
+   *
+   * @param {Record<string, any>} data
+   * @returns
+   */
+  create(data: Record<string, any>): Promise<any>;
+  /**
+   *
+   * @param {string | number} id
+   */
+  document(id: string | number): {
+    then<TResult1 = Record<string, any>, TResult2 = never>(onfulfilled?: ((value: Record<string, any>) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<TResult1 | TResult2>;
+    catch<TResult2 = never>(onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<Record<string, any> | TResult2>;
+    finally(onfinally?: (() => void) | null | undefined): Promise<Record<string, any>>;
+    get: () => Promise<Record<string, any>>;
+    /**
+     * @param {Record<string, any>} data
+     * @returns
+     */
+    update(data: Record<string, any>): Promise<any>;
+    delete(): Promise<void>; /** @param {string} field  */
+    field(field: string): {
+      then<TResult1 = any, TResult2 = never>(onfulfilled?: ((value: any) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<TResult1 | TResult2>;
+      catch<TResult2 = never>(onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined): Promise<any>;
+      finally(onfinally?: (() => void) | null | undefined): Promise<any>;
+      get: () => Promise<any>;
+    };
+  };
+  loadModel: (force?: boolean) => Promise<ModelConfiguration | null>;
+  loadScript: (force?: boolean) => Promise<ModelScriptConfiguration | null>;
+  getModel: () => ModelConfiguration | null;
+  getScript: () => ModelScriptConfiguration | null;
+};
+type ModelConfiguration = {
+  id?: string | undefined;
+  label?: string | undefined;
+  /**
+   * 字段配置
+   */
+  fields: Record<string, Field>;
+  /**
+   * 图标字段
+   */
+  iconField?: string | null | undefined;
+  /**
+   * 图像字段
+   */
+  imageField?: string | null | undefined;
+  /**
+   * 标签字段
+   */
+  labelField?: string | null | undefined;
+  /**
+   * 标签命名规则
+   */
+  labelPattern?: string | null | undefined;
+  /**
+   * 权限配置
+   */
+  permissions?: Permission[] | undefined;
+  /**
+   * 模型选项，关联前端脚本可读取
+   */
+  options?: Record<string, unknown> | null | undefined;
+  /**
+   * 关联前端脚本
+   */
+  scripts?: (string | [string, object])[] | null | undefined;
+  /**
+   * 关联默认页面
+   * // TODO: 查询配置
+   * // TODO: 前端按钮配置
+   * // TODO: 是否可销毁、可创建、更新、保存、upsert
+   * // TODO: 列表内操作按钮
+   * // TODO: 编辑内按钮
+   * // TODO: 操作事件
+   * // TODO: 是否分页
+   */
+  pages?: Record<string, string | object | null> | null | undefined;
+};
+type FieldScriptConfiguration = Omit<Field, "scripts" | "type"> & {
+  script?: Omit<FieldScript, "subFields">;
+  type: string | Record<string, FieldScriptConfiguration>;
+};
+type ModelScriptConfiguration = Omit<ModelConfiguration, "scripts" | "fields"> & {
+  script?: Omit<ModelScript, "fields">;
+  fields: Record<string, FieldScriptConfiguration>;
+};
+type ListScriptParameter = {
+  model: ModelScriptConfiguration;
+  checkedDocuments?: Record<string, any>[] | undefined;
+  documents?: Record<string, any>[] | undefined;
+};
+type DocumentScriptParameter = {
+  model: ModelScriptConfiguration;
+  document?: Record<string, any> | undefined;
+  store?: Store$1<any, any, {
+    [x: string]: any;
+  }> | undefined;
+};
+type ModelScript = {
+  /**
+   * 字段配置
+   */
+  fields?: Record<string, FieldScript> | undefined;
+  input?: ((document: any, ...fields: (string | number)[]) => void) | null | undefined;
+  change?: ((document: any, ...fields: (string | number)[]) => void) | null | undefined;
+  beforeCreate?: ((document: any) => void) | null | undefined;
+  beforeUpdate?: ((document: any) => void) | null | undefined;
+  beforeSave?: ((document: any) => void) | null | undefined;
+  beforeDestroy?: ((document: any) => void) | null | undefined;
+  beforeUpsert?: ((document: any) => void) | null | undefined;
+  listScripts?: Record<string, (params: ListScriptParameter) => void> | undefined;
+  documentScripts?: Record<string, (params: DocumentScriptParameter) => void> | undefined;
+};
+type FieldScript = {
+  /**
+   * 子字段配置
+   */
+  subFields?: Record<string, FieldScript> | undefined;
+  component?: FieldComponent<Record<string, any>> | undefined;
+  input?: ((value: InputEvent, store: Store$1) => void | boolean | null) | null | undefined;
+  change?: ((value: InputEvent, store: Store$1) => void | boolean | null) | null | undefined;
+  click?: ((value: Event, store: Store$1) => void | boolean | null) | null | undefined;
+  focus?: ((value: Event, store: Store$1) => void | boolean | null) | null | undefined;
+  blur?: ((value: Event, store: Store$1) => void | boolean | null) | null | undefined;
+  add?: ((document: any, field: string, ...fields: (string | number)[]) => void | object) | null | undefined;
+  remove?: ((value: any[], document: any, field: string, ...fields: (string | number)[]) => void) | null | undefined;
+  move?: ((from: number[], to: number, document: any, field: string, ...fields: (string | number)[]) => void) | null | undefined;
+  readonly?: ((store: Store$1) => boolean) | null | undefined;
+  hidden?: ((store: Store$1) => boolean) | null | undefined;
+  required?: ((store: Store$1) => boolean) | null | undefined;
+  clearable?: ((store: Store$1) => boolean) | null | undefined;
+  disabled?: ((store: Store$1) => boolean) | null | undefined;
+  default?: ((store: Store$1) => any) | null | undefined;
+  label?: ((store: Store$1) => string) | null | undefined;
+  description?: ((store: Store$1) => string) | null | undefined;
+  placeholder?: ((store: Store$1) => string) | null | undefined;
+  validator?: Schema$1.Validator | Schema$1.Validator[] | null | undefined;
+  source?: ((store?: Store$1 | null) => Iterable<Record<string, any>>) | null | undefined;
+  filter?: ((item: Record<string, any>, store?: Store$1 | null) => boolean) | null | undefined;
+};
+//#endregion
+//#region packages/web/dom/Guide.d.mts
+/**
+ * @typedef {object} Guide.Page
+ * @property {string} label
+ * @property {boolean} disabled
+ * @property {boolean} hidden
+ * @property {boolean} current
+ * @property {number} index
+ * @property {(force?: boolean) => void} switch
+ */
+/**
+ * @template T
+ */
+declare class Guide<T> extends GeneralContext {
+  /**
+   * @param {Modal} modal
+   * @param {Store} store
+   * @param {Guide.PageForm[]} pages
+   * @param {object} [options]
+   * @param {string} [options.title]
+   * @param {ModelScriptConfiguration?} [options.model]
+   * @param {((store: Store) => boolean) | boolean} [options.cancelable]
+   * @param {(store: Store) => boolean} [options.completable]
+   */
+  static modal(modal: Modal, store: Store$1, pages: Guide.PageForm[], options?: {
+    title?: string | undefined;
+    model?: ModelScriptConfiguration | null | undefined;
+    cancelable?: boolean | ((store: Store$1) => boolean) | undefined;
+    completable?: ((store: Store$1) => boolean) | undefined;
+  }): Guide<unknown>;
+  /**
+   * @param {Store} store
+   * @param {(Guide.PageForm<T>)[]} pages
+   * @param {object} options
+   * @param {((store: Store, state: State<T | undefined>) =>string) | string} [options.title]
+   * @param {ModelScriptConfiguration?} [options.model]
+   * @param {AbortSignal?} [options.signal]
+   * @param {((store: Store, state: State<T | undefined>) => boolean) | boolean} [options.cancelable]
+   * @param {(store: Store, state: State<T | undefined>) => boolean} [options.completable]
+   */
+  constructor(store: Store$1, pages: (Guide.PageForm<T>)[], {
+    model,
+    cancelable,
+    completable,
+    title,
+    signal: _signal
+  }: {
+    title?: string | ((store: Store$1, state: State<T | undefined>) => string) | undefined;
+    model?: ModelScriptConfiguration | null | undefined;
+    signal?: AbortSignal | null | undefined;
+    cancelable?: boolean | ((store: Store$1, state: State<T | undefined>) => boolean) | undefined;
+    completable?: ((store: Store$1, state: State<T | undefined>) => boolean) | undefined;
+  });
+  get store(): Store$1<any, any, {
+    [x: string]: any;
+  }>;
+  get state(): State<T | undefined>;
+  get content(): HTMLDivElement;
+  get index(): number;
+  get cancelable(): boolean | null;
+  get title(): string | null;
+  get pages(): Guide.Page[];
+  get current(): Guide.Page;
+  get prev(): Guide.Page | null;
+  get next(): Guide.Page | null;
+  get completable(): boolean;
+  complete(): void;
+  cancel(): void;
+  /**
+   * @template [TResult1=void]
+   * @template [TResult2=never]
+   * @param {((value: void) => TResult1 | PromiseLike<TResult1>)?} [onfulfilled]
+   * @param {((reason: any) => TResult2 | PromiseLike<TResult2>)?} [onrejected]
+   * @returns {Promise<TResult1 | TResult2>};
+   */
+  then<TResult1 = void, TResult2 = never>(onfulfilled?: ((value: void) => TResult1 | PromiseLike<TResult1>) | null, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null): Promise<TResult1 | TResult2>;
+  /**
+   * @template [TResult2=never]
+   * @param {((reason: any) => TResult2 | PromiseLike<TResult2>)?} [onrejected]
+   * @returns {Promise<void | TResult2>};
+   */
+  catch<TResult2 = never>(onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null): Promise<void | TResult2>;
+  /**
+   * @param {(() => void)?} [onfinally]
+   * @returns {Promise<void>};
+   */
+  finally(onfinally?: (() => void) | null): Promise<void>;
+  #private;
+}
+declare namespace Guide {
+  type PageForm<T_1 = unknown> = {
+    type?: "" | null | undefined;
+    label: string | ((store: Store$1, state: State<T_1 | undefined>) => string);
+    hidden?: ((store: Store$1, state: State<T_1 | undefined>) => boolean) | undefined;
+    disabled?: ((store: Store$1, state: State<T_1 | undefined>) => boolean) | undefined;
+    /**
+     * 表单布局
+     */
+    layout?: StoreLayout$1<any> | null | undefined;
+    editable?: boolean | undefined;
+    enableLink?: boolean | undefined;
+    layoutType?: string | undefined;
+  };
+  type Page = {
+    label: string;
+    disabled: boolean;
+    hidden: boolean;
+    current: boolean;
+    index: number;
+    switch: (force?: boolean) => void;
+  };
 }
-declare namespace PageFrame {
-  interface Context {
-    url: string;
-    show: boolean;
-    title: string;
-    icon: string;
-    loading: boolean;
-  }
+//#endregion
+//#region packages/web/dom/index.d.mts
+declare const isMac: boolean;
+//#endregion
+//#region packages/web/route/PageSider.d.mts
+declare class PageSider extends GeneralContext {
+  /**
+   *
+   * @param {ParentNode} parent
+   * @param {Node?} next
+   * @param {boolean} inserted
+   * @param {AbortSignal} signal
+   * @returns
+   */
+  constructor(parent: ParentNode, next: Node | null, inserted: boolean, signal: AbortSignal);
+  /**
+   * @template T
+   * @overload
+   * @param {(dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T} exec
+   * @param {AbortSignal} [signal]
+   * @returns {Promise<T>}
+   */
+  createDialog<T>(exec: (dialog: HTMLDialogElement, signal: AbortSignal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
+  /**
+   * @overload
+   * @param {AbortSignal} [signal]
+   * @returns {HTMLDialogElement}
+   */
+  createDialog(signal?: AbortSignal | undefined): HTMLDialogElement;
+  /**
+   * @template T
+   * @overload
+   * @param {(modal: Modal) => PromiseLike<T> | T} exec
+   * @param {AbortSignal} [signal]
+   * @returns {Promise<T>}
+   */
+  createModal<T>(exec: (modal: Modal) => PromiseLike<T> | T, signal?: AbortSignal | undefined): Promise<T>;
+  /**
+   * @overload
+   * @param {AbortSignal} [signal]
+   * @returns {Modal}
+   */
+  createModal(signal?: AbortSignal | undefined): Modal;
+  /**
+   * @template T
+   * @template R
+   * @param {T[]} list
+   * @param {(item: T, signal: AbortSignal) => PromiseLike<R> | R} exec
+   * @param {object} [options]
+   * @param {AbortSignal} [options.signal]
+   * @param {boolean} [options.abortable]
+   * @param {string} [options.label]
+   * @param {string} [options.title]
+   */
+  createProgressModal<T, R>(list: T[], exec: (item: T, signal: AbortSignal) => PromiseLike<R> | R, options?: {
+    signal?: AbortSignal | undefined;
+    abortable?: boolean | undefined;
+    label?: string | undefined;
+    title?: string | undefined;
+  }): Promise<PromiseSettledResult<R>[]>;
+  get container(): HTMLDivElement;
+  set unprintable(unprintable: boolean);
+  get unprintable(): boolean;
+  set panel(panel: boolean);
+  get panel(): boolean;
+  set title(t: string);
+  get title(): string;
+  /**
+   *
+   * @param {(Menu | null)[]} menus
+   * @param {Menu?} button
+   * @param {Menu.Renderer} [create]
+   * @returns
+   */
+  setMenu(menus: (Menu | null)[], button: Menu | null, create?: Menu.Renderer): void;
+  get inserted(): boolean;
+  insert(): void;
+  remove(): void;
+  #private;
 }
 //#endregion
 //#region packages/web/route/PageContext.d.mts
@@ -2123,14 +2263,24 @@ declare class PageContext extends GeneralContext {
   get href(): string;
   get current(): boolean;
   get shown(): boolean;
-  set title(title: string);
+  /** @param {string | (() => string)} title  */
+  set title(title: string | (() => string));
+  /** @returns {string}  */
   get title(): string;
-  set icon(icon: string);
+  /** @param {string | (() => string)} icon  */
+  set icon(icon: string | (() => string));
+  /** @returns {string}  */
   get icon(): string;
   set print(print: Print);
   get print(): Print;
-  set unsaved(unsaved: boolean);
+  /** @param {boolean | (() => boolean)} unsaved  */
+  set unsaved(unsaved: boolean | (() => boolean));
+  /** @returns {boolean}  */
   get unsaved(): boolean;
+  /** @param {boolean | (() => boolean)} guarded  */
+  set guarded(guarded: boolean | (() => boolean));
+  /** @returns {boolean}  */
+  get guarded(): boolean;
   set loading(loading: boolean);
   get loading(): boolean;
   get container(): HTMLElement;
@@ -2489,11 +2639,21 @@ type Filters = {
  *
  * @param {ModelScriptConfiguration} modelDefine
  * @param {Search.AndItem[]?} [value]
- * @param {HTMLElement} [root]
+ * @param {HTMLElement} [parent]
  * @param {AbortSignal} [signal]
  * @returns {Promise<Search.AndItem[]>}
  */
-declare function showFilterDialog(modelDefine: ModelScriptConfiguration, value?: Search.AndItem[] | null, root?: HTMLElement, signal?: AbortSignal): Promise<Search.AndItem[]>;
+declare function _default$3(modelDefine: ModelScriptConfiguration, value?: Search.AndItem[] | null, parent?: HTMLElement, signal?: AbortSignal): Promise<Search.AndItem[]>;
+//#endregion
+//#region packages/web/form/showSortDialog.d.mts
+/**
+ *
+ * @param {Modal} modal
+ * @param {ModelScriptConfiguration} modelDefine
+ * @param {[field: string, desc?: boolean][]?} [value]
+ * @returns {Promise<[field: string, desc?: boolean][]>}
+ */
+declare function showSortDialog(modal: Modal, modelDefine: ModelScriptConfiguration, value?: [field: string, desc?: boolean][] | null): Promise<[field: string, desc?: boolean][]>;
 //#endregion
 //#region packages/web/form/createStoreField.d.mts
 /**
@@ -2632,6 +2792,25 @@ declare function loadMenu(type: string, group?: string | undefined, force?: bool
  */
 declare function loadMenu(type: string, group?: string | boolean | undefined, force?: boolean | undefined): Promise<Menu.Define[]>;
 //#endregion
+//#region packages/web/services/application.d.mts
+declare namespace Application {
+  const logo: string;
+  const title: string;
+  const company: string;
+  const help: string;
+  function refresh(): void;
+  const menus: any;
+  /** @param {boolean?} [force] */
+  function loadMenus(force?: boolean | null): Promise<any>;
+  const userMenus: any;
+  /** @param {boolean?} [force] */
+  function loadUserMenus(force?: boolean | null): Promise<any>;
+  /** @param {string} page  */
+  function loadPage(page: string): Promise<(() => Promise<any>) | null>;
+  /** @param {string} page  */
+  function loadContinuation(page: string): Promise<(() => Promise<any>) | null>;
+}
+//#endregion
 //#region packages/web/import.d.mts
 /**
  * @template T
@@ -3087,4 +3266,4 @@ declare function updateHooks(hooks: Record<string, Hook.Define<Hooks>>): void;
 /** @type {Hook<Hooks>} */
 declare const allHooks: Hook<Hooks>;
 //#endregion
-export { ArrayStore, Authenticator, BindObjectStore, code128_d_exports as Code128, Command, ConfiguratorComponent, ConfiguratorContext, type ContinuationDefine, CurrentPage, type DataSource, DotRequest, ErrorAlerter, FieldComponent, FieldComponentEvent, FieldComponents, FieldContext, FieldDefine, FieldFilter, FieldFilterComponent, FieldFilterContext, FieldFilterFns, FieldFilterOptions, FieldFilterStyle, type FieldScript, type FieldScriptConfiguration, FieldShowHandle, FieldStyle, FilterFns, FormFieldHook, FromRenderer, GeneralContext, type HomeContext, Hooks, IconDefine, Ident_d_exports as Ident, List, type Match, Menu, Modal, ModalFooter, ModalHeader, type ModelConfiguration, ModelIndicator, type ModelScript, type ModelScriptConfiguration, ObjectStore, Page, type PageConfiguration, type PageContext, type PageError, PageFooter, PageFrame, type PageHandle, PageHeader, PageIdent, type PageManager, type PageRenderer, PageSection, PageSectionParam, PageSider, Pagination, type Print, ResponseError, type Schema, Signal$1 as Signal, State, Store, type StoreLayout, SubmodelsLayoutEvent, Theme, User, UserHook, VerifyContext, VerifyError, type WorkspaceDefine, addManager, allHooks, application, buildDataSource, buildPlugin, createComputed, createDeeply, createDialog, createDocumentInModal, createFilters, createFrame, createIcon, createModal, createModelDefault, createProgressModal, createQuickFilters, createShowField, createState, createStore, createStoreField, createTick, effect, enumerationsService, execScript, filterPermission, flatPermission, formLayoutsService, getAllFilterFns, getAuthorizations, getField, getFieldFilter, getFieldFilterOperators, getFilterFns, getPages, getPermissionFields, getPrimaryFields, hasField, hasFieldFilter, importStyle, importWidget, isMac, isPluginId, loadMenu, modelService, neverAbortedSignal, pathRoots, _default as permissionsService, plugins, _default$1 as renderForm, renderStore, _default$2 as renderStoreForm, request, root$1 as root, selectFile, setIcon, showDocumentInModal, showFilterDialog, start, testPermission, testPermissionConstraints, testPermissions, toFileLink, toFileURL, toId, toPermissionFilter, toSchema, toUrl, updateHooks, waitAbortSignal, watch };
+export { Application, ArrayStore, Authenticator, BindObjectStore, code128_d_exports as Code128, Command, ConfiguratorComponent, ConfiguratorContext, type ContinuationDefine, CurrentPage, type DataSource, DotRequest, ErrorAlerter, FieldComponent, FieldComponentEvent, FieldComponents, FieldContext, FieldDefine, FieldFilter, FieldFilterComponent, FieldFilterContext, FieldFilterFns, FieldFilterOptions, FieldFilterStyle, type FieldScript, type FieldScriptConfiguration, FieldShowHandle, FieldStyle, FilterFns, FormFieldHook, FromRenderer, GeneralContext, GlobalPage, Guide, type HomeContext, Hooks, IconDefine, Ident_d_exports as Ident, List, type Match, Menu, Modal, ModalFooter, ModalHeader, type ModelConfiguration, ModelIndicator, type ModelScript, type ModelScriptConfiguration, ObjectStore, Page, type PageConfiguration, type PageContext, type PageError, PageFooter, PageFrame, type PageHandle, PageHeader, PageIdent, type PageManager, type PageRenderer, PageSection, PageSectionParam, PageSider, Pagination, type Print, ResponseError, type Schema, Signal$1 as Signal, State, Store, type StoreLayout, SubmodelsLayoutEvent, Theme, User, UserHook, VerifyContext, VerifyError, type WorkspaceDefine, addManager, allHooks, application, buildDataSource, buildPlugin, createComputed, createDeeply, createDialog, createDocumentInModal, createFilters, createFrame, createIcon, createModal, createModelDefault, createProgressModal, createQuickFilters, createSafeComputed, createShowField, createState, createStore, createStoreField, createTick, effect, enumerationsService, execScript, filterPermission, flatPermission, formLayoutsService, getAllFilterFns, getAuthorizations, getField, getFieldFilter, getFieldFilterOperators, getFilterFns, getPages, getPermissionFields, getPrimaryFields, hasField, hasFieldFilter, importStyle, importWidget, isMac, isPluginId, loadMenu, modelService, neverAbortedSignal, pathRoots, _default as permissionsService, plugins, _default$1 as renderForm, renderStore, _default$2 as renderStoreForm, request, root$1 as root, selectFile, setIcon, showDocumentInModal, _default$3 as showFilterDialog, showSortDialog, start, testPermission, testPermissionConstraints, testPermissions, toFileLink, toFileURL, toId, toPermissionFilter, toSchema, toUrl, updateHooks, waitAbortSignal, watch };