@farris/ui-vue 1.2.9 → 1.3.1

package/components/nav/index.esm.js

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