@farris/ui-vue 1.2.4 → 1.2.5

package/components/nav/index.esm.js

@@ -1,22 +1,22 @@
-import { defineComponent as te, ref as A, watch as ye, computed as k, createVNode as E, createTextVNode as ne, nextTick as he, inject as be, onMounted as ve } from "vue";
-import { cloneDeep as me } from "lodash-es";
-var q = function(n, t) {
-  return q = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
+import { defineComponent as ce, ref as S, watch as ge, computed as F, createVNode as D, createTextVNode as ie, nextTick as je, inject as Ce, onMounted as Te } from "vue";
+import { cloneDeep as Pe } from "lodash-es";
+var Y = function(n, t) {
+  return Y = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
     e.__proto__ = r;
   } || function(e, r) {
     for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
-  }, q(n, t);
+  }, Y(n, t);
 };
-function re(n, t) {
+function se(n, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
-  q(n, t);
+  Y(n, t);
   function e() {
     this.constructor = n;
   }
   n.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
 }
-function X(n) {
+function ee(n) {
   var t = typeof Symbol == "function" && Symbol.iterator, e = t && n[t], r = 0;
   if (e) return e.call(n);
   if (n && typeof n.length == "number") return {
@@ -26,38 +26,38 @@ function X(n) {
   };
   throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function W(n, t) {
+function G(n, t) {
   var e = typeof Symbol == "function" && n[Symbol.iterator];
   if (!e) return n;
-  var r = e.call(n), a, o = [], u;
+  var r = e.call(n), a, o = [], f;
   try {
     for (; (t === void 0 || t-- > 0) && !(a = r.next()).done; ) o.push(a.value);
-  } catch (y) {
-    u = { error: y };
+  } catch (h) {
+    f = { error: h };
   } finally {
     try {
       a && !a.done && (e = r.return) && e.call(r);
     } finally {
-      if (u) throw u.error;
+      if (f) throw f.error;
     }
   }
   return o;
 }
-function U(n, t, e) {
+function J(n, t, e) {
   if (e || arguments.length === 2) for (var r = 0, a = t.length, o; r < a; r++)
     (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
   return n.concat(o || Array.prototype.slice.call(t));
 }
-function N(n) {
+function O(n) {
   return typeof n == "function";
 }
-function ge(n) {
+function Ae(n) {
   var t = function(r) {
     Error.call(r), r.stack = new Error().stack;
   }, e = n(t);
   return e.prototype = Object.create(Error.prototype), e.prototype.constructor = e, e;
 }
-var L = ge(function(n) {
+var W = Ae(function(n) {
   return function(e) {
     n(this), this.message = e ? e.length + ` errors occurred during unsubscription:
 ` + e.map(function(r, a) {
@@ -66,13 +66,13 @@ var L = ge(function(n) {
   `) : "", this.name = "UnsubscriptionError", this.errors = e;
   };
 });
-function Z(n, t) {
+function te(n, t) {
   if (n) {
     var e = n.indexOf(t);
     0 <= e && n.splice(e, 1);
   }
 }
-var Y = function() {
+var X = function() {
   function n(t) {
     this.initialTeardown = t, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
@@ -80,62 +80,62 @@ var Y = function() {
     var t, e, r, a, o;
     if (!this.closed) {
       this.closed = !0;
-      var u = this._parentage;
-      if (u)
-        if (this._parentage = null, Array.isArray(u))
+      var f = this._parentage;
+      if (f)
+        if (this._parentage = null, Array.isArray(f))
           try {
-            for (var y = X(u), m = y.next(); !m.done; m = y.next()) {
-              var f = m.value;
-              f.remove(this);
+            for (var h = ee(f), v = h.next(); !v.done; v = h.next()) {
+              var p = v.value;
+              p.remove(this);
             }
-          } catch (i) {
-            t = { error: i };
+          } catch (c) {
+            t = { error: c };
           } finally {
             try {
-              m && !m.done && (e = y.return) && e.call(y);
+              v && !v.done && (e = h.return) && e.call(h);
             } finally {
               if (t) throw t.error;
             }
           }
         else
-          u.remove(this);
-      var p = this.initialTeardown;
-      if (N(p))
+          f.remove(this);
+      var l = this.initialTeardown;
+      if (O(l))
         try {
-          p();
-        } catch (i) {
-          o = i instanceof L ? i.errors : [i];
+          l();
+        } catch (c) {
+          o = c instanceof W ? c.errors : [c];
         }
-      var l = this._finalizers;
-      if (l) {
+      var u = this._finalizers;
+      if (u) {
         this._finalizers = null;
         try {
-          for (var b = X(l), g = b.next(); !g.done; g = b.next()) {
-            var s = g.value;
+          for (var y = ee(u), g = y.next(); !g.done; g = y.next()) {
+            var i = g.value;
             try {
-              R(s);
-            } catch (i) {
-              o = o ?? [], i instanceof L ? o = U(U([], W(o)), W(i.errors)) : o.push(i);
+              ne(i);
+            } catch (c) {
+              o = o ?? [], c instanceof W ? o = J(J([], G(o)), G(c.errors)) : o.push(c);
             }
           }
-        } catch (i) {
-          r = { error: i };
+        } catch (c) {
+          r = { error: c };
         } finally {
           try {
-            g && !g.done && (a = b.return) && a.call(b);
+            g && !g.done && (a = y.return) && a.call(y);
           } finally {
             if (r) throw r.error;
           }
         }
       }
       if (o)
-        throw new L(o);
+        throw new W(o);
     }
   }, n.prototype.add = function(t) {
     var e;
     if (t && t !== this)
       if (this.closed)
-        R(t);
+        ne(t);
       else {
         if (t instanceof n) {
           if (t.closed || t._hasParent(this))
@@ -152,57 +152,57 @@ var Y = function() {
     this._parentage = Array.isArray(e) ? (e.push(t), e) : e ? [e, t] : t;
   }, n.prototype._removeParent = function(t) {
     var e = this._parentage;
-    e === t ? this._parentage = null : Array.isArray(e) && Z(e, t);
+    e === t ? this._parentage = null : Array.isArray(e) && te(e, t);
   }, n.prototype.remove = function(t) {
     var e = this._finalizers;
-    e && Z(e, t), t instanceof n && t._removeParent(this);
+    e && te(e, t), t instanceof n && t._removeParent(this);
   }, n.EMPTY = function() {
     var t = new n();
     return t.closed = !0, t;
   }(), n;
 }();
-Y.EMPTY;
-function oe(n) {
-  return n instanceof Y || n && "closed" in n && N(n.remove) && N(n.add) && N(n.unsubscribe);
+X.EMPTY;
+function le(n) {
+  return n instanceof X || n && "closed" in n && O(n.remove) && O(n.add) && O(n.unsubscribe);
 }
-function R(n) {
-  N(n) ? n() : n.unsubscribe();
+function ne(n) {
+  O(n) ? n() : n.unsubscribe();
 }
-var ae = {
+var pe = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, je = {
+}, Se = {
   setTimeout: function(n, t) {
     for (var e = [], r = 2; r < arguments.length; r++)
       e[r - 2] = arguments[r];
-    return setTimeout.apply(void 0, U([n, t], W(e)));
+    return setTimeout.apply(void 0, J([n, t], G(e)));
   },
   clearTimeout: function(n) {
     return clearTimeout(n);
   },
   delegate: void 0
 };
-function Ce(n) {
-  je.setTimeout(function() {
+function Ee(n) {
+  Se.setTimeout(function() {
     throw n;
   });
 }
-function K() {
+function re() {
 }
-function Pe(n) {
+function De(n) {
   n();
 }
-var ie = function(n) {
-  re(t, n);
+var ue = function(n) {
+  se(t, n);
   function t(e) {
     var r = n.call(this) || this;
-    return r.isStopped = !1, e ? (r.destination = e, oe(e) && e.add(r)) : r.destination = Ee, r;
+    return r.isStopped = !1, e ? (r.destination = e, le(e) && e.add(r)) : r.destination = ke, r;
   }
   return t.create = function(e, r, a) {
-    return new z(e, r, a);
+    return new Q(e, r, a);
   }, t.prototype.next = function(e) {
     this.isStopped || this._next(e);
   }, t.prototype.error = function(e) {
@@ -226,11 +226,11 @@ var ie = function(n) {
       this.unsubscribe();
     }
   }, t;
-}(Y), Te = Function.prototype.bind;
-function V(n, t) {
-  return Te.call(n, t);
+}(X), we = Function.prototype.bind;
+function U(n, t) {
+  return we.call(n, t);
 }
-var Ae = function() {
+var Ne = function() {
   function n(t) {
     this.partialObserver = t;
   }
@@ -240,7 +240,7 @@ var Ae = function() {
       try {
         e.next(t);
       } catch (r) {
-        F(r);
+        B(r);
       }
   }, n.prototype.error = function(t) {
     var e = this.partialObserver;
@@ -248,68 +248,68 @@ var Ae = function() {
       try {
         e.error(t);
       } catch (r) {
-        F(r);
+        B(r);
       }
     else
-      F(t);
+      B(t);
   }, n.prototype.complete = function() {
     var t = this.partialObserver;
     if (t.complete)
       try {
         t.complete();
       } catch (e) {
-        F(e);
+        B(e);
       }
   }, n;
-}(), z = function(n) {
-  re(t, n);
+}(), Q = function(n) {
+  se(t, n);
   function t(e, r, a) {
-    var o = n.call(this) || this, u;
-    if (N(e) || !e)
-      u = {
+    var o = n.call(this) || this, f;
+    if (O(e) || !e)
+      f = {
         next: e ?? void 0,
         error: r ?? void 0,
         complete: a ?? void 0
       };
     else {
-      var y;
-      o && ae.useDeprecatedNextContext ? (y = Object.create(e), y.unsubscribe = function() {
+      var h;
+      o && pe.useDeprecatedNextContext ? (h = Object.create(e), h.unsubscribe = function() {
         return o.unsubscribe();
-      }, u = {
-        next: e.next && V(e.next, y),
-        error: e.error && V(e.error, y),
-        complete: e.complete && V(e.complete, y)
-      }) : u = e;
+      }, f = {
+        next: e.next && U(e.next, h),
+        error: e.error && U(e.error, h),
+        complete: e.complete && U(e.complete, h)
+      }) : f = e;
     }
-    return o.destination = new Ae(u), o;
+    return o.destination = new Ne(f), o;
   }
   return t;
-}(ie);
-function F(n) {
-  Ce(n);
+}(ue);
+function B(n) {
+  Ee(n);
 }
-function Se(n) {
+function Oe(n) {
   throw n;
 }
-var Ee = {
+var ke = {
   closed: !0,
-  next: K,
-  error: Se,
-  complete: K
-}, De = function() {
+  next: re,
+  error: Oe,
+  complete: re
+}, Me = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function we(n) {
+function _e(n) {
   return n;
 }
-function Ne(n) {
-  return n.length === 0 ? we : n.length === 1 ? n[0] : function(e) {
+function Fe(n) {
+  return n.length === 0 ? _e : n.length === 1 ? n[0] : function(e) {
     return n.reduce(function(r, a) {
       return a(r);
     }, e);
   };
 }
-var Oe = function() {
+var $e = function() {
   function n(t) {
     t && (this._subscribe = t);
   }
@@ -317,10 +317,10 @@ var Oe = function() {
     var e = new n();
     return e.source = this, e.operator = t, e;
   }, n.prototype.subscribe = function(t, e, r) {
-    var a = this, o = Me(t) ? t : new z(t, e, r);
-    return Pe(function() {
-      var u = a, y = u.operator, m = u.source;
-      o.add(y ? y.call(o, m) : m ? a._subscribe(o) : a._trySubscribe(o));
+    var a = this, o = xe(t) ? t : new Q(t, e, r);
+    return De(function() {
+      var f = a, h = f.operator, v = f.source;
+      o.add(h ? h.call(o, v) : v ? a._subscribe(o) : a._trySubscribe(o));
     }), o;
   }, n.prototype._trySubscribe = function(t) {
     try {
@@ -330,37 +330,37 @@ var Oe = function() {
     }
   }, n.prototype.forEach = function(t, e) {
     var r = this;
-    return e = I(e), new e(function(a, o) {
-      var u = new z({
-        next: function(y) {
+    return e = oe(e), new e(function(a, o) {
+      var f = new Q({
+        next: function(h) {
           try {
-            t(y);
-          } catch (m) {
-            o(m), u.unsubscribe();
+            t(h);
+          } catch (v) {
+            o(v), f.unsubscribe();
           }
         },
         error: o,
         complete: a
       });
-      r.subscribe(u);
+      r.subscribe(f);
     });
   }, n.prototype._subscribe = function(t) {
     var e;
     return (e = this.source) === null || e === void 0 ? void 0 : e.subscribe(t);
-  }, n.prototype[De] = function() {
+  }, n.prototype[Me] = function() {
     return this;
   }, n.prototype.pipe = function() {
     for (var t = [], e = 0; e < arguments.length; e++)
       t[e] = arguments[e];
-    return Ne(t)(this);
+    return Fe(t)(this);
   }, n.prototype.toPromise = function(t) {
     var e = this;
-    return t = I(t), new t(function(r, a) {
+    return t = oe(t), new t(function(r, a) {
       var o;
-      e.subscribe(function(u) {
-        return o = u;
-      }, function(u) {
-        return a(u);
+      e.subscribe(function(f) {
+        return o = f;
+      }, function(f) {
+        return a(f);
       }, function() {
         return r(o);
       });
@@ -369,121 +369,121 @@ var Oe = function() {
     return new n(t);
   }, n;
 }();
-function I(n) {
+function oe(n) {
   var t;
-  return (t = n ?? ae.Promise) !== null && t !== void 0 ? t : Promise;
+  return (t = n ?? pe.Promise) !== null && t !== void 0 ? t : Promise;
 }
-function ke(n) {
-  return n && N(n.next) && N(n.error) && N(n.complete);
+function Le(n) {
+  return n && O(n.next) && O(n.error) && O(n.complete);
 }
-function Me(n) {
-  return n && n instanceof ie || ke(n) && oe(n);
+function xe(n) {
+  return n && n instanceof ue || Le(n) && le(n);
 }
-const se = {}, ce = {};
-function G(n) {
-  const { properties: t, title: e } = n, r = Object.keys(t).reduce((a, o) => (a[o] = t[o].type === "object" && t[o].properties ? G(t[o]) : me(t[o].default), a), {});
+const fe = {}, de = {};
+function Z(n) {
+  const { properties: t, title: e } = n, r = Object.keys(t).reduce((a, o) => (a[o] = t[o].type === "object" && t[o].properties ? Z(t[o]) : Pe(t[o].default), a), {});
   return r.id = `${e}-${Date.now()}`, r;
 }
-function _(n, t = {}) {
-  const e = se[n];
+function L(n, t = {}) {
+  const e = fe[n];
   if (e) {
-    let r = G(e);
-    const a = ce[n];
-    return r = a ? a({ getSchemaByType: _ }, r, t) : r, r;
+    let r = Z(e);
+    const a = de[n];
+    return r = a ? a({ getSchemaByType: L }, r, t) : r, r;
   }
   return null;
 }
-function _e(n, t) {
-  const e = G(t);
+function Be(n, t) {
+  const e = Z(t);
   return Object.keys(n).reduce((r, a) => (r[a] = n[a], r), e), e;
 }
-function Fe(n, t) {
+function Ve(n, t) {
   return Object.keys(n).filter((r) => n[r] != null).reduce((r, a) => {
     if (t.has(a)) {
       const o = t.get(a);
       if (typeof o == "string")
         r[o] = n[a];
       else {
-        const u = o(a, n[a], n);
-        Object.assign(r, u);
+        const f = o(a, n[a], n);
+        Object.assign(r, f);
       }
     } else
       r[a] = n[a];
     return r;
   }, {});
 }
-function $e(n, t, e = /* @__PURE__ */ new Map()) {
-  const r = _e(n, t);
-  return Fe(r, e);
+function qe(n, t, e = /* @__PURE__ */ new Map()) {
+  const r = Be(n, t);
+  return Ve(r, e);
 }
-function Le(n = {}) {
-  function t(f, p, l, b) {
-    if (typeof l == "number")
-      return b[f].length === l;
-    if (typeof l == "object") {
-      const g = Object.keys(l)[0], s = l[g];
+function We(n = {}) {
+  function t(p, l, u, y) {
+    if (typeof u == "number")
+      return y[p].length === u;
+    if (typeof u == "object") {
+      const g = Object.keys(u)[0], i = u[g];
       if (g === "not")
-        return Number(b[f].length) !== Number(s);
+        return Number(y[p].length) !== Number(i);
       if (g === "moreThan")
-        return Number(b[f].length) >= Number(s);
+        return Number(y[p].length) >= Number(i);
       if (g === "lessThan")
-        return Number(b[f].length) <= Number(s);
+        return Number(y[p].length) <= Number(i);
     }
     return !1;
   }
-  function e(f, p, l, b) {
-    return b[f] && b[f].propertyValue && String(b[f].propertyValue.value) === String(l);
+  function e(p, l, u, y) {
+    return y[p] && y[p].propertyValue && String(y[p].propertyValue.value) === String(u);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", e]
   ]);
-  Object.keys(n).reduce((f, p) => (f.set(p, n[p]), f), r);
-  function a(f, p) {
-    const l = f;
-    return typeof p == "number" ? [{ target: l, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: l, operator: "getProperty", param: f, value: !!p }] : typeof p == "object" ? Object.keys(p).map((b) => {
-      if (b === "length")
-        return { target: l, operator: "length", param: null, value: p[b] };
-      const g = b, s = p[b];
-      return { target: l, operator: "getProperty", param: g, value: s };
+  Object.keys(n).reduce((p, l) => (p.set(l, n[l]), p), r);
+  function a(p, l) {
+    const u = p;
+    return typeof l == "number" ? [{ target: u, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: u, operator: "getProperty", param: p, value: !!l }] : typeof l == "object" ? Object.keys(l).map((y) => {
+      if (y === "length")
+        return { target: u, operator: "length", param: null, value: l[y] };
+      const g = y, i = l[y];
+      return { target: u, operator: "getProperty", param: g, value: i };
     }) : [];
   }
-  function o(f) {
-    return Object.keys(f).reduce((l, b) => {
-      const g = a(b, f[b]);
-      return l.push(...g), l;
+  function o(p) {
+    return Object.keys(p).reduce((u, y) => {
+      const g = a(y, p[y]);
+      return u.push(...g), u;
     }, []);
   }
-  function u(f, p) {
-    if (r.has(f.operator)) {
-      const l = r.get(f.operator);
-      return l && l(f.target, f.param, f.value, p) || !1;
+  function f(p, l) {
+    if (r.has(p.operator)) {
+      const u = r.get(p.operator);
+      return u && u(p.target, p.param, p.value, l) || !1;
     }
     return !1;
   }
-  function y(f, p) {
-    return o(f).reduce((g, s) => g && u(s, p), !0);
+  function h(p, l) {
+    return o(p).reduce((g, i) => g && f(i, l), !0);
   }
-  function m(f, p) {
-    const l = Object.keys(f), b = l.includes("allOf"), g = l.includes("anyOf"), s = b || g, v = (s ? f[s ? b ? "allOf" : "anyOf" : "allOf"] : [f]).map((d) => y(d, p));
-    return b ? !v.includes(!1) : v.includes(!0);
+  function v(p, l) {
+    const u = Object.keys(p), y = u.includes("allOf"), g = u.includes("anyOf"), i = y || g, b = (i ? p[i ? y ? "allOf" : "anyOf" : "allOf"] : [p]).map((C) => h(C, l));
+    return y ? !b.includes(!1) : b.includes(!0);
   }
-  return { parseValueSchema: m };
+  return { parseValueSchema: v };
 }
-const Ve = {}, Be = {};
-Le();
-function xe(n, t, e = /* @__PURE__ */ new Map(), r = (u, y, m) => y, a = {}, o = (u) => u) {
-  return se[t.title] = t, ce[t.title] = r, Ve[t.title] = a, Be[t.title] = o, (u = {}) => {
-    const y = $e(u, t, e), m = Object.keys(n).reduce((f, p) => (f[p] = n[p].default, f), {});
-    return Object.assign(m, y);
+const Ue = {}, ze = {};
+We();
+function He(n, t, e = /* @__PURE__ */ new Map(), r = (f, h, v) => h, a = {}, o = (f) => f) {
+  return fe[t.title] = t, de[t.title] = r, Ue[t.title] = a, ze[t.title] = o, (f = {}) => {
+    const h = qe(f, t, e), v = Object.keys(n).reduce((p, l) => (p[l] = n[l].default, p), {});
+    return Object.assign(v, h);
   };
 }
-function qe(n, t) {
+function Ye(n, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const We = /* @__PURE__ */ new Map([
-  ["appearance", qe]
-]), Ue = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-design.gitee.io/nav.schema.json", Ye = "nav", Ge = "A Farris Component", He = "object", Je = {
+const Ge = /* @__PURE__ */ new Map([
+  ["appearance", Ye]
+]), Je = "https://json-schema.org/draft/2020-12/schema", Qe = "https://farris-design.gitee.io/nav.schema.json", Xe = "nav", Ze = "A Farris Component", Re = "object", Ke = {
   id: {
     description: "The unique identifier for a nav",
     type: "string"
@@ -575,22 +575,22 @@ const We = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, Qe = [
+}, Ie = [
   "id",
   "type"
-], Xe = {
-  $schema: Ue,
-  $id: ze,
-  title: Ye,
-  description: Ge,
-  type: He,
-  properties: Je,
-  required: Qe
+], et = {
+  $schema: Je,
+  $id: Qe,
+  title: Xe,
+  description: Ze,
+  type: Re,
+  properties: Ke,
+  required: Ie
 };
-function Ze(n, t, e) {
+function tt(n, t, e) {
   return t;
 }
-const Re = "nav", Ke = "A Farris Component", Ie = "object", et = {
+const nt = "nav", rt = "A Farris Component", ot = "object", at = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -672,12 +672,12 @@ const Re = "nav", Ke = "A Farris Component", Ie = "object", et = {
       }
     }
   }
-}, tt = {
-  title: Re,
-  description: Ke,
-  type: Ie,
-  categories: et
-}, H = {
+}, ct = {
+  title: nt,
+  description: rt,
+  type: ot,
+  categories: at
+}, R = {
   /** 未读最大值 */
   maxNum: { Type: Number, default: 99 },
   /** 导航数据 */
@@ -710,167 +710,167 @@ const Re = "nav", Ke = "A Farris Component", Ie = "object", et = {
   /** 当前激活的id */
   activeNavId: { Type: String, default: "1" },
   /** nav切换前事件 */
-  navPicking: { Type: Function, default: (n) => Oe }
-}, ee = xe(H, Xe, We, Ze, tt), B = /* @__PURE__ */ te({
+  navPicking: { Type: Function, default: (n) => $e }
+}, ae = He(R, et, Ge, tt, ct), z = /* @__PURE__ */ ce({
   name: "FNav",
-  props: H,
+  props: R,
   emits: ["nav", "update:activeNavId"],
   setup(n, t) {
-    const e = A(n.activeNavId), r = A(n.navData), a = A(n.horizontal);
-    A(n.navPicking), ye(() => n.activeNavId, (p, l) => {
-      p !== l && (e.value = p);
+    const e = S(n.activeNavId), r = S(n.navData), a = S(n.horizontal);
+    S(n.navPicking), ge(() => n.activeNavId, (l, u) => {
+      l !== u && (e.value = l);
     });
-    const o = k({
+    const o = F({
       get() {
         return r.value;
       },
-      set(p) {
-        r.value = p, m();
+      set(l) {
+        r.value = l, v();
       }
-    }), u = k({
+    }), f = F({
       get() {
         return e.value;
       },
-      set(p) {
-        if (e.value = p, e.value && o && o.value.length) {
-          const l = o.value.find((b) => b.id === e.value);
-          l && t.emit("nav", l);
+      set(l) {
+        if (e.value = l, e.value && o && o.value.length) {
+          const u = o.value.find((y) => y.id === e.value);
+          u && t.emit("nav", u);
         }
       }
-    }), y = k({
-      set(p) {
-        a.value = p;
+    }), h = F({
+      set(l) {
+        a.value = l;
       },
       get() {
         return a.value;
       }
     });
-    function m() {
+    function v() {
       if (o.value && o.value.length && !e.value) {
-        const p = o.value.find((l) => !l.disable);
-        p && (e.value = p.id);
+        const l = o.value.find((u) => !u.disable);
+        l && (e.value = l.id);
       }
     }
-    function f(p) {
-      p.disable || p.id === e.value || (e.value = p.id, t.emit("update:activeNavId", p.id), t.emit("nav", p));
+    function p(l) {
+      l.disable || l.id === e.value || (e.value = l.id, t.emit("update:activeNavId", l.id), t.emit("nav", l));
     }
     return () => {
-      var p;
-      return E("div", {
+      var l;
+      return D("div", {
         class: ["farris-nav", {
-          "farris-nav-vertical": !y.value
+          "farris-nav-vertical": !h.value
         }]
-      }, [(p = o.value) == null ? void 0 : p.map((l) => E("div", {
+      }, [(l = o.value) == null ? void 0 : l.map((u) => D("div", {
         class: ["farris-nav-item", {
-          active: l.id === u.value
+          active: u.id === f.value
         }, {
-          disabled: l.disable
+          disabled: u.disable
         }],
-        onClick: () => f(l)
-      }, [E("div", {
+        onClick: () => p(u)
+      }, [D("div", {
         class: "farris-nav-item-link"
-      }, [E("span", {
+      }, [D("span", {
         class: "farris-nav-item-link-text"
-      }, [typeof l.text == "function" ? l.text() : l.text, l.num && E("div", {
+      }, [typeof u.text == "function" ? u.text() : u.text, u.num && D("div", {
         class: "farris-nav-item-tag"
-      }, [l.num <= n.maxNum && E("span", {
+      }, [u.num <= n.maxNum && D("span", {
         class: "tag-text"
-      }, [l.num]), l.num > n.maxNum && E("span", {
+      }, [u.num]), u.num > n.maxNum && D("span", {
         class: "tag-text"
-      }, [n.maxNum, ne("+")])])])])]))]);
+      }, [n.maxNum, ie("+")])])])])]))]);
     };
   }
 });
-function nt(n, t, e) {
-  var S;
+function it(n, t, e) {
+  var M;
   function r() {
     e != null && e.resolveComponentContext && e.resolveComponentContext();
   }
   r();
-  const a = e && e.getStyles && e.getStyles() || "", o = e && e.getDesignerClass && e.getDesignerClass() || "", u = A();
-  function y() {
+  const a = e && e.getStyles && e.getStyles() || "", o = e && e.getDesignerClass && e.getDesignerClass() || "", f = S();
+  function h() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
   }
-  function m() {
+  function v() {
     return !1;
   }
-  function f() {
+  function p() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
   }
-  function p() {
+  function l() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(h) {
-    if (!h || !h.value)
+  function u(m) {
+    if (!m || !m.value)
       return null;
-    if (h.value.schema && h.value.schema.type === "component")
-      return h.value;
-    const C = A(h == null ? void 0 : h.value.parent), j = l(C);
-    return j || null;
+    if (m.value.schema && m.value.schema.type === "component")
+      return m.value;
+    const A = S(m == null ? void 0 : m.value.parent), d = u(A);
+    return d || null;
   }
-  function b(h = t) {
-    const { componentInstance: C, designerItemElementRef: j } = h;
-    return !C || !C.value ? null : C.value.canMove ? j : b(h.parent);
+  function y(m = t) {
+    const { componentInstance: A, designerItemElementRef: d } = m;
+    return !A || !A.value ? null : A.value.canMove ? d : y(m.parent);
   }
-  function g(h) {
-    return !!e && e.canAccepts(h);
+  function g(m) {
+    return !!e && e.canAccepts(m);
   }
-  function s() {
+  function i() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function i() {
+  function c() {
   }
-  function c(h, C) {
-    C && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(C);
+  function s(m, A) {
+    A && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(A);
   }
-  function v(h) {
-    const { componentType: C } = h;
-    let j = _(C, h);
-    e && e.onResolveNewComponentSchema && (j = e.onResolveNewComponentSchema(h, j));
-    const D = C.toLowerCase().replace("-", "_");
-    return j && !j.id && j.type === C && (j.id = `${D}_${Math.random().toString().slice(2, 6)}`), j;
+  function b(m) {
+    const { componentType: A } = m;
+    let d = L(A, m);
+    e && e.onResolveNewComponentSchema && (d = e.onResolveNewComponentSchema(m, d));
+    const j = A.toLowerCase().replace("-", "_");
+    return d && !d.id && d.type === A && (d.id = `${j}_${Math.random().toString().slice(2, 6)}`), d;
   }
-  function T(h, C) {
-    const j = String(h.getAttribute("data-controltype")), D = h.getAttribute("data-feature"), O = D ? JSON.parse(D) : {};
-    O.parentComponentInstance = u.value;
-    let w = _(j, O);
-    e && e.onAcceptNewChildElement && (w = e.onAcceptNewChildElement(h, C, w));
-    const M = j.toLowerCase().replace("-", "_");
-    return w && !w.id && w.type === j && (w.id = `${M}_${Math.random().toString().slice(2, 6)}`), w;
+  function P(m, A) {
+    const d = String(m.getAttribute("data-controltype")), j = m.getAttribute("data-feature"), w = j ? JSON.parse(j) : {};
+    w.parentComponentInstance = f.value;
+    let T = L(d, w);
+    e && e.onAcceptNewChildElement && (T = e.onAcceptNewChildElement(m, A, T));
+    const k = d.toLowerCase().replace("-", "_");
+    return T && !T.id && T.type === d && (T.id = `${k}_${Math.random().toString().slice(2, 6)}`), T;
   }
-  function d(h) {
+  function C(m) {
   }
-  function P(...h) {
+  function E(...m) {
     if (e && e.getPropsConfig)
-      return e.getPropsConfig(...h);
+      return e.getPropsConfig(...m);
   }
-  return u.value = {
-    canMove: y(),
-    canSelectParent: m(),
-    canDelete: f(),
-    canNested: !p(),
+  return f.value = {
+    canMove: h(),
+    canSelectParent: v(),
+    canDelete: p(),
+    canNested: !l(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: n,
-    parent: (S = t == null ? void 0 : t.parent) == null ? void 0 : S.componentInstance,
+    parent: (M = t == null ? void 0 : t.parent) == null ? void 0 : M.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: a,
     designerClass: o,
     canAccepts: g,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: b,
-    getDraggingDisplayText: s,
-    getPropConfig: P,
-    getDragScopeElement: i,
-    onAcceptMovedChildElement: c,
-    onAcceptNewChildElement: T,
-    onChildElementMovedOut: d,
-    addNewChildComponentSchema: v,
+    getBelongedComponentInstance: u,
+    getDraggableDesignItemElement: y,
+    getDraggingDisplayText: i,
+    getPropConfig: E,
+    getDragScopeElement: c,
+    onAcceptMovedChildElement: s,
+    onAcceptNewChildElement: P,
+    onChildElementMovedOut: C,
+    addNewChildComponentSchema: b,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || A(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || A(!1)
-  }, u;
+    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || S(!1)
+  }, f;
 }
-function rt() {
+function st() {
   function n(t) {
     var a, o;
     if (!t)
@@ -880,8 +880,8 @@ function rt() {
       return !1;
     const r = (o = e.schema.appearance) == null ? void 0 : o.class;
     if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const u = e.schema.type, y = (u === "response-form" || u === "content-container") && r && r.includes("farris-form");
-      if (e.schema.type !== "response-layout-item" && !y)
+      const f = e.schema.type, h = (f === "response-form" || f === "content-container") && r && r.includes("farris-form");
+      if (e.schema.type !== "response-layout-item" && !h)
         return !1;
     }
     return t.controlType !== "field-set";
@@ -890,7 +890,7 @@ function rt() {
     basalDragulaRuleForContainer: n
   };
 }
-const ot = "https://json-schema.org/draft/2020-12/schema", at = "https://farris-design.gitee.io/dragging-rules.schema.json", it = "Dragging Rules", st = "The rules of designer canvas", ct = "object", pt = {
+const lt = "https://json-schema.org/draft/2020-12/schema", pt = "https://farris-design.gitee.io/dragging-rules.schema.json", ut = "Dragging Rules", ft = "The rules of designer canvas", dt = "object", yt = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -1454,39 +1454,39 @@ const ot = "https://json-schema.org/draft/2020-12/schema", at = "https://farris-
     description: "",
     type: "object"
   }
-}, lt = [], ut = {
-  $schema: ot,
-  $id: at,
-  title: it,
-  description: st,
-  type: ct,
-  properties: pt,
-  required: lt
-}, x = /* @__PURE__ */ new Map();
-function ft() {
-  function n(s, i, c, v) {
-    var T;
-    if (typeof c == "number")
-      return ((T = v[s]) == null ? void 0 : T.length) === c;
-    if (typeof c == "object") {
-      const d = Object.keys(c)[0], P = c[d];
-      if (d === "not")
-        return Number(v[s].length) !== Number(P);
-      if (d === "moreThan")
-        return Number(v[s].length) >= Number(P);
-      if (d === "lessThan")
-        return Number(v[s].length) <= Number(P);
+}, ht = [], bt = {
+  $schema: lt,
+  $id: pt,
+  title: ut,
+  description: ft,
+  type: dt,
+  properties: yt,
+  required: ht
+}, H = /* @__PURE__ */ new Map();
+function mt() {
+  function n(i, c, s, b) {
+    var P;
+    if (typeof s == "number")
+      return ((P = b[i]) == null ? void 0 : P.length) === s;
+    if (typeof s == "object") {
+      const C = Object.keys(s)[0], E = s[C];
+      if (C === "not")
+        return Number(b[i].length) !== Number(E);
+      if (C === "moreThan")
+        return Number(b[i].length) >= Number(E);
+      if (C === "lessThan")
+        return Number(b[i].length) <= Number(E);
     }
     return !1;
   }
-  function t(s, i, c, v) {
-    return typeof c == "boolean" ? v.childrenClassList.includes(i) === !!c : !1;
+  function t(i, c, s, b) {
+    return typeof s == "boolean" ? b.childrenClassList.includes(c) === !!s : !1;
   }
-  function e(s, i, c, v) {
-    return typeof c == "boolean" ? v.parentClassList.includes(i) === !!c : !1;
+  function e(i, c, s, b) {
+    return typeof s == "boolean" ? b.parentClassList.includes(c) === !!s : !1;
   }
-  function r(s, i, c, v) {
-    return typeof c == "boolean" ? v.parentClassList.includes(i) === !!c : !1;
+  function r(i, c, s, b) {
+    return typeof s == "boolean" ? b.parentClassList.includes(c) === !!s : !1;
   }
   const a = /* @__PURE__ */ new Map([
     ["length", n],
@@ -1494,228 +1494,270 @@ function ft() {
     ["hasSibling", r],
     ["hasParent", e]
   ]);
-  function o(s, i) {
-    const c = s;
-    return typeof i == "number" ? [{ target: c, operator: "length", param: null, value: Number(i) }] : typeof i == "object" ? Object.keys(i).map((v) => {
-      if (v === "length")
-        return { target: c, operator: "length", param: null, value: i[v] };
-      const T = v, d = i[v];
-      return { target: c, operator: s === "children" ? "hasChildren" : s === "parent" ? "hasParent" : "hasSibling", param: T, value: d };
+  function o(i, c) {
+    const s = i;
+    return typeof c == "number" ? [{ target: s, operator: "length", param: null, value: Number(c) }] : typeof c == "object" ? Object.keys(c).map((b) => {
+      if (b === "length")
+        return { target: s, operator: "length", param: null, value: c[b] };
+      const P = b, C = c[b];
+      return { target: s, operator: i === "children" ? "hasChildren" : i === "parent" ? "hasParent" : "hasSibling", param: P, value: C };
     }) : [];
   }
-  function u(s, i) {
-    if (a.has(s.operator)) {
-      const c = a.get(s.operator);
-      return c && c(s.target, s.param, s.value, i) || !1;
+  function f(i, c) {
+    if (a.has(i.operator)) {
+      const s = a.get(i.operator);
+      return s && s(i.target, i.param, i.value, c) || !1;
     }
     return !1;
   }
-  function y(s, i) {
-    return Object.keys(s).reduce((d, P) => {
-      const S = o(P, s[P]);
-      return d.push(...S), d;
-    }, []).reduce((d, P) => d && u(P, i), !0);
+  function h(i, c) {
+    return Object.keys(i).reduce((C, E) => {
+      const M = o(E, i[E]);
+      return C.push(...M), C;
+    }, []).reduce((C, E) => C && f(E, c), !0);
   }
-  function m(s, i) {
-    const c = Object.keys(s), v = c.includes("allOf"), T = c.includes("anyOf"), d = v || T, h = (d ? s[d ? v ? "allOf" : "anyOf" : "allOf"] : [s]).map((j) => y(j, i));
-    return v ? !h.includes(!1) : h.includes(!0);
+  function v(i, c) {
+    const s = Object.keys(i), b = s.includes("allOf"), P = s.includes("anyOf"), C = b || P, m = (C ? i[C ? b ? "allOf" : "anyOf" : "allOf"] : [i]).map((d) => h(d, c));
+    return b ? !m.includes(!1) : m.includes(!0);
   }
-  function f(s, i) {
-    const c = s.const;
-    return c ? typeof c == "boolean" ? c : typeof c == "object" ? m(c, i) : !1 : !1;
+  function p(i, c) {
+    const s = i.const;
+    return s ? typeof s == "boolean" ? s : typeof s == "object" ? v(s, c) : !1 : !1;
   }
-  function p(s) {
-    return (i) => {
-      const c = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return s && s.properties && Object.keys(s.properties).reduce((v, T) => {
-        const d = s.properties[T];
-        return v[T] = f(d, i), v;
-      }, c), c;
+  function l(i) {
+    return (c) => {
+      const s = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      return i && i.properties && Object.keys(i.properties).reduce((b, P) => {
+        const C = i.properties[P];
+        return b[P] = p(C, c), b;
+      }, s), s;
     };
   }
-  function l(s, i, c) {
-    if (i.type === "object" && i.properties) {
-      const { rules: v, contents: T } = i.properties;
-      c.set(s, p(v)), T && Object.keys(T.properties).forEach(
-        (d) => l(d, T.properties[d], c)
+  function u(i, c, s) {
+    if (c.type === "object" && c.properties) {
+      const { rules: b, contents: P } = c.properties;
+      s.set(i, l(b)), P && Object.keys(P.properties).forEach(
+        (C) => u(C, P.properties[C], s)
       );
     }
   }
-  function b() {
-    const { properties: s } = ut;
-    Object.keys(s).forEach((i) => {
-      l(i, s[i], x);
+  function y() {
+    const { properties: i } = bt;
+    Object.keys(i).forEach((c) => {
+      u(c, i[c], H);
     });
   }
-  function g(s, i) {
-    const c = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return x.has(s) ? x.get(s)(i) : c;
+  function g(i, c) {
+    const s = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return H.has(i) ? H.get(i)(c) : s;
   }
-  return b(), { getRuleValue: g };
+  return y(), { getRuleValue: g };
 }
-function dt(n, t) {
-  const e = ft(), r = A(!1), a = A(!1);
-  let o = !0, u = !1, y, m = !1;
-  function f(d) {
-    return y && y.componentClassList && y.componentClassList.includes("f-form-layout") && y.componentClassList.includes("farris-form") ? d.sourceType === "control" && d.controlCategory === "input" || d.sourceType === "move" && d.controlType === "form-group" : !0;
+function vt(n, t) {
+  var A;
+  const e = n.schema, r = (A = n.parent) == null ? void 0 : A.schema, a = mt(), o = S(!1), f = S(!1);
+  let h = !0, v = !1, p, l = !1;
+  function u(d) {
+    return p && p.componentClassList && p.componentClassList.includes("f-form-layout") && p.componentClassList.includes("farris-form") ? d.sourceType === "control" && d.controlCategory === "input" || d.sourceType === "move" && d.controlType === "form-group" : !0;
   }
-  function p(d) {
-    return !(!rt().basalDragulaRuleForContainer(d) || !o || !f(d));
+  function y(d) {
+    return !(!st().basalDragulaRuleForContainer(d) || !h || !u(d));
   }
-  function l() {
-    r.value = !1, a.value = !1;
-    const d = n, P = d.appearance && d.appearance.class || "", S = P.split(" "), h = d.contents || [], C = h.length ? h[0] : null, j = C && C.appearance ? C.appearance.class : "", D = j ? j.split(" ") : [], O = h.length ? h.reduce((J, $) => {
-      const Q = $ && $.appearance ? $.appearance.class : "", de = Q ? Q.split(" ") : [];
-      return J.push(...de), J;
-    }, []) : [], w = t, M = w && w.appearance && w.appearance.class || "", pe = M ? M.split(" ") : [];
-    y = {
-      componentClass: P,
-      componentClassList: S,
-      childContents: h,
-      firstChildContent: C,
-      firstChildClass: j,
-      firstChildClassList: D,
-      parent: w,
-      parentClass: M,
-      parentClassList: pe,
-      children: h,
-      childrenClassList: O
+  function g() {
+    o.value = !1, f.value = !1;
+    const d = e, j = d.appearance && d.appearance.class || "", w = j.split(" "), T = d.contents || [], k = T.length ? T[0] : null, _ = k && k.appearance ? k.appearance.class : "", N = _ ? _.split(" ") : [], $ = T.length ? T.reduce((K, q) => {
+      const I = q && q.appearance ? q.appearance.class : "", ve = I ? I.split(" ") : [];
+      return K.push(...ve), K;
+    }, []) : [], x = r, V = x && x.appearance && x.appearance.class || "", ye = V ? V.split(" ") : [];
+    p = {
+      componentClass: j,
+      componentClassList: w,
+      childContents: T,
+      firstChildContent: k,
+      firstChildClass: _,
+      firstChildClassList: N,
+      parent: x,
+      parentClass: V,
+      parentClassList: ye,
+      children: T,
+      childrenClassList: $
     };
-    const { canAccept: le, fixed: ue, hidePadding: fe } = e.getRuleValue(S[0], y);
-    return o = le, u = fe, m = ue, !0;
+    const { canAccept: he, fixed: be, hidePadding: me } = a.getRuleValue(w[0], p);
+    return h = he, v = me, l = be, !0;
   }
-  function b(d) {
-    he();
+  function i(d) {
+    je();
   }
-  function g() {
-    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  function c() {
+    return e.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function s(d, P) {
-    const S = n;
-    if ((S.appearance && S.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: j } = d, D = _("form-group");
-      return D.editor = P, D.label = j, D;
+  function s(d, j) {
+    const w = e;
+    if ((w.appearance && w.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const { label: _ } = d, N = L("form-group");
+      return N.editor = j, N.label = _, b(N), delete N.editor.id, delete N.editor.binding, delete N.editor.appearance, delete N.editor.visible, N;
     }
-    return P;
+    return j;
   }
-  function i(d, P, S) {
-    const h = n;
-    if ((h.appearance && h.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const D = String(d.innerText), O = _("form-group");
-      return O.editor = S, O.label = D, O;
+  function b(d) {
+    const j = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
+    if (j && j.schema && j.schema.componentType) {
+      const w = j.schema.componentType, T = P(w);
+      d.appearance || (d.appearance = {}), d.appearance.class = T;
     }
-    return S;
   }
-  function c() {
-    return !m;
+  function P(d) {
+    let j = "";
+    switch (d) {
+      case "form-col-1": {
+        j = "col-12 col-md-12 col-xl-12 col-el-12";
+        break;
+      }
+      case "form-col-12": {
+        j = "col-12 col-md-12 col-xl-12 col-el-12";
+        break;
+      }
+      case "form-col-2": {
+        j = "col-12 col-md-6 col-xl-6 col-el-6";
+        break;
+      }
+      case "form-col-3": {
+        j = "col-12 col-md-6 col-xl-4 col-el-4";
+        break;
+      }
+      case "form-col-4": {
+        j = "col-12 col-md-6 col-xl-3 col-el-2";
+        break;
+      }
+      case "form-col-6": {
+        j = "col-12 col-md-6 col-xl-6 col-el-6";
+        break;
+      }
+      case "frame": {
+        j = "col-12";
+        break;
+      }
+    }
+    return j;
   }
-  function v() {
-    return !m;
+  function C(d, j, w) {
+    const T = e;
+    if ((T.appearance && T.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const N = String(d.innerText), $ = L("form-group");
+      return $.editor = w, $.label = N, $;
+    }
+    return w;
+  }
+  function E() {
+    return !l;
   }
-  function T() {
-    return u;
+  function M() {
+    return !l;
+  }
+  function m() {
+    return v;
   }
   return {
-    canAccepts: p,
-    checkCanDeleteComponent: v,
-    checkCanMoveComponent: c,
-    getStyles: g,
-    hideNestedPaddingInDesginerView: T,
-    onAcceptNewChildElement: i,
-    onAcceptMovedChildElement: b,
-    resolveComponentContext: l,
+    canAccepts: y,
+    checkCanDeleteComponent: M,
+    checkCanMoveComponent: E,
+    getStyles: c,
+    hideNestedPaddingInDesginerView: m,
+    onAcceptNewChildElement: C,
+    onAcceptMovedChildElement: i,
+    resolveComponentContext: g,
     onResolveNewComponentSchema: s,
-    triggerBelongedComponentToMoveWhenMoved: r,
-    triggerBelongedComponentToDeleteWhenDeleted: a
+    triggerBelongedComponentToMoveWhenMoved: o,
+    triggerBelongedComponentToDeleteWhenDeleted: f
   };
 }
-const yt = /* @__PURE__ */ te({
+const gt = /* @__PURE__ */ ce({
   name: "FNavDesign",
-  props: H,
+  props: R,
   emits: ["nav"],
   setup(n, t) {
-    var s;
-    const e = A(n.activeNavId), r = A(n.navData), a = A(n.horizontal);
-    A(n.navPicking);
-    const o = A(), u = be("design-item-context"), y = dt(u.schema, (s = u.parent) == null ? void 0 : s.schema), m = nt(o, u, y);
-    ve(() => {
-      o.value.componentInstance = m;
-    }), t.expose(m.value);
-    const f = k({
+    var i;
+    const e = S(n.activeNavId), r = S(n.navData), a = S(n.horizontal);
+    S(n.navPicking);
+    const o = S(), f = Ce("design-item-context"), h = vt(f.schema, (i = f.parent) == null ? void 0 : i.schema), v = it(o, f, h);
+    Te(() => {
+      o.value.componentInstance = v;
+    }), t.expose(v.value);
+    const p = F({
       get() {
         return r.value;
       },
-      set(i) {
-        r.value = i, b();
+      set(c) {
+        r.value = c, y();
       }
-    }), p = k({
+    }), l = F({
       get() {
         return e.value;
       },
-      set(i) {
-        if (e.value = i, e.value && f && f.value.length) {
-          const c = f.value.find((v) => v.id === e.value);
-          c && t.emit("nav", c);
+      set(c) {
+        if (e.value = c, e.value && p && p.value.length) {
+          const s = p.value.find((b) => b.id === e.value);
+          s && t.emit("nav", s);
         }
       }
-    }), l = k({
-      set(i) {
-        a.value = i;
+    }), u = F({
+      set(c) {
+        a.value = c;
       },
       get() {
         return a.value;
       }
     });
-    function b() {
-      if (f.value && f.value.length && !e.value) {
-        const i = f.value.find((c) => !c.disable);
-        i && (e.value = i.id);
+    function y() {
+      if (p.value && p.value.length && !e.value) {
+        const c = p.value.find((s) => !s.disable);
+        c && (e.value = c.id);
       }
     }
-    function g(i) {
-      i.disable || i.id === e.value || (e.value = i.id, t.emit("nav", i));
+    function g(c) {
+      c.disable || c.id === e.value || (e.value = c.id, t.emit("nav", c));
     }
     return () => {
-      var i;
-      return E("div", {
+      var c;
+      return D("div", {
         ref: o,
         class: ["farris-nav", {
-          "farris-nav-vertical": !l.value
+          "farris-nav-vertical": !u.value
         }]
-      }, [(i = f.value) == null ? void 0 : i.map((c) => E("div", {
+      }, [(c = p.value) == null ? void 0 : c.map((s) => D("div", {
         class: ["farris-nav-item", {
-          active: c.id === p.value
+          active: s.id === l.value
         }, {
-          disabled: c.disable
+          disabled: s.disable
         }],
-        onClick: () => g(c)
-      }, [E("div", {
+        onClick: () => g(s)
+      }, [D("div", {
         class: "farris-nav-item-link"
-      }, [E("span", {
+      }, [D("span", {
         class: "farris-nav-item-link-text"
-      }, [c.text, c.num && E("div", {
+      }, [s.text, s.num && D("div", {
         class: "farris-nav-item-tag"
-      }, [c.num <= n.maxNum && E("span", {
+      }, [s.num <= n.maxNum && D("span", {
         class: "tag-text"
-      }, [c.num]), c.num > n.maxNum && E("span", {
+      }, [s.num]), s.num > n.maxNum && D("span", {
         class: "tag-text"
-      }, [n.maxNum, ne("+")])])])])]))]);
+      }, [n.maxNum, ie("+")])])])])]))]);
     };
   }
-}), vt = {
+}), Tt = {
   install(n) {
-    n.component(B.name, B);
+    n.component(z.name, z);
   },
   register(n, t, e, r) {
-    n.nav = B, t.nav = ee;
+    n.nav = z, t.nav = ae;
   },
   registerDesigner(n, t, e) {
-    n.nav = yt, t.nav = ee;
+    n.nav = gt, t.nav = ae;
   }
 };
 export {
-  B as FNav,
-  vt as default,
-  H as navProps,
-  ee as propsResolver
+  z as FNav,
+  Tt as default,
+  R as navProps,
+  ae as propsResolver
 };