@schemx/vue 1.0.0 → 1.0.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import "./style.css";
-import { shallowRef, computed, getCurrentInstance, inject, provide, onScopeDispose, onUnmounted, ref, onMounted, watchEffect, watch, readonly, createVNode, h, createTextVNode, defineComponent, mergeProps, useAttrs, openBlock, createElementBlock, unref, renderSlot, createCommentVNode, createStaticVNode, Fragment, toDisplayString, markRaw, toRaw, isVNode, useSlots, reactive, normalizeClass, normalizeStyle, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, createBlock, nextTick } from "vue";
-import { isViewGroupSchema, isViewDynamicSchema, mergeSchemxConfig, createPresetRuleRegistry, createForm, createField, createWatch, isSchemxViewFieldSchema, getGlobalSchemxConfig, mergeAndResolveSchemxConfig, isSchemxSchemas, defaultSchemxConfigKeys } from "@schemx/core";
+import { shallowRef, computed, getCurrentScope, onScopeDispose, provide, inject, getCurrentInstance, onUnmounted, ref, onMounted, watchEffect, watch, readonly, createVNode, h, createTextVNode, defineComponent, mergeProps, useAttrs, openBlock, createElementBlock, unref, renderSlot, createCommentVNode, createStaticVNode, Fragment, toDisplayString, markRaw, toRaw, isVNode, useSlots, normalizeClass, normalizeStyle, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, createBlock, nextTick } from "vue";
+import { isViewGroupSchema, isViewDynamicSchema, mergeSchemxConfig, createPresetRuleRegistry, createForm, createField, createWatch, isSchemxViewFieldSchema, defaultSchemxConfigKeys, getGlobalSchemxConfig, resolveSchemxConfig, isSchemxSchemas } from "@schemx/core";
 export * from "@schemx/core";
 import classnames from "classnames";
 import { createFormStateAdapter, createRendererRegistry } from "@schemx/core/adapter";
@@ -169,7 +169,14 @@ function createViewSchemaIndex(viewSchemas) {
   return schemasByKey;
 }
 const runtimeCache = /* @__PURE__ */ new WeakMap();
