@farris/ui-vue 1.2.7 → 1.2.9

package/components/nav/index.esm.js

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