@farris/ui-vue 1.3.0 → 1.3.3

package/components/splitter/index.esm.js

@@ -1,128 +1,172 @@
-import { ref as P, computed as S, defineComponent as M, provide as Y, createVNode as T, inject as R, onMounted as _ } from "vue";
-import { isPlainObject as x, cloneDeep as te } from "lodash-es";
+import { ref as g, computed as C, defineComponent as M, provide as W, createVNode as w, inject as k, onMounted as q } from "vue";
+import { isPlainObject as $, cloneDeep as I } from "lodash-es";
 import "bignumber.js";
-const J = {}, G = {};
-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]) : te(e[m].default)), c), {});
-  return (!r || !o.find((c) => c == "id")) && (d.id = `${n}-${Date.now()}`), d;
+const G = {}, X = {};
+function E(t) {
+  const { properties: e, title: n, ignore: a } = t, i = a && Array.isArray(a), s = Object.keys(e).reduce((o, f) => ((!i || !a.find((v) => v === f)) && (o[f] = e[f].type === "object" && e[f].properties ? E(e[f]) : I(e[f].default)), o), {});
+  if (n && (!i || !a.find((o) => o === "id"))) {
+    const o = n.toLowerCase().replace(/-/g, "_");
+    s.id = `${o}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return s;
 }
-function $(t, e = {}, n) {
-  const o = J[t];
-  if (o) {
-    let r = L(o);
-    const d = G[t];
-    return r = d ? d({ getSchemaByType: $ }, r, e, n) : r, r;
+function Y(t, e = {}, n) {
+  const a = G[t];
+  if (a) {
+    let i = E(a);
+    const s = X[t];
+    return i = s ? s({ getSchemaByType: Y }, i, e, n) : i, i;
   }
   return null;
 }
-function ne(t, e) {
-  const n = L(e);
-  return Object.keys(t).reduce((o, r) => (o[r] && x(o[r]) && x(t[r]) ? Object.assign(o[r], t[r]) : o[r] = t[r], o), n), n;
+function ee(t, e) {
+  const n = E(e);
+  return Object.keys(n).reduce((a, i) => (a[i] && $(a[i]) && $(t[i] || !t[i]) ? Object.assign(a[i], t[i] || {}) : a[i] = t[i], a), n), n;
 }
-function oe(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];
+function te(t, e) {
+  return Object.keys(t).filter((a) => t[a] != null).reduce((a, i) => {
+    if (e.has(i)) {
+      const s = e.get(i);
+      if (typeof s == "string")
+        a[s] = t[i];
       else {
-        const c = d(r, t[r], t);
-        Object.assign(o, c);
+        const o = s(i, t[i], t);
+        Object.assign(a, o);
       }
     } else
-      o[r] = t[r];
-    return o;
+      a[i] = t[i];
+    return a;
   }, {});
 }
-function se(t, e, n = /* @__PURE__ */ new Map()) {
-  const o = ne(t, e);
-  return oe(o, n);
+function ne(t, e, n = /* @__PURE__ */ new Map()) {
+  const a = ee(t, e);
+  return te(a, n);
 }
-function re(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);
+function ae(t = {}) {
+  function e(l, c, m, r) {
+    if (typeof m == "number")
+      return r[l].length === m;
+    if (typeof m == "object") {
+      const y = Object.keys(m)[0], d = m[y];
+      if (y === "not")
+        return Number(r[l].length) !== Number(d);
+      if (y === "moreThan")
+        return Number(r[l].length) >= Number(d);
+      if (y === "lessThan")
+        return Number(r[l].length) <= Number(d);
     }
     return !1;
   }
-  function n(p, i, l, u) {
-    return u[p] && u[p].propertyValue && String(u[p].propertyValue.value) === String(l);
+  function n(l, c, m, r) {
+    return r[l] && r[l].propertyValue && String(r[l].propertyValue.value) === String(m);
   }
-  const o = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  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 };
+  Object.keys(t).reduce((l, c) => (l.set(c, t[c]), l), a);
+  function i(l, c) {
+    const m = l;
+    return typeof c == "number" ? [{ target: m, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: m, operator: "getProperty", param: l, value: !!c }] : typeof c == "object" ? Object.keys(c).map((r) => {
+      if (r === "length")
+        return { target: m, operator: "length", param: null, value: c[r] };
+      const y = r, d = c[r];
+      return { target: m, operator: "getProperty", param: y, value: d };
     }) : [];
   }
-  function d(p) {
-    return Object.keys(p).reduce((l, u) => {
-      const b = r(u, p[u]);
-      return l.push(...b), l;
+  function s(l) {
+    return Object.keys(l).reduce((m, r) => {
+      const y = i(r, l[r]);
+      return m.push(...y), m;
     }, []);
   }
-  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;
+  function o(l, c) {
+    if (a.has(l.operator)) {
+      const m = a.get(l.operator);
+      return m && m(l.target, l.param, l.value, c) || !1;
     }
     return !1;
   }
-  function m(p, i) {
-    return d(p).reduce((b, s) => b && c(s, i), !0);
+  function f(l, c) {
+    return s(l).reduce((y, d) => y && o(d, c), !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);
+  function v(l, c) {
+    const m = Object.keys(l), r = m.includes("allOf"), y = m.includes("anyOf"), d = r || y, R = (d ? l[d ? r ? "allOf" : "anyOf" : "allOf"] : [l]).map((u) => f(u, c));
+    return r ? !R.includes(!1) : R.includes(!0);
   }
-  return { parseValueSchema: j };
+  return { parseValueSchema: v };
 }
-const ie = {}, ae = {};
-re();
-function Q(t, e, n = /* @__PURE__ */ new Map(), o = (c, m, j) => m, r = {}, d = (c) => c) {
-  return J[e.title] = e, G[e.title] = o, ie[e.title] = r, ae[e.title] = d, (c = {}) => {
-    const m = se(c, e, n), j = Object.keys(t).reduce((p, i) => (p[i] = t[i].default, p), {});
-    return Object.assign(j, m);
+const O = {
+  button: { type: "button", name: "按钮", icon: "Button" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
+  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
+  "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
+  textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
+  lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
+  "number-spinner": { type: "number-spinner", name: "数值", icon: "NumericBox" },
+  "date-picker": { type: "date-picker", name: "日期", icon: "DateBox" },
+  switch: { type: "switch", name: "开关", icon: "SwitchField" },
+  "radio-group": { type: "radio-group", name: "单选组", icon: "RadioGroup" },
+  "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
+  "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
+  "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
+  "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
+  "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
+  "data-grid-column": { type: "data-grid-column", name: "表格列" },
+  module: { type: "Module", name: "模块", icon: "Module" },
+  component: { type: "component", name: "组件", icon: "Component" },
+  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
+  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
+  "page-header": { type: "page-header", name: "页头", icon: "Header" },
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
+}, ie = {}, oe = {};
+ae();
+function _(t, e, n = /* @__PURE__ */ new Map(), a = (o, f, v, l) => f, i = {}, s = (o) => o) {
+  return G[e.title] = e, X[e.title] = a, ie[e.title] = i, oe[e.title] = s, (o = {}) => {
+    const f = ne(o, e, n), v = Object.keys(t).reduce((l, c) => (l[c] = t[c].default, l), {});
+    return Object.assign(v, f);
   };
 }
 function U(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ce = /* @__PURE__ */ new Map([
+const se = /* @__PURE__ */ new Map([
   ["appearance", U]
 ]);
-function le(t, e, n) {
-  const o = t.getSchemaByType("splitter-pane");
-  return o.appearance = {
+function re(t, e, n) {
+  const a = t.getSchemaByType("splitter-pane");
+  return a.appearance = {
     class: "f-col-w6 f-page-content-nav"
-  }, o.position = "left", e.contents.unshift(o), e;
+  }, a.position = "left", e.contents.unshift(a), e;
 }
-function pe(t, e, n) {
-  const o = t.getSchemaByType("splitter-pane");
-  return o.appearance = {
+function le(t, e, n) {
+  const a = t.getSchemaByType("splitter-pane");
+  return a.appearance = {
     class: "f-page-content-main"
-  }, o.position = "main", e.contents.push(o), e;
+  }, a.position = "main", e.contents.push(a), e;
 }
-function ue(t, e, n) {
-  const o = n.parentComponentInstance;
-  return String(o.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), le(t, e), pe(t, e), e;
+function ce(t, e, n) {
+  const a = n.parentComponentInstance;
+  return String(a.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), re(t, e), le(t, e), e;
 }
-const fe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/splitter.schema.json", ye = "splitter", be = "A Farris Container Component", me = "object", he = {
+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 = {
   id: {
     description: "The unique identifier for a splitter",
     type: "string"
@@ -153,20 +197,20 @@ const fe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
   direction: {
     description: "",
     type: "string",
-    default: "column",
+    default: "row",
     enum: [
       "column",
       "row"
     ]
   }
-}, ge = {
-  $schema: fe,
-  $id: de,
-  title: ye,
-  description: be,
-  type: me,
-  properties: he
-}, ve = "splitter", je = "A Farris Container Component", Ce = "object", Pe = {
+}, he = {
+  $schema: pe,
+  $id: ue,
+  title: fe,
+  description: me,
+  type: de,
+  properties: ye
+}, ve = "splitter", be = "A Farris Container Component", ge = "object", ze = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -208,136 +252,125 @@ const fe = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
         title: "style样式"
       }
     }
-  },
-  behavior: {
-    description: "",
-    title: "行为",
-    properties: {
-      visible: {
-        description: "运行时组件是否可见",
-        type: "boolean",
-        title: "是否可见"
-      }
-    }
   }
-}, we = {
+}, Ce = {
   title: ve,
-  description: je,
-  type: Ce,
-  categories: Pe
-}, V = {
+  description: be,
+  type: ge,
+  categories: ze
+}, F = {
   customStyle: { type: String, default: "" },
   customClass: { type: String, default: "" },
-  direction: { Type: String, default: "column" }
-}, q = Q(V, ge, ce, ue, we);
-function Z(t) {
-  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: `${r.value}px`
-  })), p = S(() => ({
-    display: c.value || d.value ? "block" : "none"
+  direction: { Type: String, default: "row" }
+}, N = _(F, he, se, ce, Ce);
+function Q(t) {
+  const e = g(-1), n = g(-1), a = g(0), i = g(0), s = g(!1), o = g(!1), f = C(() => ({
+    display: s.value ? "block" : "none",
+    left: `${a.value}px`
+  })), v = C(() => ({
+    display: o.value ? "block" : "none",
+    top: `${i.value}px`
+  })), l = C(() => ({
+    display: o.value || s.value ? "block" : "none"
   }));
-  function i(u) {
-    const b = t.value;
-    if (b) {
-      const { left: s } = b.getBoundingClientRect();
-      o.value = u.clientX - s;
+  function c(r) {
+    const y = t.value;
+    if (y) {
+      const { left: d } = y.getBoundingClientRect();
+      a.value = r.clientX - d;
     }
   }
-  function l(u) {
-    const b = t.value;
-    if (b) {
-      const { top: s } = b.getBoundingClientRect();
-      r.value = u.clientY - s;
+  function m(r) {
+    const y = t.value;
+    if (y) {
+      const { top: d } = y.getBoundingClientRect();
+      i.value = r.clientY - d;
     }
   }
   return {
-    horizontalResizeHandleStyle: m,
-    verticalResizeHandleStyle: j,
-    resizeOverlayStyle: p,
-    showHorizontalResizeHandle: d,
-    showVerticalResizeHandle: c,
+    horizontalResizeHandleStyle: f,
+    verticalResizeHandleStyle: v,
+    resizeOverlayStyle: l,
+    showHorizontalResizeHandle: s,
+    showVerticalResizeHandle: o,
     horizontalResizeBarPosition: e,
     verticalResizeBarPosition: n,
-    verticalResizeHandleOffset: r,
-    horizontalResizeHandleOffset: o,
-    draggingHorizontalResizeHandle: i,
-    draggingVerticalResizeHandle: l
+    verticalResizeHandleOffset: i,
+    horizontalResizeHandleOffset: a,
+    draggingHorizontalResizeHandle: c,
+    draggingVerticalResizeHandle: m
   };
 }
-const ze = ["moz", "ms", "webkit"];
-function Oe() {
+const Pe = ["moz", "ms", "webkit"];
+function we() {
   let t = 0;
   return (e) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), r = setTimeout(() => {
-      e(n + o);
-    }, o);
-    return t = n + o, r;
+    const n = (/* @__PURE__ */ new Date()).getTime(), a = Math.max(0, 16 - (n - t)), i = setTimeout(() => {
+      e(n + a);
+    }, a);
+    return t = n + a, i;
   };
 }
-function Ae() {
+function Re() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const t = ze.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return t ? window[`${t}RequestAnimationFrame`] : Oe();
-}
-Ae();
-function H(t, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, r) => (r && (o[r] = !0), o), t), t;
+  const t = Pe.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return t ? window[`${t}RequestAnimationFrame`] : we();
 }
+Re();
 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 ((e == null ? void 0 : e.split(" ")) || []).reduce((a, i) => (i && (a[i] = !0), a), t), t;
+}
+function L(t, e) {
+  return ((e == null ? void 0 : e.split(";")) || []).reduce((a, i) => {
+    if (i) {
+      const s = i.split(":");
+      a[s[0]] = s[1];
     }
-    return o;
+    return a;
   }, t), t;
 }
-const N = /* @__PURE__ */ M({
+const H = /* @__PURE__ */ M({
   name: "FSplitter",
-  props: V,
+  props: F,
   emits: [],
   setup(t, e) {
-    const n = P(), o = Z(n), {
-      horizontalResizeHandleStyle: r,
-      verticalResizeHandleStyle: d,
-      resizeOverlayStyle: c
-    } = o;
-    Y("splitter", {
-      useResizeHandleComposition: o
+    const n = g(), a = Q(n), {
+      horizontalResizeHandleStyle: i,
+      verticalResizeHandleStyle: s,
+      resizeOverlayStyle: o
+    } = a;
+    W("splitter", {
+      useResizeHandleComposition: a
     });
-    const m = S(() => H({
+    const f = C(() => B({
       "f-splitter": !0
-    }, t == null ? void 0 : t.customClass)), j = S(() => {
-      const p = {
-        "flex-direction": t.direction === "row" ? "column" : "row"
+    }, t == null ? void 0 : t.customClass)), v = C(() => {
+      const l = {
+        "flex-direction": t.direction === "row" ? "row" : "column"
       };
-      return B(p, t == null ? void 0 : t.customStyle);
+      return L(l, t == null ? void 0 : t.customStyle);
     });
-    return () => T("div", {
-      class: m.value,
+    return () => w("div", {
+      class: f.value,
       ref: n,
-      style: j.value
-    }, [e.slots.default && e.slots.default(), T("div", {
+      style: v.value
+    }, [e.slots.default && e.slots.default(), w("div", {
       class: "f-splitter-resize-overlay",
-      style: c.value
-    }, null), T("div", {
+      style: o.value
+    }, null), w("div", {
       class: "f-splitter-horizontal-resize-proxy",
-      style: r.value
-    }, null), T("div", {
+      style: i.value
+    }, null), w("div", {
       class: "f-splitter-vertical-resize-proxy",
-      style: d.value
+      style: s.value
     }, null)]);
   }
 }), Se = /* @__PURE__ */ new Map([
   ["appearance", U]
-]), Te = "https://json-schema.org/draft/2020-12/schema", Ee = "https://farris-design.gitee.io/splitter-pane.schema.json", $e = "splitter-pane", De = "A Farris Container Component", Re = "object", Me = {
+]), Te = "https://json-schema.org/draft/2020-12/schema", De = "https://farris-design.gitee.io/splitter-pane.schema.json", Oe = "splitter-pane", ke = "A Farris Container Component", Me = "object", Be = {
   id: {
     description: "The unique identifier for a splitter",
     type: "string"
@@ -403,24 +436,24 @@ const N = /* @__PURE__ */ M({
       "bottom"
     ]
   },
-  resizeable: {
+  resizable: {
     description: "",
     type: "boolean",
-    default: !0
+    default: !1
   },
   visible: {
     description: "",
     type: "number",
     default: !0
   }
-}, He = {
+}, Le = {
   $schema: Te,
-  $id: Ee,
-  title: $e,
-  description: De,
-  type: Re,
-  properties: Me
-}, Be = "splitter-pane", Ne = "A Farris Container Component", ke = "object", Fe = {
+  $id: De,
+  title: Oe,
+  description: ke,
+  type: Me,
+  properties: Be
+}, He = "splitter-pane", je = "A Farris Container Component", Ee = "object", Fe = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -436,8 +469,15 @@ const N = /* @__PURE__ */ M({
         title: "控件类型",
         type: "select",
         editor: {
-          type: "Splitter",
-          enum: []
+          type: "combo-list",
+          textField: "value",
+          valueField: "key",
+          data: [
+            {
+              key: "splitter-pane",
+              value: "分栏面板项"
+            }
+          ]
         }
       }
     }
@@ -464,12 +504,12 @@ const N = /* @__PURE__ */ M({
         title: "高度（px）",
         type: "number"
       },
-      "min-width": {
+      minWidth: {
         description: "面板最小宽度",
         title: "最小宽度（px）",
         type: "number"
       },
-      "min-height": {
+      minHeight: {
         description: "面板最小高度",
         title: "最小高度（px）",
         type: "number"
@@ -480,16 +520,13 @@ const N = /* @__PURE__ */ M({
     description: "",
     title: "行为",
     properties: {
-      visible: {
-        description: "运行时组件是否可见",
-        type: "boolean",
-        title: "是否可见"
-      },
       position: {
         description: "",
         title: "位置",
         editor: {
           type: "combo-list",
+          idField: "value",
+          valueField: "value",
           data: [
             {
               value: "left",
@@ -516,15 +553,14 @@ const N = /* @__PURE__ */ M({
       }
     }
   }
-}, Le = {
-  title: Be,
-  description: Ne,
-  type: ke,
+}, Ae = {
+  title: He,
+  description: je,
+  type: Ee,
   categories: Fe
-}, W = {
+}, A = {
   customClass: { type: String, defaut: "" },
   customStyle: { type: String, default: "" },
-  /** 记录原始定义宽度 */
   width: { type: Number },
   /** 记录原始定义高度 */
   height: { type: Number },
@@ -533,1115 +569,450 @@ const N = /* @__PURE__ */ M({
   /** 是否显示 */
   visible: { type: Boolean, default: !0 },
   /** True to allow the pane can be resized. */
-  resizable: { type: Boolean, default: !0 },
+  resizable: { type: Boolean, default: !1 },
+  /** 指定拖拽的方向，可以指定多个方向，e向东,n向北,s向南,w向西 
+   * 因为位置在右侧，不一定就是w方向可拖拽的
+  */
+  resizeHandle: { type: String, default: "" },
   /** True to allow the pane can be collapsed. */
   collapsable: { type: Boolean, default: !1 },
   /** 面板最小宽度 */
-  minWidth: { type: Number, default: 200 },
+  minWidth: { type: Number, default: 0 },
   /** 面板最小高度 */
-  minHeight: { type: Number, default: 200 }
-}, X = Q(
-  W,
-  He,
+  minHeight: { type: Number, default: 0 }
+}, V = _(
+  A,
+  Le,
   Se,
   void 0,
-  Le
+  Ae
 );
-function K(t, e) {
-  const n = P(t.width), o = P(t.height), {
-    horizontalResizeBarPosition: r,
-    horizontalResizeHandleOffset: d,
-    showHorizontalResizeHandle: c,
-    showVerticalResizeHandle: m,
-    verticalResizeBarPosition: j,
-    verticalResizeHandleOffset: p,
-    draggingHorizontalResizeHandle: i,
-    draggingVerticalResizeHandle: l
+function J(t, e) {
+  const n = g(t.width), a = g(t.height), {
+    horizontalResizeBarPosition: i,
+    horizontalResizeHandleOffset: s,
+    showHorizontalResizeHandle: o,
+    showVerticalResizeHandle: f,
+    verticalResizeBarPosition: v,
+    verticalResizeHandleOffset: l,
+    draggingHorizontalResizeHandle: c,
+    draggingVerticalResizeHandle: m
   } = e;
-  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;
+  let r = "", y, d;
+  function P(p) {
+    if ((r === "left" || r === "right") && d) {
+      const { left: u } = d.getBoundingClientRect(), { width: z } = y.getBoundingClientRect(), h = p.clientX - u, b = r === "left" ? (z || 0) + (h - i.value) : (z || 0) - (h - i.value);
+      n.value = t.minWidth > 0 ? Math.max(t.minWidth, b) : b;
     }
-    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;
+    if ((r === "top" || r === "bottom") && d) {
+      const { top: u } = d.getBoundingClientRect(), { height: z } = y.getBoundingClientRect(), h = p.clientY - u, b = r === "top" ? (z || 0) + (h - v.value) : (z || 0) - (h - v.value);
+      a.value = t.minHeight > 0 ? Math.max(t.minHeight, b) : b;
     }
-    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;
+    s.value = 0, l.value = 0, i.value = -1, v.value = -1, o.value = !1, f.value = !1, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", P), document.body.style.userSelect = "", r = "", y = null, d = null;
   }
-  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 T(p, u, z) {
+    if (r = u, y = z, o.value = !0, d = p.composedPath().find((b) => b.className.split(" ")[0] === "f-splitter"), d) {
+      const { left: b } = d.getBoundingClientRect();
+      s.value = p.clientX - b, i.value = p.clientX - b, document.addEventListener("mousemove", c), document.addEventListener("mouseup", P), 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";
+  function R(p, u, z) {
+    if (r = u, y = z, f.value = !0, d = p.composedPath().find((b) => b.className.split(" ")[0] === "f-splitter"), d) {
+      const { top: b } = d.getBoundingClientRect();
+      l.value = p.clientY - b, v.value = p.clientY - b, document.addEventListener("mousemove", m), document.addEventListener("mouseup", P), document.body.style.userSelect = "none";
     }
   }
   return {
     actualWidth: n,
-    actualHeight: o,
-    onClickSplitterHorizontalResizeBar: f,
-    onClickSplitterVerticalResizeBar: h
+    actualHeight: a,
+    onClickSplitterHorizontalResizeBar: T,
+    onClickSplitterVerticalResizeBar: R
   };
 }
-const k = /* @__PURE__ */ M({
+const j = /* @__PURE__ */ M({
   name: "FSplitterPane",
-  props: W,
+  props: A,
   emits: [],
   setup(t, e) {
-    const n = P(), o = R("splitter"), {
-      useResizeHandleComposition: r
-    } = o, d = K(t, r), {
-      actualHeight: c,
-      actualWidth: m,
-      onClickSplitterHorizontalResizeBar: j,
-      onClickSplitterVerticalResizeBar: p
-    } = d, i = P(t.position), l = S(() => {
-      const a = {
+    const n = g(), a = k("splitter"), {
+      useResizeHandleComposition: i
+    } = a, s = J(t, i), {
+      actualHeight: o,
+      actualWidth: f,
+      onClickSplitterHorizontalResizeBar: v,
+      onClickSplitterVerticalResizeBar: l
+    } = s, c = g(t.position), m = C(() => {
+      const p = {
         "f-splitter-pane": !0,
-        "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"
+        "f-splitter-pane-main": c.value === "center",
+        "has-resize-bar": t.resizable
       };
-      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(() => ({
+      return p["f-splitter-pane-" + c.value] = !0, B(p, t == null ? void 0 : t.customClass);
+    }), r = C(() => t.resizeHandle ? t.resizeHandle.split(",").filter((p) => ["e", "n", "s", "w"].find((u) => u === p)) : []), y = C(() => {
+      const p = {};
+      return (f.value && c.value === "left" || c.value === "right" || r.value.find((u) => u === "e") || r.value.find((u) => u === "w")) && (p.width = `${f.value}px`), (o.value && c.value === "bottom" || c.value === "top" || r.value.find((u) => u === "s") || r.value.find((u) => u === "n")) && (p.height = `${o.value}px`), L(p, t == null ? void 0 : t.customStyle);
+    }), d = C(() => ({
       "f-splitter-resize-bar": !0,
-      "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"
+      "f-splitter-resize-bar-e": c.value === "left",
+      "f-splitter-resize-bar-n": c.value === "bottom",
+      "f-splitter-resize-bar-s": c.value === "top",
+      "f-splitter-resize-bar-w": c.value === "right"
     }));
-    function s(a, f) {
-      (f === "left" || f === "right") && j(a, f, n.value), (f === "top" || f === "bottom") && p(a, f, n.value);
+    function P(p) {
+      return {
+        e: "left",
+        w: "right",
+        s: "top",
+        n: "bottom"
+      }[p] || p;
     }
-    return () => T("div", {
+    function T(p, u) {
+      u = P(u), ["left", "right"].find((z) => z === u) && v(p, u, n.value), ["top", "bottom"].find((z) => z === u) && l(p, u, n.value);
+    }
+    function R() {
+      return r.value.length > 0 ? r.value.map((p) => w("span", {
+        class: "f-splitter-resize-bar f-splitter-resize-bar-" + p,
+        onMousedown: (u) => T(u, p)
+      }, null)) : w("span", {
+        class: d.value,
+        onMousedown: (p) => T(p, c.value)
+      }, null);
+    }
+    return () => w("div", {
       ref: n,
-      class: l.value,
-      style: u.value
-    }, [e.slots.default && e.slots.default(), T("span", {
-      class: b.value,
-      onMousedown: (a) => s(a, i.value)
-    }, null)]);
+      class: m.value,
+      style: y.value
+    }, [e.slots.default && e.slots.default(), t.resizable && R()]);
   }
 });
-function I(t, e, n) {
-  var O;
+function Z(t, e, n) {
+  var z;
+  const a = n && n.getStyles && n.getStyles() || "", i = n && n.getDesignerClass && n.getDesignerClass() || "", s = g();
   function o() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  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 j() {
+  function f() {
     return !1;
   }
-  function p() {
+  function v() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function i() {
+  function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(y) {
-    if (!y || !y.value)
+  function c(h) {
+    if (!h || !h.value)
       return 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;
+    if (h.value.schema && h.value.schema.type === "component")
+      return h.value;
+    const b = g(h == null ? void 0 : h.value.parent), S = c(b);
+    return S || null;
   }
-  function u(y = e) {
-    const { componentInstance: w, designerItemElementRef: z } = y;
-    return !w || !w.value ? null : w.value.canMove ? z : u(y.parent);
+  function m(h = e) {
+    const { componentInstance: b, designerItemElementRef: S } = h;
+    return !b || !b.value ? null : b.value.canMove ? S : m(h.parent);
   }
-  function b(y) {
-    return !!n && n.canAccepts(y);
+  function r(h) {
+    return !!n && n.canAccepts(h);
   }
-  function s() {
+  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 a() {
-  }
-  function f(y, w) {
-    w && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(w);
+  function d() {
   }
-  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 P(h, b) {
+    b && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(b);
   }
-  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 ee = z.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === z && (E.id = `${ee}_${Math.random().toString().slice(2, 6)}`), E;
+  function T(h, b) {
+    const { componentType: S } = h;
+    let D = Y(S, h, b);
+    n && n.onResolveNewComponentSchema && (D = n.onResolveNewComponentSchema(h, D));
+    const K = S.toLowerCase().replace(/-/g, "_");
+    return D && !D.id && D.type === S && (D.id = `${K}_${Math.random().toString().slice(2, 6)}`), D;
   }
-  function g(y) {
+  function R(h) {
   }
-  function C(...y) {
+  function p(...h) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...y);
+      return n.getPropsConfig(...h);
+  }
+  function u() {
+    n && n.onRemoveComponent && n.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((h) => {
+      var D;
+      let b = h.id;
+      h.type === "component-ref" && (b = h.component);
+      const S = t.value.querySelector(`#${b}-design-item`);
+      (D = S == null ? void 0 : S.componentInstance) != null && D.value.onRemoveComponent && S.componentInstance.value.onRemoveComponent();
+    });
   }
