@silver-formily/vue 2.3.2 → 2.3.4

package/esm/components/FormConsumer.mjs

@@ -1,19 +1,18 @@
-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";
-const p = t({
-  name: "FormConsumer",
-  inheritAttrs: !1,
-  setup(n, { slots: e }) {
-    m({
-      scheduler: (o) => Promise.resolve().then(o)
-    });
-    const r = s();
-    return () => e.default?.({ form: r.value }) ?? null;
-  }
+import { useForm } from "../hooks/useForm.mjs";
+import "../hooks/index.mjs";
+import { defineComponent } from "vue";
+import { useObserver } from "@silver-formily/reactive-vue";
+//#region src/components/FormConsumer.ts
+var FormConsumer_default = defineComponent({
+	name: "FormConsumer",
+	inheritAttrs: false,
+	setup(_, { slots }) {
+		useObserver({ scheduler: (update) => Promise.resolve().then(update) });
+		const form = useForm();
+		return () => slots.default?.({ form: form.value }) ?? null;
+	}
 });
-export {
-  p as default
-};
-//# sourceMappingURL=FormConsumer.mjs.map
+//#endregion
+export { FormConsumer_default as default };
+
+//# sourceMappingURL=FormConsumer.mjs.map

package/esm/components/FormConsumer.mjs.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"FormConsumer.mjs","names":[],"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"],"mappings":";;;;;AAIA,IAAA,uBAAe,gBAAgB;CAC7B,MAAM;CACN,cAAc;CACd,MAAM,GAAG,EAAE,SAAS;AAClB,cAAY,EACV,YAAW,WAAU,QAAQ,SAAS,CAAC,KAAK,OAAO,EACpD,CAAC;EAEF,MAAM,OAAO,SAAS;AAEtB,eAAa,MAAM,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI;;CAEzD,CAAC"}

package/esm/components/FormProvider.d.ts

@@ -1,16 +1,21 @@
-import { PropType } from 'vue';
-import { IProviderProps } from '../types';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    form: {
-        type: PropType<IProviderProps["form"]>;
-        required: true;
-    };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    form: {
-        type: PropType<IProviderProps["form"]>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+import { IProviderProps } from "../types/index.js";
+import * as _$vue from "vue";
+import { PropType } from "vue";
+
+//#region src/components/FormProvider.d.ts
+declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+  form: {
+    type: PropType<IProviderProps["form"]>;
+    required: true;
+  };
+}>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}>[] | undefined, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  form: {
+    type: PropType<IProviderProps["form"]>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default };
+//# sourceMappingURL=FormProvider.d.ts.map

package/esm/components/FormProvider.mjs

