@farris/ui-vue 1.3.0 → 1.3.1

package/components/section/index.esm.js

@@ -1,100 +1,100 @@
-import { ref as w, computed as T, createVNode as M, defineComponent as G, watch as R, onMounted as _, inject as I } from "vue";
-import { isPlainObject as W, cloneDeep as K } from "lodash-es";
-import ee from "../response-toolbar/index.esm.js";
+import { ref as v, computed as h, createVNode as b, defineComponent as z, watch as U, onMounted as H, inject as N } from "vue";
+import { isPlainObject as O, cloneDeep as x } from "lodash-es";
+import _ from "../response-toolbar/index.esm.js";
 import "bignumber.js";
-import { withInstall as te } from "../common/index.esm.js";
-const J = {}, U = {};
-function H(t) {
-  const { properties: e, title: n, ignore: o } = t, s = o && Array.isArray(o), i = Object.keys(e).reduce((y, m) => ((!s || !o.find((C) => C == m)) && (y[m] = e[m].type === "object" && e[m].properties ? H(e[m]) : K(e[m].default)), y), {});
-  return (!s || !o.find((y) => y == "id")) && (i.id = `${n}-${Date.now()}`), i;
+import { withInstall as Z } from "../common/index.esm.js";
+const V = {}, $ = {};
+function B(n) {
+  const { properties: e, title: t, ignore: a } = n, r = a && Array.isArray(a), i = Object.keys(e).reduce((o, p) => ((!r || !a.find((f) => f == p)) && (o[p] = e[p].type === "object" && e[p].properties ? B(e[p]) : x(e[p].default)), o), {});
+  return t && (!r || !a.find((o) => o == "id")) && (i.id = `${t}-${Date.now()}`), i;
 }
-function $(t, e = {}, n) {
-  const o = J[t];
-  if (o) {
-    let s = H(o);
-    const i = U[t];
-    return s = i ? i({ getSchemaByType: $ }, s, e, n) : s, s;
+function q(n, e = {}, t) {
+  const a = V[n];
+  if (a) {
+    let r = B(a);
+    const i = $[n];
+    return r = i ? i({ getSchemaByType: q }, r, e, t) : r, r;
   }
   return null;
 }
-function ne(t, e) {
-  const n = H(e);
-  return Object.keys(t).reduce((o, s) => (o[s] && W(o[s]) && W(t[s]) ? Object.assign(o[s], t[s]) : o[s] = t[s], o), n), n;
+function J(n, e) {
+  const t = B(e);
+  return Object.keys(n).reduce((a, r) => (a[r] && O(a[r]) && O(n[r]) ? Object.assign(a[r], n[r]) : a[r] = n[r], a), t), t;
 }
-function oe(t, e) {
-  return Object.keys(t).filter((o) => t[o] != null).reduce((o, s) => {
-    if (e.has(s)) {
-      const i = e.get(s);
+function Q(n, e) {
+  return Object.keys(n).filter((a) => n[a] != null).reduce((a, r) => {
+    if (e.has(r)) {
+      const i = e.get(r);
       if (typeof i == "string")
-        o[i] = t[s];
+        a[i] = n[r];
       else {
-        const y = i(s, t[s], t);
-        Object.assign(o, y);
+        const o = i(r, n[r], n);
+        Object.assign(a, o);
       }
     } else
-      o[s] = t[s];
-    return o;
+      a[r] = n[r];
+    return a;
   }, {});
 }
-function re(t, e, n = /* @__PURE__ */ new Map()) {
-  const o = ne(t, e);
-  return oe(o, n);
+function X(n, e, t = /* @__PURE__ */ new Map()) {
+  const a = J(n, e);
+  return Q(a, t);
 }
-function ae(t = {}) {
-  function e(c, b, f, u) {
-    if (typeof f == "number")
-      return u[c].length === f;
-    if (typeof f == "object") {
-      const g = Object.keys(f)[0], r = f[g];
-      if (g === "not")
-        return Number(u[c].length) !== Number(r);
-      if (g === "moreThan")
-        return Number(u[c].length) >= Number(r);
-      if (g === "lessThan")
-        return Number(u[c].length) <= Number(r);
+function Y(n = {}) {
+  function e(s, c, l, u) {
+    if (typeof l == "number")
+      return u[s].length === l;
+    if (typeof l == "object") {
+      const d = Object.keys(l)[0], y = l[d];
+      if (d === "not")
+        return Number(u[s].length) !== Number(y);
+      if (d === "moreThan")
+        return Number(u[s].length) >= Number(y);
+      if (d === "lessThan")
+        return Number(u[s].length) <= Number(y);
     }
     return !1;
   }
-  function n(c, b, f, u) {
-    return u[c] && u[c].propertyValue && String(u[c].propertyValue.value) === String(f);
+  function t(s, c, l, u) {
+    return u[s] && u[s].propertyValue && String(u[s].propertyValue.value) === String(l);
   }
-  const o = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", n]
+    ["getProperty", t]
   ]);
-  Object.keys(t).reduce((c, b) => (c.set(b, t[b]), c), o);
-  function s(c, b) {
-    const f = c;
-    return typeof b == "number" ? [{ target: f, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: f, operator: "getProperty", param: c, value: !!b }] : typeof b == "object" ? Object.keys(b).map((u) => {
+  Object.keys(n).reduce((s, c) => (s.set(c, n[c]), s), a);
+  function r(s, c) {
+    const l = s;
+    return typeof c == "number" ? [{ target: l, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: l, operator: "getProperty", param: s, value: !!c }] : typeof c == "object" ? Object.keys(c).map((u) => {
       if (u === "length")
-        return { target: f, operator: "length", param: null, value: b[u] };
-      const g = u, r = b[u];
-      return { target: f, operator: "getProperty", param: g, value: r };
+        return { target: l, operator: "length", param: null, value: c[u] };
+      const d = u, y = c[u];
+      return { target: l, operator: "getProperty", param: d, value: y };
     }) : [];
   }
-  function i(c) {
-    return Object.keys(c).reduce((f, u) => {
-      const g = s(u, c[u]);
-      return f.push(...g), f;
+  function i(s) {
+    return Object.keys(s).reduce((l, u) => {
+      const d = r(u, s[u]);
+      return l.push(...d), l;
     }, []);
   }
-  function y(c, b) {
-    if (o.has(c.operator)) {
-      const f = o.get(c.operator);
-      return f && f(c.target, c.param, c.value, b) || !1;
+  function o(s, c) {
+    if (a.has(s.operator)) {
+      const l = a.get(s.operator);
+      return l && l(s.target, s.param, s.value, c) || !1;
     }
     return !1;
   }
-  function m(c, b) {
-    return i(c).reduce((g, r) => g && y(r, b), !0);
+  function p(s, c) {
+    return i(s).reduce((d, y) => d && o(y, c), !0);
   }
-  function C(c, b) {
-    const f = Object.keys(c), u = f.includes("allOf"), g = f.includes("anyOf"), r = u || g, p = (r ? c[r ? u ? "allOf" : "anyOf" : "allOf"] : [c]).map((d) => m(d, b));
-    return u ? !p.includes(!1) : p.includes(!0);
+  function f(s, c) {
+    const l = Object.keys(s), u = l.includes("allOf"), d = l.includes("anyOf"), y = u || d, S = (y ? s[y ? u ? "allOf" : "anyOf" : "allOf"] : [s]).map((T) => p(T, c));
+    return u ? !S.includes(!1) : S.includes(!0);
   }
-  return { parseValueSchema: C };
+  return { parseValueSchema: f };
 }
-const se = {
+const k = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -133,65 +133,65 @@ const se = {
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, ce = {}, ie = {};
-ae();
-function le(t, e, n = /* @__PURE__ */ new Map(), o = (y, m, C) => m, s = {}, i = (y) => y) {
-  return J[e.title] = e, U[e.title] = o, ce[e.title] = s, ie[e.title] = i, (y = {}) => {
-    const m = re(y, e, n), C = Object.keys(t).reduce((c, b) => (c[b] = t[b].default, c), {});
-    return Object.assign(C, m);
+}, K = {}, I = {};
+Y();
+function ee(n, e, t = /* @__PURE__ */ new Map(), a = (o, p, f) => p, r = {}, i = (o) => o) {
+  return V[e.title] = e, $[e.title] = a, K[e.title] = r, I[e.title] = i, (o = {}) => {
+    const p = X(o, e, t), f = Object.keys(n).reduce((s, c) => (s[c] = n[c].default, s), {});
+    return Object.assign(f, p);
   };
 }
-function pe(t, e) {
+function te(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-function ue(t, e, n) {
-  return e ? { enableAccordion: n.accordionMode } : { enableAccordion: "" };
+function ne(n, e, t) {
+  return e ? { enableAccordion: t.accordionMode } : { enableAccordion: "" };
 }
-function fe(t, e) {
-  return e && e.contents && e.contents.length && e.contents.forEach((n) => {
-    n.title && (n.text = n.title);
+function oe(n, e) {
+  return e && e.contents && e.contents.length && e.contents.forEach((t) => {
+    t.title && (t.text = t.title);
   }), {
     buttons: e.contents,
     buttonPosition: e.position
   };
 }
-const de = /* @__PURE__ */ new Map([
-  ["appearance", pe],
+const ae = /* @__PURE__ */ new Map([
+  ["appearance", te],
   ["expanded", "expandStatus"],
-  ["enableAccordion", ue],
-  ["toolbar", fe]
+  ["enableAccordion", ne],
+  ["toolbar", oe]
 ]);
-function ye(t, e, n, o) {
-  const s = Math.random().toString().slice(2, 6), i = n.parentComponentInstance;
+function re(n, e, t, a) {
+  const r = Math.random().toString().slice(2, 6), i = t.parentComponentInstance;
   Object.assign(e, {
-    id: `section-${s}`,
+    id: `section-${r}`,
     appearance: {
       class: "f-section-in-mainsubcard"
     },
     enableAccordion: !1,
     mainTitle: e.mainTitle || "标题"
   });
-  const y = t.getSchemaByType("content-container");
-  Object.assign(y, {
-    id: `container-${s}`,
+  const o = n.getSchemaByType("content-container");
+  Object.assign(o, {
+    id: `container-${r}`,
     appearance: {
       class: "f-struct-wrapper"
     },
     contents: [e]
   });
-  const m = i.schema;
-  switch (m && m.type) {
-    case se.splitter.type: {
+  const p = i.schema;
+  switch (p && p.type) {
+    case k["splitter-pane"].type: {
       e.appearance.class = "f-section-in-main";
       break;
     }
   }
-  return y;
+  return o;
 }
-function be(t, e, n, o) {
-  return n.parentComponentInstance ? ye(t, e, n) : e;
+function ie(n, e, t, a) {
+  return t.parentComponentInstance ? re(n, e, t) : e;
 }
-const me = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/section.schema.json", ge = "section", Ce = "A Farris Container Component", ve = "object", je = {
+const se = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/section.schema.json", le = "section", ue = "A Farris Container Component", pe = "object", fe = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -316,19 +316,19 @@ const me = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-
     },
     default: null
   }
-}, Te = [
+}, de = [
   "id",
   "type",
   "contents"
-], Ae = {
-  $schema: me,
-  $id: he,
-  title: ge,
-  description: Ce,
-  type: ve,
-  properties: je,
-  required: Te
-}, L = {
+], me = {
+  $schema: se,
+  $id: ce,
+  title: le,
+  description: ue,
+  type: pe,
+  properties: fe,
+  required: de
+}, F = {
   /** 设置内容区域样式 */
   contentClass: { type: String, default: "" },
   /** 自定义样式 */
@@ -372,25 +372,25 @@ const me = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-
   // toolbarPosition: { type: String, default: '' },
   // toolbarButtons: { type: Array<object>, default: [] },
   // toolbar: { type: Object as PropType<ToolbarConfig>, default: {} }
-}, Z = le(L, Ae, de, be);
-function we(t, e, n) {
-  let o;
-  function s() {
-    !t || !e.value || (n.value = !n.value, n.value ? i() : y());
+}, G = ee(F, me, ae, ie);
+function ye(n, e, t) {
+  let a;
+  function r() {
+    !n || !e.value || (t.value = !t.value, t.value ? i() : o());
   }
   function i() {
-    o = t.value.nextElementSibling;
-    const C = document && document.querySelector("body");
-    C && (C.appendChild(t.value), t.value.style.zIndex = m());
+    a = n.value.nextElementSibling;
+    const f = document && document.querySelector("body");
+    f && (f.appendChild(n.value), n.value.style.zIndex = p());
   }
-  function y() {
-    o ? e.value.insertBefore(
-      t.value,
-      o
-    ) : e.value.appendChild(t.value), t.value.style.zIndex = null;
+  function o() {
+    a ? e.value.insertBefore(
+      n.value,
+      a
+    ) : e.value.appendChild(n.value), n.value.style.zIndex = null;
   }
-  function m(C = 1) {
-    const c = [
+  function p(f = 1) {
+    const s = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
       "body>farris-dialog>.farris-modal.show",
@@ -400,915 +400,174 @@ function we(t, e, n) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], b = Array.from(document.body.querySelectorAll(c.join(","))).filter((u) => u).map((u) => {
-      const { display: g, zIndex: r } = window.getComputedStyle(u);
-      return g === "none" ? 0 : parseInt(r, 10);
+    ], c = Array.from(document.body.querySelectorAll(s.join(","))).filter((u) => u).map((u) => {
+      const { display: d, zIndex: y } = window.getComputedStyle(u);
+      return d === "none" ? 0 : parseInt(y, 10);
     }).filter((u) => u);
-    let f = Math.max(...b);
-    return f < 1040 && (f = 1040), f + C;
+    let l = Math.max(...c);
+    return l < 1040 && (l = 1040), l + f;
   }
-  return { onClickMaxMinIcon: s };
+  return { onClickMaxMinIcon: r };
 }
-function z(t, e) {
-  const n = w(t.buttons), o = T(() => t.buttonPosition === "inHead" ? "right" : "left"), s = T(() => "f-section-toolbar" + (t.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), i = T(() => {
-    t.buttons && t.buttons.length > 0 && t.buttonPosition;
+function j(n, e) {
+  const t = v(n.buttons), a = h(() => n.buttonPosition === "inHead" ? "right" : "left"), r = h(() => "f-section-toolbar" + (n.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), i = h(() => {
+    n.buttons && n.buttons.length > 0 && n.buttonPosition;
   });
-  function y(m) {
-    e.emit("Click", m);
-  }
-  return () => i && M(ee, {
-    customClass: s.value,
-    items: n.value,
-    onClick: y,
-    alignment: o.value
+  function o(p) {
+    e.emit("Click", p);
+  }
+  return () => i && b(_, {
+    customClass: r.value,
+    items: t.value,
+    onClick: o,
+    alignment: a.value
   }, null);
 }
-function Q(t, e, n, o, s, i) {
-  w(t.subTitle);
-  const y = T(() => t.buttonPosition), m = z(t, e), {
-    onClickMaxMinIcon: C
-  } = we(o, s, i), c = T(() => !!t.subTitle), b = T(() => t.enableMaximize), f = T(() => t.enableAccordion != ""), u = T(() => {
-    const d = {
+function R(n, e, t, a, r, i) {
+  v(n.subTitle);
+  const o = h(() => n.buttonPosition), p = j(n, e), {
+    onClickMaxMinIcon: f
+  } = ye(a, r, i), s = h(() => !!n.subTitle), c = h(() => n.enableMaximize), l = h(() => n.enableAccordion != ""), u = h(() => {
+    const T = {
       "f-section-header": !0
     };
-    return e.slots.header && t.headerClass.split(" ").reduce((S, h) => (S[h] = !0, S), d), d;
+    return e.slots.header && n.headerClass.split(" ").reduce((m, g) => (m[g] = !0, m), T), T;
   });
-  function g(d) {
-    d.stopPropagation(), t.enableAccordion !== "" && (n.value = !n.value);
+  function d(T) {
+    T.stopPropagation(), n.enableAccordion !== "" && (t.value = !t.value);
   }
-  function r() {
-    const d = T(() => ({
+  function y() {
+    const T = h(() => ({
       btn: !0,
       "f-btn-collapse-expand": !0,
       "f-btn-mx": !0,
-      "f-state-expand": n.value
-    })), v = T(() => ({
+      "f-state-expand": t.value
+    })), A = h(() => ({
       "f-icon": !0,
       "f-icon-maximize": !i.value,
       "f-icon-minimize": i.value
     }));
-    return M("div", {
+    return b("div", {
       class: "f-max-accordion"
-    }, [b.value ? M("span", {
-      class: v.value,
-      onClick: C
-    }, null) : "", f.value ? M("button", {
-      class: d.value,
-      onClick: g
-    }, [M("span", null, [n.value ? t.collapseLabel : t.expandLabel])]) : ""]);
-  }
-  function l() {
-    return e.slots.header ? M("div", {
+    }, [c.value ? b("span", {
+      class: A.value,
+      onClick: f
+    }, null) : "", l.value ? b("button", {
+      class: T.value,
+      onClick: d
+    }, [b("span", null, [t.value ? n.collapseLabel : n.expandLabel])]) : ""]);
+  }
+  function M() {
+    return e.slots.header ? b("div", {
       class: u.value
     }, [e.slots.header()]) : "";
   }
-  function a() {
-    return M("div", {
+  function C() {
+    return b("div", {
       class: "f-title",
-      onClick: g
-    }, [M("h4", {
+      onClick: d
+    }, [b("h4", {
       class: "f-title-text"
-    }, [t.mainTitle]), c.value && M("span", null, [t.subTitle])]);
+    }, [n.mainTitle]), s.value && b("span", null, [n.subTitle])]);
   }
-  function p() {
-    const d = T(() => {
-      const v = {
+  function S() {
+    const T = h(() => {
+      const A = {
         "f-content": !0
       };
-      return t.headerContentClass && t.headerContentClass.split(" ").reduce((h, P) => (h[P] = !0, h), v), v;
+      return n.headerContentClass && n.headerContentClass.split(" ").reduce((g, D) => (g[D] = !0, g), A), A;
     });
-    return e.slots.headerContent ? M("div", {
-      class: d.value
+    return e.slots.headerContent ? b("div", {
+      class: T.value
     }, [e.slots.headerContent()]) : "";
   }
-  function j() {
-    return M("div", {
+  function w() {
+    return b("div", {
       class: u.value
-    }, [e.slots.headerTitle ? e.slots.headerTitle() : a(), p(), y.value === "inHead" && m(), (b.value || f.value) && r()]);
+    }, [e.slots.headerTitle ? e.slots.headerTitle() : C(), S(), o.value === "inHead" && p(), (c.value || l.value) && y()]);
   }
-  return () => t.showHeader && (e.slots.header ? l() : j());
+  return () => n.showHeader && (e.slots.header ? M() : w());
 }
-const Se = ["moz", "ms", "webkit"];
-function Pe() {
-  let t = 0;
+const he = ["moz", "ms", "webkit"];
+function be() {
+  let n = 0;
   return (e) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), s = setTimeout(() => {
-      e(n + o);
-    }, o);
-    return t = n + o, s;
+    const t = (/* @__PURE__ */ new Date()).getTime(), a = Math.max(0, 16 - (t - n)), r = setTimeout(() => {
+      e(t + a);
+    }, a);
+    return n = t + a, r;
   };
 }
-function Me() {
+function ve() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const t = Se.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return t ? window[`${t}RequestAnimationFrame`] : Pe();
+  const n = he.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return n ? window[`${n}RequestAnimationFrame`] : be();
 }
-Me();
-function O(t, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, s) => (s && (o[s] = !0), o), t), t;
+ve();
+function P(n, e) {
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((a, r) => (r && (a[r] = !0), a), n), n;
 }
-const x = /* @__PURE__ */ G({
+const E = /* @__PURE__ */ z({
   name: "FSection",
-  props: L,
+  props: F,
   emits: [],
-  setup(t, e) {
-    const n = w();
-    let o = w();
-    const s = w(t.customClass), i = T(() => t.enableAccordion), y = w(t.expandStatus), m = T(() => t.buttonPosition), C = w(!1), c = Q(t, e, y, n, o, C), b = z(t, e), f = T(() => {
-      const a = {
+  setup(n, e) {
+    const t = v();
+    let a = v();
+    const r = v(n.customClass), i = h(() => n.enableAccordion), o = v(n.expandStatus), p = h(() => n.buttonPosition), f = v(!1), s = R(n, e, o, t, a, f), c = j(n, e), l = h(() => {
+      const C = {
         "f-section": !0,
         "f-section-accordion": i.value === "default",
-        "f-state-collapse": (i.value === "default" || i.value === "custom") && !y.value,
+        "f-state-collapse": (i.value === "default" || i.value === "custom") && !o.value,
         "f-section-custom-accordion": i.value === "custom",
-        "f-section-fill": t.fill,
-        "f-section-maximize": C.value
+        "f-section-fill": n.fill,
+        "f-section-maximize": f.value
       };
-      return O(a, s.value);
-    }), u = T(() => O({
+      return P(C, r.value);
+    }), u = h(() => P({
       "f-section-content": !0
-    }, t.contentClass)), g = T(() => O({
+    }, n.contentClass)), d = h(() => P({
       "f-section-extend": !0
-    }, g.value));
-    function r() {
-      return e.slots.extend && M("div", {
-        class: g.value
+    }, d.value));
+    function y() {
+      return e.slots.extend && b("div", {
+        class: d.value
       }, [e.slots.extend()]);
     }
-    function l() {
-      return M("div", {
+    function M() {
+      return b("div", {
         class: u.value
-      }, [m.value === "inContent" && b(), e.slots.default && e.slots.default()]);
+      }, [p.value === "inContent" && c(), e.slots.default && e.slots.default()]);
     }
-    return R(() => t.expandStatus, (a, p) => {
-      a !== p && (y.value = a);
-    }), _(() => {
-      n && n.value && (o.value = n.value.parentElement);
-    }), () => M("div", {
-      class: f.value,
-      ref: n
-    }, [c(), r(), l()]);
+    return U(() => n.expandStatus, (C, S) => {
+      C !== S && (o.value = C);
+    }), H(() => {
+      t && t.value && (a.value = t.value.parentElement);
+    }), () => b("div", {
+      class: l.value,
+      ref: t
+    }, [s(), y(), M()]);
   }
 });
-function ke() {
-  function t(e) {
-    var s, i;
+function Ce() {
+  function n(e, t) {
+    var o;
     if (!e)
       return !1;
-    const n = ((s = e.targetContainer) == null ? void 0 : s.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!n)
+    const a = ((o = e.targetContainer) == null ? void 0 : o.componentInstance) && e.targetContainer.componentInstance.value;
+    if (!a)
       return !1;
-    const o = (i = n.schema.appearance) == null ? void 0 : i.class;
-    if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const y = n.schema.type, m = (y === "response-form" || y === "content-container") && o && o.includes("farris-form");
-      if (n.schema.type !== "response-layout-item" && !m)
-        return !1;
-    }
-    return e.controlType !== "field-set";
+    const r = a.schema.type, i = t == null ? void 0 : t.formSchemaUtils.getComponentById(a.belongedComponentId);
+    return !((e.controlCategory === "input" || e.controlType === "form-group") && ![k["response-layout-item"].type, k["response-form"].type].includes(r) || (e.controlType === k.tabs.type || e.controlType === k.section.type) && ((i == null ? void 0 : i.componentType) !== "frame" || ![k["content-container"].type, k["splitter-pane"].type, k["response-layout-item"].type].includes(r)));
   }
   return {
-    basalDragulaRuleForContainer: t
+    basalDragulaRuleForContainer: n
   };
 }
-const De = "https://json-schema.org/draft/2020-12/schema", Ee = "https://farris-design.gitee.io/dragging-rules.schema.json", Oe = "Dragging Rules", xe = "The rules of designer canvas", Ne = "object", Fe = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      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: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              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
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "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
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      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: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, Be = {
-  $schema: De,
-  $id: Ee,
-  title: Oe,
-  description: xe,
-  type: Ne,
-  properties: Fe
-}, B = /* @__PURE__ */ new Map();
-function $e() {
-  function t(r, l, a, p) {
-    var j;
-    if (typeof a == "number")
-      return ((j = p[r]) == null ? void 0 : j.length) === a;
-    if (typeof a == "object") {
-      const d = Object.keys(a)[0], v = a[d];
-      if (d === "not")
-        return Number(p[r].length) !== Number(v);
-      if (d === "moreThan")
-        return Number(p[r].length) >= Number(v);
-      if (d === "lessThan")
-        return Number(p[r].length) <= Number(v);
-    }
-    return !1;
-  }
-  function e(r, l, a, p) {
-    return typeof a == "boolean" ? p.childrenClassList.includes(l) === !!a : !1;
-  }
-  function n(r, l, a, p) {
-    return typeof a == "boolean" ? p.parentClassList.includes(l) === !!a : !1;
-  }
-  function o(r, l, a, p) {
-    return typeof a == "boolean" ? p.parentClassList.includes(l) === !!a : !1;
-  }
-  const s = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["hasChildren", e],
-    ["hasSibling", o],
-    ["hasParent", n]
-  ]);
-  function i(r, l) {
-    const a = r;
-    return typeof l == "number" ? [{ target: a, operator: "length", param: null, value: Number(l) }] : typeof l == "object" ? Object.keys(l).map((p) => {
-      if (p === "length")
-        return { target: a, operator: "length", param: null, value: l[p] };
-      const j = p, d = l[p];
-      return { target: a, operator: r === "children" ? "hasChildren" : r === "parent" ? "hasParent" : "hasSibling", param: j, value: d };
-    }) : [];
-  }
-  function y(r, l) {
-    if (s.has(r.operator)) {
-      const a = s.get(r.operator);
-      return a && a(r.target, r.param, r.value, l) || !1;
-    }
-    return !1;
-  }
-  function m(r, l) {
-    return Object.keys(r).reduce((d, v) => {
-      const S = i(v, r[v]);
-      return d.push(...S), d;
-    }, []).reduce((d, v) => d && y(v, l), !0);
-  }
-  function C(r, l) {
-    const a = Object.keys(r), p = a.includes("allOf"), j = a.includes("anyOf"), d = p || j, h = (d ? r[d ? p ? "allOf" : "anyOf" : "allOf"] : [r]).map((A) => m(A, l));
-    return p ? !h.includes(!1) : h.includes(!0);
-  }
-  function c(r, l) {
-    const a = r.const;
-    return a ? typeof a == "boolean" ? a : typeof a == "object" ? C(a, l) : !1 : !1;
-  }
-  function b(r) {
-    return (l) => {
-      const a = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return r && r.properties && Object.keys(r.properties).reduce((p, j) => {
-        const d = r.properties[j];
-        return p[j] = c(d, l), p;
-      }, a), a;
-    };
-  }
-  function f(r, l, a) {
-    if (l.type === "object" && l.properties) {
-      const { rules: p, contents: j } = l.properties;
-      a.set(r, b(p)), j && Object.keys(j.properties).forEach(
-        (d) => f(d, j.properties[d], a)
-      );
-    }
-  }
-  function u() {
-    const { properties: r } = Be;
-    Object.keys(r).forEach((l) => {
-      f(l, r[l], B);
-    });
-  }
-  function g(r, l) {
-    const a = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return B.has(r) ? B.get(r)(l) : a;
-  }
-  return u(), { getRuleValue: g };
-}
-const He = {
+const ge = {
   title: "section",
   description: "A Farris Container Component",
   type: "object",
@@ -1356,11 +615,11 @@ const He = {
           }
         }
       },
-      setPropertyRelates(t, e) {
-        if (t)
-          switch (t && t.propertyID) {
+      setPropertyRelates(n, e) {
+        if (n)
+          switch (n && n.propertyID) {
             case "mainTitle": {
-              t.needRefreshControlTree = !0;
+              n.needRefreshControlTree = !0;
               break;
             }
           }
@@ -1411,207 +670,260 @@ const He = {
     }
   }
 };
-function Le(t, e) {
-  const n = w(!1), o = w(!1), s = $e();
-  let i = !0, y = !1, m, C = !1;
-  function c(a) {
-    return He;
-  }
-  function b(a) {
-    return !(!ke().basalDragulaRuleForContainer(a) || !i);
+class Te {
+  getTemplateRule(e, t) {
+    const a = t == null ? void 0 : t.formSchemaUtils, r = a == null ? void 0 : a.getFormTemplateRule(), i = { canAccept: !0, canDelete: !0, canMove: !0 };
+    if (!r)
+      return i;
+    const o = this.getComponentContext(e);
+    return o.componentClassList.forEach((f) => {
+      if (!f || !r[f])
+        return;
+      const { canMove: s, canDelete: c, canAccept: l } = r[f];
+      i.canMove = i.canMove && this.resolveRuleValue(s, o), i.canDelete = i.canDelete && this.resolveRuleValue(c, o), i.canAccept = i.canAccept && this.resolveRuleValue(l, o);
+    }), i;
+  }
+  resolveRuleValue(e, t) {
+    return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, t);
+  }
+  parseRuleValueSchema(e, t) {
+    const a = e.invalidContext || [];
+    let r = !0;
+    for (const i of a) {
+      if (i.firstLevelChild) {
+        if (i.firstLevelChild.class) {
+          const o = t.firstLevelChildClassList;
+          if (o && !o.includes(i.firstLevelChild.class)) {
+            r = !1;
+            continue;
+          }
+        }
+        if (i.firstLevelChild.type) {
+          const o = t.firstLevelChildSchema;
+          if (o && o.type !== i.firstLevelChild.type) {
+            r = !1;
+            continue;
+          }
+        }
+      }
+      if (i.secondLevelChild) {
+        if (i.secondLevelChild.class) {
+          const o = t.secondLevelChildClassList;
+          if (o && !o.includes(i.secondLevelChild.class)) {
+            r = !1;
+            continue;
+          }
+        }
+        if (i.secondLevelChild.type) {
+          const o = t.secondLevelChildSchema;
+          if (o && o.type !== i.secondLevelChild.type) {
+            r = !1;
+            continue;
+          }
+        }
+      }
+      if (i.parent) {
+        if (i.parent.class) {
+          const o = t.parentClassList;
+          if (o && !o.includes(i.parent.class)) {
+            r = !1;
+            continue;
+          }
+        }
+        if (i.parent.type) {
+          const o = t.parentSchema;
+          if (o && o.type !== i.parent.type) {
+            r = !1;
+            continue;
+          }
+        }
+      }
+      r = !0;
+      break;
+    }
+    return !r;
+  }
+  getComponentContext(e) {
+    var M, C, S, w;
+    const t = e.schema, a = t.appearance && t.appearance.class || "", r = a.split(" ") || [], i = t.contents || [], o = i.length ? i[0] : null, p = o && o.appearance ? o.appearance.class : "", f = p ? p.split(" ") : [], s = (M = o == null ? void 0 : o.contents) != null && M.length ? o == null ? void 0 : o.contents[0] : null, c = s && s.appearance ? s.appearance.class : "", l = c ? c.split(" ") : [], u = t.type === "component" ? (S = (C = e.parent) == null ? void 0 : C.parent) == null ? void 0 : S.schema : (w = e.parent) == null ? void 0 : w.schema, d = u && u.appearance && u.appearance.class || "", y = d ? d.split(" ") : [];
+    return {
+      componentClass: a,
+      componentClassList: r,
+      childContents: i,
+      firstLevelChildSchema: o,
+      firstLevelChildClass: p,
+      firstLevelChildClassList: f,
+      secondLevelChildSchema: s,
+      secondLevelChildClass: c,
+      secondLevelChildClassList: l,
+      parentSchema: u,
+      parentClass: d,
+      parentClassList: y
+    };
   }
-  function f() {
-    return !C;
+}
+function Se(n, e) {
+  const t = new Te(), { canMove: a, canAccept: r, canDelete: i } = t.getTemplateRule(n, e);
+  function o(l) {
+    return ge;
   }
-  function u() {
-    return !C;
+  function p(l) {
+    return Ce().basalDragulaRuleForContainer(l, e) ? r : !1;
   }
-  function g() {
-    return y;
+  function f() {
+    return i;
   }
-  function r(a) {
+  function s() {
+    return a;
   }
-  function l() {
-    n.value = !1, o.value = !1, C = !1, i = !0;
-    const a = t, p = a.appearance && a.appearance.class || "", j = p ? p.split(" ") : [], d = a.contents || [], v = d.length ? d[0] : null, S = v && v.appearance && v.appearance.class || "", h = S ? S.split(" ") : [], P = d.length ? d.reduce((V, F) => {
-      const q = F && F.appearance ? F.appearance.class : "", Y = q ? q.split(" ") : [];
-      return V.push(...Y), V;
-    }, []) : [], A = e, k = A && A.appearance && A.appearance.class || "", E = k ? k.split(" ") : [];
-    m = {
-      componentClass: p,
-      componentClassList: j,
-      childContents: d,
-      firstChildContent: v,
-      firstChildClass: S,
-      firstChildClassList: h,
-      parent: A,
-      parentClass: k,
-      parentClassList: E,
-      children: d,
-      childrenClassList: P
-    };
-    const { canAccept: D, fixed: N, hidePadding: X } = s.getRuleValue(j[0], m);
-    return i = D, y = X, C = N, !0;
+  function c() {
+    return !a && !i;
   }
   return {
-    canAccepts: b,
+    canAccepts: p,
     checkCanDeleteComponent: f,
-    checkCanMoveComponent: u,
-    hideNestedPaddingInDesginerView: g,
-    onAcceptMovedChildElement: r,
-    resolveComponentContext: l,
-    triggerBelongedComponentToMoveWhenMoved: n,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: c
+    checkCanMoveComponent: s,
+    hideNestedPaddingInDesginerView: c,
+    getPropsConfig: o
   };
 }
-function ze(t, e, n) {
-  var S;
-  function o() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
+function Me(n, e, t) {
+  var A;
+  function a() {
+    t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  o();
-  const s = n && n.getStyles && n.getStyles() || "", i = n && n.getDesignerClass && n.getDesignerClass() || "", y = w();
-  function m() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
+  a();
+  const r = t && t.getStyles && t.getStyles() || "", i = t && t.getDesignerClass && t.getDesignerClass() || "", o = v();
+  function p() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function C() {
+  function f() {
     return !1;
   }
-  function c() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
+  function s() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function b() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
+  function c() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function f(h) {
-    if (!h || !h.value)
+  function l(m) {
+    if (!m || !m.value)
       return null;
-    if (h.value.schema && h.value.schema.type === "component")
-      return h.value;
-    const P = w(h == null ? void 0 : h.value.parent), A = f(P);
-    return A || null;
+    if (m.value.schema && m.value.schema.type === "component")
+      return m.value;
+    const g = v(m == null ? void 0 : m.value.parent), D = l(g);
+    return D || null;
   }
-  function u(h = e) {
-    const { componentInstance: P, designerItemElementRef: A } = h;
-    return !P || !P.value ? null : P.value.canMove ? A : u(h.parent);
+  function u(m = e) {
+    const { componentInstance: g, designerItemElementRef: D } = m;
+    return !g || !g.value ? null : g.value.canMove ? D : u(m.parent);
   }
-  function g(h) {
-    return !!n && n.canAccepts(h);
+  function d(m) {
+    return !!t && t.canAccepts(m);
   }
-  function r() {
+  function y() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function l() {
-  }
-  function a(h, P) {
-    P && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(P);
+  function M() {
   }
-  function p(h, P) {
-    const { componentType: A } = h;
-    let k = $(A, h, P);
-    n && n.onResolveNewComponentSchema && (k = n.onResolveNewComponentSchema(h, k));
-    const E = A.toLowerCase().replace("-", "_");
-    return k && !k.id && k.type === A && (k.id = `${E}_${Math.random().toString().slice(2, 6)}`), k;
+  function C(m, g) {
+    g && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(g);
   }
-  function j(h, P) {
-    const A = String(h.getAttribute("data-controltype")), k = h.getAttribute("data-feature"), E = k ? JSON.parse(k) : {};
-    E.parentComponentInstance = y.value;
-    let D = $(A, E);
-    n && n.onAcceptNewChildElement && (D = n.onAcceptNewChildElement(h, P, D));
-    const N = A.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === A && (D.id = `${N}_${Math.random().toString().slice(2, 6)}`), D;
+  function S(m, g) {
+    const { componentType: D } = m;
+    let L = q(D, m, g);
+    t && t.onResolveNewComponentSchema && (L = t.onResolveNewComponentSchema(m, L));
+    const W = D.toLowerCase().replace("-", "_");
+    return L && !L.id && L.type === D && (L.id = `${W}_${Math.random().toString().slice(2, 6)}`), L;
   }
-  function d(h) {
+  function w(m) {
   }
-  function v(...h) {
-    if (n && n.getPropsConfig)
-      return n.getPropsConfig(...h);
+  function T(...m) {
+    if (t && t.getPropsConfig)
+      return t.getPropsConfig(...m);
   }
-  return y.value = {
-    canMove: m(),
-    canSelectParent: C(),
-    canDelete: c(),
-    canNested: !b(),
+  return o.value = {
+    canMove: p(),
+    canSelectParent: f(),
+    canDelete: s(),
+    canNested: !c(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: t,
-    parent: (S = e == null ? void 0 : e.parent) == null ? void 0 : S.componentInstance,
+    elementRef: n,
+    parent: (A = e == null ? void 0 : e.parent) == null ? void 0 : A.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: s,
+    styles: r,
     designerClass: i,
-    canAccepts: g,
-    getBelongedComponentInstance: f,
+    canAccepts: d,
+    getBelongedComponentInstance: l,
     getDraggableDesignItemElement: u,
-    getDraggingDisplayText: r,
-    getPropConfig: v,
-    getDragScopeElement: l,
-    onAcceptMovedChildElement: a,
-    onAcceptNewChildElement: j,
-    onChildElementMovedOut: d,
-    addNewChildComponentSchema: p,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
-  }, y;
+    getDraggingDisplayText: y,
+    getPropConfig: T,
+    getDragScopeElement: M,
+    onAcceptMovedChildElement: C,
+    onChildElementMovedOut: w,
+    addNewChildComponentSchema: S,
+    updateDragAndDropRules: a,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || v(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || v(!1)
+  }, o;
 }
-const Ve = /* @__PURE__ */ G({
+const we = /* @__PURE__ */ z({
   name: "FSectionDesign",
-  props: L,
+  props: F,
   emits: [],
-  setup(t, e) {
-    var v;
-    const n = w(), o = w();
-    let s = w();
-    const i = I("design-item-context"), y = Le(i.schema, (v = i.parent) == null ? void 0 : v.schema), m = ze(n, i, y);
-    m.value.styles = "display: inherit;", _(() => {
-      n.value.componentInstance = m;
-    }), e.expose(m.value);
-    const C = w(t.customClass), c = T(() => t.enableAccordion), b = w(t.expandStatus), f = T(() => t.buttonPosition), u = w(!1), g = Q(t, e, b, o, s, u), r = z(t, e), l = T(() => {
-      const S = {
+  setup(n, e) {
+    const t = v(), a = v();
+    let r = v();
+    const i = N("designer-host-service"), o = N("design-item-context"), p = Se(o, i), f = Me(t, o, p);
+    f.value.styles = "display: inherit;", H(() => {
+      t.value.componentInstance = f;
+    }), e.expose(f.value);
+    const s = v(n.customClass), c = h(() => n.enableAccordion), l = v(n.expandStatus), u = h(() => n.buttonPosition), d = v(!1), y = R(n, e, l, a, r, d), M = j(n, e), C = h(() => {
+      const m = {
         "f-section": !0,
         "f-section-accordion": c.value === "default",
-        "f-state-collapse": (c.value === "default" || c.value === "custom") && !b.value,
+        "f-state-collapse": (c.value === "default" || c.value === "custom") && !l.value,
         "f-section-custom-accordion": c.value === "custom",
-        "f-section-fill": t.fill,
-        "f-section-maximize": u.value,
+        "f-section-fill": n.fill,
+        "f-section-maximize": d.value,
         "f-utils-fill": !0,
         "p-0": !0
       };
-      return O(S, C.value);
-    }), a = T(() => O({
+      return P(m, s.value);
+    }), S = h(() => P({
       "f-section-content": !0,
       "drag-container": !0
-    }, t.contentClass)), p = T(() => O({
+    }, n.contentClass)), w = h(() => P({
       "f-section-extend": !0
-    }, p.value));
-    function j() {
-      return e.slots.extend && M("div", {
-        class: p.value
+    }, w.value));
+    function T() {
+      return e.slots.extend && b("div", {
+        class: w.value
       }, [e.slots.extend()]);
     }
-    function d() {
-      return M("div", {
-        class: a.value,
-        ref: n,
-        "data-dragref": `${i.schema.id}-container`
-      }, [f.value === "inContent" && r(), e.slots.default && e.slots.default()]);
+    function A() {
+      return b("div", {
+        class: S.value,
+        ref: t,
+        "data-dragref": `${o.schema.id}-container`
+      }, [u.value === "inContent" && M(), e.slots.default && e.slots.default()]);
     }
-    return () => M("div", {
-      class: l.value,
-      ref: o
-    }, [g(), j(), d()]);
+    return () => b("div", {
+      class: C.value,
+      ref: a
+    }, [y(), T(), A()]);
   }
 });
-x.register = (t, e, n, o) => {
-  t.section = x, e.section = Z;
+E.register = (n, e, t, a) => {
+  n.section = E, e.section = G;
 };
-x.registerDesigner = (t, e, n) => {
-  t.section = Ve, e.section = Z;
+E.registerDesigner = (n, e, t) => {
+  n.section = we, e.section = G;
 };
-const Ue = te(x);
+const Ee = Z(E);
 export {
-  x as Section,
-  Ue as default,
-  Z as propsResolver,
-  L as sectionProps
+  E as Section,
+  Ee as default,
+  G as propsResolver,
+  F as sectionProps
 };