@tmagic/form 1.7.14-beta.2 → 1.8.0-beta.0

package/src/submitForm.ts

@@ -0,0 +1,161 @@
+/*
+ * Tencent is pleased to support the open source community by making TMagicEditor available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type AppContext, type Component, createApp, defineComponent, h, nextTick, ref, watch } from 'vue';
+
+import Form from './Form.vue';
+import type { FormConfig, FormState } from './schema';
+
+// #region SubmitFormOptions
+/**
+ * submitForm 函数参数（与 Form.vue 组件 props 对齐）
+ */
+export interface SubmitFormOptions {
+  /** 表单配置 */
+  config: FormConfig;
+  /** 表单初始值 */
+  initValues?: Record<string, any>;
+  /** 需对比的值（开启对比模式时传入） */
+  lastValues?: Record<string, any>;
+  /** 是否开启对比模式 */
+  isCompare?: boolean;
+  parentValues?: Record<string, any>;
+  labelWidth?: string;
+  disabled?: boolean;
+  height?: string;
+  stepActive?: string | number;
+  size?: 'small' | 'default' | 'large';
+  inline?: boolean;
+  labelPosition?: string;
+  keyProp?: string;
+  popperClass?: string;
+  preventSubmitDefault?: boolean;
+  extendState?: (_state: FormState) => Record<string, any> | Promise<Record<string, any>>;
+  /** 透传给 Form.submitForm 的参数：是否直接返回原始响应式 values */
+  native?: boolean;
+  /**
+   * 父级应用上下文，用于继承全局组件、指令、provide 等。
+   * 通常通过 `app._context` 或 `getCurrentInstance()?.appContext` 获取。
+   */
+  appContext?: AppContext | null;
+  /** 等待表单初始化的最长时间（毫秒），超时将以错误 reject。默认 10000ms */
+  timeout?: number;
+}
+// #endregion SubmitFormOptions
+
+/**
+ * 以命令式方式调用 Form.vue 完成一次表单校验/提交。
+ *
+ * 类似 ElMessage 的用法：传入 props（包含 `config`/`initValues` 等），函数内部会临时挂载
+ * 一个不可见的 Form 组件实例，等待初始化完成后调用其 `submitForm` 方法，
+ * 校验通过则 resolve 表单值，校验失败则 reject 错误信息，最后自动卸载实例。
+ *
+ * @example
+ * ```ts
+ * import { submitForm } from '@tmagic/form';
+ *
+ * try {
+ *   const values = await submitForm({
+ *     config: [...],
+ *     initValues: { name: 'foo' },
+ *   });
+ *   console.log(values);
+ * } catch (e) {
+ *   console.error(e);
+ * }
+ * ```
+ */
+export const submitForm = (options: SubmitFormOptions): Promise<any> => {
+  const { native, appContext, timeout = 10000, ...formProps } = options;
+
+  return new Promise((resolve, reject) => {
+    const container = document.createElement('div');
+    container.style.display = 'none';
+    document.body.appendChild(container);
+
+    let cleaned = false;
+    let timer: ReturnType<typeof setTimeout> | null = null;
+
+    const wrapperComponent = defineComponent({
+      name: 'MFormSubmitWrapper',
+      setup() {
+        const formRef = ref<any>(null);
+
+        const stop = watch(
+          () => formRef.value?.initialized,
+          async (initialized) => {
+            if (!initialized) return;
+            stop();
+
+            try {
+              // 等待子组件（FormItem 等）完成首次渲染，确保 validate 能拿到所有字段
+              await nextTick();
+              const result = await formRef.value.submitForm(native);
+              resolve(result);
+            } catch (err) {
+              reject(err);
+            } finally {
+              cleanup();
+            }
+          },
+          { flush: 'post', immediate: true },
+        );
+
+        return () => h(Form as Component, { ...formProps, ref: formRef });
+      },
+    });
+
+    const app = createApp(wrapperComponent);
+
+    // 继承父级应用上下文（components / directives / provides / config 等）
+    if (appContext) {
+      Object.assign(app._context, appContext);
+    }
+
+    const cleanup = () => {
+      if (cleaned) return;
+      cleaned = true;
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+      try {
+        app.unmount();
+      } catch {
+        // ignore
+      }
+      container.parentNode?.removeChild(container);
+    };
+
+    if (timeout > 0) {
+      timer = setTimeout(() => {
+        if (!cleaned) {
+          reject(new Error(`submitForm timeout after ${timeout}ms: form is not initialized.`));
+          cleanup();
+        }
+      }, timeout);
+    }
+
+    try {
+      app.mount(container);
+    } catch (err) {
+      reject(err);
+      cleanup();
+    }
+  });
+};

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import { FlexLayoutConfig, GroupListConfig, TableConfig } from "@tmagic/form-schema";
-import { App, Component } from "vue";
+import { App, AppContext, Component } from "vue";
 export * from "@tmagic/form-schema";
 
 //#region \0rolldown/runtime.js