-const instanceRuntimeCache = /* @__PURE__ */ new WeakMap();
+function useVueFormRuntime(form) {
+  if (!getCurrentScope()) {
+    throw new Error("[schemx] useVueFormRuntime() requires an active Vue scope.");
+  }
+  const { runtime, release } = acquireVueFormRuntime(form);
+  onScopeDispose(release);
+  return runtime;
+}
 function acquireVueFormRuntime(form) {
   const runtime = getOrCreateVueFormRuntime(form);
   const release = runtime.retain();
@@ -179,17 +186,13 @@ function acquireVueFormRuntime(form) {
   };
 }
 function getOrCreateVueFormRuntime(form) {
-  const cachedByInstance = instanceRuntimeCache.get(form);
-  if (cachedByInstance) {
-    return cachedByInstance;
-  }
   const cachedByCore = runtimeCache.get(form);
   if (cachedByCore) {
     return cachedByCore;
   }
   const runtime = createVueFormRuntime(form);
   runtimeCache.set(form, runtime);
-  instanceRuntimeCache.set(runtime.instance, runtime);
+  runtimeCache.set(runtime.instance, runtime);
   return runtime;
 }
 function createVueFormRuntime(core) {
@@ -203,26 +206,27 @@ function createVueFormRuntime(core) {
     const pendingFields = bindSnapshotSource(stateAdapter.pendingFields);
     const loading = bindSnapshotSource(stateAdapter.loading);
     const fieldStates = /* @__PURE__ */ new Map();
-    let viewSchemaState;
     let disposed = false;
     const dispose = () => {
+      var _a;
       if (disposed) {
         return;
       }
       disposed = true;
+      (_a = currentResources.viewSchemaState) == null ? void 0 : _a.dispose();
       fieldStates.clear();
       stateAdapter.dispose();
     };
-    return {
+    const currentResources = {
       stateAdapter,
       values,
       touchedFields,
       pendingFields,
       loading,
       fieldStates,
-      viewSchemaState,
       dispose
     };
+    return currentResources;
   };
   const ensureResources = () => {
     if (destroyed) {
@@ -335,6 +339,120 @@ function createVueFormRuntime(core) {
   };
   return runtime;
 }
+const SCHEMX_FORM_CONTEXT_KEY = Symbol("schemx:form-context");
+const LEGACY_FORM_INSTANCE_KEY = Symbol("schemx:instance");
+const LEGACY_FORM_CONFIG_KEY = Symbol("schemx:form-config");
+function provideFormContext(options) {
+  const runtime = useVueFormRuntime(options.form);
+  const context = {
+    form: runtime.instance,
+    get schemaConfig() {
+      return options.schemaConfig;
+    }
+  };
+  provide(
+    SCHEMX_FORM_CONTEXT_KEY,
+    context
+  );
+  return runtime.instance;
+}
+function useFormContextValue() {
+  const context = inject(SCHEMX_FORM_CONTEXT_KEY, null);
+  if (context) {
+    return context;
+  }
+  const form = inject(LEGACY_FORM_INSTANCE_KEY, null);
+  const config = inject(LEGACY_FORM_CONFIG_KEY, null);
+  if (form && config) {
+    return {
+      form,
+      schemaConfig: config.schemaConfig
+    };
+  }
+  throw new Error(
+    "[schemx] useFormContextValue() must be called inside a <SchemxForm> descendant. Ensure provideFormContext({ form, schemaConfig }) is called synchronously during setup()."
+  );
+}
+function createFormContext(instance) {
+  const runtime = useVueFormRuntime(instance);
+  provide(
+    LEGACY_FORM_INSTANCE_KEY,
+    runtime.instance
+  );
+  return runtime.instance;
+}
+function useFormContext() {
+  const context = inject(SCHEMX_FORM_CONTEXT_KEY, null);
+  if (context) {
+    return context.form;
+  }
+  const instance = inject(
+    LEGACY_FORM_INSTANCE_KEY,
+    null
+  );
+  if (!instance) {
+    throw new Error(
+      "[schemx] useFormContext() must be called inside a <SchemxForm> descendant. Ensure createFormContext(form) is called synchronously during setup()."
+    );
+  }
+  return instance;
+}
+function createFormConfigContext(props) {
+  provide(LEGACY_FORM_CONFIG_KEY, props);
+}
+function useFormConfigContext() {
+  const context = inject(SCHEMX_FORM_CONTEXT_KEY, null);
+  if (context) {
+    return context;
+  }
+  const config = inject(LEGACY_FORM_CONFIG_KEY, null);
+  if (!config) {
+    throw new Error(
+      "[schemx] useFormConfigContext() must be called inside a <SchemxForm> descendant. Ensure createFormConfigContext(props) is called synchronously during setup()."
+    );
+  }
+  return config;
+}
+function useFormRuntimeContext() {
+  return useVueFormRuntime(useFormContext());
+}
+const SCHEMX_FIELD_CONTEXT_KEY = Symbol("schemx:field");
+function createFieldContext(field) {
+  provide(SCHEMX_FIELD_CONTEXT_KEY, field);
+}
+function useFieldContext() {
+  const field = inject(SCHEMX_FIELD_CONTEXT_KEY, null);
+  if (!field) {
+    throw new Error(
+      "[schemx] useFieldContext() must be called inside a component tree where createFieldContext(field) has been called."
+    );
+  }
+  return field;
+}
+const SCHEMX_CONFIG_PROVIDER_KEY = Symbol(
+  "schemx:config-provider"
+);
+function createConfigProviderContext(config) {
+  const parentConfig = inject(SCHEMX_CONFIG_PROVIDER_KEY, void 0);
+  const mergedConfig = computed(() => {
+    const mergedCoreConfig = mergeSchemxConfig(config.value, (parentConfig == null ? void 0 : parentConfig.value) ?? {});
+    return {
+      ...mergedCoreConfig,
+      colComponent: config.value.colComponent ?? (parentConfig == null ? void 0 : parentConfig.value.colComponent)
+    };
+  });
+  provide(SCHEMX_CONFIG_PROVIDER_KEY, mergedConfig);
+}
+function useConfigProviderContext() {
+  var _a;
+  return (_a = useConfigProviderContextRef()) == null ? void 0 : _a.value;
+}
+function useConfigProviderContextRef() {
+  if (getCurrentInstance() === null) {
+    return void 0;
+  }
+  return inject(SCHEMX_CONFIG_PROVIDER_KEY, void 0);
+}
 const SCHEMX_APP_CONFIG_KEY = Symbol("schemx:app-config");
 const EMPTY_SCHEMX_CONFIG = Object.freeze({
   schemaConfig: Object.freeze({}),
@@ -372,34 +490,10 @@ function getSchemxAppConfig() {
   }
   return inject(SCHEMX_APP_CONFIG_KEY, EMPTY_SCHEMX_CONFIG);
 }
-const SCHEMX_CONFIG_PROVIDER_KEY = Symbol(
-  "schemx:config-provider"
-);
-function provideSchemxConfigProvider(config) {
-  const parentConfig = inject(SCHEMX_CONFIG_PROVIDER_KEY, void 0);
-  const mergedConfig = computed(() => {
-    const mergedCoreConfig = mergeSchemxConfig(config.value, (parentConfig == null ? void 0 : parentConfig.value) ?? {});
-    return {
-      ...mergedCoreConfig,
-      colComponent: config.value.colComponent ?? (parentConfig == null ? void 0 : parentConfig.value.colComponent)
-    };
-  });
-  provide(SCHEMX_CONFIG_PROVIDER_KEY, mergedConfig);
-}
-function getSchemxConfigProvider() {
-  var _a;
-  return (_a = getSchemxConfigProviderRef()) == null ? void 0 : _a.value;
-}
-function getSchemxConfigProviderRef() {
-  if (getCurrentInstance() === null) {
-    return void 0;
-  }
-  return inject(SCHEMX_CONFIG_PROVIDER_KEY, void 0);
-}
 const presetRuleRegistry = createPresetRuleRegistry();
 const rendererRegistry = createRendererRegistry("input");
 function mergeVueSchemxConfig(localConfig, fallbackConfig = {}) {
-  const providerConfig = getSchemxConfigProvider();
+  const providerConfig = useConfigProviderContext();
   return mergeSchemxConfig(
     localConfig,
     providerConfig ?? {},
@@ -411,6 +505,39 @@ function mergeVueSchemxConfig(localConfig, fallbackConfig = {}) {
     }
   );
 }
+const defaultVueSchemaConfig = Object.freeze({
+  /**
+   * 表单级标签图标默认值。
+   */
+  labelIcon: "",
+  /**
+   * 表单级标签对齐默认值。
+   */
+  labelAlign: "left",
+  /**
+   * 表单级标签位置默认值。
+   */
+  labelPosition: "left",
+  /**
+   * 表单级标签宽度默认值。
+   */
+  labelWidth: "auto",
+  /**
+   * 表单级内容对齐默认值。
+   */
+  contentAlign: "right",
+  /**
+   * 表单级标签冒号默认值。
+   */
+  colon: true,
+  /**
+   * 表单级必填标记默认值。
+   */
+  showRequiredMark: void 0
+});
+const defaultVueSchemaConfigKeys = Object.keys(
+  defaultVueSchemaConfig
+);
 function useForm(options = {}) {
   const configuredOptions = mergeVueSchemxConfig(getUseFormSchemxConfig(options));
   const mergedOptions = {
@@ -418,10 +545,8 @@ function useForm(options = {}) {
     ...configuredOptions
   };
   const instance = createForm(mergedOptions);
-  const acquired = acquireVueFormRuntime(instance);
-  const form = acquired.runtime.instance;
+  const form = useVueFormRuntime(instance).instance;
   onScopeDispose(() => {
-    acquired.release();
     form.destroy();
   });
   return form;
@@ -444,41 +569,6 @@ function getUseFormSchemxConfig(options) {
     validatorAdapters
   };
 }
-const SCHEMX_FORM_INSTANCE_KEY = Symbol(
-  "schemx:instance"
-);
-const SCHEMX_FORM_RUNTIME_KEY = Symbol(
-  "schemx:runtime"
-);
-function createFormContext(instance) {
-  const { runtime, release } = acquireVueFormRuntime(instance);
-  provide(
-    SCHEMX_FORM_INSTANCE_KEY,
-    runtime.instance
-  );
-  provide(SCHEMX_FORM_RUNTIME_KEY, runtime);
-  onScopeDispose(release);
-  return runtime.instance;
-}
-function useFormContext() {
-  const instance = inject(SCHEMX_FORM_INSTANCE_KEY, null);
-  if (!instance) {
-    throw new Error(
-      "[schemx] useFormContext() must be called inside a <SchemxForm> descendant. Ensure createFormContext(form) is called synchronously during setup()."
-    );
-  }
-  return instance;
-}
-function useFormRuntimeContext() {
-  const providedRuntime = inject(SCHEMX_FORM_RUNTIME_KEY, null);
-  if (providedRuntime) {
-    return providedRuntime;
-  }
-  const instance = useFormContext();
-  const acquired = acquireVueFormRuntime(instance);
-  onScopeDispose(acquired.release);
-  return acquired.runtime;
-}
 function createFieldHook(form, coreForm, name, fieldState) {
   const coreField = createField(coreForm, name);
   const errors = computed(() => fieldState.errors.value);
@@ -507,27 +597,12 @@ const useField = (name) => {
   const form = useFormContext();
   const runtime = useFormRuntimeContext();
   const fieldState = runtime.getFieldState(name);
-  return createFieldHook(form, runtime.core, name, fieldState);
+  return createFieldHook(form, runtime.instance, name, fieldState);
 };
-const SCHEMX_FORM_FIELD_KEY = Symbol(
-  "schemx:field"
-);
-function createFieldContext(field) {
-  provide(SCHEMX_FORM_FIELD_KEY, field);
-}
-function useFieldContext() {
-  const field = inject(SCHEMX_FORM_FIELD_KEY);
-  if (!field) {
-    throw new Error(
-      "[schemx] useFieldContext() must be called inside a component tree where createFieldContext(field) has been called."
-    );
-  }
-  return field;
-}
 function useWatch(nameOrNamesOrCallback, callbackOrOptions, maybeOptions) {
   const runtime = useFormRuntimeContext();
   const dispose = createWatch(
-    runtime.core,
+    runtime.instance,
     nameOrNamesOrCallback,
     callbackOrOptions,
     maybeOptions
@@ -692,21 +767,6 @@ function callDictionaryApi(values, form, api, signal) {
   }
   return api(values, form);
 }
-const SCHEMX_FORM_CONFIG_KEY = Symbol(
-  "schemx:form-config"
-);
-const createFormConfigContext = (props) => {
-  provide(SCHEMX_FORM_CONFIG_KEY, props);
-};
-function useFormConfigContext() {
-  const context = inject(SCHEMX_FORM_CONFIG_KEY);
-  if (!context) {
-    throw new Error(
-      "[schemx] useFormConfigContext() must be called inside a <SchemxForm> descendant. Ensure createFormConfigContext(props) is called synchronously during setup()."
-    );
-  }
-  return context;
-}
 const isShallowEqual = (a, b) => {
   const keysA = Object.keys(a);
   const keysB = Object.keys(b);
@@ -725,24 +785,19 @@ function useStableRef(factory) {
   return stableRef;
 }
 function useViewSchemas(form) {
-  const acquired = acquireVueFormRuntime(form);
-  const state = acquired.runtime.getViewSchemaState();
-  onScopeDispose(acquired.release);
+  const state = useVueFormRuntime(form).getViewSchemaState();
   return state.viewSchemas;
 }
 function useViewSchema(form, getKey) {
-  const acquired = acquireVueFormRuntime(form);
-  const state = acquired.runtime.getViewSchemaState();
+  const state = useVueFormRuntime(form).getViewSchemaState();
   const schema = computed(() => state.schemasByKey.value.get(getKey()));
-  onScopeDispose(acquired.release);
   return schema;
 }
 function useFormSelector(form, selector, options = {}) {
-  const acquired = acquireVueFormRuntime(form);
-  const values = acquired.runtime.getValuesRef();
+  const values = useVueFormRuntime(form).getValuesRef();
   const selected = shallowRef(selector(values.value));
   const equals = options.equals ?? Object.is;
-  const stop = watch(
+  watch(
     values,
     (values2) => {
       const next = selector(values2);
@@ -752,10 +807,6 @@ function useFormSelector(form, selector, options = {}) {
     },
     { flush: options.flush ?? "sync" }
   );
-  onScopeDispose(() => {
-    stop();
-    acquired.release();
-  });
   return readonly(selected);
 }
 function isValidTrigger(v) {
@@ -924,7 +975,9 @@ function createFieldSlotRenderers(options) {
         width: labelWidth,
         textAlign: labelAlign
       }
-    }, [renderRequired(), createVNode("span", {
+    }, [renderRequired(), schemaRef.value.labelIcon ? createVNode("span", {
+      "class": "schemx-field__label-icon"
+    }, [schemaRef.value.labelIcon]) : null, createVNode("span", {
       "class": "schemx-field__label-text"
     }, [schemaRef.value.label, colon ? ":" : ""])]);
   };
@@ -989,6 +1042,7 @@ const Field = /* @__PURE__ */ defineComponent({
       default: void 0
     }
   },
+  slots: Object,
   /**
    * 初始化字段上下文，并组合响应式 schema、校验处理器与插槽渲染器。
    *
@@ -1000,13 +1054,13 @@ const Field = /* @__PURE__ */ defineComponent({
     attrs,
     slots
   }) {
-    const form = useFormContext();
+    const formContext = useFormContextValue();
+    const form = formContext.form;
     const inputSchema = computed(() => props.schema);
     const latestSchema = useViewSchema(form, () => inputSchema.value.key);
     const schemaRef = computed(() => {
       return latestSchema.value && isSchemxViewFieldSchema(latestSchema.value) ? latestSchema.value : inputSchema.value;
     });
-    const formContext = useFormConfigContext();
     const field = useField(schemaRef.value.name);
     createFieldContext(field);
     const trigger = computed(() => mergeTrigger(schemaRef.value.validationTrigger, formContext.schemaConfig.validationTrigger, "onChange"));
@@ -1017,31 +1071,38 @@ const Field = /* @__PURE__ */ defineComponent({
       return isOperate && (Boolean(schemaRef.value.required) || hasRules);
     });
     const handleChange = (v) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       field.setValue(v);
       (_b = (_a = schemaRef.value.componentProps) == null ? void 0 : _a.onChange) == null ? void 0 : _b.call(_a, v);
+      (_d = (_c = schemaRef.value).onChange) == null ? void 0 : _d.call(_c, v, form);
       if (canVerified.value && shouldValidateOn("change", trigger.value)) {
         field.validate();
       }
     };
     const handleBlur = (v) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       (_b = (_a = schemaRef.value.componentProps) == null ? void 0 : _a.onBlur) == null ? void 0 : _b.call(_a, v);
+      (_d = (_c = schemaRef.value).onBlur) == null ? void 0 : _d.call(_c, form);
       if (canVerified.value && shouldValidateOn("blur", trigger.value)) {
         field.validate();
       }
     };
-    const handleValueUpdate = (v) => {
+    const updateValue = (v) => {
       field.setValue(v);
     };
     const componentProps = useStableRef(() => {
       const currentComponentProps = schemaRef.value.componentProps ?? {};
       return {
         ...currentComponentProps,
+        align: schemaRef.value.readonly ? "right" : currentComponentProps.align ?? schemaRef.value.contentAlign,
+        readonly: schemaRef.value.readonly,
+        disabled: schemaRef.value.disabled,
+        placeholder: currentComponentProps.placeholder ?? schemaRef.value.placeholder,
+        readonlyPlaceholder: currentComponentProps.readonlyPlaceholder ?? schemaRef.value.readonlyPlaceholder,
         value: field.value.value,
         onChange: handleChange,
         onBlur: handleBlur,
-        "onUpdate:value": handleValueUpdate
+        "onUpdate:value": updateValue
       };
     });
     const {
@@ -1267,6 +1328,7 @@ const Group = /* @__PURE__ */ defineComponent({
       default: void 0
     }
   },
+  slots: Object,
   setup(props, {
     attrs,
     slots
@@ -1593,11 +1655,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const slots = useSlots();
+    const schemaConfigKeys = [
+      ...defaultSchemxConfigKeys,
+      ...defaultVueSchemaConfigKeys
+    ];
     const pickSchemaConfig = () => {
-      const schemaConfig = pick(
-        props,
-        defaultSchemxConfigKeys
-      );
+      const schemaConfig = pick(props, schemaConfigKeys);
       return Object.fromEntries(
         Object.entries(schemaConfig).filter(([, value]) => value !== void 0)
       );
@@ -1605,7 +1668,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const isExternalForm = props.form !== void 0;
     const schemaConfigProps = computed(pickSchemaConfig);
     const appConfig = getSchemxAppConfig();
-    const providerConfig = getSchemxConfigProviderRef();
+    const providerConfig = useConfigProviderContextRef();
     const coreConfig = getGlobalSchemxConfig();
     const formFallbackConfig = {
       schemaConfig: {
@@ -1613,45 +1676,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         validationTrigger: ["blur", "change"]
       }
     };
-    const contextSchemaConfig = computed(() => {
-      const mergedConfig = isExternalForm ? mergeSchemxConfig({ schemaConfig: schemaConfigProps.value }, formFallbackConfig) : mergeSchemxConfig(
-        { schemaConfig: schemaConfigProps.value },
-        (providerConfig == null ? void 0 : providerConfig.value) ?? {},
-        appConfig,
-        formFallbackConfig
-      );
-      return mergedConfig.schemaConfig ?? {};
-    });
-    const resolvedSchemaConfig = computed(
-      () => mergeAndResolveSchemxConfig(
+    const mergedConfig = computed(
+      () => isExternalForm ? mergeSchemxConfig({ schemaConfig: schemaConfigProps.value }, formFallbackConfig) : mergeSchemxConfig(
         { schemaConfig: schemaConfigProps.value },
         (providerConfig == null ? void 0 : providerConfig.value) ?? {},
         appConfig,
         formFallbackConfig,
         coreConfig
-      ).schemaConfig
+      )
     );
-    const initialContextSchemaConfig = contextSchemaConfig.value;
-    const initialCoreSchemaConfig = isExternalForm ? initialContextSchemaConfig : resolvedSchemaConfig.value;
-    const formSchemaConfig = reactive(
-      initialContextSchemaConfig
+    const contextSchemaConfig = computed(() => ({
+      ...defaultVueSchemaConfig,
+      ...mergedConfig.value.schemaConfig
+    }));
+    const resolvedSchemaConfig = computed(
+      () => resolveSchemxConfig(mergedConfig.value).schemaConfig
     );
     const hasSchemaConfigKey = (config, key) => Object.prototype.hasOwnProperty.call(config, key);
-    const replaceFormSchemaConfig = (nextSchemaConfig) => {
-      for (const key of defaultSchemxConfigKeys) {
-        if (!hasSchemaConfigKey(nextSchemaConfig, key)) {
-          delete formSchemaConfig[key];
-        }
-      }
-      Object.assign(formSchemaConfig, nextSchemaConfig);
-    };
     const resolvedColComponent = computed(
       () => props.colComponent ?? (providerConfig == null ? void 0 : providerConfig.value.colComponent) ?? appConfig.colComponent ?? registeredColComponent.value
     );
-    createFormConfigContext({ schemaConfig: formSchemaConfig });
     const providedForm = props.form ? props.form : useForm({
       schemas: props.schemas,
-      schemaConfig: initialCoreSchemaConfig,
+      schemaConfig: resolvedSchemaConfig.value,
       initialValues: Object.keys(props.modelValue).length > 0 ? props.modelValue : props.initialValues,
       rendererProps: props.rendererProps,
       rendererRegistry: props.rendererRegistry,
@@ -1718,7 +1765,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         (_a = props.onFieldsChange) == null ? void 0 : _a.call(props, changedPaths, allPaths);
       }
     });
-    const formInstance = createFormContext(providedForm);
+    const formInstance = provideFormContext({
+      form: providedForm,
+      get schemaConfig() {
+        return contextSchemaConfig.value;
+      }
+    });
     const effectiveLoading = computed(() => props.loading ?? formInstance.isLoading());
     const formRootClass = computed(() => ["schemx", props.class]);
     const formRootStyle = computed(() => props.style);
@@ -1818,19 +1870,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       };
     };
     const syncInternalSchemaConfig = (nextSchemaConfig) => {
-      replaceFormSchemaConfig(contextSchemaConfig.value);
       formInstance.updateSchemaConfig(nextSchemaConfig);
     };
     const syncExternalSchemaConfig = (nextSchemaConfig, previousSchemaConfig) => {
       const patch = { ...nextSchemaConfig };
       if (previousSchemaConfig !== void 0) {
-        for (const key of defaultSchemxConfigKeys) {
+        for (const key of schemaConfigKeys) {
           if (hasSchemaConfigKey(previousSchemaConfig, key) && !hasSchemaConfigKey(nextSchemaConfig, key)) {
             patch[key] = void 0;
           }
         }
       }
-      replaceFormSchemaConfig(contextSchemaConfig.value);
       if (Object.keys(patch).length > 0) {
         formInstance.updateSchemaConfig(patch);
       }
@@ -1912,12 +1962,16 @@ function withInstall(comp, extra) {
   return Object.assign(comp, extra);
 }
 const SchemxFormExport = withInstall(_sfc_main$1, {
-  /** Vue 插件安装方法 */
+  /**
+   * Vue 插件安装方法
+   */
   install(app, options = {}) {
     provideSchemxAppConfig(app, options);
     app.component("SchemxForm", _sfc_main$1);
   },
-  /** Field 子组件引用 */
+  /**
+   * Field 子组件引用
+   */
   Field: Field$1
 });
 const SchemxFormExport$1 = SchemxFormExport;
@@ -2045,7 +2099,7 @@ const ConfigProvider = /* @__PURE__ */ defineComponent({
       presetRuleRegistry: props.presetRuleRegistry,
       colComponent: props.colComponent
     }));
-    provideSchemxConfigProvider(config);
+    createConfigProviderContext(config);
     return () => {
       var _a;
       return (_a = slots.default) == null ? void 0 : _a.call(slots);
@@ -2060,20 +2114,26 @@ export {
   Group$1 as Group,
   WithRemoteOptions,
   _sfc_main as Wrapper,
+  createConfigProviderContext,
   createFieldContext,
   createFormConfigContext,
   createFormContext,
   SchemxFormExport$1 as default,
   presetRuleRegistry,
+  provideFormContext,
   registerCol,
   rendererRegistry,
   SchemxFormExport$1 as schemxForm,
+  useConfigProviderContext,
+  useConfigProviderContextRef,
   useDictionary,
   useField,
   useFieldContext,
   useForm,
   useFormConfigContext,
   useFormContext,
+  useFormContextValue,
+  useFormRuntimeContext,
   useFormSelector,
   useStableRef,
   useViewSchemas,