@farris/ui-vue 1.3.0 → 1.3.1

package/components/nav/index.esm.js

@@ -1,492 +1,532 @@
-import { defineComponent as ce, ref as w, watch as je, computed as _, createVNode as N, createTextVNode as le, nextTick as Pe, inject as Ae, onMounted as Te } from "vue";
-import { isPlainObject as te, cloneDeep as Ee } from "lodash-es";
-import { BaseControlProperty as Se } from "../property-panel/index.esm.js/src/composition/entity/base-property";
-import { useResponseLayoutEditorSetting as De } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
-import { DgControl as we } from "../designer-canvas/index.esm.js/src/composition/dg-control";
-var Y = function(n, t) {
-  return Y = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
-    e.__proto__ = r;
-  } || function(e, r) {
-    for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
-  }, Y(n, t);
+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 pe(n, t) {
-  if (typeof t != "function" && t !== null)
-    throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
-  Y(n, t);
-  function e() {
+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 ne(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 X(n, t) {
-  var e = typeof Symbol == "function" && n[Symbol.iterator];
-  if (!e) return n;
-  var r = e.call(n), o, s = [], f;
+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; ) s.push(o.value);
-  } catch (d) {
-    f = { 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 (f) throw f.error;
+      if (s) throw s.error;
     }
   }
-  return s;
+  return a;
 }
-function H(n, t, e) {
-  if (e || arguments.length === 2) for (var r = 0, o = t.length, s; r < o; r++)
-    (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
-  return n.concat(s || Array.prototype.slice.call(t));
+function 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 Ne(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 = Ne(function(n) {
-  return function(e) {
-    n(this), this.message = e ? e.length + ` errors occurred during unsubscription:
-` + e.map(function(r, o) {
-      return o + 1 + ") " + r.toString();
+var N = 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 re(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 Q = 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, s;
+    var e, t, r, i, a;
     if (!this.closed) {
       this.closed = !0;
-      var f = this._parentage;
-      if (f)
-        if (this._parentage = null, Array.isArray(f))
+      var s = this._parentage;
+      if (s)
+        if (this._parentage = null, Array.isArray(s))
           try {
-            for (var d = ne(f), y = d.next(); !y.done; y = d.next()) {
-              var a = y.value;
-              a.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 {
-              y && !y.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
-          f.remove(this);
-      var l = this.initialTeardown;
-      if (O(l))
+          s.remove(this);
+      var c = this.initialTeardown;
+      if (I(c))
         try {
-          l();
-        } catch (c) {
-          s = c instanceof U ? c.errors : [c];
+          c();
+        } catch (u) {
+          a = u instanceof N ? u.errors : [u];
         }
-      var i = this._finalizers;
-      if (i) {
+      var o = this._finalizers;
+      if (o) {
         this._finalizers = null;
         try {
-          for (var h = ne(i), g = h.next(); !g.done; g = h.next()) {
-            var p = g.value;
+          for (var p = Y(o), m = p.next(); !m.done; m = p.next()) {
+            var y = m.value;
             try {
-              oe(p);
-            } catch (c) {
-              s = s ?? [], c instanceof U ? s = H(H([], X(s)), X(c.errors)) : s.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 {
-            g && !g.done && (o = h.return) && o.call(h);
+            m && !m.done && (i = p.return) && i.call(p);
           } finally {
             if (r) throw r.error;
           }
         }
       }
-      if (s)
-        throw new U(s);
+      if (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)
-        oe(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) && re(e, t);
-  }, n.prototype.remove = function(t) {
-    var e = this._finalizers;
-    e && re(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;
 }();
-Q.EMPTY;
-function ue(n) {
-  return n instanceof Q || n && "closed" in n && O(n.remove) && O(n.add) && O(n.unsubscribe);
+$.EMPTY;
+function ne(n) {
+  return n instanceof $ || n && "closed" in n && I(n.remove) && I(n.add) && I(n.unsubscribe);
 }
-function oe(n) {
-  O(n) ? n() : n.unsubscribe();
+function Q(n) {
+  I(n) ? n() : n.unsubscribe();
 }
-var fe = {
+var re = {
   onUnhandledError: null,
   onStoppedNotification: null,
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, Me = {
-  setTimeout: function(n, t) {
-    for (var e = [], r = 2; r < arguments.length; r++)
-      e[r - 2] = arguments[r];
-    return setTimeout.apply(void 0, H([n, t], X(e)));
+}, 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 ke(n) {
-  Me.setTimeout(function() {
+function ye(n) {
+  he.setTimeout(function() {
     throw n;
   });
 }
-function se() {
+function Z() {
 }
-function Oe(n) {
+function ve(n) {
   n();
 }
-var de = function(n) {
-  pe(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, ue(e) && e.add(r)) : r.destination = Be, r;
-  }
-  return t.create = function(e, r, o) {
-    return new J(e, r, o);
-  }, t.prototype.next = function(e) {
-    this.isStopped || this._next(e);
-  }, t.prototype.error = function(e) {
-    this.isStopped || (this.isStopped = !0, this._error(e));
-  }, t.prototype.complete = function() {
+    return 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;
-}(Q), Le = Function.prototype.bind;
-function W(n, t) {
-  return Le.call(n, t);
+  }, e;
+}($), be = Function.prototype.bind;
+function B(n, e) {
+  return be.call(n, e);
 }
-var Fe = 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) {
-        I(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) {
-        I(r);
+        F(r);
       }
     else
-      I(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) {
-        I(e);
+        e.complete();
+      } catch (t) {
+        F(t);
       }
   }, n;
-}(), J = function(n) {
-  pe(t, n);
-  function t(e, r, o) {
-    var s = n.call(this) || this, f;
-    if (O(e) || !e)
-      f = {
-        next: e ?? void 0,
+}(), 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;
-      s && fe.useDeprecatedNextContext ? (d = Object.create(e), d.unsubscribe = function() {
-        return s.unsubscribe();
-      }, f = {
-        next: e.next && W(e.next, d),
-        error: e.error && W(e.error, d),
-        complete: e.complete && W(e.complete, d)
-      }) : f = e;
+      var f;
+      a && re.useDeprecatedNextContext ? (f = Object.create(t), f.unsubscribe = function() {
+        return a.unsubscribe();
+      }, s = {
+        next: t.next && B(t.next, f),
+        error: t.error && B(t.error, f),
+        complete: t.complete && B(t.complete, f)
+      }) : s = t;
     }
-    return s.destination = new Fe(f), s;
+    return a.destination = new Ce(s), a;
   }
-  return t;
-}(de);
-function I(n) {
-  ke(n);
+  return e;
+}(oe);
+function F(n) {
+  ye(n);
 }
-function _e(n) {
+function ge(n) {
   throw n;
 }
-var Be = {
+var Me = {
   closed: !0,
-  next: se,
-  error: _e,
-  complete: se
-}, $e = function() {
+  next: Z,
+  error: ge,
+  complete: Z
+}, Se = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function xe(n) {
+function De(n) {
   return n;
 }
-function Ie(n) {
-  return n.length === 0 ? xe : n.length === 1 ? n[0] : function(e) {
-    return n.reduce(function(r, o) {
-      return o(r);
-    }, e);
+function 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 qe = 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, s = Ue(t) ? t : new J(t, e, r);
-    return Oe(function() {
-      var f = o, d = f.operator, y = f.source;
-      s.add(d ? d.call(s, y) : y ? o._subscribe(s) : o._trySubscribe(s));
-    }), s;
-  }, n.prototype._trySubscribe = function(t) {
+  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(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 = ae(e), new e(function(o, s) {
-      var f = new J({
-        next: function(d) {
+    return t = x(t), new t(function(i, a) {
+      var s = new W({
+        next: function(f) {
           try {
-            t(d);
-          } catch (y) {
-            s(y), f.unsubscribe();
+            e(f);
+          } catch (d) {
+            a(d), s.unsubscribe();
           }
         },
-        error: s,
-        complete: o
+        error: a,
+        complete: i
       });
-      r.subscribe(f);
+      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[$e] = 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 Ie(t)(this);
-  }, n.prototype.toPromise = function(t) {
-    var e = this;
-    return t = ae(t), new t(function(r, o) {
-      var s;
-      e.subscribe(function(f) {
-        return s = f;
-      }, function(f) {
-        return o(f);
+    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;
+      t.subscribe(function(s) {
+        return a = s;
+      }, function(s) {
+        return i(s);
       }, function() {
-        return r(s);
+        return r(a);
       });
     });
-  }, n.create = function(t) {
-    return new n(t);
+  }, n.create = function(e) {
+    return new n(e);
   }, n;
 }();
-function ae(n) {
-  var t;
-  return (t = n ?? fe.Promise) !== null && t !== void 0 ? t : Promise;
+function x(n) {
+  var e;
+  return (e = n ?? re.Promise) !== null && e !== void 0 ? e : Promise;
 }
-function Ve(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 Ue(n) {
-  return n && n instanceof de || Ve(n) && ue(n);
+function we(n) {
+  return n && n instanceof oe || Le(n) && ne(n);
 }
-const ye = {}, he = {};
-function Z(n) {
-  const { properties: t, title: e, ignore: r } = n, o = r && Array.isArray(r), s = Object.keys(t).reduce((f, d) => ((!o || !r.find((y) => y == d)) && (f[d] = t[d].type === "object" && t[d].properties ? Z(t[d]) : Ee(t[d].default)), f), {});
-  return (!o || !r.find((f) => f == "id")) && (s.id = `${e}-${Date.now()}`), s;
+const 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 = ye[n];
+function q(n, e = {}, t) {
+  const r = ae[n];
   if (r) {
-    let o = Z(r);
-    const s = he[n];
-    return o = s ? s({ 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 We(n, t) {
-  const e = Z(t);
-  return Object.keys(n).reduce((r, o) => (r[o] && te(r[o]) && te(n[o]) ? Object.assign(r[o], n[o]) : r[o] = n[o], r), e), e;
+function 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 Ge(n, t) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, o) => {
-    if (t.has(o)) {
-      const s = t.get(o);
-      if (typeof s == "string")
-        r[s] = n[o];
+function 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[i];
       else {
-        const f = s(o, n[o], n);
-        Object.assign(r, f);
+        const s = a(i, n[i], n);
+        Object.assign(r, s);
       }
     } else
-      r[o] = n[o];
+      r[i] = n[i];
     return r;
   }, {});
 }
-function ze(n, t, e = /* @__PURE__ */ new Map()) {
-  const r = We(n, t);
-  return Ge(r, e);
+function Pe(n, e, t = /* @__PURE__ */ new Map()) {
+  const r = Ie(n, e);
+  return ke(r, t);
 }
-function Ye(n = {}) {
-  function t(a, l, i, h) {
-    if (typeof i == "number")
-      return h[a].length === i;
-    if (typeof i == "object") {
-      const g = Object.keys(i)[0], p = i[g];
-      if (g === "not")
-        return Number(h[a].length) !== Number(p);
-      if (g === "moreThan")
-        return Number(h[a].length) >= Number(p);
-      if (g === "lessThan")
-        return Number(h[a].length) <= Number(p);
+function 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(a, l, i, h) {
-    return h[a] && h[a].propertyValue && String(h[a].propertyValue.value) === String(i);
+  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((a, l) => (a.set(l, n[l]), a), r);
-  function o(a, l) {
-    const i = a;
-    return typeof l == "number" ? [{ target: i, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((h) => {
-      if (h === "length")
-        return { target: i, operator: "length", param: null, value: l[h] };
-      const g = h, p = l[h];
-      return { target: i, operator: "getProperty", param: g, value: p };
+  Object.keys(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 s(a) {
-    return Object.keys(a).reduce((i, h) => {
-      const g = o(h, a[h]);
-      return i.push(...g), i;
+  function a(l) {
+    return Object.keys(l).reduce((o, p) => {
+      const m = i(p, l[p]);
+      return o.push(...m), o;
     }, []);
   }
-  function f(a, l) {
-    if (r.has(a.operator)) {
-      const i = r.get(a.operator);
-      return i && i(a.target, a.param, a.value, l) || !1;
+  function 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(a, l) {
-    return s(a).reduce((g, p) => g && f(p, l), !0);
+  function f(l, c) {
+    return a(l).reduce((m, y) => m && s(y, c), !0);
   }
-  function y(a, l) {
-    const i = Object.keys(a), h = i.includes("allOf"), g = i.includes("anyOf"), p = h || g, m = (p ? a[p ? h ? "allOf" : "anyOf" : "allOf"] : [a]).map((C) => d(C, l));
-    return h ? !m.includes(!1) : m.includes(!0);
+  function 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: y };
+  return { parseValueSchema: d };
 }
-const Xe = {}, He = {};
-Ye();
-function Je(n, t, e = /* @__PURE__ */ new Map(), r = (f, d, y) => d, o = {}, s = (f) => f) {
-  return ye[t.title] = t, he[t.title] = r, Xe[t.title] = o, He[t.title] = s, (f = {}) => {
-    const d = ze(f, t, e), y = Object.keys(n).reduce((a, l) => (a[l] = n[l].default, a), {});
-    return Object.assign(y, d);
+const 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 Qe(n, t) {
-  return { customClass: t.class, customStyle: t.style };
+function Ue(n, e) {
+  return { customClass: e.class, customStyle: e.style };
 }
-const Ze = /* @__PURE__ */ new Map([
-  ["appearance", Qe]
-]), Re = "https://json-schema.org/draft/2020-12/schema", Ke = "https://farris-design.gitee.io/nav.schema.json", et = "nav", tt = "A Farris Component", nt = "object", rt = {
+const 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"
@@ -578,22 +618,22 @@ const Ze = /* @__PURE__ */ new Map([
     type: "sting",
     default: ""
   }
-}, ot = [
+}, qe = [
   "id",
   "type"
-], st = {
-  $schema: Re,
-  $id: Ke,
-  title: et,
-  description: tt,
-  type: nt,
-  properties: rt,
-  required: ot
+], ze = {
+  $schema: _e,
+  $id: Oe,
+  title: je,
+  description: We,
+  type: $e,
+  properties: Ge,
+  required: qe
 };
-function at(n, t, e) {
-  return t;
+function Xe(n, e, t) {
+  return e;
 }
-const it = "nav", ct = "A Farris Component", lt = "object", pt = {
+const Ye = "nav", Je = "A Farris Component", Qe = "object", Ze = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -675,12 +715,12 @@ const it = "nav", ct = "A Farris Component", lt = "object", pt = {
       }
     }
   }
-}, ut = {
-  title: it,
-  description: ct,
-  type: lt,
-  categories: pt
-}, R = {
+}, xe = {
+  title: Ye,
+  description: Je,
+  type: Qe,
+  categories: Ze
+}, z = {
   /** 未读最大值 */
   maxNum: { Type: Number, default: 99 },
   /** 导航数据 */
@@ -713,1195 +753,703 @@ const it = "nav", ct = "A Farris Component", lt = "object", pt = {
   /** 当前激活的id */
   activeNavId: { Type: String, default: "1" },
   /** nav切换前事件 */
-  navPicking: { Type: Function, default: (n) => qe }
-}, ie = Je(R, st, Ze, at, ut), G = /* @__PURE__ */ ce({
+  navPicking: { Type: Function, default: (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 = w(n.activeNavId), r = w(n.navData), o = w(n.horizontal);
-    w(n.navPicking), je(() => n.activeNavId, (l, i) => {
-      l !== i && (e.value = l);
+  setup(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 s = _({
+    const a = P({
       get() {
         return r.value;
       },
-      set(l) {
-        r.value = l, y();
+      set(c) {
+        r.value = c, d();
       }
-    }), f = _({
+    }), s = P({
       get() {
-        return e.value;
+        return t.value;
       },
-      set(l) {
-        if (e.value = l, e.value && s && s.value.length) {
-          const i = s.value.find((h) => h.id === e.value);
-          i && t.emit("nav", i);
+      set(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 = _({
-      set(l) {
-        o.value = l;
+    }), f = P({
+      set(c) {
+        i.value = c;
       },
       get() {
-        return o.value;
+        return i.value;
       }
     });
-    function y() {
-      if (s.value && s.value.length && !e.value) {
-        const l = s.value.find((i) => !i.disable);
-        l && (e.value = l.id);
+    function d() {
+      if (a.value && a.value.length && !t.value) {
+        const c = a.value.find((o) => !o.disable);
+        c && (t.value = c.id);
       }
     }
-    function a(l) {
-      l.disable || l.id === e.value || (e.value = l.id, t.emit("update:activeNavId", l.id), t.emit("nav", l));
+    function l(c) {
+      c.disable || c.id === t.value || (t.value = c.id, e.emit("update:activeNavId", c.id), e.emit("nav", c));
     }
     return () => {
-      var l;
-      return N("div", {
+      var c;
+      return T("div", {
         class: ["farris-nav", {
-          "farris-nav-vertical": !d.value
+          "farris-nav-vertical": !f.value
         }]
-      }, [(l = s.value) == null ? void 0 : l.map((i) => N("div", {
+      }, [(c = a.value) == null ? void 0 : c.map((o) => T("div", {
         class: ["farris-nav-item", {
-          active: i.id === f.value
+          active: o.id === s.value
         }, {
-          disabled: i.disable
+          disabled: o.disable
         }],
-        onClick: () => a(i)
-      }, [N("div", {
+        onClick: () => l(o)
+      }, [T("div", {
         class: "farris-nav-item-link"
-      }, [N("span", {
+      }, [T("span", {
         class: "farris-nav-item-link-text"
-      }, [typeof i.text == "function" ? i.text() : i.text, i.num && N("div", {
+      }, [typeof o.text == "function" ? o.text() : o.text, o.num && T("div", {
         class: "farris-nav-item-tag"
-      }, [i.num <= n.maxNum && N("span", {
+      }, [o.num <= n.maxNum && T("span", {
         class: "tag-text"
-      }, [i.num]), i.num > n.maxNum && N("span", {
+      }, [o.num]), o.num > n.maxNum && T("span", {
         class: "tag-text"
-      }, [n.maxNum, le("+")])])])])]))]);
+      }, [n.maxNum, H("+")])])])])]))]);
     };
   }
 });
-function ft(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() || "", s = e && e.getDesignerClass && e.getDesignerClass() || "", f = w();
-  function d() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
+  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 y() {
+  function d() {
     return !1;
   }
-  function a() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
-  }
   function l() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function i(b) {
+  function c() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+  }
+  function o(b) {
     if (!b || !b.value)
       return null;
     if (b.value.schema && b.value.schema.type === "component")
       return b.value;
-    const D = w(b == null ? void 0 : b.value.parent), E = i(D);
-    return E || null;
+    const S = L(b == null ? void 0 : b.value.parent), w = o(S);
+    return w || null;
+  }
+  function p(b = e) {
+    const { componentInstance: S, designerItemElementRef: w } = b;
+    return !S || !S.value ? null : S.value.canMove ? w : p(b.parent);
   }
-  function h(b = t) {
-    const { componentInstance: D, designerItemElementRef: E } = b;
-    return !D || !D.value ? null : D.value.canMove ? E : h(b.parent);
+  function m(b) {
+    return !!t && t.canAccepts(b);
   }
-  function g(b) {
-    return !!e && e.canAccepts(b);
+  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 p() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
+  function u() {
   }
-  function c() {
+  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);
   }
-  function u(b, D) {
-    D && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(D);
-  }
-  function m(b, D) {
-    const { componentType: E } = b;
-    let v = $(E, b, D);
-    e && e.onResolveNewComponentSchema && (v = e.onResolveNewComponentSchema(b, v));
-    const P = E.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === E && (v.id = `${P}_${Math.random().toString().slice(2, 6)}`), v;
-  }
-  function A(b, D) {
-    const E = String(b.getAttribute("data-controltype")), v = b.getAttribute("data-feature"), P = v ? JSON.parse(v) : {};
-    P.parentComponentInstance = f.value;
-    let T = $(E, P);
-    e && e.onAcceptNewChildElement && (T = e.onAcceptNewChildElement(b, D, T));
-    const S = E.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === E && (T.id = `${S}_${Math.random().toString().slice(2, 6)}`), T;
-  }
-  function C(b) {
-  }
-  function j(...b) {
-    if (e && e.getPropsConfig)
-      return e.getPropsConfig(...b);
-  }
-  return f.value = {
-    canMove: d(),
-    canSelectParent: y(),
-    canDelete: a(),
-    canNested: !l(),
-    contents: t == null ? void 0 : t.schema.contents,
+  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,
-    designerClass: s,
-    canAccepts: g,
-    getBelongedComponentInstance: i,
-    getDraggableDesignItemElement: h,
-    getDraggingDisplayText: p,
-    getPropConfig: j,
-    getDragScopeElement: c,
-    onAcceptMovedChildElement: u,
-    onAcceptNewChildElement: A,
-    onChildElementMovedOut: C,
-    addNewChildComponentSchema: m,
+    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: m,
+    getBelongedComponentInstance: o,
+    getDraggableDesignItemElement: p,
+    getDraggingDisplayText: y,
+    getPropConfig: g,
+    getDragScopeElement: u,
+    onAcceptMovedChildElement: v,
+    onChildElementMovedOut: h,
+    addNewChildComponentSchema: C,
     updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
-  }, f;
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || L(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || L(!1)
+  }, s;
 }
-function dt() {
-  function n(t) {
-    var o, s;
-    if (!t)
-      return !1;
-    const e = ((o = t.targetContainer) == null ? void 0 : o.componentInstance) && t.targetContainer.componentInstance.value;
+function Ke() {
+  function n(e, t) {
+    var s;
     if (!e)
       return !1;
-    const r = (s = e.schema.appearance) == null ? void 0 : s.class;
-    if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const f = e.schema.type, d = (f === "response-form" || f === "content-container") && r && r.includes("farris-form");
-      if (e.schema.type !== "response-layout-item" && !d)
-        return !1;
-    }
-    return t.controlType !== "field-set";
+    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 yt = "https://json-schema.org/draft/2020-12/schema", ht = "https://farris-design.gitee.io/dragging-rules.schema.json", bt = "Dragging Rules", mt = "The rules of designer canvas", vt = "object", gt = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-section-form": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          },
-                                          "f-section-grid": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
+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"
-  }
-}, Ct = {
-  $schema: yt,
-  $id: ht,
-  title: bt,
-  description: mt,
-  type: vt,
-  properties: gt
-}, z = /* @__PURE__ */ new Map();
-function jt() {
-  function n(p, c, u, m) {
-    var A;
-    if (typeof u == "number")
-      return ((A = m[p]) == null ? void 0 : A.length) === u;
-    if (typeof u == "object") {
-      const C = Object.keys(u)[0], j = u[C];
-      if (C === "not")
-        return Number(m[p].length) !== Number(j);
-      if (C === "moreThan")
-        return Number(m[p].length) >= Number(j);
-      if (C === "lessThan")
-        return Number(m[p].length) <= Number(j);
-    }
-    return !1;
+    return !i;
   }
-  function t(p, c, u, m) {
-    return typeof u == "boolean" ? m.childrenClassList.includes(c) === !!u : !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 e(p, c, u, m) {
-    return typeof u == "boolean" ? m.parentClassList.includes(c) === !!u : !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;
   }
-  function r(p, c, u, m) {
-    return typeof u == "boolean" ? m.parentClassList.includes(c) === !!u : !1;
+  getTableInfo() {
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
+  }
+  setDesignViewModelField(e) {
+    const t = e.binding && e.binding.type === "Form" && e.binding.field;
+    if (t) {
+      if (!this.designViewModelField) {
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((i) => i.id === t);
+      }
+      e.updateOn = this.designViewModelField.updateOn;
+    }
   }
-  const o = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", t],
-    ["hasSibling", r],
-    ["hasParent", e]
-  ]);
-  function s(p, c) {
-    const u = p;
-    return typeof c == "number" ? [{ target: u, operator: "length", param: null, value: Number(c) }] : typeof c == "object" ? Object.keys(c).map((m) => {
-      if (m === "length")
-        return { target: u, operator: "length", param: null, value: c[m] };
-      const A = m, C = c[m];
-      return { target: u, operator: p === "children" ? "hasChildren" : p === "parent" ? "hasParent" : "hasSibling", param: A, value: C };
-    }) : [];
+  changeFieldEditorType(e, t) {
   }
-  function f(p, c) {
-    if (o.has(p.operator)) {
-      const u = o.get(p.operator);
-      return u && u(p.target, p.param, p.value, c) || !1;
-    }
-    return !1;
+  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 }]
+          }
+        }
+      }
+    };
   }
-  function d(p, c) {
-    return Object.keys(p).reduce((C, j) => {
-      const M = s(j, p[j]);
-      return C.push(...M), C;
-    }, []).reduce((C, j) => C && f(j, c), !0);
-  }
-  function y(p, c) {
-    const u = Object.keys(p), m = u.includes("allOf"), A = u.includes("anyOf"), C = m || A, b = (C ? p[C ? m ? "allOf" : "anyOf" : "allOf"] : [p]).map((E) => d(E, c));
-    return m ? !b.includes(!1) : b.includes(!0);
-  }
-  function a(p, c) {
-    const u = p.const;
-    return u ? typeof u == "boolean" ? u : typeof u == "object" ? y(u, c) : !1 : !1;
-  }
-  function l(p) {
-    return (c) => {
-      const u = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return p && p.properties && Object.keys(p.properties).reduce((m, A) => {
-        const C = p.properties[A];
-        return m[A] = a(C, c), m;
-      }, u), u;
+  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 i(p, c, u) {
-    if (c.type === "object" && c.properties) {
-      const { rules: m, contents: A } = c.properties;
-      u.set(p, l(m)), A && Object.keys(A.properties).forEach(
-        (C) => i(C, A.properties[C], u)
-      );
-    }
+  /**
+  * 
+  * @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);
   }
-  function h() {
-    const { properties: p } = Ct;
-    Object.keys(p).forEach((c) => {
-      i(c, p[c], z);
+}
+class tt {
+  constructor() {
+    /** 控件标题 */
+    M(this, "label", "");
+    /** 控件id */
+    M(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    M(this, "columnInSM", 12);
+    M(this, "columnInMD", 6);
+    M(this, "columnInLG", 3);
+    M(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    M(this, "displayWidthInSM", 1);
+    M(this, "displayWidthInMD", 1);
+    M(this, "displayWidthInLG", 1);
+    M(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    M(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    M(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    M(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    M(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    M(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    M(this, "fieldSetId", "");
+  }
+}
+function nt(n) {
+  let e, t;
+  const r = /* @__PURE__ */ new Map();
+  let i = [];
+  function a(c, o) {
+    const m = c.split(" ").filter((h) => h.startsWith("col-"));
+    if (m.length === 0) {
+      o.isSupportedClass = !1;
+      return;
+    }
+    let y = m.find((h) => /^col-([1-9]|10|11|12)$/.test(h)), u = m.find((h) => /^col-md-([1-9]|10|11|12)$/.test(h)), v = m.find((h) => /^col-xl-([1-9]|10|11|12)$/.test(h)), C = m.find((h) => /^col-el-([1-9]|10|11|12)$/.test(h));
+    y = y || "col-12", o.columnInSM = parseInt(y.replace("col-", ""), 10), o.displayWidthInSM = o.columnInSM / 12, o.displayWidthInSM !== 1 && (o.isSupportedClass = !1), u = u || "col-md-" + o.columnInSM, o.columnInMD = parseInt(u.replace("col-md-", ""), 10), o.displayWidthInMD = o.columnInMD / 6, [1, 2].includes(o.displayWidthInMD) || (o.isSupportedClass = !1), v = v || "col-xl-" + o.columnInMD, o.columnInLG = parseInt(v.replace("col-xl-", ""), 10), o.displayWidthInLG = o.columnInLG / 3, [1, 2, 3, 4].includes(o.displayWidthInLG) || (o.isSupportedClass = !1), C = C || "col-el-" + o.columnInLG, o.columnInEL = parseInt(C.replace("col-el-", ""), 10), o.displayWidthInEL = o.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(o.displayWidthInEL) || (o.isSupportedClass = !1);
+  }
+  function s(c, o, p, m = !1) {
+    let y = !1;
+    c.contents.forEach((u) => {
+      if (u.type === "fieldset") {
+        p += 1, s(u, o, p, !0), y = !0;
+        return;
+      }
+      y && (p += 1, y = !1);
+      const v = u.appearance && u.appearance.class, C = new tt();
+      v ? a(v, C) : C.isSupportedClass = !1, C.label = u.label || u.id, C.id = u.id, C.group = p, m && (C.fieldSetId = c.id), t === u.id && (e = p), r.set(u.id, u), o.push(C);
     });
   }
-  function g(p, c) {
-    const u = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return z.has(p) ? z.get(p)(c) : u;
+  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 h(), { getRuleValue: g };
+  return {
+    checkCanFindFormNode: f,
+    checkCanOpenLayoutEditor: d,
+    changeFormControlsByResponseLayoutConfig: l,
+    getResonseFormLayoutConfig: s
+  };
 }
-function Pt(n, t) {
-  function e(y, a = null) {
-    if (a) return a;
-    const l = n.getComponentById(t);
-    return n.selectNode(l, (i) => i.id === y);
-  }
-  function r(y) {
-    const a = n.getComponentById(y);
-    return !(!a || !a.componentType || !a.componentType.startsWith("form"));
-  }
-  function o(y) {
-    const a = e(y.id), l = De(n), i = [];
-    l.getResonseFormLayoutConfig(a, i, 1);
-    const h = i.map((j) => j.columnInSM), g = i.map((j) => j.columnInMD), p = i.map((j) => j.columnInLG), c = i.map((j) => j.columnInEL), u = s(h) ? h[0] : 0, m = s(g) ? g[0] : 0, A = s(p) ? p[0] : 0, C = s(c) ? c[0] : 0;
+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: u,
-      uniqueColClassInMD: m,
-      uniqueColClassInLG: A,
-      uniqueColClassInEL: C
+      uniqueColClassInSM: v,
+      uniqueColClassInMD: C,
+      uniqueColClassInLG: h,
+      uniqueColClassInEL: g
     };
   }
-  function s(y) {
-    const a = new Set(y);
-    return Array.from(a).length === 1;
+  function a(d) {
+    const l = new Set(d);
+    return Array.from(l).length === 1;
   }
-  function f(y, a, l) {
-    y = e(l, y), y.contents.forEach((i) => {
-      if (i.type === we.fieldset.type) {
-        f(i, a, i.id);
+  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;
       }
-      i.appearance || (i.appearance = {});
-      const h = i.appearance.class;
-      i.appearance.class = d(h, a);
+      o.appearance || (o.appearance = {});
+      const p = o.appearance.class;
+      o.appearance.class = f(p, l);
     });
   }
-  function d(y, a) {
-    let l, i, h, g, p = [];
-    if (y) {
-      const j = y.split(" "), M = j.filter((b) => b.startsWith("col-"));
-      l = M.find((b) => /^col-([1-9]|10|11|12)$/.test(b)), i = M.find((b) => /^col-md-([1-9]|10|11|12)$/.test(b)), h = M.find((b) => /^col-xl-([1-9]|10|11|12)$/.test(b)), g = M.find((b) => /^col-el-([1-9]|10|11|12)$/.test(b)), p = j.filter((b) => !b.startsWith("col-"));
+  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 c = a.uniqueColClassInSM ? "col-" + a.uniqueColClassInSM : l, u = a.uniqueColClassInMD ? "col-md-" + a.uniqueColClassInMD : i, m = a.uniqueColClassInLG ? "col-xl-" + a.uniqueColClassInLG : h, A = a.uniqueColClassInEL ? "col-el-" + a.uniqueColClassInEL : g;
-    return [c, u, m, A].concat(p).join(" ");
+    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: o, changeFormControlsByUnifiedLayoutConfig: f };
+  return { checkIsInFormComponent: r, assembleUnifiedLayoutContext: i, changeFormControlsByUnifiedLayoutConfig: s };
 }
-class At extends Se {
-  constructor(t, e) {
-    super(t, e);
+class ot extends et {
+  constructor(e, t) {
+    super(e, t);
   }
-  getPropertyConfig(t, e) {
+  getPropertyConfig(e, t) {
     var r = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(t);
-    const { checkIsInFormComponent: o, assembleUnifiedLayoutContext: s, changeFormControlsByUnifiedLayoutConfig: f } = Pt(this.formSchemaUtils, this.componentId), d = this.getAppearanceConfig(t);
-    return d.properties.unifiedLayout = {
+    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: o(this.componentId),
+      visible: i(this.componentId),
       refreshPanelAfterChanged: !0,
       editor: {
         type: "response-form-layout-setting",
-        initialState: s(t)
+        initialState: a(e)
       }
-    }, d.setPropertyRelates = function(y, a) {
-      if (y)
-        switch (y && y.propertyID) {
+    }, f.setPropertyRelates = function(d, l) {
+      if (d)
+        switch (d && d.propertyID) {
           case "unifiedLayout": {
-            f(null, y.propertyValue, t.id), r.updateElementByParentContainer(t.id, e);
+            s(null, d.propertyValue, e.id), r.updateElementByParentContainer(e.id, t);
             break;
           }
         }
-    }, this.propertyConfig.categories.appearance = d, this.propertyConfig;
+    }, this.propertyConfig.categories.appearance = f, this.propertyConfig;
   }
 }
-function Tt(n, t) {
-  var E;
-  const e = n.schema, r = (E = n.parent) == null ? void 0 : E.schema, o = jt(), s = w(!1), f = w(!1);
-  let d = !0, y = !1, a, l = !1;
-  function i(v) {
-    return a && a.componentClassList && a.componentClassList.includes("f-form-layout") && a.componentClassList.includes("farris-form") ? v.sourceType === "control" && v.controlCategory === "input" || v.sourceType === "move" && v.controlType === "form-group" : !0;
-  }
-  function h(v) {
-    return !(!dt().basalDragulaRuleForContainer(v) || !d || !i(v));
-  }
-  function g() {
-    s.value = !1, f.value = !1;
-    const v = e, P = v.appearance && v.appearance.class || "", T = P.split(" "), S = v.contents || [], L = S.length ? S[0] : null, F = L && L.appearance ? L.appearance.class : "", k = F ? F.split(" ") : [], B = S.length ? S.reduce((K, V) => {
-      const ee = V && V.appearance ? V.appearance.class : "", Ce = ee ? ee.split(" ") : [];
-      return K.push(...Ce), K;
-    }, []) : [], x = r, q = x && x.appearance && x.appearance.class || "", be = q ? q.split(" ") : [];
-    a = {
-      componentClass: P,
-      componentClassList: T,
-      childContents: S,
-      firstChildContent: L,
-      firstChildClass: F,
-      firstChildClassList: k,
-      parent: x,
-      parentClass: q,
-      parentClassList: be,
-      children: S,
-      childrenClassList: B
-    };
-    const { canAccept: me, fixed: ve, hidePadding: ge } = o.getRuleValue(T[0], a);
-    return d = me, y = ge, l = ve, !0;
+function 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 p(v) {
-    Pe();
+  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 u(v, P) {
-    const T = e;
-    if ((T.appearance && T.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: F } = v, k = $("form-group");
-      return k.editor = P, k.label = F, m(k), delete k.editor.id, delete k.editor.binding, delete k.editor.appearance, delete k.editor.visible, k;
+  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 P;
-  }
-  function m(v) {
-    const P = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-    if (P && P.schema && P.schema.componentType) {
-      const T = P.schema.formColumns;
-      let S = A(T);
-      S = t.formSchemaUtils.getControlClassByFormUnifiedLayout(S, "", n.schema), v.appearance || (v.appearance = {}), v.appearance.class = S;
+    return g;
+  }
+  function p(h) {
+    const g = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
+    if (g && g.schema && g.schema.componentType) {
+      const D = g.schema.formColumns;
+      let b = m(D);
+      b = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(b, "", n.schema), h.appearance || (h.appearance = {}), h.appearance.class = b;
     }
   }
-  function A(v) {
-    let P = "";
-    switch (v) {
+  function m(h) {
+    let g = "";
+    switch (h) {
       case 1: {
-        P = "col-12 col-md-12 col-xl-12 col-el-12";
+        g = "col-12";
         break;
       }
       case 2: {
-        P = "col-12 col-md-6 col-xl-6 col-el-6";
+        g = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        P = "col-12 col-md-6 col-xl-4 col-el-4";
+        g = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        P = "col-12 col-md-6 col-xl-3 col-el-2";
+        g = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return P;
-  }
-  function C(v, P, T) {
-    const S = e;
-    if ((S.appearance && S.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const k = String(v.innerText), B = $("form-group");
-      return B.editor = T, B.label = k, B;
-    }
-    return T;
+    return g;
   }
-  function j() {
-    return !l;
+  function y() {
+    return i;
   }
-  function M() {
-    return !l;
+  function u() {
+    return s;
   }
-  function b() {
-    return y;
+  function v() {
+    return !1;
   }
-  function D(v) {
-    return new At(v, t).getPropertyConfig(e, n.componentInstance.value);
+  function C(h) {
+    return new ot(h, e).getPropertyConfig(t, n.componentInstance.value);
   }
   return {
-    canAccepts: h,
-    checkCanDeleteComponent: M,
-    checkCanMoveComponent: j,
+    canAccepts: d,
+    checkCanDeleteComponent: u,
+    checkCanMoveComponent: y,
     getStyles: c,
-    getPropsConfig: D,
-    hideNestedPaddingInDesginerView: b,
-    onAcceptNewChildElement: C,
-    onAcceptMovedChildElement: p,
-    resolveComponentContext: g,
-    onResolveNewComponentSchema: u,
-    triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: f
+    getPropsConfig: C,
+    hideNestedPaddingInDesginerView: v,
+    onAcceptMovedChildElement: l,
+    onResolveNewComponentSchema: o
   };
 }
-const Et = /* @__PURE__ */ ce({
+const it = /* @__PURE__ */ K({
   name: "FNavDesign",
-  props: R,
+  props: z,
   emits: ["nav"],
-  setup(n, t) {
-    var p;
-    const e = w(n.activeNavId), r = w(n.navData), o = w(n.horizontal);
-    w(n.navPicking);
-    const s = w(), f = Ae("design-item-context"), d = Tt(f.schema, (p = f.parent) == null ? void 0 : p.schema), y = ft(s, f, d);
-    Te(() => {
-      s.value.componentInstance = y;
-    }), t.expose(y.value);
-    const a = _({
+  setup(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, h();
+      set(u) {
+        r.value = u, p();
       }
-    }), l = _({
+    }), c = P({
       get() {
-        return e.value;
+        return t.value;
       },
-      set(c) {
-        if (e.value = c, e.value && a && a.value.length) {
-          const u = a.value.find((m) => m.id === e.value);
-          u && t.emit("nav", u);
+      set(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);
         }
       }
-    }), i = _({
-      set(c) {
-        o.value = c;
+    }), o = P({
+      set(u) {
+        i.value = u;
       },
       get() {
-        return o.value;
+        return i.value;
       }
     });
-    function h() {
-      if (a.value && a.value.length && !e.value) {
-        const c = a.value.find((u) => !u.disable);
-        c && (e.value = c.id);
+    function p() {
+      if (l.value && l.value.length && !t.value) {
+        const u = l.value.find((v) => !v.disable);
+        u && (t.value = u.id);
       }
     }
-    function g(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 N("div", {
-        ref: s,
+      var u;
+      return T("div", {
+        ref: a,
         class: ["farris-nav", {
-          "farris-nav-vertical": !i.value
+          "farris-nav-vertical": !o.value
         }]
-      }, [(c = a.value) == null ? void 0 : c.map((u) => N("div", {
+      }, [(u = l.value) == null ? void 0 : u.map((v) => T("div", {
         class: ["farris-nav-item", {
-          active: u.id === l.value
+          active: v.id === c.value
         }, {
-          disabled: u.disable
+          disabled: v.disable
         }],
-        onClick: () => g(u)
-      }, [N("div", {
+        onClick: () => m(v)
+      }, [T("div", {
         class: "farris-nav-item-link"
-      }, [N("span", {
+      }, [T("span", {
         class: "farris-nav-item-link-text"
-      }, [u.text, u.num && N("div", {
+      }, [v.text, v.num && T("div", {
         class: "farris-nav-item-tag"
-      }, [u.num <= n.maxNum && N("span", {
+      }, [v.num <= n.maxNum && T("span", {
         class: "tag-text"
-      }, [u.num]), u.num > n.maxNum && N("span", {
+      }, [v.num]), v.num > n.maxNum && T("span", {
         class: "tag-text"
-      }, [n.maxNum, le("+")])])])])]))]);
+      }, [n.maxNum, H("+")])])])])]))]);
     };
   }
-}), kt = {
+}), pt = {
   install(n) {
-    n.component(G.name, G);
+    n.component(U.name, U);
   },
-  register(n, t, e, r) {
-    n.nav = G, t.nav = ie;
+  register(n, e, t, r) {
+    n.nav = U, e.nav = R;
   },
-  registerDesigner(n, t, e) {
-    n.nav = Et, t.nav = ie;
+  registerDesigner(n, e, t) {
+    n.nav = it, e.nav = R;
   }
 };
 export {
-  G as FNav,
-  kt as default,
-  R as navProps,
-  ie as propsResolver
+  U as FNav,
+  pt as default,
+  z as navProps,
+  R as propsResolver
 };