@farris/ui-vue 1.2.8 → 1.3.0

package/components/content-container/index.esm.js

@@ -1,111 +1,111 @@
-import { defineComponent as W, createVNode as _, ref as M, nextTick as Y, inject as Z, computed as R, onMounted as K } from "vue";
-import { cloneDeep as x } from "lodash-es";
+import { defineComponent as _, createVNode as z, ref as M, nextTick as Z, inject as R, computed as x, onMounted as K } from "vue";
+import { isPlainObject as q, cloneDeep as I } from "lodash-es";
 import "bignumber.js";
-const z = {}, G = {};
+const G = {}, J = {};
 function k(n) {
-  const { properties: e, title: t } = n, r = Object.keys(e).reduce((s, b) => (s[b] = e[b].type === "object" && e[b].properties ? k(e[b]) : x(e[b].default), s), {});
-  return r.id = `${t}-${Date.now()}`, r;
+  const { properties: e, title: t, ignore: r } = n, c = r && Array.isArray(r), h = Object.keys(e).reduce((m, y) => ((!c || !r.find((T) => T == y)) && (m[y] = e[y].type === "object" && e[y].properties ? k(e[y]) : I(e[y].default)), m), {});
+  return (!c || !r.find((m) => m == "id")) && (h.id = `${t}-${Date.now()}`), h;
 }
