@farris/ui-vue 1.2.7 → 1.2.9

package/components/splitter/index.esm.js

@@ -1,128 +1,128 @@
-import { ref as h, computed as z, defineComponent as T, provide as X, createVNode as O, inject as $, onMounted as Y } from "vue";
-import { cloneDeep as I } from "lodash-es";
+import { ref as P, computed as S, defineComponent as M, provide as X, createVNode as T, inject as R, onMounted as Y } from "vue";
+import { cloneDeep as ee } from "lodash-es";
 import "bignumber.js";
 const _ = {}, J = {};
-function k(t) {
-  const { properties: e, title: n } = t, i = Object.keys(e).reduce((a, p) => (a[p] = e[p].type === "object" && e[p].properties ? k(e[p]) : I(e[p].default), a), {});
-  return i.id = `${n}-${Date.now()}`, i;
+function L(t) {
+  const { properties: e, title: n, ignore: o } = t, r = o && Array.isArray(o), d = Object.keys(e).reduce((c, m) => ((!r || !o.find((j) => j == m)) && (c[m] = e[m].type === "object" && e[m].properties ? L(e[m]) : ee(e[m].default)), c), {});
+  return (!r || !o.find((c) => c == "id")) && (d.id = `${n}-${Date.now()}`), d;
 }
-function D(t, e = {}) {
-  const n = _[t];
-  if (n) {
-    let i = k(n);
-    const a = J[t];
-    return i = a ? a({ getSchemaByType: D }, i, e) : i, i;
+function $(t, e = {}, n) {
+  const o = _[t];
+  if (o) {
+    let r = L(o);
+    const d = J[t];
+    return r = d ? d({ getSchemaByType: $ }, r, e, n) : r, r;
   }
   return null;
 }
-function ee(t, e) {
-  const n = k(e);
-  return Object.keys(t).reduce((i, a) => (i[a] = t[a], i), n), n;
-}
 function te(t, e) {
-  return Object.keys(t).filter((i) => t[i] != null).reduce((i, a) => {
-    if (e.has(a)) {
-      const p = e.get(a);
-      if (typeof p == "string")
-        i[p] = t[a];
+  const n = L(e);
+  return Object.keys(t).reduce((o, r) => (o[r] && typeof o[r] == "object" ? Object.assign(o[r], t[r]) : o[r] = t[r], o), n), n;
+}
+function ne(t, e) {
+  return Object.keys(t).filter((o) => t[o] != null).reduce((o, r) => {
+    if (e.has(r)) {
+      const d = e.get(r);
+      if (typeof d == "string")
+        o[d] = t[r];
       else {
-        const c = p(a, t[a], t);
-        Object.assign(i, c);
+        const c = d(r, t[r], t);
+        Object.assign(o, c);
       }
     } else
-      i[a] = t[a];
-    return i;
+      o[r] = t[r];
+    return o;
   }, {});
 }
-function ne(t, e, n = /* @__PURE__ */ new Map()) {
-  const i = ee(t, e);
-  return te(i, n);
+function oe(t, e, n = /* @__PURE__ */ new Map()) {
+  const o = te(t, e);
+  return ne(o, n);
 }
-function ie(t = {}) {
-  function e(r, s, o, l) {
-    if (typeof o == "number")
-      return l[r].length === o;
-    if (typeof o == "object") {
-      const f = Object.keys(o)[0], m = o[f];
-      if (f === "not")
-        return Number(l[r].length) !== Number(m);
-      if (f === "moreThan")
-        return Number(l[r].length) >= Number(m);
-      if (f === "lessThan")
-        return Number(l[r].length) <= Number(m);
+function se(t = {}) {
+  function e(p, i, l, u) {
+    if (typeof l == "number")
+      return u[p].length === l;
+    if (typeof l == "object") {
+      const b = Object.keys(l)[0], s = l[b];
+      if (b === "not")
+        return Number(u[p].length) !== Number(s);
+      if (b === "moreThan")
+        return Number(u[p].length) >= Number(s);
+      if (b === "lessThan")
+        return Number(u[p].length) <= Number(s);
     }
     return !1;
   }
-  function n(r, s, o, l) {
-    return l[r] && l[r].propertyValue && String(l[r].propertyValue.value) === String(o);
+  function n(p, i, l, u) {
+    return u[p] && u[p].propertyValue && String(u[p].propertyValue.value) === String(l);
   }
-  const i = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(t).reduce((r, s) => (r.set(s, t[s]), r), i);
-  function a(r, s) {
-    const o = r;
-    return typeof s == "number" ? [{ target: o, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: o, operator: "getProperty", param: r, value: !!s }] : typeof s == "object" ? Object.keys(s).map((l) => {
-      if (l === "length")
-        return { target: o, operator: "length", param: null, value: s[l] };
-      const f = l, m = s[l];
-      return { target: o, operator: "getProperty", param: f, value: m };
+  Object.keys(t).reduce((p, i) => (p.set(i, t[i]), p), o);
+  function r(p, i) {
+    const l = p;
+    return typeof i == "number" ? [{ target: l, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: l, operator: "getProperty", param: p, value: !!i }] : typeof i == "object" ? Object.keys(i).map((u) => {
+      if (u === "length")
+        return { target: l, operator: "length", param: null, value: i[u] };
+      const b = u, s = i[u];
+      return { target: l, operator: "getProperty", param: b, value: s };
     }) : [];
   }
-  function p(r) {
-    return Object.keys(r).reduce((o, l) => {
-      const f = a(l, r[l]);
-      return o.push(...f), o;
+  function d(p) {
+    return Object.keys(p).reduce((l, u) => {
+      const b = r(u, p[u]);
+      return l.push(...b), l;
     }, []);
   }
-  function c(r, s) {
-    if (i.has(r.operator)) {
-      const o = i.get(r.operator);
-      return o && o(r.target, r.param, r.value, s) || !1;
+  function c(p, i) {
+    if (o.has(p.operator)) {
+      const l = o.get(p.operator);
+      return l && l(p.target, p.param, p.value, i) || !1;
     }
     return !1;
   }
-  function d(r, s) {
-    return p(r).reduce((f, m) => f && c(m, s), !0);
+  function m(p, i) {
+    return d(p).reduce((b, s) => b && c(s, i), !0);
   }
-  function y(r, s) {
-    const o = Object.keys(r), l = o.includes("allOf"), f = o.includes("anyOf"), m = l || f, H = (m ? r[m ? l ? "allOf" : "anyOf" : "allOf"] : [r]).map((P) => d(P, s));
-    return l ? !H.includes(!1) : H.includes(!0);
+  function j(p, i) {
+    const l = Object.keys(p), u = l.includes("allOf"), b = l.includes("anyOf"), s = u || b, h = (s ? p[s ? u ? "allOf" : "anyOf" : "allOf"] : [p]).map((g) => m(g, i));
+    return u ? !h.includes(!1) : h.includes(!0);
   }
-  return { parseValueSchema: y };
+  return { parseValueSchema: j };
 }
-const ae = {}, se = {};
-ie();
-function G(t, e, n = /* @__PURE__ */ new Map(), i = (c, d, y) => d, a = {}, p = (c) => c) {
-  return _[e.title] = e, J[e.title] = i, ae[e.title] = a, se[e.title] = p, (c = {}) => {
-    const d = ne(c, e, n), y = Object.keys(t).reduce((r, s) => (r[s] = t[s].default, r), {});
-    return Object.assign(y, d);
+const re = {}, ie = {};
+se();
+function G(t, e, n = /* @__PURE__ */ new Map(), o = (c, m, j) => m, r = {}, d = (c) => c) {
+  return _[e.title] = e, J[e.title] = o, re[e.title] = r, ie[e.title] = d, (c = {}) => {
+    const m = oe(c, e, n), j = Object.keys(t).reduce((p, i) => (p[i] = t[i].default, p), {});
+    return Object.assign(j, m);
   };
 }
 function Q(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const re = /* @__PURE__ */ new Map([
+const ae = /* @__PURE__ */ new Map([
   ["appearance", Q]
 ]);
-function oe(t, e, n) {
-  const i = t.getSchemaByType("splitter-pane");
-  return i.appearance = {
+function ce(t, e, n) {
+  const o = t.getSchemaByType("splitter-pane");
+  return o.appearance = {
     class: "f-col-w6 f-page-content-nav"
-  }, i.position = "left", e.contents.unshift(i), e;
+  }, o.position = "left", e.contents.unshift(o), e;
 }
 function le(t, e, n) {
-  const i = t.getSchemaByType("splitter-pane");
-  return i.appearance = {
+  const o = t.getSchemaByType("splitter-pane");
+  return o.appearance = {
     class: "f-page-content-main"
-  }, i.position = "main", e.contents.push(i), e;
+  }, o.position = "main", e.contents.push(o), e;
 }
-function ce(t, e, n) {
-  const i = n.parentComponentInstance;
-  return String(i.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), oe(t, e), le(t, e), e;
+function pe(t, e, n) {
+  const o = n.parentComponentInstance;
+  return String(o.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), ce(t, e), le(t, e), e;
 }
-const pe = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-design.gitee.io/splitter.schema.json", fe = "splitter", me = "A Farris Container Component", de = "object", ye = {
+const ue = "https://json-schema.org/draft/2020-12/schema", fe = "https://farris-design.gitee.io/splitter.schema.json", de = "splitter", ye = "A Farris Container Component", be = "object", me = {
   id: {
     description: "The unique identifier for a splitter",
     type: "string"
@@ -159,14 +159,14 @@ const pe = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
       "row"
     ]
   }
-}, ve = {
-  $schema: pe,
-  $id: ue,
-  title: fe,
-  description: me,
-  type: de,
-  properties: ye
-}, he = "splitter", ge = "A Farris Container Component", be = "object", Ce = {
+}, he = {
+  $schema: ue,
+  $id: fe,
+  title: de,
+  description: ye,
+  type: be,
+  properties: me
+}, ge = "splitter", ve = "A Farris Container Component", je = "object", Ce = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -182,8 +182,15 @@ const pe = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
         title: "控件类型",
         type: "select",
         editor: {
-          type: "Splitter",
-          enum: []
+          type: "combo-list",
+          textField: "value",
+          valueField: "key",
+          data: [
+            {
+              key: "splitter",
+              value: "分栏面板"
+            }
+          ]
         }
       }
     }
@@ -213,124 +220,124 @@ const pe = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
       }
     }
   }
-}, ze = {
-  title: he,
-  description: ge,
-  type: be,
+}, Pe = {
+  title: ge,
+  description: ve,
+  type: je,
   categories: Ce
-}, F = {
+}, V = {
   customStyle: { type: String, default: "" },
   customClass: { type: String, default: "" },
   direction: { Type: String, default: "column" }
-}, W = G(F, ve, re, ce, ze);
+}, x = G(V, he, ae, pe, Pe);
 function U(t) {
-  const e = h(-1), n = h(-1), i = h(0), a = h(0), p = h(!1), c = h(!1), d = z(() => ({
-    display: p.value ? "block" : "none",
-    left: `${i.value}px`
-  })), y = z(() => ({
+  const e = P(-1), n = P(-1), o = P(0), r = P(0), d = P(!1), c = P(!1), m = S(() => ({
+    display: d.value ? "block" : "none",
+    left: `${o.value}px`
+  })), j = S(() => ({
     display: c.value ? "block" : "none",
-    top: `${a.value}px`
-  })), r = z(() => ({
-    display: c.value || p.value ? "block" : "none"
+    top: `${r.value}px`
+  })), p = S(() => ({
+    display: c.value || d.value ? "block" : "none"
   }));
-  function s(l) {
-    const f = t.value;
-    if (f) {
-      const { left: m } = f.getBoundingClientRect();
-      i.value = l.clientX - m;
+  function i(u) {
+    const b = t.value;
+    if (b) {
+      const { left: s } = b.getBoundingClientRect();
+      o.value = u.clientX - s;
     }
   }
-  function o(l) {
-    const f = t.value;
-    if (f) {
-      const { top: m } = f.getBoundingClientRect();
-      a.value = l.clientY - m;
+  function l(u) {
+    const b = t.value;
+    if (b) {
+      const { top: s } = b.getBoundingClientRect();
+      r.value = u.clientY - s;
     }
   }
   return {
-    horizontalResizeHandleStyle: d,
-    verticalResizeHandleStyle: y,
-    resizeOverlayStyle: r,
-    showHorizontalResizeHandle: p,
+    horizontalResizeHandleStyle: m,
+    verticalResizeHandleStyle: j,
+    resizeOverlayStyle: p,
+    showHorizontalResizeHandle: d,
     showVerticalResizeHandle: c,
     horizontalResizeBarPosition: e,
     verticalResizeBarPosition: n,
-    verticalResizeHandleOffset: a,
-    horizontalResizeHandleOffset: i,
-    draggingHorizontalResizeHandle: s,
-    draggingVerticalResizeHandle: o
+    verticalResizeHandleOffset: r,
+    horizontalResizeHandleOffset: o,
+    draggingHorizontalResizeHandle: i,
+    draggingVerticalResizeHandle: l
   };
 }
 const we = ["moz", "ms", "webkit"];
-function Pe() {
+function ze() {
   let t = 0;
   return (e) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), i = Math.max(0, 16 - (n - t)), a = setTimeout(() => {
-      e(n + i);
-    }, i);
-    return t = n + i, a;
+    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), r = setTimeout(() => {
+      e(n + o);
+    }, o);
+    return t = n + o, r;
   };
 }
-function Se() {
+function Oe() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
   const t = we.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return t ? window[`${t}RequestAnimationFrame`] : Pe();
+  return t ? window[`${t}RequestAnimationFrame`] : ze();
 }
-Se();
-function B(t, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((i, a) => (a && (i[a] = !0), i), t), t;
+Oe();
+function H(t, e) {
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, r) => (r && (o[r] = !0), o), t), t;
 }
-function R(t, e) {
-  return ((e == null ? void 0 : e.split(";")) || []).reduce((i, a) => {
-    if (a) {
-      const p = a.split(":");
-      i[p[0]] = p[1];
+function B(t, e) {
+  return ((e == null ? void 0 : e.split(";")) || []).reduce((o, r) => {
+    if (r) {
+      const d = r.split(":");
+      o[d[0]] = d[1];
     }
-    return i;
+    return o;
   }, t), t;
 }
-const A = /* @__PURE__ */ T({
+const N = /* @__PURE__ */ M({
   name: "FSplitter",
-  props: F,
+  props: V,
   emits: [],
   setup(t, e) {
-    const n = h(), i = U(n), {
-      horizontalResizeHandleStyle: a,
-      verticalResizeHandleStyle: p,
+    const n = P(), o = U(n), {
+      horizontalResizeHandleStyle: r,
+      verticalResizeHandleStyle: d,
       resizeOverlayStyle: c
-    } = i;
+    } = o;
     X("splitter", {
-      useResizeHandleComposition: i
+      useResizeHandleComposition: o
     });
-    const d = z(() => B({
+    const m = S(() => H({
       "f-splitter": !0
-    }, t == null ? void 0 : t.customClass)), y = z(() => {
-      const r = {
+    }, t == null ? void 0 : t.customClass)), j = S(() => {
+      const p = {
         "flex-direction": t.direction === "row" ? "column" : "row"
       };
-      return R(r, t == null ? void 0 : t.customStyle);
+      return B(p, t == null ? void 0 : t.customStyle);
     });
-    return () => O("div", {
-      class: d.value,
+    return () => T("div", {
+      class: m.value,
       ref: n,
-      style: y.value
-    }, [e.slots.default && e.slots.default(), O("div", {
+      style: j.value
+    }, [e.slots.default && e.slots.default(), T("div", {
       class: "f-splitter-resize-overlay",
       style: c.value
-    }, null), O("div", {
+    }, null), T("div", {
       class: "f-splitter-horizontal-resize-proxy",
-      style: a.value
-    }, null), O("div", {
+      style: r.value
+    }, null), T("div", {
       class: "f-splitter-vertical-resize-proxy",
-      style: p.value
+      style: d.value
     }, null)]);
   }
-}), Oe = /* @__PURE__ */ new Map([
+}), Ae = /* @__PURE__ */ new Map([
   ["appearance", Q]
-]), Ee = "https://json-schema.org/draft/2020-12/schema", je = "https://farris-design.gitee.io/splitter-pane.schema.json", He = "splitter-pane", De = "A Farris Container Component", Me = "object", $e = {
+]), Se = "https://json-schema.org/draft/2020-12/schema", Te = "https://farris-design.gitee.io/splitter-pane.schema.json", Ee = "splitter-pane", $e = "A Farris Container Component", De = "object", Re = {
   id: {
     description: "The unique identifier for a splitter",
     type: "string"
@@ -406,14 +413,14 @@ const A = /* @__PURE__ */ T({
     type: "number",
     default: !0
   }
-}, Te = {
-  $schema: Ee,
-  $id: je,
-  title: He,
-  description: De,
-  type: Me,
-  properties: $e
-}, Be = "splitter-pane", Re = "A Farris Container Component", Ae = "object", Ne = {
+}, Me = {
+  $schema: Se,
+  $id: Te,
+  title: Ee,
+  description: $e,
+  type: De,
+  properties: Re
+}, He = "splitter-pane", Be = "A Farris Container Component", Ne = "object", ke = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -509,12 +516,12 @@ const A = /* @__PURE__ */ T({
       }
     }
   }
-}, ke = {
-  title: Be,
-  description: Re,
-  type: Ae,
-  categories: Ne
-}, L = {
+}, Fe = {
+  title: He,
+  description: Be,
+  type: Ne,
+  categories: ke
+}, W = {
   customClass: { type: String, defaut: "" },
   customStyle: { type: String, default: "" },
   /** 记录原始定义宽度 */
@@ -534,246 +541,1015 @@ const A = /* @__PURE__ */ T({
   /** 面板最小高度 */
   minHeight: { type: Number, default: 200 }
 }, q = G(
-  L,
-  Te,
-  Oe,
+  W,
+  Me,
+  Ae,
   void 0,
-  ke
+  Fe
 );
 function Z(t, e) {
-  const n = h(t.width), i = h(t.height), {
-    horizontalResizeBarPosition: a,
-    horizontalResizeHandleOffset: p,
+  const n = P(t.width), o = P(t.height), {
+    horizontalResizeBarPosition: r,
+    horizontalResizeHandleOffset: d,
     showHorizontalResizeHandle: c,
-    showVerticalResizeHandle: d,
-    verticalResizeBarPosition: y,
-    verticalResizeHandleOffset: r,
-    draggingHorizontalResizeHandle: s,
-    draggingVerticalResizeHandle: o
+    showVerticalResizeHandle: m,
+    verticalResizeBarPosition: j,
+    verticalResizeHandleOffset: p,
+    draggingHorizontalResizeHandle: i,
+    draggingVerticalResizeHandle: l
   } = e;
-  let l = "", f, m;
-  function v(C) {
-    if ((l === "left" || l === "right") && m) {
-      const { left: P } = m.getBoundingClientRect(), { width: S } = f.getBoundingClientRect(), E = C.clientX - P, u = l === "left" ? (S || 0) + (E - a.value) : (S || 0) - (E - a.value);
-      n.value = t.minWidth > 0 ? Math.max(t.minWidth, u) : u;
+  let u = "", b, s;
+  function a(v) {
+    if ((u === "left" || u === "right") && s) {
+      const { left: g } = s.getBoundingClientRect(), { width: C } = b.getBoundingClientRect(), O = v.clientX - g, y = u === "left" ? (C || 0) + (O - r.value) : (C || 0) - (O - r.value);
+      n.value = t.minWidth > 0 ? Math.max(t.minWidth, y) : y;
     }
-    if ((l === "top" || l === "bottom") && m) {
-      const { top: P } = m.getBoundingClientRect(), { height: S } = f.getBoundingClientRect(), E = C.clientY - P, u = l === "top" ? (S || 0) + (E - y.value) : (S || 0) - (E - y.value);
-      i.value = t.minHeight > 0 ? Math.max(t.minHeight, u) : u;
+    if ((u === "top" || u === "bottom") && s) {
+      const { top: g } = s.getBoundingClientRect(), { height: C } = b.getBoundingClientRect(), O = v.clientY - g, y = u === "top" ? (C || 0) + (O - j.value) : (C || 0) - (O - j.value);
+      o.value = t.minHeight > 0 ? Math.max(t.minHeight, y) : y;
     }
-    p.value = 0, r.value = 0, a.value = -1, y.value = -1, c.value = !1, d.value = !1, document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", v), document.body.style.userSelect = "", l = "", f = null, m = null;
+    d.value = 0, p.value = 0, r.value = -1, j.value = -1, c.value = !1, m.value = !1, document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), document.body.style.userSelect = "", u = "", b = null, s = null;
   }
-  function w(C, P, S) {
-    if (l = P, f = S, c.value = !0, m = C.composedPath().find((u) => u.className.split(" ")[0] === "f-splitter"), m) {
-      const { left: u } = m.getBoundingClientRect();
-      p.value = C.clientX - u, a.value = C.clientX - u, document.addEventListener("mousemove", s), document.addEventListener("mouseup", v), document.body.style.userSelect = "none";
+  function f(v, g, C) {
+    if (u = g, b = C, c.value = !0, s = v.composedPath().find((y) => y.className.split(" ")[0] === "f-splitter"), s) {
+      const { left: y } = s.getBoundingClientRect();
+      d.value = v.clientX - y, r.value = v.clientX - y, document.addEventListener("mousemove", i), document.addEventListener("mouseup", a), document.body.style.userSelect = "none";
     }
   }
-  function H(C, P, S) {
-    if (l = P, f = S, d.value = !0, m = C.composedPath().find((u) => u.className.split(" ")[0] === "f-splitter"), m) {
-      const { top: u } = m.getBoundingClientRect();
-      r.value = C.clientY - u, y.value = C.clientY - u, document.addEventListener("mousemove", o), document.addEventListener("mouseup", v), document.body.style.userSelect = "none";
+  function h(v, g, C) {
+    if (u = g, b = C, m.value = !0, s = v.composedPath().find((y) => y.className.split(" ")[0] === "f-splitter"), s) {
+      const { top: y } = s.getBoundingClientRect();
+      p.value = v.clientY - y, j.value = v.clientY - y, document.addEventListener("mousemove", l), document.addEventListener("mouseup", a), document.body.style.userSelect = "none";
     }
   }
   return {
     actualWidth: n,
-    actualHeight: i,
-    onClickSplitterHorizontalResizeBar: w,
-    onClickSplitterVerticalResizeBar: H
+    actualHeight: o,
+    onClickSplitterHorizontalResizeBar: f,
+    onClickSplitterVerticalResizeBar: h
   };
 }
-const N = /* @__PURE__ */ T({
+const k = /* @__PURE__ */ M({
   name: "FSplitterPane",
-  props: L,
+  props: W,
   emits: [],
   setup(t, e) {
-    const n = h(), i = $("splitter"), {
-      useResizeHandleComposition: a
-    } = i, p = Z(t, a), {
+    const n = P(), o = R("splitter"), {
+      useResizeHandleComposition: r
+    } = o, d = Z(t, r), {
       actualHeight: c,
-      actualWidth: d,
-      onClickSplitterHorizontalResizeBar: y,
-      onClickSplitterVerticalResizeBar: r
-    } = p, s = h(t.position), o = z(() => {
-      const v = {
+      actualWidth: m,
+      onClickSplitterHorizontalResizeBar: j,
+      onClickSplitterVerticalResizeBar: p
+    } = d, i = P(t.position), l = S(() => {
+      const a = {
         "f-splitter-pane": !0,
-        "f-splitter-pane-column": s.value === "left" || s.value === "right",
-        "f-splitter-pane-row": s.value === "bottom" || s.value === "top",
-        "f-splitter-pane-main": s.value === "center"
+        "f-splitter-pane-column": i.value === "left" || i.value === "right",
+        "f-splitter-pane-row": i.value === "bottom" || i.value === "top",
+        "f-splitter-pane-main": i.value === "center"
       };
-      return B(v, t == null ? void 0 : t.customClass);
-    }), l = z(() => {
-      const v = {};
-      return (d.value && s.value === "left" || s.value === "right") && (v.width = `${d.value}px`), (c.value && s.value === "bottom" || s.value === "top") && (v.height = `${c.value}px`), R(v, t == null ? void 0 : t.customStyle);
-    }), f = z(() => ({
+      return H(a, t == null ? void 0 : t.customClass);
+    }), u = S(() => {
+      const a = {};
+      return (m.value && i.value === "left" || i.value === "right") && (a.width = `${m.value}px`), (c.value && i.value === "bottom" || i.value === "top") && (a.height = `${c.value}px`), B(a, t == null ? void 0 : t.customStyle);
+    }), b = S(() => ({
       "f-splitter-resize-bar": !0,
-      "f-splitter-resize-bar-e": s.value === "left",
-      "f-splitter-resize-bar-n": s.value === "bottom",
-      "f-splitter-resize-bar-s": s.value === "top",
-      "f-splitter-resize-bar-w": s.value === "right"
+      "f-splitter-resize-bar-e": i.value === "left",
+      "f-splitter-resize-bar-n": i.value === "bottom",
+      "f-splitter-resize-bar-s": i.value === "top",
+      "f-splitter-resize-bar-w": i.value === "right"
     }));
-    function m(v, w) {
-      (w === "left" || w === "right") && y(v, w, n.value), (w === "top" || w === "bottom") && r(v, w, n.value);
+    function s(a, f) {
+      (f === "left" || f === "right") && j(a, f, n.value), (f === "top" || f === "bottom") && p(a, f, n.value);
     }
-    return () => O("div", {
+    return () => T("div", {
       ref: n,
-      class: o.value,
-      style: l.value
-    }, [e.slots.default && e.slots.default(), O("span", {
-      class: f.value,
-      onMousedown: (v) => m(v, s.value)
+      class: l.value,
+      style: u.value
+    }, [e.slots.default && e.slots.default(), T("span", {
+      class: b.value,
+      onMousedown: (a) => s(a, i.value)
     }, null)]);
   }
 });
 function K(t, e, n) {
-  var E;
-  function i() {
+  var O;
+  function o() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
-  i();
-  const a = n && n.getStyles && n.getStyles() || "", p = n && n.getDesignerClass && n.getDesignerClass() || "", c = h();
-  function d() {
+  o();
+  const r = n && n.getStyles && n.getStyles() || "", d = n && n.getDesignerClass && n.getDesignerClass() || "", c = P();
+  function m() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function y() {
+  function j() {
     return !1;
   }
-  function r() {
+  function p() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function s() {
+  function i() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function o(u) {
-    if (!u || !u.value)
+  function l(y) {
+    if (!y || !y.value)
       return null;
-    if (u.value.schema && u.value.schema.type === "component")
-      return u.value;
-    const b = h(u == null ? void 0 : u.value.parent), g = o(b);
-    return g || null;
+    if (y.value.schema && y.value.schema.type === "component")
+      return y.value;
+    const w = P(y == null ? void 0 : y.value.parent), z = l(w);
+    return z || null;
   }
-  function l(u = e) {
-    const { componentInstance: b, designerItemElementRef: g } = u;
-    return !b || !b.value ? null : b.value.canMove ? g : l(u.parent);
+  function u(y = e) {
+    const { componentInstance: w, designerItemElementRef: z } = y;
+    return !w || !w.value ? null : w.value.canMove ? z : u(y.parent);
   }
-  function f(u) {
-    return !!n && n.canAccepts(u);
+  function b(y) {
+    return !!n && n.canAccepts(y);
   }
-  function m() {
+  function s() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function v() {
+  function a() {
   }
-  function w(u, b) {
-    b && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(b);
+  function f(y, w) {
+    w && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(w);
   }
-  function H(u) {
-    const { componentType: b } = u;
-    let g = D(b, u);
-    n && n.onResolveNewComponentSchema && (g = n.onResolveNewComponentSchema(u, g));
-    const M = b.toLowerCase().replace("-", "_");
-    return g && !g.id && g.type === b && (g.id = `${M}_${Math.random().toString().slice(2, 6)}`), g;
+  function h(y, w) {
+    const { componentType: z } = y;
+    let A = $(z, y, w);
+    n && n.onResolveNewComponentSchema && (A = n.onResolveNewComponentSchema(y, A));
+    const D = z.toLowerCase().replace("-", "_");
+    return A && !A.id && A.type === z && (A.id = `${D}_${Math.random().toString().slice(2, 6)}`), A;
   }
-  function C(u, b) {
-    const g = String(u.getAttribute("data-controltype")), M = u.getAttribute("data-feature"), V = M ? JSON.parse(M) : {};
-    V.parentComponentInstance = c.value;
-    let j = D(g, V);
-    n && n.onAcceptNewChildElement && (j = n.onAcceptNewChildElement(u, b, j));
-    const x = g.toLowerCase().replace("-", "_");
-    return j && !j.id && j.type === g && (j.id = `${x}_${Math.random().toString().slice(2, 6)}`), j;
+  function v(y, w) {
+    const z = String(y.getAttribute("data-controltype")), A = y.getAttribute("data-feature"), D = A ? JSON.parse(A) : {};
+    D.parentComponentInstance = c.value;
+    let E = $(z, D);
+    n && n.onAcceptNewChildElement && (E = n.onAcceptNewChildElement(y, w, E));
+    const I = z.toLowerCase().replace("-", "_");
+    return E && !E.id && E.type === z && (E.id = `${I}_${Math.random().toString().slice(2, 6)}`), E;
   }
-  function P(u) {
+  function g(y) {
   }
-  function S(...u) {
+  function C(...y) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...u);
+      return n.getPropsConfig(...y);
   }
   return c.value = {
-    canMove: d(),
-    canSelectParent: y(),
-    canDelete: r(),
-    canNested: !s(),
+    canMove: m(),
+    canSelectParent: j(),
+    canDelete: p(),
+    canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (E = e == null ? void 0 : e.parent) == null ? void 0 : E.componentInstance,
+    parent: (O = e == null ? void 0 : e.parent) == null ? void 0 : O.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: a,
-    designerClass: p,
-    canAccepts: f,
-    getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: l,
-    getDraggingDisplayText: m,
-    getPropConfig: S,
-    getDragScopeElement: v,
-    onAcceptMovedChildElement: w,
-    onAcceptNewChildElement: C,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: H,
-    updateDragAndDropRules: i,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
+    styles: r,
+    designerClass: d,
+    canAccepts: b,
+    getBelongedComponentInstance: l,
+    getDraggableDesignItemElement: u,
+    getDraggingDisplayText: s,
+    getPropConfig: C,
+    getDragScopeElement: a,
+    onAcceptMovedChildElement: f,
+    onAcceptNewChildElement: v,
+    onChildElementMovedOut: g,
+    addNewChildComponentSchema: h,
+    updateDragAndDropRules: o,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || P(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || P(!1)
   }, c;
 }
-function Fe(t, e) {
-  function n() {
+const Le = "https://json-schema.org/draft/2020-12/schema", Ve = "https://farris-design.gitee.io/dragging-rules.schema.json", We = "Dragging Rules", xe = "The rules of designer canvas", qe = "object", Xe = {
+  "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"
+  }
+}, Ye = {
+  $schema: Le,
+  $id: Ve,
+  title: We,
+  description: xe,
+  type: qe,
+  properties: Xe
+}, F = /* @__PURE__ */ new Map();
+function _e() {
+  function t(s, a, f, h) {
+    var v;
+    if (typeof f == "number")
+      return ((v = h[s]) == null ? void 0 : v.length) === f;
+    if (typeof f == "object") {
+      const g = Object.keys(f)[0], C = f[g];
+      if (g === "not")
+        return Number(h[s].length) !== Number(C);
+      if (g === "moreThan")
+        return Number(h[s].length) >= Number(C);
+      if (g === "lessThan")
+        return Number(h[s].length) <= Number(C);
+    }
+    return !1;
+  }
+  function e(s, a, f, h) {
+    return typeof f == "boolean" ? h.childrenClassList.includes(a) === !!f : !1;
+  }
+  function n(s, a, f, h) {
+    return typeof f == "boolean" ? h.parentClassList.includes(a) === !!f : !1;
+  }
+  function o(s, a, f, h) {
+    return typeof f == "boolean" ? h.parentClassList.includes(a) === !!f : !1;
+  }
+  const r = /* @__PURE__ */ new Map([
+    ["length", t],
+    ["hasChildren", e],
+    ["hasSibling", o],
+    ["hasParent", n]
+  ]);
+  function d(s, a) {
+    const f = s;
+    return typeof a == "number" ? [{ target: f, operator: "length", param: null, value: Number(a) }] : typeof a == "object" ? Object.keys(a).map((h) => {
+      if (h === "length")
+        return { target: f, operator: "length", param: null, value: a[h] };
+      const v = h, g = a[h];
+      return { target: f, operator: s === "children" ? "hasChildren" : s === "parent" ? "hasParent" : "hasSibling", param: v, value: g };
+    }) : [];
+  }
+  function c(s, a) {
+    if (r.has(s.operator)) {
+      const f = r.get(s.operator);
+      return f && f(s.target, s.param, s.value, a) || !1;
+    }
+    return !1;
+  }
+  function m(s, a) {
+    return Object.keys(s).reduce((g, C) => {
+      const O = d(C, s[C]);
+      return g.push(...O), g;
+    }, []).reduce((g, C) => g && c(C, a), !0);
+  }
+  function j(s, a) {
+    const f = Object.keys(s), h = f.includes("allOf"), v = f.includes("anyOf"), g = h || v, y = (g ? s[g ? h ? "allOf" : "anyOf" : "allOf"] : [s]).map((z) => m(z, a));
+    return h ? !y.includes(!1) : y.includes(!0);
+  }
+  function p(s, a) {
+    const f = s.const;
+    return f ? typeof f == "boolean" ? f : typeof f == "object" ? j(f, a) : !1 : !1;
+  }
+  function i(s) {
+    return (a) => {
+      const f = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      return s && s.properties && Object.keys(s.properties).reduce((h, v) => {
+        const g = s.properties[v];
+        return h[v] = p(g, a), h;
+      }, f), f;
+    };
+  }
+  function l(s, a, f) {
+    if (a.type === "object" && a.properties) {
+      const { rules: h, contents: v } = a.properties;
+      f.set(s, i(h)), v && Object.keys(v.properties).forEach(
+        (g) => l(g, v.properties[g], f)
+      );
+    }
+  }
+  function u() {
+    const { properties: s } = Ye;
+    Object.keys(s).forEach((a) => {
+      l(a, s[a], F);
+    });
+  }
+  function b(s, a) {
+    const f = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return F.has(s) ? F.get(s)(a) : f;
+  }
+  return u(), { getRuleValue: b };
+}
+function Je(t, e) {
+  const n = _e();
+  let o, r = !1;
+  function d() {
     return !1;
   }
-  return { canAccepts: n };
+  function c() {
+    return !r;
+  }
+  function m() {
+    return !r;
+  }
+  function j() {
+    r = !1;
+    const i = t, l = i.appearance && i.appearance.class || "", u = l.split(" "), b = i.contents || [], s = b.length ? b[0] : null, a = s && s.appearance ? s.appearance.class : "", f = a ? a.split(" ") : [], h = b.length ? b.reduce((y, w) => {
+      const z = w && w.appearance ? w.appearance.class : "", A = z ? z.split(" ") : [];
+      return y.push(...A), y;
+    }, []) : [], v = e, g = v && v.appearance && v.appearance.class || "", C = g ? g.split(" ") : [];
+    o = {
+      componentClass: l,
+      componentClassList: u,
+      childContents: b,
+      firstChildContent: s,
+      firstChildClass: a,
+      firstChildClassList: f,
+      parent: v,
+      parentClass: g,
+      parentClassList: C,
+      children: b,
+      childrenClassList: h
+    };
+    const { fixed: O } = n.getRuleValue(u[0], o);
+    return r = O, !0;
+  }
+  function p() {
+    return !0;
+  }
+  return { canAccepts: d, checkCanDeleteComponent: c, checkCanMoveComponent: m, resolveComponentContext: j, hideNestedPaddingInDesginerView: p };
 }
-const Le = /* @__PURE__ */ T({
+const Ge = /* @__PURE__ */ M({
   name: "FSplitterDesign",
-  props: F,
+  props: V,
   emits: [],
   setup(t, e) {
-    var l;
-    const n = h(), i = $("design-item-context"), a = Fe(i.schema, (l = i.parent) == null ? void 0 : l.schema), p = K(n, i, a);
-    p.value.canNested = !1;
+    var u;
+    const n = P(), o = R("design-item-context"), r = Je(o.schema, (u = o.parent) == null ? void 0 : u.schema), d = K(n, o, r);
+    d.value.canNested = !1;
     const c = U(n), {
-      horizontalResizeHandleStyle: d,
-      verticalResizeHandleStyle: y,
-      resizeOverlayStyle: r
+      horizontalResizeHandleStyle: m,
+      verticalResizeHandleStyle: j,
+      resizeOverlayStyle: p
     } = c;
     X("splitter", {
       useResizeHandleComposition: c
     });
-    const s = z(() => B({
+    const i = S(() => H({
       "f-splitter": !0
-    }, t == null ? void 0 : t.customClass)), o = z(() => {
-      const f = {
+    }, t == null ? void 0 : t.customClass)), l = S(() => {
+      const b = {
         "flex-direction": t.direction === "row" ? "column" : "row"
       };
-      return R(f, t == null ? void 0 : t.customStyle);
+      return B(b, t == null ? void 0 : t.customStyle);
     });
     return Y(() => {
-      n.value.componentInstance = p;
-    }), e.expose(p.value), () => O("div", {
-      class: s.value,
+      n.value.componentInstance = d;
+    }), e.expose(d.value), () => T("div", {
+      class: i.value,
       ref: n,
-      style: o.value
-    }, [e.slots.default && e.slots.default(), O("div", {
+      style: l.value
+    }, [e.slots.default && e.slots.default(), T("div", {
       class: "f-splitter-resize-overlay",
-      style: r.value
-    }, null), O("div", {
+      style: p.value
+    }, null), T("div", {
       class: "f-splitter-horizontal-resize-proxy",
-      style: d.value
-    }, null), O("div", {
+      style: m.value
+    }, null), T("div", {
       class: "f-splitter-vertical-resize-proxy",
-      style: y.value
+      style: j.value
     }, null)]);
   }
 });
-function Ve() {
+function Qe() {
   function t(e) {
-    var a, p;
+    var r, d;
     if (!e)
       return !1;
-    const n = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
+    const n = ((r = e.targetContainer) == null ? void 0 : r.componentInstance) && e.targetContainer.componentInstance.value;
     if (!n)
       return !1;
-    const i = (p = n.schema.appearance) == null ? void 0 : p.class;
+    const o = (d = n.schema.appearance) == null ? void 0 : d.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const c = n.schema.type, d = (c === "response-form" || c === "content-container") && i && i.includes("farris-form");
-      if (n.schema.type !== "response-layout-item" && !d)
+      const c = n.schema.type, m = (c === "response-form" || c === "content-container") && o && o.includes("farris-form");
+      if (n.schema.type !== "response-layout-item" && !m)
         return !1;
     }
     return e.controlType !== "field-set";
@@ -782,90 +1558,90 @@ function Ve() {
     basalDragulaRuleForContainer: t
   };
 }
-function We(t, e) {
-  function n(a) {
-    var y;
-    if (!Ve().basalDragulaRuleForContainer(a))
+function Ue(t, e) {
+  function n(r) {
+    var j;
+    if (!Qe().basalDragulaRuleForContainer(r))
       return !1;
-    if (((((y = t.appearance) == null ? void 0 : y.class) || "").split(" ") || []).includes("f-page-content-nav")) {
-      const r = t.contents && t.contents[0];
-      return !(r && r.type === "component");
+    if (((((j = t.appearance) == null ? void 0 : j.class) || "").split(" ") || []).includes("f-page-content-nav")) {
+      const p = t.contents && t.contents[0];
+      return !(p && p.type === "component");
     }
     return !0;
   }
-  function i(a, p, c) {
-    const d = t, r = (d.appearance && d.appearance.class || "").split(" ");
-    if (d.position === "main" && r.includes("f-page-content-main")) {
+  function o(r, d, c) {
+    const m = t, p = (m.appearance && m.appearance.class || "").split(" ");
+    if (m.position === "main" && p.includes("f-page-content-main")) {
       if (c.type === "tabs") {
-        const s = c.appearance && c.appearance.class ? String(c.appearance.class).split(" ") : [];
-        s.unshift("f-tabs-in-card"), c.appearance = { class: s.join(" ") };
-        const o = D("section");
-        o.id = `${c.id}-section`, o.appearance = { class: "f-section-tabs f-section-in-mainsubcard" }, o.contents = [c];
-        const l = D("content-container");
-        return l.id = `${c.id}-struct-wrapper`, l.appearance = { class: "f-struct-wrapper" }, l.contents = [o], l;
+        const i = c.appearance && c.appearance.class ? String(c.appearance.class).split(" ") : [];
+        i.unshift("f-tabs-in-card"), c.appearance = { class: i.join(" ") };
+        const l = $("section");
+        l.id = `${c.id}-section`, l.appearance = { class: "f-section-tabs f-section-in-mainsubcard" }, l.contents = [c];
+        const u = $("content-container");
+        return u.id = `${c.id}-struct-wrapper`, u.appearance = { class: "f-struct-wrapper" }, u.contents = [l], u;
       }
       if (c.type === "section") {
-        const s = c.appearance && c.appearance.class ? String(c.appearance.class).split(" ") : [];
-        s.unshift("f-section-in-main"), c.appearance = { class: s.join(" ") }, c.title = String(a.innerText);
-        const o = D("content-container");
-        return o.id = `${c.id}-struct-wrapper`, o.appearance = { class: "f-struct-wrapper" }, o.contents = [c], o;
+        const i = c.appearance && c.appearance.class ? String(c.appearance.class).split(" ") : [];
+        i.unshift("f-section-in-main"), c.appearance = { class: i.join(" ") }, c.title = String(r.innerText);
+        const l = $("content-container");
+        return l.id = `${c.id}-struct-wrapper`, l.appearance = { class: "f-struct-wrapper" }, l.contents = [c], l;
       }
     }
     return c;
   }
-  return { canAccepts: n, onAcceptNewChildElement: i };
+  return { canAccepts: n, onAcceptNewChildElement: o };
 }
-const qe = /* @__PURE__ */ T({
+const Ze = /* @__PURE__ */ M({
   name: "FSplitterPaneDesign",
-  props: L,
+  props: W,
   emits: [],
   setup(t, e) {
-    var m;
-    const n = h(), i = $("design-item-context"), a = We(i.schema, (m = i.parent) == null ? void 0 : m.schema), p = K(n, i, a);
-    p.value.styles = "padding:0;box-shadow:none;", p.value.canNested = !1, p.value.canMove = !1, p.value.canDelete = !1, Y(() => {
-      n.value.componentInstance = p;
-    }), e.expose(p.value);
-    const c = $("splitter"), {
-      useResizeHandleComposition: d
-    } = c, y = Z(t, d), {
-      actualHeight: r,
-      actualWidth: s
-    } = y, o = h(t.position), l = z(() => {
-      const v = {
+    var s;
+    const n = P(), o = R("design-item-context"), r = Ue(o.schema, (s = o.parent) == null ? void 0 : s.schema), d = K(n, o, r);
+    d.value.styles = "padding:0;box-shadow:none;", d.value.canNested = !1, d.value.canMove = !1, d.value.canDelete = !1, Y(() => {
+      n.value.componentInstance = d;
+    }), e.expose(d.value);
+    const c = R("splitter"), {
+      useResizeHandleComposition: m
+    } = c, j = Z(t, m), {
+      actualHeight: p,
+      actualWidth: i
+    } = j, l = P(t.position), u = S(() => {
+      const a = {
         "f-splitter-pane": !0,
-        "f-splitter-pane-column": o.value === "left" || o.value === "right",
-        "f-splitter-pane-row": o.value === "bottom" || o.value === "top",
-        "f-splitter-pane-main": o.value === "center",
+        "f-splitter-pane-column": l.value === "left" || l.value === "right",
+        "f-splitter-pane-row": l.value === "bottom" || l.value === "top",
+        "f-splitter-pane-main": l.value === "center",
         "f-component-splitter-pane": !0,
         "drag-container": !0
       };
-      return B(v, t == null ? void 0 : t.customClass);
-    }), f = z(() => {
-      const v = {};
-      return (s.value && o.value === "left" || o.value === "right") && (v.width = `${s.value}px`), (r.value && o.value === "bottom" || o.value === "top") && (v.height = `${r.value}px`), R(v, t == null ? void 0 : t.customStyle);
+      return H(a, t == null ? void 0 : t.customClass);
+    }), b = S(() => {
+      const a = {};
+      return (i.value && l.value === "left" || l.value === "right") && (a.width = `${i.value}px`), (p.value && l.value === "bottom" || l.value === "top") && (a.height = `${p.value}px`), B(a, t == null ? void 0 : t.customStyle);
     });
-    return () => O("div", {
+    return () => T("div", {
       ref: n,
-      "data-dragref": `${i.schema.id}-container`,
-      class: l.value,
-      style: f.value
+      "data-dragref": `${o.schema.id}-container`,
+      class: u.value,
+      style: b.value
     }, [e.slots.default && e.slots.default()]);
   }
-}), Je = {
+}), tt = {
   install(t) {
-    t.component(A.name, A), t.component(N.name, N);
+    t.component(N.name, N), t.component(k.name, k);
   },
-  register(t, e, n, i) {
-    t.splitter = A, e.splitter = W, t["splitter-pane"] = N, e["splitter-pane"] = q;
+  register(t, e, n, o) {
+    t.splitter = N, e.splitter = x, t["splitter-pane"] = k, e["splitter-pane"] = q;
   },
   registerDesigner(t, e, n) {
-    t.splitter = Le, e.splitter = W, t["splitter-pane"] = qe, e["splitter-pane"] = q;
+    t.splitter = Ge, e.splitter = x, t["splitter-pane"] = Ze, e["splitter-pane"] = q;
   }
 };
 export {
-  A as FSplitter,
-  N as FSplitterPane,
-  Je as default,
-  F as splitterProps,
-  W as splitterPropsResolver
+  N as FSplitter,
+  k as FSplitterPane,
+  tt as default,
+  V as splitterProps,
+  x as splitterPropsResolver
 };