@silver-formily/vue 2.1.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.en.md +1 -0
  2. package/README.md +1 -0
  3. package/esm/components/ArrayField.d.ts +2 -0
  4. package/esm/components/Field.d.ts +2 -0
  5. package/esm/components/ObjectField.d.ts +2 -0
  6. package/esm/components/ReactiveField.mjs +37 -36
  7. package/esm/components/ReactiveField.mjs.map +1 -1
  8. package/esm/components/SchemaField.d.ts +22 -4
  9. package/esm/components/VoidField.d.ts +2 -0
  10. package/esm/types/index.d.ts +9 -2
  11. package/esm/utils/fieldProps.d.ts +2 -0
  12. package/esm/utils/fieldProps.mjs +2 -0
  13. package/esm/utils/fieldProps.mjs.map +1 -1
  14. package/esm/utils/schemaFieldProps.d.ts +1 -0
  15. package/esm/utils/schemaFieldProps.mjs +5 -4
  16. package/esm/utils/schemaFieldProps.mjs.map +1 -1
  17. package/package.json +4 -2
package/README.en.md CHANGED
@@ -10,6 +10,7 @@
10
10
  - **Native DOM & events** – relies on `modelValue` / `onUpdate:modelValue`, so Element Plus and most Vue 3 UI kits work without extra adapters.
11
11
  - **Richer TypeScript hints** – explicit generics and shared interfaces sit beside the runtime to keep emitted `.d.ts` files in sync.
12
12
  - **Formily ecosystem alignment** – works with `@formily/core`, `@formily/json-schema`, and other official packages, keeping migration costs low.
13
+ - **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).
13
14
  - **Docs & demos included** – VitePress docs describe APIs, migration notes, and Element Plus demos; run `pnpm docs:dev` to browse locally.
14
15
 
15
16
  ## 🔄 Differences vs `@formily/vue`
package/README.md CHANGED
@@ -10,6 +10,7 @@
10
10
  - **原生 DOM 与事件语义**：统一使用 `modelValue` / `onUpdate:modelValue`，Element Plus 等组件可直接对接。
11
11
  - **完善的 TypeScript 类型**：在运行时附近维护显式泛型与公共接口，确保生成的 `.d.ts` 与实现同步。
12
12
  - **Formily 生态对齐**：与 `@formily/core`、`@formily/json-schema` 等官方包保持兼容，迁移成本低。
