@farris/ui-vue 1.2.7 → 1.2.9

package/components/component/index.esm.js

@@ -1,121 +1,125 @@
-import { defineComponent as F, onBeforeMount as z, onMounted as L, createVNode as q, ref as M, inject as G } from "vue";
-import { cloneDeep as H } from "lodash-es";
-const W = {}, _ = {};
-function V(c) {
-  const { properties: e, title: t } = c, s = Object.keys(e).reduce((i, y) => (i[y] = e[y].type === "object" && e[y].properties ? V(e[y]) : H(e[y].default), i), {});
-  return s.id = `${t}-${Date.now()}`, s;
+import { defineComponent as q, onBeforeMount as X, onMounted as W, createVNode as _, ref as w, inject as Y } from "vue";
+import { cloneDeep as Z } from "lodash-es";
+const J = {}, z = {};
+function k(r) {
+  const { properties: e, title: t, ignore: c } = r, p = c && Array.isArray(c), b = Object.keys(e).reduce((h, j) => ((!p || !c.find((A) => A == j)) && (h[j] = e[j].type === "object" && e[j].properties ? k(e[j]) : Z(e[j].default)), h), {});
+  return (!p || !c.find((h) => h == "id")) && (b.id = `${t}-${Date.now()}`), b;
 }
-function $(c, e = {}) {
-  const t = W[c];
-  if (t) {
-    let s = V(t);
-    const i = _[c];
-    return s = i ? i({ getSchemaByType: $ }, s, e) : s, s;
+function V(r, e = {}, t) {
+  const c = J[r];
+  if (c) {
+    let p = k(c);
+    const b = z[r];
+    return p = b ? b({ getSchemaByType: V }, p, e, t) : p, p;
   }
   return null;
 }
-function Q(c, e) {
-  const t = V(e);
-  return Object.keys(c).reduce((s, i) => (s[i] = c[i], s), t), t;
+function R(r, e) {
+  const t = k(e);
+  return Object.keys(r).reduce((c, p) => (c[p] && typeof c[p] == "object" ? Object.assign(c[p], r[p]) : c[p] = r[p], c), t), t;
 }
-function U(c, e) {
-  return Object.keys(c).filter((s) => c[s] != null).reduce((s, i) => {
-    if (e.has(i)) {
-      const y = e.get(i);
-      if (typeof y == "string")
-        s[y] = c[i];
+function K(r, e) {
+  return Object.keys(r).filter((c) => r[c] != null).reduce((c, p) => {
+    if (e.has(p)) {
+      const b = e.get(p);
+      if (typeof b == "string")
+        c[b] = r[p];
       else {
-        const m = y(i, c[i], c);
-        Object.assign(s, m);
+        const h = b(p, r[p], r);
+        Object.assign(c, h);
       }
     } else
-      s[i] = c[i];
-    return s;
+      c[p] = r[p];
+    return c;
   }, {});
 }
-function X(c, e, t = /* @__PURE__ */ new Map()) {
-  const s = Q(c, e);
-  return U(s, t);
+function x(r, e, t = /* @__PURE__ */ new Map()) {
+  const c = R(r, e);
+  return K(c, t);
 }
-function Y(c = {}) {
-  function e(a, d, l, u) {
+function I(r = {}) {
+  function e(a, f, l, d) {
     if (typeof l == "number")
-      return u[a].length === l;
+      return d[a].length === l;
     if (typeof l == "object") {
-      const g = Object.keys(l)[0], n = l[g];
-      if (g === "not")
-        return Number(u[a].length) !== Number(n);
-      if (g === "moreThan")
-        return Number(u[a].length) >= Number(n);
-      if (g === "lessThan")
-        return Number(u[a].length) <= Number(n);
+      const m = Object.keys(l)[0], n = l[m];
+      if (m === "not")
+        return Number(d[a].length) !== Number(n);
+      if (m === "moreThan")
+        return Number(d[a].length) >= Number(n);
+      if (m === "lessThan")
+        return Number(d[a].length) <= Number(n);
     }
     return !1;
   }
-  function t(a, d, l, u) {
-    return u[a] && u[a].propertyValue && String(u[a].propertyValue.value) === String(l);
+  function t(a, f, l, d) {
+    return d[a] && d[a].propertyValue && String(d[a].propertyValue.value) === String(l);
   }
-  const s = /* @__PURE__ */ new Map([
+  const c = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(c).reduce((a, d) => (a.set(d, c[d]), a), s);
-  function i(a, d) {
+  Object.keys(r).reduce((a, f) => (a.set(f, r[f]), a), c);
+  function p(a, f) {
     const l = a;
-    return typeof d == "number" ? [{ target: l, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: l, operator: "getProperty", param: a, value: !!d }] : typeof d == "object" ? Object.keys(d).map((u) => {
-      if (u === "length")
-        return { target: l, operator: "length", param: null, value: d[u] };
-      const g = u, n = d[u];
-      return { target: l, operator: "getProperty", param: g, value: n };
+    return typeof f == "number" ? [{ target: l, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: l, operator: "getProperty", param: a, value: !!f }] : typeof f == "object" ? Object.keys(f).map((d) => {
+      if (d === "length")
+        return { target: l, operator: "length", param: null, value: f[d] };
+      const m = d, n = f[d];
+      return { target: l, operator: "getProperty", param: m, value: n };
     }) : [];
   }
-  function y(a) {
-    return Object.keys(a).reduce((l, u) => {
-      const g = i(u, a[u]);
-      return l.push(...g), l;
+  function b(a) {
+    return Object.keys(a).reduce((l, d) => {
+      const m = p(d, a[d]);
+      return l.push(...m), l;
     }, []);
   }
-  function m(a, d) {
-    if (s.has(a.operator)) {
-      const l = s.get(a.operator);
-      return l && l(a.target, a.param, a.value, d) || !1;
+  function h(a, f) {
+    if (c.has(a.operator)) {
+      const l = c.get(a.operator);
+      return l && l(a.target, a.param, a.value, f) || !1;
     }
     return !1;
   }
-  function P(a, d) {
-    return y(a).reduce((g, n) => g && m(n, d), !0);
+  function j(a, f) {
+    return b(a).reduce((m, n) => m && h(n, f), !0);
   }
-  function D(a, d) {
-    const l = Object.keys(a), u = l.includes("allOf"), g = l.includes("anyOf"), n = u || g, p = (n ? a[n ? u ? "allOf" : "anyOf" : "allOf"] : [a]).map((b) => P(b, d));
-    return u ? !p.includes(!1) : p.includes(!0);
+  function A(a, f) {
+    const l = Object.keys(a), d = l.includes("allOf"), m = l.includes("anyOf"), n = d || m, i = (n ? a[n ? d ? "allOf" : "anyOf" : "allOf"] : [a]).map((y) => j(y, f));
+    return d ? !i.includes(!1) : i.includes(!0);
   }
-  return { parseValueSchema: D };
+  return { parseValueSchema: A };
 }
-const Z = {}, K = {};
-Y();
-function R(c, e, t = /* @__PURE__ */ new Map(), s = (m, P, D) => P, i = {}, y = (m) => m) {
-  return W[e.title] = e, _[e.title] = s, Z[e.title] = i, K[e.title] = y, (m = {}) => {
-    const P = X(m, e, t), D = Object.keys(c).reduce((a, d) => (a[d] = c[d].default, a), {});
-    return Object.assign(D, P);
+const ee = {}, te = {};
+I();
+function G(r, e, t = /* @__PURE__ */ new Map(), c = (h, j, A) => j, p = {}, b = (h) => h) {
+  return J[e.title] = e, z[e.title] = c, ee[e.title] = p, te[e.title] = b, (h = {}) => {
+    const j = x(h, e, t), A = Object.keys(r).reduce((a, f) => (a[f] = r[f].default, a), {});
+    return Object.assign(A, j);
   };
 }
-function x(c, e) {
+function ne(r, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const I = /* @__PURE__ */ new Map([
-  ["appearance", x]
-]), ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-design.gitee.io/component.schema.json", ne = "component", oe = "A Farris Visual Component", re = "object", ce = {
+const H = /* @__PURE__ */ new Map([
+  ["appearance", ne]
+]), oe = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/component.schema.json", ce = "component", se = "A Farris Visual Component", pe = "object", ae = {
   id: {
-    description: "The unique identifier for a Section",
+    description: "The unique identifier for a component",
     type: "string"
   },
   type: {
-    description: "The type string of Section component",
+    description: "The type string of component",
     type: "string",
     default: "component"
   },
   componentType: {
-    description: "The type string of Section component",
+    description: "The type string of component",
+    type: "string"
+  },
+  viewModel: {
+    description: "The viewModel string of component",
     type: "string"
   },
   appearance: {
@@ -141,23 +145,23 @@ const I = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, se = [
+}, ie = [
   "id",
   "type",
   "contents"
-], ae = {
-  $schema: ee,
-  $id: te,
-  title: ne,
-  description: oe,
-  type: re,
-  properties: ce,
-  required: se
+], le = {
+  $schema: oe,
+  $id: re,
+  title: ce,
+  description: se,
+  type: pe,
+  properties: ae,
+  required: ie
 };
-function pe(c, e, t) {
+function Q(r, e, t) {
   return e;
 }
-const ie = "accordion", le = "A Farris Component", ue = "object", fe = {
+const ue = "accordion", fe = "A Farris Component", de = "object", ye = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -200,119 +204,119 @@ const ie = "accordion", le = "A Farris Component", ue = "object", fe = {
       }
     }
   }
-}, de = {
-  title: ie,
-  description: le,
-  type: ue,
-  categories: fe
-}, k = {
+}, be = {
+  title: ue,
+  description: fe,
+  type: de,
+  categories: ye
+}, F = {
   id: { type: String },
   customClass: { type: String, default: "" },
   componentType: { type: String, default: "" }
-}, B = R(k, ae, I, pe, de), S = /* @__PURE__ */ F({
+}, L = G(F, le, H, Q, be), S = /* @__PURE__ */ q({
   name: "FComponent",
-  props: k,
+  props: F,
   emits: ["init", "afterViewInit"],
-  setup(c, e) {
-    return z(() => {
-      e.emit("init", c.id);
-    }), L(() => {
-      e.emit("afterViewInit", c.id);
-    }), () => q("div", {
-      class: c.customClass
+  setup(r, e) {
+    return X(() => {
+      e.emit("init", r.id);
+    }), W(() => {
+      e.emit("afterViewInit", r.id);
+    }), () => _("div", {
+      class: r.customClass
     }, [e.slots.default && e.slots.default()]);
   }
 });
-function ye(c, e, t) {
-  var T;
-  function s() {
+function he(r, e, t) {
+  var D;
+  function c() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  s();
-  const i = t && t.getStyles && t.getStyles() || "", y = t && t.getDesignerClass && t.getDesignerClass() || "", m = M();
-  function P() {
+  c();
+  const p = t && t.getStyles && t.getStyles() || "", b = t && t.getDesignerClass && t.getDesignerClass() || "", h = w();
+  function j() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function D() {
+  function A() {
     return !1;
   }
   function a() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function d() {
+  function f() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(f) {
-    if (!f || !f.value)
+  function l(u) {
+    if (!u || !u.value)
       return null;
-    if (f.value.schema && f.value.schema.type === "component")
-      return f.value;
-    const C = M(f == null ? void 0 : f.value.parent), h = l(C);
-    return h || null;
+    if (u.value.schema && u.value.schema.type === "component")
+      return u.value;
+    const v = w(u == null ? void 0 : u.value.parent), C = l(v);
+    return C || null;
   }
-  function u(f = e) {
-    const { componentInstance: C, designerItemElementRef: h } = f;
-    return !C || !C.value ? null : C.value.canMove ? h : u(f.parent);
+  function d(u = e) {
+    const { componentInstance: v, designerItemElementRef: C } = u;
+    return !v || !v.value ? null : v.value.canMove ? C : d(u.parent);
   }
-  function g(f) {
-    return !!t && t.canAccepts(f);
+  function m(u) {
+    return !!t && t.canAccepts(u);
   }
   function n() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function r() {
+  function s() {
   }
-  function o(f, C) {
-    C && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(C);
+  function o(u, v) {
+    v && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(v);
   }
-  function p(f) {
-    const { componentType: C } = f;
-    let h = $(C, f);
-    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(f, h));
+  function i(u, v) {
+    const { componentType: C } = u;
+    let T = V(C, u, v);
+    t && t.onResolveNewComponentSchema && (T = t.onResolveNewComponentSchema(u, T));
     const O = C.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === C && (h.id = `${O}_${Math.random().toString().slice(2, 6)}`), h;
+    return T && !T.id && T.type === C && (T.id = `${O}_${Math.random().toString().slice(2, 6)}`), T;
   }
-  function j(f, C) {
-    const h = String(f.getAttribute("data-controltype")), O = f.getAttribute("data-feature"), w = O ? JSON.parse(O) : {};
-    w.parentComponentInstance = m.value;
-    let A = $(h, w);
-    t && t.onAcceptNewChildElement && (A = t.onAcceptNewChildElement(f, C, A));
-    const N = h.toLowerCase().replace("-", "_");
-    return A && !A.id && A.type === h && (A.id = `${N}_${Math.random().toString().slice(2, 6)}`), A;
+  function g(u, v) {
+    const C = String(u.getAttribute("data-controltype")), T = u.getAttribute("data-feature"), O = T ? JSON.parse(T) : {};
+    O.parentComponentInstance = h.value;
+    let $ = V(C, O);
+    t && t.onAcceptNewChildElement && ($ = t.onAcceptNewChildElement(u, v, $));
+    const M = C.toLowerCase().replace("-", "_");
+    return $ && !$.id && $.type === C && ($.id = `${M}_${Math.random().toString().slice(2, 6)}`), $;
   }
-  function b(f) {
+  function y(u) {
   }
-  function v(...f) {
+  function P(...u) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...f);
+      return t.getPropsConfig(...u);
   }
-  return m.value = {
-    canMove: P(),
-    canSelectParent: D(),
+  return h.value = {
+    canMove: j(),
+    canSelectParent: A(),
     canDelete: a(),
-    canNested: !d(),
+    canNested: !f(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: c,
-    parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
+    elementRef: r,
+    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: y,
-    canAccepts: g,
+    styles: p,
+    designerClass: b,
+    canAccepts: m,
     getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: u,
+    getDraggableDesignItemElement: d,
     getDraggingDisplayText: n,
-    getPropConfig: v,
-    getDragScopeElement: r,
+    getPropConfig: P,
+    getDragScopeElement: s,
     onAcceptMovedChildElement: o,
-    onAcceptNewChildElement: j,
-    onChildElementMovedOut: b,
-    addNewChildComponentSchema: p,
-    updateDragAndDropRules: s,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
-  }, m;
+    onAcceptNewChildElement: g,
+    onChildElementMovedOut: y,
+    addNewChildComponentSchema: i,
+    updateDragAndDropRules: c,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || w(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || w(!1)
+  }, h;
 }
-const be = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-design.gitee.io/dragging-rules.schema.json", me = "Dragging Rules", ge = "The rules of designer canvas", je = "object", ve = {
+const me = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/dragging-rules.schema.json", je = "Dragging Rules", Pe = "The rules of designer canvas", Ce = "object", ve = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -731,6 +735,80 @@ const be = "https://json-schema.org/draft/2020-12/schema", he = "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
+                                          }
+                                        }
+                                      }
+                                    }
                                   }
                                 }
                               }
@@ -876,175 +954,209 @@ const be = "https://json-schema.org/draft/2020-12/schema", he = "https://farris-
     description: "",
     type: "object"
   }
-}, Ce = [], Pe = {
-  $schema: be,
-  $id: he,
-  title: me,
-  description: ge,
-  type: je,
-  properties: ve,
-  required: Ce
+}, Ae = {
+  $schema: me,
+  $id: ge,
+  title: je,
+  description: Pe,
+  type: Ce,
+  properties: ve
 }, E = /* @__PURE__ */ new Map();
-function Ae() {
-  function c(n, r, o, p) {
-    var j;
+function Te() {
+  function r(n, s, o, i) {
+    var g;
     if (typeof o == "number")
-      return ((j = p[n]) == null ? void 0 : j.length) === o;
+      return ((g = i[n]) == null ? void 0 : g.length) === o;
     if (typeof o == "object") {
-      const b = Object.keys(o)[0], v = o[b];
-      if (b === "not")
-        return Number(p[n].length) !== Number(v);
-      if (b === "moreThan")
-        return Number(p[n].length) >= Number(v);
-      if (b === "lessThan")
-        return Number(p[n].length) <= Number(v);
+      const y = Object.keys(o)[0], P = o[y];
+      if (y === "not")
+        return Number(i[n].length) !== Number(P);
+      if (y === "moreThan")
+        return Number(i[n].length) >= Number(P);
+      if (y === "lessThan")
+        return Number(i[n].length) <= Number(P);
     }
     return !1;
   }
-  function e(n, r, o, p) {
-    return typeof o == "boolean" ? p.childrenClassList.includes(r) === !!o : !1;
+  function e(n, s, o, i) {
+    return typeof o == "boolean" ? i.childrenClassList.includes(s) === !!o : !1;
   }
-  function t(n, r, o, p) {
-    return typeof o == "boolean" ? p.parentClassList.includes(r) === !!o : !1;
+  function t(n, s, o, i) {
+    return typeof o == "boolean" ? i.parentClassList.includes(s) === !!o : !1;
   }
-  function s(n, r, o, p) {
-    return typeof o == "boolean" ? p.parentClassList.includes(r) === !!o : !1;
+  function c(n, s, o, i) {
+    return typeof o == "boolean" ? i.parentClassList.includes(s) === !!o : !1;
   }
-  const i = /* @__PURE__ */ new Map([
-    ["length", c],
+  const p = /* @__PURE__ */ new Map([
+    ["length", r],
     ["hasChildren", e],
-    ["hasSibling", s],
+    ["hasSibling", c],
     ["hasParent", t]
   ]);
-  function y(n, r) {
+  function b(n, s) {
     const o = n;
-    return typeof r == "number" ? [{ target: o, operator: "length", param: null, value: Number(r) }] : typeof r == "object" ? Object.keys(r).map((p) => {
-      if (p === "length")
-        return { target: o, operator: "length", param: null, value: r[p] };
-      const j = p, b = r[p];
-      return { target: o, operator: n === "children" ? "hasChildren" : n === "parent" ? "hasParent" : "hasSibling", param: j, value: b };
+    return typeof s == "number" ? [{ target: o, operator: "length", param: null, value: Number(s) }] : typeof s == "object" ? Object.keys(s).map((i) => {
+      if (i === "length")
+        return { target: o, operator: "length", param: null, value: s[i] };
+      const g = i, y = s[i];
+      return { target: o, operator: n === "children" ? "hasChildren" : n === "parent" ? "hasParent" : "hasSibling", param: g, value: y };
     }) : [];
   }
-  function m(n, r) {
-    if (i.has(n.operator)) {
-      const o = i.get(n.operator);
-      return o && o(n.target, n.param, n.value, r) || !1;
+  function h(n, s) {
+    if (p.has(n.operator)) {
+      const o = p.get(n.operator);
+      return o && o(n.target, n.param, n.value, s) || !1;
     }
     return !1;
   }
-  function P(n, r) {
-    return Object.keys(n).reduce((b, v) => {
-      const T = y(v, n[v]);
-      return b.push(...T), b;
-    }, []).reduce((b, v) => b && m(v, r), !0);
+  function j(n, s) {
+    return Object.keys(n).reduce((y, P) => {
+      const D = b(P, n[P]);
+      return y.push(...D), y;
+    }, []).reduce((y, P) => y && h(P, s), !0);
   }
-  function D(n, r) {
-    const o = Object.keys(n), p = o.includes("allOf"), j = o.includes("anyOf"), b = p || j, f = (b ? n[b ? p ? "allOf" : "anyOf" : "allOf"] : [n]).map((h) => P(h, r));
-    return p ? !f.includes(!1) : f.includes(!0);
+  function A(n, s) {
+    const o = Object.keys(n), i = o.includes("allOf"), g = o.includes("anyOf"), y = i || g, u = (y ? n[y ? i ? "allOf" : "anyOf" : "allOf"] : [n]).map((C) => j(C, s));
+    return i ? !u.includes(!1) : u.includes(!0);
   }
-  function a(n, r) {
+  function a(n, s) {
     const o = n.const;
-    return o ? typeof o == "boolean" ? o : typeof o == "object" ? D(o, r) : !1 : !1;
+    return o ? typeof o == "boolean" ? o : typeof o == "object" ? A(o, s) : !1 : !1;
   }
-  function d(n) {
-    return (r) => {
+  function f(n) {
+    return (s) => {
       const o = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return n && n.properties && Object.keys(n.properties).reduce((p, j) => {
-        const b = n.properties[j];
-        return p[j] = a(b, r), p;
+      return n && n.properties && Object.keys(n.properties).reduce((i, g) => {
+        const y = n.properties[g];
+        return i[g] = a(y, s), i;
       }, o), o;
     };
   }
-  function l(n, r, o) {
-    if (r.type === "object" && r.properties) {
-      const { rules: p, contents: j } = r.properties;
-      o.set(n, d(p)), j && Object.keys(j.properties).forEach(
-        (b) => l(b, j.properties[b], o)
+  function l(n, s, o) {
+    if (s.type === "object" && s.properties) {
+      const { rules: i, contents: g } = s.properties;
+      o.set(n, f(i)), g && Object.keys(g.properties).forEach(
+        (y) => l(y, g.properties[y], o)
       );
     }
   }
-  function u() {
-    const { properties: n } = Pe;
-    Object.keys(n).forEach((r) => {
-      l(r, n[r], E);
+  function d() {
+    const { properties: n } = Ae;
+    Object.keys(n).forEach((s) => {
+      l(s, n[s], E);
     });
   }
-  function g(n, r) {
+  function m(n, s) {
     const o = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return E.has(n) ? E.get(n)(r) : o;
+    return E.has(n) ? E.get(n)(s) : o;
   }
-  return u(), { getRuleValue: g };
+  return d(), { getRuleValue: m };
 }
-function De(c, e) {
-  const t = Ae();
-  let s = !1, i, y = !1;
-  const m = !1;
-  function P() {
+function $e(r) {
+  const e = Te();
+  let t = !1, c, p = !1;
+  const b = !1;
+  function h() {
     return !1;
   }
-  function D() {
-    return m || !y;
+  function j() {
+    return b || !p;
   }
-  function a() {
-    return !y;
+  function A() {
+    return !p;
   }
-  function d() {
-    y = !1;
-    const u = c, g = u.appearance && u.appearance.class || "", n = g.split(" "), r = u.contents || [], o = r.length ? r[0] : null, p = o && o.appearance ? o.appearance.class : "", j = p ? p.split(" ") : [], b = r.length ? r.reduce((w, A) => {
-      const N = A && A.appearance ? A.appearance.class : "", J = N ? N.split(" ") : [];
-      return w.push(...J), w;
-    }, []) : [], v = e, T = v && v.appearance && v.appearance.class || "", f = T ? T.split(" ") : [];
-    i = {
-      componentClass: g,
-      componentClassList: n,
-      childContents: r,
-      firstChildContent: o,
-      firstChildClass: p,
-      firstChildClassList: j,
-      parent: v,
-      parentClass: T,
-      parentClassList: f,
-      children: r,
-      childrenClassList: b
+  function a() {
+    var O, $;
+    p = !1;
+    const l = r.schema, d = l.appearance && l.appearance.class || "", m = d.split(" "), n = l.contents || [], s = n.length ? n[0] : null, o = s && s.appearance ? s.appearance.class : "", i = o ? o.split(" ") : [], g = n.length ? n.reduce((M, N) => {
+      const B = N && N.appearance ? N.appearance.class : "", U = B ? B.split(" ") : [];
+      return M.push(...U), M;
+    }, []) : [];
+    if ((($ = (O = r.parent) == null ? void 0 : O.schema) == null ? void 0 : $.type) !== "component-ref") {
+      t = !0, p = !0;
+      return;
+    }
+    const y = r.parent.parent, P = y && y.schema, D = P && P.appearance ? P.appearance.class : "", u = D ? D.split(" ") : [];
+    c = {
+      componentClass: d,
+      componentClassList: m,
+      childContents: n,
+      firstChildContent: s,
+      firstChildClass: o,
+      firstChildClassList: i,
+      parent: P,
+      parentClass: D,
+      parentClassList: u,
+      children: n,
+      childrenClassList: g
     };
-    const { canAccept: C, fixed: h, hidePadding: O } = t.getRuleValue(n[0], i);
-    return s = O, y = h, !0;
+    const { canAccept: v, fixed: C, hidePadding: T } = e.getRuleValue(m[0], c);
+    t = T, p = C;
   }
-  function l() {
-    return s;
+  function f() {
+    return t;
   }
-  return { canAccepts: P, checkCanDeleteComponent: D, checkCanMoveComponent: a, resolveComponentContext: d, hideNestedPaddingInDesginerView: l };
+  return { canAccepts: h, checkCanDeleteComponent: j, checkCanMoveComponent: A, resolveComponentContext: a, hideNestedPaddingInDesginerView: f };
 }
-const Te = /* @__PURE__ */ F({
+const De = /* @__PURE__ */ q({
   name: "FComponetDesign",
-  props: k,
+  props: F,
   emits: [],
-  setup(c, e) {
-    var m;
-    const t = M(), s = G("design-item-context"), i = De(s.schema, (m = s.parent) == null ? void 0 : m.schema), y = ye(t, s, i);
-    return L(() => {
-      t.value.componentInstance = y;
-    }), e.expose(y.value), () => q("div", {
+  setup(r, e) {
+    const t = w(), c = Y("design-item-context"), p = $e(c), b = he(t, c, p);
+    return W(() => {
+      t.value.componentInstance = b;
+    }), e.expose(b.value), () => _("div", {
       ref: t,
       class: "drag-container",
-      "data-dragref": `${s.schema.id}-container`
+      "data-dragref": `${c.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
   }
-}), Me = {
-  install(c) {
-    c.component(S.name, S);
+}), Oe = "https://json-schema.org/draft/2020-12/schema", we = "https://farris-design.gitee.io/component.schema.json", Me = "component-ref", Ne = "A Farris Visual Component", Se = "object", Ee = {
+  id: {
+    description: "The unique identifier for a Section",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Section component",
+    type: "string",
+    default: "component-ref"
+  },
+  component: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, Ve = [
+  "id",
+  "type",
+  "component"
+], ke = {
+  $schema: Oe,
+  $id: we,
+  title: Me,
+  description: Ne,
+  type: Se,
+  properties: Ee,
+  required: Ve
+}, Fe = {
+  id: { type: String },
+  component: { type: String, default: "" }
+}, Be = G(Fe, ke, H, Q), We = {
+  install(r) {
+    r.component(S.name, S);
   },
-  register(c, e, t, s) {
-    c.component = S, e.component = B;
+  register(r, e, t, c) {
+    r.component = S, e.component = L;
   },
-  registerDesigner(c, e) {
-    c.component = Te, e.component = B;
+  registerDesigner(r, e) {
+    r.component = De, e.component = L, e["component-ref"] = Be;
   }
 };
 export {
   S as Component,
-  Te as ComponentDesign,
-  k as componentProps,
-  Me as default,
-  B as propsResolver
+  De as ComponentDesign,
+  F as componentProps,
+  We as default,
+  L as propsResolver
 };