@@ -1,27 +1,27 @@
-import { defineComponent as m, toRef as t, provide as p } from "vue";
-import { useAttach as i } from "../hooks/useAttach.mjs";
-import { useInjectionCleaner as f } from "../hooks/useInjectionCleaner.mjs";
-import { FormSymbol as n, FieldSymbol as a, SchemaMarkupSymbol as S, SchemaSymbol as c, SchemaExpressionScopeSymbol as l, SchemaOptionsSymbol as s } from "../shared/context.mjs";
-const h = m({
-  name: "FormProvider",
-  props: {
-    form: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(o, { slots: e }) {
-    const r = i(t(o, "form"));
-    return p(n, r), f([
-      a,
-      S,
-      c,
-      l,
-      s
-    ]), () => e.default?.();
-  }
+import { FieldSymbol, FormSymbol, SchemaExpressionScopeSymbol, SchemaMarkupSymbol, SchemaOptionsSymbol, SchemaSymbol } from "../shared/context.mjs";
+import { useAttach } from "../hooks/useAttach.mjs";
+import { useInjectionCleaner } from "../hooks/useInjectionCleaner.mjs";
+import { defineComponent, provide, toRef } from "vue";
+//#region src/components/FormProvider.ts
+var FormProvider_default = defineComponent({
+	name: "FormProvider",
+	props: { form: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { slots }) {
+		provide(FormSymbol, useAttach(toRef(props, "form")));
+		useInjectionCleaner([
+			FieldSymbol,
+			SchemaMarkupSymbol,
+			SchemaSymbol,
+			SchemaExpressionScopeSymbol,
+			SchemaOptionsSymbol
+		]);
+		return () => slots.default?.();
+	}
 });
-export {
-  h as default
-};
-//# sourceMappingURL=FormProvider.mjs.map
+//#endregion
+export { FormProvider_default as default };
+
+//# sourceMappingURL=FormProvider.mjs.map

package/esm/components/FormProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormProvider.mjs","sources":["../../src/components/FormProvider.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type { IProviderProps } from '../types'\nimport { defineComponent, provide, toRef } from 'vue'\nimport { useAttach } from '../hooks/useAttach'\nimport { useInjectionCleaner } from '../hooks/useInjectionCleaner'\nimport {\n  FieldSymbol,\n  FormSymbol,\n  SchemaExpressionScopeSymbol,\n  SchemaMarkupSymbol,\n  SchemaOptionsSymbol,\n  SchemaSymbol,\n} from '../shared/context'\n\nexport default defineComponent({\n  name: 'FormProvider',\n  props: {\n    form: {\n      type: Object as PropType<IProviderProps['form']>,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    const formRef = useAttach(toRef(props, 'form'))\n    provide(FormSymbol, formRef)\n    useInjectionCleaner([\n      FieldSymbol,\n      SchemaMarkupSymbol,\n      SchemaSymbol,\n      SchemaExpressionScopeSymbol,\n      SchemaOptionsSymbol,\n    ])\n\n    return () => slots.default?.()\n  },\n})\n"],"names":["FormProvider","defineComponent","props","slots","formRef","useAttach","toRef","provide","FormSymbol","useInjectionCleaner","FieldSymbol","SchemaMarkupSymbol","SchemaSymbol","SchemaExpressionScopeSymbol","SchemaOptionsSymbol"],"mappings":";;;;AAcA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,MAAMC,GAAO,EAAE,OAAAC,KAAS;AACtB,UAAMC,IAAUC,EAAUC,EAAMJ,GAAO,MAAM,CAAC;AAC9C,WAAAK,EAAQC,GAAYJ,CAAO,GAC3BK,EAAoB;AAAA,MAClBC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA,CACD,GAEM,MAAMX,EAAM,UAAA;AAAA,EACrB;AACF,CAAC;"}
+{"version":3,"file":"FormProvider.mjs","names":[],"sources":["../../src/components/FormProvider.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type { IProviderProps } from '../types'\nimport { defineComponent, provide, toRef } from 'vue'\nimport { useAttach } from '../hooks/useAttach'\nimport { useInjectionCleaner } from '../hooks/useInjectionCleaner'\nimport {\n  FieldSymbol,\n  FormSymbol,\n  SchemaExpressionScopeSymbol,\n  SchemaMarkupSymbol,\n  SchemaOptionsSymbol,\n  SchemaSymbol,\n} from '../shared/context'\n\nexport default defineComponent({\n  name: 'FormProvider',\n  props: {\n    form: {\n      type: Object as PropType<IProviderProps['form']>,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    const formRef = useAttach(toRef(props, 'form'))\n    provide(FormSymbol, formRef)\n    useInjectionCleaner([\n      FieldSymbol,\n      SchemaMarkupSymbol,\n      SchemaSymbol,\n      SchemaExpressionScopeSymbol,\n      SchemaOptionsSymbol,\n    ])\n\n    return () => slots.default?.()\n  },\n})\n"],"mappings":";;;;;AAcA,IAAA,uBAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO,EACL,MAAM;EACJ,MAAM;EACN,UAAU;EACX,EACF;CACD,MAAM,OAAO,EAAE,SAAS;AAEtB,UAAQ,YADQ,UAAU,MAAM,OAAO,OAAO,CAAC,CACnB;AAC5B,sBAAoB;GAClB;GACA;GACA;GACA;GACA;GACD,CAAC;AAEF,eAAa,MAAM,WAAW;;CAEjC,CAAC"}

package/esm/components/ObjectField.d.ts

@@ -1,58 +1,68 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly name: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
-    readonly title: import('../utils/runtimeProps').RuntimeProp<any>;
-    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 | 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> | 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>;
-    readonly visible: import('../utils/runtimeProps').RuntimeProp<boolean>;
-    readonly editable: import('../utils/runtimeProps').RuntimeProp<boolean>;
-    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 | 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, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly name: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
-    readonly title: import('../utils/runtimeProps').RuntimeProp<any>;
-    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 | 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> | 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>;
-    readonly visible: import('../utils/runtimeProps').RuntimeProp<boolean>;
-    readonly editable: import('../utils/runtimeProps').RuntimeProp<boolean>;
-    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 | 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>;
-export default _default;
+import { SchemaFieldValidator } from "../types/index.js";
+import { RuntimeProp } from "../utils/runtimeProps.js";
+import * as _$vue from "vue";
+import * as _$_formily_core0 from "@formily/core";
+
+//#region src/components/ObjectField.d.ts
+declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+  readonly name: RuntimeProp<_$_formily_core0.FormPathPattern>;
+  readonly title: RuntimeProp<any>;
+  readonly description: RuntimeProp<any>;
+  readonly value: RuntimeProp<any>;
+  readonly initialValue: RuntimeProp<any>;
+  readonly basePath: RuntimeProp<_$_formily_core0.FormPathPattern | undefined>;
+  readonly decorator: RuntimeProp<_$_formily_core0.FieldDecorator<_$vue.Component, any> | undefined>;
+  readonly decoratorContent: RuntimeProp<any>;
+  readonly component: RuntimeProp<_$_formily_core0.FieldComponent<_$vue.Component, any> | undefined>;
+  readonly display: RuntimeProp<_$_formily_core0.FieldDisplayTypes | undefined>;
+  readonly pattern: RuntimeProp<_$_formily_core0.FieldPatternTypes | undefined>;
+  readonly required: RuntimeProp<boolean>;
+  readonly validateFirst: RuntimeProp<boolean>;
+  readonly hidden: RuntimeProp<boolean>;
+  readonly visible: RuntimeProp<boolean>;
+  readonly editable: RuntimeProp<boolean>;
+  readonly disabled: RuntimeProp<boolean>;
+  readonly readOnly: RuntimeProp<boolean>;
+  readonly readPretty: RuntimeProp<boolean>;
+  readonly loading: RuntimeProp<boolean>;
+  readonly dataSource: RuntimeProp<_$_formily_core0.FieldDataSource | undefined>;
+  readonly validatePattern: RuntimeProp<_$_formily_core0.FieldPatternTypes[] | undefined>;
+  readonly validateDisplay: RuntimeProp<_$_formily_core0.FieldDisplayTypes[] | undefined>;
+  readonly validator: RuntimeProp<SchemaFieldValidator | undefined>;
+  readonly reactions: RuntimeProp<_$_formily_core0.FieldReaction | _$_formily_core0.FieldReaction[] | undefined>;
+  readonly content: RuntimeProp<any>;
+  readonly data: RuntimeProp<any>;
+}>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  readonly name: RuntimeProp<_$_formily_core0.FormPathPattern>;
+  readonly title: RuntimeProp<any>;
+  readonly description: RuntimeProp<any>;
+  readonly value: RuntimeProp<any>;
+  readonly initialValue: RuntimeProp<any>;
+  readonly basePath: RuntimeProp<_$_formily_core0.FormPathPattern | undefined>;
+  readonly decorator: RuntimeProp<_$_formily_core0.FieldDecorator<_$vue.Component, any> | undefined>;
+  readonly decoratorContent: RuntimeProp<any>;
+  readonly component: RuntimeProp<_$_formily_core0.FieldComponent<_$vue.Component, any> | undefined>;
+  readonly display: RuntimeProp<_$_formily_core0.FieldDisplayTypes | undefined>;
+  readonly pattern: RuntimeProp<_$_formily_core0.FieldPatternTypes | undefined>;
+  readonly required: RuntimeProp<boolean>;
+  readonly validateFirst: RuntimeProp<boolean>;
+  readonly hidden: RuntimeProp<boolean>;
+  readonly visible: RuntimeProp<boolean>;
+  readonly editable: RuntimeProp<boolean>;
+  readonly disabled: RuntimeProp<boolean>;
+  readonly readOnly: RuntimeProp<boolean>;
+  readonly readPretty: RuntimeProp<boolean>;
+  readonly loading: RuntimeProp<boolean>;
+  readonly dataSource: RuntimeProp<_$_formily_core0.FieldDataSource | undefined>;
+  readonly validatePattern: RuntimeProp<_$_formily_core0.FieldPatternTypes[] | undefined>;
+  readonly validateDisplay: RuntimeProp<_$_formily_core0.FieldDisplayTypes[] | undefined>;
+  readonly validator: RuntimeProp<SchemaFieldValidator | undefined>;
+  readonly reactions: RuntimeProp<_$_formily_core0.FieldReaction | _$_formily_core0.FieldReaction[] | undefined>;
+  readonly content: RuntimeProp<any>;
+  readonly data: RuntimeProp<any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default };
+//# sourceMappingURL=ObjectField.d.ts.map

package/esm/components/ObjectField.mjs

@@ -1,24 +1,24 @@
-import { defineComponent as r, h as i } from "vue";
-import { fieldProps as m } from "../utils/fieldProps.mjs";
-import { getRawComponent as n } from "../utils/getRawComponent.mjs";
-import p from "./ReactiveField.mjs";
-const c = r({
-  name: "ObjectField",
-  props: m,
-  setup(e, { slots: t }) {
-    return () => {
-      const o = {
-        fieldType: "ObjectField",
-        fieldProps: {
-          ...e,
-          ...n(e)
-        }
-      };
-      return i(p, o, t);
-    };
-  }
+import { fieldProps } from "../utils/fieldProps.mjs";
+import { getRawComponent } from "../utils/getRawComponent.mjs";
+import ReactiveField_default from "./ReactiveField.mjs";
+import { defineComponent, h } from "vue";
+//#region src/components/ObjectField.ts
+var ObjectField_default = defineComponent({
+	name: "ObjectField",
+	props: fieldProps,
+	setup(props, { slots }) {
+		return () => {
+			return h(ReactiveField_default, {
+				fieldType: "ObjectField",
+				fieldProps: {
+					...props,
+					...getRawComponent(props)
+				}
+			}, slots);
+		};
+	}
 });
-export {
-  c as default
-};
-//# sourceMappingURL=ObjectField.mjs.map
+//#endregion
+export { ObjectField_default as default };
+
+//# sourceMappingURL=ObjectField.mjs.map

package/esm/components/ObjectField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectField.mjs","sources":["../../src/components/ObjectField.ts"],"sourcesContent":["import { defineComponent, h } from 'vue'\nimport { fieldProps } from '../utils/fieldProps'\nimport { getRawComponent } from '../utils/getRawComponent'\nimport ReactiveField from './ReactiveField'\n\nexport default defineComponent({\n  name: 'ObjectField',\n  props: fieldProps,\n  setup(props, { slots }) {\n    return () => {\n      const componentData = {\n        fieldType: 'ObjectField',\n        fieldProps: {\n          ...props,\n          ...getRawComponent(props),\n        },\n      }\n      return h(ReactiveField, componentData, slots)\n    }\n  },\n})\n"],"names":["ObjectField","defineComponent","fieldProps","props","slots","componentData","getRawComponent","h","ReactiveField"],"mappings":";;;;AAKA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,MAAMC,GAAO,EAAE,OAAAC,KAAS;AACtB,WAAO,MAAM;AACX,YAAMC,IAAgB;AAAA,QACpB,WAAW;AAAA,QACX,YAAY;AAAA,UACV,GAAGF;AAAA,UACH,GAAGG,EAAgBH,CAAK;AAAA,QAAA;AAAA,MAC1B;AAEF,aAAOI,EAAEC,GAAeH,GAAeD,CAAK;AAAA,IAC9C;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"ObjectField.mjs","names":["ReactiveField"],"sources":["../../src/components/ObjectField.ts"],"sourcesContent":["import { defineComponent, h } from 'vue'\nimport { fieldProps } from '../utils/fieldProps'\nimport { getRawComponent } from '../utils/getRawComponent'\nimport ReactiveField from './ReactiveField'\n\nexport default defineComponent({\n  name: 'ObjectField',\n  props: fieldProps,\n  setup(props, { slots }) {\n    return () => {\n      const componentData = {\n        fieldType: 'ObjectField',\n        fieldProps: {\n          ...props,\n          ...getRawComponent(props),\n        },\n      }\n      return h(ReactiveField, componentData, slots)\n    }\n  },\n})\n"],"mappings":";;;;;AAKA,IAAA,sBAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;AACtB,eAAa;AAQX,UAAO,EAAEA,uBAPa;IACpB,WAAW;IACX,YAAY;KACV,GAAG;KACH,GAAG,gBAAgB,MAAM;KAC1B;IACF,EACsC,MAAM;;;CAGlD,CAAC"}

package/esm/components/ReactiveField.mjs

@@ -1,76 +1,104 @@
-import { isVoidField as r } from "@formily/core";
-import { toJS as P } from "@formily/reactive";
-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";
-import { useForm as K } from "../hooks/useForm.mjs";
-import { useAttach as L } from "../hooks/useAttach.mjs";
-import { mergeSlots as R, wrapFragment as T, extractAttrsAndEvents as C, createVNodeProps as V } from "../utils/reactiveFieldHelpers.mjs";
-const ae = B({
-  name: "ReactiveField",
-  props: {
-    fieldType: {
-      type: String,
-      default: "Field"
-    },
-    fieldProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(n, { slots: d }) {
-    const O = K(), g = $(), I = F(k, S()), w = F(q, S());
-    z();
-    const y = () => O?.value?.[`create${n.fieldType}`]?.({
-      ...n.fieldProps,
-      basePath: n.fieldProps?.basePath ?? g.value?.address
-    }), a = J(y());
-    return N(
-      () => n.fieldProps,
-      () => a.value = y()
-    ), L(a), U(G, a), () => {
-      const e = a.value, v = I.value;
-      if (!e)
-        return d.default?.();
-      if (e.display !== "visible")
-        return null;
-      const b = R(e, d, e.content), x = w.value?.["x-decorator-content"] ?? n.fieldProps?.decoratorContent, D = R(e, d, x);
-      return ((s) => {
-        const c = s.filter((u) => u != null);
-        if (!e.decoratorType)
-          return T(c);
-        const l = h.getIn(v?.components, e.decoratorType) ?? e.decoratorType, i = Array.isArray(e.decorator) ? e.decorator[1] : void 0, m = P(i) || {}, { attrs: p, events: t } = C(m), f = V(p, t);
-        return A(l, f, {
-          ...D,
-          default: () => c
-        });
-      })([(() => {
-        if (!e.componentType)
-          return T(b?.default?.());
-        const s = h.getIn(v?.components, e.componentType) ?? e.componentType, c = Array.isArray(e.component) ? e.component[1] : void 0, l = P(c) || {}, i = r(e) ? void 0 : e.value, m = {
-          disabled: r(e) ? void 0 : e.pattern === "disabled" || e.pattern === "readPretty",
-          readOnly: r(e) ? void 0 : e.pattern === "readOnly",
-          ...l,
-          modelValue: i
-        }, { attrs: p, events: t } = C(m), f = t["update:modelValue"], u = t.focus, E = t.blur, H = (...o) => {
-          r(e) || e.onInput(...o);
-        };
-        t["update:modelValue"] = (...o) => {
-          H(...o), f?.(...o);
-        }, t.focus = (...o) => {
-          r(e) || e.onFocus(...o), u?.(...o);
-        }, t.blur = (...o) => {
-          r(e) || e.onBlur(...o), E?.(...o);
-        };
-        const j = V(p, t);
-        return A(s, j, b);
-      })()]);
-    };
-  }
+import { FieldSymbol, SchemaOptionsSymbol, SchemaSymbol } from "../shared/context.mjs";
+import { useField } from "../hooks/useField.mjs";
+import { useForm } from "../hooks/useForm.mjs";
+import "../hooks/index.mjs";
+import { useAttach } from "../hooks/useAttach.mjs";
+import { createVNodeProps, extractAttrsAndEvents, mergeSlots, wrapFragment } from "../utils/reactiveFieldHelpers.mjs";
+import "../shared/index.mjs";
+import { defineComponent, h, inject, provide, ref, shallowRef, watch } from "vue";
+import { isVoidField } from "@formily/core";
+import { toJS } from "@formily/reactive";
+import { FormPath } from "@formily/shared";
+import { useObserver } from "@silver-formily/reactive-vue";
+//#region src/components/ReactiveField.ts
+var ReactiveField_default = defineComponent({
+	name: "ReactiveField",
+	props: {
+		fieldType: {
+			type: String,
+			default: "Field"
+		},
+		fieldProps: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props, { slots }) {
+		const formRef = useForm();
+		const parentRef = useField();
+		const optionsRef = inject(SchemaOptionsSymbol, ref());
+		const schemaRef = inject(SchemaSymbol, ref());
+		useObserver();
+		const syncFieldRuntimeState = (field) => {
+			if (!field || isVoidField(field)) return field;
+			const loading = "loading" in props.fieldProps ? props.fieldProps.loading : void 0;
+			if (loading !== void 0 && field.loading !== loading) field.setLoading?.(loading);
+			return field;
+		};
+		const createField = () => syncFieldRuntimeState(formRef?.value?.[`create${props.fieldType}`]?.({
+			...props.fieldProps,
+			basePath: props.fieldProps?.basePath ?? parentRef.value?.address
+		}));
+		const fieldRef = shallowRef(createField());
+		watch(() => props.fieldProps, () => {
+			const nextField = createField();
+			if (nextField) fieldRef.value = nextField;
+		});
+		useAttach(fieldRef);
+		provide(FieldSymbol, fieldRef);
+		return () => {
+			const field = fieldRef.value;
+			const options = optionsRef.value;
+			if (!field) return slots.default?.();
+			if (field.display !== "visible") return null;
+			const mergedSlots = mergeSlots(field, slots, field.content);
+			const decoratorSlots = mergeSlots(field, slots, schemaRef.value?.["x-decorator-content"] ?? props.fieldProps?.decoratorContent);
+			const renderDecorator = (childNodes) => {
+				const normalizedChildren = childNodes.filter((child) => child != null);
+				if (!field.decoratorType) return wrapFragment(normalizedChildren);
+				const finalComponent = FormPath.getIn(options?.components, field.decoratorType) ?? field.decoratorType;
+				const { attrs, events } = extractAttrsAndEvents(toJS(Array.isArray(field.decorator) ? field.decorator[1] : void 0) || {});
+				return h(finalComponent, createVNodeProps(attrs, events), {
+					...decoratorSlots,
+					default: () => normalizedChildren
+				});
+			};
+			const renderComponent = () => {
+				if (!field.componentType) return wrapFragment(mergedSlots?.default?.());
+				const component = FormPath.getIn(options?.components, field.componentType) ?? field.componentType;
+				const originData = toJS(Array.isArray(field.component) ? field.component[1] : void 0) || {};
+				const fieldValue = !isVoidField(field) ? field.value : void 0;
+				const { attrs, events } = extractAttrsAndEvents({
+					disabled: !isVoidField(field) ? field.pattern === "disabled" || field.pattern === "readPretty" : void 0,
+					readOnly: !isVoidField(field) ? field.pattern === "readOnly" : void 0,
+					...originData,
+					modelValue: fieldValue
+				});
+				const modelUpdateHandler = events["update:modelValue"];
+				const focusHandler = events.focus;
+				const blurHandler = events.blur;
+				const emitInput = (...args) => {
+					if (!isVoidField(field)) field.onInput(...args);
+				};
+				events["update:modelValue"] = (...args) => {
+					emitInput(...args);
+					modelUpdateHandler?.(...args);
+				};
+				events.focus = (...args) => {
+					if (!isVoidField(field)) field.onFocus(...args);
+					focusHandler?.(...args);
+				};
+				events.blur = (...args) => {
+					if (!isVoidField(field)) field.onBlur(...args);
+					blurHandler?.(...args);
+				};
+				return h(component, createVNodeProps(attrs, events), mergedSlots);
+			};
+			return renderDecorator([renderComponent()]);
+		};
+	}
 });
-export {
-  ae as default
-};
-//# sourceMappingURL=ReactiveField.mjs.map
+//#endregion
+export { ReactiveField_default as default };
+
+//# sourceMappingURL=ReactiveField.mjs.map

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 { 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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"}
+{"version":3,"file":"ReactiveField.mjs","names":[],"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    // HACK: 修复运行时状态：https://github.com/alibaba/formily/issues/4357\n    const syncFieldRuntimeState = (field?: GeneralField) => {\n      if (!field || isVoidField(field)) {\n        return field\n      }\n\n      const loading = 'loading' in props.fieldProps\n        ? props.fieldProps.loading\n        : undefined\n      if (loading !== undefined && field.loading !== loading) {\n        field.setLoading?.(loading)\n      }\n\n      return field\n    }\n\n    const createField = () =>\n      syncFieldRuntimeState(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      () => {\n        const nextField = createField()\n        if (nextField) {\n          fieldRef.value = nextField\n        }\n      },\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"],"mappings":"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"}