@farris/ui-vue 1.1.0 → 1.1.1

package/splitter/index.esm.js

@@ -1,842 +0,0 @@
-import { ref as h, computed as j, defineComponent as $, provide as F, createVNode as w, inject as B, onMounted as X } from "vue";
-import { cloneDeep as K } from "lodash-es";
-const Y = {}, _ = {};
-function N(n) {
-  const { properties: e, title: t } = n, s = Object.keys(e).reduce((c, p) => (c[p] = e[p].type === "object" && e[p].properties ? N(e[p]) : K(e[p].default), c), {});
-  return s.id = `${t}-${Date.now()}`, s;
-}
-function D(n, e = {}) {
-  const t = Y[n];
-  if (t) {
-    let s = N(t);
-    const c = _[n];
-    return s = c ? c({ getSchemaByType: D }, s, e) : s, s;
-  }
-  return null;
-}
-function x(n, e) {
-  const t = N(e);
-  return Object.keys(n).reduce((s, c) => (s[c] = n[c], s), t), t;
-}
-function I(n, e) {
-  return Object.keys(n).filter((s) => n[s] != null).reduce((s, c) => {
-    if (e.has(c)) {
-      const p = e.get(c);
-      if (typeof p == "string")
-        s[p] = n[c];
-      else {
-        const i = p(c, n[c], n);
-        Object.assign(s, i);
-      }
-    } else
-      s[c] = n[c];
-    return s;
-  }, {});
-}
-function ee(n, e, t = /* @__PURE__ */ new Map()) {
-  const s = x(n, e);
-  return I(s, t);
-}
-function te(n = {}) {
-  function e(l, r, a, o) {
-    if (typeof a == "number")
-      return o[l].length === a;
-    if (typeof a == "object") {
-      const d = Object.keys(a)[0], f = a[d];
-      if (d === "not")
-        return Number(o[l].length) !== Number(f);
-      if (d === "moreThan")
-        return Number(o[l].length) >= Number(f);
-      if (d === "lessThan")
-        return Number(o[l].length) <= Number(f);
-    }
-    return !1;
-  }
-  function t(l, r, a, o) {
-    return o[r] && o[r].propertyValue && String(o[r].propertyValue.value) === String(a);
-  }
-  const s = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
-  ]);
-  Object.keys(n).reduce((l, r) => (l.set(r, n[r]), l), s);
-  function c(l, r) {
-    const a = l;
-    return typeof r == "number" ? [{ target: a, operator: "length", param: null, value: Number(r) }] : typeof r == "boolean" ? [{ target: a, operator: "getProperty", param: l, value: !!r }] : typeof r == "object" ? Object.keys(r).map((o) => {
-      if (o === "length")
-        return { target: a, operator: "length", param: null, value: r[o] };
-      const d = o, f = r[o];
-      return { target: a, operator: l, param: d, value: f };
-    }) : [];
-  }
-  function p(l) {
-    return Object.keys(l).reduce((a, o) => {
-      const d = c(o, l[o]);
-      return a.push(...d), a;
-    }, []);
-  }
-  function i(l, r) {
-    if (s.has(l.operator)) {
-      const a = s.get(l.operator);
-      return a && a(l.target, l.param, l.value, r) || !1;
-    }
-    return !1;
-  }
-  function m(l, r) {
-    return p(l).reduce((d, f) => d && i(f, r), !0);
-  }
-  function v(l, r) {
-    const a = Object.keys(l), o = a.includes("allOf"), d = a.includes("anyOf"), f = o || d, O = (f ? l[f ? o ? "allOf" : "anyOf" : "allOf"] : [l]).map((P) => m(P, r));
-    return o ? !O.includes(!1) : O.includes(!0);
-  }
-  return { parseValueSchema: v };
-}
-const ne = {}, se = {};
-te();
-function q(n, e, t = /* @__PURE__ */ new Map(), s = (i, m, v) => m, c = {}, p = (i) => i) {
-  return Y[e.title] = e, _[e.title] = s, ne[e.title] = c, se[e.title] = p, (i = {}) => {
-    const m = ee(i, e, t), v = Object.keys(n).reduce((l, r) => (l[r] = n[r].default, l), {});
-    return Object.assign(v, m);
-  };
-}
-function J(n, e) {
-  return { customClass: e.class };
-}
-const re = /* @__PURE__ */ new Map([
-  ["appearance", J]
-]);
-function ae(n, e, t) {
-  const s = n.getSchemaByType("splitter-pane");
-  return s.appearance = {
-    class: "f-col-w6 f-page-content-nav"
-  }, s.position = "left", e.contents.unshift(s), e;
-}
-function ie(n, e, t) {
-  const s = n.getSchemaByType("splitter-pane");
-  return s.appearance = {
-    class: "f-page-content-main"
-  }, s.position = "main", e.contents.push(s), e;
-}
-function oe(n, e, t) {
-  const s = t.parentComponentInstance;
-  return String(s.schema.appearance.class || "").split(" ").includes("f-page-main") && (e.appearance = { class: "f-page-content" }), ae(n, e), ie(n, e), e;
-}
-const le = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/splitter.schema.json", pe = "splitter", ue = "A Farris Container Component", fe = "object", de = {
-  id: {
-    description: "The unique identifier for a splitter",
-    type: "string"
-  },
-  type: {
-    description: "The type string of splitter component",
-    type: "string",
-    default: "splitter"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  direction: {
-    description: "",
-    type: "string",
-    default: "column",
-    enum: [
-      "column",
-      "row"
-    ]
-  }
-}, me = {
-  $schema: le,
-  $id: ce,
-  title: pe,
-  description: ue,
-  type: fe,
-  properties: de
-}, ye = "splitter", ve = "A Farris Container Component", he = "object", ge = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "Splitter",
-          enum: []
-        }
-      }
-    }
-  },
-  appearance: {
-    title: "样式",
-    description: "Appearance",
-    properties: {
-      class: {
-        title: "class",
-        type: "string",
-        description: ""
-      },
-      style: {
-        title: "style",
-        type: "string",
-        description: ""
-      }
-    }
-  },
-  behavior: {
-    description: "",
-    title: "行为",
-    properties: {
-      visible: {
-        description: "运行时组件是否可见",
-        type: "boolean",
-        title: "是否可见",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, be = {
-  title: ye,
-  description: ve,
-  type: he,
-  categories: ge
-}, k = {
-  direction: { Type: String, default: "column" }
-}, V = q(k, me, re, oe, be);
-function G(n) {
-  const e = h(-1), t = h(-1), s = h(0), c = h(0), p = h(!1), i = h(!1), m = j(() => ({
-    display: p.value ? "block" : "none",
-    left: `${s.value}px`
-  })), v = j(() => ({
-    display: i.value ? "block" : "none",
-    top: `${c.value}px`
-  })), l = j(() => ({
-    display: i.value || p.value ? "block" : "none"
-  }));
-  function r(o) {
-    const d = n.value;
-    if (d) {
-      const { left: f } = d.getBoundingClientRect();
-      s.value = o.clientX - f;
-    }
-  }
-  function a(o) {
-    const d = n.value;
-    if (d) {
-      const { top: f } = d.getBoundingClientRect();
-      c.value = o.clientY - f;
-    }
-  }
-  return {
-    horizontalResizeHandleStyle: m,
-    verticalResizeHandleStyle: v,
-    resizeOverlayStyle: l,
-    showHorizontalResizeHandle: p,
-    showVerticalResizeHandle: i,
-    horizontalResizeBarPosition: e,
-    verticalResizeBarPosition: t,
-    verticalResizeHandleOffset: c,
-    horizontalResizeHandleOffset: s,
-    draggingHorizontalResizeHandle: r,
-    draggingVerticalResizeHandle: a
-  };
-}
-const R = /* @__PURE__ */ $({
-  name: "FSplitter",
-  props: k,
-  emits: [],
-  setup(n, e) {
-    const t = h(), s = G(t), {
-      horizontalResizeHandleStyle: c,
-      verticalResizeHandleStyle: p,
-      resizeOverlayStyle: i
-    } = s;
-    F("splitter", {
-      useResizeHandleComposition: s
-    });
-    const m = j(() => ({
-      "flex-direction": n.direction === "row" ? "column" : "row"
-    }));
-    return () => w("div", {
-      class: "f-splitter",
-      ref: t,
-      style: m.value
-    }, [e.slots.default && e.slots.default(), w("div", {
-      class: "f-splitter-resize-overlay",
-      style: i.value
-    }, null), w("div", {
-      class: "f-splitter-horizontal-resize-proxy",
-      style: c.value
-    }, null), w("div", {
-      class: "f-splitter-vertical-resize-proxy",
-      style: p.value
-    }, null)]);
-  }
-}), Ce = /* @__PURE__ */ new Map([
-  ["appearance", J]
-]), ze = "https://json-schema.org/draft/2020-12/schema", Pe = "https://farris-design.gitee.io/splitter-pane.schema.json", Se = "splitter-pane", we = "A Farris Container Component", Oe = "object", Ee = {
-  id: {
-    description: "The unique identifier for a splitter",
-    type: "string"
-  },
-  type: {
-    description: "The type string of splitter component",
-    type: "string",
-    default: "splitter-pane"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  collapsable: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  height: {
-    description: "",
-    type: "number"
-  },
-  position: {
-    description: "",
-    type: "string",
-    default: "left",
-    enum: [
-      "left",
-      "center",
-      "right",
-      "top",
-      "bottom"
-    ]
-  },
-  resizeable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  width: {
-    description: "",
-    type: "number"
-  },
-  visible: {
-    description: "",
-    type: "number",
-    default: !0
-  }
-}, je = {
-  $schema: ze,
-  $id: Pe,
-  title: Se,
-  description: we,
-  type: Oe,
-  properties: Ee
-}, He = "splitter-pane", De = "A Farris Container Component", Me = "object", Be = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "Splitter",
-          enum: []
-        }
-      },
-      width: {
-        description: "",
-        type: "number",
-        title: "宽度"
-      },
-      height: {
-        description: "",
-        type: "number",
-        title: "高度"
-      }
-    }
-  },
-  appearance: {
-    title: "样式",
-    description: "Appearance",
-    properties: {
-      class: {
-        title: "class",
-        type: "string",
-        description: ""
-      },
-      style: {
-        title: "style",
-        type: "string",
-        description: ""
-      }
-    }
-  },
-  behavior: {
-    description: "",
-    title: "行为",
-    properties: {
-      collapsable: {
-        description: "",
-        type: "boolean",
-        title: "允许收折"
-      },
-      position: {
-        description: "",
-        type: "enum",
-        title: "位置",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: "left",
-              name: "左侧"
-            },
-            {
-              value: "center",
-              name: "居中"
-            },
-            {
-              value: "right",
-              name: "右侧"
-            },
-            {
-              value: "top",
-              name: "顶部"
-            },
-            {
-              value: "bottom",
-              name: "底部"
-            }
-          ]
-        }
-      },
-      resizeable: {
-        description: "",
-        type: "boolean",
-        title: "允许调整尺寸"
-      },
-      visible: {
-        description: "运行时组件是否可见",
-        type: "boolean",
-        title: "是否可见",
-        editor: {
-          type: "combo-list",
-          data: [
-            {
-              value: !0,
-              name: "是"
-            },
-            {
-              value: !1,
-              name: "否"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, $e = {
-  title: He,
-  description: De,
-  type: Me,
-  categories: Be
-}, A = {
-  customClass: { type: String, defaut: "" },
-  /** 记录原始定义宽度 */
-  width: { type: Number },
-  /** 记录原始定义高度 */
-  height: { type: Number },
-  /** 面板位置 */
-  position: { type: String, default: "left" },
-  /** 是否显示 */
-  visible: { type: Boolean, default: !0 },
-  /** True to allow the pane can be resized. */
-  resizable: { type: Boolean, default: !0 },
-  /** True to allow the pane can be collapsed. */
-  collapsable: { type: Boolean, default: !1 },
-  /** 面板最小宽度 */
-  minWidth: { type: Number, default: 200 },
-  /** 面板最小高度 */
-  minHeight: { type: Number, default: 200 }
-}, W = q(
-  A,
-  je,
-  Ce,
-  void 0,
-  $e
-);
-function Q(n, e) {
-  const t = h(n.width), s = h(n.height), {
-    horizontalResizeBarPosition: c,
-    horizontalResizeHandleOffset: p,
-    showHorizontalResizeHandle: i,
-    showVerticalResizeHandle: m,
-    verticalResizeBarPosition: v,
-    verticalResizeHandleOffset: l,
-    draggingHorizontalResizeHandle: r,
-    draggingVerticalResizeHandle: a
-  } = e;
-  let o = "", d, f;
-  function y(z) {
-    if ((o === "left" || o === "right") && f) {
-      const { left: P } = f.getBoundingClientRect(), { width: S } = d.getBoundingClientRect(), E = z.clientX - P, u = o === "left" ? (S || 0) + (E - c.value) : (S || 0) - (E - c.value);
-      t.value = n.minWidth > 0 ? Math.max(n.minWidth, u) : u;
-    }
-    if ((o === "top" || o === "bottom") && f) {
-      const { top: P } = f.getBoundingClientRect(), { height: S } = d.getBoundingClientRect(), E = z.clientY - P, u = o === "top" ? (S || 0) + (E - v.value) : (S || 0) - (E - v.value);
-      s.value = n.minHeight > 0 ? Math.max(n.minHeight, u) : u;
-    }
-    p.value = 0, l.value = 0, c.value = -1, v.value = -1, i.value = !1, m.value = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", y), document.body.style.userSelect = "", o = "", d = null, f = null;
-  }
-  function g(z, P, S) {
-    if (o = P, d = S, i.value = !0, f = z.composedPath().find((u) => u.className.split(" ")[0] === "f-splitter"), f) {
-      const { left: u } = f.getBoundingClientRect();
-      p.value = z.clientX - u, c.value = z.clientX - u, document.addEventListener("mousemove", r), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
-    }
-  }
-  function O(z, P, S) {
-    if (o = P, d = S, m.value = !0, f = z.composedPath().find((u) => u.className.split(" ")[0] === "f-splitter"), f) {
-      const { top: u } = f.getBoundingClientRect();
-      l.value = z.clientY - u, v.value = z.clientY - u, document.addEventListener("mousemove", a), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
-    }
-  }
-  return {
-    actualWidth: t,
-    actualHeight: s,
-    onClickSplitterHorizontalResizeBar: g,
-    onClickSplitterVerticalResizeBar: O
-  };
-}
-const T = /* @__PURE__ */ $({
-  name: "FSplitterPane",
-  props: A,
-  emits: [],
-  setup(n, e) {
-    const t = h(), s = B("splitter"), {
-      useResizeHandleComposition: c
-    } = s, p = Q(n, c), {
-      actualHeight: i,
-      actualWidth: m,
-      onClickSplitterHorizontalResizeBar: v,
-      onClickSplitterVerticalResizeBar: l
-    } = p, r = h(n.position), a = j(() => {
-      const y = {
-        "f-splitter-pane": !0,
-        "f-splitter-pane-column": r.value === "left" || r.value === "right",
-        "f-splitter-pane-row": r.value === "bottom" || r.value === "top",
-        "f-splitter-pane-main": r.value === "center"
-      };
-      return n.customClass && String(n.customClass).split(" ").reduce((g, O) => (g[O] = !0, g), y), y;
-    }), o = j(() => {
-      const y = {};
-      return (m.value && r.value === "left" || r.value === "right") && (y.width = `${m.value}px`), (i.value && r.value === "bottom" || r.value === "top") && (y.height = `${i.value}px`), y;
-    }), d = j(() => ({
-      "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 f(y, g) {
-      (g === "left" || g === "right") && v(y, g, t.value), (g === "top" || g === "bottom") && l(y, g, t.value);
-    }
-    return () => w("div", {
-      ref: t,
-      class: a.value,
-      style: o.value
-    }, [e.slots.default && e.slots.default(), w("span", {
-      class: d.value,
-      onMousedown: (y) => f(y, r.value)
-    }, null)]);
-  }
-});
-function U(n, e, t) {
-  var E;
-  function s() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  s();
-  const c = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", i = h();
-  function m() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function v() {
-    return !1;
-  }
-  function l() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function r() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function a(u) {
-    if (!u || !u.value)
-      return null;
-    if (u.value.schema && u.value.schema.type === "component")
-      return u.value;
-    const C = h(u == null ? void 0 : u.value.parent), b = a(C);
-    return b || null;
-  }
-  function o(u = e) {
-    const { componentInstance: C, designerItemElementRef: b } = u;
-    return !C || !C.value ? null : C.value.canMove ? b : o(u.parent);
-  }
-  function d(u) {
-    return !!t && t.canAccepts(u);
-  }
-  function f() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function y() {
-  }
-  function g(u, C) {
-    C && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(C);
-  }
-  function O(u) {
-    const { componentType: C } = u;
-    let b = D(C, u);
-    t && t.onResolveNewComponentSchema && (b = t.onResolveNewComponentSchema(u, b));
-    const M = C.toLowerCase().replace("-", "_");
-    return b && !b.id && b.type === C && (b.id = `${M}_${Math.random().toString().slice(2, 6)}`), b;
-  }
-  function z(u, C) {
-    const b = String(u.getAttribute("data-controltype")), M = u.getAttribute("data-feature"), L = M ? JSON.parse(M) : {};
-    L.parentComponentInstance = i.value;
-    let H = D(b, L);
-    t && t.onAcceptNewChildElement && (H = t.onAcceptNewChildElement(u, C, H));
-    const Z = b.toLowerCase().replace("-", "_");
-    return H && !H.id && H.type === b && (H.id = `${Z}_${Math.random().toString().slice(2, 6)}`), H;
-  }
-  function P(u) {
-  }
-  function S() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
-  }
-  return i.value = {
-    canMove: m(),
-    canSelectParent: v(),
-    canDelete: l(),
-    canNested: !r(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (E = e == null ? void 0 : e.parent) == null ? void 0 : E.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: c,
-    designerClass: p,
-    canAccepts: d,
-    getBelongedComponentInstance: a,
-    getDraggableDesignItemElement: o,
-    getDraggingDisplayText: f,
-    getPropConfig: S,
-    getDragScopeElement: y,
-    onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: z,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: O,
-    updateDragAndDropRules: s,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
-  }, i;
-}
-function Re(n, e) {
-  function t() {
-    return !1;
-  }
-  return { canAccepts: t };
-}
-const Te = /* @__PURE__ */ $({
-  name: "FSplitterDesign",
-  props: k,
-  emits: [],
-  setup(n, e) {
-    var a;
-    const t = h(), s = B("design-item-context"), c = Re(s.schema, (a = s.parent) == null ? void 0 : a.schema), p = U(t, s, c);
-    p.value.canNested = !1;
-    const i = G(t), {
-      horizontalResizeHandleStyle: m,
-      verticalResizeHandleStyle: v,
-      resizeOverlayStyle: l
-    } = i;
-    F("splitter", {
-      useResizeHandleComposition: i
-    });
-    const r = j(() => ({
-      "flex-direction": n.direction === "row" ? "column" : "row"
-    }));
-    return X(() => {
-      t.value.componentInstance = p;
-    }), e.expose(p.value), () => w("div", {
-      class: "f-splitter",
-      ref: t,
-      style: r.value
-    }, [e.slots.default && e.slots.default(), w("div", {
-      class: "f-splitter-resize-overlay",
-      style: l.value
-    }, null), w("div", {
-      class: "f-splitter-horizontal-resize-proxy",
-      style: m.value
-    }, null), w("div", {
-      class: "f-splitter-vertical-resize-proxy",
-      style: v.value
-    }, null)]);
-  }
-});
-function Ne() {
-  function n(e) {
-    var c, p;
-    if (!e)
-      return !1;
-    const t = ((c = e.targetContainer) == null ? void 0 : c.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!t)
-      return !1;
-    const s = (p = t.schema.appearance) == null ? void 0 : p.class;
-    if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const i = t.schema.type, m = (i === "response-form" || i === "content-container") && s && s.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !m)
-        return !1;
-    }
-    return e.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: n
-  };
-}
-function ke(n, e) {
-  function t(c) {
-    var v;
-    if (!Ne().basalDragulaRuleForContainer(c))
-      return !1;
-    if (((((v = n.appearance) == null ? void 0 : v.class) || "").split(" ") || []).includes("f-page-content-nav")) {
-      const l = n.contents && n.contents[0];
-      return !(l && l.type === "component");
-    }
-    return !0;
-  }
-  function s(c, p, i) {
-    const m = n, l = (m.appearance && m.appearance.class || "").split(" ");
-    if (m.position === "main" && l.includes("f-page-content-main")) {
-      if (i.type === "tabs") {
-        const r = i.appearance && i.appearance.class ? String(i.appearance.class).split(" ") : [];
-        r.unshift("f-tabs-in-card"), i.appearance = { class: r.join(" ") };
-        const a = D("section");
-        a.id = `${i.id}-section`, a.appearance = { class: "f-section-tabs f-section-in-mainsubcard" }, a.contents = [i];
-        const o = D("content-container");
-        return o.id = `${i.id}-struct-wrapper`, o.appearance = { class: "f-struct-wrapper" }, o.contents = [a], o;
-      }
-      if (i.type === "section") {
-        const r = i.appearance && i.appearance.class ? String(i.appearance.class).split(" ") : [];
-        r.unshift("f-section-in-main"), i.appearance = { class: r.join(" ") }, i.title = String(c.innerText);
-        const a = D("content-container");
-        return a.id = `${i.id}-struct-wrapper`, a.appearance = { class: "f-struct-wrapper" }, a.contents = [i], a;
-      }
-    }
-    return i;
-  }
-  return { canAccepts: t, onAcceptNewChildElement: s };
-}
-const Ae = /* @__PURE__ */ $({
-  name: "FSplitterPaneDesign",
-  props: A,
-  emits: [],
-  setup(n, e) {
-    var f;
-    const t = h(), s = B("design-item-context"), c = ke(s.schema, (f = s.parent) == null ? void 0 : f.schema), p = U(t, s, c);
-    p.value.styles = "padding:0;box-shadow:none;", p.value.canNested = !1, p.value.canMove = !1, p.value.canDelete = !1, X(() => {
-      t.value.componentInstance = p;
-    }), e.expose(p.value);
-    const i = B("splitter"), {
-      useResizeHandleComposition: m
-    } = i, v = Q(n, m), {
-      actualHeight: l,
-      actualWidth: r
-    } = v, a = h(n.position), o = j(() => {
-      const y = {
-        "f-splitter-pane": !0,
-        "f-splitter-pane-column": a.value === "left" || a.value === "right",
-        "f-splitter-pane-row": a.value === "bottom" || a.value === "top",
-        "f-splitter-pane-main": a.value === "center",
-        "f-component-splitter-pane": !0,
-        "drag-container": !0
-      };
-      return n.customClass && String(n.customClass).split(" ").reduce((g, O) => (g[O] = !0, g), y), y;
-    }), d = j(() => {
-      const y = {};
-      return (r.value && a.value === "left" || a.value === "right") && (y.width = `${r.value}px`), (l.value && a.value === "bottom" || a.value === "top") && (y.height = `${l.value}px`), y;
-    });
-    return () => w("div", {
-      ref: t,
-      "data-dragref": `${s.schema.id}-container`,
-      class: o.value,
-      style: d.value
-    }, [e.slots.default && e.slots.default()]);
-  }
-}), We = {
-  install(n) {
-    n.component(R.name, R), n.component(T.name, T);
-  },
-  register(n, e, t) {
-    n.splitter = R, e.splitter = V, n["splitter-pane"] = T, e["splitter-pane"] = W;
-  },
-  registerDesigner(n, e, t) {
-    n.splitter = Te, e.splitter = V, n["splitter-pane"] = Ae, e["splitter-pane"] = W;
-  }
-};
-export {
-  R as Splitter,
-  We as default,
-  k as splitterProps,
-  V as splitterPropsResolver
-};