-  return c.value = {
-    canMove: m(),
-    canSelectParent: j(),
-    canDelete: p(),
-    canNested: !i(),
+  return s.value = {
+    canMove: o(),
+    canSelectParent: f(),
+    canDelete: v(),
+    canNested: !l(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (O = e == null ? void 0 : e.parent) == null ? void 0 : O.componentInstance,
+    parent: (z = e == null ? void 0 : e.parent) == null ? void 0 : z.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    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;
+    styles: a,
+    designerClass: i,
+    canAccepts: r,
+    getBelongedComponentInstance: c,
+    getDraggableDesignItemElement: m,
+    getDraggingDisplayText: y,
+    getPropConfig: p,
+    getDragScopeElement: d,
+    onAcceptMovedChildElement: P,
+    onChildElementMovedOut: R,
+    addNewChildComponentSchema: T,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || g(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || g(!1),
+    onRemoveComponent: u
+  }, s;
 }
-const Ve = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/dragging-rules.schema.json", xe = "Dragging Rules", qe = "The rules of designer canvas", Xe = "object", Ye = {
-  "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"
+class x {
+  getTemplateRule(e, n) {
+    const a = n == null ? void 0 : n.formSchemaUtils, i = a == null ? void 0 : a.getFormTemplateRule(), s = { canAccept: !0, canDelete: !0, canMove: !0 };
+    if (!i)
+      return s;
+    const o = this.getComponentContext(e), { componentClassList: f } = o;
+    return f.forEach((v) => {
+      if (!v || !i[v])
+        return;
+      const { canMove: l, canDelete: c, canAccept: m } = i[v];
+      s.canMove = s.canMove && this.resolveRuleValue(l, o), s.canDelete = s.canDelete && this.resolveRuleValue(c, o), s.canAccept = s.canAccept && this.resolveRuleValue(m, o);
+    }), s;
+  }
+  resolveRuleValue(e, n) {
+    return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, n);
+  }
+  parseRuleValueSchema(e, n) {
+    const a = e.invalidContext || [];
+    let i = !0;
+    for (const s of a) {
+      if (s.firstLevelChild) {
+        if (s.firstLevelChild.class) {
+          const { firstLevelChildClassList: o } = n;
+          if (o && !o.includes(s.firstLevelChild.class)) {
+            i = !1;
+            continue;
           }
         }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
+        if (s.firstLevelChild.type) {
+          const { firstLevelChildSchema: o } = n;
+          if (!o || o.type !== s.firstLevelChild.type) {
+            i = !1;
+            continue;
           }
         }
       }
+      if (s.secondLevelChild) {
+        if (s.secondLevelChild.class) {
+          const { secondLevelChildClassList: o } = n;
+          if (o && !o.includes(s.secondLevelChild.class)) {
+            i = !1;
+            continue;
+          }
+        }
+        if (s.secondLevelChild.type) {
+          const { secondLevelChildSchema: o } = n;
+          if (!o || o.type !== s.secondLevelChild.type) {
+            i = !1;
+            continue;
+          }
+        }
+      }
+      if (s.parent) {
+        if (s.parent.class) {
+          const { parentClassList: o } = n;
+          if (o && !o.includes(s.parent.class)) {
+            i = !1;
+            continue;
+          }
+        }
+        if (s.parent.type) {
+          const { parentSchema: o } = n;
+          if (o && o.type !== s.parent.type) {
+            i = !1;
+            continue;
+          }
+        }
+      }
+      i = !0;
+      break;
     }
-  },
-  "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"
-  }
-}, _e = {
-  $schema: Ve,
-  $id: We,
-  title: xe,
-  description: qe,
-  type: Xe,
-  properties: Ye
-}, F = /* @__PURE__ */ new Map();
-function Je() {
-  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;
+    return !i;
+  }
+  getComponentContext(e) {
+    var P, T, R, p;
+    const n = e.schema, a = n.appearance && n.appearance.class || "", i = a.split(" ") || [], s = n.contents || [], o = s.length ? s[0] : null, f = o && o.appearance ? o.appearance.class : "", v = f ? f.split(" ") : [], l = (P = o == null ? void 0 : o.contents) != null && P.length ? o == null ? void 0 : o.contents[0] : null, c = l && l.appearance ? l.appearance.class : "", m = c ? c.split(" ") : [], r = n.type === "component" ? (R = (T = e.parent) == null ? void 0 : T.parent) == null ? void 0 : R.schema : (p = e.parent) == null ? void 0 : p.schema, y = r && r.appearance && r.appearance.class || "", d = y ? y.split(" ") : [];
+    return {
+      componentClass: a,
+      componentClassList: i,
+      childContents: s,
+      firstLevelChildSchema: o,
+      firstLevelChildClass: f,
+      firstLevelChildClassList: v,
+      secondLevelChildSchema: l,
+      secondLevelChildClass: c,
+      secondLevelChildClassList: m,
+      parentSchema: r,
+      parentClass: y,
+      parentClassList: d
     };
   }
