@silver-formily/vue 2.2.1 → 2.3.1

package/README.en.md

@@ -1,6 +1,6 @@
 # Silver Formily Vue
 
-[Documentation](https://vue.silver-formily.org/) · [Local docs index](./docs/index.md) · [中文 README](./README.md)
+[Documentation](https://vue.silver-formily.org/) · [中文 README](./README.md)
 
 @silver-formily/vue is a Vue 3–first runtime wrapper around [Formily](https://formilyjs.org/). It keeps the orchestration power of `@formily/vue` while removing Vue 2 compatibility layers, redundant DOM wrappers, and inconsistent event contracts. The source lives in `src/`, docs in `docs/`, and build artifacts in `esm/`.
 
@@ -10,7 +10,7 @@
 - **Native DOM & events** – relies on `modelValue` / `onUpdate:modelValue`, so Element Plus and most Vue 3 UI kits work without extra adapters.
 - **Richer TypeScript hints** – explicit generics and shared interfaces sit beside the runtime to keep emitted `.d.ts` files in sync.
 - **Formily ecosystem alignment** – works with `@formily/core`, `@formily/json-schema`, and other official packages, keeping migration costs low.
-- **Decorator slots** – wire `FormItem` and other wrappers to the form schema via `:decorator-content` / `x-decorator-content`, covering `default`, `label`, `extra`, or any named slot. See the [FAQ entry](./docs/en/questions/index.md#how-do-i-pass-slots-to-a-decorator).
+- **Decorator slots** – wire `FormItem` and other wrappers to the form schema via `:decorator-content` / `x-decorator-content`, covering `default`, `label`, `extra`, or any named slot. See the [FAQ entry](../../apps/vue-docs/en/questions/index.md#how-do-i-pass-slots-to-a-decorator).
 - **Docs & demos included** – VitePress docs describe APIs, migration notes, and Element Plus demos; run `pnpm docs:dev` to browse locally.
 
 ## 🔄 Differences vs `@formily/vue`
@@ -31,7 +31,7 @@ Install these alongside the library in your host app:
 @formily/core ^2
 @formily/json-schema ^2
 @formily/reactive ^2
-@formily/reactive-vue ^2
+@silver-formily/reactive-vue ^1
 @formily/shared ^2
 vue ^3.3.0+
 ```
@@ -41,7 +41,7 @@ vue ^3.3.0+
 Recommended pnpm command:
 
 ```bash
-pnpm add @silver-formily/vue @formily/core @formily/json-schema @formily/reactive @formily/reactive-vue @formily/shared
+pnpm add @silver-formily/vue @formily/core @formily/json-schema @formily/reactive @silver-formily/reactive-vue @formily/shared
 ```
 
 ## ⚡️ Quick Start
@@ -51,22 +51,16 @@ The snippet below wires Element Plus inputs into Formily:
 ```vue
 <script setup lang="ts">
 import { createForm } from '@formily/core'
-import {
-  connect,
-  Field,
-  FormProvider,
-  mapProps,
-} from '@silver-formily/vue'
+import { connect, Field, FormProvider, mapProps } from '@silver-formily/vue'
 import { ElFormItem, ElInput } from 'element-plus'
 
 const form = createForm({ validateFirst: true })
 
 const FormItem = connect(
   ElFormItem,
-  mapProps(
-    { title: 'label', required: true },
-    (_, field) => ({ error: field.selfErrors[0] || undefined })
-  ),
+  mapProps({ title: 'label', required: true }, (_, field) => ({
+    error: field.selfErrors[0] || undefined,
+  })),
 )
 </script>
 
@@ -83,7 +77,7 @@ const FormItem = connect(
 </template>
 ```
 
-Explore more components (`SchemaField`, `RecursionField`, `ArrayField`, etc.) and composables in [`docs/api`](./docs/api).
+Explore more components (`SchemaField`, `RecursionField`, `ArrayField`, etc.) and composables in [`docs/api`](../../apps/vue-docs/api).
 
 ## 🧱 API Overview
 
@@ -102,7 +96,7 @@ pnpm build         # Build the library + types via Vite
 pnpm docs:dev      # Launch the VitePress docs site
 pnpm docs:build    # Generate static docs into docs/.vitepress/dist
 pnpm commit        # Conventional Commit helper (czg)
-pnpm release       # release-it workflow (requires clean tree)
+pnpm release       # Changeset-driven release (requires clean tree)
 ```
 
 - Build output is generated into `esm/`; do not hand-edit this directory.

package/README.md

@@ -1,6 +1,6 @@
 # Silver Formily Vue
 
-[文档网站](https://vue.silver-formily.org/) · [本地文档首页](./docs/zh/index.md) · [English README](./README.en.md)
+[文档网站](https://vue.silver-formily.org/) · [本地文档首页](../../apps/vue-docs/index.md) · [English README](./README.en.md)
 
 @silver-formily/vue 是一个专注于 Vue 3 生态的 [Formily](https://formilyjs.org/) 运行时封装。它保留了 `@formily/vue` 的编排能力，同时去除了 Vue 2 兼容层、冗余 DOM 包裹以及不一致的事件契约。源码位于 `src/`，文档位于 `docs/`，构建产物存放在 `esm/`。
 
@@ -10,7 +10,7 @@
 - **原生 DOM 与事件语义**：统一使用 `modelValue` / `onUpdate:modelValue`，Element Plus 等组件可直接对接。
 - **完善的 TypeScript 类型**：在运行时附近维护显式泛型与公共接口，确保生成的 `.d.ts` 与实现同步。
 - **Formily 生态对齐**：与 `@formily/core`、`@formily/json-schema` 等官方包保持兼容，迁移成本低。
-- **Decorator 插槽支持**：通过 `:decorator-content` 与 `x-decorator-content` 将 `FormItem` 等装饰器的 `default`、`label`、`extra` 插槽与 schema 数据解耦，详见[常见问题](./docs/questions/index.md#如何向装饰器传递插槽)。
+- **Decorator 插槽支持**：通过 `:decorator-content` 与 `x-decorator-content` 将 `FormItem` 等装饰器的 `default`、`label`、`extra` 插槽与 schema 数据解耦，详见[常见问题](../../apps/vue-docs/questions/index.md#如何向装饰器传递插槽)。
 - **配套文档与示例**：内置 VitePress 文档，包含 API、迁移提示以及 Element Plus 示例，执行 `pnpm docs:dev` 即可查看。
 
 ## 🔄 与 `@formily/vue` 的差异
@@ -31,7 +31,7 @@
 @formily/core ^2
 @formily/json-schema ^2
 @formily/reactive ^2
-@formily/reactive-vue ^2
+@silver-formily/reactive-vue ^1
 @formily/shared ^2
 vue ^3.3.0+
 ```
@@ -41,7 +41,7 @@ vue ^3.3.0+
 推荐使用 pnpm：
 
 ```bash
-pnpm add @silver-formily/vue @formily/core @formily/json-schema @formily/reactive @formily/reactive-vue @formily/shared
+pnpm add @silver-formily/vue @formily/core @formily/json-schema @formily/reactive @silver-formily/reactive-vue @formily/shared
 ```
 
 ## ⚡️ 快速开始
@@ -51,22 +51,16 @@ pnpm add @silver-formily/vue @formily/core @formily/json-schema @formily/reactiv
 ```vue
 <script setup lang="ts">
 import { createForm } from '@formily/core'
-import {
-  connect,
-  Field,
-  FormProvider,
-  mapProps,
-} from '@silver-formily/vue'
+import { connect, Field, FormProvider, mapProps } from '@silver-formily/vue'
 import { ElFormItem, ElInput } from 'element-plus'
 
 const form = createForm({ validateFirst: true })
 
 const FormItem = connect(
   ElFormItem,
-  mapProps(
-    { title: 'label', required: true },
-    (_, field) => ({ error: field.selfErrors[0] || undefined })
-  ),
+  mapProps({ title: 'label', required: true }, (_, field) => ({
+    error: field.selfErrors[0] || undefined,
+  })),
 )
 </script>
 
@@ -83,7 +77,7 @@ const FormItem = connect(
 </template>
 ```
 
-更多组件（`SchemaField`、`RecursionField`、`ArrayField` 等）与组合式 API 请参阅 [`docs/api`](./docs/api)。
+更多组件（`SchemaField`、`RecursionField`、`ArrayField` 等）与组合式 API 请参阅 [`docs/api`](../../apps/vue-docs/api)。
 
 ## 🧱 API 速览
 
@@ -102,7 +96,7 @@ pnpm build         # 基于 Vite 生成库与类型
 pnpm docs:dev      # 启动 VitePress 文档站点
 pnpm docs:build    # 生成静态文档 (docs/.vitepress/dist)
 pnpm commit        # 使用 czg 编写 Conventional Commit
-pnpm release       # release-it 发布，需要干净工作区
+pnpm release       # Changeset 发布流程（需要干净工作区）
 ```
 
 - 构建输出位于 `esm/`，请勿手动修改。

package/esm/components/ArrayField.d.ts

@@ -1,58 +1,58 @@
 declare const _default: import('vue').DefineComponent<{
-    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
+    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any> | undefined;
     decoratorContent?: any;
-    required?: boolean;
-    pattern?: string;
+    required?: boolean | undefined;
+    pattern?: string | undefined;
     name: import('@formily/core').FormPathPattern;
     data?: any;
-    basePath?: import('@formily/core').FormPathPattern;
+    basePath?: import('@formily/core').FormPathPattern | undefined;
     title?: any;
     description?: any;
     value?: any;
     initialValue?: any;
-    display?: string;
-    hidden?: boolean;
-    visible?: boolean;
-    editable?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    readPretty?: boolean;
-    dataSource?: import('@formily/core').FieldDataSource;
-    validateFirst?: boolean;
-    validatePattern?: import('@formily/core').FieldPatternTypes[];
-    validateDisplay?: import('@formily/core').FieldDisplayTypes[];
-    decorator?: import('@formily/core').FieldDecorator<import('vue').Component, any>;
-    component?: import('@formily/core').FieldComponent<import('vue').Component, any>;
-    reactions?: import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction;
+    display?: string | undefined;
+    hidden?: boolean | undefined;
+    visible?: boolean | undefined;
+    editable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    readPretty?: boolean | undefined;
+    dataSource?: import('@formily/core').FieldDataSource | undefined;
+    validateFirst?: boolean | undefined;
+    validatePattern?: import('@formily/core').FieldPatternTypes[] | undefined;
+    validateDisplay?: import('@formily/core').FieldDisplayTypes[] | undefined;
+    decorator?: boolean | any[] | undefined;
+    component?: boolean | any[] | undefined;
+    reactions?: (import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction) | undefined;
     content?: any;
 }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
+    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any> | undefined;
     decoratorContent?: any;
-    required?: boolean;
-    pattern?: string;
+    required?: boolean | undefined;
+    pattern?: string | undefined;
     name: import('@formily/core').FormPathPattern;
     data?: any;
-    basePath?: import('@formily/core').FormPathPattern;
+    basePath?: import('@formily/core').FormPathPattern | undefined;
     title?: any;
     description?: any;
     value?: any;
     initialValue?: any;
-    display?: string;
-    hidden?: boolean;
-    visible?: boolean;
-    editable?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    readPretty?: boolean;
-    dataSource?: import('@formily/core').FieldDataSource;
-    validateFirst?: boolean;
-    validatePattern?: import('@formily/core').FieldPatternTypes[];
-    validateDisplay?: import('@formily/core').FieldDisplayTypes[];
-    decorator?: import('@formily/core').FieldDecorator<import('vue').Component, any>;
-    component?: import('@formily/core').FieldComponent<import('vue').Component, any>;
-    reactions?: import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction;
+    display?: string | undefined;
+    hidden?: boolean | undefined;
+    visible?: boolean | undefined;
+    editable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    readPretty?: boolean | undefined;
+    dataSource?: import('@formily/core').FieldDataSource | undefined;
+    validateFirst?: boolean | undefined;
+    validatePattern?: import('@formily/core').FieldPatternTypes[] | undefined;
+    validateDisplay?: import('@formily/core').FieldDisplayTypes[] | undefined;
+    decorator?: boolean | any[] | undefined;
+    component?: boolean | any[] | undefined;
+    reactions?: (import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction) | undefined;
     content?: any;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/esm/components/ExpressionScope.d.ts

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: PropType<IExpressionScopeProps["value"]>;
         required: true;

package/esm/components/ExpressionScope.mjs

@@ -1,7 +1,7 @@
 import { lazyMerge as s } from "@formily/shared";
 import { defineComponent as c, inject as i, computed as m, provide as a } from "vue";
 import "@formily/core";
-import "@formily/reactive-vue";
+import "@silver-formily/reactive-vue";
 import { SchemaExpressionScopeSymbol as e } from "../shared/context.mjs";
 const x = c({
   name: "ExpressionScope",

package/esm/components/Field.d.ts

@@ -1,58 +1,58 @@
 declare const _default: import('vue').DefineComponent<{
-    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
+    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any> | undefined;
     decoratorContent?: any;
-    required?: boolean;
-    pattern?: string;
+    required?: boolean | undefined;
+    pattern?: string | undefined;
     name: import('@formily/core').FormPathPattern;
     data?: any;
-    basePath?: import('@formily/core').FormPathPattern;
+    basePath?: import('@formily/core').FormPathPattern | undefined;
     title?: any;
     description?: any;
     value?: any;
     initialValue?: any;
-    display?: string;
-    hidden?: boolean;
-    visible?: boolean;
-    editable?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    readPretty?: boolean;
-    dataSource?: import('@formily/core').FieldDataSource;
-    validateFirst?: boolean;
-    validatePattern?: import('@formily/core').FieldPatternTypes[];
-    validateDisplay?: import('@formily/core').FieldDisplayTypes[];
-    decorator?: import('@formily/core').FieldDecorator<import('vue').Component, any>;
-    component?: import('@formily/core').FieldComponent<import('vue').Component, any>;
-    reactions?: import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction;
+    display?: string | undefined;
+    hidden?: boolean | undefined;
+    visible?: boolean | undefined;
+    editable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    readPretty?: boolean | undefined;
+    dataSource?: import('@formily/core').FieldDataSource | undefined;
+    validateFirst?: boolean | undefined;
+    validatePattern?: import('@formily/core').FieldPatternTypes[] | undefined;
+    validateDisplay?: import('@formily/core').FieldDisplayTypes[] | undefined;
+    decorator?: boolean | any[] | undefined;
+    component?: boolean | any[] | undefined;
+    reactions?: (import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction) | undefined;
     content?: any;
 }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
+    validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any> | undefined;
     decoratorContent?: any;
-    required?: boolean;
-    pattern?: string;
+    required?: boolean | undefined;
+    pattern?: string | undefined;
     name: import('@formily/core').FormPathPattern;
     data?: any;
-    basePath?: import('@formily/core').FormPathPattern;
+    basePath?: import('@formily/core').FormPathPattern | undefined;
     title?: any;
     description?: any;
     value?: any;
     initialValue?: any;
-    display?: string;
-    hidden?: boolean;
-    visible?: boolean;
-    editable?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    readPretty?: boolean;
-    dataSource?: import('@formily/core').FieldDataSource;
-    validateFirst?: boolean;
-    validatePattern?: import('@formily/core').FieldPatternTypes[];
-    validateDisplay?: import('@formily/core').FieldDisplayTypes[];
-    decorator?: import('@formily/core').FieldDecorator<import('vue').Component, any>;
-    component?: import('@formily/core').FieldComponent<import('vue').Component, any>;
-    reactions?: import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction;
+    display?: string | undefined;
+    hidden?: boolean | undefined;
+    visible?: boolean | undefined;
+    editable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    readPretty?: boolean | undefined;
+    dataSource?: import('@formily/core').FieldDataSource | undefined;
+    validateFirst?: boolean | undefined;
+    validatePattern?: import('@formily/core').FieldPatternTypes[] | undefined;
+    validateDisplay?: import('@formily/core').FieldDisplayTypes[] | undefined;
+    decorator?: boolean | any[] | undefined;
+    component?: boolean | any[] | undefined;
+    reactions?: (import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction) | undefined;
     content?: any;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/esm/components/FormConsumer.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>[] | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/esm/components/FormConsumer.mjs

@@ -1,4 +1,4 @@
-import { useObserver as m } from "@formily/reactive-vue";
+import { useObserver as m } from "@silver-formily/reactive-vue";
 import { defineComponent as t } from "vue";
 import { useForm as s } from "../hooks/useForm.mjs";
 import "@formily/core";

package/esm/components/FormConsumer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormConsumer.mjs","sources":["../../src/components/FormConsumer.ts"],"sourcesContent":["import { useObserver } from '@formily/reactive-vue'\nimport { defineComponent } from 'vue'\nimport { useForm } from '../hooks'\n\nexport default defineComponent({\n  name: 'FormConsumer',\n  inheritAttrs: false,\n  setup(_, { slots }) {\n    useObserver({\n      scheduler: update => Promise.resolve().then(update),\n    })\n\n    const form = useForm()\n\n    return () => slots.default?.({ form: form.value }) ?? null\n  },\n})\n"],"names":["FormConsumer","defineComponent","_","slots","useObserver","update","form","useForm"],"mappings":";;;;AAIA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,MAAMC,GAAG,EAAE,OAAAC,KAAS;AAClB,IAAAC,EAAY;AAAA,MACV,WAAW,CAAAC,MAAU,QAAQ,QAAA,EAAU,KAAKA,CAAM;AAAA,IAAA,CACnD;AAED,UAAMC,IAAOC,EAAA;AAEb,WAAO,MAAMJ,EAAM,UAAU,EAAE,MAAMG,EAAK,MAAA,CAAO,KAAK;AAAA,EACxD;AACF,CAAC;"}
+{"version":3,"file":"FormConsumer.mjs","sources":["../../src/components/FormConsumer.ts"],"sourcesContent":["import { useObserver } from '@silver-formily/reactive-vue'\nimport { defineComponent } from 'vue'\nimport { useForm } from '../hooks'\n\nexport default defineComponent({\n  name: 'FormConsumer',\n  inheritAttrs: false,\n  setup(_, { slots }) {\n    useObserver({\n      scheduler: update => Promise.resolve().then(update),\n    })\n\n    const form = useForm()\n\n    return () => slots.default?.({ form: form.value }) ?? null\n  },\n})\n"],"names":["FormConsumer","defineComponent","_","slots","useObserver","update","form","useForm"],"mappings":";;;;AAIA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,MAAMC,GAAG,EAAE,OAAAC,KAAS;AAClB,IAAAC,EAAY;AAAA,MACV,WAAW,CAAAC,MAAU,QAAQ,QAAA,EAAU,KAAKA,CAAM;AAAA,IAAA,CACnD;AAED,UAAMC,IAAOC,EAAA;AAEb,WAAO,MAAMJ,EAAM,UAAU,EAAE,MAAMG,EAAK,MAAA,CAAO,KAAK;AAAA,EACxD;AACF,CAAC;"}

package/esm/components/FormProvider.d.ts

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     form: {
         type: PropType<IProviderProps["form"]>;
         required: true;

package/esm/components/ObjectField.d.ts

@@ -4,12 +4,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly description: import('../utils/runtimeProps').RuntimeProp<any>;
     readonly value: import('../utils/runtimeProps').RuntimeProp<any>;
     readonly initialValue: import('../utils/runtimeProps').RuntimeProp<any>;
-    readonly basePath: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
-    readonly decorator: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any>>;
+    readonly basePath: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern | undefined>;
+    readonly decorator: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any> | undefined>;
     readonly decoratorContent: import('../utils/runtimeProps').RuntimeProp<any>;
-    readonly component: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any>>;
-    readonly display: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes>;
-    readonly pattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes>;
+    readonly component: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any> | undefined>;
+    readonly display: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes | undefined>;
+    readonly pattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes | undefined>;
     readonly required: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly validateFirst: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly hidden: import('../utils/runtimeProps').RuntimeProp<boolean>;
@@ -18,11 +18,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly disabled: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly readOnly: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly readPretty: import('../utils/runtimeProps').RuntimeProp<boolean>;
-    readonly dataSource: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDataSource>;
-    readonly validatePattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes[]>;
-    readonly validateDisplay: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes[]>;
-    readonly validator: import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
-    readonly reactions: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldReaction | import('@formily/core').FieldReaction[]>;
+    readonly dataSource: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDataSource | undefined>;
+    readonly validatePattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes[] | undefined>;
+    readonly validateDisplay: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes[] | undefined>;
+    readonly validator: import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator | undefined>;
+    readonly reactions: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldReaction | import('@formily/core').FieldReaction[] | undefined>;
     readonly content: import('../utils/runtimeProps').RuntimeProp<any>;
     readonly data: import('../utils/runtimeProps').RuntimeProp<any>;
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -33,12 +33,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly description: import('../utils/runtimeProps').RuntimeProp<any>;
     readonly value: import('../utils/runtimeProps').RuntimeProp<any>;
     readonly initialValue: import('../utils/runtimeProps').RuntimeProp<any>;
-    readonly basePath: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
-    readonly decorator: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any>>;
+    readonly basePath: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern | undefined>;
+    readonly decorator: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any> | undefined>;
     readonly decoratorContent: import('../utils/runtimeProps').RuntimeProp<any>;
-    readonly component: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any>>;
-    readonly display: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes>;
-    readonly pattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes>;
+    readonly component: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any> | undefined>;
+    readonly display: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes | undefined>;
+    readonly pattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes | undefined>;
     readonly required: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly validateFirst: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly hidden: import('../utils/runtimeProps').RuntimeProp<boolean>;
@@ -47,11 +47,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly disabled: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly readOnly: import('../utils/runtimeProps').RuntimeProp<boolean>;
     readonly readPretty: import('../utils/runtimeProps').RuntimeProp<boolean>;
-    readonly dataSource: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDataSource>;
-    readonly validatePattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes[]>;
-    readonly validateDisplay: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes[]>;
-    readonly validator: import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
-    readonly reactions: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldReaction | import('@formily/core').FieldReaction[]>;
+    readonly dataSource: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDataSource | undefined>;
+    readonly validatePattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes[] | undefined>;
+    readonly validateDisplay: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes[] | undefined>;
+    readonly validator: import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator | undefined>;
+    readonly reactions: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldReaction | import('@formily/core').FieldReaction[] | undefined>;
     readonly content: import('../utils/runtimeProps').RuntimeProp<any>;
     readonly data: import('../utils/runtimeProps').RuntimeProp<any>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/esm/components/ReactiveField.d.ts

@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     [key: string]: any;
 }> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+}>[] | null | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     fieldType: "Field" | "ArrayField" | "ObjectField" | "VoidField";
     fieldProps: import('..').IVoidFieldProps<import('vue').Component, import('vue').Component>;
 }> & Readonly<{}>, {

package/esm/components/ReactiveField.mjs

@@ -1,7 +1,7 @@
 import { isVoidField as r } from "@formily/core";
 import { toJS as P } from "@formily/reactive";
-import { useObserver as z } from "@formily/reactive-vue";
 import { FormPath as h } from "@formily/shared";
+import { useObserver as z } from "@silver-formily/reactive-vue";
 import { defineComponent as B, inject as F, ref as S, shallowRef as J, watch as N, provide as U, h as A } from "vue";
 import { useField as $ } from "../hooks/useField.mjs";
 import { SchemaOptionsSymbol as k, SchemaSymbol as q, FieldSymbol as G } from "../shared/context.mjs";

package/esm/components/ReactiveField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReactiveField.mjs","sources":["../../src/components/ReactiveField.ts"],"sourcesContent":["import type { GeneralField } from '@formily/core'\nimport type { Ref, VNode } from 'vue'\nimport type { IReactiveFieldProps } from '../types'\nimport { isVoidField } from '@formily/core'\nimport { toJS } from '@formily/reactive'\nimport { useObserver } from '@formily/reactive-vue'\nimport { FormPath } from '@formily/shared'\nimport { defineComponent, h, inject, provide, ref, shallowRef, watch } from 'vue'\nimport { useField, useForm } from '../hooks'\nimport { useAttach } from '../hooks/useAttach'\n\nimport { FieldSymbol, SchemaOptionsSymbol, SchemaSymbol } from '../shared'\nimport { createVNodeProps, extractAttrsAndEvents, mergeSlots, wrapFragment } from '../utils/reactiveFieldHelpers'\n\ntype ComponentEventArgs = unknown[]\ntype ComponentEventHandler = (...args: ComponentEventArgs) => unknown\n\nexport default defineComponent({\n  name: 'ReactiveField',\n  props: {\n    fieldType: {\n      type: String,\n      default: 'Field',\n    },\n    fieldProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  setup(props: IReactiveFieldProps, { slots }) {\n    const formRef = useForm()\n    const parentRef = useField()\n    const optionsRef = inject(SchemaOptionsSymbol, ref())\n    const schemaRef = inject(SchemaSymbol, ref())\n\n    useObserver()\n\n    const createField = () =>\n      formRef?.value?.[`create${props.fieldType}`]?.({\n        ...props.fieldProps,\n        basePath: props.fieldProps?.basePath ?? parentRef.value?.address,\n      })\n\n    const fieldRef = shallowRef(createField()) as Ref<GeneralField>\n\n    watch(\n      () => props.fieldProps,\n      () => (fieldRef.value = createField()),\n    )\n\n    useAttach(fieldRef)\n    provide(FieldSymbol, fieldRef)\n\n    return () => {\n      const field = fieldRef.value\n      const options = optionsRef.value\n\n      if (!field) {\n        return slots.default?.()\n      }\n\n      if (field.display !== 'visible') {\n        return null\n      }\n\n      const mergedSlots = mergeSlots(field, slots, field.content)\n      const decoratorContent = schemaRef.value?.['x-decorator-content']\n        ?? props.fieldProps?.decoratorContent\n      const decoratorSlots = mergeSlots(field, slots, decoratorContent)\n\n      const renderDecorator = (childNodes: Array<VNode | null | undefined>) => {\n        const normalizedChildren = childNodes.filter(child => child != null) as VNode[]\n        if (!field.decoratorType) {\n          return wrapFragment(normalizedChildren)\n        }\n\n        const finalComponent\n          = FormPath.getIn(options?.components, field.decoratorType as string) ?? field.decoratorType\n        const decoratorEntry = Array.isArray(field.decorator) ? field.decorator[1] : undefined\n        const decoratorAttrs = toJS(decoratorEntry) || {}\n        const { attrs, events } = extractAttrsAndEvents(decoratorAttrs)\n        const decoratorProps = createVNodeProps(attrs, events)\n\n        return h(finalComponent, decoratorProps, {\n          ...decoratorSlots,\n          default: () => normalizedChildren,\n        })\n      }\n\n      const renderComponent = (): VNode | null => {\n        if (!field.componentType) {\n          return wrapFragment(mergedSlots?.default?.())\n        }\n\n        const component\n          = FormPath.getIn(options?.components, field.componentType as string) ?? field.componentType\n\n        const componentEntry = Array.isArray(field.component) ? field.component[1] : undefined\n        const originData = toJS(componentEntry) || {}\n        const fieldValue = !isVoidField(field) ? field.value : undefined\n        const composedAttrs = {\n          disabled: !isVoidField(field)\n            ? field.pattern === 'disabled' || field.pattern === 'readPretty'\n            : undefined,\n          readOnly: !isVoidField(field) ? field.pattern === 'readOnly' : undefined,\n          ...originData,\n          modelValue: fieldValue,\n        }\n        const { attrs, events } = extractAttrsAndEvents(composedAttrs)\n        const modelUpdateHandler: ComponentEventHandler | undefined = events['update:modelValue']\n        const focusHandler: ComponentEventHandler | undefined = events.focus\n        const blurHandler: ComponentEventHandler | undefined = events.blur\n\n        const emitInput = (...args: ComponentEventArgs) => {\n          if (!isVoidField(field)) {\n            field.onInput(...(args as Parameters<typeof field.onInput>))\n          }\n        }\n\n        events['update:modelValue'] = (...args: ComponentEventArgs) => {\n          emitInput(...args)\n          modelUpdateHandler?.(...args)\n        }\n        events.focus = (...args: ComponentEventArgs) => {\n          if (!isVoidField(field)) {\n            field.onFocus(...(args as Parameters<typeof field.onFocus>))\n          }\n          focusHandler?.(...args)\n        }\n        events.blur = (...args: ComponentEventArgs) => {\n          if (!isVoidField(field)) {\n            field.onBlur(...(args as Parameters<typeof field.onBlur>))\n          }\n          blurHandler?.(...args)\n        }\n\n        const componentProps = createVNodeProps(attrs, events)\n        return h(component, componentProps, mergedSlots)\n      }\n\n      return renderDecorator([renderComponent()])\n    }\n  },\n})\n"],"names":["ReactiveField","defineComponent","props","slots","formRef","useForm","parentRef","useField","optionsRef","inject","SchemaOptionsSymbol","ref","schemaRef","SchemaSymbol","useObserver","createField","fieldRef","shallowRef","watch","useAttach","provide","FieldSymbol","field","options","mergedSlots","mergeSlots","decoratorContent","decoratorSlots","childNodes","normalizedChildren","child","wrapFragment","finalComponent","FormPath","decoratorEntry","decoratorAttrs","toJS","attrs","events","extractAttrsAndEvents","decoratorProps","createVNodeProps","h","component","componentEntry","originData","fieldValue","isVoidField","composedAttrs","modelUpdateHandler","focusHandler","blurHandler","emitInput","args","componentProps"],"mappings":"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"}
+{"version":3,"file":"ReactiveField.mjs","sources":["../../src/components/ReactiveField.ts"],"sourcesContent":["import type { GeneralField } from '@formily/core'\nimport type { Ref, VNode } from 'vue'\nimport type { IReactiveFieldProps } from '../types'\nimport { isVoidField } from '@formily/core'\nimport { toJS } from '@formily/reactive'\nimport { FormPath } from '@formily/shared'\nimport { useObserver } from '@silver-formily/reactive-vue'\nimport { defineComponent, h, inject, provide, ref, shallowRef, watch } from 'vue'\nimport { useField, useForm } from '../hooks'\nimport { useAttach } from '../hooks/useAttach'\n\nimport { FieldSymbol, SchemaOptionsSymbol, SchemaSymbol } from '../shared'\nimport { createVNodeProps, extractAttrsAndEvents, mergeSlots, wrapFragment } from '../utils/reactiveFieldHelpers'\n\ntype ComponentEventArgs = unknown[]\ntype ComponentEventHandler = (...args: ComponentEventArgs) => unknown\n\nexport default defineComponent({\n  name: 'ReactiveField',\n  props: {\n    fieldType: {\n      type: String,\n      default: 'Field',\n    },\n    fieldProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  setup(props: IReactiveFieldProps, { slots }) {\n    const formRef = useForm()\n    const parentRef = useField()\n    const optionsRef = inject(SchemaOptionsSymbol, ref())\n    const schemaRef = inject(SchemaSymbol, ref())\n\n    useObserver()\n\n    const createField = () =>\n      formRef?.value?.[`create${props.fieldType}`]?.({\n        ...props.fieldProps,\n        basePath: props.fieldProps?.basePath ?? parentRef.value?.address,\n      })\n\n    const fieldRef = shallowRef(createField()) as Ref<GeneralField>\n\n    watch(\n      () => props.fieldProps,\n      () => (fieldRef.value = createField()),\n    )\n\n    useAttach(fieldRef)\n    provide(FieldSymbol, fieldRef)\n\n    return () => {\n      const field = fieldRef.value\n      const options = optionsRef.value\n\n      if (!field) {\n        return slots.default?.()\n      }\n\n      if (field.display !== 'visible') {\n        return null\n      }\n\n      const mergedSlots = mergeSlots(field, slots, field.content)\n      const decoratorContent = schemaRef.value?.['x-decorator-content']\n        ?? props.fieldProps?.decoratorContent\n      const decoratorSlots = mergeSlots(field, slots, decoratorContent)\n\n      const renderDecorator = (childNodes: Array<VNode | null | undefined>) => {\n        const normalizedChildren = childNodes.filter(child => child != null) as VNode[]\n        if (!field.decoratorType) {\n          return wrapFragment(normalizedChildren)\n        }\n\n        const finalComponent\n          = FormPath.getIn(options?.components, field.decoratorType as string) ?? field.decoratorType\n        const decoratorEntry = Array.isArray(field.decorator) ? field.decorator[1] : undefined\n        const decoratorAttrs = toJS(decoratorEntry) || {}\n        const { attrs, events } = extractAttrsAndEvents(decoratorAttrs)\n        const decoratorProps = createVNodeProps(attrs, events)\n\n        return h(finalComponent, decoratorProps, {\n          ...decoratorSlots,\n          default: () => normalizedChildren,\n        })\n      }\n\n      const renderComponent = (): VNode | null => {\n        if (!field.componentType) {\n          return wrapFragment(mergedSlots?.default?.())\n        }\n\n        const component\n          = FormPath.getIn(options?.components, field.componentType as string) ?? field.componentType\n\n        const componentEntry = Array.isArray(field.component) ? field.component[1] : undefined\n        const originData = toJS(componentEntry) || {}\n        const fieldValue = !isVoidField(field) ? field.value : undefined\n        const composedAttrs = {\n          disabled: !isVoidField(field)\n            ? field.pattern === 'disabled' || field.pattern === 'readPretty'\n            : undefined,\n          readOnly: !isVoidField(field) ? field.pattern === 'readOnly' : undefined,\n          ...originData,\n          modelValue: fieldValue,\n        }\n        const { attrs, events } = extractAttrsAndEvents(composedAttrs)\n        const modelUpdateHandler: ComponentEventHandler | undefined = events['update:modelValue']\n        const focusHandler: ComponentEventHandler | undefined = events.focus\n        const blurHandler: ComponentEventHandler | undefined = events.blur\n\n        const emitInput = (...args: ComponentEventArgs) => {\n          if (!isVoidField(field)) {\n            field.onInput(...(args as Parameters<typeof field.onInput>))\n          }\n        }\n\n        events['update:modelValue'] = (...args: ComponentEventArgs) => {\n          emitInput(...args)\n          modelUpdateHandler?.(...args)\n        }\n        events.focus = (...args: ComponentEventArgs) => {\n          if (!isVoidField(field)) {\n            field.onFocus(...(args as Parameters<typeof field.onFocus>))\n          }\n          focusHandler?.(...args)\n        }\n        events.blur = (...args: ComponentEventArgs) => {\n          if (!isVoidField(field)) {\n            field.onBlur(...(args as Parameters<typeof field.onBlur>))\n          }\n          blurHandler?.(...args)\n        }\n\n        const componentProps = createVNodeProps(attrs, events)\n        return h(component, componentProps, mergedSlots)\n      }\n\n      return renderDecorator([renderComponent()])\n    }\n  },\n})\n"],"names":["ReactiveField","defineComponent","props","slots","formRef","useForm","parentRef","useField","optionsRef","inject","SchemaOptionsSymbol","ref","schemaRef","SchemaSymbol","useObserver","createField","fieldRef","shallowRef","watch","useAttach","provide","FieldSymbol","field","options","mergedSlots","mergeSlots","decoratorContent","decoratorSlots","childNodes","normalizedChildren","child","wrapFragment","finalComponent","FormPath","decoratorEntry","decoratorAttrs","toJS","attrs","events","extractAttrsAndEvents","decoratorProps","createVNodeProps","h","component","componentEntry","originData","fieldValue","isVoidField","composedAttrs","modelUpdateHandler","focusHandler","blurHandler","emitInput","args","componentProps"],"mappings":"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"}

package/esm/components/RecursionField.d.ts

@@ -2,21 +2,21 @@ import { VNode } from 'vue';
 import { Schema } from '@formily/json-schema';
 declare const RecursionField: import('vue').DefineComponent<{
     schema: Schema | import('@formily/json-schema').ISchema;
-    name?: import('@formily/json-schema').SchemaKey;
-    basePath?: import('@formily/shared').FormPathPattern;
-    onlyRenderProperties?: boolean;
-    onlyRenderSelf?: boolean;
-    mapProperties?: import('..').ISchemaMapper;
-    filterProperties?: import('..').ISchemaFilter;
+    name?: import('@formily/json-schema').SchemaKey | undefined;
+    basePath?: import('@formily/shared').FormPathPattern | undefined;
+    onlyRenderProperties?: boolean | undefined;
+    onlyRenderSelf?: boolean | undefined;
+    mapProperties?: import('..').ISchemaMapper | undefined;
+    filterProperties?: import('..').ISchemaFilter | undefined;
 }, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+}> | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     schema: Schema | import('@formily/json-schema').ISchema;
-    name?: import('@formily/json-schema').SchemaKey;
-    basePath?: import('@formily/shared').FormPathPattern;
-    onlyRenderProperties?: boolean;
-    onlyRenderSelf?: boolean;
-    mapProperties?: import('..').ISchemaMapper;
-    filterProperties?: import('..').ISchemaFilter;
+    name?: import('@formily/json-schema').SchemaKey | undefined;
+    basePath?: import('@formily/shared').FormPathPattern | undefined;
+    onlyRenderProperties?: boolean | undefined;
+    onlyRenderSelf?: boolean | undefined;
+    mapProperties?: import('..').ISchemaMapper | undefined;
+    filterProperties?: import('..').ISchemaFilter | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default RecursionField;