@farris/ui-vue 1.2.8 → 1.2.9

package/components/list-nav/index.esm.js

@@ -1,16 +1,16 @@
-import { defineComponent as W, ref as N, computed as q, createVNode as P, nextTick as Z, inject as R, onMounted as K } from "vue";
+import { defineComponent as W, ref as D, computed as _, createVNode as A, nextTick as Z, inject as R, onMounted as K } from "vue";
 import { cloneDeep as x } from "lodash-es";
-const _ = {}, G = {};
+const q = {}, G = {};
 function k(n) {
-  const { properties: e, title: t } = n, r = Object.keys(e).reduce((s, d) => (s[d] = e[d].type === "object" && e[d].properties ? k(e[d]) : x(e[d].default), s), {});
-  return r.id = `${t}-${Date.now()}`, r;
+  const { properties: e, title: t, ignore: r } = n, s = r && Array.isArray(r), d = Object.keys(e).reduce((h, m) => ((!s || !r.find((v) => v == m)) && (h[m] = e[m].type === "object" && e[m].properties ? k(e[m]) : x(e[m].default)), h), {});
+  return (!s || !r.find((h) => h == "id")) && (d.id = `${t}-${Date.now()}`), d;
 }
-function S(n, e = {}) {
-  const t = _[n];
-  if (t) {
-    let r = k(t);
-    const s = G[n];
-    return r = s ? s({ getSchemaByType: S }, r, e) : r, r;
+function S(n, e = {}, t) {
+  const r = q[n];
+  if (r) {
+    let s = k(r);
+    const d = G[n];
+    return s = d ? d({ getSchemaByType: S }, s, e, t) : s, s;
   }
   return null;
 }
@@ -42,12 +42,12 @@ function ne(n = {}) {
     if (typeof u == "number")
       return b[c].length === u;
     if (typeof u == "object") {
-      const C = Object.keys(u)[0], o = u[C];
-      if (C === "not")
+      const j = Object.keys(u)[0], o = u[j];
+      if (j === "not")
         return Number(b[c].length) !== Number(o);
-      if (C === "moreThan")
+      if (j === "moreThan")
         return Number(b[c].length) >= Number(o);
-      if (C === "lessThan")
+      if (j === "lessThan")
         return Number(b[c].length) <= Number(o);
     }
     return !1;
@@ -65,14 +65,14 @@ function ne(n = {}) {
     return typeof y == "number" ? [{ target: u, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: u, operator: "getProperty", param: c, value: !!y }] : typeof y == "object" ? Object.keys(y).map((b) => {
       if (b === "length")
         return { target: u, operator: "length", param: null, value: y[b] };
-      const C = b, o = y[b];
-      return { target: u, operator: "getProperty", param: C, value: o };
+      const j = b, o = y[b];
+      return { target: u, operator: "getProperty", param: j, value: o };
     }) : [];
   }
   function d(c) {
     return Object.keys(c).reduce((u, b) => {
-      const C = s(b, c[b]);
-      return u.push(...C), u;
+      const j = s(b, c[b]);
+      return u.push(...j), u;
     }, []);
   }
   function h(c, y) {
@@ -82,21 +82,21 @@ function ne(n = {}) {
     }
     return !1;
   }
-  function v(c, y) {
-    return d(c).reduce((C, o) => C && h(o, y), !0);
+  function m(c, y) {
+    return d(c).reduce((j, o) => j && h(o, y), !0);
   }
-  function g(c, y) {
-    const u = Object.keys(c), b = u.includes("allOf"), C = u.includes("anyOf"), o = b || C, f = (o ? c[o ? b ? "allOf" : "anyOf" : "allOf"] : [c]).map((i) => v(i, y));
+  function v(c, y) {
+    const u = Object.keys(c), b = u.includes("allOf"), j = u.includes("anyOf"), o = b || j, f = (o ? c[o ? b ? "allOf" : "anyOf" : "allOf"] : [c]).map((i) => m(i, y));
     return b ? !f.includes(!1) : f.includes(!0);
   }
-  return { parseValueSchema: g };
+  return { parseValueSchema: v };
 }
 const oe = {}, re = {};
 ne();
-function se(n, e, t = /* @__PURE__ */ new Map(), r = (h, v, g) => v, s = {}, d = (h) => h) {
-  return _[e.title] = e, G[e.title] = r, oe[e.title] = s, re[e.title] = d, (h = {}) => {
-    const v = te(h, e, t), g = Object.keys(n).reduce((c, y) => (c[y] = n[y].default, c), {});
-    return Object.assign(g, v);
+function se(n, e, t = /* @__PURE__ */ new Map(), r = (h, m, v) => m, s = {}, d = (h) => h) {
+  return q[e.title] = e, G[e.title] = r, oe[e.title] = s, re[e.title] = d, (h = {}) => {
+    const m = te(h, e, t), v = Object.keys(n).reduce((c, y) => (c[y] = n[y].default, c), {});
+    return Object.assign(v, m);
   };
 }
 function ae(n, e) {
@@ -210,55 +210,55 @@ const pe = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-
   props: B,
   emits: ["collapse"],
   setup(n, e) {
-    const t = N(n.position), r = N(n.title), s = N(n.folded), d = N(!1);
-    function h(g) {
-      g && g.stopPropagation(), !n.disabled && (d.value = !0, s.value = !s.value, e.emit("collapse", s.value));
+    const t = D(n.position), r = D(n.title), s = D(n.folded), d = D(!1);
+    function h(v) {
+      v && v.stopPropagation(), !n.disabled && (d.value = !0, s.value = !s.value, e.emit("collapse", s.value));
     }
-    const v = q(() => {
-      const g = {};
+    const m = _(() => {
+      const v = {};
       let c = ["top", "bottom"].indexOf(t.value) > -1 ? "height" : "width";
-      return g[c] = s.value ? "0px" : n.size + "px", g;
+      return v[c] = s.value ? "0px" : n.size + "px", v;
     });
-    return () => P("div", {
+    return () => A("div", {
       class: `f-list-nav f-list-nav-${t.value}`
-    }, [P("div", {
+    }, [A("div", {
       class: "f-list-nav-in",
-      style: v.value
-    }, [P("div", {
+      style: m.value
+    }, [A("div", {
       class: "f-list-nav-main"
-    }, [e.slots.navHeader && P("div", {
+    }, [e.slots.navHeader && A("div", {
       class: "f-list-nav-header"
-    }, [e.slots.navHeader()]), !e.slots.navHeader && r.value && P("div", {
+    }, [e.slots.navHeader()]), !e.slots.navHeader && r.value && A("div", {
       class: "f-list-nav-header"
-    }, [P("div", {
+    }, [A("div", {
       class: "f-list-nav-title"
-    }, [r.value])]), e.slots.navContent && P("div", {
+    }, [r.value])]), e.slots.navContent && A("div", {
       class: "f-list-nav-content"
-    }, [e.slots.navContent()]), e.slots.navFooter && P("div", {
+    }, [e.slots.navContent()]), e.slots.navFooter && A("div", {
       class: "f-list-nav-footer"
-    }, [e.slots.navFooter()])]), n.collapsible && P("div", {
+    }, [e.slots.navFooter()])]), n.collapsible && A("div", {
       class: ["f-list-nav-toggle-sidebar", {
         disabled: n.disabled,
         active: s.value,
         "splitter-pane-collapse-animate": d.value
       }],
-      onClick: (g) => h(g)
-    }, [P("span", {
+      onClick: (v) => h(v)
+    }, [A("span", {
       class: "triangle"
     }, null)])])]);
   }
 });
-function Te(n, e, t) {
-  var D;
+function Pe(n, e, t) {
+  var O;
   function r() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
   r();
-  const s = t && t.getStyles && t.getStyles() || "", d = t && t.getDesignerClass && t.getDesignerClass() || "", h = N();
-  function v() {
+  const s = t && t.getStyles && t.getStyles() || "", d = t && t.getDesignerClass && t.getDesignerClass() || "", h = D();
+  function m() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function g() {
+  function v() {
     return !1;
   }
   function c() {
@@ -272,14 +272,14 @@ function Te(n, e, t) {
       return null;
     if (p.value.schema && p.value.schema.type === "component")
       return p.value;
-    const j = N(p == null ? void 0 : p.value.parent), m = u(j);
-    return m || null;
+    const P = D(p == null ? void 0 : p.value.parent), g = u(P);
+    return g || null;
   }
   function b(p = e) {
-    const { componentInstance: j, designerItemElementRef: m } = p;
-    return !j || !j.value ? null : j.value.canMove ? m : b(p.parent);
+    const { componentInstance: P, designerItemElementRef: g } = p;
+    return !P || !P.value ? null : P.value.canMove ? g : b(p.parent);
   }
-  function C(p) {
+  function j(p) {
     return !!t && t.canAccepts(p);
   }
   function o() {
@@ -287,57 +287,57 @@ function Te(n, e, t) {
   }
   function l() {
   }
-  function a(p, j) {
-    j && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(j);
+  function a(p, P) {
+    P && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(P);
   }
-  function f(p) {
-    const { componentType: j } = p;
-    let m = S(j, p);
-    t && t.onResolveNewComponentSchema && (m = t.onResolveNewComponentSchema(p, m));
-    const O = j.toLowerCase().replace("-", "_");
-    return m && !m.id && m.type === j && (m.id = `${O}_${Math.random().toString().slice(2, 6)}`), m;
+  function f(p, P) {
+    const { componentType: g } = p;
+    let N = S(g, p, P);
+    t && t.onResolveNewComponentSchema && (N = t.onResolveNewComponentSchema(p, N));
+    const M = g.toLowerCase().replace("-", "_");
+    return N && !N.id && N.type === g && (N.id = `${M}_${Math.random().toString().slice(2, 6)}`), N;
   }
-  function A(p, j) {
-    const m = String(p.getAttribute("data-controltype")), O = p.getAttribute("data-feature"), M = O ? JSON.parse(O) : {};
+  function T(p, P) {
+    const g = String(p.getAttribute("data-controltype")), N = p.getAttribute("data-feature"), M = N ? JSON.parse(N) : {};
     M.parentComponentInstance = h.value;
-    let w = S(m, M);
-    t && t.onAcceptNewChildElement && (w = t.onAcceptNewChildElement(p, j, w));
-    const E = m.toLowerCase().replace("-", "_");
-    return w && !w.id && w.type === m && (w.id = `${E}_${Math.random().toString().slice(2, 6)}`), w;
+    let w = S(g, M);
+    t && t.onAcceptNewChildElement && (w = t.onAcceptNewChildElement(p, P, w));
+    const E = g.toLowerCase().replace("-", "_");
+    return w && !w.id && w.type === g && (w.id = `${E}_${Math.random().toString().slice(2, 6)}`), w;
   }
   function i(p) {
   }
-  function T(...p) {
+  function C(...p) {
     if (t && t.getPropsConfig)
       return t.getPropsConfig(...p);
   }
   return h.value = {
-    canMove: v(),
-    canSelectParent: g(),
+    canMove: m(),
+    canSelectParent: v(),
     canDelete: c(),
     canNested: !y(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
+    parent: (O = e == null ? void 0 : e.parent) == null ? void 0 : O.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: s,
     designerClass: d,
-    canAccepts: C,
+    canAccepts: j,
     getBelongedComponentInstance: u,
     getDraggableDesignItemElement: b,
     getDraggingDisplayText: o,
-    getPropConfig: T,
+    getPropConfig: C,
     getDragScopeElement: l,
     onAcceptMovedChildElement: a,
-    onAcceptNewChildElement: A,
+    onAcceptNewChildElement: T,
     onChildElementMovedOut: i,
     addNewChildComponentSchema: f,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || N(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || N(!1)
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || D(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || D(!1)
   }, h;
 }
-function Pe() {
+function Ae() {
   function n(e) {
     var s, d;
     if (!e)
@@ -347,8 +347,8 @@ function Pe() {
       return !1;
     const r = (d = t.schema.appearance) == null ? void 0 : d.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const h = t.schema.type, v = (h === "response-form" || h === "content-container") && r && r.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !v)
+      const h = t.schema.type, m = (h === "response-form" || h === "content-container") && r && r.includes("farris-form");
+      if (t.schema.type !== "response-layout-item" && !m)
         return !1;
     }
     return e.controlType !== "field-set";
@@ -357,7 +357,7 @@ function Pe() {
     basalDragulaRuleForContainer: n
   };
 }
-const Ae = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-design.gitee.io/dragging-rules.schema.json", De = "Dragging Rules", Oe = "The rules of designer canvas", we = "object", Me = {
+const Te = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-design.gitee.io/dragging-rules.schema.json", De = "Dragging Rules", Oe = "The rules of designer canvas", we = "object", Me = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -776,6 +776,80 @@ const Ae = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-
                                   "f-list-nav-left": {
                                     description: "",
                                     type: "object"
+                                  },
+                                  "f-struct-data-grid-in-nav": {
+                                    description: "",
+                                    type: "object",
+                                    properties: {
+                                      contents: {
+                                        type: "object",
+                                        properties: {
+                                          "f-section-form": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          },
+                                          "f-section-grid": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          }
+                                        }
+                                      },
+                                      rules: {
+                                        type: "object",
+                                        properties: {
+                                          canAccept: {
+                                            type: "boolean",
+                                            const: !1
+                                          },
+                                          fixed: {
+                                            type: "boolean",
+                                            const: !0
+                                          },
+                                          hidePadding: {
+                                            type: "boolean",
+                                            const: !0
+                                          }
+                                        }
+                                      }
+                                    }
                                   }
                                 }
                               }
@@ -921,28 +995,27 @@ const Ae = "https://json-schema.org/draft/2020-12/schema", Ne = "https://farris-
     description: "",
     type: "object"
   }
-}, Ee = [], Se = {
-  $schema: Ae,
+}, Ee = {
+  $schema: Te,
   $id: Ne,
   title: De,
   description: Oe,
   type: we,
-  properties: Me,
-  required: Ee
+  properties: Me
 }, F = /* @__PURE__ */ new Map();
-function $e() {
+function Se() {
   function n(o, l, a, f) {
-    var A;
+    var T;
     if (typeof a == "number")
-      return ((A = f[o]) == null ? void 0 : A.length) === a;
+      return ((T = f[o]) == null ? void 0 : T.length) === a;
     if (typeof a == "object") {
-      const i = Object.keys(a)[0], T = a[i];
+      const i = Object.keys(a)[0], C = a[i];
       if (i === "not")
-        return Number(f[o].length) !== Number(T);
+        return Number(f[o].length) !== Number(C);
       if (i === "moreThan")
-        return Number(f[o].length) >= Number(T);
+        return Number(f[o].length) >= Number(C);
       if (i === "lessThan")
-        return Number(f[o].length) <= Number(T);
+        return Number(f[o].length) <= Number(C);
     }
     return !1;
   }
@@ -966,8 +1039,8 @@ function $e() {
     return typeof l == "number" ? [{ target: a, operator: "length", param: null, value: Number(l) }] : typeof l == "object" ? Object.keys(l).map((f) => {
       if (f === "length")
         return { target: a, operator: "length", param: null, value: l[f] };
-      const A = f, i = l[f];
-      return { target: a, operator: o === "children" ? "hasChildren" : o === "parent" ? "hasParent" : "hasSibling", param: A, value: i };
+      const T = f, i = l[f];
+      return { target: a, operator: o === "children" ? "hasChildren" : o === "parent" ? "hasParent" : "hasSibling", param: T, value: i };
     }) : [];
   }
   function h(o, l) {
@@ -977,115 +1050,115 @@ function $e() {
     }
     return !1;
   }
-  function v(o, l) {
-    return Object.keys(o).reduce((i, T) => {
-      const D = d(T, o[T]);
-      return i.push(...D), i;
-    }, []).reduce((i, T) => i && h(T, l), !0);
+  function m(o, l) {
+    return Object.keys(o).reduce((i, C) => {
+      const O = d(C, o[C]);
+      return i.push(...O), i;
+    }, []).reduce((i, C) => i && h(C, l), !0);
   }
-  function g(o, l) {
-    const a = Object.keys(o), f = a.includes("allOf"), A = a.includes("anyOf"), i = f || A, p = (i ? o[i ? f ? "allOf" : "anyOf" : "allOf"] : [o]).map((m) => v(m, l));
+  function v(o, l) {
+    const a = Object.keys(o), f = a.includes("allOf"), T = a.includes("anyOf"), i = f || T, p = (i ? o[i ? f ? "allOf" : "anyOf" : "allOf"] : [o]).map((g) => m(g, l));
     return f ? !p.includes(!1) : p.includes(!0);
   }
   function c(o, l) {
     const a = o.const;
-    return a ? typeof a == "boolean" ? a : typeof a == "object" ? g(a, l) : !1 : !1;
+    return a ? typeof a == "boolean" ? a : typeof a == "object" ? v(a, l) : !1 : !1;
   }
   function y(o) {
     return (l) => {
       const a = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return o && o.properties && Object.keys(o.properties).reduce((f, A) => {
-        const i = o.properties[A];
-        return f[A] = c(i, l), f;
+      return o && o.properties && Object.keys(o.properties).reduce((f, T) => {
+        const i = o.properties[T];
+        return f[T] = c(i, l), f;
       }, a), a;
     };
   }
   function u(o, l, a) {
     if (l.type === "object" && l.properties) {
-      const { rules: f, contents: A } = l.properties;
-      a.set(o, y(f)), A && Object.keys(A.properties).forEach(
-        (i) => u(i, A.properties[i], a)
+      const { rules: f, contents: T } = l.properties;
+      a.set(o, y(f)), T && Object.keys(T.properties).forEach(
+        (i) => u(i, T.properties[i], a)
       );
     }
   }
   function b() {
-    const { properties: o } = Se;
+    const { properties: o } = Ee;
     Object.keys(o).forEach((l) => {
       u(l, o[l], F);
     });
   }
-  function C(o, l) {
+  function j(o, l) {
     const a = { canAccept: !0, fixed: !1, hidePadding: !0 };
     return F.has(o) ? F.get(o)(l) : a;
   }
-  return b(), { getRuleValue: C };
+  return b(), { getRuleValue: j };
 }
-function Le(n, e) {
-  const t = $e(), r = N(!1), s = N(!1);
-  let d = !0, h = !1, v, g = !1;
+function $e(n, e) {
+  const t = Se(), r = D(!1), s = D(!1);
+  let d = !0, h = !1, m, v = !1;
   function c(i) {
-    return v && v.componentClassList && v.componentClassList.includes("f-form-layout") && v.componentClassList.includes("farris-form") ? i.sourceType === "control" && i.controlCategory === "input" || i.sourceType === "move" && i.controlType === "form-group" : !0;
+    return m && m.componentClassList && m.componentClassList.includes("f-form-layout") && m.componentClassList.includes("farris-form") ? i.sourceType === "control" && i.controlCategory === "input" || i.sourceType === "move" && i.controlType === "form-group" : !0;
   }
   function y(i) {
-    return !(!Pe().basalDragulaRuleForContainer(i) || !d || !c(i));
+    return !(!Ae().basalDragulaRuleForContainer(i) || !d || !c(i));
   }
   function u() {
     r.value = !1, s.value = !1;
-    const i = n, T = i.appearance && i.appearance.class || "", D = T.split(" "), p = i.contents || [], j = p.length ? p[0] : null, m = j && j.appearance ? j.appearance.class : "", O = m ? m.split(" ") : [], M = p.length ? p.reduce((V, $) => {
+    const i = n, C = i.appearance && i.appearance.class || "", O = C.split(" "), p = i.contents || [], P = p.length ? p[0] : null, g = P && P.appearance ? P.appearance.class : "", N = g ? g.split(" ") : [], M = p.length ? p.reduce((V, $) => {
       const z = $ && $.appearance ? $.appearance.class : "", Y = z ? z.split(" ") : [];
       return V.push(...Y), V;
     }, []) : [], w = e, E = w && w.appearance && w.appearance.class || "", J = E ? E.split(" ") : [];
-    v = {
-      componentClass: T,
-      componentClassList: D,
+    m = {
+      componentClass: C,
+      componentClassList: O,
       childContents: p,
-      firstChildContent: j,
-      firstChildClass: m,
-      firstChildClassList: O,
+      firstChildContent: P,
+      firstChildClass: g,
+      firstChildClassList: N,
       parent: w,
       parentClass: E,
       parentClassList: J,
       children: p,
       childrenClassList: M
     };
-    const { canAccept: Q, fixed: U, hidePadding: X } = t.getRuleValue(D[0], v);
-    return d = Q, h = X, g = U, !0;
+    const { canAccept: Q, fixed: U, hidePadding: X } = t.getRuleValue(O[0], m);
+    return d = Q, h = X, v = U, !0;
   }
   function b(i) {
     Z();
   }
-  function C() {
+  function j() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function o(i, T) {
-    const D = n;
-    if ((D.appearance && D.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: m } = i, O = S("form-group");
-      return O.editor = T, O.label = m, O;
+  function o(i, C) {
+    const O = n;
+    if ((O.appearance && O.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const { label: g } = i, N = S("form-group");
+      return N.editor = C, N.label = g, N;
     }
-    return T;
+    return C;
   }
-  function l(i, T, D) {
+  function l(i, C, O) {
     const p = n;
     if ((p.appearance && p.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const O = String(i.innerText), M = S("form-group");
-      return M.editor = D, M.label = O, M;
+      const N = String(i.innerText), M = S("form-group");
+      return M.editor = O, M.label = N, M;
     }
-    return D;
+    return O;
   }
   function a() {
-    return !g;
+    return !v;
   }
   function f() {
-    return !g;
+    return !v;
   }
-  function A() {
+  function T() {
     return h;
   }
   return {
     canAccepts: y,
     resolveComponentContext: u,
-    getStyles: C,
+    getStyles: j,
     onAcceptNewChildElement: l,
     onAcceptMovedChildElement: b,
     onResolveNewComponentSchema: o,
@@ -1093,52 +1166,52 @@ function Le(n, e) {
     triggerBelongedComponentToDeleteWhenDeleted: s,
     checkCanMoveComponent: a,
     checkCanDeleteComponent: f,
-    hideNestedPaddingInDesginerView: A
+    hideNestedPaddingInDesginerView: T
   };
 }
-const Fe = /* @__PURE__ */ W({
+const Le = /* @__PURE__ */ W({
   name: "FListNavDesign",
   props: B,
   emits: [],
   setup(n, e) {
     var u;
-    const t = N(), r = R("design-item-context"), s = Le(r.schema, (u = r.parent) == null ? void 0 : u.schema), d = Te(t, r, s);
+    const t = D(), r = R("design-item-context"), s = $e(r.schema, (u = r.parent) == null ? void 0 : u.schema), d = Pe(t, r, s);
     d.value.canMove = !1, d.value.canNested = !1;
-    const h = N(n.position), v = N(n.title), g = N(!1), c = N(!1), y = q(() => {
+    const h = D(n.position), m = D(n.title), v = D(!1), c = D(!1), y = _(() => {
       const b = {};
-      let C = ["top", "bottom"].indexOf(h.value) > -1 ? "height" : "width";
-      return b[C] = g.value ? "0px" : n.size + "px", b;
+      let j = ["top", "bottom"].indexOf(h.value) > -1 ? "height" : "width";
+      return b[j] = v.value ? "0px" : n.size + "px", b;
     });
     return K(() => {
       t.value.componentInstance = d;
-    }), e.expose(d.value), () => P("div", {
+    }), e.expose(d.value), () => A("div", {
       class: `f-list-nav f-list-nav-${h.value}`
-    }, [P("div", {
+    }, [A("div", {
       class: "f-list-nav-in",
       style: y.value
-    }, [P("div", {
+    }, [A("div", {
       class: "f-list-nav-main"
-    }, [e.slots.navHeader && P("div", {
+    }, [e.slots.navHeader && A("div", {
       class: "f-list-nav-header"
-    }, [e.slots.navHeader()]), !e.slots.navHeader && v.value && P("div", {
+    }, [e.slots.navHeader()]), !e.slots.navHeader && m.value && A("div", {
       class: "f-list-nav-header"
-    }, [P("div", {
+    }, [A("div", {
       class: "f-list-nav-title"
-    }, [v.value])]), e.slots.navContent && P("div", {
+    }, [m.value])]), e.slots.navContent && A("div", {
       class: "f-list-nav-content"
-    }, [e.slots.navContent()]), e.slots.navFooter && P("div", {
+    }, [e.slots.navContent()]), e.slots.navFooter && A("div", {
       class: "f-list-nav-footer"
-    }, [e.slots.navFooter()])]), n.collapsible && P("div", {
+    }, [e.slots.navFooter()])]), n.collapsible && A("div", {
       class: ["f-list-nav-toggle-sidebar", {
         disabled: n.disabled,
-        active: g.value,
+        active: v.value,
         "splitter-pane-collapse-animate": c.value
       }]
-    }, [P("span", {
+    }, [A("span", {
       class: "triangle"
     }, null)])])]);
   }
-}), Ve = {
+}), Be = {
   install(n) {
     n.component(L.name, L);
   },
@@ -1146,12 +1219,12 @@ const Fe = /* @__PURE__ */ W({
     n["list-nav"] = L, e["list-nav"] = H;
   },
   registerDesigner(n, e, t) {
-    n["list-nav"] = Fe, e["list-nav"] = H;
+    n["list-nav"] = Le, e["list-nav"] = H;
   }
 };
 export {
   L as FListNav,
-  Ve as default,
+  Be as default,
   B as listNavProps,
   H as propsResolver
 };