@farris/ui-vue 1.2.7 → 1.2.8

package/components/section/index.esm.js

@@ -1,116 +1,116 @@
-import { ref as w, computed as S, createVNode as P, defineComponent as W, watch as X, onMounted as _, inject as Y } from "vue";
-import { cloneDeep as K } from "lodash-es";
-import R from "@farris/ui-vue/components/response-toolbar";
+import { ref as S, computed as w, createVNode as P, defineComponent as W, watch as X, onMounted as _, inject as Y } from "vue";
+import { cloneDeep as R } from "lodash-es";
+import K from "../response-toolbar/index.esm.js";
 import "bignumber.js";
-import { withInstall as I } from "@farris/ui-vue/components/common";
+import { withInstall as I } from "../common/index.esm.js";
 const J = {}, Z = {};
-function B(n) {
-  const { properties: e, title: t } = n, r = Object.keys(e).reduce((i, l) => (i[l] = e[l].type === "object" && e[l].properties ? B(e[l]) : K(e[l].default), i), {});
-  return r.id = `${t}-${Date.now()}`, r;
+function B(t) {
+  const { properties: e, title: n } = t, r = Object.keys(e).reduce((a, l) => (a[l] = e[l].type === "object" && e[l].properties ? B(e[l]) : R(e[l].default), a), {});
+  return r.id = `${n}-${Date.now()}`, r;
 }
-function x(n, e = {}) {
-  const t = J[n];
-  if (t) {
-    let r = B(t);
-    const i = Z[n];
-    return r = i ? i({ getSchemaByType: x }, r, e) : r, r;
+function x(t, e = {}) {
+  const n = J[t];
+  if (n) {
+    let r = B(n);
+    const a = Z[t];
+    return r = a ? a({ getSchemaByType: x }, r, e) : r, r;
   }
   return null;
 }
-function ee(n, e) {
-  const t = B(e);
-  return Object.keys(n).reduce((r, i) => (r[i] = n[i], r), t), t;
+function ee(t, e) {
+  const n = B(e);
+  return Object.keys(t).reduce((r, a) => (r[a] && typeof r[a] == "object" ? Object.assign(r[a], t[a]) : r[a] = t[a], r), n), n;
 }
-function te(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, i) => {
-    if (e.has(i)) {
-      const l = e.get(i);
+function te(t, e) {
+  return Object.keys(t).filter((r) => t[r] != null).reduce((r, a) => {
+    if (e.has(a)) {
+      const l = e.get(a);
       if (typeof l == "string")
-        r[l] = n[i];
+        r[l] = t[a];
       else {
-        const h = l(i, n[i], n);
+        const h = l(a, t[a], t);
         Object.assign(r, h);
       }
     } else
-      r[i] = n[i];
+      r[a] = t[a];
     return r;
   }, {});
 }
-function ne(n, e, t = /* @__PURE__ */ new Map()) {
-  const r = ee(n, e);
-  return te(r, t);
+function ne(t, e, n = /* @__PURE__ */ new Map()) {
+  const r = ee(t, e);
+  return te(r, n);
 }
-function oe(n = {}) {
-  function e(a, d, u, p) {
+function oe(t = {}) {
+  function e(c, d, u, p) {
     if (typeof u == "number")
-      return p[a].length === u;
+      return p[c].length === u;
     if (typeof u == "object") {
       const m = Object.keys(u)[0], o = u[m];
       if (m === "not")
-        return Number(p[a].length) !== Number(o);
+        return Number(p[c].length) !== Number(o);
       if (m === "moreThan")
-        return Number(p[a].length) >= Number(o);
+        return Number(p[c].length) >= Number(o);
       if (m === "lessThan")
-        return Number(p[a].length) <= Number(o);
+        return Number(p[c].length) <= Number(o);
     }
     return !1;
   }
-  function t(a, d, u, p) {
-    return p[a] && p[a].propertyValue && String(p[a].propertyValue.value) === String(u);
+  function n(c, d, u, p) {
+    return p[c] && p[c].propertyValue && String(p[c].propertyValue.value) === String(u);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", t]
+    ["getProperty", n]
   ]);
-  Object.keys(n).reduce((a, d) => (a.set(d, n[d]), a), r);
-  function i(a, d) {
-    const u = a;
-    return typeof d == "number" ? [{ target: u, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: u, operator: "getProperty", param: a, value: !!d }] : typeof d == "object" ? Object.keys(d).map((p) => {
+  Object.keys(t).reduce((c, d) => (c.set(d, t[d]), c), r);
+  function a(c, d) {
+    const u = c;
+    return typeof d == "number" ? [{ target: u, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: u, operator: "getProperty", param: c, value: !!d }] : typeof d == "object" ? Object.keys(d).map((p) => {
       if (p === "length")
         return { target: u, operator: "length", param: null, value: d[p] };
       const m = p, o = d[p];
       return { target: u, operator: "getProperty", param: m, value: o };
     }) : [];
   }
-  function l(a) {
-    return Object.keys(a).reduce((u, p) => {
-      const m = i(p, a[p]);
+  function l(c) {
+    return Object.keys(c).reduce((u, p) => {
+      const m = a(p, c[p]);
       return u.push(...m), u;
     }, []);
   }
-  function h(a, d) {
-    if (r.has(a.operator)) {
-      const u = r.get(a.operator);
-      return u && u(a.target, a.param, a.value, d) || !1;
+  function h(c, d) {
+    if (r.has(c.operator)) {
+      const u = r.get(c.operator);
+      return u && u(c.target, c.param, c.value, d) || !1;
     }
     return !1;
   }
-  function v(a, d) {
-    return l(a).reduce((m, o) => m && h(o, d), !0);
+  function v(c, d) {
+    return l(c).reduce((m, o) => m && h(o, d), !0);
   }
-  function C(a, d) {
-    const u = Object.keys(a), p = u.includes("allOf"), m = u.includes("anyOf"), o = p || m, f = (o ? a[o ? p ? "allOf" : "anyOf" : "allOf"] : [a]).map((y) => v(y, d));
+  function C(c, d) {
+    const u = Object.keys(c), p = u.includes("allOf"), m = u.includes("anyOf"), o = p || m, f = (o ? c[o ? p ? "allOf" : "anyOf" : "allOf"] : [c]).map((y) => v(y, d));
     return p ? !f.includes(!1) : f.includes(!0);
   }
   return { parseValueSchema: C };
 }
 const re = {}, se = {};
 oe();
-function ae(n, e, t = /* @__PURE__ */ new Map(), r = (h, v, C) => v, i = {}, l = (h) => h) {
-  return J[e.title] = e, Z[e.title] = r, re[e.title] = i, se[e.title] = l, (h = {}) => {
-    const v = ne(h, e, t), C = Object.keys(n).reduce((a, d) => (a[d] = n[d].default, a), {});
+function ae(t, e, n = /* @__PURE__ */ new Map(), r = (h, v, C) => v, a = {}, l = (h) => h) {
+  return J[e.title] = e, Z[e.title] = r, re[e.title] = a, se[e.title] = l, (h = {}) => {
+    const v = ne(h, e, n), C = Object.keys(t).reduce((c, d) => (c[d] = t[d].default, c), {});
     return Object.assign(C, v);
   };
 }
-function ce(n, e) {
+function ce(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-function ie(n, e, t) {
-  return e ? { enableAccordion: t.accordionMode } : { enableAccordion: "" };
+function ie(t, e, n) {
+  return e ? { enableAccordion: n.accordionMode } : { enableAccordion: "" };
 }
-function le(n, e) {
-  return e && e.contents && e.contents.length && e.contents.forEach((t) => {
-    t.title && (t.text = t.title);
+function le(t, e) {
+  return e && e.contents && e.contents.length && e.contents.forEach((n) => {
+    n.title && (n.text = n.title);
   }), {
     buttons: e.contents,
     buttonPosition: e.position
@@ -122,7 +122,7 @@ const pe = /* @__PURE__ */ new Map([
   ["enableAccordion", ie],
   ["toolbar", le]
 ]);
-function ue(n, e, t) {
+function ue(t, e, n) {
   return e;
 }
 const fe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/section.schema.json", ye = "section", be = "A Farris Container Component", he = "object", me = {
@@ -360,12 +360,12 @@ const fe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
       }
     }
   }
-}, Se = {
+}, we = {
   title: Ce,
   description: je,
   type: Ae,
   categories: Te
-}, V = {
+}, L = {
   /** 设置内容区域样式 */
   contentClass: { type: String, default: "" },
   /** 自定义样式 */
@@ -409,25 +409,25 @@ const fe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
   // toolbarPosition: { type: String, default: '' },
   // toolbarButtons: { type: Array<object>, default: [] },
   // toolbar: { type: Object as PropType<ToolbarConfig>, default: {} }
-}, G = ae(V, ve, pe, ue, Se);
-function we(n, e, t) {
+}, G = ae(L, ve, pe, ue, we);
+function Se(t, e, n) {
   let r;
-  function i() {
-    !n || !e.value || (t.value = !t.value, t.value ? l() : h());
+  function a() {
+    !t || !e.value || (n.value = !n.value, n.value ? l() : h());
   }
   function l() {
-    r = n.value.nextElementSibling;
+    r = t.value.nextElementSibling;
     const C = document && document.querySelector("body");
-    C && (C.appendChild(n.value), n.value.style.zIndex = v());
+    C && (C.appendChild(t.value), t.value.style.zIndex = v());
   }
   function h() {
     r ? e.value.insertBefore(
-      n.value,
+      t.value,
       r
-    ) : e.value.appendChild(n.value), n.value.style.zIndex = null;
+    ) : e.value.appendChild(t.value), t.value.style.zIndex = null;
   }
   function v(C = 1) {
-    const a = [
+    const c = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
       "body>farris-dialog>.farris-modal.show",
@@ -437,49 +437,49 @@ function we(n, e, t) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], d = Array.from(document.body.querySelectorAll(a.join(","))).filter((p) => p).map((p) => {
+    ], d = Array.from(document.body.querySelectorAll(c.join(","))).filter((p) => p).map((p) => {
       const { display: m, zIndex: o } = window.getComputedStyle(p);
       return m === "none" ? 0 : parseInt(o, 10);
     }).filter((p) => p);
     let u = Math.max(...d);
     return u < 1040 && (u = 1040), u + C;
   }
-  return { onClickMaxMinIcon: i };
+  return { onClickMaxMinIcon: a };
 }
-function L(n, e) {
-  const t = w(n.buttons), r = S(() => n.buttonPosition === "inHead" ? "right" : "left"), i = S(() => "f-section-toolbar" + (n.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), l = S(() => {
-    n.buttons && n.buttons.length > 0 && n.buttonPosition;
+function V(t, e) {
+  const n = S(t.buttons), r = w(() => t.buttonPosition === "inHead" ? "right" : "left"), a = w(() => "f-section-toolbar" + (t.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), l = w(() => {
+    t.buttons && t.buttons.length > 0 && t.buttonPosition;
   });
   function h(v) {
     e.emit("Click", v);
   }
-  return () => l && P(R, {
-    customClass: i.value,
-    items: t.value,
+  return () => l && P(K, {
+    customClass: a.value,
+    items: n.value,
     onClick: h,
     alignment: r.value
   }, null);
 }
-function Q(n, e, t, r, i, l) {
-  w(n.subTitle);
-  const h = S(() => n.buttonPosition), v = L(n, e), {
+function Q(t, e, n, r, a, l) {
+  S(t.subTitle);
+  const h = w(() => t.buttonPosition), v = V(t, e), {
     onClickMaxMinIcon: C
-  } = we(r, i, l), a = S(() => !!n.subTitle), d = S(() => n.enableMaximize), u = S(() => n.enableAccordion != ""), p = S(() => {
+  } = Se(r, a, l), c = w(() => !!t.subTitle), d = w(() => t.enableMaximize), u = w(() => t.enableAccordion != ""), p = w(() => {
     const y = {
       "f-section-header": !0
     };
-    return e.slots.header && n.headerClass.split(" ").reduce((M, b) => (M[b] = !0, M), y), y;
+    return e.slots.header && t.headerClass.split(" ").reduce((M, b) => (M[b] = !0, M), y), y;
   });
   function m(y) {
-    y.stopPropagation(), n.enableAccordion !== "" && (t.value = !t.value);
+    y.stopPropagation(), t.enableAccordion !== "" && (n.value = !n.value);
   }
   function o() {
-    const y = S(() => ({
+    const y = w(() => ({
       btn: !0,
       "f-btn-collapse-expand": !0,
       "f-btn-mx": !0,
-      "f-state-expand": t.value
-    })), j = S(() => ({
+      "f-state-expand": n.value
+    })), j = w(() => ({
       "f-icon": !0,
       "f-icon-maximize": !l.value,
       "f-icon-minimize": l.value
@@ -492,9 +492,9 @@ function Q(n, e, t, r, i, l) {
     }, null) : "", u.value ? P("button", {
       class: y.value,
       onClick: m
-    }, [P("span", null, [t.value ? n.collapseLabel : n.expandLabel])]) : ""]);
+    }, [P("span", null, [n.value ? t.collapseLabel : t.expandLabel])]) : ""]);
   }
-  function c() {
+  function i() {
     return e.slots.header ? P("div", {
       class: p.value
     }, [e.slots.header()]) : "";
@@ -505,14 +505,14 @@ function Q(n, e, t, r, i, l) {
       onClick: m
     }, [P("h4", {
       class: "f-title-text"
-    }, [n.mainTitle]), a.value && P("span", null, [n.subTitle])]);
+    }, [t.mainTitle]), c.value && P("span", null, [t.subTitle])]);
   }
   function f() {
-    const y = S(() => {
+    const y = w(() => {
       const j = {
         "f-content": !0
       };
-      return n.headerContentClass && n.headerContentClass.split(" ").reduce((b, A) => (b[A] = !0, b), j), j;
+      return t.headerContentClass && t.headerContentClass.split(" ").reduce((b, A) => (b[A] = !0, b), j), j;
     });
     return e.slots.headerContent ? P("div", {
       class: y.value
@@ -523,16 +523,16 @@ function Q(n, e, t, r, i, l) {
       class: p.value
     }, [e.slots.headerTitle ? e.slots.headerTitle() : s(), f(), h.value === "inHead" && v(), (d.value || u.value) && o()]);
   }
-  return () => n.showHeader && (e.slots.header ? c() : g());
+  return () => t.showHeader && (e.slots.header ? i() : g());
 }
 const Pe = ["moz", "ms", "webkit"];
 function Me() {
-  let n = 0;
+  let t = 0;
   return (e) => {
-    const t = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (t - n)), i = setTimeout(() => {
-      e(t + r);
+    const n = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (n - t)), a = setTimeout(() => {
+      e(n + r);
     }, r);
-    return n = t + r, i;
+    return t = n + r, a;
   };
 }
 function De() {
@@ -540,33 +540,33 @@ function De() {
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const n = Pe.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return n ? window[`${n}RequestAnimationFrame`] : Me();
+  const t = Pe.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return t ? window[`${t}RequestAnimationFrame`] : Me();
 }
 De();
-function E(n, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((r, i) => (i && (r[i] = !0), r), n), n;
+function E(t, e) {
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((r, a) => (a && (r[a] = !0), r), t), t;
 }
 const N = /* @__PURE__ */ W({
   name: "FSection",
-  props: V,
+  props: L,
   emits: [],
-  setup(n, e) {
-    const t = w();
-    let r = w();
-    const i = w(n.customClass), l = S(() => n.enableAccordion), h = w(n.expandStatus), v = S(() => n.buttonPosition), C = w(!1), a = Q(n, e, h, t, r, C), d = L(n, e), u = S(() => {
+  setup(t, e) {
+    const n = S();
+    let r = S();
+    const a = S(t.customClass), l = w(() => t.enableAccordion), h = S(t.expandStatus), v = w(() => t.buttonPosition), C = S(!1), c = Q(t, e, h, n, r, C), d = V(t, e), u = w(() => {
       const s = {
         "f-section": !0,
         "f-section-accordion": l.value === "default",
         "f-state-collapse": (l.value === "default" || l.value === "custom") && !h.value,
         "f-section-custom-accordion": l.value === "custom",
-        "f-section-fill": n.fill,
+        "f-section-fill": t.fill,
         "f-section-maximize": C.value
       };
-      return E(s, i.value);
-    }), p = S(() => E({
+      return E(s, a.value);
+    }), p = w(() => E({
       "f-section-content": !0
-    }, n.contentClass)), m = S(() => E({
+    }, t.contentClass)), m = w(() => E({
       "f-section-extend": !0
     }, m.value));
     function o() {
@@ -574,39 +574,39 @@ const N = /* @__PURE__ */ W({
         class: m.value
       }, [e.slots.extend()]);
     }
-    function c() {
+    function i() {
       return P("div", {
         class: p.value
       }, [v.value === "inContent" && d(), e.slots.default && e.slots.default()]);
     }
-    return X(() => n.expandStatus, (s, f) => {
+    return X(() => t.expandStatus, (s, f) => {
       s !== f && (h.value = s);
     }), _(() => {
-      t && t.value && (r.value = t.value.parentElement);
+      n && n.value && (r.value = n.value.parentElement);
     }), () => P("div", {
       class: u.value,
-      ref: t
-    }, [a(), o(), c()]);
+      ref: n
+    }, [c(), o(), i()]);
   }
 });
 function Oe() {
-  function n(e) {
-    var i, l;
+  function t(e) {
+    var a, l;
     if (!e)
       return !1;
-    const t = ((i = e.targetContainer) == null ? void 0 : i.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!t)
+    const n = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
+    if (!n)
       return !1;
-    const r = (l = t.schema.appearance) == null ? void 0 : l.class;
+    const r = (l = n.schema.appearance) == null ? void 0 : l.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const h = t.schema.type, v = (h === "response-form" || h === "content-container") && r && r.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !v)
+      const h = n.schema.type, v = (h === "response-form" || h === "content-container") && r && r.includes("farris-form");
+      if (n.schema.type !== "response-layout-item" && !v)
         return !1;
     }
     return e.controlType !== "field-set";
   }
   return {
-    basalDragulaRuleForContainer: n
+    basalDragulaRuleForContainer: t
   };
 }
 const Ee = "https://json-schema.org/draft/2020-12/schema", ke = "https://farris-design.gitee.io/dragging-rules.schema.json", Ne = "Dragging Rules", $e = "The rules of designer canvas", Fe = "object", He = {
@@ -1182,8 +1182,8 @@ const Ee = "https://json-schema.org/draft/2020-12/schema", ke = "https://farris-
   properties: He,
   required: xe
 }, H = /* @__PURE__ */ new Map();
-function Ve() {
-  function n(o, c, s, f) {
+function Le() {
+  function t(o, i, s, f) {
     var g;
     if (typeof s == "number")
       return ((g = f[o]) == null ? void 0 : g.length) === s;
@@ -1198,63 +1198,63 @@ function Ve() {
     }
     return !1;
   }
-  function e(o, c, s, f) {
-    return typeof s == "boolean" ? f.childrenClassList.includes(c) === !!s : !1;
+  function e(o, i, s, f) {
+    return typeof s == "boolean" ? f.childrenClassList.includes(i) === !!s : !1;
   }
-  function t(o, c, s, f) {
-    return typeof s == "boolean" ? f.parentClassList.includes(c) === !!s : !1;
+  function n(o, i, s, f) {
+    return typeof s == "boolean" ? f.parentClassList.includes(i) === !!s : !1;
   }
-  function r(o, c, s, f) {
-    return typeof s == "boolean" ? f.parentClassList.includes(c) === !!s : !1;
+  function r(o, i, s, f) {
+    return typeof s == "boolean" ? f.parentClassList.includes(i) === !!s : !1;
   }
-  const i = /* @__PURE__ */ new Map([
-    ["length", n],
+  const a = /* @__PURE__ */ new Map([
+    ["length", t],
     ["hasChildren", e],
     ["hasSibling", r],
-    ["hasParent", t]
+    ["hasParent", n]
   ]);
-  function l(o, c) {
+  function l(o, i) {
     const s = o;
-    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "object" ? Object.keys(c).map((f) => {
+    return typeof i == "number" ? [{ target: s, operator: "length", param: null, value: Number(i) }] : typeof i == "object" ? Object.keys(i).map((f) => {
       if (f === "length")
-        return { target: s, operator: "length", param: null, value: c[f] };
-      const g = f, y = c[f];
+        return { target: s, operator: "length", param: null, value: i[f] };
+      const g = f, y = i[f];
       return { target: s, operator: o === "children" ? "hasChildren" : o === "parent" ? "hasParent" : "hasSibling", param: g, value: y };
     }) : [];
   }
-  function h(o, c) {
-    if (i.has(o.operator)) {
-      const s = i.get(o.operator);
-      return s && s(o.target, o.param, o.value, c) || !1;
+  function h(o, i) {
+    if (a.has(o.operator)) {
+      const s = a.get(o.operator);
+      return s && s(o.target, o.param, o.value, i) || !1;
     }
     return !1;
   }
-  function v(o, c) {
+  function v(o, i) {
     return Object.keys(o).reduce((y, j) => {
       const M = l(j, o[j]);
       return y.push(...M), y;
-    }, []).reduce((y, j) => y && h(j, c), !0);
+    }, []).reduce((y, j) => y && h(j, i), !0);
   }
-  function C(o, c) {
-    const s = Object.keys(o), f = s.includes("allOf"), g = s.includes("anyOf"), y = f || g, b = (y ? o[y ? f ? "allOf" : "anyOf" : "allOf"] : [o]).map((T) => v(T, c));
+  function C(o, i) {
+    const s = Object.keys(o), f = s.includes("allOf"), g = s.includes("anyOf"), y = f || g, b = (y ? o[y ? f ? "allOf" : "anyOf" : "allOf"] : [o]).map((T) => v(T, i));
     return f ? !b.includes(!1) : b.includes(!0);
   }
-  function a(o, c) {
+  function c(o, i) {
     const s = o.const;
-    return s ? typeof s == "boolean" ? s : typeof s == "object" ? C(s, c) : !1 : !1;
+    return s ? typeof s == "boolean" ? s : typeof s == "object" ? C(s, i) : !1 : !1;
   }
   function d(o) {
-    return (c) => {
+    return (i) => {
       const s = { canAccept: !0, fixed: !1, hidePadding: !1 };
       return o && o.properties && Object.keys(o.properties).reduce((f, g) => {
         const y = o.properties[g];
-        return f[g] = a(y, c), f;
+        return f[g] = c(y, i), f;
       }, s), s;
     };
   }
-  function u(o, c, s) {
-    if (c.type === "object" && c.properties) {
-      const { rules: f, contents: g } = c.properties;
+  function u(o, i, s) {
+    if (i.type === "object" && i.properties) {
+      const { rules: f, contents: g } = i.properties;
       s.set(o, d(f)), g && Object.keys(g.properties).forEach(
         (y) => u(y, g.properties[y], s)
       );
@@ -1262,21 +1262,21 @@ function Ve() {
   }
   function p() {
     const { properties: o } = Be;
-    Object.keys(o).forEach((c) => {
-      u(c, o[c], H);
+    Object.keys(o).forEach((i) => {
+      u(i, o[i], H);
     });
   }
-  function m(o, c) {
+  function m(o, i) {
     const s = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return H.has(o) ? H.get(o)(c) : s;
+    return H.has(o) ? H.get(o)(i) : s;
   }
   return p(), { getRuleValue: m };
 }
-function Le(n, e) {
-  const t = w(!1), r = w(!1), i = Ve();
+function Ve(t, e) {
+  const n = S(!1), r = S(!1), a = Le();
   let l = !0, h = !1, v, C = !1;
-  function a(c) {
-    return !(!Oe().basalDragulaRuleForContainer(c) || !l);
+  function c(i) {
+    return !(!Oe().basalDragulaRuleForContainer(i) || !l);
   }
   function d() {
     return !C;
@@ -1287,11 +1287,11 @@ function Le(n, e) {
   function p() {
     return h;
   }
-  function m(c) {
+  function m(i) {
   }
   function o() {
-    t.value = !1, r.value = !1, C = !1, l = !0;
-    const c = n, s = c.appearance && c.appearance.class || "", f = s ? s.split(" ") : [], g = c.contents || [], y = g.length ? g[0] : null, j = y && y.appearance && y.appearance.class || "", M = j ? j.split(" ") : [], b = g.length ? g.reduce((z, F) => {
+    n.value = !1, r.value = !1, C = !1, l = !0;
+    const i = t, s = i.appearance && i.appearance.class || "", f = s ? s.split(" ") : [], g = i.contents || [], y = g.length ? g[0] : null, j = y && y.appearance && y.appearance.class || "", M = j ? j.split(" ") : [], b = g.length ? g.reduce((z, F) => {
       const q = F && F.appearance ? F.appearance.class : "", U = q ? q.split(" ") : [];
       return z.push(...U), z;
     }, []) : [], A = e, T = A && A.appearance && A.appearance.class || "", O = T ? T.split(" ") : [];
@@ -1308,45 +1308,45 @@ function Le(n, e) {
       children: g,
       childrenClassList: b
     };
-    const { canAccept: k, fixed: D, hidePadding: $ } = i.getRuleValue(f[0], v);
+    const { canAccept: k, fixed: D, hidePadding: $ } = a.getRuleValue(f[0], v);
     return l = k, h = $, C = D, !0;
   }
   return {
-    canAccepts: a,
+    canAccepts: c,
     checkCanDeleteComponent: d,
     checkCanMoveComponent: u,
     hideNestedPaddingInDesginerView: p,
     onAcceptMovedChildElement: m,
     resolveComponentContext: o,
-    triggerBelongedComponentToMoveWhenMoved: t,
+    triggerBelongedComponentToMoveWhenMoved: n,
     triggerBelongedComponentToDeleteWhenDeleted: r
   };
 }
-function ze(n, e, t) {
+function ze(t, e, n) {
   var M;
   function r() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
+    n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
   r();
-  const i = t && t.getStyles && t.getStyles() || "", l = t && t.getDesignerClass && t.getDesignerClass() || "", h = w();
+  const a = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", h = S();
   function v() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
   function C() {
     return !1;
   }
-  function a() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  function c() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
   function d() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
   function u(b) {
     if (!b || !b.value)
       return null;
     if (b.value.schema && b.value.schema.type === "component")
       return b.value;
-    const A = w(b == null ? void 0 : b.value.parent), T = u(A);
+    const A = S(b == null ? void 0 : b.value.parent), T = u(A);
     return T || null;
   }
   function p(b = e) {
@@ -1354,20 +1354,20 @@ function ze(n, e, t) {
     return !A || !A.value ? null : A.value.canMove ? T : p(b.parent);
   }
   function m(b) {
-    return !!t && t.canAccepts(b);
+    return !!n && n.canAccepts(b);
   }
   function o() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function c() {
+  function i() {
   }
   function s(b, A) {
-    A && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(A);
+    A && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(A);
   }
   function f(b) {
     const { componentType: A } = b;
     let T = x(A, b);
-    t && t.onResolveNewComponentSchema && (T = t.onResolveNewComponentSchema(b, T));
+    n && n.onResolveNewComponentSchema && (T = n.onResolveNewComponentSchema(b, T));
     const O = A.toLowerCase().replace("-", "_");
     return T && !T.id && T.type === A && (T.id = `${O}_${Math.random().toString().slice(2, 6)}`), T;
   }
@@ -1375,70 +1375,70 @@ function ze(n, e, t) {
     const T = String(b.getAttribute("data-controltype")), O = b.getAttribute("data-feature"), k = O ? JSON.parse(O) : {};
     k.parentComponentInstance = h.value;
     let D = x(T, k);
-    t && t.onAcceptNewChildElement && (D = t.onAcceptNewChildElement(b, A, D));
+    n && n.onAcceptNewChildElement && (D = n.onAcceptNewChildElement(b, A, D));
     const $ = T.toLowerCase().replace("-", "_");
     return D && !D.id && D.type === T && (D.id = `${$}_${Math.random().toString().slice(2, 6)}`), D;
   }
   function y(b) {
   }
   function j(...b) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...b);
+    if (n && n.getPropsConfig)
+      return n.getPropsConfig(...b);
   }
   return h.value = {
     canMove: v(),
     canSelectParent: C(),
-    canDelete: a(),
+    canDelete: c(),
     canNested: !d(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
+    elementRef: t,
     parent: (M = e == null ? void 0 : e.parent) == null ? void 0 : M.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
+    styles: a,
     designerClass: l,
     canAccepts: m,
     getBelongedComponentInstance: u,
     getDraggableDesignItemElement: p,
     getDraggingDisplayText: o,
     getPropConfig: j,
-    getDragScopeElement: c,
+    getDragScopeElement: i,
     onAcceptMovedChildElement: s,
     onAcceptNewChildElement: g,
     onChildElementMovedOut: y,
     addNewChildComponentSchema: f,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || S(!1)
   }, h;
 }
 const qe = /* @__PURE__ */ W({
   name: "FSectionDesign",
-  props: V,
+  props: L,
   emits: [],
-  setup(n, e) {
+  setup(t, e) {
     var j;
-    const t = w(), r = w();
-    let i = w();
-    const l = Y("design-item-context"), h = Le(l.schema, (j = l.parent) == null ? void 0 : j.schema), v = ze(t, l, h);
+    const n = S(), r = S();
+    let a = S();
+    const l = Y("design-item-context"), h = Ve(l.schema, (j = l.parent) == null ? void 0 : j.schema), v = ze(n, l, h);
     v.value.styles = "display: inherit;", _(() => {
-      t.value.componentInstance = v;
+      n.value.componentInstance = v;
     }), e.expose(v.value);
-    const C = w(n.customClass), a = S(() => n.enableAccordion), d = w(n.expandStatus), u = S(() => n.buttonPosition), p = w(!1), m = Q(n, e, d, r, i, p), o = L(n, e), c = S(() => {
+    const C = S(t.customClass), c = w(() => t.enableAccordion), d = S(t.expandStatus), u = w(() => t.buttonPosition), p = S(!1), m = Q(t, e, d, r, a, p), o = V(t, e), i = w(() => {
       const M = {
         "f-section": !0,
-        "f-section-accordion": a.value === "default",
-        "f-state-collapse": (a.value === "default" || a.value === "custom") && !d.value,
-        "f-section-custom-accordion": a.value === "custom",
-        "f-section-fill": n.fill,
+        "f-section-accordion": c.value === "default",
+        "f-state-collapse": (c.value === "default" || c.value === "custom") && !d.value,
+        "f-section-custom-accordion": c.value === "custom",
+        "f-section-fill": t.fill,
         "f-section-maximize": p.value,
         "f-utils-fill": !0,
         "p-0": !0
       };
       return E(M, C.value);
-    }), s = S(() => E({
+    }), s = w(() => E({
       "f-section-content": !0,
       "drag-container": !0
-    }, n.contentClass)), f = S(() => E({
+    }, t.contentClass)), f = w(() => E({
       "f-section-extend": !0
     }, f.value));
     function g() {
@@ -1449,26 +1449,26 @@ const qe = /* @__PURE__ */ W({
     function y() {
       return P("div", {
         class: s.value,
-        ref: t,
+        ref: n,
         "data-dragref": `${l.schema.id}-container`
       }, [u.value === "inContent" && o(), e.slots.default && e.slots.default()]);
     }
     return () => P("div", {
-      class: c.value,
+      class: i.value,
       ref: r
     }, [m(), g(), y()]);
   }
 });
-N.register = (n, e, t, r) => {
-  n.section = N, e.section = G;
+N.register = (t, e, n, r) => {
+  t.section = N, e.section = G;
 };
-N.registerDesigner = (n, e, t) => {
-  n.section = qe, e.section = G;
+N.registerDesigner = (t, e, n) => {
+  t.section = qe, e.section = G;
 };
 const Qe = I(N);
 export {
   N as Section,
   Qe as default,
   G as propsResolver,
-  V as sectionProps
+  L as sectionProps
 };