@farris/ui-vue 1.3.1 → 1.3.3

package/components/component/index.esm.js

@@ -1,100 +1,105 @@
 var z = Object.defineProperty;
-var J = (a, e, t) => e in a ? z(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var y = (a, e, t) => J(a, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as $, onBeforeMount as Q, onMounted as F, createVNode as j, ref as D, inject as E } from "vue";
-import { isPlainObject as B, cloneDeep as N } from "lodash-es";
-const O = {}, U = {};
-function S(a) {
-  const { properties: e, title: t, ignore: n } = a, o = n && Array.isArray(n), i = Object.keys(e).reduce((r, u) => ((!o || !n.find((f) => f == u)) && (r[u] = e[u].type === "object" && e[u].properties ? S(e[u]) : N(e[u].default)), r), {});
-  return t && (!o || !n.find((r) => r == "id")) && (i.id = `${t}-${Date.now()}`), i;
+var J = (n, e, t) => e in n ? z(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var V = (n, e, t) => J(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as O, onBeforeMount as X, onMounted as j, createVNode as S, ref as D, inject as A, computed as Y } from "vue";
+import { isPlainObject as $, cloneDeep as N } from "lodash-es";
+import { getCustomClass as Z } from "../common/index.esm.js";
+const R = {}, q = {};
+function U(n) {
+  const { properties: e, title: t, ignore: o } = n, a = o && Array.isArray(o), c = Object.keys(e).reduce((r, f) => ((!a || !o.find((m) => m === f)) && (r[f] = e[f].type === "object" && e[f].properties ? U(e[f]) : N(e[f].default)), r), {});
+  if (t && (!a || !o.find((r) => r === "id"))) {
+    const r = t.toLowerCase().replace(/-/g, "_");
+    c.id = `${r}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return c;
 }
-function q(a, e = {}, t) {
-  const n = O[a];
-  if (n) {
-    let o = S(n);
-    const i = U[a];
-    return o = i ? i({ getSchemaByType: q }, o, e, t) : o, o;
+function G(n, e = {}, t) {
+  const o = R[n];
+  if (o) {
+    let a = U(o);
+    const c = q[n];
+    return a = c ? c({ getSchemaByType: G }, a, e, t) : a, a;
   }
   return null;
 }
-function X(a, e) {
-  const t = S(e);
-  return Object.keys(a).reduce((n, o) => (n[o] && B(n[o]) && B(a[o]) ? Object.assign(n[o], a[o]) : n[o] = a[o], n), t), t;
+function I(n, e) {
+  const t = U(e);
+  return Object.keys(t).reduce((o, a) => (o[a] && $(o[a]) && $(n[a] || !n[a]) ? Object.assign(o[a], n[a] || {}) : o[a] = n[a], o), t), t;
 }
-function Y(a, e) {
-  return Object.keys(a).filter((n) => a[n] != null).reduce((n, o) => {
-    if (e.has(o)) {
-      const i = e.get(o);
-      if (typeof i == "string")
-        n[i] = a[o];
+function K(n, e) {
+  return Object.keys(n).filter((o) => n[o] != null).reduce((o, a) => {
+    if (e.has(a)) {
+      const c = e.get(a);
+      if (typeof c == "string")
+        o[c] = n[a];
       else {
-        const r = i(o, a[o], a);
-        Object.assign(n, r);
+        const r = c(a, n[a], n);
+        Object.assign(o, r);
       }
     } else
-      n[o] = a[o];
-    return n;
+      o[a] = n[a];
+    return o;
   }, {});
 }
-function Z(a, e, t = /* @__PURE__ */ new Map()) {
-  const n = X(a, e);
-  return Y(n, t);
+function H(n, e, t = /* @__PURE__ */ new Map()) {
+  const o = I(n, e);
+  return K(o, t);
 }
-function H(a = {}) {
-  function e(s, c, p, l) {
-    if (typeof p == "number")
-      return l[s].length === p;
-    if (typeof p == "object") {
-      const d = Object.keys(p)[0], h = p[d];
+function x(n = {}) {
+  function e(i, s, l, p) {
+    if (typeof l == "number")
+      return p[i].length === l;
+    if (typeof l == "object") {
+      const d = Object.keys(l)[0], v = l[d];
       if (d === "not")
-        return Number(l[s].length) !== Number(h);
+        return Number(p[i].length) !== Number(v);
       if (d === "moreThan")
-        return Number(l[s].length) >= Number(h);
+        return Number(p[i].length) >= Number(v);
       if (d === "lessThan")
-        return Number(l[s].length) <= Number(h);
+        return Number(p[i].length) <= Number(v);
     }
     return !1;
   }
-  function t(s, c, p, l) {
-    return l[s] && l[s].propertyValue && String(l[s].propertyValue.value) === String(p);
+  function t(i, s, l, p) {
+    return p[i] && p[i].propertyValue && String(p[i].propertyValue.value) === String(l);
   }
-  const n = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(a).reduce((s, c) => (s.set(c, a[c]), s), n);
-  function o(s, c) {
-    const p = s;
-    return typeof c == "number" ? [{ target: p, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: p, operator: "getProperty", param: s, value: !!c }] : typeof c == "object" ? Object.keys(c).map((l) => {
-      if (l === "length")
-        return { target: p, operator: "length", param: null, value: c[l] };
-      const d = l, h = c[l];
-      return { target: p, operator: "getProperty", param: d, value: h };
+  Object.keys(n).reduce((i, s) => (i.set(s, n[s]), i), o);
+  function a(i, s) {
+    const l = i;
+    return typeof s == "number" ? [{ target: l, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: l, operator: "getProperty", param: i, value: !!s }] : typeof s == "object" ? Object.keys(s).map((p) => {
+      if (p === "length")
+        return { target: l, operator: "length", param: null, value: s[p] };
+      const d = p, v = s[p];
+      return { target: l, operator: "getProperty", param: d, value: v };
     }) : [];
   }
-  function i(s) {
-    return Object.keys(s).reduce((p, l) => {
-      const d = o(l, s[l]);
-      return p.push(...d), p;
+  function c(i) {
+    return Object.keys(i).reduce((l, p) => {
+      const d = a(p, i[p]);
+      return l.push(...d), l;
     }, []);
   }
-  function r(s, c) {
-    if (n.has(s.operator)) {
-      const p = n.get(s.operator);
-      return p && p(s.target, s.param, s.value, c) || !1;
+  function r(i, s) {
+    if (o.has(i.operator)) {
+      const l = o.get(i.operator);
+      return l && l(i.target, i.param, i.value, s) || !1;
     }
     return !1;
   }
-  function u(s, c) {
-    return i(s).reduce((d, h) => d && r(h, c), !0);
+  function f(i, s) {
+    return c(i).reduce((d, v) => d && r(v, s), !0);
   }
-  function f(s, c) {
-    const p = Object.keys(s), l = p.includes("allOf"), d = p.includes("anyOf"), h = l || d, C = (h ? s[h ? l ? "allOf" : "anyOf" : "allOf"] : [s]).map((L) => u(L, c));
-    return l ? !C.includes(!1) : C.includes(!0);
+  function m(i, s) {
+    const l = Object.keys(i), p = l.includes("allOf"), d = l.includes("anyOf"), v = p || d, M = (v ? i[v ? p ? "allOf" : "anyOf" : "allOf"] : [i]).map((P) => f(P, s));
+    return p ? !M.includes(!1) : M.includes(!0);
   }
-  return { parseValueSchema: f };
+  return { parseValueSchema: m };
 }
-const K = {
+const ee = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -132,21 +137,22 @@ const K = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, I = {}, x = {};
-H();
-function G(a, e, t = /* @__PURE__ */ new Map(), n = (r, u, f) => u, o = {}, i = (r) => r) {
-  return O[e.title] = e, U[e.title] = n, I[e.title] = o, x[e.title] = i, (r = {}) => {
-    const u = Z(r, e, t), f = Object.keys(a).reduce((s, c) => (s[c] = a[c].default, s), {});
-    return Object.assign(f, u);
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
+}, te = {}, ne = {};
+x();
+function W(n, e, t = /* @__PURE__ */ new Map(), o = (r, f, m, i) => f, a = {}, c = (r) => r) {
+  return R[e.title] = e, q[e.title] = o, te[e.title] = a, ne[e.title] = c, (r = {}) => {
+    const f = H(r, e, t), m = Object.keys(n).reduce((i, s) => (i[s] = n[s].default, i), {});
+    return Object.assign(m, f);
   };
 }
-function ee(a, e) {
+function oe(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const W = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]), te = "https://json-schema.org/draft/2020-12/schema", ne = "https://farris-design.gitee.io/component.schema.json", oe = "component", re = "A Farris Visual Component", ie = "object", ae = {
+const _ = /* @__PURE__ */ new Map([
+  ["appearance", oe]
+]), ae = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/component.schema.json", ce = "component", ie = "A Farris Visual Component", se = "object", le = {
   id: {
     description: "The unique identifier for a component",
     type: "string"
@@ -197,245 +203,252 @@ const W = /* @__PURE__ */ new Map([
     type: "string",
     default: ""
   }
-}, se = [
+}, pe = [
   "id",
   "type",
   "contents"
-], ce = {
-  $schema: te,
-  $id: ne,
-  title: oe,
-  description: re,
-  type: ie,
-  properties: ae,
-  required: se
+], ue = {
+  $schema: ae,
+  $id: re,
+  title: ce,
+  description: ie,
+  type: se,
+  properties: le,
+  required: pe
 };
-function _(a, e, t) {
+function Q(n, e, t) {
   return e;
 }
-const T = {
+const L = {
   id: { type: String },
   customClass: { type: String, default: "" },
+  customStyle: { type: String, default: "" },
   componentType: { type: String, default: "" },
   formColumns: { type: Number, default: 4 }
-}, A = G(T, ce, W, _), Se = Object.assign({}, T, { componentId: { type: String, default: "" } }), V = /* @__PURE__ */ $({
+}, F = W(L, ue, _, Q), $e = Object.assign({}, L, { componentId: { type: String, default: "" } }), B = /* @__PURE__ */ O({
   name: "FComponent",
-  props: T,
+  props: L,
   emits: ["init", "afterViewInit"],
-  setup(a, e) {
-    return Q(() => {
-      e.emit("init", a.id);
-    }), F(() => {
-      e.emit("afterViewInit", a.id);
-    }), () => j("div", {
-      class: a.customClass
+  setup(n, e) {
+    return X(() => {
+      e.emit("init", n.id);
+    }), j(() => {
+      e.emit("afterViewInit", n.id);
+    }), () => S("div", {
+      class: n.customClass
     }, [e.slots.default && e.slots.default()]);
   }
 });
-function pe(a, e, t) {
-  var k;
-  function n() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  n();
-  const o = t && t.getStyles && t.getStyles() || "", i = t && t.getDesignerClass && t.getDesignerClass() || "", r = D();
-  function u() {
+function fe(n, e, t) {
+  var T;
+  const o = t && t.getStyles && t.getStyles() || "", a = t && t.getDesignerClass && t.getDesignerClass() || "", c = D();
+  function r() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
   function f() {
     return !1;
   }
-  function s() {
+  function m() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function c() {
+  function i() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function p(m) {
-    if (!m || !m.value)
+  function s(u) {
+    if (!u || !u.value)
       return null;
-    if (m.value.schema && m.value.schema.type === "component")
-      return m.value;
-    const g = D(m == null ? void 0 : m.value.parent), v = p(g);
-    return v || null;
+    if (u.value.schema && u.value.schema.type === "component")
+      return u.value;
+    const w = D(u == null ? void 0 : u.value.parent), b = s(w);
+    return b || null;
   }
-  function l(m = e) {
-    const { componentInstance: g, designerItemElementRef: v } = m;
-    return !g || !g.value ? null : g.value.canMove ? v : l(m.parent);
+  function l(u = e) {
+    const { componentInstance: w, designerItemElementRef: b } = u;
+    return !w || !w.value ? null : w.value.canMove ? b : l(u.parent);
   }
-  function d(m) {
-    return !!t && t.canAccepts(m);
+  function p(u) {
+    return !!t && t.canAccepts(u);
   }
-  function h() {
+  function d() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function M() {
+  function v() {
   }
-  function w(m, g) {
-    g && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(g);
+  function y(u, w) {
+    w && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(w);
   }
-  function C(m, g) {
-    const { componentType: v } = m;
-    let b = q(v, m, g);
-    t && t.onResolveNewComponentSchema && (b = t.onResolveNewComponentSchema(m, b));
-    const R = v.toLowerCase().replace("-", "_");
-    return b && !b.id && b.type === v && (b.id = `${R}_${Math.random().toString().slice(2, 6)}`), b;
+  function h(u, w) {
+    const { componentType: b } = u;
+    let C = G(b, u, w);
+    t && t.onResolveNewComponentSchema && (C = t.onResolveNewComponentSchema(u, C));
+    const E = b.toLowerCase().replace(/-/g, "_");
+    return C && !C.id && C.type === b && (C.id = `${E}_${Math.random().toString().slice(2, 6)}`), C;
   }
-  function P(m) {
+  function M(u) {
   }
-  function L(...m) {
+  function g(...u) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...m);
+      return t.getPropsConfig(...u);
+  }
+  function P() {
+    t && t.onRemoveComponent && t.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((u) => {
+      var C;
+      let w = u.id;
+      u.type === "component-ref" && (w = u.component);
+      const b = n.value.querySelector(`#${w}-design-item`);
+      (C = b == null ? void 0 : b.componentInstance) != null && C.value.onRemoveComponent && b.componentInstance.value.onRemoveComponent();
+    });
   }
-  return r.value = {
-    canMove: u(),
+  return c.value = {
+    canMove: r(),
     canSelectParent: f(),
-    canDelete: s(),
-    canNested: !c(),
+    canDelete: m(),
+    canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: a,
-    parent: (k = e == null ? void 0 : e.parent) == null ? void 0 : k.componentInstance,
+    elementRef: n,
+    parent: (T = e == null ? void 0 : e.parent) == null ? void 0 : T.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: o,
-    designerClass: i,
-    canAccepts: d,
-    getBelongedComponentInstance: p,
+    designerClass: a,
+    canAccepts: p,
+    getBelongedComponentInstance: s,
     getDraggableDesignItemElement: l,
-    getDraggingDisplayText: h,
-    getPropConfig: L,
-    getDragScopeElement: M,
-    onAcceptMovedChildElement: w,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: C,
-    updateDragAndDropRules: n,
+    getDraggingDisplayText: d,
+    getPropConfig: g,
+    getDragScopeElement: v,
+    onAcceptMovedChildElement: y,
+    onChildElementMovedOut: M,
+    addNewChildComponentSchema: h,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || D(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || D(!1)
-  }, r;
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || D(!1),
+    onRemoveComponent: P
+  }, c;
 }
-class le {
+class me {
   getTemplateRule(e, t) {
-    const n = t == null ? void 0 : t.formSchemaUtils, o = n == null ? void 0 : n.getFormTemplateRule(), i = { canAccept: !0, canDelete: !0, canMove: !0 };
-    if (!o)
-      return i;
-    const r = this.getComponentContext(e);
-    return r.componentClassList.forEach((f) => {
-      if (!f || !o[f])
+    const o = t == null ? void 0 : t.formSchemaUtils, a = o == null ? void 0 : o.getFormTemplateRule(), c = { canAccept: !0, canDelete: !0, canMove: !0 };
+    if (!a)
+      return c;
+    const r = this.getComponentContext(e), { componentClassList: f } = r;
+    return f.forEach((m) => {
+      if (!m || !a[m])
         return;
-      const { canMove: s, canDelete: c, canAccept: p } = o[f];
-      i.canMove = i.canMove && this.resolveRuleValue(s, r), i.canDelete = i.canDelete && this.resolveRuleValue(c, r), i.canAccept = i.canAccept && this.resolveRuleValue(p, r);
-    }), i;
+      const { canMove: i, canDelete: s, canAccept: l } = a[m];
+      c.canMove = c.canMove && this.resolveRuleValue(i, r), c.canDelete = c.canDelete && this.resolveRuleValue(s, r), c.canAccept = c.canAccept && this.resolveRuleValue(l, r);
+    }), c;
   }
   resolveRuleValue(e, t) {
     return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, t);
   }
   parseRuleValueSchema(e, t) {
-    const n = e.invalidContext || [];
-    let o = !0;
-    for (const i of n) {
-      if (i.firstLevelChild) {
-        if (i.firstLevelChild.class) {
-          const r = t.firstLevelChildClassList;
-          if (r && !r.includes(i.firstLevelChild.class)) {
-            o = !1;
+    const o = e.invalidContext || [];
+    let a = !0;
+    for (const c of o) {
+      if (c.firstLevelChild) {
+        if (c.firstLevelChild.class) {
+          const { firstLevelChildClassList: r } = t;
+          if (r && !r.includes(c.firstLevelChild.class)) {
+            a = !1;
             continue;
           }
         }
-        if (i.firstLevelChild.type) {
-          const r = t.firstLevelChildSchema;
-          if (r && r.type !== i.firstLevelChild.type) {
-            o = !1;
+        if (c.firstLevelChild.type) {
+          const { firstLevelChildSchema: r } = t;
+          if (!r || r.type !== c.firstLevelChild.type) {
+            a = !1;
             continue;
           }
         }
       }
-      if (i.secondLevelChild) {
-        if (i.secondLevelChild.class) {
-          const r = t.secondLevelChildClassList;
-          if (r && !r.includes(i.secondLevelChild.class)) {
-            o = !1;
+      if (c.secondLevelChild) {
+        if (c.secondLevelChild.class) {
+          const { secondLevelChildClassList: r } = t;
+          if (r && !r.includes(c.secondLevelChild.class)) {
+            a = !1;
             continue;
           }
         }
-        if (i.secondLevelChild.type) {
-          const r = t.secondLevelChildSchema;
-          if (r && r.type !== i.secondLevelChild.type) {
-            o = !1;
+        if (c.secondLevelChild.type) {
+          const { secondLevelChildSchema: r } = t;
+          if (!r || r.type !== c.secondLevelChild.type) {
+            a = !1;
             continue;
           }
         }
       }
-      if (i.parent) {
-        if (i.parent.class) {
-          const r = t.parentClassList;
-          if (r && !r.includes(i.parent.class)) {
-            o = !1;
+      if (c.parent) {
+        if (c.parent.class) {
+          const { parentClassList: r } = t;
+          if (r && !r.includes(c.parent.class)) {
+            a = !1;
             continue;
           }
         }
-        if (i.parent.type) {
-          const r = t.parentSchema;
-          if (r && r.type !== i.parent.type) {
-            o = !1;
+        if (c.parent.type) {
+          const { parentSchema: r } = t;
+          if (r && r.type !== c.parent.type) {
+            a = !1;
             continue;
           }
         }
       }
-      o = !0;
+      a = !0;
       break;
     }
-    return !o;
+    return !a;
   }
   getComponentContext(e) {
-    var M, w, C, P;
-    const t = e.schema, n = t.appearance && t.appearance.class || "", o = n.split(" ") || [], i = t.contents || [], r = i.length ? i[0] : null, u = r && r.appearance ? r.appearance.class : "", f = u ? u.split(" ") : [], s = (M = r == null ? void 0 : r.contents) != null && M.length ? r == null ? void 0 : r.contents[0] : null, c = s && s.appearance ? s.appearance.class : "", p = c ? c.split(" ") : [], l = t.type === "component" ? (C = (w = e.parent) == null ? void 0 : w.parent) == null ? void 0 : C.schema : (P = e.parent) == null ? void 0 : P.schema, d = l && l.appearance && l.appearance.class || "", h = d ? d.split(" ") : [];
+    var y, h, M, g;
+    const t = e.schema, o = t.appearance && t.appearance.class || "", a = o.split(" ") || [], c = t.contents || [], r = c.length ? c[0] : null, f = r && r.appearance ? r.appearance.class : "", m = f ? f.split(" ") : [], i = (y = r == null ? void 0 : r.contents) != null && y.length ? r == null ? void 0 : r.contents[0] : null, s = i && i.appearance ? i.appearance.class : "", l = s ? s.split(" ") : [], p = t.type === "component" ? (M = (h = e.parent) == null ? void 0 : h.parent) == null ? void 0 : M.schema : (g = e.parent) == null ? void 0 : g.schema, d = p && p.appearance && p.appearance.class || "", v = d ? d.split(" ") : [];
     return {
-      componentClass: n,
-      componentClassList: o,
-      childContents: i,
+      componentClass: o,
+      componentClassList: a,
+      childContents: c,
       firstLevelChildSchema: r,
-      firstLevelChildClass: u,
-      firstLevelChildClassList: f,
-      secondLevelChildSchema: s,
-      secondLevelChildClass: c,
-      secondLevelChildClassList: p,
-      parentSchema: l,
+      firstLevelChildClass: f,
+      firstLevelChildClassList: m,
+      secondLevelChildSchema: i,
+      secondLevelChildClass: s,
+      secondLevelChildClassList: l,
+      parentSchema: p,
       parentClass: d,
-      parentClassList: h
+      parentClassList: v
     };
   }
 }
-class ue {
+class de {
   constructor(e, t) {
-    y(this, "componentId");
-    y(this, "viewModelId");
-    y(this, "eventsEditorUtils");
-    y(this, "formSchemaUtils");
-    y(this, "formMetadataConverter");
-    y(this, "designViewModelUtils");
-    y(this, "designViewModelField");
-    y(this, "controlCreatorUtils");
-    y(this, "designerHostService");
-    y(this, "schemaService", null);
-    y(this, "metadataService", null);
-    y(this, "propertyConfig", {
+    V(this, "componentId");
+    V(this, "viewModelId");
+    V(this, "eventsEditorUtils");
+    V(this, "formSchemaUtils");
+    V(this, "formMetadataConverter");
+    V(this, "designViewModelUtils");
+    V(this, "designViewModelField");
+    V(this, "controlCreatorUtils");
+    V(this, "designerHostService");
+    V(this, "schemaService", null);
+    V(this, "metadataService", null);
+    V(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var n;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+    var o;
+    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
   }
   getTableInfo() {
     var e;
     return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(e) {
+    var o;
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const n = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = n.fields.find((o) => o.id === t);
+        const a = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = a.fields.find((c) => c.id === t);
       }
-      e.updateOn = this.designViewModelField.updateOn;
+      e.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
     }
   }
   changeFieldEditorType(e, t) {
@@ -459,7 +472,7 @@ class ue {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: K[e.type].name }]
+            data: [{ value: e.type, name: ee[e.type].name }]
           }
         }
       }
@@ -492,14 +505,14 @@ class ue {
   * @returns 
   */
   updateElementByParentContainer(e, t) {
-    const n = t && t.parent && t.parent.schema;
-    if (!n)
+    const o = t && t.parent && t.parent.schema;
+    if (!o)
       return;
-    const o = n.contents.findIndex((r) => r.id === e), i = N(n.contents[o]);
-    n.contents.splice(o, 1), n.contents.splice(o, 0, i);
+    const a = o.contents.findIndex((r) => r.id === e), c = N(o.contents[a]);
+    o.contents.splice(a, 1), o.contents.splice(a, 0, c);
   }
 }
-class fe extends ue {
+class he extends de {
   constructor(e, t) {
     super(e, t);
   }
@@ -516,67 +529,105 @@ class fe extends ue {
         label: "onAfterViewInit",
         name: "视图初始化后事件"
       }
-    ];
-    var n = this;
-    const o = n.eventsEditorUtils.formProperties(e, n.viewModelId, t), i = {};
-    i[n.viewModelId] = {
+    ], o = this, a = o.eventsEditorUtils.formProperties(e, o.viewModelId, t), c = {};
+    c[o.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: o
+        initialData: a
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: i,
+      properties: c,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(r, u) {
-        const f = r.propertyValue;
-        delete e[n.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, n.eventsEditorUtils.saveRelatedParameters(e, n.viewModelId, f.events, f));
+      setPropertyRelates(r, f) {
+        const m = r.propertyValue;
+        delete e[o.viewModelId], m && (m.setPropertyRelates = this.setPropertyRelates, o.eventsEditorUtils.saveRelatedParameters(e, o.viewModelId, m.events, m));
       }
     };
   }
 }
-function me(a, e) {
-  const t = new le(), { canMove: n, canDelete: o } = t.getTemplateRule(a, e);
-  function i() {
+function ye(n, e) {
+  const t = new me(), { canMove: o, canDelete: a } = t.getTemplateRule(n, e);
+  function c() {
     return !1;
   }
   function r() {
-    return o;
-  }
-  function u() {
-    return n;
+    return a;
   }
   function f() {
+    return o;
+  }
+  function m() {
     return !1;
   }
-  function s() {
+  function i() {
     return " display: inherit;flex-direction: inherit;margin-bottom:10px";
   }
-  function c(p) {
-    const l = new fe(p, e), d = a.schema;
-    return l.getPropertyConfig(d);
+  function s(y) {
+    const h = new he(y, e), { schema: M } = n;
+    return h.getPropertyConfig(M);
+  }
+  function l() {
+    var P, T, u, w;
+    const y = n == null ? void 0 : n.schema, M = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(y.id);
+    if (y.componentType !== "data-grid" && y.componentType !== "form" || !((P = n.componentInstance) != null && P.value.parent))
+      return;
+    const g = (T = n.componentInstance) == null ? void 0 : T.value.parent.schema;
+    if ((u = g == null ? void 0 : g.toolbar) != null && u.buttons && g.toolbar.buttons.length) {
+      g.toolbar.buttons.forEach((C) => {
+        const E = C.onClick, k = E && E.split(".");
+        if (!k || k.length < 3)
+          return;
+        k[k.length - 2] === M && (C.needRemove = !0);
+      }), g.toolbar.buttons = g.toolbar.buttons.filter((C) => !C.needRemove);
+      const b = (w = n.componentInstance) == null ? void 0 : w.value.parent;
+      b.parent && b.parent.updateToolbarItems && b.parent.updateToolbarItems();
+    }
+  }
+  function p() {
+    const y = e == null ? void 0 : e.designViewModelUtils, h = e == null ? void 0 : e.formSchemaUtils, M = n == null ? void 0 : n.schema;
+    if (y && h) {
+      const g = h.getViewModelIdByComponentId(M.id);
+      y.deleteViewModelById(g), h.deleteComponent(M.id);
+    }
+  }
+  function d() {
+    const y = e == null ? void 0 : e.designViewModelUtils, h = e == null ? void 0 : e.formSchemaUtils, M = n == null ? void 0 : n.schema, g = h.getViewModelIdByComponentId(M.id);
+    y.getDgViewModel(g).fields.forEach((P) => {
+      if (h.getExpressions() && h.getExpressions().length) {
+        const T = h.getExpressions().findIndex((u) => u.fieldId === P.id);
+        T > -1 && h.getExpressions().splice(T, 1);
+      }
+    });
+  }
+  function v() {
+    l(), d(), p();
   }
-  return { canAccepts: i, checkCanDeleteComponent: r, checkCanMoveComponent: u, hideNestedPaddingInDesginerView: f, getStyles: s, getPropsConfig: c };
+  return { canAccepts: c, checkCanDeleteComponent: r, checkCanMoveComponent: f, hideNestedPaddingInDesginerView: m, getStyles: i, getPropsConfig: s, onRemoveComponent: v };
 }
-const de = /* @__PURE__ */ $({
+const ge = /* @__PURE__ */ O({
   name: "FComponetDesign",
-  props: T,
+  props: L,
   emits: [],
-  setup(a, e) {
-    const t = D(), n = E("designer-host-service"), o = E("design-item-context"), i = me(o, n), r = pe(t, o, i);
-    return F(() => {
-      t.value.componentInstance = r;
-    }), e.expose(r.value), () => j("div", {
+  setup(n, e) {
+    const t = D(), o = A("designer-host-service"), a = A("design-item-context"), c = ye(a, o), r = fe(t, a, c), f = Y(() => Z({
+      "drag-container": !0
+    }, n == null ? void 0 : n.customClass));
+    return j(() => {
+      var m, i, s, l;
+      t.value.componentInstance = r, ((i = (m = a.parent) == null ? void 0 : m.schema) == null ? void 0 : i.type) === "component-ref" && (r.value.parent = (l = (s = a.parent) == null ? void 0 : s.parent) == null ? void 0 : l.componentInstance);
+    }), e.expose(r.value), () => S("div", {
       ref: t,
-      class: "drag-container",
-      "data-dragref": `${o.schema.id}-container`
+      class: f.value,
+      style: n.customStyle,
+      "data-dragref": `${a.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
   }
-}), he = "https://json-schema.org/draft/2020-12/schema", ye = "https://farris-design.gitee.io/component.schema.json", ge = "component-ref", ve = "A Farris Visual Component", Ce = "object", be = {
+}), be = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-design.gitee.io/component.schema.json", Me = "component-ref", we = "A Farris Visual Component", Ce = "object", Ve = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -591,37 +642,37 @@ const de = /* @__PURE__ */ $({
     type: "string",
     default: ""
   }
-}, Me = [
+}, Pe = [
   "id",
   "type",
   "component"
-], we = {
-  $schema: he,
-  $id: ye,
-  title: ge,
-  description: ve,
+], Te = {
+  $schema: be,
+  $id: ve,
+  title: Me,
+  description: we,
   type: Ce,
-  properties: be,
-  required: Me
-}, Pe = {
+  properties: Ve,
+  required: Pe
+}, De = {
   id: { type: String },
   component: { type: String, default: "" }
-}, De = G(Pe, we, W, _), ke = {
-  install(a) {
-    a.component(V.name, V);
+}, Ee = W(De, Te, _, Q), Fe = {
+  install(n) {
+    n.component(B.name, B);
   },
-  register(a, e, t, n) {
-    a.component = V, e.component = A;
+  register(n, e, t, o) {
+    n.component = B, e.component = F;
   },
-  registerDesigner(a, e) {
-    a.component = de, e.component = A, e["component-ref"] = De;
+  registerDesigner(n, e) {
+    n.component = ge, e.component = F, e["component-ref"] = Ee;
   }
 };
 export {
-  V as Component,
-  de as ComponentDesign,
-  Se as componentDesignProps,
-  T as componentProps,
-  ke as default,
-  A as propsResolver
+  B as Component,
+  ge as ComponentDesign,
+  $e as componentDesignProps,
+  L as componentProps,
+  Fe as default,
+  F as propsResolver
 };