13
+ - **Decorator 插槽支持**：通过 `:decorator-content` 与 `x-decorator-content` 将 `FormItem` 等装饰器的 `default`、`label`、`extra` 插槽与 schema 数据解耦，详见[常见问题](./docs/questions/index.md#如何向装饰器传递插槽)。
13
14
  - **配套文档与示例**：内置 VitePress 文档，包含 API、迁移提示以及 Element Plus 示例，执行 `pnpm docs:dev` 即可查看。
14
15
 
15
16
  ## 🔄 与 `@formily/vue` 的差异
package/esm/components/ArrayField.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  declare const _default: import('vue').DefineComponent<{
2
2
  validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
3
+ decoratorContent?: any;
3
4
  required?: boolean;
4
5
  pattern?: string;
5
6
  name: import('@formily/core').FormPathPattern;
@@ -28,6 +29,7 @@ declare const _default: import('vue').DefineComponent<{
28
29
  [key: string]: any;
29
30
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
30
31
  validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
32
+ decoratorContent?: any;
31
33
  required?: boolean;
32
34
  pattern?: string;
33
35
  name: import('@formily/core').FormPathPattern;
package/esm/components/Field.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  declare const _default: import('vue').DefineComponent<{
2
2
  validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
3
+ decoratorContent?: any;
3
4
  required?: boolean;
4
5
  pattern?: string;
5
6
  name: import('@formily/core').FormPathPattern;
@@ -28,6 +29,7 @@ declare const _default: import('vue').DefineComponent<{
28
29
  [key: string]: any;
29
30
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
30
31
  validator?: string | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
32
+ decoratorContent?: any;
31
33
  required?: boolean;
32
34
  pattern?: string;
33
35
  name: import('@formily/core').FormPathPattern;
package/esm/components/ObjectField.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
6
6
  readonly initialValue: import('../utils/runtimeProps').RuntimeProp<any>;
7
7
  readonly basePath: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
8
8
  readonly decorator: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any>>;
9
+ readonly decoratorContent: import('../utils/runtimeProps').RuntimeProp<any>;
9
10
  readonly component: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any>>;
10
11
  readonly display: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes>;
11
12
  readonly pattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes>;
@@ -34,6 +35,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
34
35
  readonly initialValue: import('../utils/runtimeProps').RuntimeProp<any>;
35
36
  readonly basePath: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
36
37
  readonly decorator: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any>>;
38
+ readonly decoratorContent: import('../utils/runtimeProps').RuntimeProp<any>;
37
39
  readonly component: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any>>;
38
40
  readonly display: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes>;
39
41
  readonly pattern: import('../utils/runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes>;
package/esm/components/ReactiveField.mjs CHANGED
@@ -1,14 +1,14 @@
1
1
  import { isVoidField as r } from "@formily/core";
2
- import { toJS as F } from "@formily/reactive";
3
- import { useObserver as w } from "@formily/reactive-vue";
4
- import { FormPath as P } from "@formily/shared";
5
- import { defineComponent as D, inject as E, ref as H, shallowRef as j, watch as x, provide as z, h } from "vue";
6
- import { useField as B } from "../hooks/useField.mjs";
7
- import { SchemaOptionsSymbol as J, FieldSymbol as N } from "../shared/context.mjs";
8
- import { useForm as U } from "../hooks/useForm.mjs";
9
- import { useAttach as $ } from "../hooks/useAttach.mjs";
10
- import { mergeSlots as k, wrapFragment as A, extractAttrsAndEvents as T, createVNodeProps as R } from "../utils/reactiveFieldHelpers.mjs";
11
- const oe = D({
2
+ import { toJS as P } from "@formily/reactive";
3
+ import { useObserver as z } from "@formily/reactive-vue";
4
+ import { FormPath as h } from "@formily/shared";
5
+ import { defineComponent as B, inject as F, ref as S, shallowRef as J, watch as N, provide as U, h as A } from "vue";
6
+ import { useField as $ } from "../hooks/useField.mjs";
7
+ import { SchemaOptionsSymbol as k, SchemaSymbol as q, FieldSymbol as G } from "../shared/context.mjs";
8
+ import { useForm as K } from "../hooks/useForm.mjs";
9
+ import { useAttach as L } from "../hooks/useAttach.mjs";
10
+ import { mergeSlots as R, wrapFragment as T, extractAttrsAndEvents as C, createVNodeProps as V } from "../utils/reactiveFieldHelpers.mjs";
11
+ const ae = B({
12
12
  name: "ReactiveField",
13
13
  props: {
14
14
  fieldType: {
@@ -20,56 +20,57 @@ const oe = D({
20
20
  default: () => ({})
21
21
  }
22
22
  },
23
- setup(n, { slots: u }) {
24
- const S = U(), V = B(), C = E(J, H());
25
- w();
26
- const y = () => S?.value?.[`create${n.fieldType}`]?.({
23
+ setup(n, { slots: d }) {
24
+ const O = K(), g = $(), I = F(k, S()), w = F(q, S());
25
+ z();
26
+ const y = () => O?.value?.[`create${n.fieldType}`]?.({
27
27
  ...n.fieldProps,
28
- basePath: n.fieldProps?.basePath ?? V.value?.address
29
- }), a = j(y());
30
- return x(
28
+ basePath: n.fieldProps?.basePath ?? g.value?.address
29
+ }), a = J(y());
30
+ return N(
31
31
  () => n.fieldProps,
32
32
  () => a.value = y()
33
- ), $(a), z(N, a), () => {
34
- const e = a.value, v = C.value;
33
+ ), L(a), U(G, a), () => {
34
+ const e = a.value, v = I.value;
35
35
  if (!e)
36
- return u.default?.();
36
+ return d.default?.();
37
37
  if (e.display !== "visible")
38
38
  return null;
39
- const b = k(e, u, e.content);
39
+ const b = R(e, d, e.content), x = w.value?.["x-decorator-content"] ?? n.fieldProps?.decoratorContent, D = R(e, d, x);
40
40
  return ((s) => {
41
- const d = s.filter((f) => f != null);
41
+ const c = s.filter((u) => u != null);
42
42
  if (!e.decoratorType)
43
- return A(d);
44
- const c = P.getIn(v?.components, e.decoratorType) ?? e.decoratorType, i = Array.isArray(e.decorator) ? e.decorator[1] : void 0, l = F(i) || {}, { attrs: p, events: t } = T(l), m = R(p, t);
45
- return h(c, m, {
46
- default: () => d
43
+ return T(c);
44
+ 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);
45
+ return A(l, f, {
46
+ ...D,
47
+ default: () => c
47
48
  });
48
49
  })([(() => {
49
50
  if (!e.componentType)
50
- return A(b?.default?.());
51
- const s = P.getIn(v?.components, e.componentType) ?? e.componentType, d = Array.isArray(e.component) ? e.component[1] : void 0, c = F(d) || {}, i = r(e) ? void 0 : e.value, l = {
51
+ return T(b?.default?.());
52
+ 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 = {
52
53
  disabled: r(e) ? void 0 : e.pattern === "disabled" || e.pattern === "readPretty",
53
54
  readOnly: r(e) ? void 0 : e.pattern === "readOnly",
54
- ...c,
55
+ ...l,
55
56
  modelValue: i
56
- }, { attrs: p, events: t } = T(l), m = t["update:modelValue"], f = t.focus, O = t.blur, g = (...o) => {
57
+ }, { attrs: p, events: t } = C(m), f = t["update:modelValue"], u = t.focus, E = t.blur, H = (...o) => {
57
58
  r(e) || e.onInput(...o);
58
59
  };
59
60
  t["update:modelValue"] = (...o) => {
60
- g(...o), m?.(...o);
61
+ H(...o), f?.(...o);
61
62
  }, t.focus = (...o) => {
62
- r(e) || e.onFocus(...o), f?.(...o);
63
+ r(e) || e.onFocus(...o), u?.(...o);
63
64
  }, t.blur = (...o) => {
64
- r(e) || e.onBlur(...o), O?.(...o);
65
+ r(e) || e.onBlur(...o), E?.(...o);
65
66
  };
66
- const I = R(p, t);
67
- return h(s, I, b);
67
+ const j = V(p, t);
68
+ return A(s, j, b);
68
69
  })()]);
69
70
  };
70
71
  }
71
72
  });
72
73
  export {
73
- oe as default
74
+ ae as default
74
75
  };
75
76
  //# sourceMappingURL=ReactiveField.mjs.map
package/esm/components/ReactiveField.mjs.map CHANGED
@@ -1 +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 } 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\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\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 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","useObserver","createField","fieldRef","shallowRef","watch","useAttach","provide","FieldSymbol","field","options","mergedSlots","mergeSlots","childNodes","normalizedChildren","child","wrapFragment","finalComponent","FormPath","decoratorEntry","decoratorAttrs","toJS","attrs","events","extractAttrsAndEvents","decoratorProps","createVNodeProps","component","componentEntry","originData","fieldValue","isVoidField","composedAttrs","modelUpdateHandler","focusHandler","blurHandler","emitInput","args","componentProps"],"mappings":"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"}
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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"}
package/esm/components/SchemaField.d.ts CHANGED
@@ -50,7 +50,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
50
50
  readonly title?: string;
51
51
  readonly description?: string;
52
52
  readonly readOnly?: boolean;
53
- readonly 'x-validator'?: string | boolean | import('../types/validator').IValidateResult | Promise<import('../types/validator').ValidatorFunctionResponse> | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
53
+ readonly 'x-content'?: any;
54
54
  readonly version?: string;
55
55
  readonly default?: any;
56
56
  readonly writeOnly?: boolean;
@@ -174,18 +174,19 @@ export declare function createSchemaField<Components extends SchemaVueComponents
174
174
  readonly 'x-index'?: any;
175
175
  readonly 'x-pattern'?: any;
176
176
  readonly 'x-display'?: any;
177
+ readonly 'x-validator'?: string | boolean | import('../types/validator').IValidateResult | Promise<import('../types/validator').ValidatorFunctionResponse> | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
177
178
  readonly 'x-decorator'?: any;
178
179
  readonly 'x-decorator-props'?: any;
179
180
  readonly 'x-component'?: any;
180
181
  readonly 'x-component-props'?: any;
181
182
  readonly 'x-reactions'?: any;
182
- readonly 'x-content'?: any;
183
183
  readonly 'x-visible'?: boolean;
184
184
  readonly 'x-hidden'?: boolean;
185
185
  readonly 'x-disabled'?: boolean;
186
186
  readonly 'x-editable'?: boolean;
187
187
  readonly 'x-read-only'?: boolean;
188
188
  readonly 'x-read-pretty'?: boolean;
189
+ readonly 'x-decorator-content'?: any;
189
190
  }, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
190
191
  readonly format?: string;
191
192
  readonly required?: string | boolean | string[];
@@ -208,7 +209,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
208
209
  readonly title?: string;
209
210
  readonly description?: string;
210
211
  readonly readOnly?: boolean;
211
- readonly 'x-validator'?: string | boolean | import('../types/validator').IValidateResult | Promise<import('../types/validator').ValidatorFunctionResponse> | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
212
+ readonly 'x-content'?: any;
212
213
  readonly version?: string;
213
214
  readonly default?: any;
214
215
  readonly writeOnly?: boolean;
@@ -332,18 +333,19 @@ export declare function createSchemaField<Components extends SchemaVueComponents
332
333
  readonly 'x-index'?: any;
333
334
  readonly 'x-pattern'?: any;
334
335
  readonly 'x-display'?: any;
336
+ readonly 'x-validator'?: string | boolean | import('../types/validator').IValidateResult | Promise<import('../types/validator').ValidatorFunctionResponse> | import('../types/validator').ValidatorFunction<any> | import('../types/validator').IValidatorRules<any> | import('../types/validator').MultiValidator<any>;
335
337
  readonly 'x-decorator'?: any;
336
338
  readonly 'x-decorator-props'?: any;
337
339
  readonly 'x-component'?: any;
338
340
  readonly 'x-component-props'?: any;
339
341
  readonly 'x-reactions'?: any;
340
- readonly 'x-content'?: any;
341
342
  readonly 'x-visible'?: boolean;
342
343
  readonly 'x-hidden'?: boolean;
343
344
  readonly 'x-disabled'?: boolean;
344
345
  readonly 'x-editable'?: boolean;
345
346
  readonly 'x-read-only'?: boolean;
346
347
  readonly 'x-read-pretty'?: boolean;
348
+ readonly 'x-decorator-content'?: any;
347
349
  }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
348
350
  SchemaStringField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
349
351
  version: import('../utils/runtimeProps').RuntimeProp<string | (string & {})>;
@@ -493,6 +495,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
493
495
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
494
496
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
495
497
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
498
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
496
499
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
497
500
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
498
501
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -653,6 +656,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
653
656
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
654
657
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
655
658
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
659
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
656
660
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
657
661
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
658
662
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -812,6 +816,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
812
816
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
813
817
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
814
818
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
819
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
815
820
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
816
821
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
817
822
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -972,6 +977,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
972
977
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
973
978
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
974
979
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
980
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
975
981
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
976
982
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
977
983
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -1131,6 +1137,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
1131
1137
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
1132
1138
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
1133
1139
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
1140
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
1134
1141
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
1135
1142
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
1136
1143
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -1291,6 +1298,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
1291
1298
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
1292
1299
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
1293
1300
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
1301
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
1294
1302
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
1295
1303
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
1296
1304
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -1450,6 +1458,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
1450
1458
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
1451
1459
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
1452
1460
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
1461
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
1453
1462
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
1454
1463
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
1455
1464
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -1610,6 +1619,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
1610
1619
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
1611
1620
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
1612
1621
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
1622
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
1613
1623
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
1614
1624
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
1615
1625
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -1769,6 +1779,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
1769
1779
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
1770
1780
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
1771
1781
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
1782
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
1772
1783
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
1773
1784
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
1774
1785
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -1929,6 +1940,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
1929
1940
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
1930
1941
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
1931
1942
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
1943
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
1932
1944
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
1933
1945
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
1934
1946
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -2088,6 +2100,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
2088
2100
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
2089
2101
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
2090
2102
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
2103
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
2091
2104
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
2092
2105
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
2093
2106
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -2248,6 +2261,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
2248
2261
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
2249
2262
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
2250
2263
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
2264
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
2251
2265
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
2252
2266
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
2253
2267
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -2407,6 +2421,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
2407
2421
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
2408
2422
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
2409
2423
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
2424
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
2410
2425
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
2411
2426
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
2412
2427
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -2567,6 +2582,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
2567
2582
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
2568
2583
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
2569
2584
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
2585
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
2570
2586
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
2571
2587
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
2572
2588
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -2726,6 +2742,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
2726
2742
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
2727
2743
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
2728
2744
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
2745
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
2729
2746
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
2730
2747
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
2731
2748
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
@@ -2886,6 +2903,7 @@ export declare function createSchemaField<Components extends SchemaVueComponents
2886
2903
  'x-validator': import('../utils/runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
2887
2904
  'x-decorator': import('../utils/runtimeProps').RuntimeProp<any>;
2888
2905
  'x-decorator-props': import('../utils/runtimeProps').RuntimeProp<any>;
2906
+ 'x-decorator-content': import('../utils/runtimeProps').RuntimeProp<any>;
2889
2907
  'x-component': import('../utils/runtimeProps').RuntimeProp<any>;
2890
2908
  'x-component-props': import('../utils/runtimeProps').RuntimeProp<any>;
2891
2909
  'x-reactions': import('../utils/runtimeProps').RuntimeProp<any>;
package/esm/components/VoidField.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const _default: import('vue').DefineComponent<{
16
16
  reactions?: import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction;
17
17
  content?: any;
18
18
  data?: any;
19
+ decoratorContent?: any;
19
20
  }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
20
21
  [key: string]: any;
21
22
  }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -36,5 +37,6 @@ declare const _default: import('vue').DefineComponent<{
36
37
  reactions?: import('@formily/core').FieldReaction[] | import('@formily/core').FieldReaction;
37
38
  content?: any;
38
39
  data?: any;
40
+ decoratorContent?: any;
39
41
  }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
40
42
  export default _default;
package/esm/types/index.d.ts CHANGED
@@ -19,11 +19,15 @@ export interface IProviderProps {
19
19
  }
20
20
  export interface IFieldProps<D extends Component = Component, C extends Component = Component, TextType = any, ValueType = any> extends Omit<CoreFieldProps<D, C, TextType, ValueType>, 'validator'> {
21
21
  validator?: SchemaFieldValidator;
22
+ decoratorContent?: any;
22
23
  }
23
24
  export interface IFieldFactoryProps<D extends Component = Component, C extends Component = Component, TextType = any, ValueType = any> extends Omit<CoreFieldFactoryProps<D, C, TextType, ValueType>, 'validator'> {
24
25
  validator?: SchemaFieldValidator;
26
+ decoratorContent?: any;
25
27
  }
26
- export type IVoidFieldProps<D extends Component = Component, C extends Component = Component> = IVoidFieldFactoryProps<D, C>;
28
+ export type IVoidFieldProps<D extends Component = Component, C extends Component = Component> = IVoidFieldFactoryProps<D, C> & {
29
+ decoratorContent?: any;
30
+ };
27
31
  export type IArrayFieldProps = IFieldProps;
28
32
  export type IObjectFieldProps = IFieldProps;
29
33
  export interface IReactiveFieldProps {
@@ -67,7 +71,10 @@ export interface IRecursionFieldProps {
67
71
  }
68
72
  export type ComponentPath<T, Key extends keyof T = keyof T> = Key extends string ? Key : never;
69
73
  export type ComponentPropsByPathValue<T extends SchemaVueComponents, P extends ComponentPath<T>> = P extends keyof T ? VueComponentProps<T[P]> : never;
70
- type BaseSchemaMarkupFieldProps<Components extends SchemaVueComponents, Decorator extends ComponentPath<Components>, Component extends ComponentPath<Components>> = ISchema<Decorator, Component, ComponentPropsByPathValue<Components, Decorator>, ComponentPropsByPathValue<Components, Component>, FormPatternTypes, FieldDisplayTypes, SchemaFieldValidator, string, GeneralField>;
74
+ type SchemaContent<Decorator, Component, DecoratorProps, ComponentProps, Pattern, Display, Validator, Message, ReactionField> = ISchema<Decorator, Component, DecoratorProps, ComponentProps, Pattern, Display, Validator, Message, ReactionField>['x-content'];
75
+ type BaseSchemaMarkupFieldProps<Components extends SchemaVueComponents = SchemaVueComponents, Decorator extends ComponentPath<Components> = ComponentPath<Components>, Component extends ComponentPath<Components> = ComponentPath<Components>> = ISchema<Decorator, Component, ComponentPropsByPathValue<Components, Decorator>, ComponentPropsByPathValue<Components, Component>, FormPatternTypes, FieldDisplayTypes, SchemaFieldValidator, string, GeneralField> & {
76
+ 'x-decorator-content'?: SchemaContent<Decorator, Component, ComponentPropsByPathValue<Components, Decorator>, ComponentPropsByPathValue<Components, Component>, FormPatternTypes, FieldDisplayTypes, SchemaFieldValidator, string, GeneralField>;
77
+ };
71
78
  type SchemaMarkupFieldShape = ISchema<string, string, Record<string, unknown>, Record<string, unknown>, FormPatternTypes, FieldDisplayTypes, SchemaFieldValidator, string, GeneralField>;
72
79
  export type SchemaMarkupValidator = SchemaMarkupFieldShape['x-validator'];
73
80
  export type ISchemaMarkupFieldProps<Components extends SchemaVueComponents = SchemaVueComponents, Decorator extends ComponentPath<Components> = ComponentPath<Components>, Component extends ComponentPath<Components> = ComponentPath<Components>> = Omit<BaseSchemaMarkupFieldProps<Components, Decorator, Component>, 'x-validator'> & {
package/esm/utils/fieldProps.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const fieldProps: {
7
7
  readonly initialValue: import('./runtimeProps').RuntimeProp<any>;
8
8
  readonly basePath: import('./runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
9
9
  readonly decorator: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any>>;
10
+ readonly decoratorContent: import('./runtimeProps').RuntimeProp<any>;
10
11
  readonly component: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any>>;
11
12
  readonly display: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes>;
12
13
  readonly pattern: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes>;
@@ -32,6 +33,7 @@ export declare const voidFieldProps: {
32
33
  readonly description: import('./runtimeProps').RuntimeProp<any>;
33
34
  readonly basePath: import('./runtimeProps').RuntimeProp<import('@formily/core').FormPathPattern>;
34
35
  readonly decorator: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldDecorator<import('vue').Component, any>>;
36
+ readonly decoratorContent: import('./runtimeProps').RuntimeProp<any>;
35
37
  readonly component: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldComponent<import('vue').Component, any>>;
36
38
  readonly display: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldDisplayTypes>;
37
39
  readonly pattern: import('./runtimeProps').RuntimeProp<import('@formily/core').FieldPatternTypes>;
package/esm/utils/fieldProps.mjs CHANGED
@@ -7,6 +7,7 @@ const r = {
7
7
  initialValue: e(),
8
8
  basePath: e(),
9
9
  decorator: e(),
10
+ decoratorContent: e(),
10
11
  component: e(),
11
12
  display: e(),
12
13
  pattern: e(),
@@ -31,6 +32,7 @@ const r = {
31
32
  description: e(),
32
33
  basePath: e(),
33
34
  decorator: e(),
35
+ decoratorContent: e(),
34
36
  component: e(),
35
37
  display: e(),
36
38
  pattern: e(),
package/esm/utils/fieldProps.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fieldProps.mjs","sources":["../../src/utils/fieldProps.ts"],"sourcesContent":["import type { ComponentObjectPropsOptions, ExtractPropTypes } from 'vue'\nimport type { IFieldProps, IVoidFieldProps } from '../types'\nimport { createBooleanProp, createProp } from './runtimeProps'\n\nexport const fieldProps = {\n name: createProp<IFieldProps['name']>({ required: true }),\n title: createProp<IFieldProps['title']>(),\n description: createProp<IFieldProps['description']>(),\n value: createProp<IFieldProps['value']>(),\n initialValue: createProp<IFieldProps['initialValue']>(),\n basePath: createProp<IFieldProps['basePath']>(),\n decorator: createProp<IFieldProps['decorator']>(),\n component: createProp<IFieldProps['component']>(),\n display: createProp<IFieldProps['display']>(),\n pattern: createProp<IFieldProps['pattern']>(),\n required: createBooleanProp(),\n validateFirst: createBooleanProp(),\n hidden: createBooleanProp(),\n visible: createBooleanProp(),\n editable: createBooleanProp(),\n disabled: createBooleanProp(),\n readOnly: createBooleanProp(),\n readPretty: createBooleanProp(),\n dataSource: createProp<IFieldProps['dataSource']>(),\n validatePattern: createProp<IFieldProps['validatePattern']>(),\n validateDisplay: createProp<IFieldProps['validateDisplay']>(),\n validator: createProp<IFieldProps['validator']>(),\n reactions: createProp<IFieldProps['reactions']>(),\n content: createProp<IFieldProps['content']>(),\n data: createProp<IFieldProps['data']>(),\n} as const satisfies ComponentObjectPropsOptions<IFieldProps>\n\nexport const voidFieldProps = {\n name: createProp<IVoidFieldProps['name']>({ required: true }),\n title: createProp<IVoidFieldProps['title']>(),\n description: createProp<IVoidFieldProps['description']>(),\n basePath: createProp<IVoidFieldProps['basePath']>(),\n decorator: createProp<IVoidFieldProps['decorator']>(),\n component: createProp<IVoidFieldProps['component']>(),\n display: createProp<IVoidFieldProps['display']>(),\n pattern: createProp<IVoidFieldProps['pattern']>(),\n hidden: createBooleanProp(),\n visible: createBooleanProp(),\n editable: createBooleanProp(),\n disabled: createBooleanProp(),\n readOnly: createBooleanProp(),\n readPretty: createBooleanProp(),\n reactions: createProp<IVoidFieldProps['reactions']>(),\n content: createProp<IVoidFieldProps['content']>(),\n data: createProp<IVoidFieldProps['data']>(),\n} as const satisfies ComponentObjectPropsOptions<IVoidFieldProps>\n\nexport type FieldProps = ExtractPropTypes<typeof fieldProps>\nexport type VoidFieldProps = ExtractPropTypes<typeof voidFieldProps>\n"],"names":["fieldProps","createProp","createBooleanProp","voidFieldProps"],"mappings":";AAIO,MAAMA,IAAa;AAAA,EACxB,MAAMC,EAAgC,EAAE,UAAU,IAAM;AAAA,EACxD,OAAOA,EAAA;AAAA,EACP,aAAaA,EAAA;AAAA,EACb,OAAOA,EAAA;AAAA,EACP,cAAcA,EAAA;AAAA,EACd,UAAUA,EAAA;AAAA,EACV,WAAWA,EAAA;AAAA,EACX,WAAWA,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,SAASA,EAAA;AAAA,EACT,UAAUC,EAAA;AAAA,EACV,eAAeA,EAAA;AAAA,EACf,QAAQA,EAAA;AAAA,EACR,SAASA,EAAA;AAAA,EACT,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,YAAYA,EAAA;AAAA,EACZ,YAAYD,EAAA;AAAA,EACZ,iBAAiBA,EAAA;AAAA,EACjB,iBAAiBA,EAAA;AAAA,EACjB,WAAWA,EAAA;AAAA,EACX,WAAWA,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,MAAMA,EAAA;AACR,GAEaE,IAAiB;AAAA,EAC5B,MAAMF,EAAoC,EAAE,UAAU,IAAM;AAAA,EAC5D,OAAOA,EAAA;AAAA,EACP,aAAaA,EAAA;AAAA,EACb,UAAUA,EAAA;AAAA,EACV,WAAWA,EAAA;AAAA,EACX,WAAWA,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,SAASA,EAAA;AAAA,EACT,QAAQC,EAAA;AAAA,EACR,SAASA,EAAA;AAAA,EACT,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,YAAYA,EAAA;AAAA,EACZ,WAAWD,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,MAAMA,EAAA;AACR;"}
1
+ {"version":3,"file":"fieldProps.mjs","sources":["../../src/utils/fieldProps.ts"],"sourcesContent":["import type { ComponentObjectPropsOptions, ExtractPropTypes } from 'vue'\nimport type { IFieldProps, IVoidFieldProps } from '../types'\nimport { createBooleanProp, createProp } from './runtimeProps'\n\nexport const fieldProps = {\n name: createProp<IFieldProps['name']>({ required: true }),\n title: createProp<IFieldProps['title']>(),\n description: createProp<IFieldProps['description']>(),\n value: createProp<IFieldProps['value']>(),\n initialValue: createProp<IFieldProps['initialValue']>(),\n basePath: createProp<IFieldProps['basePath']>(),\n decorator: createProp<IFieldProps['decorator']>(),\n decoratorContent: createProp<IFieldProps['decoratorContent']>(),\n component: createProp<IFieldProps['component']>(),\n display: createProp<IFieldProps['display']>(),\n pattern: createProp<IFieldProps['pattern']>(),\n required: createBooleanProp(),\n validateFirst: createBooleanProp(),\n hidden: createBooleanProp(),\n visible: createBooleanProp(),\n editable: createBooleanProp(),\n disabled: createBooleanProp(),\n readOnly: createBooleanProp(),\n readPretty: createBooleanProp(),\n dataSource: createProp<IFieldProps['dataSource']>(),\n validatePattern: createProp<IFieldProps['validatePattern']>(),\n validateDisplay: createProp<IFieldProps['validateDisplay']>(),\n validator: createProp<IFieldProps['validator']>(),\n reactions: createProp<IFieldProps['reactions']>(),\n content: createProp<IFieldProps['content']>(),\n data: createProp<IFieldProps['data']>(),\n} as const satisfies ComponentObjectPropsOptions<IFieldProps>\n\nexport const voidFieldProps = {\n name: createProp<IVoidFieldProps['name']>({ required: true }),\n title: createProp<IVoidFieldProps['title']>(),\n description: createProp<IVoidFieldProps['description']>(),\n basePath: createProp<IVoidFieldProps['basePath']>(),\n decorator: createProp<IVoidFieldProps['decorator']>(),\n decoratorContent: createProp<IVoidFieldProps['decoratorContent']>(),\n component: createProp<IVoidFieldProps['component']>(),\n display: createProp<IVoidFieldProps['display']>(),\n pattern: createProp<IVoidFieldProps['pattern']>(),\n hidden: createBooleanProp(),\n visible: createBooleanProp(),\n editable: createBooleanProp(),\n disabled: createBooleanProp(),\n readOnly: createBooleanProp(),\n readPretty: createBooleanProp(),\n reactions: createProp<IVoidFieldProps['reactions']>(),\n content: createProp<IVoidFieldProps['content']>(),\n data: createProp<IVoidFieldProps['data']>(),\n} as const satisfies ComponentObjectPropsOptions<IVoidFieldProps>\n\nexport type FieldProps = ExtractPropTypes<typeof fieldProps>\nexport type VoidFieldProps = ExtractPropTypes<typeof voidFieldProps>\n"],"names":["fieldProps","createProp","createBooleanProp","voidFieldProps"],"mappings":";AAIO,MAAMA,IAAa;AAAA,EACxB,MAAMC,EAAgC,EAAE,UAAU,IAAM;AAAA,EACxD,OAAOA,EAAA;AAAA,EACP,aAAaA,EAAA;AAAA,EACb,OAAOA,EAAA;AAAA,EACP,cAAcA,EAAA;AAAA,EACd,UAAUA,EAAA;AAAA,EACV,WAAWA,EAAA;AAAA,EACX,kBAAkBA,EAAA;AAAA,EAClB,WAAWA,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,SAASA,EAAA;AAAA,EACT,UAAUC,EAAA;AAAA,EACV,eAAeA,EAAA;AAAA,EACf,QAAQA,EAAA;AAAA,EACR,SAASA,EAAA;AAAA,EACT,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,YAAYA,EAAA;AAAA,EACZ,YAAYD,EAAA;AAAA,EACZ,iBAAiBA,EAAA;AAAA,EACjB,iBAAiBA,EAAA;AAAA,EACjB,WAAWA,EAAA;AAAA,EACX,WAAWA,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,MAAMA,EAAA;AACR,GAEaE,IAAiB;AAAA,EAC5B,MAAMF,EAAoC,EAAE,UAAU,IAAM;AAAA,EAC5D,OAAOA,EAAA;AAAA,EACP,aAAaA,EAAA;AAAA,EACb,UAAUA,EAAA;AAAA,EACV,WAAWA,EAAA;AAAA,EACX,kBAAkBA,EAAA;AAAA,EAClB,WAAWA,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,SAASA,EAAA;AAAA,EACT,QAAQC,EAAA;AAAA,EACR,SAASA,EAAA;AAAA,EACT,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,UAAUA,EAAA;AAAA,EACV,YAAYA,EAAA;AAAA,EACZ,WAAWD,EAAA;AAAA,EACX,SAASA,EAAA;AAAA,EACT,MAAMA,EAAA;AACR;"}
package/esm/utils/schemaFieldProps.d.ts CHANGED
@@ -216,6 +216,7 @@ export declare const markupSchemaProps: {
216
216
  readonly 'x-validator': import('./runtimeProps').RuntimeProp<import('..').SchemaFieldValidator>;
217
217
  readonly 'x-decorator': import('./runtimeProps').RuntimeProp<any>;
218
218
  readonly 'x-decorator-props': import('./runtimeProps').RuntimeProp<any>;
219
+ readonly 'x-decorator-content': import('./runtimeProps').RuntimeProp<any>;
219
220
  readonly 'x-component': import('./runtimeProps').RuntimeProp<any>;
220
221
  readonly 'x-component-props': import('./runtimeProps').RuntimeProp<any>;
221
222
  readonly 'x-reactions': import('./runtimeProps').RuntimeProp<any>;
package/esm/utils/schemaFieldProps.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { createProp as e, createBooleanProp as t } from "./runtimeProps.mjs";
2
- const i = {
2
+ const o = {
3
3
  schema: e(),
4
4
  scope: e(),
5
5
  components: e(),
@@ -9,7 +9,7 @@ const i = {
9
9
  onlyRenderSelf: t(),
10
10
  mapProperties: e(),
11
11
  filterProperties: e()
12
- }, o = {
12
+ }, i = {
13
13
  version: e(),
14
14
  name: e(),
15
15
  title: e(),
@@ -45,6 +45,7 @@ const i = {
45
45
  "x-validator": e(),
46
46
  "x-decorator": e(),
47
47
  "x-decorator-props": e(),
48
+ "x-decorator-content": e(),
48
49
  "x-component": e(),
49
50
  "x-component-props": e(),
50
51
  "x-reactions": e(),
@@ -57,7 +58,7 @@ const i = {
57
58
  "x-read-pretty": t()
58
59
  };
59
60
  export {
60
- o as markupSchemaProps,
61
- i as schemaFieldProps
61
+ i as markupSchemaProps,
62
+ o as schemaFieldProps
62
63
  };
63
64
  //# sourceMappingURL=schemaFieldProps.mjs.map
package/esm/utils/schemaFieldProps.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"schemaFieldProps.mjs","sources":["../../src/utils/schemaFieldProps.ts"],"sourcesContent":["import type { ComponentObjectPropsOptions, ExtractPropTypes } from 'vue'\nimport type {\n ISchemaFieldProps,\n ISchemaMarkupFieldProps,\n SchemaMarkupValidator,\n} from '../types'\nimport { createBooleanProp, createProp } from './runtimeProps'\n\nexport const schemaFieldProps = {\n schema: createProp<ISchemaFieldProps['schema']>(),\n scope: createProp<ISchemaFieldProps['scope']>(),\n components: createProp<ISchemaFieldProps['components']>(),\n name: createProp<ISchemaFieldProps['name']>(),\n basePath: createProp<ISchemaFieldProps['basePath']>(),\n onlyRenderProperties: createBooleanProp(),\n onlyRenderSelf: createBooleanProp(),\n mapProperties: createProp<ISchemaFieldProps['mapProperties']>(),\n filterProperties: createProp<ISchemaFieldProps['filterProperties']>(),\n} as const satisfies ComponentObjectPropsOptions<ISchemaFieldProps>\n\nexport const markupSchemaProps = {\n 'version': createProp<ISchemaMarkupFieldProps['version']>(),\n 'name': createProp<ISchemaMarkupFieldProps['name']>(),\n 'title': createProp<ISchemaMarkupFieldProps['title']>(),\n 'description': createProp<ISchemaMarkupFieldProps['description']>(),\n 'default': createProp<ISchemaMarkupFieldProps['default']>(),\n 'readOnly': createBooleanProp(),\n 'writeOnly': createBooleanProp(),\n 'enum': createProp<ISchemaMarkupFieldProps['enum']>(),\n 'const': createProp<ISchemaMarkupFieldProps['const']>(),\n 'multipleOf': createProp<ISchemaMarkupFieldProps['multipleOf']>(),\n 'maximum': createProp<ISchemaMarkupFieldProps['maximum']>(),\n 'exclusiveMaximum': createProp<ISchemaMarkupFieldProps['exclusiveMaximum']>(),\n 'minimum': createProp<ISchemaMarkupFieldProps['minimum']>(),\n 'exclusiveMinimum': createProp<ISchemaMarkupFieldProps['exclusiveMinimum']>(),\n 'maxLength': createProp<ISchemaMarkupFieldProps['maxLength']>(),\n 'minLength': createProp<ISchemaMarkupFieldProps['minLength']>(),\n 'pattern': createProp<ISchemaMarkupFieldProps['pattern']>(),\n 'maxItems': createProp<ISchemaMarkupFieldProps['maxItems']>(),\n 'minItems': createProp<ISchemaMarkupFieldProps['minItems']>(),\n 'uniqueItems': createBooleanProp(),\n 'maxProperties': createProp<ISchemaMarkupFieldProps['maxProperties']>(),\n 'minProperties': createProp<ISchemaMarkupFieldProps['minProperties']>(),\n 'required': createProp<ISchemaMarkupFieldProps['required']>(),\n 'format': createProp<ISchemaMarkupFieldProps['format']>(),\n 'properties': createProp<ISchemaMarkupFieldProps['properties']>(),\n 'items': createProp<ISchemaMarkupFieldProps['items']>(),\n 'additionalItems': createProp<ISchemaMarkupFieldProps['additionalItems']>(),\n 'patternProperties': createProp<ISchemaMarkupFieldProps['patternProperties']>(),\n 'additionalProperties': createProp<ISchemaMarkupFieldProps['additionalProperties']>(),\n 'x-index': createProp<ISchemaMarkupFieldProps['x-index']>(),\n 'x-pattern': createProp<ISchemaMarkupFieldProps['x-pattern']>(),\n 'x-display': createProp<ISchemaMarkupFieldProps['x-display']>(),\n 'x-validator': createProp<SchemaMarkupValidator>(),\n 'x-decorator': createProp<ISchemaMarkupFieldProps['x-decorator']>(),\n 'x-decorator-props': createProp<ISchemaMarkupFieldProps['x-decorator-props']>(),\n 'x-component': createProp<ISchemaMarkupFieldProps['x-component']>(),\n 'x-component-props': createProp<ISchemaMarkupFieldProps['x-component-props']>(),\n 'x-reactions': createProp<ISchemaMarkupFieldProps['x-reactions']>(),\n 'x-content': createProp<ISchemaMarkupFieldProps['x-content']>(),\n 'x-visible': createBooleanProp(),\n 'x-hidden': createBooleanProp(),\n 'x-disabled': createBooleanProp(),\n 'x-editable': createBooleanProp(),\n 'x-read-only': createBooleanProp(),\n 'x-read-pretty': createBooleanProp(),\n} as const satisfies ComponentObjectPropsOptions<ISchemaMarkupFieldProps>\n\nexport type SchemaFieldProps = ExtractPropTypes<typeof schemaFieldProps>\nexport type MarkupSchemaProps = ExtractPropTypes<typeof markupSchemaProps>\n"],"names":["schemaFieldProps","createProp","createBooleanProp","markupSchemaProps"],"mappings":";AAQO,MAAMA,IAAmB;AAAA,EAC9B,QAAQC,EAAA;AAAA,EACR,OAAOA,EAAA;AAAA,EACP,YAAYA,EAAA;AAAA,EACZ,MAAMA,EAAA;AAAA,EACN,UAAUA,EAAA;AAAA,EACV,sBAAsBC,EAAA;AAAA,EACtB,gBAAgBA,EAAA;AAAA,EAChB,eAAeD,EAAA;AAAA,EACf,kBAAkBA,EAAA;AACpB,GAEaE,IAAoB;AAAA,EAC/B,SAAWF,EAAA;AAAA,EACX,MAAQA,EAAA;AAAA,EACR,OAASA,EAAA;AAAA,EACT,aAAeA,EAAA;AAAA,EACf,SAAWA,EAAA;AAAA,EACX,UAAYC,EAAA;AAAA,EACZ,WAAaA,EAAA;AAAA,EACb,MAAQD,EAAA;AAAA,EACR,OAASA,EAAA;AAAA,EACT,YAAcA,EAAA;AAAA,EACd,SAAWA,EAAA;AAAA,EACX,kBAAoBA,EAAA;AAAA,EACpB,SAAWA,EAAA;AAAA,EACX,kBAAoBA,EAAA;AAAA,EACpB,WAAaA,EAAA;AAAA,EACb,WAAaA,EAAA;AAAA,EACb,SAAWA,EAAA;AAAA,EACX,UAAYA,EAAA;AAAA,EACZ,UAAYA,EAAA;AAAA,EACZ,aAAeC,EAAA;AAAA,EACf,eAAiBD,EAAA;AAAA,EACjB,eAAiBA,EAAA;AAAA,EACjB,UAAYA,EAAA;AAAA,EACZ,QAAUA,EAAA;AAAA,EACV,YAAcA,EAAA;AAAA,EACd,OAASA,EAAA;AAAA,EACT,iBAAmBA,EAAA;AAAA,EACnB,mBAAqBA,EAAA;AAAA,EACrB,sBAAwBA,EAAA;AAAA,EACxB,WAAWA,EAAA;AAAA,EACX,aAAaA,EAAA;AAAA,EACb,aAAaA,EAAA;AAAA,EACb,eAAeA,EAAA;AAAA,EACf,eAAeA,EAAA;AAAA,EACf,qBAAqBA,EAAA;AAAA,EACrB,eAAeA,EAAA;AAAA,EACf,qBAAqBA,EAAA;AAAA,EACrB,eAAeA,EAAA;AAAA,EACf,aAAaA,EAAA;AAAA,EACb,aAAaC,EAAA;AAAA,EACb,YAAYA,EAAA;AAAA,EACZ,cAAcA,EAAA;AAAA,EACd,cAAcA,EAAA;AAAA,EACd,eAAeA,EAAA;AAAA,EACf,iBAAiBA,EAAA;AACnB;"}
1
+ {"version":3,"file":"schemaFieldProps.mjs","sources":["../../src/utils/schemaFieldProps.ts"],"sourcesContent":["import type { ComponentObjectPropsOptions, ExtractPropTypes } from 'vue'\nimport type {\n ISchemaFieldProps,\n ISchemaMarkupFieldProps,\n SchemaMarkupValidator,\n} from '../types'\nimport { createBooleanProp, createProp } from './runtimeProps'\n\nexport const schemaFieldProps = {\n schema: createProp<ISchemaFieldProps['schema']>(),\n scope: createProp<ISchemaFieldProps['scope']>(),\n components: createProp<ISchemaFieldProps['components']>(),\n name: createProp<ISchemaFieldProps['name']>(),\n basePath: createProp<ISchemaFieldProps['basePath']>(),\n onlyRenderProperties: createBooleanProp(),\n onlyRenderSelf: createBooleanProp(),\n mapProperties: createProp<ISchemaFieldProps['mapProperties']>(),\n filterProperties: createProp<ISchemaFieldProps['filterProperties']>(),\n} as const satisfies ComponentObjectPropsOptions<ISchemaFieldProps>\n\nexport const markupSchemaProps = {\n 'version': createProp<ISchemaMarkupFieldProps['version']>(),\n 'name': createProp<ISchemaMarkupFieldProps['name']>(),\n 'title': createProp<ISchemaMarkupFieldProps['title']>(),\n 'description': createProp<ISchemaMarkupFieldProps['description']>(),\n 'default': createProp<ISchemaMarkupFieldProps['default']>(),\n 'readOnly': createBooleanProp(),\n 'writeOnly': createBooleanProp(),\n 'enum': createProp<ISchemaMarkupFieldProps['enum']>(),\n 'const': createProp<ISchemaMarkupFieldProps['const']>(),\n 'multipleOf': createProp<ISchemaMarkupFieldProps['multipleOf']>(),\n 'maximum': createProp<ISchemaMarkupFieldProps['maximum']>(),\n 'exclusiveMaximum': createProp<ISchemaMarkupFieldProps['exclusiveMaximum']>(),\n 'minimum': createProp<ISchemaMarkupFieldProps['minimum']>(),\n 'exclusiveMinimum': createProp<ISchemaMarkupFieldProps['exclusiveMinimum']>(),\n 'maxLength': createProp<ISchemaMarkupFieldProps['maxLength']>(),\n 'minLength': createProp<ISchemaMarkupFieldProps['minLength']>(),\n 'pattern': createProp<ISchemaMarkupFieldProps['pattern']>(),\n 'maxItems': createProp<ISchemaMarkupFieldProps['maxItems']>(),\n 'minItems': createProp<ISchemaMarkupFieldProps['minItems']>(),\n 'uniqueItems': createBooleanProp(),\n 'maxProperties': createProp<ISchemaMarkupFieldProps['maxProperties']>(),\n 'minProperties': createProp<ISchemaMarkupFieldProps['minProperties']>(),\n 'required': createProp<ISchemaMarkupFieldProps['required']>(),\n 'format': createProp<ISchemaMarkupFieldProps['format']>(),\n 'properties': createProp<ISchemaMarkupFieldProps['properties']>(),\n 'items': createProp<ISchemaMarkupFieldProps['items']>(),\n 'additionalItems': createProp<ISchemaMarkupFieldProps['additionalItems']>(),\n 'patternProperties': createProp<ISchemaMarkupFieldProps['patternProperties']>(),\n 'additionalProperties': createProp<ISchemaMarkupFieldProps['additionalProperties']>(),\n 'x-index': createProp<ISchemaMarkupFieldProps['x-index']>(),\n 'x-pattern': createProp<ISchemaMarkupFieldProps['x-pattern']>(),\n 'x-display': createProp<ISchemaMarkupFieldProps['x-display']>(),\n 'x-validator': createProp<SchemaMarkupValidator>(),\n 'x-decorator': createProp<ISchemaMarkupFieldProps['x-decorator']>(),\n 'x-decorator-props': createProp<ISchemaMarkupFieldProps['x-decorator-props']>(),\n 'x-decorator-content': createProp<ISchemaMarkupFieldProps['x-decorator-content']>(),\n 'x-component': createProp<ISchemaMarkupFieldProps['x-component']>(),\n 'x-component-props': createProp<ISchemaMarkupFieldProps['x-component-props']>(),\n 'x-reactions': createProp<ISchemaMarkupFieldProps['x-reactions']>(),\n 'x-content': createProp<ISchemaMarkupFieldProps['x-content']>(),\n 'x-visible': createBooleanProp(),\n 'x-hidden': createBooleanProp(),\n 'x-disabled': createBooleanProp(),\n 'x-editable': createBooleanProp(),\n 'x-read-only': createBooleanProp(),\n 'x-read-pretty': createBooleanProp(),\n} as const satisfies ComponentObjectPropsOptions<ISchemaMarkupFieldProps>\n\nexport type SchemaFieldProps = ExtractPropTypes<typeof schemaFieldProps>\nexport type MarkupSchemaProps = ExtractPropTypes<typeof markupSchemaProps>\n"],"names":["schemaFieldProps","createProp","createBooleanProp","markupSchemaProps"],"mappings":";AAQO,MAAMA,IAAmB;AAAA,EAC9B,QAAQC,EAAA;AAAA,EACR,OAAOA,EAAA;AAAA,EACP,YAAYA,EAAA;AAAA,EACZ,MAAMA,EAAA;AAAA,EACN,UAAUA,EAAA;AAAA,EACV,sBAAsBC,EAAA;AAAA,EACtB,gBAAgBA,EAAA;AAAA,EAChB,eAAeD,EAAA;AAAA,EACf,kBAAkBA,EAAA;AACpB,GAEaE,IAAoB;AAAA,EAC/B,SAAWF,EAAA;AAAA,EACX,MAAQA,EAAA;AAAA,EACR,OAASA,EAAA;AAAA,EACT,aAAeA,EAAA;AAAA,EACf,SAAWA,EAAA;AAAA,EACX,UAAYC,EAAA;AAAA,EACZ,WAAaA,EAAA;AAAA,EACb,MAAQD,EAAA;AAAA,EACR,OAASA,EAAA;AAAA,EACT,YAAcA,EAAA;AAAA,EACd,SAAWA,EAAA;AAAA,EACX,kBAAoBA,EAAA;AAAA,EACpB,SAAWA,EAAA;AAAA,EACX,kBAAoBA,EAAA;AAAA,EACpB,WAAaA,EAAA;AAAA,EACb,WAAaA,EAAA;AAAA,EACb,SAAWA,EAAA;AAAA,EACX,UAAYA,EAAA;AAAA,EACZ,UAAYA,EAAA;AAAA,EACZ,aAAeC,EAAA;AAAA,EACf,eAAiBD,EAAA;AAAA,EACjB,eAAiBA,EAAA;AAAA,EACjB,UAAYA,EAAA;AAAA,EACZ,QAAUA,EAAA;AAAA,EACV,YAAcA,EAAA;AAAA,EACd,OAASA,EAAA;AAAA,EACT,iBAAmBA,EAAA;AAAA,EACnB,mBAAqBA,EAAA;AAAA,EACrB,sBAAwBA,EAAA;AAAA,EACxB,WAAWA,EAAA;AAAA,EACX,aAAaA,EAAA;AAAA,EACb,aAAaA,EAAA;AAAA,EACb,eAAeA,EAAA;AAAA,EACf,eAAeA,EAAA;AAAA,EACf,qBAAqBA,EAAA;AAAA,EACrB,uBAAuBA,EAAA;AAAA,EACvB,eAAeA,EAAA;AAAA,EACf,qBAAqBA,EAAA;AAAA,EACrB,eAAeA,EAAA;AAAA,EACf,aAAaA,EAAA;AAAA,EACb,aAAaC,EAAA;AAAA,EACb,YAAYA,EAAA;AAAA,EACZ,cAAcA,EAAA;AAAA,EACd,cAAcA,EAAA;AAAA,EACd,eAAeA,EAAA;AAAA,EACf,iBAAiBA,EAAA;AACnB;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@silver-formily/vue",
3
3
  "type": "module",
4
- "version": "2.1.0",
4
+ "version": "2.2.1",
5
5
  "description": "Vue3 版本的 @formily/vue",
6
6
  "author": "hezhengxu",
7
7
  "license": "MIT",
@@ -27,7 +27,8 @@
27
27
  "commit": "czg",
28
28
  "lint-staged": "lint-staged",
29
29
  "release": "release-it",
30
- "prepare": "husky"
30
+ "prepare": "husky",
31
+ "prepublishOnly": "pnpm run build"
31
32
  },
32
33
  "peerDependencies": {
33
34
  "@formily/core": "^2",
@@ -52,6 +53,7 @@
52
53
  "@types/node": "^24.3.0",
53
54
  "@vitejs/plugin-vue": "^6.0.3",
54
55
  "@vitejs/plugin-vue-jsx": "^5.1.3",
56
+ "@vue/shared": "^3.5.27",
55
57
  "commitlint": "^19.8.1",
56
58
  "cz-git": "^1.12.0",
57
59
  "czg": "^1.12.0",