-  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 } = _e;
-    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 Ge(t, e) {
-  const n = Je();
-  let o, r = !1;
-  function d() {
+function $e(t, e) {
+  const n = new x(), { canMove: a, canDelete: i } = n.getTemplateRule(t, e);
+  function s() {
     return !1;
   }
-  function c() {
-    return !r;
-  }
-  function m() {
-    return !r;
+  function o() {
+    return i;
   }
-  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 f() {
+    return a;
   }
-  function p() {
+  function v() {
     return !0;
   }
-  return { canAccepts: d, checkCanDeleteComponent: c, checkCanMoveComponent: m, resolveComponentContext: j, hideNestedPaddingInDesginerView: p };
+  return { canAccepts: s, checkCanDeleteComponent: o, checkCanMoveComponent: f, hideNestedPaddingInDesginerView: v };
 }
-const Qe = /* @__PURE__ */ M({
+const Ne = /* @__PURE__ */ M({
   name: "FSplitterDesign",
-  props: V,
+  props: F,
   emits: [],
   setup(t, e) {
-    var u;
-    const n = P(), o = R("design-item-context"), r = Ge(o.schema, (u = o.parent) == null ? void 0 : u.schema), d = I(n, o, r);
-    d.value.canNested = !1;
-    const c = Z(n), {
-      horizontalResizeHandleStyle: m,
-      verticalResizeHandleStyle: j,
-      resizeOverlayStyle: p
-    } = c;
-    Y("splitter", {
-      useResizeHandleComposition: c
+    const n = g(), a = k("designer-host-service"), i = k("design-item-context"), s = $e(i, a), o = Z(n, i, s);
+    o.value.canNested = !1;
+    const f = Q(n), {
+      horizontalResizeHandleStyle: v,
+      verticalResizeHandleStyle: l,
+      resizeOverlayStyle: c
+    } = f;
+    W("splitter", {
+      useResizeHandleComposition: f
     });
-    const i = S(() => H({
+    const m = C(() => B({
       "f-splitter": !0
-    }, t == null ? void 0 : t.customClass)), l = S(() => {
-      const b = {
-        "flex-direction": t.direction === "row" ? "column" : "row"
+    }, t == null ? void 0 : t.customClass)), r = C(() => {
+      const y = {
+        "flex-direction": t.direction === "row" ? "row" : "column"
       };
-      return B(b, t == null ? void 0 : t.customStyle);
+      return L(y, t == null ? void 0 : t.customStyle);
     });
-    return _(() => {
-      n.value.componentInstance = d;
-    }), e.expose(d.value), () => T("div", {
-      class: i.value,
+    return q(() => {
+      n.value.componentInstance = o;
+    }), e.expose(o.value), () => w("div", {
+      class: m.value,
       ref: n,
-      style: l.value
-    }, [e.slots.default && e.slots.default(), T("div", {
+      style: r.value
+    }, [e.slots.default && e.slots.default(), w("div", {
       class: "f-splitter-resize-overlay",
-      style: p.value
-    }, null), T("div", {
+      style: c.value
+    }, null), w("div", {
       class: "f-splitter-horizontal-resize-proxy",
-      style: m.value
-    }, null), T("div", {
+      style: v.value
+    }, null), w("div", {
       class: "f-splitter-vertical-resize-proxy",
-      style: j.value
+      style: l.value
     }, null)]);
   }
 });
-function Ue() {
-  function t(e) {
-    var r, d;
+function Ve() {
+  function t(e, n) {
+    var o;
     if (!e)
       return !1;
-    const n = ((r = e.targetContainer) == null ? void 0 : r.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 = (d = n.schema.appearance) == null ? void 0 : d.class;
-    if (e.controlCategory === "input" || e.controlType === "form-group") {
-      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";
+    const i = a.schema.type, s = n == null ? void 0 : n.formSchemaUtils.getComponentById(a.belongedComponentId);
+    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![O["response-layout-item"].type, O["response-form"].type].includes(i) || (e.componentType === O.tabs.type || e.componentType === O.section.type) && ((s == null ? void 0 : s.componentType) !== "frame" || ![O["content-container"].type, O["splitter-pane"].type, O["response-layout-item"].type].includes(i)));
   }
   return {
     basalDragulaRuleForContainer: t
   };
 }
-function Ze(t, e) {
-  function n(r) {
-    var j;
-    if (!Ue().basalDragulaRuleForContainer(r))
-      return !1;
-    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 We(t, e) {
+  const n = new x(), { canAccept: a } = n.getTemplateRule(t, e);
+  function i(f) {
+    return Ve().basalDragulaRuleForContainer(f, e) ? a : !1;
   }
-  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 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 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;
+  function s() {
+    return !1;
   }
-  return { canAccepts: n, onAcceptNewChildElement: o };
+  function o() {
+    return !1;
+  }
+  return {
+    canAccepts: i,
+    checkCanMoveComponent: s,
+    checkCanDeleteComponent: o
+  };
 }
-const Ke = /* @__PURE__ */ M({
+const qe = /* @__PURE__ */ M({
   name: "FSplitterPaneDesign",
-  props: W,
+  props: A,
   emits: [],
   setup(t, e) {
-    var s;
-    const n = P(), o = R("design-item-context"), r = Ze(o.schema, (s = o.parent) == null ? void 0 : s.schema), d = I(n, o, r);
-    d.value.styles = "padding:0;box-shadow:none;", d.value.canNested = !1, d.value.canMove = !1, d.value.canDelete = !1, _(() => {
-      n.value.componentInstance = d;
-    }), e.expose(d.value);
-    const c = R("splitter"), {
-      useResizeHandleComposition: m
-    } = c, j = K(t, m), {
-      actualHeight: p,
-      actualWidth: i
-    } = j, l = P(t.position), u = S(() => {
-      const a = {
+    const n = g(), a = k("designer-host-service"), i = k("design-item-context"), s = We(i, a), o = Z(n, i, s);
+    o.value.styles = "padding:0;box-shadow:none;", o.value.canNested = !1, o.value.canMove = !1, o.value.canDelete = !1, q(() => {
+      n.value.componentInstance = o;
+    }), e.expose(o.value);
+    const f = k("splitter"), {
+      useResizeHandleComposition: v
+    } = f, l = J(t, v), {
+      actualHeight: c,
+      actualWidth: m
+    } = l, r = g(t.position), y = C(() => {
+      const p = {
         "f-splitter-pane": !0,
-        "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-splitter-pane-main": r.value === "center",
+        "has-resize-bar": t.resizable,
         "f-component-splitter-pane": !0,
         "drag-container": !0
       };
-      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 () => T("div", {
+      return p["f-splitter-pane-" + r.value] = !0, B(p, t == null ? void 0 : t.customClass);
+    }), d = C(() => t.resizeHandle ? t.resizeHandle.split(",").filter((p) => ["e", "n", "s", "w"].find((u) => u === p)) : []), P = C(() => {
+      const p = {};
+      return (m.value && r.value === "left" || r.value === "right" || d.value.find((u) => u === "e") || d.value.find((u) => u === "w")) && (p.width = `${m.value}px`), (c.value && r.value === "bottom" || r.value === "top" || d.value.find((u) => u === "s") || d.value.find((u) => u === "n")) && (p.height = `${c.value}px`), L(p, t == null ? void 0 : t.customStyle);
+    }), T = C(() => ({
+      "f-splitter-resize-bar": !0,
+      "f-splitter-resize-bar-e": r.value === "left",
+      "f-splitter-resize-bar-n": r.value === "bottom",
+      "f-splitter-resize-bar-s": r.value === "top",
+      "f-splitter-resize-bar-w": r.value === "right"
+    }));
+    function R() {
+      return d.value.length > 0 ? d.value.map((p) => w("span", {
+        class: "f-splitter-resize-bar f-splitter-resize-bar-" + p
+      }, null)) : w("span", {
+        class: T.value
+      }, null);
+    }
+    return () => w("div", {
       ref: n,
-      "data-dragref": `${o.schema.id}-container`,
-      class: u.value,
-      style: b.value
-    }, [e.slots.default && e.slots.default()]);
+      "data-dragref": `${i.schema.id}-container`,
+      class: y.value,
+      style: P.value
+    }, [e.slots.default && e.slots.default(), t.resizable && R()]);
   }
-}), nt = {
+}), _e = {
   install(t) {
-    t.component(N.name, N), t.component(k.name, k);
+    t.component(H.name, H), t.component(j.name, j);
   },
-  register(t, e, n, o) {
-    t.splitter = N, e.splitter = q, t["splitter-pane"] = k, e["splitter-pane"] = X;
+  register(t, e, n, a) {
+    t.splitter = H, e.splitter = N, t["splitter-pane"] = j, e["splitter-pane"] = V;
   },
   registerDesigner(t, e, n) {
-    t.splitter = Qe, e.splitter = q, t["splitter-pane"] = Ke, e["splitter-pane"] = X;
+    t.splitter = Ne, e.splitter = N, t["splitter-pane"] = qe, e["splitter-pane"] = V;
   }
 };
 export {
-  N as FSplitter,
-  k as FSplitterPane,
-  nt as default,
-  V as splitterProps,
-  q as splitterPropsResolver
+  H as FSplitter,
+  j as FSplitterPane,
+  _e as default,
+  F as splitterProps,
+  N as splitterPropsResolver
 };