@farris/ui-vue 1.1.0 → 1.1.1

package/nav/index.esm.js

@@ -1,1728 +0,0 @@
-import { defineComponent as ne, ref as A, computed as k, createVNode as D, createTextVNode as re, nextTick as he, inject as be, onMounted as ve } from "vue";
-import { cloneDeep as me } from "lodash-es";
-var U = function(n, t) {
-  return U = 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]);
-  }, U(n, t);
-};
-function oe(n, t) {
-  if (typeof t != "function" && t !== null)
-    throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
-  U(n, t);
-  function e() {
-    this.constructor = n;
-  }
-  n.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
-}
-function Z(n) {
-  var t = typeof Symbol == "function" && Symbol.iterator, e = t && n[t], r = 0;
-  if (e)
-    return e.call(n);
-  if (n && typeof n.length == "number")
-    return {
-      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.");
-}
-function $(n, t) {
-  var e = typeof Symbol == "function" && n[Symbol.iterator];
-  if (!e)
-    return n;
-  var r = e.call(n), o, a = [], l;
-  try {
-    for (; (t === void 0 || t-- > 0) && !(o = r.next()).done; )
-      a.push(o.value);
-  } catch (d) {
-    l = { error: d };
-  } finally {
-    try {
-      o && !o.done && (e = r.return) && e.call(r);
-    } finally {
-      if (l)
-        throw l.error;
-    }
-  }
-  return a;
-}
-function L(n, t, e) {
-  if (e || arguments.length === 2)
-    for (var r = 0, o = t.length, a; r < o; r++)
-      (a || !(r in t)) && (a || (a = Array.prototype.slice.call(t, 0, r)), a[r] = t[r]);
-  return n.concat(a || Array.prototype.slice.call(t));
-}
-function O(n) {
-  return typeof n == "function";
-}
-function ge(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 B = ge(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();
-    }).join(`
-  `) : "", this.name = "UnsubscriptionError", this.errors = e;
-  };
-});
-function R(n, t) {
-  if (n) {
-    var e = n.indexOf(t);
-    0 <= e && n.splice(e, 1);
-  }
-}
-var Y = function() {
-  function n(t) {
-    this.initialTeardown = t, this.closed = !1, this._parentage = null, this._finalizers = null;
-  }
-  return n.prototype.unsubscribe = function() {
-    var t, e, r, o, a;
-    if (!this.closed) {
-      this.closed = !0;
-      var l = this._parentage;
-      if (l)
-        if (this._parentage = null, Array.isArray(l))
-          try {
-            for (var d = Z(l), m = d.next(); !m.done; m = d.next()) {
-              var f = m.value;
-              f.remove(this);
-            }
-          } catch (i) {
-            t = { error: i };
-          } finally {
-            try {
-              m && !m.done && (e = d.return) && e.call(d);
-            } finally {
-              if (t)
-                throw t.error;
-            }
-          }
-        else
-          l.remove(this);
-      var p = this.initialTeardown;
-      if (O(p))
-        try {
-          p();
-        } catch (i) {
-          a = i instanceof B ? i.errors : [i];
-        }
-      var u = this._finalizers;
-      if (u) {
-        this._finalizers = null;
-        try {
-          for (var h = Z(u), g = h.next(); !g.done; g = h.next()) {
-            var s = g.value;
-            try {
-              K(s);
-            } catch (i) {
-              a = a ?? [], i instanceof B ? a = L(L([], $(a)), $(i.errors)) : a.push(i);
-            }
-          }
-        } catch (i) {
-          r = { error: i };
-        } finally {
-          try {
-            g && !g.done && (o = h.return) && o.call(h);
-          } finally {
-            if (r)
-              throw r.error;
-          }
-        }
-      }
-      if (a)
-        throw new B(a);
-    }
-  }, n.prototype.add = function(t) {
-    var e;
-    if (t && t !== this)
-      if (this.closed)
-        K(t);
-      else {
-        if (t instanceof n) {
-          if (t.closed || t._hasParent(this))
-            return;
-          t._addParent(this);
-        }
-        (this._finalizers = (e = this._finalizers) !== null && e !== void 0 ? e : []).push(t);
-      }
-  }, 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) && R(e, t);
-  }, n.prototype.remove = function(t) {
-    var e = this._finalizers;
-    e && R(e, t), t instanceof n && t._removeParent(this);
-  }, n.EMPTY = function() {
-    var t = new n();
-    return t.closed = !0, t;
-  }(), n;
-}();
-Y.EMPTY;
-function ae(n) {
-  return n instanceof Y || n && "closed" in n && O(n.remove) && O(n.add) && O(n.unsubscribe);
-}
-function K(n) {
-  O(n) ? n() : n.unsubscribe();
-}
-var ie = {
-  onUnhandledError: null,
-  onStoppedNotification: null,
-  Promise: void 0,
-  useDeprecatedSynchronousErrorHandling: !1,
-  useDeprecatedNextContext: !1
-}, z = {
-  setTimeout: function(n, t) {
-    for (var e = [], r = 2; r < arguments.length; r++)
-      e[r - 2] = arguments[r];
-    var o = z.delegate;
-    return o != null && o.setTimeout ? o.setTimeout.apply(o, L([n, t], $(e))) : setTimeout.apply(void 0, L([n, t], $(e)));
-  },
-  clearTimeout: function(n) {
-    var t = z.delegate;
-    return ((t == null ? void 0 : t.clearTimeout) || clearTimeout)(n);
-  },
-  delegate: void 0
-};
-function je(n) {
-  z.setTimeout(function() {
-    throw n;
-  });
-}
-function I() {
-}
-function Ce(n) {
-  n();
-}
-var se = function(n) {
-  oe(t, n);
-  function t(e) {
-    var r = n.call(this) || this;
-    return r.isStopped = !1, e ? (r.destination = e, ae(e) && e.add(r)) : r.destination = Se, r;
-  }
-  return t.create = function(e, r, o) {
-    return new H(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() {
-    this.isStopped || (this.isStopped = !0, this._complete());
-  }, t.prototype.unsubscribe = function() {
-    this.closed || (this.isStopped = !0, n.prototype.unsubscribe.call(this), this.destination = null);
-  }, t.prototype._next = function(e) {
-    this.destination.next(e);
-  }, t.prototype._error = function(e) {
-    try {
-      this.destination.error(e);
-    } finally {
-      this.unsubscribe();
-    }
-  }, t.prototype._complete = function() {
-    try {
-      this.destination.complete();
-    } finally {
-      this.unsubscribe();
-    }
-  }, t;
-}(Y), Te = Function.prototype.bind;
-function x(n, t) {
-  return Te.call(n, t);
-}
-var Pe = function() {
-  function n(t) {
-    this.partialObserver = t;
-  }
-  return n.prototype.next = function(t) {
-    var e = this.partialObserver;
-    if (e.next)
-      try {
-        e.next(t);
-      } catch (r) {
-        F(r);
-      }
-  }, n.prototype.error = function(t) {
-    var e = this.partialObserver;
-    if (e.error)
-      try {
-        e.error(t);
-      } catch (r) {
-        F(r);
-      }
-    else
-      F(t);
-  }, n.prototype.complete = function() {
-    var t = this.partialObserver;
-    if (t.complete)
-      try {
-        t.complete();
-      } catch (e) {
-        F(e);
-      }
-  }, n;
-}(), H = function(n) {
-  oe(t, n);
-  function t(e, r, o) {
-    var a = n.call(this) || this, l;
-    if (O(e) || !e)
-      l = {
-        next: e ?? void 0,
-        error: r ?? void 0,
-        complete: o ?? void 0
-      };
-    else {
-      var d;
-      a && ie.useDeprecatedNextContext ? (d = Object.create(e), d.unsubscribe = function() {
-        return a.unsubscribe();
-      }, l = {
-        next: e.next && x(e.next, d),
-        error: e.error && x(e.error, d),
-        complete: e.complete && x(e.complete, d)
-      }) : l = e;
-    }
-    return a.destination = new Pe(l), a;
-  }
-  return t;
-}(se);
-function F(n) {
-  je(n);
-}
-function Ae(n) {
-  throw n;
-}
-var Se = {
-  closed: !0,
-  next: I,
-  error: Ae,
-  complete: I
-}, De = function() {
-  return typeof Symbol == "function" && Symbol.observable || "@@observable";
-}();
-function Ee(n) {
-  return n;
-}
-function we(n) {
-  return n.length === 0 ? Ee : n.length === 1 ? n[0] : function(e) {
-    return n.reduce(function(r, o) {
-      return o(r);
-    }, e);
-  };
-}
-var Oe = function() {
-  function n(t) {
-    t && (this._subscribe = t);
-  }
-  return n.prototype.lift = function(t) {
-    var e = new n();
-    return e.source = this, e.operator = t, e;
-  }, n.prototype.subscribe = function(t, e, r) {
-    var o = this, a = ke(t) ? t : new H(t, e, r);
-    return Ce(function() {
-      var l = o, d = l.operator, m = l.source;
-      a.add(d ? d.call(a, m) : m ? o._subscribe(a) : o._trySubscribe(a));
-    }), a;
-  }, n.prototype._trySubscribe = function(t) {
-    try {
-      return this._subscribe(t);
-    } catch (e) {
-      t.error(e);
-    }
-  }, n.prototype.forEach = function(t, e) {
-    var r = this;
-    return e = ee(e), new e(function(o, a) {
-      var l = new H({
-        next: function(d) {
-          try {
-            t(d);
-          } catch (m) {
-            a(m), l.unsubscribe();
-          }
-        },
-        error: a,
-        complete: o
-      });
-      r.subscribe(l);
-    });
-  }, n.prototype._subscribe = function(t) {
-    var e;
-    return (e = this.source) === null || e === void 0 ? void 0 : e.subscribe(t);
-  }, n.prototype[De] = function() {
-    return this;
-  }, n.prototype.pipe = function() {
-    for (var t = [], e = 0; e < arguments.length; e++)
-      t[e] = arguments[e];
-    return we(t)(this);
-  }, n.prototype.toPromise = function(t) {
-    var e = this;
-    return t = ee(t), new t(function(r, o) {
-      var a;
-      e.subscribe(function(l) {
-        return a = l;
-      }, function(l) {
-        return o(l);
-      }, function() {
-        return r(a);
-      });
-    });
-  }, n.create = function(t) {
-    return new n(t);
-  }, n;
-}();
-function ee(n) {
-  var t;
-  return (t = n ?? ie.Promise) !== null && t !== void 0 ? t : Promise;
-}
-function Ne(n) {
-  return n && O(n.next) && O(n.error) && O(n.complete);
-}
-function ke(n) {
-  return n && n instanceof se || Ne(n) && ae(n);
-}
-const ce = {}, pe = {};
-function G(n) {
-  const { properties: t, title: e } = n, r = Object.keys(t).reduce((o, a) => (o[a] = t[a].type === "object" && t[a].properties ? G(t[a]) : me(t[a].default), o), {});
-  return r.id = `${e}-${Date.now()}`, r;
-}
-function _(n, t = {}) {
-  const e = ce[n];
-  if (e) {
-    let r = G(e);
-    const o = pe[n];
-    return r = o ? o({ getSchemaByType: _ }, r, t) : r, r;
-  }
-  return null;
-}
-function Me(n, t) {
-  const e = G(t);
-  return Object.keys(n).reduce((r, o) => (r[o] = n[o], r), e), e;
-}
-function _e(n, t) {
-  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 l = a(o, n[o], n);
-        Object.assign(r, l);
-      }
-    } else
-      r[o] = n[o];
-    return r;
-  }, {});
-}
-function Fe(n, t, e = /* @__PURE__ */ new Map()) {
-  const r = Me(n, t);
-  return _e(r, e);
-}
-function $e(n = {}) {
-  function t(f, p, u, h) {
-    if (typeof u == "number")
-      return h[f].length === u;
-    if (typeof u == "object") {
-      const g = Object.keys(u)[0], s = u[g];
-      if (g === "not")
-        return Number(h[f].length) !== Number(s);
-      if (g === "moreThan")
-        return Number(h[f].length) >= Number(s);
-      if (g === "lessThan")
-        return Number(h[f].length) <= Number(s);
-    }
-    return !1;
-  }
-  function e(f, p, u, h) {
-    return h[p] && h[p].propertyValue && String(h[p].propertyValue.value) === String(u);
-  }
-  const r = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", e]
-  ]);
-  Object.keys(n).reduce((f, p) => (f.set(p, n[p]), f), r);
-  function o(f, p) {
-    const u = f;
-    return typeof p == "number" ? [{ target: u, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: u, operator: "getProperty", param: f, value: !!p }] : typeof p == "object" ? Object.keys(p).map((h) => {
-      if (h === "length")
-        return { target: u, operator: "length", param: null, value: p[h] };
-      const g = h, s = p[h];
-      return { target: u, operator: f, param: g, value: s };
-    }) : [];
-  }
-  function a(f) {
-    return Object.keys(f).reduce((u, h) => {
-      const g = o(h, f[h]);
-      return u.push(...g), u;
-    }, []);
-  }
-  function l(f, p) {
-    if (r.has(f.operator)) {
-      const u = r.get(f.operator);
-      return u && u(f.target, f.param, f.value, p) || !1;
-    }
-    return !1;
-  }
-  function d(f, p) {
-    return a(f).reduce((g, s) => g && l(s, p), !0);
-  }
-  function m(f, p) {
-    const u = Object.keys(f), h = u.includes("allOf"), g = u.includes("anyOf"), s = h || g, v = (s ? f[s ? h ? "allOf" : "anyOf" : "allOf"] : [f]).map((y) => d(y, p));
-    return h ? !v.includes(!1) : v.includes(!0);
-  }
-  return { parseValueSchema: m };
-}
-const Le = {}, Ve = {};
-$e();
-function Be(n, t, e = /* @__PURE__ */ new Map(), r = (l, d, m) => d, o = {}, a = (l) => l) {
-  return ce[t.title] = t, pe[t.title] = r, Le[t.title] = o, Ve[t.title] = a, (l = {}) => {
-    const d = Fe(l, t, e), m = Object.keys(n).reduce((f, p) => (f[p] = n[p].default, f), {});
-    return Object.assign(m, d);
-  };
-}
-function xe(n, t) {
-  return { customClass: t.class };
-}
-const qe = /* @__PURE__ */ new Map([
-  ["appearance", xe]
-]), We = "https://json-schema.org/draft/2020-12/schema", Ue = "https://farris-design.gitee.io/nav.schema.json", ze = "nav", He = "A Farris Component", Ye = "object", Ge = {
-  id: {
-    description: "The unique identifier for a nav",
-    type: "string"
-  },
-  type: {
-    description: "The type string of nav component",
-    type: "string",
-    default: "nav"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  }
-}, Je = [
-  "id",
-  "type"
-], Qe = {
-  $schema: We,
-  $id: Ue,
-  title: ze,
-  description: He,
-  type: Ye,
-  properties: Ge,
-  required: Je
-};
-function Xe(n, t, e) {
-  return t;
-}
-const Ze = "nav", Re = "A Farris Component", Ke = "object", Ie = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, et = {
-  title: Ze,
-  description: Re,
-  type: Ke,
-  categories: Ie
-}, J = {
-  /** 未读最大值 */
-  maxNum: { Type: Number, default: 99 },
-  /** 导航数据 */
-  navData: {
-    Type: Array,
-    default: [
-      {
-        id: "1",
-        text: "全部"
-      },
-      {
-        id: "2",
-        text: "已回复",
-        disable: !0
-      },
-      {
-        id: "3",
-        text: "待回复",
-        num: 200
-      },
-      {
-        id: "4",
-        text: "@我",
-        num: 33
-      }
-    ]
-  },
-  /** 水平或垂直方向 */
-  horizontal: { Type: Boolean, default: !0 },
-  /** 当前激活的id */
-  activeNavId: { Type: String, default: "1" },
-  /** nav切换前事件 */
-  navPicking: { Type: Function, default: (n) => Oe }
-}, te = Be(J, Qe, qe, Xe, et), q = /* @__PURE__ */ ne({
-  name: "FNav",
-  props: J,
-  emits: ["nav"],
-  setup(n, t) {
-    const e = A(n.activeNavId), r = A(n.navData), o = A(n.horizontal);
-    A(n.navPicking);
-    const a = k({
-      get() {
-        return r.value;
-      },
-      set(p) {
-        r.value = p, m();
-      }
-    }), l = k({
-      get() {
-        return e.value;
-      },
-      set(p) {
-        if (e.value = p, e.value && a && a.value.length) {
-          const u = a.value.find((h) => h.id === e.value);
-          u && t.emit("nav", u);
-        }
-      }
-    }), d = k({
-      set(p) {
-        o.value = p;
-      },
-      get() {
-        return o.value;
-      }
-    });
-    function m() {
-      if (a.value && a.value.length && !e.value) {
-        const p = a.value.find((u) => !u.disable);
-        p && (e.value = p.id);
-      }
-    }
-    function f(p) {
-      p.disable || p.id === e.value || (e.value = p.id, t.emit("nav", p));
-    }
-    return () => {
-      var p;
-      return D("div", {
-        class: ["farris-nav", {
-          "farris-nav-vertical": !d.value
-        }]
-      }, [(p = a.value) == null ? void 0 : p.map((u) => D("div", {
-        class: ["farris-nav-item", {
-          active: u.id === l.value
-        }, {
-          disabled: u.disable
-        }],
-        onClick: () => f(u)
-      }, [D("div", {
-        class: "farris-nav-item-link"
-      }, [D("span", {
-        class: "farris-nav-item-link-text"
-      }, [u.text, u.num && D("div", {
-        class: "farris-nav-item-tag"
-      }, [u.num <= n.maxNum && D("span", {
-        class: "tag-text"
-      }, [u.num]), u.num > n.maxNum && D("span", {
-        class: "tag-text"
-      }, [n.maxNum, re("+")])])])])]))]);
-    };
-  }
-});
-function tt(n, t, e) {
-  var S;
-  function r() {
-    e != null && e.resolveComponentContext && e.resolveComponentContext();
-  }
-  r();
-  const o = e && e.getStyles && e.getStyles() || "", a = e && e.getDesignerClass && e.getDesignerClass() || "", l = A();
-  function d() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
-  }
-  function m() {
-    return !1;
-  }
-  function f() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
-  }
-  function p() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
-  }
-  function u(b) {
-    if (!b || !b.value)
-      return null;
-    if (b.value.schema && b.value.schema.type === "component")
-      return b.value;
-    const C = A(b == null ? void 0 : b.value.parent), j = u(C);
-    return j || null;
-  }
-  function h(b = t) {
-    const { componentInstance: C, designerItemElementRef: j } = b;
-    return !C || !C.value ? null : C.value.canMove ? j : h(b.parent);
-  }
-  function g(b) {
-    return !!e && e.canAccepts(b);
-  }
-  function s() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function i() {
-  }
-  function c(b, C) {
-    C && e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(C);
-  }
-  function v(b) {
-    const { componentType: C } = b;
-    let j = _(C, b);
-    e && e.onResolveNewComponentSchema && (j = e.onResolveNewComponentSchema(b, j));
-    const E = C.toLowerCase().replace("-", "_");
-    return j && !j.id && j.type === C && (j.id = `${E}_${Math.random().toString().slice(2, 6)}`), j;
-  }
-  function T(b, C) {
-    const j = String(b.getAttribute("data-controltype")), E = b.getAttribute("data-feature"), N = E ? JSON.parse(E) : {};
-    N.parentComponentInstance = l.value;
-    let w = _(j, N);
-    e && e.onAcceptNewChildElement && (w = e.onAcceptNewChildElement(b, C, w));
-    const M = j.toLowerCase().replace("-", "_");
-    return w && !w.id && w.type === j && (w.id = `${M}_${Math.random().toString().slice(2, 6)}`), w;
-  }
-  function y(b) {
-  }
-  function P() {
-    return e && e.getPropsConfig ? e.getPropsConfig() : [];
-  }
-  return l.value = {
-    canMove: d(),
-    canSelectParent: m(),
-    canDelete: f(),
-    canNested: !p(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: n,
-    parent: (S = t == null ? void 0 : t.parent) == null ? void 0 : S.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: o,
-    designerClass: a,
-    canAccepts: g,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: h,
-    getDraggingDisplayText: s,
-    getPropConfig: P,
-    getDragScopeElement: i,
-    onAcceptMovedChildElement: c,
-    onAcceptNewChildElement: T,
-    onChildElementMovedOut: y,
-    addNewChildComponentSchema: v,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || A(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || A(!1)
-  }, l;
-}
-function nt() {
-  function n(t) {
-    var o, a;
-    if (!t)
-      return !1;
-    const e = ((o = t.targetContainer) == null ? void 0 : o.componentInstance) && t.targetContainer.componentInstance.value;
-    if (!e)
-      return !1;
-    const r = (a = e.schema.appearance) == null ? void 0 : a.class;
-    if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const l = e.schema.type, d = (l === "response-form" || l === "content-container") && r && r.includes("farris-form");
-      if (e.schema.type !== "response-layout-item" && !d)
-        return !1;
-    }
-    return t.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: n
-  };
-}
-const rt = "https://json-schema.org/draft/2020-12/schema", ot = "https://farris-design.gitee.io/dragging-rules.schema.json", at = "Dragging Rules", it = "The rules of designer canvas", st = "object", ct = {
-  "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"
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, pt = [], lt = {
-  $schema: rt,
-  $id: ot,
-  title: at,
-  description: it,
-  type: st,
-  properties: ct,
-  required: pt
-}, W = /* @__PURE__ */ new Map();
-function ut() {
-  function n(s, i, c, v) {
-    if (typeof c == "number")
-      return v[s].length === c;
-    if (typeof c == "object") {
-      const T = Object.keys(c)[0], y = c[T];
-      if (T === "not")
-        return Number(v[s].length) !== Number(y);
-      if (T === "moreThan")
-        return Number(v[s].length) >= Number(y);
-      if (T === "lessThan")
-        return Number(v[s].length) <= Number(y);
-    }
-    return !1;
-  }
-  function t(s, i, c, v) {
-    return typeof c == "boolean" ? v.childrenClassList.includes(i) === !!c : !1;
-  }
-  function e(s, i, c, v) {
-    return typeof c == "boolean" ? v.parentClassList.includes(i) === !!c : !1;
-  }
-  function r(s, i, c, v) {
-    return typeof c == "boolean" ? v.parentClassList.includes(i) === !!c : !1;
-  }
-  const o = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", t],
-    ["hasSibling", r],
-    ["hasParent", e]
-  ]);
-  function a(s, i) {
-    const c = s;
-    return typeof i == "number" ? [{ target: c, operator: "length", param: null, value: Number(i) }] : typeof i == "object" ? Object.keys(i).map((v) => {
-      if (v === "length")
-        return { target: c, operator: "length", param: null, value: i[v] };
-      const T = v, y = i[v];
-      return { target: c, operator: s === "children" ? "hasChildren" : s === "parent" ? "hasParent" : "hasSibling", param: T, value: y };
-    }) : [];
-  }
-  function l(s, i) {
-    if (o.has(s.operator)) {
-      const c = o.get(s.operator);
-      return c && c(s.target, s.param, s.value, i) || !1;
-    }
-    return !1;
-  }
-  function d(s, i) {
-    return Object.keys(s).reduce((y, P) => {
-      const S = a(P, s[P]);
-      return y.push(...S), y;
-    }, []).reduce((y, P) => y && l(P, i), !0);
-  }
-  function m(s, i) {
-    const c = Object.keys(s), v = c.includes("allOf"), T = c.includes("anyOf"), y = v || T, b = (y ? s[y ? v ? "allOf" : "anyOf" : "allOf"] : [s]).map((j) => d(j, i));
-    return v ? !b.includes(!1) : b.includes(!0);
-  }
-  function f(s, i) {
-    const c = s.const;
-    return c ? typeof c == "boolean" ? c : typeof c == "object" ? m(c, i) : !1 : !1;
-  }
-  function p(s) {
-    return (i) => {
-      const c = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return s && s.properties && Object.keys(s.properties).reduce((v, T) => {
-        const y = s.properties[T];
-        return v[T] = f(y, i), v;
-      }, c), c;
-    };
-  }
-  function u(s, i, c) {
-    if (i.type === "object" && i.properties) {
-      const { rules: v, contents: T } = i.properties;
-      c.set(s, p(v)), T && Object.keys(T.properties).forEach(
-        (y) => u(y, T.properties[y], c)
-      );
-    }
-  }
-  function h() {
-    const { properties: s } = lt;
-    Object.keys(s).forEach((i) => {
-      u(i, s[i], W);
-    });
-  }
-  function g(s, i) {
-    const c = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return W.has(s) ? W.get(s)(i) : c;
-  }
-  return h(), { getRuleValue: g };
-}
-function ft(n, t) {
-  const e = ut(), r = A(!1), o = A(!1);
-  let a = !0, l = !1, d, m = !1;
-  function f(y) {
-    return d && d.componentClassList && d.componentClassList.includes("f-form-layout") && d.componentClassList.includes("farris-form") ? y.sourceType === "control" && y.controlCategory === "input" || y.sourceType === "move" && y.controlType === "form-group" : !0;
-  }
-  function p(y) {
-    return !(!nt().basalDragulaRuleForContainer(y) || !a || !f(y));
-  }
-  function u() {
-    r.value = !1, o.value = !1;
-    const y = n, P = y.appearance && y.appearance.class || "", S = P.split(" "), b = y.contents || [], C = b.length ? b[0] : null, j = C && C.appearance ? C.appearance.class : "", E = j ? j.split(" ") : [], N = b.length ? b.reduce((Q, V) => {
-      const X = V && V.appearance ? V.appearance.class : "", ye = X ? X.split(" ") : [];
-      return Q.push(...ye), Q;
-    }, []) : [], w = t, M = w && w.appearance && w.appearance.class || "", le = M ? M.split(" ") : [];
-    d = {
-      componentClass: P,
-      componentClassList: S,
-      childContents: b,
-      firstChildContent: C,
-      firstChildClass: j,
-      firstChildClassList: E,
-      parent: w,
-      parentClass: M,
-      parentClassList: le,
-      children: b,
-      childrenClassList: N
-    };
-    const { canAccept: ue, fixed: fe, hidePadding: de } = e.getRuleValue(S[0], d);
-    return a = ue, l = de, m = fe, !0;
-  }
-  function h(y) {
-    he();
-  }
-  function g() {
-    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function s(y, P) {
-    const S = n;
-    if ((S.appearance && S.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: j } = y, E = _("form-group");
-      return E.editor = P, E.label = j, E;
-    }
-    return P;
-  }
-  function i(y, P, S) {
-    const b = n;
-    if ((b.appearance && b.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const E = String(y.innerText), N = _("form-group");
-      return N.editor = S, N.label = E, N;
-    }
-    return S;
-  }
-  function c() {
-    return !m;
-  }
-  function v() {
-    return !m;
-  }
-  function T() {
-    return l;
-  }
-  return {
-    canAccepts: p,
-    checkCanDeleteComponent: v,
-    checkCanMoveComponent: c,
-    getStyles: g,
-    hideNestedPaddingInDesginerView: T,
-    onAcceptNewChildElement: i,
-    onAcceptMovedChildElement: h,
-    resolveComponentContext: u,
-    onResolveNewComponentSchema: s,
-    triggerBelongedComponentToMoveWhenMoved: r,
-    triggerBelongedComponentToDeleteWhenDeleted: o
-  };
-}
-const dt = /* @__PURE__ */ ne({
-  name: "FNavDesign",
-  props: J,
-  emits: ["nav"],
-  setup(n, t) {
-    var s;
-    const e = A(n.activeNavId), r = A(n.navData), o = A(n.horizontal);
-    A(n.navPicking);
-    const a = A(), l = be("design-item-context"), d = ft(l.schema, (s = l.parent) == null ? void 0 : s.schema), m = tt(a, l, d);
-    ve(() => {
-      a.value.componentInstance = m;
-    }), t.expose(m.value);
-    const f = k({
-      get() {
-        return r.value;
-      },
-      set(i) {
-        r.value = i, h();
-      }
-    }), p = k({
-      get() {
-        return e.value;
-      },
-      set(i) {
-        if (e.value = i, e.value && f && f.value.length) {
-          const c = f.value.find((v) => v.id === e.value);
-          c && t.emit("nav", c);
-        }
-      }
-    }), u = k({
-      set(i) {
-        o.value = i;
-      },
-      get() {
-        return o.value;
-      }
-    });
-    function h() {
-      if (f.value && f.value.length && !e.value) {
-        const i = f.value.find((c) => !c.disable);
-        i && (e.value = i.id);
-      }
-    }
-    function g(i) {
-      i.disable || i.id === e.value || (e.value = i.id, t.emit("nav", i));
-    }
-    return () => {
-      var i;
-      return D("div", {
-        ref: a,
-        class: ["farris-nav", {
-          "farris-nav-vertical": !u.value
-        }]
-      }, [(i = f.value) == null ? void 0 : i.map((c) => D("div", {
-        class: ["farris-nav-item", {
-          active: c.id === p.value
-        }, {
-          disabled: c.disable
-        }],
-        onClick: () => g(c)
-      }, [D("div", {
-        class: "farris-nav-item-link"
-      }, [D("span", {
-        class: "farris-nav-item-link-text"
-      }, [c.text, c.num && D("div", {
-        class: "farris-nav-item-tag"
-      }, [c.num <= n.maxNum && D("span", {
-        class: "tag-text"
-      }, [c.num]), c.num > n.maxNum && D("span", {
-        class: "tag-text"
-      }, [n.maxNum, re("+")])])])])]))]);
-    };
-  }
-}), bt = {
-  install(n) {
-    n.component(q.name, q);
-  },
-  register(n, t, e) {
-    n.nav = q, t.nav = te;
-  },
-  registerDesigner(n, t, e) {
-    n.nav = dt, t.nav = te;
-  }
-};
-export {
-  q as FNav,
-  bt as default,
-  J as navProps,
-  te as propsResolver
-};