@farris/ui-vue 1.6.5-beta.7 → 1.6.5-beta.8

package/components/layout/index.esm.js

@@ -1,11 +1,11 @@
-import { ref as M, computed as L, defineComponent as U, provide as I, createVNode as A, watch as Pe, inject as Y, onMounted as K } from "vue";
-import { isPlainObject as Z, cloneDeep as x } from "lodash-es";
+import { ref as B, computed as L, defineComponent as U, provide as I, createVNode as A, watch as Pe, inject as Y, onMounted as K } from "vue";
+import { cloneDeep as Z, isPlainObject as x } from "lodash-es";
 import { getCustomClass as Te, getCustomStyle as Ce } from "../common/index.esm.js";
 import { getSchemaByTypeForDesigner as Oe } from "../dynamic-resolver/index.esm.js";
 function ee(e, t) {
   let n;
   function r(a) {
-    const { properties: u, title: S, ignore: l } = a, o = l && Array.isArray(l), i = Object.keys(u).reduce((c, f) => ((!o || !l.find((y) => y === f)) && (c[f] = u[f].type === "object" && u[f].properties ? r(u[f]) : x(u[f].default)), c), {});
+    const { properties: u, title: S, ignore: l } = a, o = l && Array.isArray(l), i = Object.keys(u).reduce((c, f) => ((!o || !l.find((d) => d === f)) && (c[f] = u[f].type === "object" && u[f].properties ? r(u[f]) : Z(u[f].default)), c), {});
     if (S && (!o || !l.find((c) => c === "id"))) {
       const c = S.toLowerCase().replace(/-/g, "_");
       i.id = `${c}_${Math.random().toString().slice(2, 6)}`;
@@ -15,7 +15,7 @@ function ee(e, t) {
   function h(a) {
     const { properties: u, title: S, required: l } = a;
     if (l && Array.isArray(l)) {
-      const o = l.reduce((i, c) => (i[c] = u[c].type === "object" && u[c].properties ? r(u[c]) : x(u[c].default), i), {});
+      const o = l.reduce((i, c) => (i[c] = u[c].type === "object" && u[c].properties ? r(u[c]) : Z(u[c].default), i), {});
       if (S && l.find((i) => i === "id")) {
         const i = S.toLowerCase().replace(/-/g, "_");
         o.id = `${i}_${Math.random().toString().slice(2, 6)}`;
@@ -37,7 +37,7 @@ function ee(e, t) {
   }
   function b(a, u) {
     const S = r(u);
-    return Object.keys(S).reduce((l, o) => (Object.prototype.hasOwnProperty.call(a, o) && (l[o] && Z(l[o]) && Z(a[o] || !a[o]) ? Object.assign(l[o], a[o] || {}) : l[o] = a[o]), l), S), S;
+    return Object.keys(S).reduce((l, o) => (Object.prototype.hasOwnProperty.call(a, o) && (l[o] && x(l[o]) && x(a[o] || !a[o]) ? Object.assign(l[o], a[o] || {}) : l[o] = a[o]), l), S), S;
   }
   function F(a, u) {
     return Object.keys(a).filter((l) => a[l] != null).reduce((l, o) => {
@@ -79,8 +79,8 @@ function ee(e, t) {
   }
   return { getSchemaByType: z, resolveSchemaWithDefaultValue: s, resolveSchemaToProps: j, mappingSchemaToProps: F, setDesignerContext: g };
 }
-const te = {}, ne = {}, { resolveSchemaWithDefaultValue: we, resolveSchemaToProps: Fe, mappingSchemaToProps: Me } = ee(te, ne);
-function Be(e = {}) {
+const te = {}, ne = {}, { getSchemaByType: $t, resolveSchemaWithDefaultValue: we, resolveSchemaToProps: Fe, mappingSchemaToProps: Be, setDesignerContext: Nt } = ee(te, ne);
+function De(e = {}) {
   function t(s, g, a, u) {
     if (typeof a == "number")
       return u[s].length === a;
@@ -129,12 +129,12 @@ function Be(e = {}) {
     return z(s).reduce((S, l) => S && b(l, g), !0);
   }
   function j(s, g) {
-    const a = Object.keys(s), u = a.includes("allOf"), S = a.includes("anyOf"), l = u || S, c = (l ? s[l ? u ? "allOf" : "anyOf" : "allOf"] : [s]).map((y) => F(y, g));
+    const a = Object.keys(s), u = a.includes("allOf"), S = a.includes("anyOf"), l = u || S, c = (l ? s[l ? u ? "allOf" : "anyOf" : "allOf"] : [s]).map((d) => F(d, g));
     return u ? !c.includes(!1) : c.includes(!0);
   }
   return { parseValueSchema: j };
 }
-const De = {
+const Me = {
   convertTo: (e, t, n, r) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
@@ -377,7 +377,7 @@ const De = {
 };
 function oe(e, t, n) {
   const r = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", De],
+    ["/converter/appearance.converter", Me],
     ["/converter/buttons.converter", je],
     ["/converter/property-editor.converter", Ee],
     ["/converter/items-count.converter", Ye],
@@ -422,7 +422,7 @@ function oe(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), z = Be();
+  ]), z = De();
   function b(l, o) {
     return () => z.parseValueSchema(l, o);
   }
@@ -436,62 +436,62 @@ function oe(e, t, n) {
     const i = l.$converter || o;
     return typeof i == "string" && i && r.has(i) ? r.get(i) || null : i || null;
   }
-  function g(l, o, i, c, f, y = "", w = "") {
+  function g(l, o, i, c, f, d = "", w = "") {
     return Object.keys(l).map((v) => {
-      const B = M(1), P = v, d = l[v], T = Object.keys(d), E = d.title, p = d.type, C = h.get(p) || { type: "input-group", enableClear: !1 }, O = d.editor ? Object.assign({}, C, d.editor) : Object.assign({}, C), D = F(T, d, o), k = j(T, d, o);
+      const D = B(1), P = v, y = l[v], T = Object.keys(y), E = y.title, p = y.type, C = h.get(p) || { type: "input-group", enableClear: !1 }, O = y.editor ? Object.assign({}, C, y.editor) : Object.assign({}, C), M = F(T, y, o), k = j(T, y, o);
       O.readonly = O.readonly === void 0 ? k() : O.readonly;
-      const H = d.type === "cascade" ? g(d.properties, o, i, c, f, y, w) : [], q = !0;
-      let $ = s(d, w);
+      const H = y.type === "cascade" ? g(y.properties, o, i, c, f, d, w) : [], q = !0;
+      let $ = s(y, w);
       const R = L({
         get() {
-          if (B.value) {
+          if (D.value) {
             if (["class", "style"].find((ze) => ze === P) && !$ && ($ = r.get("/converter/appearance.converter") || null), $ && $.convertFrom)
-              return $.convertFrom(i, v, f, y);
+              return $.convertFrom(i, v, f, d);
             const W = i[v];
-            return Object.prototype.hasOwnProperty.call(d, "defaultValue") && (W === void 0 || typeof W == "string" && W === "") ? d.type === "boolean" ? d.defaultValue : d.defaultValue || "" : W;
+            return Object.prototype.hasOwnProperty.call(y, "defaultValue") && (W === void 0 || typeof W == "string" && W === "") ? y.type === "boolean" ? y.defaultValue : y.defaultValue || "" : W;
           }
           return null;
         },
         set(W) {
-          B.value += 1, $ && $.convertTo ? ($.convertTo(c, v, W, f, y), $.convertTo(i, v, W, f, y)) : (c[v] = W, i[v] = W);
+          D.value += 1, $ && $.convertTo ? ($.convertTo(c, v, W, f, d), $.convertTo(i, v, W, f, d)) : (c[v] = W, i[v] = W);
         }
-      }), { refreshPanelAfterChanged: V, description: he, isExpand: ge, parentPropertyID: Se } = d, Q = { propertyID: P, propertyName: E, propertyType: p, propertyValue: R, editor: O, visible: D, readonly: k, cascadeConfig: H, hideCascadeTitle: q, refreshPanelAfterChanged: V, description: he, isExpand: ge, parentPropertyID: Se };
+      }), { refreshPanelAfterChanged: V, description: he, isExpand: ge, parentPropertyID: Se } = y, Q = { propertyID: P, propertyName: E, propertyType: p, propertyValue: R, editor: O, visible: M, readonly: k, cascadeConfig: H, hideCascadeTitle: q, refreshPanelAfterChanged: V, description: he, isExpand: ge, parentPropertyID: Se };
       return o[P] = Q, Q;
     });
   }
   function a(l, o, i = {}) {
     const c = {}, f = e[l];
     return f && f.categories ? Object.keys(f.categories).map((w) => {
-      const m = f.categories[w], v = m == null ? void 0 : m.title, B = g(m.properties || {}, c, {}, i, o);
-      return { categoryId: w, categoryName: v, properties: B };
+      const m = f.categories[w], v = m == null ? void 0 : m.title, D = g(m.properties || {}, c, {}, i, o);
+      return { categoryId: w, categoryName: v, properties: D };
     }) : [];
   }
   function u(l, o, i, c, f = "") {
-    const y = o.$ref.schema, w = o.$ref.converter, m = i[y], v = m.type, B = n(m), P = {}, d = e[v];
-    if (d && d.categories) {
-      const T = d.categories[l], E = T == null ? void 0 : T.title;
+    const d = o.$ref.schema, w = o.$ref.converter, m = i[d], v = m.type, D = n(m), P = {}, y = e[v];
+    if (y && y.categories) {
+      const T = y.categories[l], E = T == null ? void 0 : T.title;
       w && Object.keys(T.properties).forEach((O) => {
         T.properties[O].$converter = w;
       });
-      const p = (T == null ? void 0 : T.properties) || {}, C = g(p, P, B, m, c, f);
+      const p = (T == null ? void 0 : T.properties) || {}, C = g(p, P, D, m, c, f);
       return { categoryId: l, categoryName: E, properties: C };
     }
     return { categoryId: l, categoryName: "", properties: [] };
   }
   function S(l, o, i, c, f) {
-    const y = l.type, w = n(l), m = {};
-    let v = f || e[y];
+    const d = l.type, w = n(l), m = {};
+    let v = f || e[d];
     if (v && Object.keys(v).length === 0 && i && i.getPropConfig && (v = i.getPropConfig(c)), v && v.categories) {
-      const B = [];
+      const D = [];
       return Object.keys(v.categories).map((P) => {
-        const d = v.categories[P];
-        if (d.$ref) {
-          B.push(u(P, d, l, o, c));
+        const y = v.categories[P];
+        if (y.$ref) {
+          D.push(u(P, y, l, o, c));
           return;
         }
-        const T = d == null ? void 0 : d.title, E = d == null ? void 0 : d.tabId, p = d == null ? void 0 : d.tabName, C = d == null ? void 0 : d.hide, O = d == null ? void 0 : d.hideTitle, D = g(d.properties || {}, m, w, l, o, c, d.$converter), { setPropertyRelates: k } = d, H = d == null ? void 0 : d.parentPropertyID;
-        B.push({ categoryId: P, categoryName: T, tabId: E, tabName: p, hide: C, properties: D, hideTitle: O, setPropertyRelates: k, parentPropertyID: H });
-      }), B;
+        const T = y == null ? void 0 : y.title, E = y == null ? void 0 : y.tabId, p = y == null ? void 0 : y.tabName, C = y == null ? void 0 : y.hide, O = y == null ? void 0 : y.hideTitle, M = g(y.properties || {}, m, w, l, o, c, y.$converter), { setPropertyRelates: k } = y, H = y == null ? void 0 : y.parentPropertyID;
+        D.push({ categoryId: P, categoryName: T, tabId: E, tabName: p, hide: C, properties: M, hideTitle: O, setPropertyRelates: k, parentPropertyID: H });
+      }), D;
     }
     return [];
   }
@@ -503,12 +503,12 @@ function oe(e, t, n) {
 }
 const re = {}, ae = {};
 oe(re, ae, we);
-const ie = {}, le = {}, { resolveSchemaWithDefaultValue: xe } = ee(ie, le), ce = {}, se = {};
+const ie = {}, le = {}, { getSchemaByType: Ht, resolveSchemaWithDefaultValue: xe, resolveSchemaToProps: Lt, mappingSchemaToProps: At, setDesignerContext: Rt } = ee(ie, le), ce = {}, se = {};
 oe(ce, se, xe);
 function ue(e, t, n = /* @__PURE__ */ new Map(), r = (b, F, j, s) => F, h = {}, z = (b) => b) {
   return te[t.title] = t, ne[t.title] = r, re[t.title] = h, ae[t.title] = z, ie[t.title] = t, le[t.title] = r, ce[t.title] = h, se[t.title] = z, (b = {}, F = !0) => {
     if (!F)
-      return Me(b, n);
+      return Be(b, n);
     const j = Fe(b, t, n), s = Object.keys(e).reduce((g, a) => (g[a] = e[a].default, g), {});
     return Object.assign(s, j);
   };
@@ -622,7 +622,7 @@ const Ke = "https://json-schema.org/draft/2020-12/schema", et = "https://farris-
   customClass: { type: String, defaut: "" }
 }, me = ue(G, it, fe, pe, ft);
 function ve(e) {
-  const t = M(-1), n = M(-1), r = M(0), h = M(0), z = M(!1), b = M(!1), F = L(() => ({
+  const t = B(-1), n = B(-1), r = B(0), h = B(0), z = B(!1), b = B(!1), F = L(() => ({
     display: z.value ? "block" : "none",
     left: `${r.value}px`,
     cursor: "e-resize"
@@ -636,20 +636,20 @@ function ve(e) {
     };
     return h.value > 0 && (i.cursor = "n-resize"), i;
   });
-  function g(i, c, f, y) {
+  function g(i, c, f, d) {
     const w = e.value;
     if (w) {
-      const { left: m, right: v, width: B } = w.getBoundingClientRect();
+      const { left: m, right: v, width: D } = w.getBoundingClientRect();
       let P = i.clientX - m;
-      y === "right" && (P = v - i.clientX), P > c && (P = c), P < f && (P = f), y === "right" && (P = B - P), r.value = P;
+      d === "right" && (P = v - i.clientX), P > c && (P = c), P < f && (P = f), d === "right" && (P = D - P), r.value = P;
     }
   }
-  function a(i, c, f, y) {
+  function a(i, c, f, d) {
     const w = e.value;
     if (w) {
-      const { top: m, bottom: v, height: B } = w.getBoundingClientRect();
+      const { top: m, bottom: v, height: D } = w.getBoundingClientRect();
       let P = i.clientY - m;
-      y === "bottom" && (P = v - i.clientY), P > c && (P = c), P < f && (P = f), y === "bottom" && (P = B - P), h.value = P;
+      d === "bottom" && (P = v - i.clientY), P > c && (P = c), P < f && (P = f), d === "bottom" && (P = D - P), h.value = P;
     }
   }
   function u() {
@@ -663,14 +663,14 @@ function ve(e) {
   function S() {
     const i = e.value;
     return i ? Array.from(i.querySelectorAll("[data-position]")).reduce((c, f) => {
-      const y = f.getAttribute("data-position");
-      return c = Object.assign(c, { [y]: f }), c;
+      const d = f.getAttribute("data-position");
+      return c = Object.assign(c, { [d]: f }), c;
     }, {}) : null;
   }
   function l(i, c) {
-    const f = u(), y = S();
-    if (f && y) {
-      const w = y == null ? void 0 : y.right, m = y == null ? void 0 : y.left;
+    const f = u(), d = S();
+    if (f && d) {
+      const w = d == null ? void 0 : d.right, m = d == null ? void 0 : d.left;
       if (i === "left" && m)
         return w ? f.width - w.clientWidth - c : f.width - c;
       if (i === "right" && w)
@@ -678,9 +678,9 @@ function ve(e) {
     }
   }
   function o(i, c) {
-    const f = u(), y = S();
-    if (f && y) {
-      const w = y == null ? void 0 : y.bottom, m = y == null ? void 0 : y.top;
+    const f = u(), d = S();
+    if (f && d) {
+      const w = d == null ? void 0 : d.bottom, m = d == null ? void 0 : d.top;
       if (i === "top" && m)
         return w ? f.height - w.clientHeight - c : f.height - c;
       if (i === "bottom" && w)
@@ -708,7 +708,7 @@ const _ = /* @__PURE__ */ U({
   props: G,
   emits: [],
   setup(e, t) {
-    const n = M(), r = ve(n), {
+    const n = B(), r = ve(n), {
       horizontalResizeHandleStyle: h,
       verticalResizeHandleStyle: z,
       resizeOverlayStyle: b
@@ -734,7 +734,7 @@ const _ = /* @__PURE__ */ U({
       style: z.value
     }, null)]);
   }
-}), pt = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-design.gitee.io/layout-pane.schema.json", vt = "layout-pane", dt = "A Farris Container Component", yt = "object", bt = {
+}), pt = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-design.gitee.io/layout-pane.schema.json", vt = "layout-pane", yt = "A Farris Container Component", dt = "object", bt = {
   id: {
     description: "The unique identifier for a layout pane",
     type: "string"
@@ -805,8 +805,8 @@ const _ = /* @__PURE__ */ U({
   $schema: pt,
   $id: mt,
   title: vt,
-  description: dt,
-  type: yt,
+  description: yt,
+  type: dt,
   properties: bt,
   required: ht
 }, St = "layout-pane", zt = "A Farris Container Component", Pt = "object", Tt = {
@@ -928,8 +928,8 @@ const _ = /* @__PURE__ */ U({
   minWidth: { type: Number, default: 100 },
   /** 面板最小高度 */
   minHeight: { type: Number, default: 100 }
-}, de = ue(J, gt, fe, pe, Ct);
-function ye(e, t, n, r, h) {
+}, ye = ue(J, gt, fe, pe, Ct);
+function de(e, t, n, r, h) {
   const {
     horizontalResizeBarPosition: z,
     horizontalResizeHandleOffset: b,
@@ -943,37 +943,37 @@ function ye(e, t, n, r, h) {
     getPanelMaxWidth: l
   } = h;
   let o = "", i, c, f;
-  function y(v) {
+  function d(v) {
     if ((o === "left" || o === "right") && c) {
-      const { left: B } = c.getBoundingClientRect(), { width: P } = i.getBoundingClientRect(), d = v.clientX - B;
-      let T = o === "left" ? (P || 0) + (d - z.value) : (P || 0) - (d - z.value);
+      const { left: D } = c.getBoundingClientRect(), { width: P } = i.getBoundingClientRect(), y = v.clientX - D;
+      let T = o === "left" ? (P || 0) + (y - z.value) : (P || 0) - (y - z.value);
       T = n.value > 0 ? Math.max(n.value, T) : T;
       const E = l(o, n.value);
       E != null && (T = E > T ? T : E), e.value = T;
     }
     if ((o === "top" || o === "bottom") && c) {
-      const { top: B } = c.getBoundingClientRect(), { height: P } = i.getBoundingClientRect(), d = v.clientY - B;
-      let T = o === "top" ? (P || 0) + (d - s.value) : (P || 0) - (d - s.value);
+      const { top: D } = c.getBoundingClientRect(), { height: P } = i.getBoundingClientRect(), y = v.clientY - D;
+      let T = o === "top" ? (P || 0) + (y - s.value) : (P || 0) - (y - s.value);
       T = r.value > 0 ? Math.max(r.value, T) : T;
       const E = S(o, r.value);
       E != null && (T = E > T ? T : E), t.value = T;
     }
-    b.value = 0, g.value = 0, z.value = -1, s.value = -1, F.value = !1, j.value = !1, document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", y), document.body.style.userSelect = "", o = "", i = null, c = null;
+    b.value = 0, g.value = 0, z.value = -1, s.value = -1, F.value = !1, j.value = !1, document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", d), document.body.style.userSelect = "", o = "", i = null, c = null;
   }
-  function w(v, B, P) {
-    if (o = B, i = P, F.value = !0, c = v.composedPath().find((T) => (T.className || "").split(" ")[0] === "f-layout"), c) {
+  function w(v, D, P) {
+    if (o = D, i = P, F.value = !0, c = v.composedPath().find((T) => (T.className || "").split(" ")[0] === "f-layout"), c) {
       const { left: T } = c.getBoundingClientRect(), E = v.clientX - T;
       b.value = E, z.value = E;
       const p = l(o, n.value) || 0;
-      f = (C) => a(C, p, n.value, o), document.addEventListener("mousemove", f), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
+      f = (C) => a(C, p, n.value, o), document.addEventListener("mousemove", f), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
     }
   }
-  function m(v, B, P) {
-    if (o = B, i = P, j.value = !0, c = v.composedPath().find((T) => (T.className || "").split(" ")[0] === "f-layout"), c) {
+  function m(v, D, P) {
+    if (o = D, i = P, j.value = !0, c = v.composedPath().find((T) => (T.className || "").split(" ")[0] === "f-layout"), c) {
       const { top: T } = c.getBoundingClientRect();
       g.value = v.clientY - T, s.value = v.clientY - T;
       const E = S(o, r.value) || 0;
-      f = (p) => u(p, E, r.value, o), document.addEventListener("mousemove", f), document.addEventListener("mouseup", y), document.body.style.userSelect = "none";
+      f = (p) => u(p, E, r.value, o), document.addEventListener("mousemove", f), document.addEventListener("mouseup", d), document.body.style.userSelect = "none";
     }
   }
   return { onClickHorizontalResizeBar: w, onClickVerticalResizeBar: m };
@@ -983,13 +983,13 @@ const X = /* @__PURE__ */ U({
   props: J,
   emits: [],
   setup(e, t) {
-    const n = M(e.minHeight <= 0 ? 100 : e.minHeight), r = M(e.minWidth <= 0 ? 100 : e.minWidth), h = M(e.width <= 0 ? 100 : e.width), z = M(e.height <= 0 ? 100 : e.height), b = M(Math.max(n.value, z.value)), F = M(Math.max(r.value, h.value)), j = M(), s = M(e.position), g = M(e.resizable);
+    const n = B(e.minHeight <= 0 ? 100 : e.minHeight), r = B(e.minWidth <= 0 ? 100 : e.minWidth), h = B(e.width <= 0 ? 100 : e.width), z = B(e.height <= 0 ? 100 : e.height), b = B(Math.max(n.value, z.value)), F = B(Math.max(r.value, h.value)), j = B(), s = B(e.position), g = B(e.resizable);
     Pe(() => e.resizable, (m) => {
       g.value = m;
     });
     const a = Y("layout"), {
       useResizeHandleComposition: u
-    } = a, S = ye(F, b, r, n, u), {
+    } = a, S = de(F, b, r, n, u), {
       onClickHorizontalResizeBar: l,
       onClickVerticalResizeBar: o
     } = S, i = L(() => ({
@@ -1002,20 +1002,20 @@ const X = /* @__PURE__ */ U({
     function f(m, v) {
       (v === "left" || v === "right") && l(m, v, j.value), (v === "top" || v === "bottom") && o(m, v, j.value);
     }
-    const y = L(() => {
+    const d = L(() => {
       const m = {
         "f-layout-pane": !0,
         "f-page-content-nav": s.value === "left" || s.value === "right",
         "f-page-content-main": s.value === "center"
       };
-      return e.customClass && String(e.customClass).split(" ").reduce((v, B) => (v[B] = !0, v), m), m;
+      return e.customClass && String(e.customClass).split(" ").reduce((v, D) => (v[D] = !0, v), m), m;
     }), w = L(() => {
       const m = {};
       return (F.value && s.value === "left" || s.value === "right") && (m.width = `${F.value}px`), (b.value && s.value === "bottom" || s.value === "top") && (m.height = `${b.value}px`), e.visible || (m.display = "none"), m;
     });
     return () => A("div", {
       ref: j,
-      class: y.value,
+      class: d.value,
       style: w.value,
       "data-position": s.value
     }, [t.slots.default && t.slots.default(), c.value && A("span", {
@@ -1032,7 +1032,7 @@ function Ot(e, t) {
 }
 function be(e, t, n) {
   var E;
-  const r = n && n.getStyles && n.getStyles() || "", h = n && n.getDesignerClass && n.getDesignerClass() || "", z = M();
+  const r = n && n.getStyles && n.getStyles() || "", h = n && n.getDesignerClass && n.getDesignerClass() || "", z = B();
   let b;
   function F() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
@@ -1051,7 +1051,7 @@ function be(e, t, n) {
       return null;
     if (p.value.schema && p.value.schema.type === "component")
       return p.value;
-    const C = M(p == null ? void 0 : p.value.parent), O = a(C);
+    const C = B(p == null ? void 0 : p.value.parent), O = a(C);
     return O || null;
   }
   function u(p = t) {
@@ -1061,8 +1061,8 @@ function be(e, t, n) {
     const { componentInstance: C, designerItemElementRef: O } = p;
     if (!C || !C.value)
       return null;
-    const { getCustomButtons: D } = C.value;
-    return C.value.canMove || D && ((k = D()) != null && k.length) ? O : u(p.parent);
+    const { getCustomButtons: M } = C.value;
+    return C.value.canMove || M && ((k = M()) != null && k.length) ? O : u(p.parent);
   }
   function S(p) {
     return !!n && n.canAccepts(p);
@@ -1078,15 +1078,15 @@ function be(e, t, n) {
   }
   function c(p, C) {
     const { componentType: O } = p;
-    let D = Oe(O, p, C);
-    n && n.onResolveNewComponentSchema && (D = n.onResolveNewComponentSchema(p, D));
+    let M = Oe(O, p, C);
+    n && n.onResolveNewComponentSchema && (M = n.onResolveNewComponentSchema(p, M));
     const k = O.toLowerCase().replace(/-/g, "_");
-    return D && !D.id && D.type === O && (D.id = `${k}_${Math.random().toString().slice(2, 6)}`), D;
+    return M && !M.id && M.type === O && (M.id = `${k}_${Math.random().toString().slice(2, 6)}`), M;
   }
   function f(p) {
     p && n != null && n.onChildElementMovedOut && n.onChildElementMovedOut(p);
   }
-  function y(...p) {
+  function d(...p) {
     if (n && n.getPropsConfig)
       return n.getPropsConfig(...p);
   }
@@ -1095,8 +1095,8 @@ function be(e, t, n) {
       return;
     const C = t == null ? void 0 : t.schema, { formSchemaUtils: O } = p;
     if (C && O.getExpressions().length) {
-      const D = O.getExpressions().findIndex((k) => k.target === C.id);
-      D > -1 && O.getExpressions().splice(D, 1);
+      const M = O.getExpressions().findIndex((k) => k.target === C.id);
+      M > -1 && O.getExpressions().splice(M, 1);
     }
   }
   function m(p) {
@@ -1109,19 +1109,19 @@ function be(e, t, n) {
     n && n.onRemoveComponent && n.onRemoveComponent(), w(p), m(p), t != null && t.schema.contents && t.schema.contents.map((C) => {
       let O = C.id;
       C.type === "component-ref" && (O = C.component);
-      const D = e.value.querySelectorAll(`#${O}-design-item`);
-      D != null && D.length && Array.from(D).map((k) => {
+      const M = e.value.querySelectorAll(`#${O}-design-item`);
+      M != null && M.length && Array.from(M).map((k) => {
         var H;
         (H = k == null ? void 0 : k.componentInstance) != null && H.value.onRemoveComponent && k.componentInstance.value.onRemoveComponent(p);
       });
     });
   }
-  function B() {
+  function D() {
     if (n && n.getCustomButtons)
       return n.getCustomButtons();
   }
   function P(p) {
-    var O, D;
+    var O, M;
     if (!((O = t == null ? void 0 : t.schema) != null && O.id))
       return;
     if (!b && p && (b = p.formSchemaUtils), n != null && n.setComponentBasicInfoMap) {
@@ -1133,29 +1133,29 @@ function be(e, t, n) {
       C = n.getComponentTitle();
     else {
       const { text: k, title: H, label: q, mainTitle: $, name: R, type: V } = t.schema;
-      C = k || H || q || $ || R || ((D = N[V]) == null ? void 0 : D.name);
+      C = k || H || q || $ || R || ((M = N[V]) == null ? void 0 : M.name);
     }
     C && b.getControlBasicInfoMap().set(t.schema.id, {
       componentTitle: C,
       parentPathName: C
     });
   }
-  function d(p) {
+  function y(p) {
     var k;
-    const { changeObject: C } = p, { propertyID: O, propertyValue: D } = C;
-    if (["text", "title", "label", "name", "mainTitle"].includes((k = p == null ? void 0 : p.changeObject) == null ? void 0 : k.propertyID) && O && D && (P(), b)) {
+    const { changeObject: C } = p, { propertyID: O, propertyValue: M } = C;
+    if (["text", "title", "label", "name", "mainTitle"].includes((k = p == null ? void 0 : p.changeObject) == null ? void 0 : k.propertyID) && O && M && (P(), b)) {
       const H = b.getControlBasicInfoMap(), q = H.keys().toArray().filter(($) => {
         var R, V;
         return ((R = H.get($)) == null ? void 0 : R.reliedComponentId) === ((V = t == null ? void 0 : t.schema) == null ? void 0 : V.id);
       });
       q != null && q.length && q.forEach(($) => {
         const R = H.get($).parentPathName.split(" > ");
-        R[0] = D, H.get($).parentPathName = R.join(" > ");
+        R[0] = M, H.get($).parentPathName = R.join(" > ");
       });
     }
   }
   function T(p) {
-    if (d(p), n && n.onPropertyChanged)
+    if (y(p), n && n.onPropertyChanged)
       return n.onPropertyChanged(p);
   }
   return z.value = {
@@ -1173,15 +1173,15 @@ function be(e, t, n) {
     getBelongedComponentInstance: a,
     getDraggableDesignItemElement: u,
     getDraggingDisplayText: l,
-    getPropConfig: y,
+    getPropConfig: d,
     getDragScopeElement: o,
     onAcceptMovedChildElement: i,
     onChildElementMovedOut: f,
     addNewChildComponentSchema: c,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || M(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || M(!1),
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || B(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || B(!1),
     onRemoveComponent: v,
-    getCustomButtons: B,
+    getCustomButtons: D,
     onPropertyChanged: T,
     setComponentBasicInfoMap: P,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
@@ -1193,7 +1193,7 @@ const wt = /* @__PURE__ */ U({
   emits: [],
   setup(e, t) {
     var g;
-    const n = M(), r = Y("design-item-context"), h = Ot(r.schema, (g = r.parent) == null ? void 0 : g.schema), z = be(n, r, h);
+    const n = B(), r = Y("design-item-context"), h = Ot(r.schema, (g = r.parent) == null ? void 0 : g.schema), z = be(n, r, h);
     z.value.canNested = !1;
     const b = ve(n), {
       horizontalResizeHandleStyle: F,
@@ -1234,7 +1234,7 @@ function Ft() {
     basalDragulaRuleForContainer: e
   };
 }
-function Mt(e, t) {
+function Bt(e, t) {
   const n = e.schema;
   function r(z) {
     return !!Ft().basalDragulaRuleForContainer(z);
@@ -1245,20 +1245,20 @@ function Mt(e, t) {
   }
   return { canAccepts: r, getDesignerClass: h };
 }
-const Bt = /* @__PURE__ */ U({
+const Dt = /* @__PURE__ */ U({
   name: "FLayoutPaneDesign",
   props: J,
   emits: [],
   setup(e, t) {
-    const n = M(), r = M();
+    const n = B(), r = B();
     Y("designer-host-service");
-    const h = Y("design-item-context"), z = Mt(h), b = be(r, h, z);
+    const h = Y("design-item-context"), z = Bt(h), b = be(r, h, z);
     b.value.canNested = !1, b.value.canMove = !1, b.value.canDelete = !1, K(() => {
       r.value.componentInstance = b;
     }), t.expose(b.value);
-    const F = M(Math.max(e.minHeight, e.height)), j = M(Math.max(e.minWidth, e.width)), s = M(e.minHeight), g = M(e.minWidth), a = M(e.position), u = Y("layout"), {
+    const F = B(Math.max(e.minHeight, e.height)), j = B(Math.max(e.minWidth, e.width)), s = B(e.minHeight), g = B(e.minWidth), a = B(e.position), u = Y("layout"), {
       useResizeHandleComposition: S
-    } = u, l = ye(j, F, g, s, S), {
+    } = u, l = de(j, F, g, s, S), {
       onClickHorizontalResizeBar: o,
       onClickVerticalResizeBar: i
     } = l, c = L(() => ({
@@ -1271,13 +1271,13 @@ const Bt = /* @__PURE__ */ U({
     function f(m, v) {
       (v === "left" || v === "right") && o(m, v, n.value), (v === "top" || v === "bottom") && i(m, v, n.value);
     }
-    const y = L(() => {
+    const d = L(() => {
       const m = {
         "f-layout-pane": !0,
         "f-page-content-nav": a.value === "left" || a.value === "right",
         "f-page-content-main": a.value === "center"
       };
-      return e.customClass && String(e.customClass).split(" ").reduce((v, B) => (v[B] = !0, v), m), m;
+      return e.customClass && String(e.customClass).split(" ").reduce((v, D) => (v[D] = !0, v), m), m;
     }), w = L(() => {
       const m = {
         flex: "1"
@@ -1286,7 +1286,7 @@ const Bt = /* @__PURE__ */ U({
     });
     return () => A("div", {
       ref: n,
-      class: y.value,
+      class: d.value,
       style: w.value
     }, [A("div", {
       ref: r,
@@ -1302,10 +1302,10 @@ _.install = (e) => {
   e.component(_.name, _), e.component(X.name, X);
 };
 _.register = (e, t, n, r) => {
-  e.layout = _, t.layout = me, e["layout-pane"] = X, t["layout-pane"] = de;
+  e.layout = _, t.layout = me, e["layout-pane"] = X, t["layout-pane"] = ye;
 };
 _.registerDesigner = (e, t, n) => {
-  e.layout = wt, t.layout = me, e["layout-pane"] = Bt, t["layout-pane"] = de;
+  e.layout = wt, t.layout = me, e["layout-pane"] = Dt, t["layout-pane"] = ye;
 };
 export {
   _ as FLayout,