@farris/ui-vue 1.3.0 → 1.3.3

package/components/nav/index.esm.js

@@ -1,492 +1,493 @@
-import { defineComponent as ce, ref as w, watch as je, computed as _, createVNode as N, createTextVNode as le, nextTick as Pe, inject as Ae, onMounted as Te } from "vue";
-import { isPlainObject as te, cloneDeep as Ee } from "lodash-es";
-import { BaseControlProperty as Se } from "../property-panel/index.esm.js/src/composition/entity/base-property";
-import { useResponseLayoutEditorSetting as De } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
-import { DgControl as we } from "../designer-canvas/index.esm.js/src/composition/dg-control";
-var Y = function(n, t) {
-  return Y = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
-    e.__proto__ = r;
-  } || function(e, r) {
-    for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
-  }, Y(n, t);
+import { defineComponent as Q, ref as g, watch as ne, computed as T, createVNode as b, createTextVNode as X, inject as ie, onMounted as ae } from "vue";
+import { isPlainObject as U, cloneDeep as oe } from "lodash-es";
+var k = function(t, e) {
+  return k = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, n) {
+    r.__proto__ = n;
+  } || function(r, n) {
+    for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (r[i] = n[i]);
+  }, k(t, e);
 };
-function pe(n, t) {
-  if (typeof t != "function" && t !== null)
-    throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
-  Y(n, t);
-  function e() {
-    this.constructor = n;
+function Z(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
+  k(t, e);
+  function r() {
+    this.constructor = t;
   }
-  n.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
+  t.prototype = e === null ? Object.create(e) : (r.prototype = e.prototype, new r());
 }
-function ne(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 {
+function z(t) {
+  var e = typeof Symbol == "function" && Symbol.iterator, r = e && t[e], n = 0;
+  if (r) return r.call(t);
+  if (t && typeof t.length == "number") return {
     next: function() {
-      return n && r >= n.length && (n = void 0), { value: n && n[r++], done: !n };
+      return t && n >= t.length && (t = void 0), { value: t && t[n++], done: !t };
     }
   };
-  throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  throw new TypeError(e ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function X(n, t) {
-  var e = typeof Symbol == "function" && n[Symbol.iterator];
-  if (!e) return n;
-  var r = e.call(n), o, s = [], f;
+function A(t, e) {
+  var r = typeof Symbol == "function" && t[Symbol.iterator];
+  if (!r) return t;
+  var n = r.call(t), i, a = [], c;
   try {
-    for (; (t === void 0 || t-- > 0) && !(o = r.next()).done; ) s.push(o.value);
-  } catch (d) {
-    f = { error: d };
+    for (; (e === void 0 || e-- > 0) && !(i = n.next()).done; ) a.push(i.value);
+  } catch (l) {
+    c = { error: l };
   } finally {
     try {
-      o && !o.done && (e = r.return) && e.call(r);
+      i && !i.done && (r = n.return) && r.call(n);
     } finally {
-      if (f) throw f.error;
+      if (c) throw c.error;
     }
   }
-  return s;
+  return a;
 }
-function H(n, t, e) {
-  if (e || arguments.length === 2) for (var r = 0, o = t.length, s; r < o; r++)
-    (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
-  return n.concat(s || Array.prototype.slice.call(t));
+function M(t, e, r) {
+  if (r || arguments.length === 2) for (var n = 0, i = e.length, a; n < i; n++)
+    (a || !(n in e)) && (a || (a = Array.prototype.slice.call(e, 0, n)), a[n] = e[n]);
+  return t.concat(a || Array.prototype.slice.call(e));
 }
-function O(n) {
-  return typeof n == "function";
+function E(t) {
+  return typeof t == "function";
 }
-function Ne(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;
+function se(t) {
+  var e = function(n) {
+    Error.call(n), n.stack = new Error().stack;
+  }, r = t(e);
+  return r.prototype = Object.create(Error.prototype), r.prototype.constructor = r, r;
 }
-var U = Ne(function(n) {
-  return function(e) {
-    n(this), this.message = e ? e.length + ` errors occurred during unsubscription:
-` + e.map(function(r, o) {
-      return o + 1 + ") " + r.toString();
+var N = se(function(t) {
+  return function(r) {
+    t(this), this.message = r ? r.length + ` errors occurred during unsubscription:
+` + r.map(function(n, i) {
+      return i + 1 + ") " + n.toString();
     }).join(`
-  `) : "", this.name = "UnsubscriptionError", this.errors = e;
+  `) : "", this.name = "UnsubscriptionError", this.errors = r;
   };
 });
-function re(n, t) {
-  if (n) {
-    var e = n.indexOf(t);
-    0 <= e && n.splice(e, 1);
+function H(t, e) {
+  if (t) {
+    var r = t.indexOf(e);
+    0 <= r && t.splice(r, 1);
   }
 }
-var Q = function() {
-  function n(t) {
-    this.initialTeardown = t, this.closed = !1, this._parentage = null, this._finalizers = null;
+var F = function() {
+  function t(e) {
+    this.initialTeardown = e, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
-  return n.prototype.unsubscribe = function() {
-    var t, e, r, o, s;
+  return t.prototype.unsubscribe = function() {
+    var e, r, n, i, a;
     if (!this.closed) {
       this.closed = !0;
-      var f = this._parentage;
-      if (f)
-        if (this._parentage = null, Array.isArray(f))
+      var c = this._parentage;
+      if (c)
+        if (this._parentage = null, Array.isArray(c))
           try {
-            for (var d = ne(f), y = d.next(); !y.done; y = d.next()) {
-              var a = y.value;
-              a.remove(this);
+            for (var l = z(c), v = l.next(); !v.done; v = l.next()) {
+              var u = v.value;
+              u.remove(this);
             }
-          } catch (c) {
-            t = { error: c };
+          } catch (y) {
+            e = { error: y };
           } finally {
             try {
-              y && !y.done && (e = d.return) && e.call(d);
+              v && !v.done && (r = l.return) && r.call(l);
             } finally {
-              if (t) throw t.error;
+              if (e) throw e.error;
             }
           }
         else
-          f.remove(this);
-      var l = this.initialTeardown;
-      if (O(l))
+          c.remove(this);
+      var o = this.initialTeardown;
+      if (E(o))
         try {
-          l();
-        } catch (c) {
-          s = c instanceof U ? c.errors : [c];
+          o();
+        } catch (y) {
+          a = y instanceof N ? y.errors : [y];
         }
-      var i = this._finalizers;
-      if (i) {
+      var s = this._finalizers;
+      if (s) {
         this._finalizers = null;
         try {
-          for (var h = ne(i), g = h.next(); !g.done; g = h.next()) {
-            var p = g.value;
+          for (var p = z(s), f = p.next(); !f.done; f = p.next()) {
+            var d = f.value;
             try {
-              oe(p);
-            } catch (c) {
-              s = s ?? [], c instanceof U ? s = H(H([], X(s)), X(c.errors)) : s.push(c);
+              W(d);
+            } catch (y) {
+              a = a ?? [], y instanceof N ? a = M(M([], A(a)), A(y.errors)) : a.push(y);
             }
           }
-        } catch (c) {
-          r = { error: c };
+        } catch (y) {
+          n = { error: y };
         } finally {
           try {
-            g && !g.done && (o = h.return) && o.call(h);
+            f && !f.done && (i = p.return) && i.call(p);
           } finally {
-            if (r) throw r.error;
+            if (n) throw n.error;
           }
         }
       }
-      if (s)
-        throw new U(s);
+      if (a)
+        throw new N(a);
     }
-  }, n.prototype.add = function(t) {
-    var e;
-    if (t && t !== this)
+  }, t.prototype.add = function(e) {
+    var r;
+    if (e && e !== this)
       if (this.closed)
-        oe(t);
+        W(e);
       else {
-        if (t instanceof n) {
-          if (t.closed || t._hasParent(this))
+        if (e instanceof t) {
+          if (e.closed || e._hasParent(this))
             return;
-          t._addParent(this);
+          e._addParent(this);
         }
-        (this._finalizers = (e = this._finalizers) !== null && e !== void 0 ? e : []).push(t);
+        (this._finalizers = (r = this._finalizers) !== null && r !== void 0 ? r : []).push(e);
       }
-  }, n.prototype._hasParent = function(t) {
-    var e = this._parentage;
-    return e === t || Array.isArray(e) && e.includes(t);
-  }, n.prototype._addParent = function(t) {
-    var e = this._parentage;
-    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) && re(e, t);
-  }, n.prototype.remove = function(t) {
-    var e = this._finalizers;
-    e && re(e, t), t instanceof n && t._removeParent(this);
-  }, n.EMPTY = function() {
-    var t = new n();
-    return t.closed = !0, t;
-  }(), n;
+  }, t.prototype._hasParent = function(e) {
+    var r = this._parentage;
+    return r === e || Array.isArray(r) && r.includes(e);
+  }, t.prototype._addParent = function(e) {
+    var r = this._parentage;
+    this._parentage = Array.isArray(r) ? (r.push(e), r) : r ? [r, e] : e;
+  }, t.prototype._removeParent = function(e) {
+    var r = this._parentage;
+    r === e ? this._parentage = null : Array.isArray(r) && H(r, e);
+  }, t.prototype.remove = function(e) {
+    var r = this._finalizers;
+    r && H(r, e), e instanceof t && e._removeParent(this);
+  }, t.EMPTY = function() {
+    var e = new t();
+    return e.closed = !0, e;
+  }(), t;
 }();
-Q.EMPTY;
-function ue(n) {
-  return n instanceof Q || n && "closed" in n && O(n.remove) && O(n.add) && O(n.unsubscribe);
+F.EMPTY;
+function x(t) {
+  return t instanceof F || t && "closed" in t && E(t.remove) && E(t.add) && E(t.unsubscribe);
 }
-function oe(n) {
-  O(n) ? n() : n.unsubscribe();
+function W(t) {
+  E(t) ? t() : t.unsubscribe();
 }
-var fe = {
+var K = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, Me = {
-  setTimeout: function(n, t) {
-    for (var e = [], r = 2; r < arguments.length; r++)
-      e[r - 2] = arguments[r];
-    return setTimeout.apply(void 0, H([n, t], X(e)));
+}, ce = {
+  setTimeout: function(t, e) {
+    for (var r = [], n = 2; n < arguments.length; n++)
+      r[n - 2] = arguments[n];
+    return setTimeout.apply(void 0, M([t, e], A(r)));
   },
-  clearTimeout: function(n) {
-    return clearTimeout(n);
+  clearTimeout: function(t) {
+    return clearTimeout(t);
   },
   delegate: void 0
 };
-function ke(n) {
-  Me.setTimeout(function() {
-    throw n;
+function ue(t) {
+  ce.setTimeout(function() {
+    throw t;
   });
 }
-function se() {
+function Y() {
 }
-function Oe(n) {
-  n();
+function le(t) {
+  t();
 }
-var de = function(n) {
-  pe(t, n);
-  function t(e) {
-    var r = n.call(this) || this;
-    return r.isStopped = !1, e ? (r.destination = e, ue(e) && e.add(r)) : r.destination = Be, r;
+var C = function(t) {
+  Z(e, t);
+  function e(r) {
+    var n = t.call(this) || this;
+    return n.isStopped = !1, r ? (n.destination = r, x(r) && r.add(n)) : n.destination = de, n;
   }
-  return t.create = function(e, r, o) {
-    return new J(e, r, o);
-  }, t.prototype.next = function(e) {
-    this.isStopped || this._next(e);
-  }, t.prototype.error = function(e) {
-    this.isStopped || (this.isStopped = !0, this._error(e));
-  }, t.prototype.complete = function() {
+  return e.create = function(r, n, i) {
+    return new R(r, n, i);
+  }, e.prototype.next = function(r) {
+    this.isStopped || this._next(r);
+  }, e.prototype.error = function(r) {
+    this.isStopped || (this.isStopped = !0, this._error(r));
+  }, e.prototype.complete = function() {
     this.isStopped || (this.isStopped = !0, this._complete());
-  }, t.prototype.unsubscribe = function() {
-    this.closed || (this.isStopped = !0, n.prototype.unsubscribe.call(this), this.destination = null);
-  }, t.prototype._next = function(e) {
-    this.destination.next(e);
-  }, t.prototype._error = function(e) {
+  }, e.prototype.unsubscribe = function() {
+    this.closed || (this.isStopped = !0, t.prototype.unsubscribe.call(this), this.destination = null);
+  }, e.prototype._next = function(r) {
+    this.destination.next(r);
+  }, e.prototype._error = function(r) {
     try {
-      this.destination.error(e);
+      this.destination.error(r);
     } finally {
       this.unsubscribe();
     }
-  }, t.prototype._complete = function() {
+  }, e.prototype._complete = function() {
     try {
       this.destination.complete();
     } finally {
       this.unsubscribe();
     }
-  }, t;
-}(Q), Le = Function.prototype.bind;
-function W(n, t) {
-  return Le.call(n, t);
+  }, e;
+}(F), fe = Function.prototype.bind;
+function O(t, e) {
+  return fe.call(t, e);
 }
-var Fe = function() {
-  function n(t) {
-    this.partialObserver = t;
+var pe = function() {
+  function t(e) {
+    this.partialObserver = e;
   }
-  return n.prototype.next = function(t) {
-    var e = this.partialObserver;
-    if (e.next)
+  return t.prototype.next = function(e) {
+    var r = this.partialObserver;
+    if (r.next)
       try {
-        e.next(t);
-      } catch (r) {
-        I(r);
+        r.next(e);
+      } catch (n) {
+        D(n);
       }
-  }, n.prototype.error = function(t) {
-    var e = this.partialObserver;
-    if (e.error)
+  }, t.prototype.error = function(e) {
+    var r = this.partialObserver;
+    if (r.error)
       try {
-        e.error(t);
-      } catch (r) {
-        I(r);
+        r.error(e);
+      } catch (n) {
+        D(n);
       }
     else
-      I(t);
-  }, n.prototype.complete = function() {
-    var t = this.partialObserver;
-    if (t.complete)
+      D(e);
+  }, t.prototype.complete = function() {
+    var e = this.partialObserver;
+    if (e.complete)
       try {
-        t.complete();
-      } catch (e) {
-        I(e);
+        e.complete();
+      } catch (r) {
+        D(r);
       }
-  }, n;
-}(), J = function(n) {
-  pe(t, n);
-  function t(e, r, o) {
-    var s = n.call(this) || this, f;
-    if (O(e) || !e)
-      f = {
-        next: e ?? void 0,
-        error: r ?? void 0,
-        complete: o ?? void 0
+  }, t;
+}(), R = function(t) {
+  Z(e, t);
+  function e(r, n, i) {
+    var a = t.call(this) || this, c;
+    if (E(r) || !r)
+      c = {
+        next: r ?? void 0,
+        error: n ?? void 0,
+        complete: i ?? void 0
       };
     else {
-      var d;
-      s && fe.useDeprecatedNextContext ? (d = Object.create(e), d.unsubscribe = function() {
-        return s.unsubscribe();
-      }, f = {
-        next: e.next && W(e.next, d),
-        error: e.error && W(e.error, d),
-        complete: e.complete && W(e.complete, d)
-      }) : f = e;
+      var l;
+      a && K.useDeprecatedNextContext ? (l = Object.create(r), l.unsubscribe = function() {
+        return a.unsubscribe();
+      }, c = {
+        next: r.next && O(r.next, l),
+        error: r.error && O(r.error, l),
+        complete: r.complete && O(r.complete, l)
+      }) : c = r;
     }
-    return s.destination = new Fe(f), s;
+    return a.destination = new pe(c), a;
   }
-  return t;
-}(de);
-function I(n) {
-  ke(n);
+  return e;
+}(C);
+function D(t) {
+  ue(t);
 }
-function _e(n) {
-  throw n;
+function ve(t) {
+  throw t;
 }
-var Be = {
+var de = {
   closed: !0,
-  next: se,
-  error: _e,
-  complete: se
-}, $e = function() {
+  next: Y,
+  error: ve,
+  complete: Y
+}, he = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function xe(n) {
-  return n;
+function ye(t) {
+  return t;
 }
-function Ie(n) {
-  return n.length === 0 ? xe : n.length === 1 ? n[0] : function(e) {
-    return n.reduce(function(r, o) {
-      return o(r);
-    }, e);
+function be(t) {
+  return t.length === 0 ? ye : t.length === 1 ? t[0] : function(r) {
+    return t.reduce(function(n, i) {
+      return i(n);
+    }, r);
   };
 }
-var qe = function() {
-  function n(t) {
-    t && (this._subscribe = t);
-  }
-  return n.prototype.lift = function(t) {
-    var e = new n();
-    return e.source = this, e.operator = t, e;
-  }, n.prototype.subscribe = function(t, e, r) {
-    var o = this, s = Ue(t) ? t : new J(t, e, r);
-    return Oe(function() {
-      var f = o, d = f.operator, y = f.source;
-      s.add(d ? d.call(s, y) : y ? o._subscribe(s) : o._trySubscribe(s));
-    }), s;
-  }, n.prototype._trySubscribe = function(t) {
+var me = function() {
+  function t(e) {
+    e && (this._subscribe = e);
+  }
+  return t.prototype.lift = function(e) {
+    var r = new t();
+    return r.source = this, r.operator = e, r;
+  }, t.prototype.subscribe = function(e, r, n) {
+    var i = this, a = Se(e) ? e : new R(e, r, n);
+    return le(function() {
+      var c = i, l = c.operator, v = c.source;
+      a.add(l ? l.call(a, v) : v ? i._subscribe(a) : i._trySubscribe(a));
+    }), a;
+  }, t.prototype._trySubscribe = function(e) {
     try {
-      return this._subscribe(t);
-    } catch (e) {
-      t.error(e);
+      return this._subscribe(e);
+    } catch (r) {
+      e.error(r);
     }
-  }, n.prototype.forEach = function(t, e) {
-    var r = this;
-    return e = ae(e), new e(function(o, s) {
-      var f = new J({
-        next: function(d) {
+  }, t.prototype.forEach = function(e, r) {
+    var n = this;
+    return r = G(r), new r(function(i, a) {
+      var c = new R({
+        next: function(l) {
           try {
-            t(d);
-          } catch (y) {
-            s(y), f.unsubscribe();
+            e(l);
+          } catch (v) {
+            a(v), c.unsubscribe();
           }
         },
-        error: s,
-        complete: o
+        error: a,
+        complete: i
       });
-      r.subscribe(f);
+      n.subscribe(c);
     });
-  }, n.prototype._subscribe = function(t) {
-    var e;
-    return (e = this.source) === null || e === void 0 ? void 0 : e.subscribe(t);
-  }, n.prototype[$e] = function() {
+  }, t.prototype._subscribe = function(e) {
+    var r;
+    return (r = this.source) === null || r === void 0 ? void 0 : r.subscribe(e);
+  }, t.prototype[he] = function() {
     return this;
-  }, n.prototype.pipe = function() {
-    for (var t = [], e = 0; e < arguments.length; e++)
-      t[e] = arguments[e];
-    return Ie(t)(this);
-  }, n.prototype.toPromise = function(t) {
-    var e = this;
-    return t = ae(t), new t(function(r, o) {
-      var s;
-      e.subscribe(function(f) {
-        return s = f;
-      }, function(f) {
-        return o(f);
+  }, t.prototype.pipe = function() {
+    for (var e = [], r = 0; r < arguments.length; r++)
+      e[r] = arguments[r];
+    return be(e)(this);
+  }, t.prototype.toPromise = function(e) {
+    var r = this;
+    return e = G(e), new e(function(n, i) {
+      var a;
+      r.subscribe(function(c) {
+        return a = c;
+      }, function(c) {
+        return i(c);
       }, function() {
-        return r(s);
+        return n(a);
       });
     });
-  }, n.create = function(t) {
-    return new n(t);
-  }, n;
+  }, t.create = function(e) {
+    return new t(e);
+  }, t;
 }();
-function ae(n) {
-  var t;
-  return (t = n ?? fe.Promise) !== null && t !== void 0 ? t : Promise;
+function G(t) {
+  var e;
+  return (e = t ?? K.Promise) !== null && e !== void 0 ? e : Promise;
 }
-function Ve(n) {
-  return n && O(n.next) && O(n.error) && O(n.complete);
+function ge(t) {
+  return t && E(t.next) && E(t.error) && E(t.complete);
 }
-function Ue(n) {
-  return n && n instanceof de || Ve(n) && ue(n);
+function Se(t) {
+  return t && t instanceof C || ge(t) && x(t);
 }
-const ye = {}, he = {};
-function Z(n) {
-  const { properties: t, title: e, ignore: r } = n, o = r && Array.isArray(r), s = Object.keys(t).reduce((f, d) => ((!o || !r.find((y) => y == d)) && (f[d] = t[d].type === "object" && t[d].properties ? Z(t[d]) : Ee(t[d].default)), f), {});
-  return (!o || !r.find((f) => f == "id")) && (s.id = `${e}-${Date.now()}`), s;
+const I = {}, ee = {};
+function $(t) {
+  const { properties: e, title: r, ignore: n } = t, i = n && Array.isArray(n), a = Object.keys(e).reduce((c, l) => ((!i || !n.find((v) => v === l)) && (c[l] = e[l].type === "object" && e[l].properties ? $(e[l]) : oe(e[l].default)), c), {});
+  if (r && (!i || !n.find((c) => c === "id"))) {
+    const c = r.toLowerCase().replace(/-/g, "_");
+    a.id = `${c}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return a;
 }
-function $(n, t = {}, e) {
-  const r = ye[n];
-  if (r) {
-    let o = Z(r);
-    const s = he[n];
-    return o = s ? s({ getSchemaByType: $ }, o, t, e) : o, o;
+function te(t, e = {}, r) {
+  const n = I[t];
+  if (n) {
+    let i = $(n);
+    const a = ee[t];
+    return i = a ? a({ getSchemaByType: te }, i, e, r) : i, i;
   }
   return null;
 }
-function We(n, t) {
-  const e = Z(t);
-  return Object.keys(n).reduce((r, o) => (r[o] && te(r[o]) && te(n[o]) ? Object.assign(r[o], n[o]) : r[o] = n[o], r), e), e;
+function Ee(t, e) {
+  const r = $(e);
+  return Object.keys(r).reduce((n, i) => (n[i] && U(n[i]) && U(t[i] || !t[i]) ? Object.assign(n[i], t[i] || {}) : n[i] = t[i], n), r), r;
 }
-function Ge(n, t) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, o) => {
-    if (t.has(o)) {
-      const s = t.get(o);
-      if (typeof s == "string")
-        r[s] = n[o];
+function Pe(t, e) {
+  return Object.keys(t).filter((n) => t[n] != null).reduce((n, i) => {
+    if (e.has(i)) {
+      const a = e.get(i);
+      if (typeof a == "string")
+        n[a] = t[i];
       else {
-        const f = s(o, n[o], n);
-        Object.assign(r, f);
+        const c = a(i, t[i], t);
+        Object.assign(n, c);
       }
     } else
-      r[o] = n[o];
-    return r;
+      n[i] = t[i];
+    return n;
   }, {});
 }
-function ze(n, t, e = /* @__PURE__ */ new Map()) {
-  const r = We(n, t);
-  return Ge(r, e);
-}
-function Ye(n = {}) {
-  function t(a, l, i, h) {
-    if (typeof i == "number")
-      return h[a].length === i;
-    if (typeof i == "object") {
-      const g = Object.keys(i)[0], p = i[g];
-      if (g === "not")
-        return Number(h[a].length) !== Number(p);
-      if (g === "moreThan")
-        return Number(h[a].length) >= Number(p);
-      if (g === "lessThan")
-        return Number(h[a].length) <= Number(p);
+function Te(t, e, r = /* @__PURE__ */ new Map()) {
+  const n = Ee(t, e);
+  return Pe(n, r);
+}
+function _e(t = {}) {
+  function e(u, o, s, p) {
+    if (typeof s == "number")
+      return p[u].length === s;
+    if (typeof s == "object") {
+      const f = Object.keys(s)[0], d = s[f];
+      if (f === "not")
+        return Number(p[u].length) !== Number(d);
+      if (f === "moreThan")
+        return Number(p[u].length) >= Number(d);
+      if (f === "lessThan")
+        return Number(p[u].length) <= Number(d);
     }
     return !1;
   }
-  function e(a, l, i, h) {
-    return h[a] && h[a].propertyValue && String(h[a].propertyValue.value) === String(i);
+  function r(u, o, s, p) {
+    return p[u] && p[u].propertyValue && String(p[u].propertyValue.value) === String(s);
   }
-  const r = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", e]
+  const n = /* @__PURE__ */ new Map([
+    ["length", e],
+    ["getProperty", r]
   ]);
-  Object.keys(n).reduce((a, l) => (a.set(l, n[l]), a), r);
-  function o(a, l) {
-    const i = a;
-    return typeof l == "number" ? [{ target: i, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((h) => {
-      if (h === "length")
-        return { target: i, operator: "length", param: null, value: l[h] };
-      const g = h, p = l[h];
-      return { target: i, operator: "getProperty", param: g, value: p };
+  Object.keys(t).reduce((u, o) => (u.set(o, t[o]), u), n);
+  function i(u, o) {
+    const s = u;
+    return typeof o == "number" ? [{ target: s, operator: "length", param: null, value: Number(o) }] : typeof o == "boolean" ? [{ target: s, operator: "getProperty", param: u, value: !!o }] : typeof o == "object" ? Object.keys(o).map((p) => {
+      if (p === "length")
+        return { target: s, operator: "length", param: null, value: o[p] };
+      const f = p, d = o[p];
+      return { target: s, operator: "getProperty", param: f, value: d };
     }) : [];
   }
-  function s(a) {
-    return Object.keys(a).reduce((i, h) => {
-      const g = o(h, a[h]);
-      return i.push(...g), i;
+  function a(u) {
+    return Object.keys(u).reduce((s, p) => {
+      const f = i(p, u[p]);
+      return s.push(...f), s;
     }, []);
   }
-  function f(a, l) {
-    if (r.has(a.operator)) {
-      const i = r.get(a.operator);
-      return i && i(a.target, a.param, a.value, l) || !1;
+  function c(u, o) {
+    if (n.has(u.operator)) {
+      const s = n.get(u.operator);
+      return s && s(u.target, u.param, u.value, o) || !1;
     }
     return !1;
   }
-  function d(a, l) {
-    return s(a).reduce((g, p) => g && f(p, l), !0);
+  function l(u, o) {
+    return a(u).reduce((f, d) => f && c(d, o), !0);
   }
-  function y(a, l) {
-    const i = Object.keys(a), h = i.includes("allOf"), g = i.includes("anyOf"), p = h || g, m = (p ? a[p ? h ? "allOf" : "anyOf" : "allOf"] : [a]).map((C) => d(C, l));
-    return h ? !m.includes(!1) : m.includes(!0);
+  function v(u, o) {
+    const s = Object.keys(u), p = s.includes("allOf"), f = s.includes("anyOf"), d = p || f, _ = (d ? u[d ? p ? "allOf" : "anyOf" : "allOf"] : [u]).map((w) => l(w, o));
+    return p ? !_.includes(!1) : _.includes(!0);
   }
-  return { parseValueSchema: y };
+  return { parseValueSchema: v };
 }
-const Xe = {}, He = {};
-Ye();
-function Je(n, t, e = /* @__PURE__ */ new Map(), r = (f, d, y) => d, o = {}, s = (f) => f) {
-  return ye[t.title] = t, he[t.title] = r, Xe[t.title] = o, He[t.title] = s, (f = {}) => {
-    const d = ze(f, t, e), y = Object.keys(n).reduce((a, l) => (a[l] = n[l].default, a), {});
-    return Object.assign(y, d);
+const De = {}, we = {};
+_e();
+function Ne(t, e, r = /* @__PURE__ */ new Map(), n = (c, l, v, u) => l, i = {}, a = (c) => c) {
+  return I[e.title] = e, ee[e.title] = n, De[e.title] = i, we[e.title] = a, (c = {}) => {
+    const l = Te(c, e, r), v = Object.keys(t).reduce((u, o) => (u[o] = t[o].default, u), {});
+    return Object.assign(v, l);
   };
 }
-function Qe(n, t) {
-  return { customClass: t.class, customStyle: t.style };
+function Oe(t, e) {
+  return { customClass: e.class, customStyle: e.style };
 }
-const Ze = /* @__PURE__ */ new Map([
-  ["appearance", Qe]
-]), Re = "https://json-schema.org/draft/2020-12/schema", Ke = "https://farris-design.gitee.io/nav.schema.json", et = "nav", tt = "A Farris Component", nt = "object", rt = {
+const je = /* @__PURE__ */ new Map([
+  ["appearance", Oe]
+]), ke = "https://json-schema.org/draft/2020-12/schema", Ae = "https://farris-design.gitee.io/nav.schema.json", Me = "nav", Re = "A Farris Component", Fe = "object", $e = {
   id: {
     description: "The unique identifier for a nav",
     type: "string"
@@ -578,22 +579,22 @@ const Ze = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, ot = [
+}, Be = [
   "id",
   "type"
-], st = {
-  $schema: Re,
-  $id: Ke,
-  title: et,
-  description: tt,
-  type: nt,
-  properties: rt,
-  required: ot
+], Le = {
+  $schema: ke,
+  $id: Ae,
+  title: Me,
+  description: Re,
+  type: Fe,
+  properties: $e,
+  required: Be
 };
-function at(n, t, e) {
-  return t;
+function Ve(t, e, r) {
+  return e;
 }
-const it = "nav", ct = "A Farris Component", lt = "object", pt = {
+const qe = "nav", Ue = "A Farris Component", ze = "object", He = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -664,7 +665,7 @@ const it = "nav", ct = "A Farris Component", lt = "object", pt = {
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -675,12 +676,12 @@ const it = "nav", ct = "A Farris Component", lt = "object", pt = {
       }
     }
   }
-}, ut = {
-  title: it,
-  description: ct,
-  type: lt,
-  categories: pt
-}, R = {
+}, We = {
+  title: qe,
+  description: Ue,
+  type: ze,
+  categories: He
+}, B = {
   /** 未读最大值 */
   maxNum: { Type: Number, default: 99 },
   /** 导航数据 */
@@ -713,1195 +714,244 @@ const it = "nav", ct = "A Farris Component", lt = "object", pt = {
   /** 当前激活的id */
   activeNavId: { Type: String, default: "1" },
   /** nav切换前事件 */
-  navPicking: { Type: Function, default: (n) => qe }
-}, ie = Je(R, st, Ze, at, ut), G = /* @__PURE__ */ ce({
+  navPicking: { Type: Function, default: (t) => me }
+}, J = Ne(B, Le, je, Ve, We), j = /* @__PURE__ */ Q({
   name: "FNav",
-  props: R,
+  props: B,
   emits: ["nav", "update:activeNavId"],
-  setup(n, t) {
-    const e = w(n.activeNavId), r = w(n.navData), o = w(n.horizontal);
-    w(n.navPicking), je(() => n.activeNavId, (l, i) => {
-      l !== i && (e.value = l);
+  setup(t, e) {
+    const r = g(t.activeNavId), n = g(t.navData), i = g(t.horizontal);
+    g(t.navPicking), ne(() => t.activeNavId, (o, s) => {
+      o !== s && (r.value = o);
     });
-    const s = _({
+    const a = T({
       get() {
-        return r.value;
+        return n.value;
       },
-      set(l) {
-        r.value = l, y();
+      set(o) {
+        n.value = o, v();
       }
-    }), f = _({
+    }), c = T({
       get() {
-        return e.value;
+        return r.value;
       },
-      set(l) {
-        if (e.value = l, e.value && s && s.value.length) {
-          const i = s.value.find((h) => h.id === e.value);
-          i && t.emit("nav", i);
+      set(o) {
+        if (r.value = o, r.value && a && a.value.length) {
+          const s = a.value.find((p) => p.id === r.value);
+          s && e.emit("nav", s);
         }
       }
-    }), d = _({
-      set(l) {
-        o.value = l;
+    }), l = T({
+      set(o) {
+        i.value = o;
       },
       get() {
-        return o.value;
+        return i.value;
       }
     });
-    function y() {
-      if (s.value && s.value.length && !e.value) {
-        const l = s.value.find((i) => !i.disable);
-        l && (e.value = l.id);
+    function v() {
+      if (a.value && a.value.length && !r.value) {
+        const o = a.value.find((s) => !s.disable);
+        o && (r.value = o.id);
       }
     }
-    function a(l) {
-      l.disable || l.id === e.value || (e.value = l.id, t.emit("update:activeNavId", l.id), t.emit("nav", l));
+    function u(o) {
+      o.disable || o.id === r.value || (r.value = o.id, e.emit("update:activeNavId", o.id), e.emit("nav", o));
     }
     return () => {
-      var l;
-      return N("div", {
+      var o;
+      return b("div", {
         class: ["farris-nav", {
-          "farris-nav-vertical": !d.value
+          "farris-nav-vertical": !l.value
         }]
-      }, [(l = s.value) == null ? void 0 : l.map((i) => N("div", {
+      }, [(o = a.value) == null ? void 0 : o.map((s) => b("div", {
         class: ["farris-nav-item", {
-          active: i.id === f.value
+          active: s.id === c.value
         }, {
-          disabled: i.disable
+          disabled: s.disable
         }],
-        onClick: () => a(i)
-      }, [N("div", {
+        onClick: () => u(s)
+      }, [b("div", {
         class: "farris-nav-item-link"
-      }, [N("span", {
+      }, [b("span", {
         class: "farris-nav-item-link-text"
-      }, [typeof i.text == "function" ? i.text() : i.text, i.num && N("div", {
+      }, [typeof s.text == "function" ? s.text() : s.text, s.num && b("div", {
         class: "farris-nav-item-tag"
-      }, [i.num <= n.maxNum && N("span", {
+      }, [s.num <= t.maxNum && b("span", {
         class: "tag-text"
-      }, [i.num]), i.num > n.maxNum && N("span", {
+      }, [s.num]), s.num > t.maxNum && b("span", {
         class: "tag-text"
-      }, [n.maxNum, le("+")])])])])]))]);
+      }, [t.maxNum, X("+")])])])])]))]);
     };
   }
 });
-function ft(n, t, e) {
-  var M;
-  function r() {
-    e != null && e.resolveComponentContext && e.resolveComponentContext();
-  }
-  r();
-  const o = e && e.getStyles && e.getStyles() || "", s = e && e.getDesignerClass && e.getDesignerClass() || "", f = w();
-  function d() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
-  }
-  function y() {
-    return !1;
-  }
-  function a() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
-  }
-  function l() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
-  }
-  function i(b) {
-    if (!b || !b.value)
-      return null;
-    if (b.value.schema && b.value.schema.type === "component")
-      return b.value;
-    const D = w(b == null ? void 0 : b.value.parent), E = i(D);
-    return E || null;
-  }
-  function h(b = t) {
-    const { componentInstance: D, designerItemElementRef: E } = b;
-    return !D || !D.value ? null : D.value.canMove ? E : h(b.parent);
-  }
-  function g(b) {
-    return !!e && e.canAccepts(b);
-  }
-  function p() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
+function Ye(t, e, r) {
+  var q;
+  const n = "", i = "", a = g();
   function c() {
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function u(b, D) {
-    D && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(D);
-  }
-  function m(b, D) {
-    const { componentType: E } = b;
-    let v = $(E, b, D);
-    e && e.onResolveNewComponentSchema && (v = e.onResolveNewComponentSchema(b, v));
-    const P = E.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === E && (v.id = `${P}_${Math.random().toString().slice(2, 6)}`), v;
-  }
-  function A(b, D) {
-    const E = String(b.getAttribute("data-controltype")), v = b.getAttribute("data-feature"), P = v ? JSON.parse(v) : {};
-    P.parentComponentInstance = f.value;
-    let T = $(E, P);
-    e && e.onAcceptNewChildElement && (T = e.onAcceptNewChildElement(b, D, T));
-    const S = E.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === E && (T.id = `${S}_${Math.random().toString().slice(2, 6)}`), T;
-  }
-  function C(b) {
-  }
-  function j(...b) {
-    if (e && e.getPropsConfig)
-      return e.getPropsConfig(...b);
-  }
-  return f.value = {
-    canMove: d(),
-    canSelectParent: y(),
-    canDelete: a(),
-    canNested: !l(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: n,
-    parent: (M = t == null ? void 0 : t.parent) == null ? void 0 : M.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: o,
-    designerClass: s,
-    canAccepts: g,
-    getBelongedComponentInstance: i,
-    getDraggableDesignItemElement: h,
-    getDraggingDisplayText: p,
-    getPropConfig: j,
-    getDragScopeElement: c,
-    onAcceptMovedChildElement: u,
-    onAcceptNewChildElement: A,
-    onChildElementMovedOut: C,
-    addNewChildComponentSchema: m,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
-  }, f;
-}
-function dt() {
-  function n(t) {
-    var o, s;
-    if (!t)
-      return !1;
-    const e = ((o = t.targetContainer) == null ? void 0 : o.componentInstance) && t.targetContainer.componentInstance.value;
-    if (!e)
-      return !1;
-    const r = (s = e.schema.appearance) == null ? void 0 : s.class;
-    if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const f = e.schema.type, d = (f === "response-form" || f === "content-container") && r && r.includes("farris-form");
-      if (e.schema.type !== "response-layout-item" && !d)
-        return !1;
-    }
-    return t.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: n
-  };
-}
-const yt = "https://json-schema.org/draft/2020-12/schema", ht = "https://farris-design.gitee.io/dragging-rules.schema.json", bt = "Dragging Rules", mt = "The rules of designer canvas", vt = "object", gt = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      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: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              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
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "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
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      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: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, Ct = {
-  $schema: yt,
-  $id: ht,
-  title: bt,
-  description: mt,
-  type: vt,
-  properties: gt
-}, z = /* @__PURE__ */ new Map();
-function jt() {
-  function n(p, c, u, m) {
-    var A;
-    if (typeof u == "number")
-      return ((A = m[p]) == null ? void 0 : A.length) === u;
-    if (typeof u == "object") {
-      const C = Object.keys(u)[0], j = u[C];
-      if (C === "not")
-        return Number(m[p].length) !== Number(j);
-      if (C === "moreThan")
-        return Number(m[p].length) >= Number(j);
-      if (C === "lessThan")
-        return Number(m[p].length) <= Number(j);
-    }
-    return !1;
-  }
-  function t(p, c, u, m) {
-    return typeof u == "boolean" ? m.childrenClassList.includes(c) === !!u : !1;
-  }
-  function e(p, c, u, m) {
-    return typeof u == "boolean" ? m.parentClassList.includes(c) === !!u : !1;
-  }
-  function r(p, c, u, m) {
-    return typeof u == "boolean" ? m.parentClassList.includes(c) === !!u : !1;
-  }
-  const o = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", t],
-    ["hasSibling", r],
-    ["hasParent", e]
-  ]);
-  function s(p, c) {
-    const u = p;
-    return typeof c == "number" ? [{ target: u, operator: "length", param: null, value: Number(c) }] : typeof c == "object" ? Object.keys(c).map((m) => {
-      if (m === "length")
-        return { target: u, operator: "length", param: null, value: c[m] };
-      const A = m, C = c[m];
-      return { target: u, operator: p === "children" ? "hasChildren" : p === "parent" ? "hasParent" : "hasSibling", param: A, value: C };
-    }) : [];
-  }
-  function f(p, c) {
-    if (o.has(p.operator)) {
-      const u = o.get(p.operator);
-      return u && u(p.target, p.param, p.value, c) || !1;
-    }
+  function l() {
     return !1;
   }
-  function d(p, c) {
-    return Object.keys(p).reduce((C, j) => {
-      const M = s(j, p[j]);
-      return C.push(...M), C;
-    }, []).reduce((C, j) => C && f(j, c), !0);
+  function v() {
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function y(p, c) {
-    const u = Object.keys(p), m = u.includes("allOf"), A = u.includes("anyOf"), C = m || A, b = (C ? p[C ? m ? "allOf" : "anyOf" : "allOf"] : [p]).map((E) => d(E, c));
-    return m ? !b.includes(!1) : b.includes(!0);
+  function u() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function a(p, c) {
-    const u = p.const;
-    return u ? typeof u == "boolean" ? u : typeof u == "object" ? y(u, c) : !1 : !1;
+  function o(h) {
+    if (!h || !h.value)
+      return null;
+    if (h.value.schema && h.value.schema.type === "component")
+      return h.value;
+    const S = g(h == null ? void 0 : h.value.parent), m = o(S);
+    return m || null;
   }
-  function l(p) {
-    return (c) => {
-      const u = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return p && p.properties && Object.keys(p.properties).reduce((m, A) => {
-        const C = p.properties[A];
-        return m[A] = a(C, c), m;
-      }, u), u;
-    };
+  function s(h = e) {
+    const { componentInstance: S, designerItemElementRef: m } = h;
+    return !S || !S.value ? null : S.value.canMove ? m : s(h.parent);
   }
-  function i(p, c, u) {
-    if (c.type === "object" && c.properties) {
-      const { rules: m, contents: A } = c.properties;
-      u.set(p, l(m)), A && Object.keys(A.properties).forEach(
-        (C) => i(C, A.properties[C], u)
-      );
-    }
+  function p(h) {
+    return !!r;
   }
-  function h() {
-    const { properties: p } = Ct;
-    Object.keys(p).forEach((c) => {
-      i(c, p[c], z);
-    });
+  function f() {
+    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function g(p, c) {
-    const u = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return z.has(p) ? z.get(p)(c) : u;
+  function d() {
   }
-  return h(), { getRuleValue: g };
-}
-function Pt(n, t) {
-  function e(y, a = null) {
-    if (a) return a;
-    const l = n.getComponentById(t);
-    return n.selectNode(l, (i) => i.id === y);
+  function y(h, S) {
   }
-  function r(y) {
-    const a = n.getComponentById(y);
-    return !(!a || !a.componentType || !a.componentType.startsWith("form"));
+  function L(h, S) {
+    const { componentType: m } = h;
+    let P = te(m, h, S);
+    const re = m.toLowerCase().replace(/-/g, "_");
+    return P && !P.id && P.type === m && (P.id = `${re}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function o(y) {
-    const a = e(y.id), l = De(n), i = [];
-    l.getResonseFormLayoutConfig(a, i, 1);
-    const h = i.map((j) => j.columnInSM), g = i.map((j) => j.columnInMD), p = i.map((j) => j.columnInLG), c = i.map((j) => j.columnInEL), u = s(h) ? h[0] : 0, m = s(g) ? g[0] : 0, A = s(p) ? p[0] : 0, C = s(c) ? c[0] : 0;
-    return {
-      uniqueColClassInSM: u,
-      uniqueColClassInMD: m,
-      uniqueColClassInLG: A,
-      uniqueColClassInEL: C
-    };
+  function _(h) {
   }
-  function s(y) {
-    const a = new Set(y);
-    return Array.from(a).length === 1;
+  function V(...h) {
   }
-  function f(y, a, l) {
-    y = e(l, y), y.contents.forEach((i) => {
-      if (i.type === we.fieldset.type) {
-        f(i, a, i.id);
-        return;
-      }
-      i.appearance || (i.appearance = {});
-      const h = i.appearance.class;
-      i.appearance.class = d(h, a);
+  function w() {
+    e != null && e.schema.contents && e.schema.contents.map((h) => {
+      var P;
+      let S = h.id;
+      h.type === "component-ref" && (S = h.component);
+      const m = t.value.querySelector(`#${S}-design-item`);
+      (P = m == null ? void 0 : m.componentInstance) != null && P.value.onRemoveComponent && m.componentInstance.value.onRemoveComponent();
     });
   }
-  function d(y, a) {
-    let l, i, h, g, p = [];
-    if (y) {
-      const j = y.split(" "), M = j.filter((b) => b.startsWith("col-"));
-      l = M.find((b) => /^col-([1-9]|10|11|12)$/.test(b)), i = M.find((b) => /^col-md-([1-9]|10|11|12)$/.test(b)), h = M.find((b) => /^col-xl-([1-9]|10|11|12)$/.test(b)), g = M.find((b) => /^col-el-([1-9]|10|11|12)$/.test(b)), p = j.filter((b) => !b.startsWith("col-"));
-    }
-    const c = a.uniqueColClassInSM ? "col-" + a.uniqueColClassInSM : l, u = a.uniqueColClassInMD ? "col-md-" + a.uniqueColClassInMD : i, m = a.uniqueColClassInLG ? "col-xl-" + a.uniqueColClassInLG : h, A = a.uniqueColClassInEL ? "col-el-" + a.uniqueColClassInEL : g;
-    return [c, u, m, A].concat(p).join(" ");
-  }
-  return { checkIsInFormComponent: r, assembleUnifiedLayoutContext: o, changeFormControlsByUnifiedLayoutConfig: f };
-}
-class At extends Se {
-  constructor(t, e) {
-    super(t, e);
-  }
-  getPropertyConfig(t, e) {
-    var r = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(t);
-    const { checkIsInFormComponent: o, assembleUnifiedLayoutContext: s, changeFormControlsByUnifiedLayoutConfig: f } = Pt(this.formSchemaUtils, this.componentId), d = this.getAppearanceConfig(t);
-    return d.properties.unifiedLayout = {
-      title: "统一布局配置",
-      description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: o(this.componentId),
-      refreshPanelAfterChanged: !0,
-      editor: {
-        type: "response-form-layout-setting",
-        initialState: s(t)
-      }
-    }, d.setPropertyRelates = function(y, a) {
-      if (y)
-        switch (y && y.propertyID) {
-          case "unifiedLayout": {
-            f(null, y.propertyValue, t.id), r.updateElementByParentContainer(t.id, e);
-            break;
-          }
-        }
-    }, this.propertyConfig.categories.appearance = d, this.propertyConfig;
-  }
-}
-function Tt(n, t) {
-  var E;
-  const e = n.schema, r = (E = n.parent) == null ? void 0 : E.schema, o = jt(), s = w(!1), f = w(!1);
-  let d = !0, y = !1, a, l = !1;
-  function i(v) {
-    return a && a.componentClassList && a.componentClassList.includes("f-form-layout") && a.componentClassList.includes("farris-form") ? v.sourceType === "control" && v.controlCategory === "input" || v.sourceType === "move" && v.controlType === "form-group" : !0;
-  }
-  function h(v) {
-    return !(!dt().basalDragulaRuleForContainer(v) || !d || !i(v));
-  }
-  function g() {
-    s.value = !1, f.value = !1;
-    const v = e, P = v.appearance && v.appearance.class || "", T = P.split(" "), S = v.contents || [], L = S.length ? S[0] : null, F = L && L.appearance ? L.appearance.class : "", k = F ? F.split(" ") : [], B = S.length ? S.reduce((K, V) => {
-      const ee = V && V.appearance ? V.appearance.class : "", Ce = ee ? ee.split(" ") : [];
-      return K.push(...Ce), K;
-    }, []) : [], x = r, q = x && x.appearance && x.appearance.class || "", be = q ? q.split(" ") : [];
-    a = {
-      componentClass: P,
-      componentClassList: T,
-      childContents: S,
-      firstChildContent: L,
-      firstChildClass: F,
-      firstChildClassList: k,
-      parent: x,
-      parentClass: q,
-      parentClassList: be,
-      children: S,
-      childrenClassList: B
-    };
-    const { canAccept: me, fixed: ve, hidePadding: ge } = o.getRuleValue(T[0], a);
-    return d = me, y = ge, l = ve, !0;
-  }
-  function p(v) {
-    Pe();
-  }
-  function c() {
-    return e.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function u(v, P) {
-    const T = e;
-    if ((T.appearance && T.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: F } = v, k = $("form-group");
-      return k.editor = P, k.label = F, m(k), delete k.editor.id, delete k.editor.binding, delete k.editor.appearance, delete k.editor.visible, k;
-    }
-    return P;
-  }
-  function m(v) {
-    const P = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-    if (P && P.schema && P.schema.componentType) {
-      const T = P.schema.formColumns;
-      let S = A(T);
-      S = t.formSchemaUtils.getControlClassByFormUnifiedLayout(S, "", n.schema), v.appearance || (v.appearance = {}), v.appearance.class = S;
-    }
-  }
-  function A(v) {
-    let P = "";
-    switch (v) {
-      case 1: {
-        P = "col-12 col-md-12 col-xl-12 col-el-12";
-        break;
-      }
-      case 2: {
-        P = "col-12 col-md-6 col-xl-6 col-el-6";
-        break;
-      }
-      case 3: {
-        P = "col-12 col-md-6 col-xl-4 col-el-4";
-        break;
-      }
-      case 4: {
-        P = "col-12 col-md-6 col-xl-3 col-el-2";
-        break;
-      }
-    }
-    return P;
-  }
-  function C(v, P, T) {
-    const S = e;
-    if ((S.appearance && S.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const k = String(v.innerText), B = $("form-group");
-      return B.editor = T, B.label = k, B;
-    }
-    return T;
-  }
-  function j() {
-    return !l;
-  }
-  function M() {
-    return !l;
-  }
-  function b() {
-    return y;
-  }
-  function D(v) {
-    return new At(v, t).getPropertyConfig(e, n.componentInstance.value);
-  }
-  return {
-    canAccepts: h,
-    checkCanDeleteComponent: M,
-    checkCanMoveComponent: j,
-    getStyles: c,
-    getPropsConfig: D,
-    hideNestedPaddingInDesginerView: b,
-    onAcceptNewChildElement: C,
-    onAcceptMovedChildElement: p,
-    resolveComponentContext: g,
-    onResolveNewComponentSchema: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: f
-  };
-}
-const Et = /* @__PURE__ */ ce({
+  return a.value = {
+    canMove: c(),
+    canSelectParent: l(),
+    canDelete: v(),
+    canNested: !u(),
+    contents: e == null ? void 0 : e.schema.contents,
+    elementRef: t,
+    parent: (q = e == null ? void 0 : e.parent) == null ? void 0 : q.componentInstance,
+    schema: e == null ? void 0 : e.schema,
+    styles: n,
+    designerClass: i,
+    canAccepts: p,
+    getBelongedComponentInstance: o,
+    getDraggableDesignItemElement: s,
+    getDraggingDisplayText: f,
+    getPropConfig: V,
+    getDragScopeElement: d,
+    onAcceptMovedChildElement: y,
+    onChildElementMovedOut: _,
+    addNewChildComponentSchema: L,
+    triggerBelongedComponentToMoveWhenMoved: g(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: g(!1),
+    onRemoveComponent: w
+  }, a;
+}
+const Ge = /* @__PURE__ */ Q({
   name: "FNavDesign",
-  props: R,
+  props: B,
   emits: ["nav"],
-  setup(n, t) {
-    var p;
-    const e = w(n.activeNavId), r = w(n.navData), o = w(n.horizontal);
-    w(n.navPicking);
-    const s = w(), f = Ae("design-item-context"), d = Tt(f.schema, (p = f.parent) == null ? void 0 : p.schema), y = ft(s, f, d);
-    Te(() => {
-      s.value.componentInstance = y;
-    }), t.expose(y.value);
-    const a = _({
+  setup(t, e) {
+    const r = g(t.activeNavId), n = g(t.navData), i = g(t.horizontal);
+    g(t.navPicking);
+    const a = g(), c = ie("design-item-context"), l = Ye(a, c);
+    ae(() => {
+      a.value.componentInstance = l;
+    }), e.expose(l.value);
+    const v = T({
       get() {
-        return r.value;
+        return n.value;
       },
-      set(c) {
-        r.value = c, h();
+      set(f) {
+        n.value = f, s();
       }
-    }), l = _({
+    }), u = T({
       get() {
-        return e.value;
+        return r.value;
       },
-      set(c) {
-        if (e.value = c, e.value && a && a.value.length) {
-          const u = a.value.find((m) => m.id === e.value);
-          u && t.emit("nav", u);
+      set(f) {
+        if (r.value = f, r.value && v && v.value.length) {
+          const d = v.value.find((y) => y.id === r.value);
+          d && e.emit("nav", d);
         }
       }
-    }), i = _({
-      set(c) {
-        o.value = c;
+    }), o = T({
+      set(f) {
+        i.value = f;
       },
       get() {
-        return o.value;
+        return i.value;
       }
     });
-    function h() {
-      if (a.value && a.value.length && !e.value) {
-        const c = a.value.find((u) => !u.disable);
-        c && (e.value = c.id);
+    function s() {
+      if (v.value && v.value.length && !r.value) {
+        const f = v.value.find((d) => !d.disable);
+        f && (r.value = f.id);
       }
     }
-    function g(c) {
-      c.disable || c.id === e.value || (e.value = c.id, t.emit("nav", c));
+    function p(f) {
+      f.disable || f.id === r.value || (r.value = f.id, e.emit("nav", f));
     }
     return () => {
-      var c;
-      return N("div", {
-        ref: s,
+      var f;
+      return b("div", {
+        ref: a,
         class: ["farris-nav", {
-          "farris-nav-vertical": !i.value
+          "farris-nav-vertical": !o.value
         }]
-      }, [(c = a.value) == null ? void 0 : c.map((u) => N("div", {
+      }, [(f = v.value) == null ? void 0 : f.map((d) => b("div", {
         class: ["farris-nav-item", {
-          active: u.id === l.value
+          active: d.id === u.value
         }, {
-          disabled: u.disable
+          disabled: d.disable
         }],
-        onClick: () => g(u)
-      }, [N("div", {
+        onClick: () => p(d)
+      }, [b("div", {
         class: "farris-nav-item-link"
-      }, [N("span", {
+      }, [b("span", {
         class: "farris-nav-item-link-text"
-      }, [u.text, u.num && N("div", {
+      }, [d.text, d.num && b("div", {
         class: "farris-nav-item-tag"
-      }, [u.num <= n.maxNum && N("span", {
+      }, [d.num <= t.maxNum && b("span", {
         class: "tag-text"
-      }, [u.num]), u.num > n.maxNum && N("span", {
+      }, [d.num]), d.num > t.maxNum && b("span", {
         class: "tag-text"
-      }, [n.maxNum, le("+")])])])])]))]);
+      }, [t.maxNum, X("+")])])])])]))]);
     };
   }
-}), kt = {
-  install(n) {
-    n.component(G.name, G);
+}), Xe = {
+  install(t) {
+    t.component(j.name, j);
   },
-  register(n, t, e, r) {
-    n.nav = G, t.nav = ie;
+  register(t, e, r, n) {
+    t.nav = j, e.nav = J;
   },
-  registerDesigner(n, t, e) {
-    n.nav = Et, t.nav = ie;
+  registerDesigner(t, e, r) {
+    t.nav = Ge, e.nav = J;
   }
 };
 export {
-  G as FNav,
-  kt as default,
-  R as navProps,
-  ie as propsResolver
+  j as FNav,
+  Xe as default,
+  B as navProps,
+  J as propsResolver
 };