vue-formless 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,191 +1,83 @@
-import { inject as j, nextTick as We, onMounted as he, toValue as v, watch as ve, onBeforeUnmount as be, ref as q, computed as x, defineComponent as I, createVNode as R, Fragment as Ie, provide as H, mergeProps as Ue, markRaw as O, h as y, getCurrentInstance as Ge, reactive as Ye } from "vue";
-const Z = Symbol("vue-formless.formContext");
-function se() {
-  const e = j(Z, null);
-  if (!e)
-    throw new Error("[vue-formless] useFormContext() must be used inside <FormView>.");
-  return e;
-}
-function ue(e) {
-  if (!e) return [];
-  const t = [];
-  let o = 0;
-  for (; o < e.length; ) {
-    if (e[o] === ".") {
-      o++;
-      continue;
-    }
-    if (e[o] === "[") {
-      const n = e.indexOf("]", o + 1);
-      if (n === -1)
-        throw new Error(`Invalid path "${e}": unclosed bracket`);
-      const r = e.slice(o + 1, n), l = Number(r);
-      if (!Number.isInteger(l) || String(l) !== r || l < 0)
-        throw new Error(`Invalid path "${e}": index must be a non-negative integer`);
-      t.push({ type: "index", index: l }), o = n + 1;
-    } else {
-      const n = /^[a-zA-Z_$][a-zA-Z0-9_$]*/.exec(e.slice(o));
-      if (!n)
-        throw new Error(`Invalid path "${e}" at position ${o}`);
-      t.push({ type: "key", key: n[0] }), o += n[0].length;
-    }
-  }
-  return t;
+import { onMounted as U, toValue as h, watch as z, onBeforeUnmount as K, ref as C, defineComponent as S, inject as T, computed as f, createVNode as b, Fragment as W, mergeProps as k, provide as w, markRaw as j, nextTick as re, useAttrs as ue, isVNode as oe } from "vue";
+const A = 24, le = 1;
+function V(e) {
+  return Math.min(A, Math.max(1, e));
 }
-function ze(e, t) {
-  let o = e;
-  for (const n of t)
-    n.type === "key" ? o = o[n.key] : o = o[n.index];
-  return o;
-}
-function He(e, t) {
-  if (t.type === "key")
-    return e == null || typeof e != "object" || Array.isArray(e) ? void 0 : e[t.key];
-  if (Array.isArray(e))
-    return e[t.index];
-}
-function B(e, t) {
-  const o = ue(t);
-  if (o.length === 0) return;
-  const n = o[o.length - 1], r = ze(e, o.slice(0, -1));
-  return He(r, n);
-}
-function oe(e, t, o, n) {
-  const r = t[o], l = o === t.length - 1;
-  if (r.type === "key") {
-    if (Array.isArray(e))
-      throw new Error(`Cannot set "${r.key}" on an array node`);
-    const u = e != null && typeof e == "object" ? e : {};
-    return l ? { ...u, [r.key]: n } : {
-      ...u,
-      [r.key]: oe(u[r.key], t, o + 1, n)
-    };
-  }
-  const s = Array.isArray(e) ? [...e] : [];
-  return l ? (s[r.index] = n, s) : (s[r.index] = oe(s[r.index], t, o + 1, n), s);
-}
-function De(e, t, o) {
-  const n = ue(t);
-  if (n.length === 0)
-    throw new Error("Cannot set an empty prop");
-  return oe(e, n, 0, o);
-}
-function Ke(e) {
-  return ue(e).map((t) => t.type === "key" ? t.key : String(t.index)).join(".");
-}
-function Xe(e, t) {
-  let o = null;
-  function n(r, l) {
-    o || (o = [], We(() => {
-      if (!o?.length) {
-        o = null;
-        return;
-      }
-      let s = e();
-      for (const u of o)
-        s = De(s, u.prop, u.value);
-      o = null, t(s);
-    })), o.push({ prop: r, value: l });
-  }
-  return { update: n };
+function ie(e) {
+  return Math.floor(A / Y(e));
 }
-const d = 24, P = {
-  column: 1
-};
-function qe(e) {
+function Y(e) {
   const t = Math.floor(Number(e));
-  return t === 1 / 0 ? d : Number.isFinite(t) ? Math.min(d, Math.max(1, t)) : P.column;
-}
-function Ze(...e) {
-  return qe(e.find((t) => t != null) ?? P.column);
-}
-function Je(e, t) {
-  const o = t > 0 ? t : P.column, n = Math.max(1, Math.floor(d / o));
-  if (e == null || e === "") return n;
-  if (typeof e == "number")
-    return me(e), e;
-  const r = e.trim();
-  if (r === "max") return d;
-  const l = /^(\d+)x$/.exec(r);
-  if (l) {
-    const s = Number(l[1]);
-    if (s < 1)
-      throw new Error(`[vue-formless] col:span "${e}" is invalid`);
-    return Math.min(d, s * n);
-  }
-  if (/^\d+$/.test(r)) {
-    const s = Number(r);
-    return me(s), s;
-  }
-  throw new Error(`[vue-formless] col:span "${e}" is invalid`);
+  return Number.isNaN(t) ? le : V(t);
 }
-function me(e) {
-  if (!Number.isInteger(e) || e < 1 || e > d)
-    throw new Error(`[vue-formless] col:span ${e} must be an integer 1–${d}`);
+function ae(...e) {
+  return Y([...e].reverse().find((t) => t != null));
+}
+function se(e, t) {
+  const n = ie(t);
+  if (typeof e != "number" && typeof e != "string" || (e = typeof e == "string" ? e.trim().toLowerCase() : e, e === "")) return n;
+  if (e === "max") return A;
+  if (typeof e == "string" && e.endsWith("x")) {
+    const r = Math.floor(Number(e.substring(0, e.length - 1)));
+    return Number.isNaN(r) ? n : V(V(r) * n);
+  }
+  return e = Math.floor(Number(e)), Number.isNaN(e) ? n : V(e);
 }
-function Qe(e) {
-  if (e == null || e === "" || e === "auto") return "auto";
-  if (e === "start" || e === "end") return e;
-  throw new Error(`[vue-formless] col:place "${String(e)}" is invalid`);
+function fe(e) {
+  return e = typeof e == "string" ? e.trim().toLowerCase() : e, e === "start" || e === "end" ? e : "auto";
 }
-const D = Symbol(
+const R = Symbol(
   "vue-formless:layout-view"
 );
-function et(e, t, o = { childList: !0 }) {
+function ce(e) {
+  return e.reduce((t, n, r) => {
+    const u = t[r - 1], i = u ? u.$start + u.$occupied : 0, a = i % A, c = de({ cursor: a, span: n.span, place: n.place });
+    return t.push({
+      ...n,
+      $start: i,
+      $occupied: c
+    }), t;
+  }, []);
+}
+function de({
+  cursor: e,
+  place: t,
+  span: n
+}) {
+  const r = A - e;
+  return t === "start" ? e === 0 ? n : r + n : t === "end" ? r >= n ? r : r + A : r >= n ? n : r + n;
+}
+function me(e, t, n) {
+  const r = e % A, u = r + t > A ? A - r : 0, i = t - u - n;
+  return [u, i].filter((a) => a > 0);
+}
+function pe(e, t, n = { childList: !0 }) {
   if (typeof MutationObserver > "u") return;
-  let n = null;
-  function r(s) {
-    n?.disconnect(), n = null, s && (n = new MutationObserver(t), n.observe(s, o));
+  let r = null;
+  function u(a) {
+    r?.disconnect(), r = null, a && (r = new MutationObserver(t), r.observe(a, n));
   }
-  he(() => r(v(e)));
-  const l = ve(() => v(e), r, { flush: "post" });
-  be(() => {
-    l(), n?.disconnect(), n = null;
+  U(() => u(h(e)));
+  const i = z(() => h(e), u, { flush: "post" });
+  K(() => {
+    i(), r?.disconnect(), r = null;
   });
 }
-function tt(e, t = 0) {
-  const o = q([]);
-  function n() {
-    const r = v(e);
-    o.value = r ? Array.from(r.children) : [];
+function ye(e, t = 0) {
+  const n = C([]);
+  function r() {
+    const u = h(e);
+    n.value = u ? Array.from(u.children) : [];
   }
-  return ve(() => [v(e), v(t)], n, { immediate: !0 }), et(e, n), o;
-}
-function nt(e, t, o) {
-  const n = [];
-  if (o === "auto")
-    return e.n + t > d && (e.n = 0), n;
-  if (o === "start")
-    return e.n > 0 && (n.push(d - e.n), e.n = 0), n;
-  e.n + t > d && e.n > 0 && (n.push(d - e.n), e.n = 0);
-  const r = d - e.n - t;
-  return r > 0 && (n.push(r), e.n += r), n;
-}
-function ot(e) {
-  return x(() => {
-    const t = { n: 0 }, o = /* @__PURE__ */ new Map();
-    for (const n of v(e)) {
-      const r = nt(t, n.span, n.place);
-      o.set(n.id, r), t.n += n.span;
-    }
-    return o;
-  });
+  return z(() => [h(e), h(t)], r, { immediate: !0 }), pe(e, r), n;
 }
-function Ee(e) {
+function H(e) {
   if (e == null || typeof e != "object") return null;
   if (typeof Element < "u" && e instanceof Element) return e;
-  const t = e;
-  return z(t.vnode?.el) ?? z(t.subTree?.el) ?? z(t.subTree?.component?.vnode?.el) ?? z(t.$el);
-}
-function z(e) {
-  if (typeof Element < "u" && e instanceof Element) return e;
-  if (e && e.nodeType === 8) {
-    for (let t = e.nextSibling; t; t = t.nextSibling)
-      if (typeof Element < "u" && t instanceof Element) return t;
-  }
-  return null;
+  const t = e.$el;
+  return typeof Element < "u" && t instanceof Element ? t : null;
 }
-const rt = /* @__PURE__ */ I({
+const q = /* @__PURE__ */ S({
   name: "LayoutBlanks",
   inheritAttrs: !1,
   props: {
@@ -202,13 +94,15 @@ const rt = /* @__PURE__ */ I({
     return () => {
       if (e.spans.length === 0 || e.is == null) return null;
       const t = e.is;
-      return R(Ie, null, [e.spans.map((o, n) => R(t, {
-        key: n,
-        span: o
+      return b(W, null, [e.spans.map((n, r) => b(t, {
+        key: r,
+        span: n,
+        "aria-hidden": "true",
+        "data-layout-blank": ""
       }, null))]);
     };
   }
-}), lt = /* @__PURE__ */ I({
+}), ve = /* @__PURE__ */ S({
   name: "LayoutItem",
   inheritAttrs: !1,
   props: {
@@ -222,93 +116,104 @@ const rt = /* @__PURE__ */ I({
     }
   },
   setup(e, {
-    slots: t
+    slots: t,
+    attrs: n,
+    expose: r
   }) {
-    const o = j(D, null);
-    if (!o) return () => t.default?.() ?? null;
+    const u = T(R, null);
+    if (!u) return () => t.default?.() ?? null;
     const {
-      span: n,
-      blanks: r,
-      itemRef: l,
-      Col: s,
-      disabled: u
-    } = o(() => e.span, () => e.place);
+      span: i,
+      blank: a,
+      ref: c,
+      Col: l,
+      disabled: s,
+      place: d
+    } = u(() => e.span, () => e.place), m = C(null);
+    r({
+      el: f(() => H(m.value))
+    });
+    function y(p) {
+      m.value = p, c(p);
+    }
     return () => {
-      if (u.value) return t.default?.() ?? null;
-      const c = s;
-      return R(Ie, null, [R(rt, {
-        is: s,
-        spans: r.value
-      }, null), R(c, {
-        ref: l,
-        span: n.value
-      }, {
+      if (s.value) return t.default?.() ?? null;
+      const p = l;
+      return b(W, null, [b(q, {
+        is: l,
+        spans: a.value.before
+      }, null), b(p, k(n, {
+        ref: y,
+        span: i.value,
+        "data-layout-item": "",
+        "data-layout-place": d.value
+      }), {
         default: () => [t.default?.() ?? null]
-      })]);
+      }), b(q, {
+        is: l,
+        spans: a.value.after
+      }, null)]);
     };
   }
-}), st = /* @__PURE__ */ I({
-  name: "LayoutItemPassThrough",
-  inheritAttrs: !1,
-  setup(e, {
-    slots: t
-  }) {
-    return () => t.default?.() ?? null;
-  }
 });
-function ut() {
-  return j(D, null) ? lt : st;
-}
-function it(e) {
-  const t = q({});
-  let o = 0;
+function be({
+  column: e,
+  rowRef: t
+}) {
+  let n = 0;
+  const r = C({}), u = ye(() => H(t.value), () => Object.keys(r.value).filter((l) => r.value[l].mounted).join(",")), i = f(() => ge(r.value, u.value)), a = f(() => ce(i.value)), c = f(() => new Map(a.value.map((l) => [l.id, me(l.$start, l.$occupied, l.span)])));
   return {
-    get value() {
-      return t.value;
-    },
-    setup(n, r) {
-      const l = String(++o), s = x(() => Je(v(n), v(e))), u = x(() => Qe(v(r)));
-      return t.value[l] = {
-        span: s,
-        place: u,
+    setup(l, s) {
+      const d = String(++n);
+      return r.value[d] = {
+        span: f(() => se(h(l), h(e))),
+        place: f(() => fe(h(s))),
         el: null,
         mounted: !1
-      }, he(() => {
-        const c = t.value[l];
-        c && (c.mounted = !0);
-      }), be(() => {
-        delete t.value[l];
-      }), l;
+      }, U(() => {
+        const m = r.value[d];
+        m && (m.mounted = !0);
+      }), K(() => {
+        delete r.value[d];
+      }), d;
+    },
+    span(l) {
+      return r.value[l]?.span ?? 0;
     },
-    span(n) {
-      return t.value[n]?.span ?? 0;
+    blank(l) {
+      return {
+        before: c.value.get(l) ?? [],
+        after: []
+      };
     },
-    ref(n, r) {
-      const l = t.value[n];
-      if (!l) return;
-      const s = Ee(r);
-      l.el !== s && (l.el = s);
+    place(l) {
+      return r.value[l]?.place ?? "unknown";
+    },
+    ref(l, s) {
+      const d = r.value[l];
+      if (!d) return;
+      const m = H(s);
+      d.el !== m && (d.el = m);
+    },
+    placed(l) {
+      return a.value.findIndex((s) => s.id === l) > -1;
     }
   };
 }
-function at(e, t) {
-  const o = new Map(Object.entries(e).filter(([, n]) => n.el).map(([n, r]) => [r.el, {
-    id: n,
-    span: r.span,
-    place: r.place
+function ge(e, t) {
+  const n = new Map(Object.entries(e).filter(([, r]) => r.el).map(([r, u]) => [u.el, {
+    id: r,
+    span: u.span,
+    place: u.place
   }]));
-  return t.filter((n) => o.has(n)).map((n) => o.get(n));
-}
-function ct(e, t) {
-  const o = tt(() => Ee(t.value), () => Object.keys(e.value).filter((n) => e.value[n].mounted).join(","));
-  return ot(() => at(e.value, o.value));
+  return t.filter((r) => n.has(r)).map((r) => n.get(r));
 }
-function Ce(e = {}) {
+function Ie(e = {}) {
   const {
     Row: t,
-    Col: o
+    Col: n
   } = e;
-  return /* @__PURE__ */ I({
+  return /* @__PURE__ */ S({
     name: "LayoutView",
     inheritAttrs: !1,
     props: {
@@ -321,640 +226,519 @@ function Ce(e = {}) {
         default: void 0
       }
     },
-    setup(n, {
-      slots: r,
-      attrs: l
+    setup(r, {
+      slots: u,
+      attrs: i
     }) {
-      const s = x(() => !t || !o || n.disabled), u = it(() => Ze(n.column, e.column)), c = q(null), i = ct(u, c);
-      return H(D, (m, g) => {
-        H(D, null);
-        const p = u.setup(m, g);
+      const a = f(() => !t || !n || r.disabled), c = f(() => ae(e.column, r.column)), l = C(null), s = be({
+        column: c,
+        rowRef: l
+      });
+      return w(R, (d, m) => {
+        w(R, null);
+        const y = s.setup(d, m);
         return {
-          span: x(() => u.span(p)),
-          blanks: x(() => i.value.get(p) ?? []),
-          itemRef: (E) => u.ref(p, E),
-          Col: o,
-          disabled: s
+          span: f(() => s.span(y)),
+          blank: f(() => s.blank(y)),
+          ref: (p) => s.ref(y, p),
+          place: f(() => s.place(y)),
+          placed: f(() => s.placed(y)),
+          Col: n,
+          disabled: a
         };
-      }), () => s.value ? r.default?.() ?? null : R(t, Ue({
-        ref: c
-      }, l), {
-        default: () => [r.default?.() ?? null]
+      }), () => a.value ? u.default?.() ?? null : b(t, k({
+        ref: l
+      }, i, {
+        "data-layout-row": ""
+      }), {
+        default: () => [u.default?.() ?? null]
       });
     }
   });
 }
-const ft = /* @__PURE__ */ new Set(["item", "layout", "model", "span"]), mt = /* @__PURE__ */ new Set([
-  "component",
-  "props",
-  "model",
-  "prop",
-  "item",
-  // leftover schema `layout` must not leak into Item snapshot extras
-  "layout"
-]);
-function re(e) {
-  const t = {};
-  for (const [o, n] of Object.entries(e))
-    n !== void 0 && (t[o] = n);
-  return t;
+function he(e = {}) {
+  const t = e.component ? j(e.component) : void 0;
+  return /* @__PURE__ */ S({
+    name: "FormItem",
+    inheritAttrs: !1,
+    props: {
+      fl: {
+        type: Object,
+        required: !0
+      },
+      item: {
+        type: Object,
+        required: !0
+      }
+    },
+    setup(n, {
+      slots: r
+    }) {
+      return () => {
+        if (!t || !n.fl?.item) return r.default?.() ?? null;
+        const u = t, i = typeof e.props == "function" ? e.props(n.fl) : e.props;
+        return b(u, {
+          ...i,
+          ...n.item
+        }, r);
+      };
+    }
+  });
 }
-function ie(e) {
-  const t = {};
-  for (const [o, n] of Object.entries(e))
-    o === "span" && n !== void 0 && console.warn("[vue-formless] fl:span is removed; use col:span"), ft.has(o) || (t[o] = n);
-  return t;
+const $ = Symbol(
+  "vue-formless:form-view"
+), P = Symbol(
+  "vue-formless:form-field"
+), N = Symbol("EOF"), I = Symbol("failed"), Ae = /[a-zA-Z_$0-9]/, Fe = /[a-zA-Z0-9_$]/, Oe = /[0-9]/;
+function G(e) {
+  if (!e) return;
+  const t = [];
+  let n = "", r = "", u = 0;
+  function i(o) {
+    if (o === "[") return s;
+    if (o !== N)
+      return typeof o == "string" && Ae.test(o) ? (n = o, l) : I;
+  }
+  function a(o) {
+    return o === "." ? c : i(o);
+  }
+  function c(o) {
+    return o === N || o === "." ? I : i(o);
+  }
+  function l(o) {
+    return typeof o == "string" && Fe.test(o) ? (n += o, l) : (t.push({ type: "key", key: n }), n = "", a(o));
+  }
+  function s(o) {
+    if (o === N) return I;
+    if (typeof o == "string" && (o === '"' || o === "'"))
+      return r = o, n = "", d;
+    if (typeof o == "string" && Oe.test(o))
+      return n += o, s;
+    if (o !== "]") return I;
+    const v = Number(n);
+    return n === "" || String(v) !== n || v < 0 ? I : (t.push({ type: "index", index: v }), n = "", a);
+  }
+  function d(o) {
+    return o === N ? I : o === "\\" ? m : o === r ? y : (n += o, d);
+  }
+  function m(o) {
+    return o === N ? I : (n += o, d);
+  }
+  function y(o) {
+    return o === N || o !== "]" ? I : (t.push({ type: "key", key: n }), n = "", a);
+  }
+  let p = i;
+  for (; u < e.length; u++) {
+    const o = p(e[u]);
+    if (o === I) return;
+    p = o;
+  }
+  if (p(N) !== I)
+    return t;
 }
-function dt(e) {
-  const t = {};
-  for (const [o, n] of Object.entries(e))
-    !mt.has(o) && n !== void 0 && (t[o] = n);
-  return t;
+function Z(e) {
+  return typeof e == "object" && e !== null;
 }
-function pt(e) {
-  if (e == null || typeof e != "object") return {};
-  const t = e.formless;
-  if (t == null || typeof t != "object") return {};
-  const { model: o, item: n } = t;
-  return re({ model: o, item: n });
+const Ee = Object.prototype.hasOwnProperty;
+function Le(e, t) {
+  return Ee.call(e, t) ? e[t] : void 0;
 }
-function Fe(e) {
-  const t = {};
-  for (const [o, n] of Object.entries(e))
-    !o.startsWith("fl:") || o.length <= 3 || n === void 0 || (t[o.slice(3)] = n);
-  return t;
+function X(e, t) {
+  if (Z(e)) {
+    if (t.type === "key")
+      return Array.isArray(e) ? void 0 : Le(e, t.key);
+    if (t.type === "index")
+      return Array.isArray(e) ? e[t.index] : void 0;
+  }
 }
-function wt(e, t) {
-  const o = /* @__PURE__ */ new Set();
-  for (const r of t)
-    o.add(r), o.add(`onUpdate:${r}`);
-  const n = {};
-  for (const [r, l] of Object.entries(e))
-    o.has(r) || (n[r] = l);
+function Ne(e, t) {
+  let n = e;
+  for (const r of t) n = X(n, r);
   return n;
 }
-function K(e, t) {
-  return e == null ? {} : re(typeof e == "function" ? e(t) ?? {} : e);
-}
-function ae(...e) {
-  const t = {};
-  for (const o of e)
-    if (o != null)
-      for (const [n, r] of Object.entries(o))
-        r !== void 0 && (t[n] = r);
-  return t;
-}
-function yt(e) {
-  const t = e.Item ? O(e.Item) : void 0;
-  return (o, n) => t && n.item !== !1 && (n.item === !0 || (e.isItemEnabled?.() ?? !0)) ? y(
-    t,
-    ae(
-      K(e.itemProps, n.fl),
-      n.itemAttrs,
-      n.itemOn
-    ),
-    {
-      ...n.itemSlots,
-      default: () => o
-    }
-  ) : o;
-}
-function de(e) {
-  return typeof e == "string" ? [e] : [...e];
-}
-function Se(e, t = {}, o = {}) {
-  if (o.prop === "")
-    throw new Error(`[vue-formless] fl:prop cannot be an empty string (control "${e}")`);
-  if (t.prop === "")
-    throw new Error(`[vue-formless] prop cannot be an empty string (control "${e}")`);
-  const n = de(t.model ?? "modelValue"), r = de(
-    o.prop !== void 0 ? o.prop : t.prop ?? e
+function Se(e, t) {
+  const n = G(t);
+  return n ? Ne(e, n) : void 0;
+}
+function Ce(e, t, n) {
+  const r = G(t);
+  return r ? J(e, r, n) : e;
+}
+function J(e, t, n) {
+  if (!t.length) return e;
+  if (t.length === 1) return D(e, t[0], n);
+  const [r, ...u] = t;
+  return D(
+    e,
+    r,
+    J(X(e, r), u, n)
   );
-  if (r.length > n.length)
-    throw new Error(
-      `createFormControls: prop cannot be longer than model (control "${e}": model has ${n.length}, prop has ${r.length})`
-    );
-  if (r.some((l) => l === ""))
-    throw new Error(`[vue-formless] prop cannot be an empty string (control "${e}")`);
-  return { models: n, props: r };
-}
-function Mt(e, t) {
-  return e.props.length === 1 ? Ke(e.props[0]) : t;
-}
-function gt(e, t) {
-  const o = e.models.indexOf(t);
-  if (o === -1)
-    throw new Error(
-      `[vue-formless] useFormItem("${t}"): not a v-model port of this control`
-    );
-  const n = e.props[o];
-  if (n === void 0)
-    throw new Error(
-      `[vue-formless] useFormItem("${t}"): port is not bound to a prop`
-    );
-  return { models: [t], props: [n] };
-}
-function Ae(e, t, o) {
-  const n = {};
-  for (let r = 0; r < t.props.length; r++) {
-    const l = t.models[r], s = t.props[r];
-    n[l] = B(e, s), n[`onUpdate:${l}`] = (u) => {
-      o(s, u);
-    };
-  }
-  return n;
 }
-const $ = "item:", Q = "onItem:", ee = "fl:", te = "row:", ne = "col:", ht = /* @__PURE__ */ new Set(["column", "gutter"]), vt = /* @__PURE__ */ new Set(["span", "place"]);
-function pe(e) {
-  console.warn(e);
-}
-function Oe(e) {
-  const t = {}, o = {};
-  for (const n of Object.keys(e)) {
-    const r = e[n];
-    r && (n.startsWith($) && n.length > $.length ? t[n.slice($.length)] = r : o[n] = r);
+function D(e, t, n) {
+  if (t.type === "key")
+    return { ...Z(e) && !Array.isArray(e) ? e : {}, [t.key]: n };
+  if (t.type === "index") {
+    const r = Array.isArray(e) ? [...e] : [];
+    return r[t.index] = n, r;
   }
-  return { itemSlots: t, inputSlots: o };
-}
-function Le(e) {
-  const t = {}, o = {};
-  for (const [n, r] of Object.entries(e))
-    n.startsWith(ee) && n.length > ee.length ? t[n.slice(ee.length)] = r : o[n] = r;
-  return { fl: t, rest: o };
-}
-function Ve(e) {
-  const t = {}, o = {}, n = {};
-  for (const [r, l] of Object.entries(e))
-    if (r.startsWith(te) && r.length > te.length) {
-      const s = r.slice(te.length);
-      ht.has(s) ? t[s] = l : pe(`[vue-formless] unknown row:${s} is ignored`);
-    } else if (r.startsWith(ne) && r.length > ne.length) {
-      const s = r.slice(ne.length);
-      vt.has(s) ? o[s] = l : pe(`[vue-formless] unknown col:${s} is ignored`);
-    } else
-      n[r] = l;
-  return { row: t, col: o, rest: n };
-}
-function we(e) {
-  if (e == null || e === "") return;
-  const t = typeof e == "number" ? e : Number(e);
-  if (Number.isFinite(t))
-    return t;
-}
-function ke(e) {
-  const t = {}, o = {}, n = {};
-  for (const [r, l] of Object.entries(e))
-    r.startsWith(Q) && r.length > Q.length ? o[bt(r.slice(Q.length))] = l : r.startsWith($) && r.length > $.length ? t[r.slice($.length)] = l : n[r] = l;
-  return { itemAttrs: t, itemOn: o, inputAttrs: n };
-}
-function bt(e) {
-  const t = e.indexOf(":");
-  return t === -1 ? `on${ye(e)}` : `on${ye(e.slice(0, t))}:${e.slice(t + 1)}`;
+  return e;
 }
-function ye(e) {
-  return e && e.charAt(0).toUpperCase() + e.slice(1);
+function _e(e) {
+  let t = null;
+  function n(u) {
+    return Se(e.value, u);
+  }
+  function r(u, i) {
+    t || (t = [], re(() => {
+      const a = t;
+      if (t = null, !a?.length) return;
+      let c = e.value;
+      for (const l of a)
+        c = Ce(c, l.path, l.value);
+      e.value = c;
+    })), t.push({ path: u, value: i });
+  }
+  return { getIn: n, setIn: r };
 }
-const xe = Symbol(
-  "vue-formless.controlRuntime"
-);
-function It(e) {
-  H(xe, e);
+const ke = ["modelValue", "model-value"], we = ["onUpdate:modelValue", "onUpdate:model-value"];
+function xe(e, t) {
+  const n = f(() => ke.find((i) => i in e)), r = f(() => we.find((i) => typeof e[i] == "function")), u = f(() => n.value ? "controlled" : t ? "inherit" : "local");
+  return {
+    key: n,
+    event: r,
+    source: u
+  };
 }
-const Et = {
-  "fl:prop": { type: [String, Array], default: void 0 },
-  "col:span": { type: [String, Number], default: void 0 },
-  "col:place": { type: String, default: void 0 }
-};
-function Re(e) {
-  return I({
-    name: e ? `FormViewItem_${e}` : "FormViewItem",
-    inheritAttrs: !1,
-    props: Et,
-    setup(t, { slots: o, attrs: n }) {
-      const r = se(), l = ut(), s = j(xe, null);
-      if (e != null && !s)
-        throw new Error(
-          "[vue-formless] useFormItem(port) must be used inside a namespaced control."
-        );
-      return () => Ft(
-        r,
-        l,
-        s,
-        e,
-        o,
-        n,
-        t
-      );
+function je() {
+  const e = ue(), t = T($, null), { source: n, key: r, event: u } = xe(e, !!t), i = C(), a = f({
+    get: () => n.value === "controlled" ? e[r.value] : i.value,
+    set: (m) => {
+      n.value === "local" && (i.value = m), u.value && e[u.value](m);
     }
-  });
-}
-const $e = Re();
-function Ct(e) {
-  return se(), e === void 0 ? $e : Re(e);
-}
-function Ft(e, t, o, n, r, l, s) {
-  const { fl: u, rest: c } = Le(l), { row: i, col: m, rest: g } = Ve(c), p = { ...u, ...Fe(s) }, { itemAttrs: E, itemOn: b, inputAttrs: L } = ke(g), C = { ...E, ...L }, { itemSlots: w } = Oe(r), f = n == null && o != null, F = s["col:span"] ?? m.span, V = s["col:place"] ?? m.place, a = o?.getFrame(), k = F ?? (f ? a?.colSpan : void 0), _ = V ?? (f ? a?.colPlace : void 0), W = St(e, o, n, p), U = Ae(e.model, W.binding, e.update), J = r.default?.({ field: U }) ?? null;
-  !f && (i.column != null || i.gutter != null) && console.warn("[vue-formless] :row:* is ignored on a leaf cell");
-  let S = C, A = b, G = w;
-  f && a && (S = { ...a.itemAttrs, ...C }, A = { ...a.itemOn, ...b }, G = { ...a.itemSlots, ...w });
-  let M, Y, N = !1;
-  f && a && (M = a.wrapItem, Y = a.wrapCol, N = a.extraRow);
-  let h = J;
-  if (N && a) {
-    const T = h;
-    h = y(
-      e.LayoutView,
-      {
-        disabled: !e.isLayoutEnabled(),
-        column: a.rowColumn ?? e.factoryColumn,
-        gutter: a.rowGutter ?? e.factoryGutter
-      },
-      () => T
-    );
+  }), c = _e(a), l = f(() => n.value === "inherit" ? t.value.value : a.value);
+  function s(m) {
+    return n.value === "inherit" ? t.getIn(m) : c.getIn(m);
   }
-  if (h = e.wrap(h, {
-    item: M === !1 ? !1 : M === !0 ? !0 : void 0,
-    fl: W.fl,
-    itemAttrs: S,
-    itemOn: A,
-    itemSlots: G
-  }), Y !== !1) {
-    const T = h;
-    h = y(t, { span: k, place: _ }, () => T);
+  function d(m, y) {
+    return n.value === "inherit" ? t.setIn(m, y) : c.setIn(m, y);
   }
-  return h;
-}
-function St(e, t, o, n) {
-  const r = ie(n);
-  if (t) {
-    const i = t.getFrame(), m = o != null ? gt(i.binding, o) : i.binding, g = {
-      ...i.fl,
-      ...r,
-      controlKey: t.controlKey,
-      binding: m,
-      getValues: () => m.props.map((p) => B(e.model, p))
-    };
-    return { binding: m, fl: g };
-  }
-  const l = n.prop;
-  if (l === "")
-    throw new Error("[vue-formless] fl:prop cannot be an empty string");
-  const s = typeof l == "string" ? l : Array.isArray(l) && l[0] ? String(l[0]) : "", u = l === void 0 ? { models: ["modelValue"], props: [] } : Se(s || "field", {
-    prop: l
-  }), c = {
-    ...r,
-    controlKey: s,
-    binding: u,
-    getValues: () => u.props.map((i) => B(e.model, i))
+  return w($, {
+    value: l,
+    getIn: s,
+    setIn: d
+  }), {
+    value: l,
+    getIn: s,
+    setIn: d
   };
-  return { binding: u, fl: c };
 }
-function Pe(e) {
-  const t = e;
-  return t.Item = $e, t;
-}
-const le = 0;
-function At(e) {
-  return new Proxy(
-    {},
-    {
-      get(t, o) {
-        const n = e.value;
-        if (n == null) return;
-        const r = Reflect.get(n, o, n);
-        return typeof r == "function" ? r.bind(n) : r;
-      },
-      has(t, o) {
-        return e.value != null && o in e.value;
-      }
-    }
-  );
+function x(e) {
+  return e && e.charAt(0).toUpperCase() + e.slice(1);
 }
-const je = {
-  modelValue: {
-    type: [Object, Array],
-    default: void 0
-  },
-  "fl:layout": {
-    type: Boolean,
-    default: !1
-  },
-  "row:column": { type: Number, default: void 0 },
-  "row:gutter": { type: Number, default: void 0 },
-  "fl:form": {
-    type: [Boolean, String],
-    default: "auto"
-  },
-  "fl:item": {
-    type: Boolean,
-    default: !0
-  }
-}, _e = {
-  "update:modelValue": (e) => !0
-};
-function X(e) {
-  if (e != null && typeof e == "object")
-    throw new Error("[vue-formless] fl:layout is boolean only; use :row:column / :row:gutter");
-  return e === !0 || e === "";
-}
-function Ot(e, t) {
-  return e === !0 || e === !1 ? e : !t;
-}
-function Lt(e) {
-  return e == null ? !1 : "modelValue" in e || "model-value" in e || "onUpdate:modelValue" in e || "onUpdate:model-value" in e;
-}
-function Me(e) {
-  const t = yt({
-    Item: e.Item,
-    itemProps: e.itemProps,
-    isItemEnabled: e.isItemEnabled
-  }), o = e.isItemEnabled ?? (() => !0);
-  H(
-    Z,
-    Ye({
-      get model() {
-        return e.getModel();
-      },
-      update: e.update,
-      wrap: t,
-      isItemEnabled: o,
-      isLayoutEnabled: e.isLayoutEnabled,
-      LayoutView: O(e.LayoutView),
-      factoryColumn: e.factoryColumn,
-      factoryGutter: e.factoryGutter
-    })
-  );
+function Q(...e) {
+  const t = (n) => {
+    if (n !== void 0)
+      return n === "" ? !0 : !!n;
+  };
+  return e.reduce((n, r) => typeof t(r) == "boolean" ? t(r) : n, void 0);
+}
+function M(e) {
+  return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+}
+const Ve = ["fl", "layout-item", "layout", "item"], Te = new Map(
+  Ve.map((e) => {
+    const t = M(e);
+    return [
+      [`${e}:`, { channel: e, type: "prop" }],
+      [`${t}:`, { channel: e, type: "prop" }],
+      [`on${x(e)}:`, { channel: e, type: "listener" }],
+      [`on${x(t)}:`, { channel: e, type: "listener" }]
+    ];
+  }).flat()
+);
+function ee(e, t, n = {}) {
+  const r = n.prefix === "keep", u = {};
+  for (const a of [...t, "default"]) u[a] = /* @__PURE__ */ Object.create(null);
+  const i = Object.entries(e).map(([a, c]) => ({ ...Me(a, t), rawKey: a, value: c }));
+  for (const { rawKey: a, key: c, value: l, channel: s, type: d } of i)
+    d !== "listener" && (u[s || "default"][r && s ? a : c] = l);
+  for (const { rawKey: a, key: c, value: l, channel: s, type: d } of i)
+    d === "listener" && (u[s || "default"][r && s ? a : c] = l);
+  return u;
+}
+function Me(e, t) {
+  const n = e.indexOf(":");
+  if (n === -1) return { key: e };
+  const r = e.substring(0, n + 1);
+  if (e.length === r.length) return { key: e };
+  const u = Te.get(r);
+  return !u || !t.includes(u.channel) ? { key: e } : {
+    key: u.type === "listener" ? `on${x(e.replace(r, ""))}` : e.replace(r, ""),
+    channel: u.channel,
+    type: u.type
+  };
 }
-function Ne(e, t) {
-  const o = j(Z, null);
-  if (Lt(Ge()?.vnode.props)) {
-    const r = Xe(e, t);
-    return { getModel: e, update: r.update };
-  }
-  if (o)
-    return {
-      getModel: () => o.model,
-      update: o.update
-    };
-  throw new Error("[vue-formless] FormView requires v-model unless nested inside another FormView.");
-}
-function Vt(e) {
-  if (e != null) {
-    if (e.Row == null || e.Col == null)
-      throw new Error("[vue-formless] createFormView layout requires both Row and Col.");
-    return {
-      Row: O(e.Row),
-      Col: O(e.Col),
-      column: e.column,
-      gutter: e.gutter
-    };
-  }
+const Re = ["fl", "layout"], He = ["fl", "layout", "layout-item", "item"], $e = ["item"];
+function te(e, t, n) {
+  const r = f(() => ee(e, t, n)), u = {};
+  for (const i of t)
+    u[M(i)] = f(() => r.value[i]);
+  return u.default = f(() => r.value.default), u;
 }
-function Nt(e = {}) {
-  const t = Vt(e.layout), o = e.form?.component ? O(e.form.component) : void 0, n = e.form?.props, r = e.item?.component ? O(e.item.component) : void 0, l = e.item?.props, s = Ce(
-    t ? { Row: t.Row, Col: t.Col } : {}
-  ), u = t?.column ?? P.column, c = t?.gutter ?? le;
-  return Pe(
-    I({
-      name: "FormView",
-      inheritAttrs: !1,
-      props: je,
-      emits: _e,
-      setup(i, { slots: m, emit: g, attrs: p, expose: E }) {
-        const b = q(null);
-        E(At(b));
-        const L = j(Z, null) != null, { getModel: C, update: w } = Ne(
-          () => i.modelValue,
-          (f) => g("update:modelValue", f)
-        );
-        return Me({
-          getModel: C,
-          update: w,
-          Item: r,
-          itemProps: l,
-          isItemEnabled: () => i["fl:item"] !== !1,
-          isLayoutEnabled: () => X(i["fl:layout"]),
-          LayoutView: s,
-          factoryColumn: u,
-          factoryGutter: c
-        }), () => {
-          const f = m.default?.() ?? null, F = X(i["fl:layout"]), V = {
-            column: i["row:column"] ?? u,
-            gutter: i["row:gutter"] ?? c
-          }, a = y(
-            s,
-            { disabled: !F, column: V.column, gutter: V.gutter },
-            () => f
-          ), k = o ? Ot(i["fl:form"], L) : !1;
-          if (!o || !k) return a;
-          const _ = {
-            layout: F,
-            form: k,
-            item: i["fl:item"] !== !1,
-            modelValue: C()
-          };
-          return y(
-            o,
-            {
-              ref: b,
-              ...ae(K(n, _), p)
-            },
-            { default: () => a }
-          );
-        };
-      }
-    })
-  );
+function Pe(e) {
+  return new Proxy({}, {
+    get(t, n) {
+      const r = e.value;
+      if (r == null) return;
+      const u = Reflect.get(r, n, r);
+      return typeof u == "function" ? u.bind(r) : u;
+    },
+    has(t, n) {
+      return e.value != null && n in e.value;
+    }
+  });
 }
-const ge = Ce(), Tt = Pe(
-  I({
+function Ke(e = {}) {
+  const {
+    Row: t,
+    Col: n
+  } = e.layout ?? {}, r = Ie({
+    Row: t,
+    Col: n
+  }), u = e.form?.component ? j(e.form.component) : void 0, i = he(e.item);
+  return /* @__PURE__ */ S({
     name: "FormView",
     inheritAttrs: !1,
-    props: je,
-    emits: _e,
-    setup(e, { slots: t, emit: o }) {
-      const { getModel: n, update: r } = Ne(
-        () => e.modelValue,
-        (l) => o("update:modelValue", l)
-      );
-      return Me({
-        getModel: n,
-        update: r,
-        isLayoutEnabled: () => X(e["fl:layout"]),
-        LayoutView: ge,
-        factoryColumn: P.column,
-        factoryGutter: le
-      }), () => y(
-        ge,
-        {
-          disabled: !X(e["fl:layout"]),
-          column: e["row:column"] ?? P.column,
-          gutter: e["row:gutter"] ?? le
+    setup(a, {
+      slots: c,
+      attrs: l,
+      expose: s
+    }) {
+      const d = C(null);
+      s(Pe(d));
+      const y = T($, null) != null, {
+        fl: p,
+        layout: o,
+        default: v
+      } = te(l, Re), E = f(() => Q(!1, p.value.layout)), F = f(() => {
+        const g = p.value.form;
+        return g === void 0 || g === "auto" ? !y : g === "" ? !0 : !!g;
+      }), {
+        getIn: O,
+        setIn: L
+      } = je();
+      return w(P, {
+        access(g) {
+          return {
+            value: f(() => O(h(g))),
+            update: (_) => L(h(g), _)
+          };
         },
-        () => t.default?.() ?? null
-      );
+        // 壳资源直接给出：页级 `fl:item` 默认改由 FormFieldCore 从 `fl` 桶里取
+        // （design.md §9 / §16.3），这里不再为 item 包一层。
+        FormItem: j(i),
+        LayoutView: j(r),
+        // 页级 `fl` 桶：FormFieldCore 唯一的页默认来源。`layout` / `form` 是页自己的
+        // 开关（上面已消费），FormField 只读 `item`，故契约就是 `{ item?: boolean }`。
+        fl: p
+      }), () => {
+        const _ = b(r, k({
+          ...e.layout?.props,
+          ...o.value
+        }, {
+          disabled: !E.value
+        }), {
+          default: c.default
+        });
+        return !u || !F.value ? _ : b(u, k({
+          ref: d
+        }, {
+          ...e.form?.props,
+          ...v.value
+        }), {
+          default: () => _
+        });
+      };
     }
-  })
-);
-function Te(e) {
-  return e && e.charAt(0).toUpperCase() + e.slice(1);
+  });
 }
-function Bt(e) {
-  return e && e.charAt(0).toLowerCase() + e.slice(1);
-}
-function kt(e, t) {
-  if (e === "self" && t === !1 || e === !1 && t === "self")
-    throw new Error(
-      '[vue-formless] formless.item "self" conflicts with schema item: false'
-    );
-  return e ?? t;
-}
-function xt(e) {
-  const t = e.internalItem === "self";
-  let o;
-  e.tagItem === !0 ? o = !0 : e.tagItem === !1 || t || e.internalItem === !1 ? o = !1 : e.internalItem === !0 ? o = !0 : o = e.pageItem;
-  let n = e.pageLayoutOn;
-  t && e.tagItem !== !0 && (o = !1, n = !1);
-  const r = t && e.tagItem === !0 && e.pageLayoutOn;
-  return { wrapItem: o, wrapCol: n, extraRow: r, self: t };
-}
-const Rt = {
-  "fl:prop": { type: [String, Array], default: void 0 },
-  "fl:item": { type: Boolean, default: void 0 },
-  "col:span": { type: [String, Number], default: void 0 },
-  "col:place": { type: String, default: void 0 },
-  "row:column": { type: Number, default: void 0 },
-  "row:gutter": { type: Number, default: void 0 }
-};
-function Wt(e, t) {
-  const o = jt(e), n = {};
-  for (const r of Object.keys(o)) {
-    const l = o[r];
-    if (!l) continue;
-    const s = Te(r);
-    n[s] = $t(
-      r,
-      l,
-      t
-    );
-  }
-  return n;
+function qe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
-function $t(e, t, o) {
-  const n = pt(t.component), r = n.model ?? t.model, l = kt(n.item, t.item);
-  return I({
-    name: `Control_${Te(e)}`,
-    inheritAttrs: !1,
-    props: Rt,
-    setup(s, { attrs: u, slots: c }) {
-      const i = se();
-      let m;
-      It({
-        controlKey: e,
-        getFrame: () => m
-      });
-      const g = Ct();
-      return () => {
-        const { fl: p, rest: E } = Le(u), { row: b, col: L, rest: C } = Ve(E), w = { ...p, ...Fe(s) }, f = Se(
-          e,
-          { model: r, prop: t.prop },
-          {
-            prop: w.prop
-          }
-        ), F = t.component, { itemSlots: V, inputSlots: a } = Oe(c), { itemAttrs: k, itemOn: _, inputAttrs: W } = ke(C), U = dt(t), J = w.item === !0 ? !0 : w.item === !1 ? !1 : void 0, S = xt({
-          pageItem: i.isItemEnabled(),
-          pageLayoutOn: i.isLayoutEnabled(),
-          internalItem: l,
-          tagItem: J
-        }), A = Pt(i, e, f, U, w), G = ae(
-          K(o?.props, A),
-          K(t.props, A),
-          wt(W, f.models)
-        ), M = Ae(i.model, f, i.update), Y = f.props[0] ?? e, N = typeof A.label == "string" ? A.label : void 0, h = s["col:span"] ?? L.span, T = s["col:place"] ?? L.place, ce = we(s["row:column"] ?? b.column), fe = we(s["row:gutter"] ?? b.gutter);
-        !S.extraRow && (ce != null || fe != null) && console.warn("[vue-formless] :row:* is ignored on a leaf control");
-        const Be = F ? y(
-          F,
-          {
-            ...G,
-            ...M
-          },
-          a
-        ) : y(
-          "div",
-          { class: "vue-formless-control", "data-control": e },
-          [
-            N ? y("label", { class: "vue-formless-control__label" }, String(N)) : null,
-            String(B(i.model, Y) ?? "")
-          ]
-        );
-        return m = {
-          fl: {
-            ...U,
-            ...ie(w)
-          },
-          binding: f,
-          wrapItem: S.wrapItem,
-          wrapCol: S.wrapCol,
-          extraRow: S.extraRow,
-          colSpan: h,
-          colPlace: T,
-          rowColumn: ce,
-          rowGutter: fe,
-          itemAttrs: k,
-          itemOn: _,
-          itemSlots: V
-        }, y(g, null, () => Be);
+function B(e) {
+  if (!(typeof e > "u"))
+    return (Array.isArray(e) ? e : [e]).map((t) => {
+      if (typeof t == "string")
+        return t;
+    });
+}
+function De(e) {
+  if (!(typeof e > "u"))
+    return (Array.isArray(e) ? e : [e]).map((t) => {
+      if (typeof t == "string")
+        return t;
+    });
+}
+const Be = /* @__PURE__ */ S({
+  name: "FormFieldCore",
+  inheritAttrs: !1,
+  props: {
+    preset: {
+      type: Object
+    },
+    fl: {
+      type: Object,
+      required: !0
+    },
+    layoutItem: {
+      type: Object,
+      required: !0
+    },
+    layout: {
+      type: Object,
+      required: !0
+    },
+    item: {
+      type: Object,
+      required: !0
+    },
+    control: {
+      type: [Object, Function],
+      required: !0
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const n = T(P, null), r = f(() => e.fl?.component?.formless), u = f(() => ({
+      ...e.preset?.fl,
+      ...e.fl
+    })), i = f(() => B(u.value?.model) || B(r.value?.model) || ["modelValue"]), a = f(() => De(u.value?.prop) || n?.getProp?.(i.value)), c = f(() => {
+      const p = {}, o = {};
+      return i.value.forEach((v, E) => {
+        if (typeof v != "string" || v.trim() === "") return;
+        const F = a.value?.[E];
+        if (typeof F != "string" || F.trim() === "") return;
+        const O = n?.access(F);
+        if (!O) return;
+        const L = M(v);
+        p[L] = O.value.value, o[`onUpdate:${L}`] = O.update;
+      }), {
+        values: p,
+        events: o
       };
+    }), l = f(() => ({
+      ...c.value.values,
+      ...c.value.events
+    }));
+    w(P, {
+      ...n,
+      getProp(p) {
+        return p.map((o) => {
+          if (typeof o != "string") return;
+          const v = i.value.indexOf(o);
+          return v !== -1 ? a.value?.[v] : void 0;
+        });
+      }
+    });
+    const s = f(() => {
+      const p = r.value?.field === "embed" ? "embed" : "auto", o = u.value?.field === "embed" ? "embed" : u.value?.field === "wrap-embed" ? "wrap-embed" : "auto";
+      return p === "auto" ? o === "auto" ? "wrap" : o : o === "auto" ? "embed" : o;
+    }), d = f(() => Q(!0, h(n?.fl)?.item, u.value?.item)), m = f(() => ({
+      ...u.value,
+      model: i.value,
+      prop: a.value,
+      field: s.value,
+      item: d.value
+    })), y = f(() => {
+      const p = typeof e.preset?.props == "function" ? e.preset?.props(m.value) : e.preset?.props;
+      return k(c.value.events, {
+        ...p,
+        ...e.control
+      }, c.value.values);
+    });
+    return () => {
+      const {
+        item: p,
+        default: o
+      } = ee(t, $e), v = e.fl.component, E = v ? b(v, y.value, o) : t.default?.({
+        $bindings: l.value
+      }) ?? null;
+      if (s.value === "embed") return E;
+      const F = n?.LayoutView, O = s.value === "wrap-embed" && F ? b(F, e.layout, {
+        default: () => E
+      }) : E, L = n?.FormItem, g = L ? b(L, {
+        fl: m.value,
+        item: e.item
+      }, {
+        ...p,
+        default: () => O
+      }) : O;
+      return b(ve, e.layoutItem, qe(g) ? g : {
+        default: () => [g]
+      });
+    };
+  }
+});
+function ne(e = {}) {
+  const {
+    name: t,
+    component: n,
+    props: r,
+    ...u
+  } = e;
+  return /* @__PURE__ */ S({
+    name: t ? `FormField${x(t)}` : "FormField",
+    inheritAttrs: !1,
+    setup(i, {
+      attrs: a,
+      slots: c
+    }) {
+      const {
+        fl: l,
+        layoutItem: s,
+        layout: d,
+        item: m,
+        default: y
+      } = te(a, He);
+      return () => b(Be, {
+        preset: {
+          fl: u,
+          props: r
+        },
+        fl: {
+          ...l.value,
+          // `fl.value` is the raw tag bucket (`Record<string, unknown>`); schema
+          // still wins over the tag's `fl:component` (design.md §11.2).
+          component: n ?? l.value.component
+        },
+        layoutItem: s.value,
+        layout: d.value,
+        item: m.value,
+        control: y.value
+      }, c);
     }
   });
 }
-function Pt(e, t, o, n, r) {
-  return {
-    ...n,
-    ...ie(r),
-    controlKey: t,
-    binding: o,
-    getValues: () => o.props.map((l) => B(e.model, l))
-  };
-}
-function jt(e) {
-  const t = {
-    ...e
-  };
-  for (const o of Object.keys(t)) {
-    const n = t[o];
-    n && (t[o] = {
-      ...n,
-      component: n.component && typeof n.component == "object" ? O(n.component) : n.component
+const We = ne();
+function Ye(e) {
+  const t = {};
+  for (const n of Object.keys(e)) {
+    const r = e[n];
+    if (!r) continue;
+    const u = x(M(n));
+    t[u] = ne({
+      name: u,
+      prop: n,
+      ...r
     });
   }
   return t;
 }
 export {
-  P as DEFAULT_LAYOUT,
-  Tt as FormView,
-  $e as FormViewItem,
-  d as GRID_TOTAL,
-  Ae as applyControlBinding,
-  gt as bindingForPort,
-  Te as camelToPascal,
-  Wt as createFormControls,
-  Nt as createFormView,
-  Ce as createLayoutView,
-  Z as formContextKey,
-  Ke as formItemProp,
-  B as getIn,
-  kt as mergeInternalItem,
-  ae as overlayProps,
-  ue as parsePath,
-  Bt as pascalToCamel,
-  Se as resolveControlBinding,
-  xt as resolveControlShell,
-  Mt as resolveFormItemProp,
-  K as resolveProps,
-  De as setIn,
-  de as toBindingList,
-  se as useFormContext,
-  Ct as useFormItem,
-  ut as useLayoutItem
+  We as FormField,
+  ve as LayoutItem,
+  Ye as createFormFields,
+  Ke as createFormView,
+  Ie as createLayoutView
 };