@farris/ui-vue 1.3.1 → 1.3.3

package/components/nav/index.esm.js

@@ -1,225 +1,221 @@
-var le = Object.defineProperty;
-var ce = (n, e, t) => e in n ? le(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var M = (n, e, t) => ce(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as K, ref as L, watch as ue, computed as P, createVNode as T, createTextVNode as H, nextTick as pe, inject as fe, onMounted as de } from "vue";
-import { isPlainObject as X, cloneDeep as ee } from "lodash-es";
-import { DgControl as V } from "../designer-canvas/index.esm.js";
-var _ = function(n, e) {
-  return _ = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
-    t.__proto__ = r;
-  } || function(t, r) {
-    for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
-  }, _(n, e);
+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 te(n, e) {
+function Z(t, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
-  _(n, e);
-  function t() {
-    this.constructor = n;
+  k(t, e);
+  function r() {
+    this.constructor = t;
   }
-  n.prototype = e === null ? Object.create(e) : (t.prototype = e.prototype, new t());
+  t.prototype = e === null ? Object.create(e) : (r.prototype = e.prototype, new r());
 }
-function Y(n) {
-  var e = typeof Symbol == "function" && Symbol.iterator, t = e && n[e], r = 0;
-  if (t) return t.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(e ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function O(n, e) {
-  var t = typeof Symbol == "function" && n[Symbol.iterator];
-  if (!t) return n;
-  var r = t.call(n), i, a = [], s;
+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 (; (e === void 0 || e-- > 0) && !(i = r.next()).done; ) a.push(i.value);
-  } catch (f) {
-    s = { error: f };
+    for (; (e === void 0 || e-- > 0) && !(i = n.next()).done; ) a.push(i.value);
+  } catch (l) {
+    c = { error: l };
   } finally {
     try {
-      i && !i.done && (t = r.return) && t.call(r);
+      i && !i.done && (r = n.return) && r.call(n);
     } finally {
-      if (s) throw s.error;
+      if (c) throw c.error;
     }
   }
   return a;
 }
-function j(n, e, t) {
-  if (t || arguments.length === 2) for (var r = 0, i = e.length, a; r < i; r++)
-    (a || !(r in e)) && (a || (a = Array.prototype.slice.call(e, 0, r)), a[r] = e[r]);
-  return n.concat(a || Array.prototype.slice.call(e));
-}
-function I(n) {
-  return typeof n == "function";
-}
-function me(n) {
-  var e = function(r) {
-    Error.call(r), r.stack = new Error().stack;
-  }, t = n(e);
-  return t.prototype = Object.create(Error.prototype), t.prototype.constructor = t, t;
-}
-var N = me(function(n) {
-  return function(t) {
-    n(this), this.message = t ? t.length + ` errors occurred during unsubscription:
-` + t.map(function(r, i) {
-      return i + 1 + ") " + r.toString();
+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 E(t) {
+  return typeof t == "function";
+}
+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 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 = t;
+  `) : "", this.name = "UnsubscriptionError", this.errors = r;
   };
 });
-function J(n, e) {
-  if (n) {
-    var t = n.indexOf(e);
-    0 <= t && n.splice(t, 1);
+function H(t, e) {
+  if (t) {
+    var r = t.indexOf(e);
+    0 <= r && t.splice(r, 1);
   }
 }
-var $ = function() {
-  function n(e) {
+var F = function() {
+  function t(e) {
     this.initialTeardown = e, this.closed = !1, this._parentage = null, this._finalizers = null;
   }
-  return n.prototype.unsubscribe = function() {
-    var e, t, r, i, a;
+  return t.prototype.unsubscribe = function() {
+    var e, r, n, i, a;
     if (!this.closed) {
       this.closed = !0;
-      var s = this._parentage;
-      if (s)
-        if (this._parentage = null, Array.isArray(s))
+      var c = this._parentage;
+      if (c)
+        if (this._parentage = null, Array.isArray(c))
           try {
-            for (var f = Y(s), d = f.next(); !d.done; d = f.next()) {
-              var l = d.value;
-              l.remove(this);
+            for (var l = z(c), v = l.next(); !v.done; v = l.next()) {
+              var u = v.value;
+              u.remove(this);
             }
-          } catch (u) {
-            e = { error: u };
+          } catch (y) {
+            e = { error: y };
           } finally {
             try {
-              d && !d.done && (t = f.return) && t.call(f);
+              v && !v.done && (r = l.return) && r.call(l);
             } finally {
               if (e) throw e.error;
             }
           }
         else
-          s.remove(this);
-      var c = this.initialTeardown;
-      if (I(c))
+          c.remove(this);
+      var o = this.initialTeardown;
+      if (E(o))
         try {
-          c();
-        } catch (u) {
-          a = u instanceof N ? u.errors : [u];
+          o();
+        } catch (y) {
+          a = y instanceof N ? y.errors : [y];
         }
-      var o = this._finalizers;
-      if (o) {
+      var s = this._finalizers;
+      if (s) {
         this._finalizers = null;
         try {
-          for (var p = Y(o), m = p.next(); !m.done; m = p.next()) {
-            var y = m.value;
+          for (var p = z(s), f = p.next(); !f.done; f = p.next()) {
+            var d = f.value;
             try {
-              Q(y);
-            } catch (u) {
-              a = a ?? [], u instanceof N ? a = j(j([], O(a)), O(u.errors)) : a.push(u);
+              W(d);
+            } catch (y) {
+              a = a ?? [], y instanceof N ? a = M(M([], A(a)), A(y.errors)) : a.push(y);
             }
           }
-        } catch (u) {
-          r = { error: u };
+        } catch (y) {
+          n = { error: y };
         } finally {
           try {
-            m && !m.done && (i = p.return) && i.call(p);
+            f && !f.done && (i = p.return) && i.call(p);
           } finally {
-            if (r) throw r.error;
+            if (n) throw n.error;
           }
         }
       }
       if (a)
         throw new N(a);
     }
-  }, n.prototype.add = function(e) {
-    var t;
+  }, t.prototype.add = function(e) {
+    var r;
     if (e && e !== this)
       if (this.closed)
-        Q(e);
+        W(e);
       else {
-        if (e instanceof n) {
+        if (e instanceof t) {
           if (e.closed || e._hasParent(this))
             return;
           e._addParent(this);
         }
-        (this._finalizers = (t = this._finalizers) !== null && t !== void 0 ? t : []).push(e);
-      }
-  }, n.prototype._hasParent = function(e) {
-    var t = this._parentage;
-    return t === e || Array.isArray(t) && t.includes(e);
-  }, n.prototype._addParent = function(e) {
-    var t = this._parentage;
-    this._parentage = Array.isArray(t) ? (t.push(e), t) : t ? [t, e] : e;
-  }, n.prototype._removeParent = function(e) {
-    var t = this._parentage;
-    t === e ? this._parentage = null : Array.isArray(t) && J(t, e);
-  }, n.prototype.remove = function(e) {
-    var t = this._finalizers;
-    t && J(t, e), e instanceof n && e._removeParent(this);
-  }, n.EMPTY = function() {
-    var e = new n();
+        (this._finalizers = (r = this._finalizers) !== null && r !== void 0 ? r : []).push(e);
+      }
+  }, 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;
-  }(), n;
+  }(), t;
 }();
-$.EMPTY;
-function ne(n) {
-  return n instanceof $ || n && "closed" in n && I(n.remove) && I(n.add) && I(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 Q(n) {
-  I(n) ? n() : n.unsubscribe();
+function W(t) {
+  E(t) ? t() : t.unsubscribe();
 }
-var re = {
+var K = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, he = {
-  setTimeout: function(n, e) {
-    for (var t = [], r = 2; r < arguments.length; r++)
-      t[r - 2] = arguments[r];
-    return setTimeout.apply(void 0, j([n, e], O(t)));
+}, 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 ye(n) {
-  he.setTimeout(function() {
-    throw n;
+function ue(t) {
+  ce.setTimeout(function() {
+    throw t;
   });
 }
-function Z() {
+function Y() {
 }
-function ve(n) {
-  n();
+function le(t) {
+  t();
 }
-var oe = function(n) {
-  te(e, n);
-  function e(t) {
-    var r = n.call(this) || this;
-    return r.isStopped = !1, t ? (r.destination = t, ne(t) && t.add(r)) : r.destination = Me, 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 e.create = function(t, r, i) {
-    return new W(t, r, i);
-  }, e.prototype.next = function(t) {
-    this.isStopped || this._next(t);
-  }, e.prototype.error = function(t) {
-    this.isStopped || (this.isStopped = !0, this._error(t));
+  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());
   }, e.prototype.unsubscribe = function() {
-    this.closed || (this.isStopped = !0, n.prototype.unsubscribe.call(this), this.destination = null);
-  }, e.prototype._next = function(t) {
-    this.destination.next(t);
-  }, e.prototype._error = function(t) {
+    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(t);
+      this.destination.error(r);
     } finally {
       this.unsubscribe();
     }
@@ -230,303 +226,268 @@ var oe = function(n) {
       this.unsubscribe();
     }
   }, e;
-}($), be = Function.prototype.bind;
-function B(n, e) {
-  return be.call(n, e);
+}(F), fe = Function.prototype.bind;
+function O(t, e) {
+  return fe.call(t, e);
 }
-var Ce = function() {
-  function n(e) {
+var pe = function() {
+  function t(e) {
     this.partialObserver = e;
   }
-  return n.prototype.next = function(e) {
-    var t = this.partialObserver;
-    if (t.next)
+  return t.prototype.next = function(e) {
+    var r = this.partialObserver;
+    if (r.next)
       try {
-        t.next(e);
-      } catch (r) {
-        F(r);
+        r.next(e);
+      } catch (n) {
+        D(n);
       }
-  }, n.prototype.error = function(e) {
-    var t = this.partialObserver;
-    if (t.error)
+  }, t.prototype.error = function(e) {
+    var r = this.partialObserver;
+    if (r.error)
       try {
-        t.error(e);
-      } catch (r) {
-        F(r);
+        r.error(e);
+      } catch (n) {
+        D(n);
       }
     else
-      F(e);
-  }, n.prototype.complete = function() {
+      D(e);
+  }, t.prototype.complete = function() {
     var e = this.partialObserver;
     if (e.complete)
       try {
         e.complete();
-      } catch (t) {
-        F(t);
-      }
-  }, n;
-}(), W = function(n) {
-  te(e, n);
-  function e(t, r, i) {
-    var a = n.call(this) || this, s;
-    if (I(t) || !t)
-      s = {
-        next: t ?? void 0,
-        error: r ?? void 0,
+      } catch (r) {
+        D(r);
+      }
+  }, 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 f;
-      a && re.useDeprecatedNextContext ? (f = Object.create(t), f.unsubscribe = function() {
+      var l;
+      a && K.useDeprecatedNextContext ? (l = Object.create(r), l.unsubscribe = function() {
         return a.unsubscribe();
-      }, s = {
-        next: t.next && B(t.next, f),
-        error: t.error && B(t.error, f),
-        complete: t.complete && B(t.complete, f)
-      }) : s = t;
+      }, 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 a.destination = new Ce(s), a;
+    return a.destination = new pe(c), a;
   }
   return e;
-}(oe);
-function F(n) {
-  ye(n);
+}(C);
+function D(t) {
+  ue(t);
 }
-function ge(n) {
-  throw n;
+function ve(t) {
+  throw t;
 }
-var Me = {
+var de = {
   closed: !0,
-  next: Z,
-  error: ge,
-  complete: Z
-}, Se = function() {
+  next: Y,
+  error: ve,
+  complete: Y
+}, he = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function De(n) {
-  return n;
-}
-function Ee(n) {
-  return n.length === 0 ? De : n.length === 1 ? n[0] : function(t) {
-    return n.reduce(function(r, i) {
-      return i(r);
-    }, t);
+function ye(t) {
+  return t;
+}
+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 Te = function() {
-  function n(e) {
+var me = function() {
+  function t(e) {
     e && (this._subscribe = e);
   }
-  return n.prototype.lift = function(e) {
-    var t = new n();
-    return t.source = this, t.operator = e, t;
-  }, n.prototype.subscribe = function(e, t, r) {
-    var i = this, a = we(e) ? e : new W(e, t, r);
-    return ve(function() {
-      var s = i, f = s.operator, d = s.source;
-      a.add(f ? f.call(a, d) : d ? i._subscribe(a) : i._trySubscribe(a));
+  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;
-  }, n.prototype._trySubscribe = function(e) {
+  }, t.prototype._trySubscribe = function(e) {
     try {
       return this._subscribe(e);
-    } catch (t) {
-      e.error(t);
+    } catch (r) {
+      e.error(r);
     }
-  }, n.prototype.forEach = function(e, t) {
-    var r = this;
-    return t = x(t), new t(function(i, a) {
-      var s = new W({
-        next: function(f) {
+  }, 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 {
-            e(f);
-          } catch (d) {
-            a(d), s.unsubscribe();
+            e(l);
+          } catch (v) {
+            a(v), c.unsubscribe();
           }
         },
         error: a,
         complete: i
       });
-      r.subscribe(s);
+      n.subscribe(c);
     });
-  }, n.prototype._subscribe = function(e) {
-    var t;
-    return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(e);
-  }, n.prototype[Se] = 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 e = [], t = 0; t < arguments.length; t++)
-      e[t] = arguments[t];
-    return Ee(e)(this);
-  }, n.prototype.toPromise = function(e) {
-    var t = this;
-    return e = x(e), new e(function(r, i) {
+  }, 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;
-      t.subscribe(function(s) {
-        return a = s;
-      }, function(s) {
-        return i(s);
+      r.subscribe(function(c) {
+        return a = c;
+      }, function(c) {
+        return i(c);
       }, function() {
-        return r(a);
+        return n(a);
       });
     });
-  }, n.create = function(e) {
-    return new n(e);
-  }, n;
+  }, t.create = function(e) {
+    return new t(e);
+  }, t;
 }();
-function x(n) {
+function G(t) {
   var e;
-  return (e = n ?? re.Promise) !== null && e !== void 0 ? e : Promise;
+  return (e = t ?? K.Promise) !== null && e !== void 0 ? e : Promise;
 }
-function Le(n) {
-  return n && I(n.next) && I(n.error) && I(n.complete);
+function ge(t) {
+  return t && E(t.next) && E(t.error) && E(t.complete);
 }
-function we(n) {
-  return n && n instanceof oe || Le(n) && ne(n);
+function Se(t) {
+  return t && t instanceof C || ge(t) && x(t);
 }
-const ae = {}, ie = {};
-function G(n) {
-  const { properties: e, title: t, ignore: r } = n, i = r && Array.isArray(r), a = Object.keys(e).reduce((s, f) => ((!i || !r.find((d) => d == f)) && (s[f] = e[f].type === "object" && e[f].properties ? G(e[f]) : ee(e[f].default)), s), {});
-  return t && (!i || !r.find((s) => s == "id")) && (a.id = `${t}-${Date.now()}`), a;
+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 q(n, e = {}, t) {
-  const r = ae[n];
-  if (r) {
-    let i = G(r);
-    const a = ie[n];
-    return i = a ? a({ getSchemaByType: q }, i, e, t) : i, i;
+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 Ie(n, e) {
-  const t = G(e);
-  return Object.keys(n).reduce((r, i) => (r[i] && X(r[i]) && X(n[i]) ? Object.assign(r[i], n[i]) : r[i] = n[i], r), t), t;
+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 ke(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, i) => {
+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")
-        r[a] = n[i];
+        n[a] = t[i];
       else {
-        const s = a(i, n[i], n);
-        Object.assign(r, s);
+        const c = a(i, t[i], t);
+        Object.assign(n, c);
       }
     } else
-      r[i] = n[i];
-    return r;
+      n[i] = t[i];
+    return n;
   }, {});
 }
-function Pe(n, e, t = /* @__PURE__ */ new Map()) {
-  const r = Ie(n, e);
-  return ke(r, t);
-}
-function Fe(n = {}) {
-  function e(l, c, o, p) {
-    if (typeof o == "number")
-      return p[l].length === o;
-    if (typeof o == "object") {
-      const m = Object.keys(o)[0], y = o[m];
-      if (m === "not")
-        return Number(p[l].length) !== Number(y);
-      if (m === "moreThan")
-        return Number(p[l].length) >= Number(y);
-      if (m === "lessThan")
-        return Number(p[l].length) <= Number(y);
+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 t(l, c, o, p) {
-    return p[l] && p[l].propertyValue && String(p[l].propertyValue.value) === String(o);
+  function r(u, o, s, p) {
+    return p[u] && p[u].propertyValue && String(p[u].propertyValue.value) === String(s);
   }
-  const r = /* @__PURE__ */ new Map([
+  const n = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", t]
+    ["getProperty", r]
   ]);
-  Object.keys(n).reduce((l, c) => (l.set(c, n[c]), l), r);
-  function i(l, c) {
-    const o = l;
-    return typeof c == "number" ? [{ target: o, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: o, operator: "getProperty", param: l, value: !!c }] : typeof c == "object" ? Object.keys(c).map((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: o, operator: "length", param: null, value: c[p] };
-      const m = p, y = c[p];
-      return { target: o, operator: "getProperty", param: m, value: y };
+        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 a(l) {
-    return Object.keys(l).reduce((o, p) => {
-      const m = i(p, l[p]);
-      return o.push(...m), o;
+  function a(u) {
+    return Object.keys(u).reduce((s, p) => {
+      const f = i(p, u[p]);
+      return s.push(...f), s;
     }, []);
   }
-  function s(l, c) {
-    if (r.has(l.operator)) {
-      const o = r.get(l.operator);
-      return o && o(l.target, l.param, l.value, c) || !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 f(l, c) {
-    return a(l).reduce((m, y) => m && s(y, c), !0);
+  function l(u, o) {
+    return a(u).reduce((f, d) => f && c(d, o), !0);
   }
-  function d(l, c) {
-    const o = Object.keys(l), p = o.includes("allOf"), m = o.includes("anyOf"), y = p || m, C = (y ? l[y ? p ? "allOf" : "anyOf" : "allOf"] : [l]).map((g) => f(g, c));
-    return p ? !C.includes(!1) : C.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: d };
+  return { parseValueSchema: v };
 }
-const k = {
-  button: { type: "button", name: "按钮", icon: "Button" },
-  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
-  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
-  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
-  "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
-  textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
-  lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
-  "number-spinner": { type: "number-spinner", name: "数值", icon: "NumericBox" },
-  "date-picker": { type: "date-picker", name: "日期", icon: "DateBox" },
-  switch: { type: "switch", name: "开关", icon: "SwitchField" },
-  "radio-group": { type: "radio-group", name: "单选组", icon: "RadioGroup" },
-  "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
-  "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
-  "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
-  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
-  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
-  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
-  "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
-  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
-  "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
-  "data-grid-column": { type: "data-grid-column", name: "表格列" },
-  module: { type: "Module", name: "模块", icon: "Module" },
-  component: { type: "component", name: "组件", icon: "Component" },
-  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
-  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
-  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
-  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
-  section: { type: "section", name: "分组面板", icon: "Section" },
-  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
-  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
-  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
-  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
-  "component-ref": { type: "component-ref", name: "组件引用节点" },
-  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
-  "page-header": { type: "page-header", name: "页头", icon: "Header" },
-  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, Ae = {}, Ne = {};
-Fe();
-function Be(n, e, t = /* @__PURE__ */ new Map(), r = (s, f, d) => f, i = {}, a = (s) => s) {
-  return ae[e.title] = e, ie[e.title] = r, Ae[e.title] = i, Ne[e.title] = a, (s = {}) => {
-    const f = Pe(s, e, t), d = Object.keys(n).reduce((l, c) => (l[c] = n[c].default, l), {});
-    return Object.assign(d, f);
+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 Ue(n, e) {
+function Oe(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Ve = /* @__PURE__ */ new Map([
-  ["appearance", Ue]
-]), _e = "https://json-schema.org/draft/2020-12/schema", Oe = "https://farris-design.gitee.io/nav.schema.json", je = "nav", We = "A Farris Component", $e = "object", Ge = {
+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"
@@ -618,22 +579,22 @@ const Ve = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, qe = [
+}, Be = [
   "id",
   "type"
-], ze = {
-  $schema: _e,
-  $id: Oe,
-  title: je,
-  description: We,
-  type: $e,
-  properties: Ge,
-  required: qe
+], Le = {
+  $schema: ke,
+  $id: Ae,
+  title: Me,
+  description: Re,
+  type: Fe,
+  properties: $e,
+  required: Be
 };
-function Xe(n, e, t) {
+function Ve(t, e, r) {
   return e;
 }
-const Ye = "nav", Je = "A Farris Component", Qe = "object", Ze = {
+const qe = "nav", Ue = "A Farris Component", ze = "object", He = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -704,7 +665,7 @@ const Ye = "nav", Je = "A Farris Component", Qe = "object", Ze = {
             },
             {
               value: "center",
-              name: "居中对齐"
+              name: "居中"
             },
             {
               value: "right",
@@ -715,12 +676,12 @@ const Ye = "nav", Je = "A Farris Component", Qe = "object", Ze = {
       }
     }
   }
-}, xe = {
-  title: Ye,
-  description: Je,
-  type: Qe,
-  categories: Ze
-}, z = {
+}, We = {
+  title: qe,
+  description: Ue,
+  type: ze,
+  categories: He
+}, B = {
   /** 未读最大值 */
   maxNum: { Type: Number, default: 99 },
   /** 导航数据 */
@@ -753,703 +714,244 @@ const Ye = "nav", Je = "A Farris Component", Qe = "object", Ze = {
   /** 当前激活的id */
   activeNavId: { Type: String, default: "1" },
   /** nav切换前事件 */
-  navPicking: { Type: Function, default: (n) => Te }
-}, R = Be(z, ze, Ve, Xe, xe), U = /* @__PURE__ */ K({
+  navPicking: { Type: Function, default: (t) => me }
+}, J = Ne(B, Le, je, Ve, We), j = /* @__PURE__ */ Q({
   name: "FNav",
-  props: z,
+  props: B,
   emits: ["nav", "update:activeNavId"],
-  setup(n, e) {
-    const t = L(n.activeNavId), r = L(n.navData), i = L(n.horizontal);
-    L(n.navPicking), ue(() => n.activeNavId, (c, o) => {
-      c !== o && (t.value = c);
+  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 a = P({
+    const a = T({
       get() {
-        return r.value;
+        return n.value;
       },
-      set(c) {
-        r.value = c, d();
+      set(o) {
+        n.value = o, v();
       }
-    }), s = P({
+    }), c = T({
       get() {
-        return t.value;
+        return r.value;
       },
-      set(c) {
-        if (t.value = c, t.value && a && a.value.length) {
-          const o = a.value.find((p) => p.id === t.value);
-          o && e.emit("nav", o);
+      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);
         }
       }
-    }), f = P({
-      set(c) {
-        i.value = c;
+    }), l = T({
+      set(o) {
+        i.value = o;
       },
       get() {
         return i.value;
       }
     });
-    function d() {
-      if (a.value && a.value.length && !t.value) {
-        const c = a.value.find((o) => !o.disable);
-        c && (t.value = c.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 l(c) {
-      c.disable || c.id === t.value || (t.value = c.id, e.emit("update:activeNavId", c.id), e.emit("nav", c));
+    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 c;
-      return T("div", {
+      var o;
+      return b("div", {
         class: ["farris-nav", {
-          "farris-nav-vertical": !f.value
+          "farris-nav-vertical": !l.value
         }]
-      }, [(c = a.value) == null ? void 0 : c.map((o) => T("div", {
+      }, [(o = a.value) == null ? void 0 : o.map((s) => b("div", {
         class: ["farris-nav-item", {
-          active: o.id === s.value
+          active: s.id === c.value
         }, {
-          disabled: o.disable
+          disabled: s.disable
         }],
-        onClick: () => l(o)
-      }, [T("div", {
+        onClick: () => u(s)
+      }, [b("div", {
         class: "farris-nav-item-link"
-      }, [T("span", {
+      }, [b("span", {
         class: "farris-nav-item-link-text"
-      }, [typeof o.text == "function" ? o.text() : o.text, o.num && T("div", {
+      }, [typeof s.text == "function" ? s.text() : s.text, s.num && b("div", {
         class: "farris-nav-item-tag"
-      }, [o.num <= n.maxNum && T("span", {
+      }, [s.num <= t.maxNum && b("span", {
         class: "tag-text"
-      }, [o.num]), o.num > n.maxNum && T("span", {
+      }, [s.num]), s.num > t.maxNum && b("span", {
         class: "tag-text"
-      }, [n.maxNum, H("+")])])])])]))]);
+      }, [t.maxNum, X("+")])])])])]))]);
     };
   }
 });
-function Re(n, e, t) {
-  var D;
-  function r() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  r();
-  const i = t && t.getStyles && t.getStyles() || "", a = t && t.getDesignerClass && t.getDesignerClass() || "", s = L();
-  function f() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+function Ye(t, e, r) {
+  var q;
+  const n = "", i = "", a = g();
+  function c() {
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function d() {
+  function l() {
     return !1;
   }
-  function l() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  function v() {
+    return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function c() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+  function u() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function o(b) {
-    if (!b || !b.value)
+  function o(h) {
+    if (!h || !h.value)
       return null;
-    if (b.value.schema && b.value.schema.type === "component")
-      return b.value;
-    const S = L(b == null ? void 0 : b.value.parent), w = o(S);
-    return w || 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 p(b = e) {
-    const { componentInstance: S, designerItemElementRef: w } = b;
-    return !S || !S.value ? null : S.value.canMove ? w : p(b.parent);
+  function s(h = e) {
+    const { componentInstance: S, designerItemElementRef: m } = h;
+    return !S || !S.value ? null : S.value.canMove ? m : s(h.parent);
   }
-  function m(b) {
-    return !!t && t.canAccepts(b);
+  function p(h) {
+    return !!r;
   }
-  function y() {
+  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 u() {
+  function d() {
+  }
+  function y(h, S) {
   }
-  function v(b, S) {
-    S && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(S);
+  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 C(b, S) {
-    const { componentType: w } = b;
-    let E = q(w, b, S);
-    t && t.onResolveNewComponentSchema && (E = t.onResolveNewComponentSchema(b, E));
-    const A = w.toLowerCase().replace("-", "_");
-    return E && !E.id && E.type === w && (E.id = `${A}_${Math.random().toString().slice(2, 6)}`), E;
+  function _(h) {
   }
-  function h(b) {
+  function V(...h) {
   }
-  function g(...b) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...b);
+  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();
+    });
   }
-  return s.value = {
-    canMove: f(),
-    canSelectParent: d(),
-    canDelete: l(),
-    canNested: !c(),
+  return a.value = {
+    canMove: c(),
+    canSelectParent: l(),
+    canDelete: v(),
+    canNested: !u(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: n,
-    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
+    elementRef: t,
+    parent: (q = e == null ? void 0 : e.parent) == null ? void 0 : q.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: a,
-    canAccepts: m,
+    styles: n,
+    designerClass: i,
+    canAccepts: p,
     getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: p,
-    getDraggingDisplayText: y,
-    getPropConfig: g,
-    getDragScopeElement: u,
-    onAcceptMovedChildElement: v,
-    onChildElementMovedOut: h,
-    addNewChildComponentSchema: C,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || L(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || L(!1)
-  }, s;
-}
-function Ke() {
-  function n(e, t) {
-    var s;
-    if (!e)
-      return !1;
-    const r = ((s = e.targetContainer) == null ? void 0 : s.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!r)
-      return !1;
-    const i = r.schema.type, a = t == null ? void 0 : t.formSchemaUtils.getComponentById(r.belongedComponentId);
-    return !((e.controlCategory === "input" || e.controlType === "form-group") && ![k["response-layout-item"].type, k["response-form"].type].includes(i) || (e.controlType === k.tabs.type || e.controlType === k.section.type) && ((a == null ? void 0 : a.componentType) !== "frame" || ![k["content-container"].type, k["splitter-pane"].type, k["response-layout-item"].type].includes(i)));
-  }
-  return {
-    basalDragulaRuleForContainer: n
-  };
-}
-class He {
-  getTemplateRule(e, t) {
-    const r = t == null ? void 0 : t.formSchemaUtils, i = r == null ? void 0 : r.getFormTemplateRule(), a = { canAccept: !0, canDelete: !0, canMove: !0 };
-    if (!i)
-      return a;
-    const s = this.getComponentContext(e);
-    return s.componentClassList.forEach((d) => {
-      if (!d || !i[d])
-        return;
-      const { canMove: l, canDelete: c, canAccept: o } = i[d];
-      a.canMove = a.canMove && this.resolveRuleValue(l, s), a.canDelete = a.canDelete && this.resolveRuleValue(c, s), a.canAccept = a.canAccept && this.resolveRuleValue(o, s);
-    }), a;
-  }
-  resolveRuleValue(e, t) {
-    return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, t);
-  }
-  parseRuleValueSchema(e, t) {
-    const r = e.invalidContext || [];
-    let i = !0;
-    for (const a of r) {
-      if (a.firstLevelChild) {
-        if (a.firstLevelChild.class) {
-          const s = t.firstLevelChildClassList;
-          if (s && !s.includes(a.firstLevelChild.class)) {
-            i = !1;
-            continue;
-          }
-        }
-        if (a.firstLevelChild.type) {
-          const s = t.firstLevelChildSchema;
-          if (s && s.type !== a.firstLevelChild.type) {
-            i = !1;
-            continue;
-          }
-        }
-      }
-      if (a.secondLevelChild) {
-        if (a.secondLevelChild.class) {
-          const s = t.secondLevelChildClassList;
-          if (s && !s.includes(a.secondLevelChild.class)) {
-            i = !1;
-            continue;
-          }
-        }
-        if (a.secondLevelChild.type) {
-          const s = t.secondLevelChildSchema;
-          if (s && s.type !== a.secondLevelChild.type) {
-            i = !1;
-            continue;
-          }
-        }
-      }
-      if (a.parent) {
-        if (a.parent.class) {
-          const s = t.parentClassList;
-          if (s && !s.includes(a.parent.class)) {
-            i = !1;
-            continue;
-          }
-        }
-        if (a.parent.type) {
-          const s = t.parentSchema;
-          if (s && s.type !== a.parent.type) {
-            i = !1;
-            continue;
-          }
-        }
-      }
-      i = !0;
-      break;
-    }
-    return !i;
-  }
-  getComponentContext(e) {
-    var u, v, C, h;
-    const t = e.schema, r = t.appearance && t.appearance.class || "", i = r.split(" ") || [], a = t.contents || [], s = a.length ? a[0] : null, f = s && s.appearance ? s.appearance.class : "", d = f ? f.split(" ") : [], l = (u = s == null ? void 0 : s.contents) != null && u.length ? s == null ? void 0 : s.contents[0] : null, c = l && l.appearance ? l.appearance.class : "", o = c ? c.split(" ") : [], p = t.type === "component" ? (C = (v = e.parent) == null ? void 0 : v.parent) == null ? void 0 : C.schema : (h = e.parent) == null ? void 0 : h.schema, m = p && p.appearance && p.appearance.class || "", y = m ? m.split(" ") : [];
-    return {
-      componentClass: r,
-      componentClassList: i,
-      childContents: a,
-      firstLevelChildSchema: s,
-      firstLevelChildClass: f,
-      firstLevelChildClassList: d,
-      secondLevelChildSchema: l,
-      secondLevelChildClass: c,
-      secondLevelChildClassList: o,
-      parentSchema: p,
-      parentClass: m,
-      parentClassList: y
-    };
-  }
-}
-class et {
-  constructor(e, t) {
-    M(this, "componentId");
-    M(this, "viewModelId");
-    M(this, "eventsEditorUtils");
-    M(this, "formSchemaUtils");
-    M(this, "formMetadataConverter");
-    M(this, "designViewModelUtils");
-    M(this, "designViewModelField");
-    M(this, "controlCreatorUtils");
-    M(this, "designerHostService");
-    M(this, "schemaService", null);
-    M(this, "metadataService", null);
-    M(this, "propertyConfig", {
-      type: "object",
-      categories: {}
-    });
-    var r;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
-  }
-  getTableInfo() {
-    var e;
-    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
-  }
-  setDesignViewModelField(e) {
-    const t = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (t) {
-      if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((i) => i.id === t);
-      }
-      e.updateOn = this.designViewModelField.updateOn;
-    }
-  }
-  changeFieldEditorType(e, t) {
-  }
-  getBasicPropConfig(e) {
-    return {
-      description: "Basic Information",
-      title: "基本信息",
-      properties: {
-        id: {
-          description: "组件标识",
-          title: "标识",
-          type: "string",
-          readonly: !0
-        },
-        type: {
-          description: "组件类型",
-          title: "控件类型",
-          type: "select",
-          editor: {
-            type: "combo-list",
-            textField: "name",
-            valueField: "value",
-            data: [{ value: e.type, name: k[e.type].name }]
-          }
-        }
-      }
-    };
-  }
-  getAppearanceConfig(e = null) {
-    return {
-      title: "样式",
-      description: "Appearance",
-      properties: {
-        class: {
-          title: "class样式",
-          type: "string",
-          description: "组件的CSS样式",
-          $converter: "/converter/appearance.converter"
-        },
-        style: {
-          title: "style样式",
-          type: "string",
-          description: "组件的样式",
-          $converter: "/converter/appearance.converter"
-        }
-      }
-    };
-  }
-  /**
-  * 
-  * @param propertyId 
-  * @param componentInstance 
-  * @returns 
-  */
-  updateElementByParentContainer(e, t) {
-    const r = t && t.parent && t.parent.schema;
-    if (!r)
-      return;
-    const i = r.contents.findIndex((s) => s.id === e), a = ee(r.contents[i]);
-    r.contents.splice(i, 1), r.contents.splice(i, 0, a);
-  }
-}
-class tt {
-  constructor() {
-    /** 控件标题 */
-    M(this, "label", "");
-    /** 控件id */
-    M(this, "id", "");
-    /** 每个控件占用的栅格数 */
-    M(this, "columnInSM", 12);
-    M(this, "columnInMD", 6);
-    M(this, "columnInLG", 3);
-    M(this, "columnInEL", 2);
-    /** 每个控件占用的列数 */
-    M(this, "displayWidthInSM", 1);
-    M(this, "displayWidthInMD", 1);
-    M(this, "displayWidthInLG", 1);
-    M(this, "displayWidthInEL", 1);
-    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    M(this, "displayColumnCountAtBreakPoint", "md");
-    /** 控件所在行，传0即可-----编辑器内部使用 */
-    M(this, "tagRow", 0);
-    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    M(this, "showTopBorder", 0);
-    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    M(this, "group", 1);
-    /** 控件是否符合标准的class配置(设计器用的) */
-    M(this, "isSupportedClass", !0);
-    /** 控件所在分组id(设计器用的) */
-    M(this, "fieldSetId", "");
-  }
-}
-function nt(n) {
-  let e, t;
-  const r = /* @__PURE__ */ new Map();
-  let i = [];
-  function a(c, o) {
-    const m = c.split(" ").filter((h) => h.startsWith("col-"));
-    if (m.length === 0) {
-      o.isSupportedClass = !1;
-      return;
-    }
-    let y = m.find((h) => /^col-([1-9]|10|11|12)$/.test(h)), u = m.find((h) => /^col-md-([1-9]|10|11|12)$/.test(h)), v = m.find((h) => /^col-xl-([1-9]|10|11|12)$/.test(h)), C = m.find((h) => /^col-el-([1-9]|10|11|12)$/.test(h));
-    y = y || "col-12", o.columnInSM = parseInt(y.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), u = u || "col-md-" + o.columnInSM, o.columnInMD = parseInt(u.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), v = v || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(v.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), C = C || "col-el-" + o.columnInLG, o.columnInEL = parseInt(C.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
-  }
-  function s(c, o, p, m = !1) {
-    let y = !1;
-    c.contents.forEach((u) => {
-      if (u.type === "fieldset") {
-        p += 1, s(u, o, p, !0), y = !0;
-        return;
-      }
-      y && (p += 1, y = !1);
-      const v = u.appearance && u.appearance.class, C = new tt();
-      v ? a(v, C) : C.isSupportedClass = !1, C.label = u.label || u.id, C.id = u.id, C.group = p, m && (C.fieldSetId = c.id), t === u.id && (e = p), r.set(u.id, u), o.push(C);
-    });
-  }
-  function f(c) {
-    const o = n.getComponentById(c);
-    if (!o || !o.componentType || !o.componentType.startsWith("form"))
-      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const p = n.selectNode(o, (m) => m.type === V["response-form"].type);
-    return !p || !p.contents || p.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: p };
-  }
-  function d(c, o) {
-    o = o || c.id;
-    const { result: p, message: m, formNode: y } = f(o);
-    if (!p)
-      return { result: p, message: m };
-    t = c.id, i = [], r.clear();
-    const u = y.contents[0].type === V.fieldset.type ? 0 : 1;
-    s(y, i, u);
-    const v = i.find((h) => !h.isSupportedClass);
-    return {
-      defaultState: {
-        defaultGroupNumber: e || 1,
-        model: v ? "customize" : "standard"
-      },
-      importData: i
-    };
-  }
-  function l(c, o) {
-    o = o;
-    const { result: p, formNode: m } = f(o);
-    if (!p)
-      return "";
-    const y = [];
-    return c.forEach((u) => {
-      var h;
-      const v = r.get(u.id), C = v.appearance && v.appearance.class;
-      if (C) {
-        const D = C.split(" ").filter((se) => !se.startsWith("col-")), b = "col-" + u.columnInSM, S = "col-md-" + u.columnInMD, w = "col-xl-" + u.columnInLG, E = "col-el-" + u.columnInEL, A = [b, S, w, E].concat(D);
-        v.appearance.class = A.join(" ");
-      }
-      if (u.fieldSetId) {
-        const g = m.contents.find((b) => b.id === u.fieldSetId), D = y.find((b) => b.id === u.fieldSetId);
-        D ? (h = D.contents) == null || h.push(v) : (y.push(g), g.contents = [v]);
-      } else
-        y.push(v);
-    }), m.contents = y, m.id;
-  }
-  return {
-    checkCanFindFormNode: f,
-    checkCanOpenLayoutEditor: d,
-    changeFormControlsByResponseLayoutConfig: l,
-    getResonseFormLayoutConfig: s
-  };
-}
-function rt(n, e) {
-  function t(d, l = null) {
-    if (l) return l;
-    const c = n.getComponentById(e);
-    return n.selectNode(c, (o) => o.id === d);
-  }
-  function r(d) {
-    const l = n.getComponentById(d);
-    return !(!l || !l.componentType || !l.componentType.startsWith("form"));
-  }
-  function i(d) {
-    const l = t(d.id), c = nt(n), o = [];
-    c.getResonseFormLayoutConfig(l, o, 1);
-    const p = o.map((D) => D.columnInSM), m = o.map((D) => D.columnInMD), y = o.map((D) => D.columnInLG), u = o.map((D) => D.columnInEL), v = a(p) ? p[0] : 0, C = a(m) ? m[0] : 0, h = a(y) ? y[0] : 0, g = a(u) ? u[0] : 0;
-    return {
-      uniqueColClassInSM: v,
-      uniqueColClassInMD: C,
-      uniqueColClassInLG: h,
-      uniqueColClassInEL: g
-    };
-  }
-  function a(d) {
-    const l = new Set(d);
-    return Array.from(l).length === 1;
-  }
-  function s(d, l, c) {
-    d = t(c, d), d.contents.forEach((o) => {
-      if (o.type === V.fieldset.type) {
-        s(o, l, o.id);
-        return;
-      }
-      o.appearance || (o.appearance = {});
-      const p = o.appearance.class;
-      o.appearance.class = f(p, l);
-    });
-  }
-  function f(d, l) {
-    let c, o, p, m, y = [];
-    if (d) {
-      const D = d.split(" "), b = D.filter((S) => S.startsWith("col-"));
-      c = b.find((S) => /^col-([1-9]|10|11|12)$/.test(S)), o = b.find((S) => /^col-md-([1-9]|10|11|12)$/.test(S)), p = b.find((S) => /^col-xl-([1-9]|10|11|12)$/.test(S)), m = b.find((S) => /^col-el-([1-9]|10|11|12)$/.test(S)), y = D.filter((S) => !S.startsWith("col-"));
-    }
-    const u = l.uniqueColClassInSM ? "col-" + l.uniqueColClassInSM : c, v = l.uniqueColClassInMD ? "col-md-" + l.uniqueColClassInMD : o, C = l.uniqueColClassInLG ? "col-xl-" + l.uniqueColClassInLG : p, h = l.uniqueColClassInEL ? "col-el-" + l.uniqueColClassInEL : m;
-    return [u, v, C, h].concat(y).join(" ");
-  }
-  return { checkIsInFormComponent: r, assembleUnifiedLayoutContext: i, changeFormControlsByUnifiedLayoutConfig: s };
-}
-class ot extends et {
-  constructor(e, t) {
-    super(e, t);
-  }
-  getPropertyConfig(e, t) {
-    var r = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
-    const { checkIsInFormComponent: i, assembleUnifiedLayoutContext: a, changeFormControlsByUnifiedLayoutConfig: s } = rt(this.formSchemaUtils, this.componentId), f = this.getAppearanceConfig(e);
-    return f.properties.unifiedLayout = {
-      title: "统一布局配置",
-      description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: i(this.componentId),
-      refreshPanelAfterChanged: !0,
-      editor: {
-        type: "response-form-layout-setting",
-        initialState: a(e)
-      }
-    }, f.setPropertyRelates = function(d, l) {
-      if (d)
-        switch (d && d.propertyID) {
-          case "unifiedLayout": {
-            s(null, d.propertyValue, e.id), r.updateElementByParentContainer(e.id, t);
-            break;
-          }
-        }
-    }, this.propertyConfig.categories.appearance = f, this.propertyConfig;
-  }
-}
-function at(n, e) {
-  const t = n.schema, r = new He(), { canMove: i, canAccept: a, canDelete: s } = r.getTemplateRule(n, e);
-  function f(h) {
-    const g = r.getComponentContext(n);
-    return g && g.componentClassList && g.componentClassList.includes("f-form-layout") && g.componentClassList.includes("farris-form") ? h.sourceType === "control" && h.controlCategory === "input" || h.sourceType === "move" && h.controlType === "form-group" : !0;
-  }
-  function d(h) {
-    return !(!Ke().basalDragulaRuleForContainer(h, e) || !a || !f(h));
-  }
-  function l(h) {
-    pe();
-  }
-  function c() {
-    return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function o(h, g) {
-    const D = t;
-    if ((D.appearance && D.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: w } = h, E = q("form-group");
-      return E.editor = g, E.label = w, p(E), delete E.editor.id, delete E.editor.binding, delete E.editor.appearance, delete E.editor.visible, E;
-    }
-    return g;
-  }
-  function p(h) {
-    const g = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-    if (g && g.schema && g.schema.componentType) {
-      const D = g.schema.formColumns;
-      let b = m(D);
-      b = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(b, "", n.schema), h.appearance || (h.appearance = {}), h.appearance.class = b;
-    }
-  }
-  function m(h) {
-    let g = "";
-    switch (h) {
-      case 1: {
-        g = "col-12";
-        break;
-      }
-      case 2: {
-        g = "col-12 col-md-6 col-xl-6 col-el-6";
-        break;
-      }
-      case 3: {
-        g = "col-12 col-md-6 col-xl-4 col-el-4";
-        break;
-      }
-      case 4: {
-        g = "col-12 col-md-6 col-xl-3 col-el-2";
-        break;
-      }
-    }
-    return g;
-  }
-  function y() {
-    return i;
-  }
-  function u() {
-    return s;
-  }
-  function v() {
-    return !1;
-  }
-  function C(h) {
-    return new ot(h, e).getPropertyConfig(t, n.componentInstance.value);
-  }
-  return {
-    canAccepts: d,
-    checkCanDeleteComponent: u,
-    checkCanMoveComponent: y,
-    getStyles: c,
-    getPropsConfig: C,
-    hideNestedPaddingInDesginerView: v,
-    onAcceptMovedChildElement: l,
-    onResolveNewComponentSchema: o
-  };
-}
-const it = /* @__PURE__ */ K({
+    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: z,
+  props: B,
   emits: ["nav"],
-  setup(n, e) {
-    var y;
-    const t = L(n.activeNavId), r = L(n.navData), i = L(n.horizontal);
-    L(n.navPicking);
-    const a = L(), s = fe("design-item-context"), f = at(s.schema, (y = s.parent) == null ? void 0 : y.schema), d = Re(a, s, f);
-    de(() => {
-      a.value.componentInstance = d;
-    }), e.expose(d.value);
-    const l = P({
+  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(u) {
-        r.value = u, p();
+      set(f) {
+        n.value = f, s();
       }
-    }), c = P({
+    }), u = T({
       get() {
-        return t.value;
+        return r.value;
       },
-      set(u) {
-        if (t.value = u, t.value && l && l.value.length) {
-          const v = l.value.find((C) => C.id === t.value);
-          v && e.emit("nav", v);
+      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);
         }
       }
-    }), o = P({
-      set(u) {
-        i.value = u;
+    }), o = T({
+      set(f) {
+        i.value = f;
       },
       get() {
         return i.value;
       }
     });
-    function p() {
-      if (l.value && l.value.length && !t.value) {
-        const u = l.value.find((v) => !v.disable);
-        u && (t.value = u.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 m(u) {
-      u.disable || u.id === t.value || (t.value = u.id, e.emit("nav", u));
+    function p(f) {
+      f.disable || f.id === r.value || (r.value = f.id, e.emit("nav", f));
     }
     return () => {
-      var u;
-      return T("div", {
+      var f;
+      return b("div", {
         ref: a,
         class: ["farris-nav", {
           "farris-nav-vertical": !o.value
         }]
-      }, [(u = l.value) == null ? void 0 : u.map((v) => T("div", {
+      }, [(f = v.value) == null ? void 0 : f.map((d) => b("div", {
         class: ["farris-nav-item", {
-          active: v.id === c.value
+          active: d.id === u.value
         }, {
-          disabled: v.disable
+          disabled: d.disable
         }],
-        onClick: () => m(v)
-      }, [T("div", {
+        onClick: () => p(d)
+      }, [b("div", {
         class: "farris-nav-item-link"
-      }, [T("span", {
+      }, [b("span", {
         class: "farris-nav-item-link-text"
-      }, [v.text, v.num && T("div", {
+      }, [d.text, d.num && b("div", {
         class: "farris-nav-item-tag"
-      }, [v.num <= n.maxNum && T("span", {
+      }, [d.num <= t.maxNum && b("span", {
         class: "tag-text"
-      }, [v.num]), v.num > n.maxNum && T("span", {
+      }, [d.num]), d.num > t.maxNum && b("span", {
         class: "tag-text"
-      }, [n.maxNum, H("+")])])])])]))]);
+      }, [t.maxNum, X("+")])])])])]))]);
     };
   }
-}), pt = {
-  install(n) {
-    n.component(U.name, U);
+}), Xe = {
+  install(t) {
+    t.component(j.name, j);
   },
-  register(n, e, t, r) {
-    n.nav = U, e.nav = R;
+  register(t, e, r, n) {
+    t.nav = j, e.nav = J;
   },
-  registerDesigner(n, e, t) {
-    n.nav = it, e.nav = R;
+  registerDesigner(t, e, r) {
+    t.nav = Ge, e.nav = J;
   }
 };
 export {
-  U as FNav,
-  pt as default,
-  z as navProps,
-  R as propsResolver
+  j as FNav,
+  Xe as default,
+  B as navProps,
+  J as propsResolver
 };