@farris/ui-vue 1.1.0 → 1.1.1

package/layout/index.esm.js

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