@@ -20,6 +20,65 @@ interface ContainerChangeEventData {
   changeRecords?: ChangeRecord[];
 }
 //#endregion
+//#region temp/packages/form/src/submitForm.d.ts
+/**
+ * submitForm 函数参数（与 Form.vue 组件 props 对齐）
+ */
+interface SubmitFormOptions {
+  /** 表单配置 */
+  config: schema_d_exports.FormConfig;
+  /** 表单初始值 */
+  initValues?: Record<string, any>;
+  /** 需对比的值（开启对比模式时传入） */
+  lastValues?: Record<string, any>;
+  /** 是否开启对比模式 */
+  isCompare?: boolean;
+  parentValues?: Record<string, any>;
+  labelWidth?: string;
+  disabled?: boolean;
+  height?: string;
+  stepActive?: string | number;
+  size?: 'small' | 'default' | 'large';
+  inline?: boolean;
+  labelPosition?: string;
+  keyProp?: string;
+  popperClass?: string;
+  preventSubmitDefault?: boolean;
+  extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
+  /** 透传给 Form.submitForm 的参数：是否直接返回原始响应式 values */
+  native?: boolean;
+  /**
+   * 父级应用上下文，用于继承全局组件、指令、provide 等。
+   * 通常通过 `app._context` 或 `getCurrentInstance()?.appContext` 获取。
+   */
+  appContext?: AppContext | null;
+  /** 等待表单初始化的最长时间（毫秒），超时将以错误 reject。默认 10000ms */
+  timeout?: number;
+}
+/**
+ * 以命令式方式调用 Form.vue 完成一次表单校验/提交。
+ *
+ * 类似 ElMessage 的用法：传入 props（包含 `config`/`initValues` 等），函数内部会临时挂载
+ * 一个不可见的 Form 组件实例，等待初始化完成后调用其 `submitForm` 方法，
+ * 校验通过则 resolve 表单值，校验失败则 reject 错误信息，最后自动卸载实例。
+ *
+ * @example
+ * ```ts
+ * import { submitForm } from '@tmagic/form';
+ *
+ * try {
+ *   const values = await submitForm({
+ *     config: [...],
+ *     initValues: { name: 'foo' },
+ *   });
+ *   console.log(values);
+ * } catch (e) {
+ *   console.error(e);
+ * }
+ * ```
+ */
+declare const submitForm: (options: SubmitFormOptions) => Promise<any>;
+//#endregion
 //#region temp/packages/form/src/utils/form.d.ts
 declare const createValues: (mForm: schema_d_exports.FormState | undefined, config?: schema_d_exports.FormConfig | schema_d_exports.TabPaneConfig[], initValue?: schema_d_exports.FormValue, value?: schema_d_exports.FormValue) => schema_d_exports.FormValue;
 declare const filterFunction: <T = any>(mForm: schema_d_exports.FormState | undefined, config: T | schema_d_exports.FilterFunction<T> | undefined, props: any) => T | undefined;