-function N(n, e = {}) {
-  const t = z[n];
-  if (t) {
-    let r = k(t);
-    const s = G[n];
-    return r = s ? s({ getSchemaByType: N }, r, e) : r, r;
+function N(n, e = {}, t) {
+  const r = G[n];
+  if (r) {
+    let c = k(r);
+    const h = J[n];
+    return c = h ? h({ getSchemaByType: N }, c, e, t) : c, c;
   }
   return null;
 }
-function I(n, e) {
+function ee(n, e) {
   const t = k(e);
-  return Object.keys(n).reduce((r, s) => (r[s] && typeof r[s] == "object" ? Object.assign(r[s], n[s]) : r[s] = n[s], r), t), t;
+  return Object.keys(n).reduce((r, c) => (r[c] && q(r[c]) && q(n[c]) ? Object.assign(r[c], n[c]) : r[c] = n[c], r), t), t;
 }
-function ee(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, s) => {
-    if (e.has(s)) {
-      const b = e.get(s);
-      if (typeof b == "string")
-        r[b] = n[s];
+function te(n, e) {
+  return Object.keys(n).filter((r) => n[r] != null).reduce((r, c) => {
+    if (e.has(c)) {
+      const h = e.get(c);
+      if (typeof h == "string")
+        r[h] = n[c];
       else {
-        const h = b(s, n[s], n);
-        Object.assign(r, h);
+        const m = h(c, n[c], n);
+        Object.assign(r, m);
       }
     } else
-      r[s] = n[s];
+      r[c] = n[c];
     return r;
   }, {});
 }
-function te(n, e, t = /* @__PURE__ */ new Map()) {
-  const r = I(n, e);
-  return ee(r, t);
+function ne(n, e, t = /* @__PURE__ */ new Map()) {
+  const r = ee(n, e);
+  return te(r, t);
 }
-function ne(n = {}) {
-  function e(p, d, f, y) {
+function oe(n = {}) {
+  function e(p, d, f, b) {
     if (typeof f == "number")
-      return y[p].length === f;
+      return b[p].length === f;
     if (typeof f == "object") {
-      const A = Object.keys(f)[0], o = f[A];
-      if (A === "not")
-        return Number(y[p].length) !== Number(o);
-      if (A === "moreThan")
-        return Number(y[p].length) >= Number(o);
-      if (A === "lessThan")
-        return Number(y[p].length) <= Number(o);
+      const v = Object.keys(f)[0], o = f[v];
+      if (v === "not")
+        return Number(b[p].length) !== Number(o);
+      if (v === "moreThan")
+        return Number(b[p].length) >= Number(o);
+      if (v === "lessThan")
+        return Number(b[p].length) <= Number(o);
     }
     return !1;
   }
-  function t(p, d, f, y) {
-    return y[p] && y[p].propertyValue && String(y[p].propertyValue.value) === String(f);
+  function t(p, d, f, b) {
+    return b[p] && b[p].propertyValue && String(b[p].propertyValue.value) === String(f);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
   Object.keys(n).reduce((p, d) => (p.set(d, n[d]), p), r);
-  function s(p, d) {
+  function c(p, d) {
     const f = p;
-    return typeof d == "number" ? [{ target: f, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: f, operator: "getProperty", param: p, value: !!d }] : typeof d == "object" ? Object.keys(d).map((y) => {
-      if (y === "length")
-        return { target: f, operator: "length", param: null, value: d[y] };
-      const A = y, o = d[y];
-      return { target: f, operator: "getProperty", param: A, value: o };
+    return typeof d == "number" ? [{ target: f, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: f, operator: "getProperty", param: p, value: !!d }] : typeof d == "object" ? Object.keys(d).map((b) => {
+      if (b === "length")
+        return { target: f, operator: "length", param: null, value: d[b] };
+      const v = b, o = d[b];
+      return { target: f, operator: "getProperty", param: v, value: o };
     }) : [];
   }
-  function b(p) {
-    return Object.keys(p).reduce((f, y) => {
-      const A = s(y, p[y]);
-      return f.push(...A), f;
+  function h(p) {
+    return Object.keys(p).reduce((f, b) => {
+      const v = c(b, p[b]);
+      return f.push(...v), f;
     }, []);
   }
-  function h(p, d) {
+  function m(p, d) {
     if (r.has(p.operator)) {
       const f = r.get(p.operator);
       return f && f(p.target, p.param, p.value, d) || !1;
     }
     return !1;
   }
-  function j(p, d) {
-    return b(p).reduce((A, o) => A && h(o, d), !0);
+  function y(p, d) {
+    return h(p).reduce((v, o) => v && m(o, d), !0);
   }
-  function P(p, d) {
-    const f = Object.keys(p), y = f.includes("allOf"), A = f.includes("anyOf"), o = y || A, u = (o ? p[o ? y ? "allOf" : "anyOf" : "allOf"] : [p]).map((a) => j(a, d));
-    return y ? !u.includes(!1) : u.includes(!0);
+  function T(p, d) {
+    const f = Object.keys(p), b = f.includes("allOf"), v = f.includes("anyOf"), o = b || v, u = (o ? p[o ? b ? "allOf" : "anyOf" : "allOf"] : [p]).map((a) => y(a, d));
+    return b ? !u.includes(!1) : u.includes(!0);
   }
-  return { parseValueSchema: P };
+  return { parseValueSchema: T };
 }
-const oe = {}, re = {};
-ne();
-function ce(n, e, t = /* @__PURE__ */ new Map(), r = (h, j, P) => j, s = {}, b = (h) => h) {
-  return z[e.title] = e, G[e.title] = r, oe[e.title] = s, re[e.title] = b, (h = {}) => {
-    const j = te(h, e, t), P = Object.keys(n).reduce((p, d) => (p[d] = n[d].default, p), {});
-    return Object.assign(P, j);
+const re = {}, ce = {};
+oe();
+function se(n, e, t = /* @__PURE__ */ new Map(), r = (m, y, T) => y, c = {}, h = (m) => m) {
+  return G[e.title] = e, J[e.title] = r, re[e.title] = c, ce[e.title] = h, (m = {}) => {
+    const y = ne(m, e, t), T = Object.keys(n).reduce((p, d) => (p[d] = n[d].default, p), {});
+    return Object.assign(T, y);
   };
 }
-function se(n, e) {
+function ae(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ae = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), ie = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-design.gitee.io/content-container.schema.json", le = "content-container", ue = "A Farris Container Component", fe = "object", de = {
+const ie = /* @__PURE__ */ new Map([
+  ["appearance", ae]
+]), pe = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-design.gitee.io/content-container.schema.json", ue = "content-container", fe = "A Farris Container Component", de = "object", ye = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -151,19 +151,19 @@ const ae = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, ye = [
+}, be = [
   "id",
   "type",
   "contents"
-], be = {
-  $schema: ie,
-  $id: pe,
-  title: le,
-  description: ue,
-  type: fe,
-  properties: de,
-  required: ye
-}, me = "content-container", he = "A Farris Container Component", ge = "object", je = {
+], me = {
+  $schema: pe,
+  $id: le,
+  title: ue,
+  description: fe,
+  type: de,
+  properties: ye,
+  required: be
+}, he = "content-container", ge = "A Farris Container Component", je = "object", Ce = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -206,11 +206,11 @@ const ae = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Ce = {
-  title: me,
-  description: he,
-  type: ge,
-  categories: je
+}, Ae = {
+  title: he,
+  description: ge,
+  type: je,
+  categories: Ce
 };
 function ve(n, e, t) {
   return e;
@@ -218,29 +218,29 @@ function ve(n, e, t) {
 const L = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
-}, q = ce(L, be, ae, ve, Ce), $ = /* @__PURE__ */ W({
+}, W = se(L, me, ie, ve, Ae), $ = /* @__PURE__ */ _({
   name: "FContentContainer",
   props: L,
   emits: [],
   setup(n, e) {
-    return () => _("div", {
+    return () => z("div", {
       class: n.customClass,
       style: n.customStyle
     }, [e.slots.default && e.slots.default()]);
   }
 });
-function Ae() {
+function Pe() {
   function n(e) {
-    var s, b;
+    var c, h;
     if (!e)
       return !1;
-    const t = ((s = e.targetContainer) == null ? void 0 : s.componentInstance) && e.targetContainer.componentInstance.value;
+    const t = ((c = e.targetContainer) == null ? void 0 : c.componentInstance) && e.targetContainer.componentInstance.value;
     if (!t)
       return !1;
-    const r = (b = t.schema.appearance) == null ? void 0 : b.class;
+    const r = (h = t.schema.appearance) == null ? void 0 : h.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const h = t.schema.type, j = (h === "response-form" || h === "content-container") && r && r.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !j)
+      const m = t.schema.type, y = (m === "response-form" || m === "content-container") && r && r.includes("farris-form");
+      if (t.schema.type !== "response-layout-item" && !y)
         return !1;
     }
     return e.controlType !== "field-set";
@@ -249,7 +249,7 @@ function Ae() {
     basalDragulaRuleForContainer: n
   };
 }
-const Te = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/dragging-rules.schema.json", we = "Dragging Rules", De = "The rules of designer canvas", Oe = "object", Me = {
+const Te = "https://json-schema.org/draft/2020-12/schema", we = "https://farris-design.gitee.io/dragging-rules.schema.json", De = "Dragging Rules", Oe = "The rules of designer canvas", Me = "object", Ee = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -668,6 +668,80 @@ const Te = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-
                                   "f-list-nav-left": {
                                     description: "",
                                     type: "object"
+                                  },
+                                  "f-struct-data-grid-in-nav": {
+                                    description: "",
+                                    type: "object",
+                                    properties: {
+                                      contents: {
+                                        type: "object",
+                                        properties: {
+                                          "f-section-form": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          },
+                                          "f-section-grid": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          }
+                                        }
+                                      },
+                                      rules: {
+                                        type: "object",
+                                        properties: {
+                                          canAccept: {
+                                            type: "boolean",
+                                            const: !1
+                                          },
+                                          fixed: {
+                                            type: "boolean",
+                                            const: !0
+                                          },
+                                          hidePadding: {
+                                            type: "boolean",
+                                            const: !0
+                                          }
+                                        }
+                                      }
+                                    }
                                   }
                                 }
                               }
@@ -813,192 +887,191 @@ const Te = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-
     description: "",
     type: "object"
   }
-}, Ee = [], Ne = {
+}, Ne = {
   $schema: Te,
-  $id: Pe,
-  title: we,
-  description: De,
-  type: Oe,
-  properties: Me,
-  required: Ee
+  $id: we,
+  title: De,
+  description: Oe,
+  type: Me,
+  properties: Ee
 }, F = /* @__PURE__ */ new Map();
 function Se() {
-  function n(o, l, c, u) {
-    var v;
-    if (typeof c == "number")
-      return ((v = u[o]) == null ? void 0 : v.length) === c;
-    if (typeof c == "object") {
-      const a = Object.keys(c)[0], C = c[a];
+  function n(o, l, s, u) {
+    var A;
+    if (typeof s == "number")
+      return ((A = u[o]) == null ? void 0 : A.length) === s;
+    if (typeof s == "object") {
+      const a = Object.keys(s)[0], j = s[a];
       if (a === "not")
-        return Number(u[o].length) !== Number(C);
+        return Number(u[o].length) !== Number(j);
       if (a === "moreThan")
-        return Number(u[o].length) >= Number(C);
+        return Number(u[o].length) >= Number(j);
       if (a === "lessThan")
-        return Number(u[o].length) <= Number(C);
+        return Number(u[o].length) <= Number(j);
     }
     return !1;
   }
-  function e(o, l, c, u) {
-    return typeof c == "boolean" ? u.childrenClassList.includes(l) === !!c : !1;
+  function e(o, l, s, u) {
+    return typeof s == "boolean" ? u.childrenClassList.includes(l) === !!s : !1;
   }
-  function t(o, l, c, u) {
-    return typeof c == "boolean" ? u.parentClassList.includes(l) === !!c : !1;
+  function t(o, l, s, u) {
+    return typeof s == "boolean" ? u.parentClassList.includes(l) === !!s : !1;
   }
-  function r(o, l, c, u) {
-    return typeof c == "boolean" ? u.parentClassList.includes(l) === !!c : !1;
+  function r(o, l, s, u) {
+    return typeof s == "boolean" ? u.parentClassList.includes(l) === !!s : !1;
   }
-  const s = /* @__PURE__ */ new Map([
+  const c = /* @__PURE__ */ new Map([
     ["length", n],
     ["hasChildren", e],
     ["hasSibling", r],
     ["hasParent", t]
   ]);
-  function b(o, l) {
-    const c = o;
-    return typeof l == "number" ? [{ target: c, operator: "length", param: null, value: Number(l) }] : typeof l == "object" ? Object.keys(l).map((u) => {
+  function h(o, l) {
+    const s = o;
+    return typeof l == "number" ? [{ target: s, operator: "length", param: null, value: Number(l) }] : typeof l == "object" ? Object.keys(l).map((u) => {
       if (u === "length")
-        return { target: c, operator: "length", param: null, value: l[u] };
-      const v = u, a = l[u];
-      return { target: c, operator: o === "children" ? "hasChildren" : o === "parent" ? "hasParent" : "hasSibling", param: v, value: a };
+        return { target: s, operator: "length", param: null, value: l[u] };
+      const A = u, a = l[u];
+      return { target: s, operator: o === "children" ? "hasChildren" : o === "parent" ? "hasParent" : "hasSibling", param: A, value: a };
     }) : [];
   }
-  function h(o, l) {
-    if (s.has(o.operator)) {
-      const c = s.get(o.operator);
-      return c && c(o.target, o.param, o.value, l) || !1;
+  function m(o, l) {
+    if (c.has(o.operator)) {
+      const s = c.get(o.operator);
+      return s && s(o.target, o.param, o.value, l) || !1;
     }
     return !1;
   }
-  function j(o, l) {
-    return Object.keys(o).reduce((a, C) => {
-      const T = b(C, o[C]);
-      return a.push(...T), a;
-    }, []).reduce((a, C) => a && h(C, l), !0);
+  function y(o, l) {
+    return Object.keys(o).reduce((a, j) => {
+      const w = h(j, o[j]);
+      return a.push(...w), a;
+    }, []).reduce((a, j) => a && m(j, l), !0);
   }
-  function P(o, l) {
-    const c = Object.keys(o), u = c.includes("allOf"), v = c.includes("anyOf"), a = u || v, i = (a ? o[a ? u ? "allOf" : "anyOf" : "allOf"] : [o]).map((m) => j(m, l));
+  function T(o, l) {
+    const s = Object.keys(o), u = s.includes("allOf"), A = s.includes("anyOf"), a = u || A, i = (a ? o[a ? u ? "allOf" : "anyOf" : "allOf"] : [o]).map((g) => y(g, l));
     return u ? !i.includes(!1) : i.includes(!0);
   }
   function p(o, l) {
-    const c = o.const;
-    return c ? typeof c == "boolean" ? c : typeof c == "object" ? P(c, l) : !1 : !1;
+    const s = o.const;
+    return s ? typeof s == "boolean" ? s : typeof s == "object" ? T(s, l) : !1 : !1;
   }
   function d(o) {
     return (l) => {
-      const c = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return o && o.properties && Object.keys(o.properties).reduce((u, v) => {
-        const a = o.properties[v];
-        return u[v] = p(a, l), u;
-      }, c), c;
+      const s = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      return o && o.properties && Object.keys(o.properties).reduce((u, A) => {
+        const a = o.properties[A];
+        return u[A] = p(a, l), u;
+      }, s), s;
     };
   }
-  function f(o, l, c) {
+  function f(o, l, s) {
     if (l.type === "object" && l.properties) {
-      const { rules: u, contents: v } = l.properties;
-      c.set(o, d(u)), v && Object.keys(v.properties).forEach(
-        (a) => f(a, v.properties[a], c)
+      const { rules: u, contents: A } = l.properties;
+      s.set(o, d(u)), A && Object.keys(A.properties).forEach(
+        (a) => f(a, A.properties[a], s)
       );
     }
   }
-  function y() {
+  function b() {
     const { properties: o } = Ne;
     Object.keys(o).forEach((l) => {
       f(l, o[l], F);
     });
   }
-  function A(o, l) {
-    const c = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return F.has(o) ? F.get(o)(l) : c;
+  function v(o, l) {
+    const s = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return F.has(o) ? F.get(o)(l) : s;
   }
-  return y(), { getRuleValue: A };
+  return b(), { getRuleValue: v };
 }
 function $e(n, e) {
-  const t = Se(), r = M(!1), s = M(!1);
-  let b = !0, h = !1, j, P = !1;
+  const t = Se(), r = M(!1), c = M(!1);
+  let h = !0, m = !1, y, T = !1;
   function p(a) {
-    return j && j.componentClassList && j.componentClassList.includes("f-form-layout") && j.componentClassList.includes("farris-form") ? a.sourceType === "control" && a.controlCategory === "input" || a.sourceType === "move" && a.controlType === "form-group" : !0;
+    return y && y.componentClassList && y.componentClassList.includes("f-form-layout") && y.componentClassList.includes("farris-form") ? a.sourceType === "control" && a.controlCategory === "input" || a.sourceType === "move" && a.controlType === "form-group" : !0;
   }
   function d(a) {
-    return !(!Ae().basalDragulaRuleForContainer(a) || !b || !p(a));
+    return !(!Pe().basalDragulaRuleForContainer(a) || !h || !p(a));
   }
   function f() {
-    r.value = !1, s.value = !1;
-    const a = n, C = a.appearance && a.appearance.class || "", T = C.split(" "), i = a.contents || [], g = i.length ? i[0] : null, m = g && g.appearance ? g.appearance.class : "", w = m ? m.split(" ") : [], O = i.length ? i.reduce((V, S) => {
-      const B = S && S.appearance ? S.appearance.class : "", X = B ? B.split(" ") : [];
-      return V.push(...X), V;
-    }, []) : [], D = e, E = D && D.appearance && D.appearance.class || "", J = E ? E.split(" ") : [];
-    j = {
-      componentClass: C,
-      componentClassList: T,
+    r.value = !1, c.value = !1;
+    const a = n, j = a.appearance && a.appearance.class || "", w = j.split(" "), i = a.contents || [], C = i.length ? i[0] : null, g = C && C.appearance ? C.appearance.class : "", P = g ? g.split(" ") : [], O = i.length ? i.reduce((V, S) => {
+      const B = S && S.appearance ? S.appearance.class : "", Y = B ? B.split(" ") : [];
+      return V.push(...Y), V;
+    }, []) : [], D = e, E = D && D.appearance && D.appearance.class || "", H = E ? E.split(" ") : [];
+    y = {
+      componentClass: j,
+      componentClassList: w,
       childContents: i,
-      firstChildContent: g,
-      firstChildClass: m,
-      firstChildClassList: w,
+      firstChildContent: C,
+      firstChildClass: g,
+      firstChildClassList: P,
       parent: D,
       parentClass: E,
-      parentClassList: J,
+      parentClassList: H,
       children: i,
       childrenClassList: O
     };
-    const { canAccept: H, fixed: Q, hidePadding: U } = t.getRuleValue(T[0], j);
-    return b = H, h = U, P = Q, !0;
+    const { canAccept: Q, fixed: U, hidePadding: X } = t.getRuleValue(w[0], y);
+    return h = Q, m = X, T = U, !0;
   }
-  function y(a) {
-    Y();
+  function b(a) {
+    Z();
   }
-  function A() {
+  function v() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function o(a, C) {
-    const T = n;
-    if ((T.appearance && T.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: m } = a, w = N("form-group");
-      return w.editor = C, w.label = m, w;
+  function o(a, j) {
+    const w = n;
+    if ((w.appearance && w.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const { label: g } = a, P = N("form-group");
+      return P.editor = j, P.label = g, P;
     }
-    return C;
+    return j;
   }
-  function l(a, C, T) {
+  function l(a, j, w) {
     const i = n;
     if ((i.appearance && i.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const w = String(a.innerText), O = N("form-group");
-      return O.editor = T, O.label = w, O;
+      const P = String(a.innerText), O = N("form-group");
+      return O.editor = w, O.label = P, O;
     }
-    return T;
+    return w;
   }
-  function c() {
-    return !P;
+  function s() {
+    return !T;
   }
   function u() {
-    return !P;
+    return !T;
   }
-  function v() {
-    return h;
+  function A() {
+    return m;
   }
   return {
     canAccepts: d,
     resolveComponentContext: f,
-    getStyles: A,
+    getStyles: v,
     onAcceptNewChildElement: l,
-    onAcceptMovedChildElement: y,
+    onAcceptMovedChildElement: b,
     onResolveNewComponentSchema: o,
     triggerBelongedComponentToMoveWhenMoved: r,
-    triggerBelongedComponentToDeleteWhenDeleted: s,
-    checkCanMoveComponent: c,
+    triggerBelongedComponentToDeleteWhenDeleted: c,
+    checkCanMoveComponent: s,
     checkCanDeleteComponent: u,
-    hideNestedPaddingInDesginerView: v
+    hideNestedPaddingInDesginerView: A
   };
 }
 function Fe(n, e, t) {
-  var T;
+  var w;
   function r() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   r();
-  const s = t && t.getStyles && t.getStyles() || "", b = t && t.getDesignerClass && t.getDesignerClass() || "", h = M();
-  function j() {
+  const c = t && t.getStyles && t.getStyles() || "", h = t && t.getDesignerClass && t.getDesignerClass() || "", m = M();
+  function y() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function P() {
+  function T() {
     return !1;
   }
   function p() {
@@ -1012,14 +1085,14 @@ function Fe(n, e, t) {
       return null;
     if (i.value.schema && i.value.schema.type === "component")
       return i.value;
-    const g = M(i == null ? void 0 : i.value.parent), m = f(g);
-    return m || null;
+    const C = M(i == null ? void 0 : i.value.parent), g = f(C);
+    return g || null;
   }
-  function y(i = e) {
-    const { componentInstance: g, designerItemElementRef: m } = i;
-    return !g || !g.value ? null : g.value.canMove ? m : y(i.parent);
+  function b(i = e) {
+    const { componentInstance: C, designerItemElementRef: g } = i;
+    return !C || !C.value ? null : C.value.canMove ? g : b(i.parent);
   }
-  function A(i) {
+  function v(i) {
     return !!t && t.canAccepts(i);
   }
   function o() {
@@ -1027,64 +1100,64 @@ function Fe(n, e, t) {
   }
   function l() {
   }
-  function c(i, g) {
-    g && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(g);
+  function s(i, C) {
+    C && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(C);
   }
-  function u(i) {
+  function u(i, C) {
     const { componentType: g } = i;
-    let m = N(g, i);
-    t && t.onResolveNewComponentSchema && (m = t.onResolveNewComponentSchema(i, m));
-    const w = g.toLowerCase().replace("-", "_");
-    return m && !m.id && m.type === g && (m.id = `${w}_${Math.random().toString().slice(2, 6)}`), m;
+    let P = N(g, i, C);
+    t && t.onResolveNewComponentSchema && (P = t.onResolveNewComponentSchema(i, P));
+    const O = g.toLowerCase().replace("-", "_");
+    return P && !P.id && P.type === g && (P.id = `${O}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function v(i, g) {
-    const m = String(i.getAttribute("data-controltype")), w = i.getAttribute("data-feature"), O = w ? JSON.parse(w) : {};
-    O.parentComponentInstance = h.value;
-    let D = N(m, O);
-    t && t.onAcceptNewChildElement && (D = t.onAcceptNewChildElement(i, g, D));
-    const E = m.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === m && (D.id = `${E}_${Math.random().toString().slice(2, 6)}`), D;
+  function A(i, C) {
+    const g = String(i.getAttribute("data-controltype")), P = i.getAttribute("data-feature"), O = P ? JSON.parse(P) : {};
+    O.parentComponentInstance = m.value;
+    let D = N(g, O);
+    t && t.onAcceptNewChildElement && (D = t.onAcceptNewChildElement(i, C, D));
+    const E = g.toLowerCase().replace("-", "_");
+    return D && !D.id && D.type === g && (D.id = `${E}_${Math.random().toString().slice(2, 6)}`), D;
   }
   function a(i) {
   }
-  function C(...i) {
+  function j(...i) {
     if (t && t.getPropsConfig)
       return t.getPropsConfig(...i);
   }
-  return h.value = {
-    canMove: j(),
-    canSelectParent: P(),
+  return m.value = {
+    canMove: y(),
+    canSelectParent: T(),
     canDelete: p(),
     canNested: !d(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
+    parent: (w = e == null ? void 0 : e.parent) == null ? void 0 : w.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: s,
-    designerClass: b,
-    canAccepts: A,
+    styles: c,
+    designerClass: h,
+    canAccepts: v,
     getBelongedComponentInstance: f,
-    getDraggableDesignItemElement: y,
+    getDraggableDesignItemElement: b,
     getDraggingDisplayText: o,
-    getPropConfig: C,
+    getPropConfig: j,
     getDragScopeElement: l,
-    onAcceptMovedChildElement: c,
-    onAcceptNewChildElement: v,
+    onAcceptMovedChildElement: s,
+    onAcceptNewChildElement: A,
     onChildElementMovedOut: a,
     addNewChildComponentSchema: u,
     updateDragAndDropRules: r,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
-  }, h;
+  }, m;
 }
 const ke = ["moz", "ms", "webkit"];
 function Le() {
   let n = 0;
   return (e) => {
-    const t = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (t - n)), s = setTimeout(() => {
+    const t = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (t - n)), c = setTimeout(() => {
       e(t + r);
     }, r);
-    return n = t + r, s;
+    return n = t + r, c;
   };
 }
 function Ve() {
@@ -1097,22 +1170,22 @@ function Ve() {
 }
 Ve();
 function Be(n, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((r, s) => (s && (r[s] = !0), r), n), n;
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((r, c) => (c && (r[c] = !0), r), n), n;
 }
-const qe = /* @__PURE__ */ W({
+const qe = /* @__PURE__ */ _({
   name: "FContentContainerDesign",
   props: L,
   emits: [],
   setup(n, e) {
-    var j;
-    const t = M(), r = Z("design-item-context"), s = $e(r.schema, (j = r.parent) == null ? void 0 : j.schema), b = Fe(t, r, s), h = R(() => Be({
+    var y;
+    const t = M(), r = R("design-item-context"), c = $e(r.schema, (y = r.parent) == null ? void 0 : y.schema), h = Fe(t, r, c), m = x(() => Be({
       "drag-container": !0
     }, n == null ? void 0 : n.customClass));
     return K(() => {
-      t.value.componentInstance = b;
-    }), e.expose(b.value), () => _("div", {
+      t.value.componentInstance = h;
+    }), e.expose(h.value), () => z("div", {
       ref: t,
-      class: h.value,
+      class: m.value,
       style: n.customStyle,
       "data-dragref": `${r.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
@@ -1122,10 +1195,10 @@ const qe = /* @__PURE__ */ W({
     n.component($.name, $);
   },
   register(n, e, t, r) {
-    n["content-container"] = $, e["content-container"] = q;
+    n["content-container"] = $, e["content-container"] = W;
   },
   registerDesigner(n, e, t) {
-    n["content-container"] = qe, e["content-container"] = q;
+    n["content-container"] = qe, e["content-container"] = W;
   }
 };
 export {
@@ -1133,5 +1206,5 @@ export {
   qe as ContentContainerDesign,
   L as contentContainerProps,
   Ge as default,
-  q as propsResolver
+  W as propsResolver
 };