@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/response-layout/index.esm.js

@@ -1,24 +1,24 @@
-import { defineComponent as F, computed as S, createVNode as y, ref as b, inject as $, onMounted as X, createTextVNode as P } from "vue";
-import { resolveAppearance as W, createPropsResolver as j, getSchemaByType as _ } from "../dynamic-resolver/index.esm.js";
-import { canvasChanged as K, useDesignerComponent as k, DgControl as R } from "../designer-canvas/index.esm.js";
-import { BaseControlProperty as U } from "../property-panel/index.esm.js";
-import { useDesignerRules as N } from "../dynamic-form/index.esm.js";
-const z = /* @__PURE__ */ new Map([
-  ["appearance", W]
+import { defineComponent as P, computed as R, createVNode as m, ref as b, inject as F, onMounted as z, createTextVNode as j } from "vue";
+import { resolveAppearance as Z, createPropsResolver as V, getPropsResolverGenerator as B, getSchemaByType as H } from "../dynamic-resolver/index.esm.js";
+import { canvasChanged as ee, useDesignerComponent as J, DgControl as $ } from "../designer-canvas/index.esm.js";
+import { BaseControlProperty as W } from "../property-panel/index.esm.js";
+import { useDesignerRules as X } from "../../designer/dynamic-form/index.esm.js";
+const M = /* @__PURE__ */ new Map([
+  ["appearance", Z]
 ]);
-function Q(s, e, t) {
+function _(s, e, t) {
   if (t.componentFeature) {
     const i = JSON.parse(t.componentFeature);
-    e.appearance = { class: "bg-white" }, e.contents = String(i.splitter).split(":").map((c) => {
+    e.appearance = { class: "bg-white" }, e.contents = String(i.splitter).split(":").map((a) => {
       const l = s.getSchemaByType("response-layout-item");
       return l.appearance = {
-        class: `h-100 col-${c} px-0`
+        class: `h-100 col-${a} px-0`
       }, l;
     });
   }
   return e;
 }
-const Y = "https://json-schema.org/draft/2020-12/schema", Z = "https://farris-design.gitee.io/response-layout.schema.json", H = "response-layout", ee = "A Farris Container Component", te = "object", se = {
+const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-design.gitee.io/response-layout.schema.json", oe = "response-layout", ne = "A Farris Container Component", re = "object", ae = {
   id: {
     description: "The unique identifier for a Respnse Layout",
     type: "string"
@@ -64,41 +64,47 @@ const Y = "https://json-schema.org/draft/2020-12/schema", Z = "https://farris-de
     type: "boolean",
     default: !0
   }
-}, oe = [
+}, ie = [
   "id",
   "type",
   "contents"
-], ne = {
-  $schema: Y,
-  $id: Z,
-  title: H,
-  description: ee,
-  type: te,
-  properties: se,
-  required: oe
-}, T = {
+], K = {
+  $schema: te,
+  $id: se,
+  title: oe,
+  description: ne,
+  type: re,
+  properties: ae,
+  required: ie
+}, A = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
-}, G = j(T, ne, z, Q), M = /* @__PURE__ */ F({
+}, Ge = V(A, K, M, _), k = B(
+  A,
+  K,
+  M,
+  _
+), T = /* @__PURE__ */ P({
   name: "FResponseLayout",
-  props: T,
+  props: A,
   emits: [],
   setup(s, e) {
-    function t(c, l) {
-      c && l && l.split(" ").reduce((r, m) => (r[m] = !0, r), c);
+    function t(a, l) {
+      a && l && l.split(" ").reduce((r, f) => (r[f] = !0, r), a);
     }
-    const i = S(() => {
-      const c = {
-        "d-flex": !0
+    const i = R(() => {
+      const a = {
+        "d-flex": !0,
+        "f-response-layout": !0
       };
-      return t(c, s.customClass), c;
+      return t(a, s.customClass), a;
     });
-    return () => y("div", {
+    return () => m("div", {
       class: i.value,
       style: s.customStyle
     }, [e.slots.default && e.slots.default()]);
   }
-}), re = "https://json-schema.org/draft/2020-12/schema", ae = "https://farris-design.gitee.io/response-layout-item.schema.json", ie = "response-layout-item", ce = "A Farris Container Component", le = "object", pe = {
+}), ce = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-design.gitee.io/response-layout-item.schema.json", pe = "response-layout-item", ue = "A Farris Container Component", de = "object", ye = {
   id: {
     description: "The unique identifier for a Respnse Layout Item",
     type: "string"
@@ -144,33 +150,44 @@ const Y = "https://json-schema.org/draft/2020-12/schema", Z = "https://farris-de
     type: "boolean",
     default: !0
   }
-}, ue = [
+}, fe = [
   "id",
   "type",
   "contents"
-], de = {
-  $schema: re,
-  $id: ae,
-  title: ie,
-  description: ce,
-  type: le,
-  properties: pe,
-  required: ue
-}, D = {
+], Q = {
+  $schema: ce,
+  $id: le,
+  title: pe,
+  description: ue,
+  type: de,
+  properties: ye,
+  required: fe
+}, S = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
-}, O = j(D, de, z), A = /* @__PURE__ */ F({
+};
+V(S, Q, M);
+const U = B(
+  S,
+  Q,
+  M,
+  void 0
+), D = /* @__PURE__ */ P({
   name: "FResponseLayoutItem",
-  props: D,
+  props: S,
   emits: [],
   setup(s, e) {
-    return () => y("div", {
-      class: s.customClass,
+    const t = R(() => ({
+      "f-response-layout-item": !0,
+      [s.customClass]: !!s.customClass
+    }));
+    return () => m("div", {
+      class: t.value,
       style: s.customStyle
     }, [e.slots.default && e.slots.default()]);
   }
 });
-class ye extends U {
+class me extends W {
   constructor(e, t) {
     super(e, t);
   }
@@ -192,69 +209,69 @@ class ye extends U {
           }
         }
       },
-      setPropertyRelates(i, c) {
-        K.value++;
+      setPropertyRelates(i, a) {
+        ee.value++;
       }
     };
   }
 }
-function fe(s, e) {
+function ge(s, e) {
   const t = s.schema;
   function i(r) {
     return !1;
   }
-  function c(r) {
-    return new ye(r, e).getPropertyConfig(t);
+  function a(r) {
+    return new me(r, e).getPropertyConfig(t);
   }
   function l() {
-    var f;
+    var y;
     const r = s.designerItemElementRef.value.querySelector(`#${t.id}`);
     if (!r)
       return;
-    const m = ((f = s.schema.contents) == null ? void 0 : f.map((h) => h.id)) || [];
-    Array.from(r.children).map((h) => {
+    const f = ((y = s.schema.contents) == null ? void 0 : y.map((g) => g.id)) || [];
+    Array.from(r.children).map((g) => {
       var v;
-      const g = (v = h.componentInstance) == null ? void 0 : v.value;
-      g != null && g.schema && !m.includes(g.schema.id) && g.onRemoveComponent && g.onRemoveComponent(e);
+      const h = (v = g.componentInstance) == null ? void 0 : v.value;
+      h != null && h.schema && !f.includes(h.schema.id) && h.onRemoveComponent && h.onRemoveComponent(e);
     });
   }
   function p(r) {
-    var m;
-    r && ((m = r == null ? void 0 : r.changeObject) == null ? void 0 : m.propertyID) === "layout" && l();
+    var f;
+    r && ((f = r == null ? void 0 : r.changeObject) == null ? void 0 : f.propertyID) === "layout" && l();
   }
   return {
     canAccepts: i,
-    getPropsConfig: c,
+    getPropsConfig: a,
     onPropertyChanged: p
   };
 }
-const me = /* @__PURE__ */ F({
+const he = /* @__PURE__ */ P({
   name: "FResponseLayoutDesign",
-  props: T,
+  props: A,
   emits: [],
   setup(s, e) {
-    const t = b(), i = $("design-item-context"), c = $("designer-host-service"), l = fe(i, c), p = k(t, i, l);
-    X(() => {
+    const t = b(), i = F("design-item-context"), a = F("designer-host-service"), l = ge(i, a), p = J(t, i, l);
+    z(() => {
       t.value.componentInstance = p;
     }), e.expose(p.value);
-    function r(f, h) {
-      f && h && h.split(" ").reduce((v, n) => (v[n] = !0, v), f);
+    function r(y, g) {
+      y && g && g.split(" ").reduce((v, n) => (v[n] = !0, v), y);
     }
-    const m = S(() => {
-      const f = {
+    const f = R(() => {
+      const y = {
         "d-flex": !0,
         "response-layout": !0
       };
-      return r(f, s.customClass), f;
+      return r(y, s.customClass), y;
     });
-    return () => y("div", {
+    return () => m("div", {
       ref: t,
-      class: m.value,
+      class: f.value,
       style: "height:inherit;"
     }, [e.slots.default && e.slots.default()]);
   }
 });
-class ge extends U {
+class Ce extends W {
   constructor(e, t) {
     super(e, t);
   }
@@ -262,26 +279,26 @@ class ge extends U {
     return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.appearance = this.getAppearanceConfig(e), this.propertyConfig;
   }
 }
-function he(s, e) {
+function ve(s, e) {
   const t = s.schema;
   function i(n) {
-    var B, q, x;
-    const { componentType: o, sourceType: a, bindingTargetId: u, sourceElement: d } = n, { schemaService: L, formSchemaUtils: C } = e, I = C.getViewModelIdByComponentId((q = (B = s.componentInstance) == null ? void 0 : B.value) == null ? void 0 : q.belongedComponentId), V = C.getViewModelById(I);
-    if ([R["response-layout"].type, R["query-solution"].type, R.fieldset.type, R["filter-bar"].type, R.drawer.type].includes(o) || (x = t.contents) != null && x.length)
+    var G, x, N;
+    const { componentType: o, sourceType: c, bindingTargetId: u, sourceElement: d } = n, { schemaService: L, formSchemaUtils: C } = e, I = C.getViewModelIdByComponentId((x = (G = s.componentInstance) == null ? void 0 : G.value) == null ? void 0 : x.belongedComponentId), E = C.getViewModelById(I);
+    if ([$["response-layout"].type, $["query-solution"].type, $.fieldset.type, $["filter-bar"].type, $.drawer.type].includes(o) || (N = t.contents) != null && N.length)
       return !1;
-    if (a === "field") {
+    if (c === "field") {
       const w = L.getFieldByIDAndVMID(u, I);
       if (!w || !w.schemaField)
         return !1;
     }
     if (d && d.componentInstance) {
-      const { componentInstance: w } = d, E = C.getViewModelIdByComponentId(w.value.belongedComponentId);
-      if (E !== I && o === "form-group")
-        return C.getViewModelById(E).bindTo === V.bindTo;
+      const { componentInstance: w } = d, O = C.getViewModelIdByComponentId(w.value.belongedComponentId);
+      if (O !== I && o === "form-group")
+        return C.getViewModelById(O).bindTo === E.bindTo;
     }
     return !0;
   }
-  function c() {
+  function a() {
     return !1;
   }
   function l() {
@@ -291,64 +308,75 @@ function he(s, e) {
     return !0;
   }
   function r(n) {
-    return new ge(n, e).getPropertyConfig(t);
+    return new Ce(n, e).getPropertyConfig(t);
   }
-  function m() {
+  function f() {
     t.appearance || (t.appearance = { class: "" }), t.appearance.class || (t.appearance.class = ""), t.appearance.class.includes("farris-form") || (t.appearance.class += " f-form-layout farris-form farris-form-controls-inline farris-form-auto");
   }
-  function f(n, o) {
-    var a, u, d;
+  function y(n, o) {
+    var c, u, d;
     if (n.componentCategory === "input") {
       const { label: L } = n;
       let C;
       const I = e == null ? void 0 : e.controlCreatorUtils;
-      return (a = n.bindingSourceContext) != null && a.entityFieldNode ? C = I.setFormFieldProperty((u = n.bindingSourceContext) == null ? void 0 : u.entityFieldNode, o == null ? void 0 : o.type, "col-12") : (C = I.createFormGroupWithoutField(o == null ? void 0 : o.type, "col-12"), C.label = L), m(), N(s, e).syncFieldToViewModel(n, (d = C.editor) == null ? void 0 : d.type), C;
+      return (c = n.bindingSourceContext) != null && c.entityFieldNode ? C = I.setFormFieldProperty((u = n.bindingSourceContext) == null ? void 0 : u.entityFieldNode, o == null ? void 0 : o.type, "col-12") : (C = I.createFormGroupWithoutField(o == null ? void 0 : o.type, "col-12"), C.label = L), f(), X(s, e).syncFieldToViewModel(n, (d = C.editor) == null ? void 0 : d.type), C;
     }
     return o;
   }
-  function h(n, o) {
+  function g(n, o) {
     if (!n || !n.componentInstance || !e)
       return;
     const u = n.componentInstance.value.schema;
-    if (u.type === "form-group" && m(), !u.binding || !u.binding.field)
+    if (u.type === "form-group" && f(), !u.binding || !u.binding.field)
       return;
-    const d = N(s, e);
+    const d = X(s, e);
     d.onAcceptMovedChildElement && d.onAcceptMovedChildElement(n, o);
   }
-  function g() {
+  function h() {
     !t.appearance || !t.appearance.class || (t.appearance.class = t.appearance.class.replace("f-form-layout", ""), t.appearance.class = t.appearance.class.replace("farris-form", ""), t.appearance.class = t.appearance.class.replace("farris-form-controls-inline", ""), t.appearance.class = t.appearance.class.replace("farris-form-auto", ""), t.appearance.class = t.appearance.class.trim());
   }
   function v(n) {
-    var o, a, u;
-    n && ((u = (a = (o = n.componentInstance) == null ? void 0 : o.value) == null ? void 0 : a.schema) == null ? void 0 : u.type) === "form-group" && g();
+    var o, c, u;
+    n && ((u = (c = (o = n.componentInstance) == null ? void 0 : o.value) == null ? void 0 : c.schema) == null ? void 0 : u.type) === "form-group" && h();
   }
   return {
     canAccepts: i,
-    checkCanDeleteComponent: c,
+    checkCanDeleteComponent: a,
     checkCanMoveComponent: l,
     hideNestedPaddingInDesginerView: p,
     getPropsConfig: r,
-    onResolveNewComponentSchema: f,
-    onAcceptMovedChildElement: h,
+    onResolveNewComponentSchema: y,
+    onAcceptMovedChildElement: g,
     onChildElementMovedOut: v
   };
 }
-const Ce = /* @__PURE__ */ F({
+const Le = /* @__PURE__ */ P({
   name: "FResponseLayoutItemDesign",
-  props: D,
+  props: S,
   emits: [],
   setup(s, e) {
-    const t = b(), i = $("design-item-context"), c = $("designer-host-service"), l = he(i, c), p = k(t, i, l);
-    return X(() => {
+    const t = b(), i = F("design-item-context"), a = F("designer-host-service"), l = ve(i, a), p = J(t, i, l), {
+      designerContext: r
+    } = a, f = !!r && !!r.responsiveForm && r.designerMode === "Mobile";
+    z(() => {
       t.value.componentInstance = p;
-    }), e.expose(p.value), () => y("div", {
+    }), e.expose(p.value);
+    const y = R(() => ({
+      "f-response-layout-item": !0,
+      [s.customClass]: !!s.customClass
+    })), g = R(() => ({
+      display: "inherit",
+      flex: 1,
+      paddingRight: f ? void 0 : "8px"
+    }));
+    return () => m("div", {
       ref: t,
-      class: s.customClass,
-      style: "padding-right:8px;display:inherit;flex:1;",
+      class: y.value,
+      style: g.value,
       "data-dragref": `${i.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
   }
-}), ve = "https://json-schema.org/draft/2020-12/schema", Le = "https://farris-design.gitee.io/response-layout-splitter.schema.json", Ie = "response-layout-splitter", be = "A Splitter Editor for Response Layout", Re = "object", $e = {
+}), Ie = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-design.gitee.io/response-layout-splitter.schema.json", Re = "response-layout-splitter", $e = "A Splitter Editor for Response Layout", Fe = "object", Pe = {
   id: {
     description: "The unique identifier for response layout splitter editor",
     type: "string"
@@ -363,22 +391,29 @@ const Ce = /* @__PURE__ */ F({
     type: "object",
     default: {}
   }
-}, Fe = [
+}, we = [
   "id",
   "type"
-], we = {
-  $schema: ve,
-  $id: Le,
-  title: Ie,
-  description: be,
-  type: Re,
-  properties: $e,
-  required: Fe
-}, J = {
+], Y = {
+  $schema: Ie,
+  $id: be,
+  title: Re,
+  description: $e,
+  type: Fe,
+  properties: Pe,
+  required: we
+}, q = {
   layout: { type: Array }
-}, Pe = j(J, we);
-function Me(s, e) {
-  const t = $("FMessageBoxService"), i = [
+};
+V(q, Y);
+const Me = B(
+  q,
+  Y,
+  void 0,
+  void 0
+);
+function Ae(s, e) {
+  const t = F("FMessageBoxService"), i = [
     "12",
     "6:6",
     "3:9",
@@ -387,13 +422,13 @@ function Me(s, e) {
     "3:6:3",
     "3:3:6",
     "3:3:3:3"
-  ], c = b([]), l = b(""), p = b(s.layout || []), r = b(!0);
-  function m() {
+  ], a = b([]), l = b(""), p = b(s.layout || []), r = b(!0);
+  function f() {
     i.forEach((n) => {
-      c.value.push(n.split(":").map((o) => `col-${o}`));
+      a.value.push(n.split(":").map((o) => `col-${o}`));
     });
   }
-  function f() {
+  function y() {
     if (!(s != null && s.layout))
       return;
     if (!p.value.length) {
@@ -408,122 +443,123 @@ function Me(s, e) {
       u ? n.push(parseInt(u.replace("col-", ""), 10)) : n.push(0);
     }), l.value = n.join(":"), r.value = i.includes(l.value);
   }
-  function h(n) {
+  function g(n) {
     for (let o = n.length; o < p.value.length; o++) {
-      const a = p.value[o];
-      if (a && a.contents && a.contents.length)
+      const c = p.value[o];
+      if (c && c.contents && c.contents.length)
         return !0;
     }
     return !1;
   }
-  function g(n, o) {
+  function h(n, o) {
     r.value = !0, l.value = n;
-    for (let a = 0; a < o.length; a++) {
-      const u = p.value[a];
+    for (let c = 0; c < o.length; c++) {
+      const u = p.value[c];
       if (u) {
         let d = u.appearance && u.appearance.class || "";
         const L = d.split(" ").find((C) => /^col-([1-9]|10|11|12)$/.test(C));
-        L ? (d = d.replace(L, `col-${o[a]}`), u.appearance.class = d) : u.appearance.class += ` col-${o[a]}`;
+        L ? (d = d.replace(L, `col-${o[c]}`), u.appearance.class = d) : u.appearance.class += ` col-${o[c]}`;
       } else {
-        const d = _("response-layout-item");
-        d.id = `layout_${Math.random().toString().slice(2, 6)}`, d.appearance = { class: `h-100 col-${o[a]} px-0` }, p.value.push(d);
+        const d = H("response-layout-item");
+        d.id = `layout_${Math.random().toString().slice(2, 6)}`, d.appearance = { class: `h-100 col-${o[c]} px-0` }, p.value.push(d);
       }
     }
     p.value.length = o.length, e.emit("change");
   }
   function v(n) {
     const o = n.split(":");
-    if (o.length < p.value.length && h(o)) {
-      let a = "应用XXX列布局将删除右侧区域内的控件，此操作不可撤销，确定应用？";
-      a = a.replace("XXX", o.length + ""), t == null || t.question(a, "", () => {
-        g(n, o);
+    if (o.length < p.value.length && g(o)) {
+      let c = "应用XXX列布局将删除右侧区域内的控件，此操作不可撤销，确定应用？";
+      c = c.replace("XXX", o.length + ""), t == null || t.question(c, "", () => {
+        h(n, o);
       }, () => {
       });
     } else
-      g(n, o);
+      h(n, o);
   }
-  return m(), f(), {
+  return f(), y(), {
     standardLayouts: i,
-    standardLayoutClass: c,
+    standardLayoutClass: a,
     selectedLayout: l,
     currentLayoutItems: p,
     isStandardLayout: r,
     onSelectColumnLayout: v
   };
 }
-const Ae = /* @__PURE__ */ F({
+const Se = /* @__PURE__ */ P({
   name: "FResponseLayoutSplitter",
-  props: J,
+  props: q,
   emits: ["change"],
   setup(s, e) {
     const {
       standardLayouts: t,
       standardLayoutClass: i,
-      selectedLayout: c,
+      selectedLayout: a,
       isStandardLayout: l,
       onSelectColumnLayout: p
-    } = Me(s, e), r = S(() => (f) => ({
+    } = Ae(s, e), r = R(() => (y) => ({
       "columns-layout-option": !0,
-      active: c.value === f
+      active: a.value === y
     }));
-    function m() {
-      return y("ul", {
+    function f() {
+      return m("ul", {
         class: "columns-layout-list"
-      }, [t.map((f, h) => y("li", {
-        class: r.value(f),
-        onClick: () => p(f)
-      }, [y("div", {
+      }, [t.map((y, g) => m("li", {
+        class: r.value(y),
+        onClick: () => p(y)
+      }, [m("div", {
         class: "columns-layout-icon d-flex"
-      }, [i.value[h].map((g) => y("div", {
+      }, [i.value[g].map((h) => m("div", {
         class: {
           "columns-layout-item": !0,
-          [g]: !0
+          [h]: !0
         }
-      }, [P(" ")]))])])), l.value ? "" : y("li", {
+      }, [j(" ")]))])])), l.value ? "" : m("li", {
         class: "columns-layout-option active",
         title: "自定义布局"
-      }, [y("div", {
+      }, [m("div", {
         class: "columns-layout-icon icon-custom"
-      }, [P(" ")])])]);
+      }, [j(" ")])])]);
     }
-    return () => y("div", {
+    return () => m("div", {
       class: "columns-layout"
-    }, [m(), l.value ? y("div", {
+    }, [f(), l.value ? m("div", {
       class: "farris-group-wrap mt-2"
-    }, [y("div", {
+    }, [m("div", {
       class: "form-group farris-form-group d-flex"
-    }, [y("label", {
+    }, [m("label", {
       class: "col-form-label mb-0",
       style: "width: 89px;"
-    }, [y("div", {
+    }, [m("div", {
       class: "wrap"
-    }, [y("span", {
+    }, [m("span", {
       class: "farris-label-text"
-    }, [P(" 布局比例 ")])])]), y("div", {
+    }, [j(" 布局比例 ")])])]), m("div", {
       class: "farris-input-wrap"
-    }, [y("input", {
+    }, [m("input", {
       type: "input",
       class: "form-control form-control-sm",
-      value: c.value,
+      value: a.value,
       readonly: !0
     }, null)])])]) : ""]);
   }
 }), xe = {
   install(s) {
-    s.component(M.name, M).component(A.name, A);
+    s.component(T.name, T).component(D.name, D);
   },
-  register(s, e, t, i) {
-    s["response-layout"] = M, s["response-layout-item"] = A, e["response-layout"] = G, e["response-layout-item"] = O, s["response-layout-splitter"] = Ae, e["response-layout-splitter"] = Pe;
+  register(s, e, t, i, a) {
+    s["response-layout"] = T, s["response-layout-item"] = D, e["response-layout"] = k(a), e["response-layout-item"] = U(a), s["response-layout-splitter"] = Se, e["response-layout-splitter"] = Me(a);
   },
-  registerDesigner(s, e, t) {
-    s["response-layout"] = me, s["response-layout-item"] = Ce, e["response-layout"] = G, e["response-layout-item"] = O;
+  registerDesigner(s, e, t, i) {
+    s["response-layout"] = he, s["response-layout-item"] = Le, e["response-layout"] = k(i), e["response-layout-item"] = U(i);
   }
 };
 export {
-  M as FResponseLayout,
-  A as FResponseLayoutItem,
-  Ae as FResponseLayoutSplitter,
+  T as FResponseLayout,
+  D as FResponseLayoutItem,
+  Se as FResponseLayoutSplitter,
   xe as default,
-  T as responseLayoutProps,
-  G as responseLayoutPropsResolver
+  A as responseLayoutProps,
+  Ge as responseLayoutPropsResolver,
+  k as responseLayoutPropsResolverGenerator
 };