@farris/ui-vue 1.3.4 → 1.3.6

package/components/layout/index.esm.js

@@ -1,102 +1,116 @@
-import { ref as z, computed as M, defineComponent as E, provide as q, createVNode as S, watch as te, inject as D, onMounted as W } from "vue";
-import { isPlainObject as V, cloneDeep as ne } from "lodash-es";
+import { ref as z, computed as k, defineComponent as $, provide as V, createVNode as S, watch as ne, inject as D, onMounted as W } from "vue";
+import { isPlainObject as q, cloneDeep as _ } from "lodash-es";
 import "bignumber.js";
 const G = {}, Y = {};
 function L(t) {
-  const { properties: e, title: n, ignore: o } = t, r = o && Array.isArray(o), l = Object.keys(e).reduce((u, v) => ((!r || !o.find((P) => P === v)) && (u[v] = e[v].type === "object" && e[v].properties ? L(e[v]) : ne(e[v].default)), u), {});
-  if (n && (!r || !o.find((u) => u === "id"))) {
-    const u = n.toLowerCase().replace(/-/g, "_");
-    l.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+  const { properties: e, title: n, ignore: o } = t, i = o && Array.isArray(o), l = Object.keys(e).reduce((s, v) => ((!i || !o.find((P) => P === v)) && (s[v] = e[v].type === "object" && e[v].properties ? L(e[v]) : _(e[v].default)), s), {});
+  if (n && (!i || !o.find((s) => s === "id"))) {
+    const s = n.toLowerCase().replace(/-/g, "_");
+    l.id = `${s}_${Math.random().toString().slice(2, 6)}`;
   }
   return l;
 }
+function oe(t) {
+  const { properties: e, title: n, required: o } = t;
+  if (o && Array.isArray(o)) {
+    const i = o.reduce((l, s) => (l[s] = e[s].type === "object" && e[s].properties ? L(e[s]) : _(e[s].default), l), {});
+    if (n && o.find((l) => l === "id")) {
+      const l = n.toLowerCase().replace(/-/g, "_");
+      i.id = `${l}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return i;
+  }
+  return {
+    type: n
+  };
+}
 function X(t, e = {}, n) {
   const o = G[t];
   if (o) {
-    let r = L(o);
+    let i = oe(o);
     const l = Y[t];
-    return r = l ? l({ getSchemaByType: X }, r, e, n) : r, r;
+    return i = l ? l({ getSchemaByType: X }, i, e, n) : i, i;
   }
   return null;
 }
-function oe(t, e) {
+function ae(t, e) {
   const n = L(e);
-  return Object.keys(n).reduce((o, r) => (o[r] && V(o[r]) && V(t[r] || !t[r]) ? Object.assign(o[r], t[r] || {}) : o[r] = t[r], o), n), n;
+  return Object.keys(n).reduce((o, i) => (Object.prototype.hasOwnProperty.call(t, i) && (o[i] && q(o[i]) && q(t[i] || !t[i]) ? Object.assign(o[i], t[i] || {}) : o[i] = t[i]), o), n), n;
 }
-function ae(t, e) {
-  return Object.keys(t).filter((o) => t[o] != null).reduce((o, r) => {
-    if (e.has(r)) {
-      const l = e.get(r);
+function ie(t, e) {
+  return Object.keys(t).filter((o) => t[o] != null).reduce((o, i) => {
+    if (e.has(i)) {
+      const l = e.get(i);
       if (typeof l == "string")
-        o[l] = t[r];
+        o[l] = t[i];
       else {
-        const u = l(r, t[r], t);
-        Object.assign(o, u);
+        const s = l(i, t[i], t);
+        Object.assign(o, s);
       }
     } else
-      o[r] = t[r];
+      o[i] = t[i];
     return o;
   }, {});
 }
-function ie(t, e, n = /* @__PURE__ */ new Map()) {
-  const o = oe(t, e);
-  return ae(o, n);
+function re(t, e, n = /* @__PURE__ */ new Map()) {
+  const o = ae(t, e);
+  return ie(o, n);
 }
-function re(t = {}) {
-  function e(i, f, c, b) {
-    if (typeof c == "number")
-      return b[i].length === c;
-    if (typeof c == "object") {
-      const C = Object.keys(c)[0], O = c[C];
+function le(t = {}) {
+  function e(r, f, u, b) {
+    if (typeof u == "number")
+      return b[r].length === u;
+    if (typeof u == "object") {
+      const C = Object.keys(u)[0], O = u[C];
       if (C === "not")
-        return Number(b[i].length) !== Number(O);
+        return Number(b[r].length) !== Number(O);
       if (C === "moreThan")
-        return Number(b[i].length) >= Number(O);
+        return Number(b[r].length) >= Number(O);
       if (C === "lessThan")
-        return Number(b[i].length) <= Number(O);
+        return Number(b[r].length) <= Number(O);
     }
     return !1;
   }
-  function n(i, f, c, b) {
-    return b[i] && b[i].propertyValue && String(b[i].propertyValue.value) === String(c);
+  function n(r, f, u, b) {
+    return b[r] && b[r].propertyValue && String(b[r].propertyValue.value) === String(u);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(t).reduce((i, f) => (i.set(f, t[f]), i), o);
-  function r(i, f) {
-    const c = i;
-    return typeof f == "number" ? [{ target: c, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: c, operator: "getProperty", param: i, value: !!f }] : typeof f == "object" ? Object.keys(f).map((b) => {
+  Object.keys(t).reduce((r, f) => (r.set(f, t[f]), r), o);
+  function i(r, f) {
+    const u = r;
+    return typeof f == "number" ? [{ target: u, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: u, operator: "getProperty", param: r, value: !!f }] : typeof f == "object" ? Object.keys(f).map((b) => {
       if (b === "length")
-        return { target: c, operator: "length", param: null, value: f[b] };
+        return { target: u, operator: "length", param: null, value: f[b] };
       const C = b, O = f[b];
-      return { target: c, operator: "getProperty", param: C, value: O };
+      return { target: u, operator: "getProperty", param: C, value: O };
     }) : [];
   }
-  function l(i) {
-    return Object.keys(i).reduce((c, b) => {
-      const C = r(b, i[b]);
-      return c.push(...C), c;
+  function l(r) {
+    return Object.keys(r).reduce((u, b) => {
+      const C = i(b, r[b]);
+      return u.push(...C), u;
     }, []);
   }
-  function u(i, f) {
-    if (o.has(i.operator)) {
-      const c = o.get(i.operator);
-      return c && c(i.target, i.param, i.value, f) || !1;
+  function s(r, f) {
+    if (o.has(r.operator)) {
+      const u = o.get(r.operator);
+      return u && u(r.target, r.param, r.value, f) || !1;
     }
     return !1;
   }
-  function v(i, f) {
-    return l(i).reduce((C, O) => C && u(O, f), !0);
+  function v(r, f) {
+    return l(r).reduce((C, O) => C && s(O, f), !0);
   }
-  function P(i, f) {
-    const c = Object.keys(i), b = c.includes("allOf"), C = c.includes("anyOf"), O = b || C, p = (O ? i[O ? b ? "allOf" : "anyOf" : "allOf"] : [i]).map((d) => v(d, f));
+  function P(r, f) {
+    const u = Object.keys(r), b = u.includes("allOf"), C = u.includes("anyOf"), O = b || C, p = (O ? r[O ? b ? "allOf" : "anyOf" : "allOf"] : [r]).map((d) => v(d, f));
     return b ? !p.includes(!1) : p.includes(!0);
   }
   return { parseValueSchema: P };
 }
-const H = {
+const j = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -136,24 +150,24 @@ const H = {
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
-}, le = {}, se = {};
-re();
-function _(t, e, n = /* @__PURE__ */ new Map(), o = (u, v, P, i) => v, r = {}, l = (u) => u) {
-  return G[e.title] = e, Y[e.title] = o, le[e.title] = r, se[e.title] = l, (u = {}) => {
-    const v = ie(u, e, n), P = Object.keys(t).reduce((i, f) => (i[f] = t[f].default, i), {});
+}, se = {}, ce = {};
+le();
+function U(t, e, n = /* @__PURE__ */ new Map(), o = (s, v, P, r) => v, i = {}, l = (s) => s) {
+  return G[e.title] = e, Y[e.title] = o, se[e.title] = i, ce[e.title] = l, (s = {}) => {
+    const v = re(s, e, n), P = Object.keys(t).reduce((r, f) => (r[f] = t[f].default, r), {});
     return Object.assign(P, v);
   };
 }
-function ce(t, e) {
+function ue(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const U = /* @__PURE__ */ new Map([
-  ["appearance", ce]
+const Q = /* @__PURE__ */ new Map([
+  ["appearance", ue]
 ]);
-function Q(t, e, n) {
+function J(t, e, n) {
   return e;
 }
-const ue = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-design.gitee.io/layout.schema.json", fe = "layout", ye = "A Farris Container Component", me = "object", de = {
+const pe = "https://json-schema.org/draft/2020-12/schema", fe = "https://farris-design.gitee.io/layout.schema.json", ye = "layout", me = "A Farris Container Component", de = "object", he = {
   id: {
     description: "The unique identifier for layout component",
     type: "string"
@@ -196,19 +210,19 @@ const ue = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-
     type: "boolean",
     default: !0
   }
-}, he = [
+}, ve = [
   "id",
   "type",
   "contents"
-], ve = {
-  $schema: ue,
-  $id: pe,
-  title: fe,
-  description: ye,
-  type: me,
-  properties: de,
-  required: he
-}, be = "layout", ge = "A Farris Component", ze = "object", Pe = {
+], be = {
+  $schema: pe,
+  $id: fe,
+  title: ye,
+  description: me,
+  type: de,
+  properties: he,
+  required: ve
+}, ge = "layout", ze = "A Farris Component", Pe = "object", we = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -243,41 +257,41 @@ const ue = "https://json-schema.org/draft/2020-12/schema", pe = "https://farris-
       }
     }
   }
-}, we = {
-  title: be,
-  description: ge,
-  type: ze,
-  categories: Pe
+}, Ce = {
+  title: ge,
+  description: ze,
+  type: Pe,
+  categories: we
 }, F = {
   customStyle: { type: String, defaut: "" },
   customClass: { type: String, defaut: "" }
-}, J = _(F, ve, U, Q, we);
-function Z(t) {
-  const e = z(-1), n = z(-1), o = z(0), r = z(0), l = z(!1), u = z(!1), v = M(() => ({
+}, Z = U(F, be, Q, J, Ce);
+function x(t) {
+  const e = z(-1), n = z(-1), o = z(0), i = z(0), l = z(!1), s = z(!1), v = k(() => ({
     display: l.value ? "block" : "none",
     left: `${o.value}px`,
     cursor: "e-resize"
-  })), P = M(() => ({
-    display: u.value ? "block" : "none",
-    top: `${r.value}px`,
+  })), P = k(() => ({
+    display: s.value ? "block" : "none",
+    top: `${i.value}px`,
     cursor: "n-resize"
-  })), i = M(() => ({
-    display: u.value || l.value ? "block" : "none"
+  })), r = k(() => ({
+    display: s.value || l.value ? "block" : "none"
   }));
   function f(h, p, m, d) {
     const R = t.value;
     if (R) {
-      const { left: a, right: s, width: g } = R.getBoundingClientRect();
+      const { left: a, right: c, width: g } = R.getBoundingClientRect();
       let y = h.clientX - a;
-      d === "right" && (y = s - h.clientX), y > p && (y = p), y < m && (y = m), d === "right" && (y = g - y), o.value = y;
+      d === "right" && (y = c - h.clientX), y > p && (y = p), y < m && (y = m), d === "right" && (y = g - y), o.value = y;
     }
   }
-  function c(h, p, m, d) {
+  function u(h, p, m, d) {
     const R = t.value;
     if (R) {
-      const { top: a, bottom: s, height: g } = R.getBoundingClientRect();
+      const { top: a, bottom: c, height: g } = R.getBoundingClientRect();
       let y = h.clientY - a;
-      d === "bottom" && (y = s - h.clientY), y > p && (y = p), y < m && (y = m), d === "bottom" && (y = g - y), r.value = y;
+      d === "bottom" && (y = c - h.clientY), y > p && (y = p), y < m && (y = m), d === "bottom" && (y = g - y), i.value = y;
     }
   }
   function b() {
@@ -318,82 +332,82 @@ function Z(t) {
   return {
     horizontalResizeHandleStyle: v,
     verticalResizeHandleStyle: P,
-    resizeOverlayStyle: i,
+    resizeOverlayStyle: r,
     showHorizontalResizeHandle: l,
-    showVerticalResizeHandle: u,
+    showVerticalResizeHandle: s,
     horizontalResizeBarPosition: e,
     verticalResizeBarPosition: n,
-    verticalResizeHandleOffset: r,
+    verticalResizeHandleOffset: i,
     horizontalResizeHandleOffset: o,
     draggingHorizontalResizeHandle: f,
-    draggingVerticalResizeHandle: c,
+    draggingVerticalResizeHandle: u,
     getPanelMaxHeight: w,
     getPanelMaxWidth: O
   };
 }
-const Ce = ["moz", "ms", "webkit"];
-function Be() {
+const Be = ["moz", "ms", "webkit"];
+function Re() {
   let t = 0;
   return (e) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), r = setTimeout(() => {
+    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - t)), i = setTimeout(() => {
       e(n + o);
     }, o);
-    return t = n + o, r;
+    return t = n + o, i;
   };
 }
-function Re() {
+function Oe() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const t = Ce.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return t ? window[`${t}RequestAnimationFrame`] : Be();
-}
-Re();
-function Oe(t, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, r) => (r && (o[r] = !0), o), t), t;
+  const t = Be.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return t ? window[`${t}RequestAnimationFrame`] : Re();
 }
+Oe();
 function Se(t, e) {
-  return ((e == null ? void 0 : e.split(";")) || []).reduce((o, r) => {
-    if (r) {
-      const l = r.split(":");
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((o, i) => (i && (o[i] = !0), o), t), t;
+}
+function Me(t, e) {
+  return ((e == null ? void 0 : e.split(";")) || []).reduce((o, i) => {
+    if (i) {
+      const l = i.split(":");
       o[l[0]] = l[1];
     }
     return o;
   }, t), t;
 }
-const j = /* @__PURE__ */ E({
+const H = /* @__PURE__ */ $({
   name: "FLayout",
   props: F,
   emits: [],
   setup(t, e) {
-    const n = z(), o = Z(n), {
-      horizontalResizeHandleStyle: r,
+    const n = z(), o = x(n), {
+      horizontalResizeHandleStyle: i,
       verticalResizeHandleStyle: l,
-      resizeOverlayStyle: u
+      resizeOverlayStyle: s
     } = o;
-    q("layout", {
+    V("layout", {
       useResizeHandleComposition: o
     });
-    const v = M(() => Oe({
+    const v = k(() => Se({
       "f-layout": !0
-    }, t == null ? void 0 : t.customClass)), P = M(() => Se({}, t == null ? void 0 : t.customStyle));
+    }, t == null ? void 0 : t.customClass)), P = k(() => Me({}, t == null ? void 0 : t.customStyle));
     return () => S("div", {
       class: v.value,
       style: P.value,
       ref: n
     }, [e.slots.default && e.slots.default(), S("div", {
       class: "f-layout-resize-overlay",
-      style: u.value
+      style: s.value
     }, null), S("div", {
       class: "f-layout-horizontal-resize-proxy",
-      style: r.value
+      style: i.value
     }, null), S("div", {
       class: "f-layout-vertical-resize-proxy",
       style: l.value
     }, null)]);
   }
-}), ke = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/layout-pane.schema.json", Te = "layout-pane", He = "A Farris Container Component", je = "object", De = {
+}), ke = "https://json-schema.org/draft/2020-12/schema", Te = "https://farris-design.gitee.io/layout-pane.schema.json", je = "layout-pane", He = "A Farris Container Component", De = "object", $e = {
   id: {
     description: "The unique identifier for a layout pane",
     type: "string"
@@ -456,14 +470,19 @@ const j = /* @__PURE__ */ E({
     type: "number",
     default: !0
   }
-}, Ee = {
+}, Ae = [
+  "id",
+  "type",
+  "contents"
+], Ee = {
   $schema: ke,
-  $id: Me,
-  title: Te,
+  $id: Te,
+  title: je,
   description: He,
-  type: je,
-  properties: De
-}, $e = "layout-pane", Ae = "A Farris Container Component", Le = "object", Fe = {
+  type: De,
+  properties: $e,
+  required: Ae
+}, Le = "layout-pane", Fe = "A Farris Container Component", Ne = "object", qe = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -558,11 +577,11 @@ const j = /* @__PURE__ */ E({
       }
     }
   }
-}, Ne = {
-  title: $e,
-  description: Ae,
-  type: Le,
-  categories: Fe
+}, Ve = {
+  title: Le,
+  description: Fe,
+  type: Ne,
+  categories: qe
 }, N = {
   customClass: { type: String, defaut: "" },
   customStyle: { type: String, defaut: "" },
@@ -582,112 +601,112 @@ const j = /* @__PURE__ */ E({
   minWidth: { type: Number, default: 100 },
   /** 面板最小高度 */
   minHeight: { type: Number, default: 100 }
-}, x = _(N, Ee, U, Q, Ne);
-function K(t, e, n, o, r) {
+}, K = U(N, Ee, Q, J, Ve);
+function I(t, e, n, o, i) {
   const {
     horizontalResizeBarPosition: l,
-    horizontalResizeHandleOffset: u,
+    horizontalResizeHandleOffset: s,
     showHorizontalResizeHandle: v,
     showVerticalResizeHandle: P,
-    verticalResizeBarPosition: i,
+    verticalResizeBarPosition: r,
     verticalResizeHandleOffset: f,
-    draggingHorizontalResizeHandle: c,
+    draggingHorizontalResizeHandle: u,
     draggingVerticalResizeHandle: b,
     getPanelMaxHeight: C,
     getPanelMaxWidth: O
-  } = r;
+  } = i;
   let w = "", h, p, m;
-  function d(s) {
+  function d(c) {
     if ((w === "left" || w === "right") && p) {
-      const { left: g } = p.getBoundingClientRect(), { width: y } = h.getBoundingClientRect(), T = s.clientX - g;
+      const { left: g } = p.getBoundingClientRect(), { width: y } = h.getBoundingClientRect(), T = c.clientX - g;
       let B = w === "left" ? (y || 0) + (T - l.value) : (y || 0) - (T - l.value);
       B = n.value > 0 ? Math.max(n.value, B) : B;
-      const k = O(w, n.value);
-      k != null && (B = k > B ? B : k), t.value = B;
+      const M = O(w, n.value);
+      M != null && (B = M > B ? B : M), t.value = B;
     }
     if ((w === "top" || w === "bottom") && p) {
-      const { top: g } = p.getBoundingClientRect(), { height: y } = h.getBoundingClientRect(), T = s.clientY - g;
-      let B = w === "top" ? (y || 0) + (T - i.value) : (y || 0) - (T - i.value);
+      const { top: g } = p.getBoundingClientRect(), { height: y } = h.getBoundingClientRect(), T = c.clientY - g;
+      let B = w === "top" ? (y || 0) + (T - r.value) : (y || 0) - (T - r.value);
       B = o.value > 0 ? Math.max(o.value, B) : B;
-      const k = C(w, o.value);
-      k != null && (B = k > B ? B : k), e.value = B;
+      const M = C(w, o.value);
+      M != null && (B = M > B ? B : M), e.value = B;
     }
-    u.value = 0, f.value = 0, l.value = -1, i.value = -1, v.value = !1, P.value = !1, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", d), document.body.style.userSelect = "", w = "", h = null, p = null;
-  }
-  function R(s, g, y) {
-    if (w = g, h = y, v.value = !0, p = s.composedPath().find((B) => (B.className || "").split(" ")[0] === "f-layout"), p) {
-      const { left: B } = p.getBoundingClientRect(), k = s.clientX - B;
-      u.value = k, l.value = k;
-      const $ = O(w, n.value) || 0;
-      m = (ee) => c(ee, $, n.value, w), document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
+    s.value = 0, f.value = 0, l.value = -1, r.value = -1, v.value = !1, P.value = !1, document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", d), document.body.style.userSelect = "", w = "", h = null, p = null;
+  }
+  function R(c, g, y) {
+    if (w = g, h = y, v.value = !0, p = c.composedPath().find((B) => (B.className || "").split(" ")[0] === "f-layout"), p) {
+      const { left: B } = p.getBoundingClientRect(), M = c.clientX - B;
+      s.value = M, l.value = M;
+      const A = O(w, n.value) || 0;
+      m = (te) => u(te, A, n.value, w), document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
     }
   }
-  function a(s, g, y) {
-    if (w = g, h = y, P.value = !0, p = s.composedPath().find((B) => (B.className || "").split(" ")[0] === "f-layout"), p) {
+  function a(c, g, y) {
+    if (w = g, h = y, P.value = !0, p = c.composedPath().find((B) => (B.className || "").split(" ")[0] === "f-layout"), p) {
       const { top: B } = p.getBoundingClientRect();
-      f.value = s.clientY - B, i.value = s.clientY - B;
-      const k = C(w, o.value) || 0;
-      m = ($) => b($, k, o.value, w), document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
+      f.value = c.clientY - B, r.value = c.clientY - B;
+      const M = C(w, o.value) || 0;
+      m = (A) => b(A, M, o.value, w), document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
     }
   }
   return { onClickHorizontalResizeBar: R, onClickVerticalResizeBar: a };
 }
-const A = /* @__PURE__ */ E({
+const E = /* @__PURE__ */ $({
   name: "FLayoutPane",
   props: N,
   emits: [],
   setup(t, e) {
-    const n = z(t.minHeight <= 0 ? 100 : t.minHeight), o = z(t.minWidth <= 0 ? 100 : t.minWidth), r = z(t.width <= 0 ? 100 : t.width), l = z(t.height <= 100 ? 100 : t.height), u = z(Math.max(n.value, l.value)), v = z(Math.max(o.value, r.value)), P = z(), i = z(t.position), f = z(t.resizable);
-    te(() => t.resizable, (a) => {
+    const n = z(t.minHeight <= 0 ? 100 : t.minHeight), o = z(t.minWidth <= 0 ? 100 : t.minWidth), i = z(t.width <= 0 ? 100 : t.width), l = z(t.height <= 100 ? 100 : t.height), s = z(Math.max(n.value, l.value)), v = z(Math.max(o.value, i.value)), P = z(), r = z(t.position), f = z(t.resizable);
+    ne(() => t.resizable, (a) => {
       f.value = a;
     });
-    const c = D("layout"), {
+    const u = D("layout"), {
       useResizeHandleComposition: b
-    } = c, C = K(v, u, o, n, b), {
+    } = u, C = I(v, s, o, n, b), {
       onClickHorizontalResizeBar: O,
       onClickVerticalResizeBar: w
-    } = C, h = M(() => ({
+    } = C, h = k(() => ({
       "f-layout-resize-bar": !0,
-      "f-layout-resize-bar-e": i.value === "left",
-      "f-layout-resize-bar-n": i.value === "bottom",
-      "f-layout-resize-bar-s": i.value === "top",
-      "f-layout-resize-bar-w": i.value === "right"
-    })), p = M(() => i.value !== "center" && f.value);
-    function m(a, s) {
-      (s === "left" || s === "right") && O(a, s, P.value), (s === "top" || s === "bottom") && w(a, s, P.value);
+      "f-layout-resize-bar-e": r.value === "left",
+      "f-layout-resize-bar-n": r.value === "bottom",
+      "f-layout-resize-bar-s": r.value === "top",
+      "f-layout-resize-bar-w": r.value === "right"
+    })), p = k(() => r.value !== "center" && f.value);
+    function m(a, c) {
+      (c === "left" || c === "right") && O(a, c, P.value), (c === "top" || c === "bottom") && w(a, c, P.value);
     }
-    const d = M(() => {
+    const d = k(() => {
       const a = {
         "f-layout-pane": !0,
-        "f-page-content-nav": i.value === "left" || i.value === "right",
-        "f-page-content-main": i.value === "center"
+        "f-page-content-nav": r.value === "left" || r.value === "right",
+        "f-page-content-main": r.value === "center"
       };
-      return t.customClass && String(t.customClass).split(" ").reduce((s, g) => (s[g] = !0, s), a), a;
-    }), R = M(() => {
+      return t.customClass && String(t.customClass).split(" ").reduce((c, g) => (c[g] = !0, c), a), a;
+    }), R = k(() => {
       const a = {};
-      return (v.value && i.value === "left" || i.value === "right") && (a.width = `${v.value}px`), (u.value && i.value === "bottom" || i.value === "top") && (a.height = `${u.value}px`), t.visible || (a.display = "none"), a;
+      return (v.value && r.value === "left" || r.value === "right") && (a.width = `${v.value}px`), (s.value && r.value === "bottom" || r.value === "top") && (a.height = `${s.value}px`), t.visible || (a.display = "none"), a;
     });
     return () => S("div", {
       ref: P,
       class: d.value,
       style: R.value,
-      "data-position": i.value
+      "data-position": r.value
     }, [e.slots.default && e.slots.default(), p.value && S("span", {
       class: h.value,
-      onMousedown: (a) => m(a, i.value)
+      onMousedown: (a) => m(a, r.value)
     }, null)]);
   }
 });
-function Ve(t, e) {
+function We(t, e) {
   function n() {
     return !1;
   }
   return { canAccepts: n };
 }
-function I(t, e, n) {
+function ee(t, e, n) {
   var R;
-  const o = n && n.getStyles && n.getStyles() || "", r = n && n.getDesignerClass && n.getDesignerClass() || "", l = z();
-  function u() {
+  const o = n && n.getStyles && n.getStyles() || "", i = n && n.getDesignerClass && n.getDesignerClass() || "", l = z();
+  function s() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
   function v() {
@@ -696,7 +715,7 @@ function I(t, e, n) {
   function P() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function i() {
+  function r() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
   function f(a) {
@@ -704,12 +723,12 @@ function I(t, e, n) {
       return null;
     if (a.value.schema && a.value.schema.type === "component")
       return a.value;
-    const s = z(a == null ? void 0 : a.value.parent), g = f(s);
+    const c = z(a == null ? void 0 : a.value.parent), g = f(c);
     return g || null;
   }
-  function c(a = e) {
-    const { componentInstance: s, designerItemElementRef: g } = a;
-    return !s || !s.value ? null : s.value.canMove ? g : c(a.parent);
+  function u(a = e) {
+    const { componentInstance: c, designerItemElementRef: g } = a;
+    return !c || !c.value ? null : c.value.canMove ? g : u(a.parent);
   }
   function b(a) {
     return !!n && n.canAccepts(a);
@@ -719,12 +738,12 @@ function I(t, e, n) {
   }
   function O() {
   }
-  function w(a, s) {
-    s && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(s);
+  function w(a, c) {
+    c && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(c);
   }
-  function h(a, s) {
+  function h(a, c) {
     const { componentType: g } = a;
-    let y = X(g, a, s);
+    let y = X(g, a, c);
     n && n.onResolveNewComponentSchema && (y = n.onResolveNewComponentSchema(a, y));
     const T = g.toLowerCase().replace(/-/g, "_");
     return y && !y.id && y.type === g && (y.id = `${T}_${Math.random().toString().slice(2, 6)}`), y;
@@ -738,26 +757,26 @@ function I(t, e, n) {
   function d() {
     n && n.onRemoveComponent && n.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((a) => {
       var y;
-      let s = a.id;
-      a.type === "component-ref" && (s = a.component);
-      const g = t.value.querySelector(`#${s}-design-item`);
+      let c = a.id;
+      a.type === "component-ref" && (c = a.component);
+      const g = t.value.querySelector(`#${c}-design-item`);
       (y = g == null ? void 0 : g.componentInstance) != null && y.value.onRemoveComponent && g.componentInstance.value.onRemoveComponent();
     });
   }
   return l.value = {
-    canMove: u(),
+    canMove: s(),
     canSelectParent: v(),
     canDelete: P(),
-    canNested: !i(),
+    canNested: !r(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
     parent: (R = e == null ? void 0 : e.parent) == null ? void 0 : R.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: o,
-    designerClass: r,
+    designerClass: i,
     canAccepts: b,
     getBelongedComponentInstance: f,
-    getDraggableDesignItemElement: c,
+    getDraggableDesignItemElement: u,
     getDraggingDisplayText: C,
     getPropConfig: m,
     getDragScopeElement: O,
@@ -769,21 +788,21 @@ function I(t, e, n) {
     onRemoveComponent: d
   }, l;
 }
-const qe = /* @__PURE__ */ E({
+const _e = /* @__PURE__ */ $({
   name: "FLayoutDesign",
   props: F,
   emits: [],
   setup(t, e) {
     var f;
-    const n = z(), o = D("design-item-context"), r = Ve(o.schema, (f = o.parent) == null ? void 0 : f.schema), l = I(n, o, r);
+    const n = z(), o = D("design-item-context"), i = We(o.schema, (f = o.parent) == null ? void 0 : f.schema), l = ee(n, o, i);
     l.value.canNested = !1;
-    const u = Z(n), {
+    const s = x(n), {
       horizontalResizeHandleStyle: v,
       verticalResizeHandleStyle: P,
-      resizeOverlayStyle: i
-    } = u;
-    return q("layout", {
-      useResizeHandleComposition: u
+      resizeOverlayStyle: r
+    } = s;
+    return V("layout", {
+      useResizeHandleComposition: s
     }), W(() => {
       n.value.componentInstance = l;
     }), e.expose(l.value), () => S("div", {
@@ -791,7 +810,7 @@ const qe = /* @__PURE__ */ E({
       ref: n
     }, [e.slots.default && e.slots.default(), S("div", {
       class: "f-layout-resize-overlay",
-      style: i.value
+      style: r.value
     }, null), S("div", {
       class: "f-layout-horizontal-resize-proxy",
       style: v.value
@@ -801,70 +820,70 @@ const qe = /* @__PURE__ */ E({
     }, null)]);
   }
 });
-function We() {
+function Ge() {
   function t(e, n) {
-    var u;
+    var s;
     if (!e)
       return !1;
-    const o = ((u = e.targetContainer) == null ? void 0 : u.componentInstance) && e.targetContainer.componentInstance.value;
+    const o = ((s = e.targetContainer) == null ? void 0 : s.componentInstance) && e.targetContainer.componentInstance.value;
     if (!o)
       return !1;
-    const r = o.schema.type, l = n == null ? void 0 : n.formSchemaUtils.getComponentById(o.belongedComponentId);
-    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![H["response-layout-item"].type, H["response-form"].type].includes(r) || (e.componentType === H.tabs.type || e.componentType === H.section.type) && ((l == null ? void 0 : l.componentType) !== "frame" || ![H["content-container"].type, H["splitter-pane"].type, H["response-layout-item"].type].includes(r)));
+    const i = o.schema.type, l = n == null ? void 0 : n.formSchemaUtils.getComponentById(o.belongedComponentId);
+    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![j["response-layout-item"].type, j["response-form"].type].includes(i) || (e.componentType === j.tabs.type || e.componentType === j.section.type) && ((l == null ? void 0 : l.componentType) !== "frame" || ![j["content-container"].type, j["splitter-pane"].type, j["response-layout-item"].type].includes(i)));
   }
   return {
     basalDragulaRuleForContainer: t
   };
 }
-function Ge(t, e) {
+function Ye(t, e) {
   const n = t.schema;
   function o(l) {
-    return !!We().basalDragulaRuleForContainer(l);
+    return !!Ge().basalDragulaRuleForContainer(l);
   }
-  function r() {
+  function i() {
     const l = ["f-layout-pane"];
     return (n.position === "left" || n.position === "right") && l.push("f-page-content-nav"), n.position === "center" && l.push("f-page-content-main"), l.join(" ");
   }
-  return { canAccepts: o, getDesignerClass: r };
+  return { canAccepts: o, getDesignerClass: i };
 }
-const Ye = /* @__PURE__ */ E({
+const Xe = /* @__PURE__ */ $({
   name: "FLayoutPaneDesign",
   props: N,
   emits: [],
   setup(t, e) {
     const n = z(), o = z();
     D("designer-host-service");
-    const r = D("design-item-context"), l = Ge(r), u = I(o, r, l);
-    u.value.canNested = !1, u.value.canMove = !1, u.value.canDelete = !1, W(() => {
-      o.value.componentInstance = u;
-    }), e.expose(u.value);
-    const v = z(Math.max(t.minHeight, t.height)), P = z(Math.max(t.minWidth, t.width)), i = z(t.minHeight), f = z(t.minWidth), c = z(t.position), b = D("layout"), {
+    const i = D("design-item-context"), l = Ye(i), s = ee(o, i, l);
+    s.value.canNested = !1, s.value.canMove = !1, s.value.canDelete = !1, W(() => {
+      o.value.componentInstance = s;
+    }), e.expose(s.value);
+    const v = z(Math.max(t.minHeight, t.height)), P = z(Math.max(t.minWidth, t.width)), r = z(t.minHeight), f = z(t.minWidth), u = z(t.position), b = D("layout"), {
       useResizeHandleComposition: C
-    } = b, O = K(P, v, f, i, C), {
+    } = b, O = I(P, v, f, r, C), {
       onClickHorizontalResizeBar: w,
       onClickVerticalResizeBar: h
-    } = O, p = M(() => ({
+    } = O, p = k(() => ({
       "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"
+      "f-layout-resize-bar-e": u.value === "left",
+      "f-layout-resize-bar-n": u.value === "bottom",
+      "f-layout-resize-bar-s": u.value === "top",
+      "f-layout-resize-bar-w": u.value === "right"
     }));
-    function m(a, s) {
-      (s === "left" || s === "right") && w(a, s, n.value), (s === "top" || s === "bottom") && h(a, s, n.value);
+    function m(a, c) {
+      (c === "left" || c === "right") && w(a, c, n.value), (c === "top" || c === "bottom") && h(a, c, n.value);
     }
-    const d = M(() => {
+    const d = k(() => {
       const a = {
         "f-layout-pane": !0,
-        "f-page-content-nav": c.value === "left" || c.value === "right",
-        "f-page-content-main": c.value === "center"
+        "f-page-content-nav": u.value === "left" || u.value === "right",
+        "f-page-content-main": u.value === "center"
       };
-      return t.customClass && String(t.customClass).split(" ").reduce((s, g) => (s[g] = !0, s), a), a;
-    }), R = M(() => {
+      return t.customClass && String(t.customClass).split(" ").reduce((c, g) => (c[g] = !0, c), a), a;
+    }), R = k(() => {
       const a = {
         flex: "1"
       };
-      return (P.value && c.value === "left" || c.value === "right") && (a.width = `${P.value}px`), (v.value && c.value === "bottom" || c.value === "top") && (a.height = `${v.value}px`), a;
+      return (P.value && u.value === "left" || u.value === "right") && (a.width = `${P.value}px`), (v.value && u.value === "bottom" || u.value === "top") && (a.height = `${v.value}px`), a;
     });
     return () => S("div", {
       ref: n,
@@ -873,26 +892,26 @@ const Ye = /* @__PURE__ */ E({
     }, [S("div", {
       ref: o,
       class: "drag-container",
-      "data-dragref": `${r.schema.id}-container`
+      "data-dragref": `${i.schema.id}-container`
     }, [e.slots.default && e.slots.default()]), S("span", {
       class: p.value,
-      onMousedown: (a) => m(a, c.value)
+      onMousedown: (a) => m(a, u.value)
     }, null)]);
   }
 });
-j.install = (t) => {
-  t.component(j.name, j), t.component(A.name, A);
+H.install = (t) => {
+  t.component(H.name, H), t.component(E.name, E);
 };
-j.register = (t, e, n, o) => {
-  t.layout = j, e.layout = J, t["layout-pane"] = A, e["layout-pane"] = x;
+H.register = (t, e, n, o) => {
+  t.layout = H, e.layout = Z, t["layout-pane"] = E, e["layout-pane"] = K;
 };
-j.registerDesigner = (t, e, n) => {
-  t.layout = qe, e.layout = J, t["layout-pane"] = Ye, e["layout-pane"] = x;
+H.registerDesigner = (t, e, n) => {
+  t.layout = _e, e.layout = Z, t["layout-pane"] = Xe, e["layout-pane"] = K;
 };
 export {
-  j as FLayout,
-  A as FLayoutPane,
-  j as default,
+  H as FLayout,
+  E as FLayoutPane,
+  H as default,
   F as layoutProps,
-  J as layoutPropsResolver
+  Z as layoutPropsResolver
 };