@@ -121,7 +180,8 @@ type __VLS_Props$29 = {
   closeOnPressEscape?: boolean;
   destroyOnClose?: boolean;
   showClose?: boolean;
-  showCancel?: boolean;
+  showCancel?: boolean; /** 透传给内部 `MForm`，用于扩展 `formState`（如注入 `$message` / `$store` 等） */
+  extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare var __VLS_19: {}, __VLS_34: {}, __VLS_42: {};
 type __VLS_Slots$3 = {} & {
@@ -148,7 +208,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -158,7 +218,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -207,7 +267,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -217,7 +277,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -253,7 +313,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -263,7 +323,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -312,7 +372,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -322,7 +382,7 @@ declare const __VLS_base$3: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -393,7 +453,8 @@ type __VLS_Props$28 = {
   inline?: boolean;
   labelPosition?: string;
   preventSubmitDefault?: boolean; /** 关闭前的回调，会暂停 Drawer 的关闭; done 是个 function type 接受一个 boolean 参数, 执行 done 使用 true 参数或不提供参数将会终止关闭 */
-  beforeClose?: (_done: (_cancel?: boolean) => void) => void;
+  beforeClose?: (_done: (_cancel?: boolean) => void) => void; /** 透传给内部 `MForm`，用于扩展 `formState`（如注入 `$message` / `$store` 等） */
+  extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare var __VLS_23: {}, __VLS_38: {}, __VLS_46: {};
 type __VLS_Slots$2 = {} & {
@@ -420,7 +481,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -430,7 +491,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -479,7 +540,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -489,7 +550,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -525,7 +586,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -535,7 +596,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -584,7 +645,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -594,7 +655,7 @@ declare const __VLS_base$2: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -664,6 +725,7 @@ type __VLS_Props$27 = {
   inline?: boolean;
   labelPosition?: string;
   preventSubmitDefault?: boolean;
+  extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
 };
 declare var __VLS_16$1: {}, __VLS_18$1: {}, __VLS_20: {};
 type __VLS_Slots$1 = {} & {
@@ -690,7 +752,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -700,7 +762,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -749,7 +811,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -759,7 +821,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -795,7 +857,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -805,7 +867,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -854,7 +916,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
     keyProp?: string;
     popperClass?: string;
     preventSubmitDefault?: boolean;
-    extendState?: (_state: import("@tmagic/form-schema").FormState) => Record<string, any> | Promise<Record<string, any>>;
+    extendState?: (_state: schema_d_exports.FormState) => Record<string, any> | Promise<Record<string, any>>;
   }> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -864,7 +926,7 @@ declare const __VLS_base$1: import("@vue/runtime-core").DefineComponent<__VLS_Pr
   }>, {
     values: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
     lastValuesProcessed: import("@vue/reactivity").Ref<schema_d_exports.FormValue, schema_d_exports.FormValue>;
-    formState: import("@tmagic/form-schema").FormState;
+    formState: schema_d_exports.FormState;
     initialized: import("@vue/reactivity").Ref<boolean, boolean>;
     changeRecords: import("@vue/reactivity").ShallowRef<import("@tmagic/editor").ChangeRecord[], import("@tmagic/editor").ChangeRecord[]>;
     changeHandler: (v: schema_d_exports.FormValue, eventData: ContainerChangeEventData) => void;
@@ -1321,8 +1383,8 @@ declare const _default$31: {
   install(app: App, opt?: FormInstallOptions): void;
 };
 declare namespace index_d_exports {
-  export { ChangeRecord, ContainerChangeEventData, FormInstallOptions, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$16 as MTable, _default$16 as MTableGroupList, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, useAddField };
+  export { ChangeRecord, ContainerChangeEventData, FormInstallOptions, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$16 as MTable, _default$16 as MTableGroupList, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, SubmitFormOptions, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };
 }
 declare const createForm: <T extends [] = []>(config: schema_d_exports.FormConfig | T) => schema_d_exports.FormConfig | T;
 //#endregion
-export { ChangeRecord, ContainerChangeEventData, type FormInstallOptions, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$16 as MTable, _default$16 as MTableGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, useAddField };
+export { ChangeRecord, ContainerChangeEventData, type FormInstallOptions, _default as MCascader, _default$1 as MCheckbox, _default$2 as MCheckboxGroup, _default$3 as MColorPicker, _default$4 as MContainer, _default$5 as MDate, _default$6 as MDateTime, _default$7 as MDaterange, _default$8 as MDisplay, _default$9 as MDynamicField, _default$10 as MFieldset, _default$11 as MFlexLayout, _default$12 as MForm, _default$13 as MFormBox, _default$14 as MFormDialog, _default$15 as MFormDrawer, _default$16 as MGroupList, _default$16 as MTable, _default$16 as MTableGroupList, _default$17 as MHidden, _default$18 as MLink, _default$19 as MNumber, _default$20 as MNumberRange, _default$21 as MPanel, _default$22 as MRadioGroup, _default$23 as MRow, _default$24 as MSelect, _default$25 as MSwitch, _default$26 as MTabs, _default$27 as MText, _default$28 as MTextarea, _default$29 as MTime, _default$30 as MTimerange, SubmitFormOptions, ValidateError, createForm, createObjectProp, createValues, datetimeFormatter, _default$31 as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };