@farris/ui-vue 1.3.5 → 1.3.6

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

@@ -1,48 +1,62 @@
-import { defineComponent as j, createVNode as N, nextTick as q, ref as k, inject as S, computed as G, onMounted as W } from "vue";
-import { isPlainObject as E, cloneDeep as _ } from "lodash-es";
+import { defineComponent as j, createVNode as O, nextTick as _, ref as w, inject as F, computed as G, onMounted as W } from "vue";
+import { isPlainObject as B, cloneDeep as N } from "lodash-es";
 import "bignumber.js";
-const O = {}, V = {};
-function A(n) {
-  const { properties: e, title: t, ignore: r } = n, o = r && Array.isArray(r), c = Object.keys(e).reduce((a, u) => ((!o || !r.find((y) => y === u)) && (a[u] = e[u].type === "object" && e[u].properties ? A(e[u]) : _(e[u].default)), a), {});
-  if (t && (!o || !r.find((a) => a === "id"))) {
-    const a = t.toLowerCase().replace(/-/g, "_");
-    c.id = `${a}_${Math.random().toString().slice(2, 6)}`;
+const $ = {}, V = {};
+function A(o) {
+  const { properties: e, title: t, ignore: a } = o, r = a && Array.isArray(a), c = Object.keys(e).reduce((n, u) => ((!r || !a.find((y) => y === u)) && (n[u] = e[u].type === "object" && e[u].properties ? A(e[u]) : N(e[u].default)), n), {});
+  if (t && (!r || !a.find((n) => n === "id"))) {
+    const n = t.toLowerCase().replace(/-/g, "_");
+    c.id = `${n}_${Math.random().toString().slice(2, 6)}`;
   }
   return c;
 }
-function $(n, e = {}, t) {
-  const r = O[n];
-  if (r) {
-    let o = A(r);
-    const c = V[n];
-    return o = c ? c({ getSchemaByType: $ }, o, e, t) : o, o;
+function U(o) {
+  const { properties: e, title: t, required: a } = o;
+  if (a && Array.isArray(a)) {
+    const r = a.reduce((c, n) => (c[n] = e[n].type === "object" && e[n].properties ? A(e[n]) : N(e[n].default), c), {});
+    if (t && a.find((c) => c === "id")) {
+      const c = t.toLowerCase().replace(/-/g, "_");
+      r.id = `${c}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return r;
+  }
+  return {
+    type: t
+  };
+}
+function q(o, e = {}, t) {
+  const a = $[o];
+  if (a) {
+    let r = U(a);
+    const c = V[o];
+    return r = c ? c({ getSchemaByType: q }, r, e, t) : r, r;
   }
   return null;
 }
-function U(n, e) {
+function z(o, e) {
   const t = A(e);
-  return Object.keys(t).reduce((r, o) => (r[o] && E(r[o]) && E(n[o] || !n[o]) ? Object.assign(r[o], n[o] || {}) : r[o] = n[o], r), t), t;
+  return Object.keys(t).reduce((a, r) => (Object.prototype.hasOwnProperty.call(o, r) && (a[r] && B(a[r]) && B(o[r] || !o[r]) ? Object.assign(a[r], o[r] || {}) : a[r] = o[r]), a), t), t;
 }
-function z(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, o) => {
-    if (e.has(o)) {
-      const c = e.get(o);
+function Q(o, e) {
+  return Object.keys(o).filter((a) => o[a] != null).reduce((a, r) => {
+    if (e.has(r)) {
+      const c = e.get(r);
       if (typeof c == "string")
-        r[c] = n[o];
+        a[c] = o[r];
       else {
-        const a = c(o, n[o], n);
-        Object.assign(r, a);
+        const n = c(r, o[r], o);
+        Object.assign(a, n);
       }
     } else
-      r[o] = n[o];
-    return r;
+      a[r] = o[r];
+    return a;
   }, {});
 }
-function Q(n, e, t = /* @__PURE__ */ new Map()) {
-  const r = U(n, e);
-  return z(r, t);
+function J(o, e, t = /* @__PURE__ */ new Map()) {
+  const a = z(o, e);
+  return Q(a, t);
 }
-function J(n = {}) {
+function X(o = {}) {
   function e(i, s, l, p) {
     if (typeof l == "number")
       return p[i].length === l;
@@ -60,12 +74,12 @@ function J(n = {}) {
   function t(i, s, l, p) {
     return p[i] && p[i].propertyValue && String(p[i].propertyValue.value) === String(l);
   }
-  const r = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((i, s) => (i.set(s, n[s]), i), r);
-  function o(i, s) {
+  Object.keys(o).reduce((i, s) => (i.set(s, o[s]), i), a);
+  function r(i, s) {
     const l = i;
     return typeof s == "number" ? [{ target: l, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: l, operator: "getProperty", param: i, value: !!s }] : typeof s == "object" ? Object.keys(s).map((p) => {
       if (p === "length")
@@ -76,27 +90,27 @@ function J(n = {}) {
   }
   function c(i) {
     return Object.keys(i).reduce((l, p) => {
-      const m = o(p, i[p]);
+      const m = r(p, i[p]);
       return l.push(...m), l;
     }, []);
   }
-  function a(i, s) {
-    if (r.has(i.operator)) {
-      const l = r.get(i.operator);
+  function n(i, s) {
+    if (a.has(i.operator)) {
+      const l = a.get(i.operator);
       return l && l(i.target, i.param, i.value, s) || !1;
     }
     return !1;
   }
   function u(i, s) {
-    return c(i).reduce((m, h) => m && a(h, s), !0);
+    return c(i).reduce((m, h) => m && n(h, s), !0);
   }
   function y(i, s) {
-    const l = Object.keys(i), p = l.includes("allOf"), m = l.includes("anyOf"), h = p || m, C = (h ? i[h ? p ? "allOf" : "anyOf" : "allOf"] : [i]).map((w) => u(w, s));
+    const l = Object.keys(i), p = l.includes("allOf"), m = l.includes("anyOf"), h = p || m, C = (h ? i[h ? p ? "allOf" : "anyOf" : "allOf"] : [i]).map((k) => u(k, s));
     return p ? !C.includes(!1) : C.includes(!0);
   }
   return { parseValueSchema: y };
 }
-const T = {
+const g = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -136,20 +150,20 @@ const T = {
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
-}, X = {}, Y = {};
-J();
-function Z(n, e, t = /* @__PURE__ */ new Map(), r = (a, u, y, i) => u, o = {}, c = (a) => a) {
-  return O[e.title] = e, V[e.title] = r, X[e.title] = o, Y[e.title] = c, (a = {}) => {
-    const u = Q(a, e, t), y = Object.keys(n).reduce((i, s) => (i[s] = n[s].default, i), {});
+}, Y = {}, Z = {};
+X();
+function H(o, e, t = /* @__PURE__ */ new Map(), a = (n, u, y, i) => u, r = {}, c = (n) => n) {
+  return $[e.title] = e, V[e.title] = a, Y[e.title] = r, Z[e.title] = c, (n = {}) => {
+    const u = J(n, e, t), y = Object.keys(o).reduce((i, s) => (i[s] = o[s].default, i), {});
     return Object.assign(y, u);
   };
 }
-function H(n, e) {
+function K(o, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const K = /* @__PURE__ */ new Map([
-  ["appearance", H]
-]), x = "https://json-schema.org/draft/2020-12/schema", I = "https://farris-design.gitee.io/content-container.schema.json", ee = "content-container", te = "A Farris Container Component", ne = "object", oe = {
+const x = /* @__PURE__ */ new Map([
+  ["appearance", K]
+]), I = "https://json-schema.org/draft/2020-12/schema", ee = "https://farris-design.gitee.io/content-container.schema.json", te = "content-container", ne = "A Farris Container Component", oe = "object", re = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -199,15 +213,15 @@ const K = /* @__PURE__ */ new Map([
   "id",
   "type",
   "contents"
-], re = {
-  $schema: x,
-  $id: I,
-  title: ee,
-  description: te,
-  type: ne,
-  properties: oe,
+], ce = {
+  $schema: I,
+  $id: ee,
+  title: te,
+  description: ne,
+  type: oe,
+  properties: re,
   required: ae
-}, ce = "content-container", ie = "A Farris Container Component", se = "object", le = {
+}, ie = "content-container", se = "A Farris Container Component", le = "object", pe = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -250,125 +264,125 @@ const K = /* @__PURE__ */ new Map([
       }
     }
   }
-}, pe = {
-  title: ce,
-  description: ie,
-  type: se,
-  categories: le
+}, ue = {
+  title: ie,
+  description: se,
+  type: le,
+  categories: pe
 };
-function ue(n, e, t) {
+function fe(o, e, t) {
   return e;
 }
 const P = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
-}, B = Z(P, re, K, ue, pe), L = /* @__PURE__ */ j({
+}, E = H(P, ce, x, fe, ue), L = /* @__PURE__ */ j({
   name: "FContentContainer",
   props: P,
   emits: [],
-  setup(n, e) {
-    return () => N("div", {
-      class: n.customClass,
-      style: n.customStyle
+  setup(o, e) {
+    return () => O("div", {
+      class: o.customClass,
+      style: o.customStyle
     }, [e.slots.default && e.slots.default()]);
   }
 });
-function fe() {
-  function n(e, t) {
-    var a;
+function me() {
+  function o(e, t) {
+    var n;
     if (!e)
       return !1;
-    const r = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!r)
+    const a = ((n = e.targetContainer) == null ? void 0 : n.componentInstance) && e.targetContainer.componentInstance.value;
+    if (!a)
       return !1;
-    const o = r.schema.type, c = t == null ? void 0 : t.formSchemaUtils.getComponentById(r.belongedComponentId);
-    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![T["response-layout-item"].type, T["response-form"].type].includes(o) || (e.componentType === T.tabs.type || e.componentType === T.section.type) && ((c == null ? void 0 : c.componentType) !== "frame" || ![T["content-container"].type, T["splitter-pane"].type, T["response-layout-item"].type].includes(o)));
+    const r = a.schema.type, c = t == null ? void 0 : t.formSchemaUtils.getComponentById(a.belongedComponentId);
+    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![g["response-layout-item"].type, g["response-form"].type].includes(r) || (e.componentType === g.tabs.type || e.componentType === g.section.type) && ((c == null ? void 0 : c.componentType) !== "frame" || ![g["content-container"].type, g["splitter-pane"].type, g["response-layout-item"].type].includes(r)));
   }
   return {
-    basalDragulaRuleForContainer: n
+    basalDragulaRuleForContainer: o
   };
 }
-class me {
+class ye {
   getTemplateRule(e, t) {
-    const r = t == null ? void 0 : t.formSchemaUtils, o = r == null ? void 0 : r.getFormTemplateRule(), c = { canAccept: !0, canDelete: !0, canMove: !0 };
-    if (!o)
+    const a = t == null ? void 0 : t.formSchemaUtils, r = a == null ? void 0 : a.getFormTemplateRule(), c = { canAccept: !0, canDelete: !0, canMove: !0 };
+    if (!r)
       return c;
-    const a = this.getComponentContext(e), { componentClassList: u } = a;
+    const n = this.getComponentContext(e), { componentClassList: u } = n;
     return u.forEach((y) => {
-      if (!y || !o[y])
+      if (!y || !r[y])
         return;
-      const { canMove: i, canDelete: s, canAccept: l } = o[y];
-      c.canMove = c.canMove && this.resolveRuleValue(i, a), c.canDelete = c.canDelete && this.resolveRuleValue(s, a), c.canAccept = c.canAccept && this.resolveRuleValue(l, a);
+      const { canMove: i, canDelete: s, canAccept: l } = r[y];
+      c.canMove = c.canMove && this.resolveRuleValue(i, n), c.canDelete = c.canDelete && this.resolveRuleValue(s, n), c.canAccept = c.canAccept && this.resolveRuleValue(l, n);
     }), c;
   }
   resolveRuleValue(e, t) {
     return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, t);
   }
   parseRuleValueSchema(e, t) {
-    const r = e.invalidContext || [];
-    let o = !0;
-    for (const c of r) {
+    const a = e.invalidContext || [];
+    let r = !0;
+    for (const c of a) {
       if (c.firstLevelChild) {
         if (c.firstLevelChild.class) {
-          const { firstLevelChildClassList: a } = t;
-          if (a && !a.includes(c.firstLevelChild.class)) {
-            o = !1;
+          const { firstLevelChildClassList: n } = t;
+          if (n && !n.includes(c.firstLevelChild.class)) {
+            r = !1;
             continue;
           }
         }
         if (c.firstLevelChild.type) {
-          const { firstLevelChildSchema: a } = t;
-          if (!a || a.type !== c.firstLevelChild.type) {
-            o = !1;
+          const { firstLevelChildSchema: n } = t;
+          if (!n || n.type !== c.firstLevelChild.type) {
+            r = !1;
             continue;
           }
         }
       }
       if (c.secondLevelChild) {
         if (c.secondLevelChild.class) {
-          const { secondLevelChildClassList: a } = t;
-          if (a && !a.includes(c.secondLevelChild.class)) {
-            o = !1;
+          const { secondLevelChildClassList: n } = t;
+          if (n && !n.includes(c.secondLevelChild.class)) {
+            r = !1;
             continue;
           }
         }
         if (c.secondLevelChild.type) {
-          const { secondLevelChildSchema: a } = t;
-          if (!a || a.type !== c.secondLevelChild.type) {
-            o = !1;
+          const { secondLevelChildSchema: n } = t;
+          if (!n || n.type !== c.secondLevelChild.type) {
+            r = !1;
             continue;
           }
         }
       }
       if (c.parent) {
         if (c.parent.class) {
-          const { parentClassList: a } = t;
-          if (a && !a.includes(c.parent.class)) {
-            o = !1;
+          const { parentClassList: n } = t;
+          if (n && !n.includes(c.parent.class)) {
+            r = !1;
             continue;
           }
         }
         if (c.parent.type) {
-          const { parentSchema: a } = t;
-          if (a && a.type !== c.parent.type) {
-            o = !1;
+          const { parentSchema: n } = t;
+          if (n && n.type !== c.parent.type) {
+            r = !1;
             continue;
           }
         }
       }
-      o = !0;
+      r = !0;
       break;
     }
-    return !o;
+    return !r;
   }
   getComponentContext(e) {
-    var g, D, C, M;
-    const t = e.schema, r = t.appearance && t.appearance.class || "", o = r.split(" ") || [], c = t.contents || [], a = c.length ? c[0] : null, u = a && a.appearance ? a.appearance.class : "", y = u ? u.split(" ") : [], i = (g = a == null ? void 0 : a.contents) != null && g.length ? a == null ? void 0 : a.contents[0] : null, s = i && i.appearance ? i.appearance.class : "", l = s ? s.split(" ") : [], p = t.type === "component" ? (C = (D = e.parent) == null ? void 0 : D.parent) == null ? void 0 : C.schema : (M = e.parent) == null ? void 0 : M.schema, m = p && p.appearance && p.appearance.class || "", h = m ? m.split(" ") : [];
+    var T, D, C, M;
+    const t = e.schema, a = t.appearance && t.appearance.class || "", r = a.split(" ") || [], c = t.contents || [], n = c.length ? c[0] : null, u = n && n.appearance ? n.appearance.class : "", y = u ? u.split(" ") : [], i = (T = n == null ? void 0 : n.contents) != null && T.length ? n == null ? void 0 : n.contents[0] : null, s = i && i.appearance ? i.appearance.class : "", l = s ? s.split(" ") : [], p = t.type === "component" ? (C = (D = e.parent) == null ? void 0 : D.parent) == null ? void 0 : C.schema : (M = e.parent) == null ? void 0 : M.schema, m = p && p.appearance && p.appearance.class || "", h = m ? m.split(" ") : [];
     return {
-      componentClass: r,
-      componentClassList: o,
+      componentClass: a,
+      componentClassList: r,
       childContents: c,
-      firstLevelChildSchema: a,
+      firstLevelChildSchema: n,
       firstLevelChildClass: u,
       firstLevelChildClassList: y,
       secondLevelChildSchema: i,
@@ -380,45 +394,45 @@ class me {
     };
   }
 }
-function ye(n, e) {
-  const t = n.schema, r = new me();
-  function o(s) {
-    if (!fe().basalDragulaRuleForContainer(s, e))
+function he(o, e) {
+  const t = o.schema, a = new ye();
+  function r(s) {
+    if (!me().basalDragulaRuleForContainer(s, e))
       return !1;
-    const { canAccept: p } = r.getTemplateRule(n, e);
+    const { canAccept: p } = a.getTemplateRule(o, e);
     return p;
   }
   function c(s) {
-    q();
+    _();
   }
-  function a() {
+  function n() {
     return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
   function u() {
-    const { canMove: s } = r.getTemplateRule(n, e);
+    const { canMove: s } = a.getTemplateRule(o, e);
     return s;
   }
   function y() {
-    const { canDelete: s } = r.getTemplateRule(n, e);
+    const { canDelete: s } = a.getTemplateRule(o, e);
     return s;
   }
   function i() {
-    const { canMove: s, canDelete: l } = r.getTemplateRule(n, e);
+    const { canMove: s, canDelete: l } = a.getTemplateRule(o, e);
     return !s && !l;
   }
   return {
-    canAccepts: o,
-    getStyles: a,
+    canAccepts: r,
+    getStyles: n,
     onAcceptMovedChildElement: c,
     checkCanMoveComponent: u,
     checkCanDeleteComponent: y,
     hideNestedPaddingInDesginerView: i
   };
 }
-function he(n, e, t) {
-  var F;
-  const r = t && t.getStyles && t.getStyles() || "", o = t && t.getDesignerClass && t.getDesignerClass() || "", c = k();
-  function a() {
+function de(o, e, t) {
+  var S;
+  const a = t && t.getStyles && t.getStyles() || "", r = t && t.getDesignerClass && t.getDesignerClass() || "", c = w();
+  function n() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
   function u() {
@@ -435,7 +449,7 @@ function he(n, e, t) {
       return null;
     if (f.value.schema && f.value.schema.type === "component")
       return f.value;
-    const d = k(f == null ? void 0 : f.value.parent), b = s(d);
+    const d = w(f == null ? void 0 : f.value.parent), b = s(d);
     return b || null;
   }
   function l(f = e) {
@@ -450,12 +464,12 @@ function he(n, e, t) {
   }
   function h() {
   }
-  function g(f, d) {
+  function T(f, d) {
     d && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(d);
   }
   function D(f, d) {
     const { componentType: b } = f;
-    let v = $(b, f, d);
+    let v = q(b, f, d);
     t && t.onResolveNewComponentSchema && (v = t.onResolveNewComponentSchema(f, v));
     const R = b.toLowerCase().replace(/-/g, "_");
     return v && !v.id && v.type === b && (v.id = `${R}_${Math.random().toString().slice(2, 6)}`), v;
@@ -466,88 +480,88 @@ function he(n, e, t) {
     if (t && t.getPropsConfig)
       return t.getPropsConfig(...f);
   }
-  function w() {
+  function k() {
     t && t.onRemoveComponent && t.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((f) => {
       var v;
       let d = f.id;
       f.type === "component-ref" && (d = f.component);
-      const b = n.value.querySelector(`#${d}-design-item`);
+      const b = o.value.querySelector(`#${d}-design-item`);
       (v = b == null ? void 0 : b.componentInstance) != null && v.value.onRemoveComponent && b.componentInstance.value.onRemoveComponent();
     });
   }
   return c.value = {
-    canMove: a(),
+    canMove: n(),
     canSelectParent: u(),
     canDelete: y(),
     canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (F = e == null ? void 0 : e.parent) == null ? void 0 : F.componentInstance,
+    elementRef: o,
+    parent: (S = e == null ? void 0 : e.parent) == null ? void 0 : S.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: r,
-    designerClass: o,
+    styles: a,
+    designerClass: r,
     canAccepts: p,
     getBelongedComponentInstance: s,
     getDraggableDesignItemElement: l,
     getDraggingDisplayText: m,
     getPropConfig: M,
     getDragScopeElement: h,
-    onAcceptMovedChildElement: g,
+    onAcceptMovedChildElement: T,
     onChildElementMovedOut: C,
     addNewChildComponentSchema: D,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || k(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || k(!1),
-    onRemoveComponent: w
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || w(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || w(!1),
+    onRemoveComponent: k
   }, c;
 }
-const de = ["moz", "ms", "webkit"];
-function be() {
-  let n = 0;
+const be = ["moz", "ms", "webkit"];
+function ve() {
+  let o = 0;
   return (e) => {
-    const t = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (t - n)), o = setTimeout(() => {
-      e(t + r);
-    }, r);
-    return n = t + r, o;
+    const t = (/* @__PURE__ */ new Date()).getTime(), a = Math.max(0, 16 - (t - o)), r = setTimeout(() => {
+      e(t + a);
+    }, a);
+    return o = t + a, r;
   };
 }
-function ve() {
+function Ce() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const n = de.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return n ? window[`${n}RequestAnimationFrame`] : be();
+  const o = be.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return o ? window[`${o}RequestAnimationFrame`] : ve();
 }
-ve();
-function Ce(n, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((r, o) => (o && (r[o] = !0), r), n), n;
+Ce();
+function ge(o, e) {
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((a, r) => (r && (a[r] = !0), a), o), o;
 }
 const Te = /* @__PURE__ */ j({
   name: "FContentContainerDesign",
   props: P,
   emits: [],
-  setup(n, e) {
-    const t = k(), r = S("designer-host-service"), o = S("design-item-context"), c = ye(o, r), a = he(t, o, c), u = G(() => Ce({
+  setup(o, e) {
+    const t = w(), a = F("designer-host-service"), r = F("design-item-context"), c = he(r, a), n = de(t, r, c), u = G(() => ge({
       "drag-container": !0
-    }, n == null ? void 0 : n.customClass));
+    }, o == null ? void 0 : o.customClass));
     return W(() => {
-      t.value.componentInstance = a;
-    }), e.expose(a.value), () => N("div", {
+      t.value.componentInstance = n;
+    }), e.expose(n.value), () => O("div", {
       ref: t,
       class: u.value,
-      style: n.customStyle,
-      "data-dragref": `${o.schema.id}-container`
+      style: o.customStyle,
+      "data-dragref": `${r.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
   }
 }), ke = {
-  install(n) {
-    n.component(L.name, L);
+  install(o) {
+    o.component(L.name, L);
   },
-  register(n, e, t, r) {
-    n["content-container"] = L, e["content-container"] = B;
+  register(o, e, t, a) {
+    o["content-container"] = L, e["content-container"] = E;
   },
-  registerDesigner(n, e, t) {
-    n["content-container"] = Te, e["content-container"] = B;
+  registerDesigner(o, e, t) {
+    o["content-container"] = Te, e["content-container"] = E;
   }
 };
 export {
@@ -555,5 +569,5 @@ export {
   Te as ContentContainerDesign,
   P as contentContainerProps,
   ke as default,
-  B as propsResolver
+  E as propsResolver
 };