@silver-formily/vue 0.0.1-beta.0

package/esm/components/RecursionField.mjs

@@ -0,0 +1,129 @@
+import { Schema as S } from "@formily/json-schema";
+import { lazyMerge as E, isValid as x, isFn as w } from "@formily/shared";
+import { defineComponent as A, inject as j, computed as B, markRaw as C, shallowRef as M, watch as V, provide as $, h as u, Fragment as z } from "vue";
+import { useField as I } from "../hooks/useField.mjs";
+import { SchemaOptionsSymbol as K, SchemaExpressionScopeSymbol as q, SchemaSymbol as D } from "../shared/context.mjs";
+import "@formily/core";
+import "@formily/reactive-vue";
+import { recursionFieldProps as G } from "../utils/recursionFieldProps.mjs";
+import H from "./ArrayField.mjs";
+import J from "./Field.mjs";
+import L from "./ObjectField.mjs";
+import N from "./VoidField.mjs";
+function F(e) {
+  const c = Object.keys(e);
+  if (!c.length)
+    return;
+  const i = c.reduce((s, y) => {
+    const t = e[y];
+    if (!t)
+      return s;
+    const f = t();
+    if (!f?.length)
+      return s;
+    const p = f.filter((P) => x(P));
+    return s.push(...p), s;
+  }, []);
+  if (i.length)
+    return u(z, null, i);
+}
+const Q = A({
+  name: "RecursionField",
+  inheritAttrs: !1,
+  props: G,
+  setup(e) {
+    const c = I(), i = j(K), s = j(q);
+    if (!i || !s)
+      throw new Error("RecursionField must be used under SchemaField.");
+    const y = (r) => C(S.isSchemaInstance(r) ? r : new S(r)), t = B(() => y(e.schema)), f = (r) => r?.toFieldProps?.({
+      ...i.value,
+      get scope() {
+        return E(
+          {},
+          i.value.scope ?? {},
+          s.value
+        );
+      }
+    }), p = M(f(t.value));
+    V([t, i], () => {
+      p.value = f(t.value);
+    });
+    const P = () => e.onlyRenderProperties ? e.basePath ?? c?.value?.address.concat(e.name) : e.basePath ?? c?.value?.address;
+    return $(D, t), () => {
+      const r = P(), v = p.value, d = (R = !1) => {
+        if (e.onlyRenderSelf)
+          return {};
+        const b = S.getOrderProperties(t.value);
+        if (!b.length)
+          return {};
+        const h = {}, k = (o, a) => {
+          h[o] || (h[o] = []), h[o].push(a);
+        };
+        for (const [o, { schema: a, key: l }] of b.entries()) {
+          let n = a;
+          if (w(e.mapProperties)) {
+            const m = e.mapProperties(a, l);
+            m && (n = m);
+          }
+          w(e.filterProperties) && e.filterProperties(n, l) === !1 || k(n["x-slot"] ?? "default", (m) => u(Q, {
+            key: `${o}-${l}`,
+            schema: n,
+            name: l,
+            basePath: m?.address ?? r,
+            slot: n["x-slot"]
+          }));
+        }
+        const g = {};
+        for (const o of Object.keys(h)) {
+          const a = h[o], l = R ? (n) => a.map((m) => m(n?.field)) : () => a.map((n) => n());
+          g[o] = l;
+        }
+        return g;
+      }, O = () => {
+        if (!x(e.name))
+          return F(d());
+        if (t.value.type === "object")
+          return e.onlyRenderProperties ? F(d()) : u(
+            L,
+            {
+              ...v,
+              name: e.name,
+              basePath: r
+            },
+            d(!0)
+          );
+        if (t.value.type === "array")
+          return u(H, {
+            ...v,
+            name: e.name,
+            basePath: r
+          });
+        if (t.value.type === "void") {
+          if (e.onlyRenderProperties)
+            return F(d());
+          const R = d(!0);
+          return u(
+            N,
+            {
+              ...v,
+              name: e.name,
+              basePath: r
+            },
+            R
+          );
+        }
+        return u(J, {
+          ...v,
+          name: e.name,
+          basePath: r
+        });
+      };
+      if (t.value)
+        return O();
+    };
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=RecursionField.mjs.map

package/esm/components/RecursionField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecursionField.mjs","sources":["../../src/components/RecursionField.ts"],"sourcesContent":["import type { GeneralField } from '@formily/core'\nimport type { Slots, VNode } from 'vue'\nimport type { IRecursionFieldProps, SchemaExpressionScope } from '../types'\nimport { Schema } from '@formily/json-schema'\nimport { isFn, isValid, lazyMerge } from '@formily/shared'\nimport { computed, defineComponent, Fragment, h, inject, markRaw, provide, shallowRef, watch } from 'vue'\nimport { useField } from '../hooks'\nimport { SchemaExpressionScopeSymbol, SchemaOptionsSymbol, SchemaSymbol } from '../shared'\nimport { recursionFieldProps } from '../utils/recursionFieldProps'\nimport ArrayField from './ArrayField'\nimport Field from './Field'\n\nimport ObjectField from './ObjectField'\nimport VoidField from './VoidField'\n\ntype PropertyRenderFn = (field?: GeneralField) => VNode\ninterface ScopedSlotPayload { field?: GeneralField }\ntype SlotRender = (payload?: ScopedSlotPayload) => VNode[] | undefined\ntype SlotMap = Record<string, SlotRender>\n\nfunction resolveEmptySlot(slots: SlotMap) {\n  const slotKeys = Object.keys(slots)\n  if (!slotKeys.length)\n    return undefined\n  const children = slotKeys.reduce<VNode[]>((acc, key) => {\n    const slot = slots[key]\n    if (!slot)\n      return acc\n    const result = slot()\n    if (!result?.length)\n      return acc\n    const validChildren = result.filter(child => isValid(child))\n    acc.push(...validChildren)\n    return acc\n  }, [])\n  if (!children.length)\n    return undefined\n  return h(Fragment, null, children)\n}\n\nconst RecursionField = defineComponent({\n  name: 'RecursionField',\n  inheritAttrs: false,\n  props: recursionFieldProps,\n  setup(props: IRecursionFieldProps) {\n    const parentRef = useField()\n    const optionsRef = inject(SchemaOptionsSymbol)\n    const scopeRef = inject(SchemaExpressionScopeSymbol)\n\n    if (!optionsRef || !scopeRef) {\n      throw new Error('RecursionField must be used under SchemaField.')\n    }\n    const createSchema = (schemaProp: IRecursionFieldProps['schema']) =>\n      markRaw(Schema.isSchemaInstance(schemaProp) ? schemaProp : new Schema(schemaProp))\n    const fieldSchemaRef = computed(() => createSchema(props.schema))\n\n    const getPropsFromSchema = (schema: Schema) =>\n      schema?.toFieldProps?.({\n        ...optionsRef.value,\n        get scope() {\n          return lazyMerge(\n            {} as SchemaExpressionScope,\n            optionsRef.value.scope ?? {},\n            scopeRef.value,\n          )\n        },\n      })\n    const fieldPropsRef = shallowRef(getPropsFromSchema(fieldSchemaRef.value))\n\n    watch([fieldSchemaRef, optionsRef], () => {\n      fieldPropsRef.value = getPropsFromSchema(fieldSchemaRef.value)\n    })\n\n    const getBasePath = () => {\n      if (props.onlyRenderProperties) {\n        return props.basePath ?? parentRef?.value?.address.concat(props.name!)\n      }\n      return props.basePath ?? parentRef?.value?.address\n    }\n\n    provide(SchemaSymbol, fieldSchemaRef)\n\n    return () => {\n      const basePath = getBasePath()\n      const fieldProps = fieldPropsRef.value\n\n      const generateSlotsByProperties = (scoped = false): SlotMap => {\n        if (props.onlyRenderSelf)\n          return {}\n        const properties = Schema.getOrderProperties(fieldSchemaRef.value)\n        if (!properties.length)\n          return {}\n        const renderMap: Record<string, PropertyRenderFn[]> = {}\n        const setRender = (key: string, value: PropertyRenderFn) => {\n          if (!renderMap[key]) {\n            renderMap[key] = []\n          }\n          renderMap[key].push(value)\n        }\n        for (const [index, { schema: item, key: name }] of properties.entries()) {\n          let schema: Schema = item\n          if (isFn(props.mapProperties)) {\n            const mapped = props.mapProperties(item, name)\n            if (mapped) {\n              schema = mapped\n            }\n          }\n          if (isFn(props.filterProperties) && props.filterProperties(schema, name) === false) {\n            continue\n          }\n          setRender(schema['x-slot'] ?? 'default', (field?: GeneralField) =>\n            h(RecursionField, {\n              key: `${index}-${name}`,\n              schema,\n              name,\n              basePath: field?.address ?? basePath,\n              slot: schema['x-slot'],\n            }))\n        }\n        const slots: SlotMap = {}\n        for (const key of Object.keys(renderMap)) {\n          const renderFns = renderMap[key]\n          const slotRender: SlotRender = scoped\n            ? payload => renderFns!.map(fn => fn(payload?.field))\n            : () => renderFns!.map(fn => fn())\n          slots[key] = slotRender\n        }\n        return slots\n      }\n\n      const render = () => {\n        if (!isValid(props.name))\n          return resolveEmptySlot(generateSlotsByProperties())\n        if (fieldSchemaRef.value.type === 'object') {\n          if (props.onlyRenderProperties)\n            return resolveEmptySlot(generateSlotsByProperties())\n          return h(\n            ObjectField,\n            {\n              ...fieldProps,\n              name: props.name!,\n              basePath,\n            },\n            generateSlotsByProperties(true) as Slots,\n          )\n        }\n        else if (fieldSchemaRef.value.type === 'array') {\n          return h(ArrayField, {\n            ...fieldProps,\n            name: props.name!,\n            basePath,\n          })\n        }\n        else if (fieldSchemaRef.value.type === 'void') {\n          if (props.onlyRenderProperties)\n            return resolveEmptySlot(generateSlotsByProperties())\n          const slots = generateSlotsByProperties(true)\n          return h(\n            VoidField,\n            {\n              ...fieldProps,\n              name: props.name!,\n              basePath,\n            },\n            slots as Slots,\n          )\n        }\n\n        return h(Field, {\n          ...fieldProps,\n          name: props.name!,\n          basePath,\n        })\n      }\n\n      if (!fieldSchemaRef.value)\n        return\n\n      return render()\n    }\n  },\n})\n\nexport default RecursionField\n"],"names":["resolveEmptySlot","slots","slotKeys","children","acc","key","slot","result","validChildren","child","isValid","h","Fragment","RecursionField","defineComponent","recursionFieldProps","props","parentRef","useField","optionsRef","inject","SchemaOptionsSymbol","scopeRef","SchemaExpressionScopeSymbol","createSchema","schemaProp","markRaw","Schema","fieldSchemaRef","computed","getPropsFromSchema","schema","lazyMerge","fieldPropsRef","shallowRef","watch","getBasePath","provide","SchemaSymbol","basePath","fieldProps","generateSlotsByProperties","scoped","properties","renderMap","setRender","value","index","item","name","isFn","mapped","field","renderFns","slotRender","payload","fn","render","ObjectField","ArrayField","VoidField","Field"],"mappings":"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"}