@farris/ui-vue 1.2.9 → 1.3.1

package/components/page-header/index.esm.js

@@ -1,101 +1,101 @@
-var Oe = Object.defineProperty;
-var $e = (n, e, t) => e in n ? Oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var O = (n, e, t) => $e(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as z, ref as M, computed as F, watch as G, createVNode as b, createTextVNode as Q, getCurrentInstance as ve, onMounted as H, onUnmounted as ie, inject as V, provide as Ne, onBeforeUnmount as _e, withModifiers as Fe } from "vue";
-import { cloneDeep as Le } from "lodash-es";
-import Ve from "../response-toolbar/index.esm.js";
-import { getCustomClass as Y, withInstall as We } from "../common/index.esm.js";
+var je = Object.defineProperty;
+var $e = (n, e, t) => e in n ? je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var R = (n, e, t) => $e(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as U, ref as S, computed as N, watch as q, createVNode as g, createTextVNode as J, getCurrentInstance as be, onMounted as H, onUnmounted as ye, inject as V, provide as _e, onBeforeUnmount as Ne, withModifiers as Fe } from "vue";
+import { isPlainObject as ue, cloneDeep as ve } from "lodash-es";
+import Le from "../response-toolbar/index.esm.js";
+import { getCustomClass as Y, withInstall as Ve } from "../common/index.esm.js";
 import { useDesignerInnerComponent as Ce } from "../designer-canvas/index.esm.js";
-const ae = {}, we = {};
-function ce(n) {
-  const { properties: e, title: t, ignore: r } = n, u = r && Array.isArray(r), h = Object.keys(e).reduce((g, D) => ((!u || !r.find((S) => S == D)) && (g[D] = e[D].type === "object" && e[D].properties ? ce(e[D]) : Le(e[D].default)), g), {});
-  return (!u || !r.find((g) => g == "id")) && (h.id = `${t}-${Date.now()}`), h;
+const se = {}, we = {};
+function re(n) {
+  const { properties: e, title: t, ignore: s } = n, i = s && Array.isArray(s), p = Object.keys(e).reduce((u, y) => ((!i || !s.find((w) => w == y)) && (u[y] = e[y].type === "object" && e[y].properties ? re(e[y]) : ve(e[y].default)), u), {});
+  return t && (!i || !s.find((u) => u == "id")) && (p.id = `${t}-${Date.now()}`), p;
 }
-function U(n, e = {}, t) {
-  const r = ae[n];
-  if (r) {
-    let u = ce(r);
-    const h = we[n];
-    return u = h ? h({ getSchemaByType: U }, u, e, t) : u, u;
+function Q(n, e = {}, t) {
+  const s = se[n];
+  if (s) {
+    let i = re(s);
+    const p = we[n];
+    return i = p ? p({ getSchemaByType: Q }, i, e, t) : i, i;
   }
   return null;
 }
 function Ue(n, e) {
-  const t = ce(e);
-  return Object.keys(n).reduce((r, u) => (r[u] && typeof r[u] == "object" ? Object.assign(r[u], n[u]) : r[u] = n[u], r), t), t;
+  const t = re(e);
+  return Object.keys(n).reduce((s, i) => (s[i] && ue(s[i]) && ue(n[i]) ? Object.assign(s[i], n[i]) : s[i] = n[i], s), t), t;
 }
-function qe(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, u) => {
-    if (e.has(u)) {
-      const h = e.get(u);
-      if (typeof h == "string")
-        r[h] = n[u];
+function We(n, e) {
+  return Object.keys(n).filter((s) => n[s] != null).reduce((s, i) => {
+    if (e.has(i)) {
+      const p = e.get(i);
+      if (typeof p == "string")
+        s[p] = n[i];
       else {
-        const g = h(u, n[u], n);
-        Object.assign(r, g);
+        const u = p(i, n[i], n);
+        Object.assign(s, u);
       }
     } else
-      r[u] = n[u];
-    return r;
+      s[i] = n[i];
+    return s;
   }, {});
 }
-function He(n, e, t = /* @__PURE__ */ new Map()) {
-  const r = Ue(n, e);
-  return qe(r, t);
+function qe(n, e, t = /* @__PURE__ */ new Map()) {
+  const s = Ue(n, e);
+  return We(s, t);
 }
-function ze(n = {}) {
-  function e(y, T, l, i) {
+function He(n = {}) {
+  function e(h, b, l, c) {
     if (typeof l == "number")
-      return i[y].length === l;
+      return c[h].length === l;
     if (typeof l == "object") {
-      const d = Object.keys(l)[0], c = l[d];
-      if (d === "not")
-        return Number(i[y].length) !== Number(c);
-      if (d === "moreThan")
-        return Number(i[y].length) >= Number(c);
-      if (d === "lessThan")
-        return Number(i[y].length) <= Number(c);
+      const f = Object.keys(l)[0], v = l[f];
+      if (f === "not")
+        return Number(c[h].length) !== Number(v);
+      if (f === "moreThan")
+        return Number(c[h].length) >= Number(v);
+      if (f === "lessThan")
+        return Number(c[h].length) <= Number(v);
     }
     return !1;
   }
-  function t(y, T, l, i) {
-    return i[y] && i[y].propertyValue && String(i[y].propertyValue.value) === String(l);
+  function t(h, b, l, c) {
+    return c[h] && c[h].propertyValue && String(c[h].propertyValue.value) === String(l);
   }
-  const r = /* @__PURE__ */ new Map([
+  const s = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(n).reduce((y, T) => (y.set(T, n[T]), y), r);
-  function u(y, T) {
-    const l = y;
-    return typeof T == "number" ? [{ target: l, operator: "length", param: null, value: Number(T) }] : typeof T == "boolean" ? [{ target: l, operator: "getProperty", param: y, value: !!T }] : typeof T == "object" ? Object.keys(T).map((i) => {
-      if (i === "length")
-        return { target: l, operator: "length", param: null, value: T[i] };
-      const d = i, c = T[i];
-      return { target: l, operator: "getProperty", param: d, value: c };
+  Object.keys(n).reduce((h, b) => (h.set(b, n[b]), h), s);
+  function i(h, b) {
+    const l = h;
+    return typeof b == "number" ? [{ target: l, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: l, operator: "getProperty", param: h, value: !!b }] : typeof b == "object" ? Object.keys(b).map((c) => {
+      if (c === "length")
+        return { target: l, operator: "length", param: null, value: b[c] };
+      const f = c, v = b[c];
+      return { target: l, operator: "getProperty", param: f, value: v };
     }) : [];
   }
-  function h(y) {
-    return Object.keys(y).reduce((l, i) => {
-      const d = u(i, y[i]);
-      return l.push(...d), l;
+  function p(h) {
+    return Object.keys(h).reduce((l, c) => {
+      const f = i(c, h[c]);
+      return l.push(...f), l;
     }, []);
   }
-  function g(y, T) {
-    if (r.has(y.operator)) {
-      const l = r.get(y.operator);
-      return l && l(y.target, y.param, y.value, T) || !1;
+  function u(h, b) {
+    if (s.has(h.operator)) {
+      const l = s.get(h.operator);
+      return l && l(h.target, h.param, h.value, b) || !1;
     }
     return !1;
   }
-  function D(y, T) {
-    return h(y).reduce((d, c) => d && g(c, T), !0);
+  function y(h, b) {
+    return p(h).reduce((f, v) => f && u(v, b), !0);
   }
-  function S(y, T) {
-    const l = Object.keys(y), i = l.includes("allOf"), d = l.includes("anyOf"), c = i || d, j = (c ? y[c ? i ? "allOf" : "anyOf" : "allOf"] : [y]).map((P) => D(P, T));
-    return i ? !j.includes(!1) : j.includes(!0);
+  function w(h, b) {
+    const l = Object.keys(h), c = l.includes("allOf"), f = l.includes("anyOf"), v = c || f, $ = (v ? h[v ? c ? "allOf" : "anyOf" : "allOf"] : [h]).map((T) => y(T, b));
+    return c ? !$.includes(!1) : $.includes(!0);
   }
-  return { parseValueSchema: S };
+  return { parseValueSchema: w };
 }
 const K = {
   button: { type: "button", name: "按钮", icon: "Button" },
@@ -134,24 +134,45 @@ const K = {
   uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
-}, Te = {}, Ge = {};
-ze();
-function le(n, e, t = /* @__PURE__ */ new Map(), r = (g, D, S) => D, u = {}, h = (g) => g) {
-  return ae[e.title] = e, we[e.title] = r, Te[e.title] = u, Ge[e.title] = h, (g = {}) => {
-    const D = He(g, e, t), S = Object.keys(n).reduce((y, T) => (y[T] = n[T].default, y), {});
-    return Object.assign(S, D);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, Pe = {}, ze = {};
+He();
+function ie(n, e, t = /* @__PURE__ */ new Map(), s = (u, y, w) => y, i = {}, p = (u) => u) {
+  return se[e.title] = e, we[e.title] = s, Pe[e.title] = i, ze[e.title] = p, (u = {}) => {
+    const y = qe(u, e, t), w = Object.keys(n).reduce((h, b) => (h[b] = n[b].default, h), {});
+    return Object.assign(w, y);
   };
 }
-function Pe(n, e) {
+function De(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-function Je(n, e) {
-  return { buttons: e.buttons };
+function Ge(n, e) {
+  const t = [];
+  return e == null || e.buttons.map((s) => {
+    const i = {};
+    Object.keys(s).map((p) => {
+      var u;
+      p == "appearance" ? i.class = ((u = s[p]) == null ? void 0 : u.class) || "" : i[p] = s[p];
+    }), t.push(i);
+  }), { buttons: t };
+}
+function Je() {
+  function n(e, t) {
+    var y;
+    const s = (y = e.toolbar) == null ? void 0 : y.buttons;
+    if (!s || s.length < 1)
+      return null;
+    const [i, p] = t.payloads, u = s.find((w) => w.id === p);
+    return u ? u.onClick || u.click : null;
+  }
+  return {
+    resolve: n
+  };
 }
 const Qe = /* @__PURE__ */ new Map([
-  ["appearance", Pe],
-  ["toolbar", Je]
+  ["appearance", De],
+  ["toolbar", Ge]
 ]), Xe = "https://json-schema.org/draft/2020-12/schema", Ye = "https://farris-design.gitee.io/page-header.schema.json", Ze = "page-header", Ke = "A Farris Container Component", et = "object", tt = {
   id: {
     description: "The unique identifier for a Page Header",
@@ -271,7 +292,7 @@ const Qe = /* @__PURE__ */ new Map([
 function ot(n, e, t) {
   return e.title = "标题", e;
 }
-const pe = {
+const ae = {
   /** 组件自定义样式 */
   customClass: { type: String, default: "" },
   /** 是否显示图标 */
@@ -300,222 +321,213 @@ const pe = {
   prePaginationDisabled: { type: Boolean, default: !0 },
   /** 向后翻页是否禁用 */
   nextPaginationDisabled: { type: Boolean, default: !1 }
-}, st = Object.assign({}, pe, {
+}, st = Object.assign({}, ae, {
   componentId: { type: String, default: "" }
-}), ge = le(pe, nt, Qe, ot), oe = /* @__PURE__ */ z({
+}), pe = ie(ae, nt, Qe, ot), rt = Je(), ne = /* @__PURE__ */ U({
   name: "FPageHeader",
-  props: pe,
+  props: ae,
   emits: ["Click", "PrePaginationClick", "NextPaginationClick"],
   setup(n, e) {
-    const t = M(n.buttons), r = (P, A) => {
-      e.emit("Click", P, A);
+    const t = S(n.buttons), s = (T, B) => {
+      e.emit("Click", T, B);
     };
-    function u(P, A) {
-      P && A && A.split(" ").reduce((v, f) => (v[f] = !0, v), P);
+    function i(T, B) {
+      T && B && B.split(" ").reduce((x, C) => (x[C] = !0, x), T);
     }
-    const h = F(() => {
-      const P = {
+    const p = N(() => {
+      const T = {
         "f-page-header": !0
       };
-      return u(P, n.customClass), P;
-    }), g = F(() => {
-      const P = {
+      return i(T, n.customClass), T;
+    }), u = N(() => {
+      const T = {
         "f-title-icon": !0
       };
-      return u(P, n.iconClass), P;
-    }), D = F(() => {
-      const P = {
+      return i(T, n.iconClass), T;
+    }), y = N(() => {
+      const T = {
         "f-icon": !0
       };
-      return u(P, n.icon), P;
-    }), S = F(() => {
-      const P = {
+      return i(T, n.icon), T;
+    }), w = N(() => {
+      const T = {
         "f-title": !0
       };
-      return u(P, n.titleContentClass), P;
-    }), y = F(() => {
-      const P = {
+      return i(T, n.titleContentClass), T;
+    }), h = N(() => {
+      const T = {
         "f-content": !0
       };
-      return u(P, n.contentClass), P;
-    }), T = F(() => {
-      const P = {
+      return i(T, n.contentClass), T;
+    }), b = N(() => {
+      const T = {
         "f-content": !0
       };
-      return u(P, n.downContentClass), P;
-    }), l = F(() => ({
+      return i(T, n.downContentClass), T;
+    }), l = N(() => ({
       "f-icon f-icon-arrow-w": !0,
       "f-state-disabled": n.prePaginationDisabled
-    })), i = F(() => ({
+    })), c = N(() => ({
       "f-icon f-icon-arrow-e": !0,
       "f-state-disabled": n.nextPaginationDisabled
     }));
-    function d(P) {
-      n.prePaginationDisabled || e.emit("PrePaginationClick", P);
+    function f(T) {
+      n.prePaginationDisabled || e.emit("PrePaginationClick", T);
     }
-    function c(P) {
-      n.nextPaginationDisabled || e.emit("NextPaginationClick", P);
+    function v(T) {
+      n.nextPaginationDisabled || e.emit("NextPaginationClick", T);
     }
-    function C() {
-      return e.slots.titleContent ? b("div", {
-        class: S.value
-      }, [Q(" "), e.slots.titleContent()]) : b("div", {
+    function k() {
+      return e.slots.titleContent ? g("div", {
+        class: w.value
+      }, [J(" "), e.slots.titleContent()]) : g("div", {
         class: "f-title"
-      }, [n.showIcon && n.icon ? b("span", {
-        class: g.value
-      }, [b("i", {
-        class: D.value
-      }, null)]) : "", b("h4", {
+      }, [n.showIcon && n.icon ? g("span", {
+        class: u.value
+      }, [g("i", {
+        class: y.value
+      }, null)]) : "", g("h4", {
         class: "f-title-text"
-      }, [n.title]), n.subTitle ? b("h5", {
+      }, [n.title]), n.subTitle ? g("h5", {
         class: "f-title-subtitle"
-      }, [n.subTitle]) : "", n.showPagination ? b("div", {
+      }, [n.subTitle]) : "", n.showPagination ? g("div", {
         class: "f-title-pagination"
-      }, [b("span", {
+      }, [g("span", {
         class: l.value,
-        onClick: d
-      }, null), b("span", {
-        class: i.value,
-        onClick: c
+        onClick: f
+      }, null), g("span", {
+        class: c.value,
+        onClick: v
       }, null)]) : ""]);
     }
-    function w() {
-      return e.slots.content ? b("div", {
-        class: y.value
-      }, [Q(" "), e.slots.content()]) : "";
+    function A() {
+      return e.slots.content ? g("div", {
+        class: h.value
+      }, [J(" "), e.slots.content()]) : "";
     }
-    function j() {
+    function $() {
       if (n.buttons && n.buttons.length > 0)
-        return b(Ve, {
+        return g(Le, {
           customClass: n.buttonClass,
           items: t.value,
-          onClick: r
+          onClick: s
         }, null);
     }
-    function I() {
-      return e.slots.downContent ? b("div", {
-        class: T.value
-      }, [Q(" "), e.slots.downContent()]) : "";
+    function _() {
+      return e.slots.downContent ? g("div", {
+        class: b.value
+      }, [J(" "), e.slots.downContent()]) : "";
     }
-    return G(() => n.buttons, (P) => {
-      t.value = P;
+    return q(() => n.buttons, (T) => {
+      t.value = T;
     }, {
       deep: !0
-    }), () => b("div", {
-      class: h.value
-    }, [b("nav", {
+    }), () => g("div", {
+      class: p.value
+    }, [g("nav", {
       class: "f-page-header-base"
-    }, [C(), w(), j()]), I()]);
+    }, [k(), A(), $()]), _()]);
   }
 });
-function rt(n, e, t) {
-  var $;
-  function r() {
+function it(n, e, t) {
+  var B;
+  function s() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  r();
-  const u = t && t.getStyles && t.getStyles() || "", h = t && t.getDesignerClass && t.getDesignerClass() || "", g = M();
-  function D() {
+  s();
+  const i = t && t.getStyles && t.getStyles() || "", p = t && t.getDesignerClass && t.getDesignerClass() || "", u = S();
+  function y() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function S() {
+  function w() {
     return !1;
   }
-  function y() {
+  function h() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function T() {
+  function b() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(v) {
-    if (!v || !v.value)
+  function l(P) {
+    if (!P || !P.value)
       return null;
-    if (v.value.schema && v.value.schema.type === "component")
-      return v.value;
-    const f = M(v == null ? void 0 : v.value.parent), x = l(f);
-    return x || null;
+    if (P.value.schema && P.value.schema.type === "component")
+      return P.value;
+    const x = S(P == null ? void 0 : P.value.parent), C = l(x);
+    return C || null;
   }
-  function i(v = e) {
-    const { componentInstance: f, designerItemElementRef: x } = v;
-    return !f || !f.value ? null : f.value.canMove ? x : i(v.parent);
+  function c(P = e) {
+    const { componentInstance: x, designerItemElementRef: C } = P;
+    return !x || !x.value ? null : x.value.canMove ? C : c(P.parent);
   }
-  function d(v) {
-    return !!t && t.canAccepts(v);
+  function f(P) {
+    return !!t && t.canAccepts(P);
   }
-  function c() {
+  function v() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function C() {
-  }
-  function w(v, f) {
-    f && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(f);
+  function k() {
   }
-  function j(v, f) {
-    const { componentType: x } = v;
-    let k = U(x, v, f);
-    t && t.onResolveNewComponentSchema && (k = t.onResolveNewComponentSchema(v, k));
-    const p = x.toLowerCase().replace("-", "_");
-    return k && !k.id && k.type === x && (k.id = `${p}_${Math.random().toString().slice(2, 6)}`), k;
+  function A(P, x) {
+    x && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(x);
   }
-  function I(v, f) {
-    const x = String(v.getAttribute("data-controltype")), k = v.getAttribute("data-feature"), p = k ? JSON.parse(k) : {};
-    p.parentComponentInstance = g.value;
-    let s = U(x, p);
-    t && t.onAcceptNewChildElement && (s = t.onAcceptNewChildElement(v, f, s));
-    const o = x.toLowerCase().replace("-", "_");
-    return s && !s.id && s.type === x && (s.id = `${o}_${Math.random().toString().slice(2, 6)}`), s;
+  function $(P, x) {
+    const { componentType: C } = P;
+    let I = Q(C, P, x);
+    t && t.onResolveNewComponentSchema && (I = t.onResolveNewComponentSchema(P, I));
+    const O = C.toLowerCase().replace("-", "_");
+    return I && !I.id && I.type === C && (I.id = `${O}_${Math.random().toString().slice(2, 6)}`), I;
   }
-  function P(v) {
+  function _(P) {
   }
-  function A(...v) {
+  function T(...P) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...v);
+      return t.getPropsConfig(...P);
   }
-  return g.value = {
-    canMove: D(),
-    canSelectParent: S(),
-    canDelete: y(),
-    canNested: !T(),
+  return u.value = {
+    canMove: y(),
+    canSelectParent: w(),
+    canDelete: h(),
+    canNested: !b(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: ($ = e == null ? void 0 : e.parent) == null ? void 0 : $.componentInstance,
+    parent: (B = e == null ? void 0 : e.parent) == null ? void 0 : B.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: u,
-    designerClass: h,
-    canAccepts: d,
+    styles: i,
+    designerClass: p,
+    canAccepts: f,
     getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: i,
-    getDraggingDisplayText: c,
-    getPropConfig: A,
-    getDragScopeElement: C,
-    onAcceptMovedChildElement: w,
-    onAcceptNewChildElement: I,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: j,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
-  }, g;
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: v,
+    getPropConfig: T,
+    getDragScopeElement: k,
+    onAcceptMovedChildElement: A,
+    onChildElementMovedOut: _,
+    addNewChildComponentSchema: $,
+    updateDragAndDropRules: s,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || S(!1)
+  }, u;
 }
 class ee {
   constructor(e, t) {
-    O(this, "componentId");
-    O(this, "viewModelId");
-    O(this, "eventsEditorUtils");
-    O(this, "formSchemaUtils");
-    O(this, "formMetadataConverter");
-    O(this, "designViewModelUtils");
-    O(this, "designViewModelField");
-    O(this, "controlCreatorUtils");
-    O(this, "designerHostService");
-    O(this, "schemaService", null);
-    O(this, "metadataService", null);
-    O(this, "propertyConfig", {
+    R(this, "componentId");
+    R(this, "viewModelId");
+    R(this, "eventsEditorUtils");
+    R(this, "formSchemaUtils");
+    R(this, "formMetadataConverter");
+    R(this, "designViewModelUtils");
+    R(this, "designViewModelField");
+    R(this, "controlCreatorUtils");
+    R(this, "designerHostService");
+    R(this, "schemaService", null);
+    R(this, "metadataService", null);
+    R(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var r;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
+    var s;
+    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((s = this.formSchemaUtils) == null ? void 0 : s.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
   }
   getTableInfo() {
     var e;
@@ -525,8 +537,8 @@ class ee {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((u) => u.id === t);
+        const s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = s.fields.find((i) => i.id === t);
       }
       e.updateOn = this.designViewModelField.updateOn;
     }
@@ -578,8 +590,21 @@ class ee {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(e, t) {
+    const s = t && t.parent && t.parent.schema;
+    if (!s)
+      return;
+    const i = s.contents.findIndex((u) => u.id === e), p = ve(s.contents[i]);
+    s.contents.splice(i, 1), s.contents.splice(i, 0, p);
+  }
 }
-class it extends ee {
+class at extends ee {
   constructor(e, t) {
     super(e, t);
   }
@@ -619,7 +644,7 @@ class it extends ee {
           description: "标题"
         }
       },
-      setPropertyRelates(t, r) {
+      setPropertyRelates(t, s) {
         if (t)
           switch (t && t.propertyID) {
             case "title": {
@@ -654,7 +679,7 @@ class it extends ee {
         label: "click",
         name: "点击事件"
       }
-    ], r = this, u = r.eventsEditorUtils.formProperties(e, r.viewModelId, t);
+    ], s = this, i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
@@ -662,7 +687,7 @@ class it extends ee {
         "data-grid-component-viewmodel": {
           type: "events-editor",
           editor: {
-            initialData: u
+            initialData: i
           }
         }
       },
@@ -670,65 +695,65 @@ class it extends ee {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(h, g) {
-        const D = h.propertyValue;
-        delete e[r.viewModelId], D && (D.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, D.events, D));
+      setPropertyRelates(p, u) {
+        const y = p.propertyValue;
+        delete e[s.viewModelId], y && (y.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, y.events, y));
       }
     };
   }
 }
-function at(n, e) {
-  function t(D) {
+function lt(n, e) {
+  function t(y) {
     return !1;
   }
-  function r() {
+  function s() {
     return !1;
   }
-  function u() {
+  function i() {
     return !1;
   }
-  function h() {
+  function p() {
     return !0;
   }
-  function g(D) {
-    return new it(D, e).getPropertyConfig(n);
+  function u(y) {
+    return new at(y, e).getPropertyConfig(n);
   }
   return {
     canAccepts: t,
-    hideNestedPaddingInDesginerView: h,
-    getPropsConfig: g,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: u
+    hideNestedPaddingInDesginerView: p,
+    getPropsConfig: u,
+    checkCanDeleteComponent: s,
+    checkCanMoveComponent: i
   };
 }
-class De {
+class Te {
   constructor(e) {
     /** 工具栏项标识 */
-    O(this, "id", "");
+    R(this, "id", "");
     /** 工具栏项自定义样式 */
-    O(this, "class", "btn-secondary");
+    R(this, "class", "btn-secondary");
     /** 图标 */
-    O(this, "icon", "");
+    R(this, "icon", "");
     /** 所属分组 */
-    O(this, "groupId", "");
+    R(this, "groupId", "");
     /** 收藏顺序 */
-    O(this, "order", -1);
+    R(this, "order", -1);
     /** 是否作为下拉菜单的顶层按钮 */
-    O(this, "asDropDownTop", !1);
+    R(this, "asDropDownTop", !1);
     /** 文本 */
-    O(this, "text", "");
+    R(this, "text", "");
     /** 是否可见 */
-    O(this, "visible", !0);
-    O(this, "responsed", !1);
+    R(this, "visible", !0);
+    R(this, "responsed", !1);
     /** 是否启用提示消息 */
-    O(this, "tipsEnable", !1);
+    R(this, "tipsEnable", !1);
     /** 提示消息内容 */
-    O(this, "tipsText", "");
+    R(this, "tipsText", "");
     /** 记录宽度 */
-    O(this, "width", 0);
-    O(this, "onClick", () => {
+    R(this, "width", 0);
+    R(this, "onClick", () => {
     });
-    O(this, "options");
+    R(this, "options");
     this.options = e;
     const t = [
       "id",
@@ -746,13 +771,13 @@ class De {
       "tipsText",
       "onClick"
     ];
-    Object.keys(e).filter((r) => t.indexOf(r) > -1).forEach((r) => {
-      this[r] = e[r];
+    Object.keys(e).filter((s) => t.indexOf(s) > -1).forEach((s) => {
+      this[s] = e[s];
     });
   }
   /** 是否可用 */
   get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : F(() => !0);
+    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : N(() => !0);
   }
   /** 设置宽度 */
   setWidth(e) {
@@ -763,7 +788,7 @@ class De {
     return this.visible ? this.width : !1;
   }
 }
-class ct extends De {
+class ct extends Te {
   constructor(e) {
     super(e);
   }
@@ -771,43 +796,43 @@ class ct extends De {
 function Se() {
   function n(e) {
     const t = [];
-    return e.reduce((r, u) => (u.children && u.children.length > 0 ? r.push(new J(u)) : r.push(new ct(u)), r), t), t;
+    return e.reduce((s, i) => (i.children && i.children.length > 0 ? s.push(new z(i)) : s.push(new ct(i)), s), t), t;
   }
   return { buildResponseToolbarItems: n };
 }
-const { buildResponseToolbarItems: lt } = Se();
-class J extends De {
+const { buildResponseToolbarItems: dt } = Se();
+class z extends Te {
   constructor(t) {
     super(t);
-    O(this, "placement", "");
+    R(this, "placement", "");
     // 下拉位置
     /** 下拉class */
-    O(this, "dropdownClass", "");
+    R(this, "dropdownClass", "");
     /** 下拉菜单class */
-    O(this, "menuClass", "");
+    R(this, "menuClass", "");
     /** 是否用分开的下拉按钮 */
-    O(this, "split", !1);
-    O(this, "children", []);
-    O(this, "expanded", !1);
-    const r = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(t).filter((u) => r.indexOf(u) > -1).forEach((u) => {
-      this[u] = t[u];
-    }), t.children && t.children.length && (this.children = lt(t.children));
+    R(this, "split", !1);
+    R(this, "children", []);
+    R(this, "expanded", !1);
+    const s = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
+    Object.keys(t).filter((i) => s.indexOf(i) > -1).forEach((i) => {
+      this[i] = t[i];
+    }), t.children && t.children.length && (this.children = dt(t.children));
   }
 }
-const pt = /* @__PURE__ */ new Map([
+const ut = /* @__PURE__ */ new Map([
   ["buttons", "items"],
-  ["appearance", Pe]
-]), ut = /* @__PURE__ */ new Map([
-  ["appearance", dt]
+  ["appearance", De]
+]), pt = /* @__PURE__ */ new Map([
+  ["appearance", ft]
 ]);
-function dt(n, e) {
+function ft(n, e) {
   return { class: e.class, style: e.style };
 }
-function je(n, e, t) {
+function ke(n, e, t) {
   return e;
 }
-const ft = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-design.gitee.io/response-toolbar.schema.json", mt = "response-toolbar", ht = "A Farris Toolbar Component", bt = "object", yt = {
+const gt = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-design.gitee.io/response-toolbar.schema.json", ht = "response-toolbar", bt = "A Farris Toolbar Component", yt = "object", vt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -823,9 +848,6 @@ const ft = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-
     properties: {
       class: {
         type: "string"
-      },
-      style: {
-        type: "string"
       }
     },
     default: {}
@@ -840,19 +862,19 @@ const ft = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-
     type: "array",
     default: []
   }
-}, vt = [
+}, Ct = [
   "id",
   "type",
   "buttons"
-], Ct = {
-  $schema: ft,
-  $id: gt,
-  title: mt,
-  description: ht,
-  type: bt,
-  properties: yt,
-  required: vt
-}, wt = "https://json-schema.org/draft/2020-12/schema", Tt = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Pt = "response-toolbar-item", Dt = "A Farris Toolbar Item Component", St = "object", jt = {
+], wt = {
+  $schema: gt,
+  $id: mt,
+  title: ht,
+  description: bt,
+  type: yt,
+  properties: vt,
+  required: Ct
+}, Pt = "https://json-schema.org/draft/2020-12/schema", Dt = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Tt = "response-toolbar-item", St = "A Farris Toolbar Item Component", kt = "object", Mt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -868,31 +890,33 @@ const ft = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-
     properties: {
       class: {
         type: "string",
-        default: "btn-primary"
-      },
-      style: {
-        type: "string"
+        default: "btn-secondary"
       }
     },
     default: {}
   },
   alignment: {
-    description: "The alignment of Response Toolbar Button.",
+    description: "对齐",
     type: "string",
     default: "right"
   },
   text: {
-    description: "The items of Response Toolbar.",
+    description: "文本",
     type: "string",
-    default: "新增"
+    default: "按钮"
   },
   icon: {
-    description: "The icon of response toolbar item.",
+    description: "图标",
     type: "string",
     default: ""
   },
-  click: {
-    description: "The event of response toolbar item.",
+  disabled: {
+    description: "禁用",
+    type: "boolean",
+    default: !1
+  },
+  onClick: {
+    description: "点击事件",
     type: "string",
     default: ""
   }
@@ -900,15 +924,15 @@ const ft = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-
   "id",
   "type",
   "text"
-], re = {
-  $schema: wt,
-  $id: Tt,
-  title: Pt,
-  description: Dt,
-  type: St,
-  properties: jt,
+], oe = {
+  $schema: Pt,
+  $id: Dt,
+  title: Tt,
+  description: St,
+  type: kt,
+  properties: Mt,
   required: xt
-}, Et = "response-toolbar-item", Mt = "A Farris Container Component", kt = "object", At = {
+}, Et = "response-toolbar-item", Bt = "A Farris Container Component", It = "object", Rt = {
   basic: {
     title: "基本信息",
     description: "Basic Infomation",
@@ -941,12 +965,12 @@ const ft = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-
       }
     }
   }
-}, me = {
+}, fe = {
   title: Et,
-  description: Mt,
-  type: kt,
-  categories: At
-}, ue = {
+  description: Bt,
+  type: It,
+  categories: Rt
+}, le = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
   alignment: { Type: String, default: "right" },
@@ -955,16 +979,16 @@ const ft = "https://json-schema.org/draft/2020-12/schema", gt = "https://farris-
     default: []
   }
 };
-ae[re.title] = re;
-Te[me.title] = me;
-const Bt = Object.assign({}, ue, {
+se[oe.title] = oe;
+Pe[fe.title] = fe;
+const At = Object.assign({}, le, {
   componentId: { type: String, default: "" }
-}), de = le(
-  ue,
-  Ct,
-  pt,
-  je
-), xe = {
+}), ce = ie(
+  le,
+  wt,
+  ut,
+  ke
+), Me = {
   id: { type: String, default: "" },
   items: { type: Object, default: {} },
   class: { type: String, default: "" },
@@ -973,1493 +997,738 @@ const Bt = Object.assign({}, ue, {
   icon: { type: String, default: "" },
   componentId: { type: String, default: "" },
   alignment: { Type: String, default: "right" }
-}, Rt = le(
-  xe,
-  re,
-  ut,
-  je
+}, Ot = ie(
+  Me,
+  oe,
+  pt,
+  ke
 );
-function Ee() {
+function xe() {
   function n(t) {
-    const r = {
+    const s = {
       "f-icon": !0
     };
     if (t.icon) {
-      const u = t.icon.trim().split(" ");
-      u && u.length && u.reduce((h, g) => (h[g] = !0, h), r);
+      const i = t.icon.trim().split(" ");
+      i && i.length && i.reduce((p, u) => (p[u] = !0, p), s);
     }
-    return r;
+    return s;
   }
   function e(t) {
     return !!(t.icon && t.icon.trim());
   }
   return { iconClass: n, shouldShowIcon: e };
 }
-function It(n) {
+function jt(n) {
   function e(l) {
-    const i = {
+    const c = {
       "dropdown-menu": !0
     };
     if (l.class) {
-      const d = l.menuClass.split(" ");
-      d && d.length && d.reduce((c, C) => (c[C] = !0, c), i);
+      const f = l.menuClass.split(" ");
+      f && f.length && f.reduce((v, k) => (v[k] = !0, v), c);
     }
-    return i;
+    return c;
   }
   function t(l) {
-    const i = {
+    const c = {
       disabled: !l.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, d = l.dropdownClass.split(" ");
-    return d && d.length && d.reduce((c, C) => (c[C] = !0, c), i), i;
+    }, f = l.dropdownClass.split(" ");
+    return f && f.length && f.reduce((v, k) => (v[k] = !0, v), c), c;
   }
-  function r(l) {
-    const i = {
+  function s(l) {
+    const c = {
       disabled: !l.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0
-    }, d = l.class.split(" ");
-    return d && d.length && d.reduce((c, C) => (c[C] = !0, c), i), i;
-  }
-  let u;
-  const h = /* @__PURE__ */ new Map();
-  function g(l, i, d) {
-    var C;
-    ((C = l.target) == null ? void 0 : C.id) === i.id && l.stopPropagation();
-    const c = d ? d.id : "__top_item__";
-    if (i.children && i.children.length && (i.expanded = !i.expanded, i.expanded ? h.set(c, i) : h.delete(c)), h.has(c) && h.get(c) !== i) {
-      const w = h.get(c);
-      w && (w.expanded = !1);
+    }, f = l.class.split(" ");
+    return f && f.length && f.reduce((v, k) => (v[k] = !0, v), c), c;
+  }
+  let i;
+  const p = /* @__PURE__ */ new Map();
+  function u(l, c, f) {
+    var k;
+    ((k = l.target) == null ? void 0 : k.id) === c.id && l.stopPropagation();
+    const v = f ? f.id : "__top_item__";
+    if (c.children && c.children.length && (c.expanded = !c.expanded, c.expanded ? p.set(v, c) : p.delete(v)), p.has(v) && p.get(v) !== c) {
+      const A = p.get(v);
+      A && (A.expanded = !1);
     }
   }
-  function D(l, i) {
-    document.body.click(), i.enable && i.onClick(l, i.id);
-  }
-  function S(l) {
-    return l.children.map((i) => i.children && i.children.length ? b("li", {
-      class: t(i),
-      id: i.id,
-      onClick: (d) => i.enable && g(d, i, l)
-    }, [b("span", {
-      id: i.id,
-      class: r(i),
-      onMouseover: (d) => i.enable && g(d, i, l)
-    }, [i.text, b("i", {
+  function y(l, c) {
+    document.body.click(), c.enable && c.onClick(l, c.id);
+  }
+  function w(l) {
+    return l.children.map((c) => c.children && c.children.length ? g("li", {
+      class: t(c),
+      id: c.id,
+      onClick: (f) => c.enable && u(f, c, l)
+    }, [g("span", {
+      id: c.id,
+      class: s(c),
+      onMouseover: (f) => c.enable && u(f, c, l)
+    }, [c.text, g("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), u(i, i)]) : b("li", {
-      class: r(i),
-      id: i.id,
-      onClick: (d) => D(d, i),
-      onMouseover: (d) => i.enable && g(d, i, l)
-    }, [n.shouldShowIcon(i) && b("i", {
-      class: n.iconClass(i)
-    }, null), i.text]));
-  }
-  function y(l, i, d) {
-    const c = {
+    }, null)]), i(c, c)]) : g("li", {
+      class: s(c),
+      id: c.id,
+      onClick: (f) => y(f, c),
+      onMouseover: (f) => c.enable && u(f, c, l)
+    }, [n.shouldShowIcon(c) && g("i", {
+      class: n.iconClass(c)
+    }, null), c.text]));
+  }
+  function h(l, c, f) {
+    const v = {
       display: l.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, C = document.getElementsByTagName("body")[0].getClientRects()[0].width, w = i, j = w == null ? void 0 : w.getClientRects();
-    if (w && j && j.length) {
+    }, k = document.getElementsByTagName("body")[0].getClientRects()[0].width, A = c, $ = A == null ? void 0 : A.getClientRects();
+    if (A && $ && $.length) {
       const {
-        top: I,
-        width: P,
-        left: A,
-        right: $,
-        height: v
-      } = j[0], f = Math.ceil(v + I);
-      c.top = `${f}px`, c.left = `${A}px`;
-      const x = l.id + "_menu", k = i ? i.querySelector("#" + x) : null;
-      if (k) {
-        c.display === "block" && (k.style.display = "block");
-        const p = k.getBoundingClientRect();
-        if (d) {
-          c.top = `${I - 6}px`;
-          const s = Math.ceil(P + A);
-          c.left = `${s}px`;
+        top: _,
+        width: T,
+        left: B,
+        right: P,
+        height: x
+      } = $[0], C = Math.ceil(x + _);
+      v.top = `${C}px`, v.left = `${B}px`;
+      const I = l.id + "_menu", O = c ? c.querySelector("#" + I) : null;
+      if (O) {
+        v.display === "block" && (O.style.display = "block");
+        const d = O.getBoundingClientRect();
+        if (f) {
+          v.top = `${_ - 6}px`;
+          const r = Math.ceil(T + B);
+          v.left = `${r}px`;
         }
-        C - A - P < p.width && (c.left = `${(d ? A : $) - p.width}px`);
+        k - B - T < d.width && (v.left = `${(f ? B : P) - d.width}px`);
       }
     }
-    return c;
+    return v;
   }
-  u = function(l, i) {
-    var w, j;
-    const d = ve(), c = i ? i.id : l.id, C = (j = (w = d == null ? void 0 : d.exposed) == null ? void 0 : w.elementRef.value) == null ? void 0 : j.querySelector("#" + c);
-    return b("ul", {
+  i = function(l, c) {
+    var A, $;
+    const f = be(), v = c ? c.id : l.id, k = ($ = (A = f == null ? void 0 : f.exposed) == null ? void 0 : A.elementRef.value) == null ? void 0 : $.querySelector("#" + v);
+    return g("ul", {
       class: e(l),
-      style: y(l, C, i),
+      style: h(l, k, c),
       id: l.id + "_menu"
-    }, [S(l)]);
+    }, [w(l)]);
   };
-  function T() {
-    h.forEach((l) => {
+  function b() {
+    p.forEach((l) => {
       l.expanded = !1;
-    }), h.clear();
+    }), p.clear();
   }
   return {
-    renderDropdownMenu: u,
-    clearAllDropDownMenu: T
+    renderDropdownMenu: i,
+    clearAllDropDownMenu: b
   };
 }
-function Ot(n, e) {
-  const t = M(n.alignment), {
-    renderDropdownMenu: r,
-    clearAllDropDownMenu: u
-  } = It(e);
-  function h(T) {
+function $t(n, e) {
+  const t = S(n.alignment), {
+    renderDropdownMenu: s,
+    clearAllDropDownMenu: i
+  } = jt(e);
+  function p(b) {
     const l = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": t.value === "right",
       "f-btn-mr": t.value === "left"
-    }, i = T.dropdownClass.split(" ");
-    return i && i.length && i.reduce((d, c) => (d[c] = !0, d), l), l;
+    }, c = b.dropdownClass.split(" ");
+    return c && c.length && c.reduce((f, v) => (f[v] = !0, f), l), l;
   }
-  function g(T) {
+  function u(b) {
     const l = {
       btn: !0,
-      disabled: !T.enable,
+      disabled: !b.enable,
       "f-rt-btn": !0,
-      "btn-icontext": !!(T.icon && T.icon.trim())
+      "btn-icontext": !!(b.icon && b.icon.trim())
     };
-    if (T.class) {
-      const i = T.class.split(" ");
-      i && i.length && i.reduce((d, c) => (d[c] = !0, d), l);
+    if (b.class) {
+      const c = b.class.split(" ");
+      c && c.length && c.reduce((f, v) => (f[v] = !0, f), l);
     }
     return l;
   }
-  function D(T, l) {
-    T.stopPropagation();
-    const i = l.expanded;
-    document.body.click(), l.expanded = !i;
-  }
-  function S(T) {
-    return b("div", {
-      id: T.id,
-      class: h(T)
-    }, [b("div", {
-      class: g(T),
+  function y(b, l) {
+    b.stopPropagation();
+    const c = l.expanded;
+    document.body.click(), l.expanded = !c;
+  }
+  function w(b) {
+    return g("div", {
+      id: b.id,
+      class: p(b)
+    }, [g("div", {
+      class: u(b),
       style: "display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",
-      onClick: (l) => T.enable && D(l, T)
-    }, [e.shouldShowIcon(T) && b("i", {
-      class: e.iconClass(T)
-    }, null), b("span", null, [T.text]), b("i", {
+      onClick: (l) => b.enable && y(l, b)
+    }, [e.shouldShowIcon(b) && g("i", {
+      class: e.iconClass(b)
+    }, null), g("span", null, [b.text]), g("i", {
       class: "f-icon f-icon-arrow-chevron-down",
       style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), r(T)]);
+    }, null)]), s(b)]);
   }
-  function y() {
-    u();
+  function h() {
+    i();
   }
   return {
-    renderToolbarDropdown: S,
-    clearAllDropDown: y
+    renderToolbarDropdown: w,
+    clearAllDropDown: h
   };
 }
 const {
-  buildResponseToolbarItems: he
-} = Se(), Z = /* @__PURE__ */ z({
+  buildResponseToolbarItems: ge
+} = Se(), Z = /* @__PURE__ */ U({
   name: "FResponseToolbar",
-  props: ue,
+  props: le,
   emits: ["click"],
   setup(n, e) {
-    const t = M(he(n.items)), r = M(), u = M(), h = M(), g = M(n.alignment), D = {
+    const t = S(ge(n.items)), s = S(), i = S(), p = S(), u = S(n.alignment), y = {
       id: "__more_buttons__",
       text: "更多"
-    }, S = M(new J(D)), y = Ee(), T = F(() => S.value.children.length > 0), l = F(() => Y({
+    }, w = S(new z(y)), h = xe(), b = N(() => w.value.children.length > 0), l = N(() => Y({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    }, n.customClass)), i = F(() => ({
+    }, n.customClass)), c = N(() => ({
+      "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": g.value === "right",
-      "justify-content-start": g.value === "left"
+      "justify-content-end": u.value === "right",
+      "justify-content-start": u.value === "left"
     })), {
-      renderToolbarDropdown: d,
-      clearAllDropDown: c
-    } = Ot(n, y);
-    function C() {
-      t.value.filter((f) => f.children && f.children.length > 0).forEach((f) => {
-        f.expanded = !1;
-      }), S.value.expanded = !1, c();
+      renderToolbarDropdown: f,
+      clearAllDropDown: v
+    } = $t(n, h);
+    function k() {
+      t.value.filter((C) => C.children && C.children.length > 0).forEach((C) => {
+        C.expanded = !1;
+      }), w.value.expanded = !1, v();
     }
-    function w(f) {
-      const x = {
+    function A(C) {
+      const I = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": g.value === "right",
-        "f-btn-mr": g.value === "left",
-        "btn-icontext": !!(f.icon && f.icon.trim())
+        "f-btn-ml": u.value === "right",
+        "f-btn-mr": u.value === "left",
+        "btn-icontext": !!(C.icon && C.icon.trim())
       };
-      if (f.class) {
-        const k = f.class.split(" ");
-        k && k.length && k.reduce((p, s) => (p[s] = !0, p), x);
+      if (C.class) {
+        const O = C.class.split(" ");
+        O && O.length && O.reduce((d, r) => (d[r] = !0, d), I);
       }
-      return x;
+      return I;
     }
-    function j(f, x) {
-      document.body.click(), x.onClick(f, x.id), e.emit("click", f, x.id);
+    function $(C, I) {
+      document.body.click(), typeof I.onClick == "function" && I.onClick(C, I.id), e.emit("click", C, I.id);
     }
-    function I(f) {
-      return b("button", {
+    function _(C) {
+      return g("button", {
         type: "button",
-        class: w(f),
-        id: f.id,
-        disabled: !f.enable,
-        onClick: (x) => j(x, f)
-      }, [y.shouldShowIcon(f) && b("i", {
-        class: y.iconClass(f)
-      }, null), f.text]);
+        class: A(C),
+        id: C.id,
+        disabled: !C.enable,
+        onClick: (I) => $(I, C)
+      }, [h.shouldShowIcon(C) && g("i", {
+        class: h.iconClass(C)
+      }, null), C.text]);
     }
-    const P = /* @__PURE__ */ new Map(), A = [];
-    function $(f) {
-      const x = h.value;
-      let k = f;
-      const p = Array.from(x.children), s = p[p.length - 1].id === "__more_buttons__" ? p[p.length - 1] : null;
-      if (s) {
-        const E = s.computedStyleMap().get("margin-left"), R = s.computedStyleMap().get("margin-right"), L = (E ? E.value : 0) + s.getBoundingClientRect().width + (R ? R.value : 0);
-        k -= L;
+    const T = /* @__PURE__ */ new Map(), B = [];
+    function P(C) {
+      const I = p.value;
+      let O = C;
+      const d = Array.from(I.children), r = d[d.length - 1].id === "__more_buttons__" ? d[d.length - 1] : null;
+      if (r) {
+        const D = r.computedStyleMap().get("margin-left"), E = r.computedStyleMap().get("margin-right"), L = (D ? D.value : 0) + r.getBoundingClientRect().width + (E ? E.value : 0);
+        O -= L;
       }
-      const o = p.filter((E) => E.id !== "__more_buttons__");
-      for (const E of o) {
-        const R = E.computedStyleMap().get("margin-left"), L = E.computedStyleMap().get("margin-right"), N = (R ? R.value : 0) + E.getBoundingClientRect().width + (L ? L.value : 0);
-        k < N ? (P.set(E.id, !0), A.push({
-          id: E.id,
-          width: N
-        })) : k -= N;
+      const o = d.filter((D) => D.id !== "__more_buttons__");
+      for (const D of o) {
+        const E = D.computedStyleMap().get("margin-left"), L = D.computedStyleMap().get("margin-right"), j = (E ? E.value : 0) + D.getBoundingClientRect().width + (L ? L.value : 0);
+        O < j ? (T.set(D.id, !0), B.push({
+          id: D.id,
+          width: j
+        })) : O -= j;
       }
-      if (A.length)
-        for (let E = A.length - 1; E >= 0; E--) {
-          const R = A[E].width;
-          if (k >= R)
-            k -= R, P.delete(A[E].id), A.pop();
+      if (B.length)
+        for (let D = B.length - 1; D >= 0; D--) {
+          const E = B[D].width;
+          if (O >= E)
+            O -= E, T.delete(B[D].id), B.pop();
           else
             break;
         }
-      const a = Object.assign({}, S.value);
+      const a = Object.assign({}, w.value);
       a.children = [];
-      const m = new J(a), B = t.value.reduce((E, R) => (P.has(R.id) && m.children.push(R), R.visible = !P.has(R.id), E.push(R), E), []);
-      S.value = m, t.value = B;
+      const m = new z(a), M = t.value.reduce((D, E) => (T.has(E.id) && m.children.push(E), E.visible = !T.has(E.id), D.push(E), D), []);
+      w.value = m, t.value = M;
     }
-    const v = new ResizeObserver((f) => {
-      if (f.length) {
-        const k = f[0].contentRect.width, s = h.value.getBoundingClientRect().width;
-        (k < s || A.length) && ($(k), C());
+    const x = new ResizeObserver((C) => {
+      if (C.length) {
+        const O = C[0].contentRect.width, r = p.value.getBoundingClientRect().width;
+        (O < r || B.length) && (P(O), k());
       }
     });
     return H(() => {
-      const f = u.value;
-      v.observe(f), document.body.addEventListener("click", C), document.body.addEventListener("wheel", C);
-    }), ie(() => {
-      v.disconnect(), document.body.removeEventListener("click", C), document.body.removeEventListener("wheel", C);
-    }), G(() => n.items, () => {
-      t.value = he(n.items);
+      const C = i.value;
+      x.observe(C), document.body.addEventListener("click", k), document.body.addEventListener("wheel", k);
+    }), ye(() => {
+      x.disconnect(), document.body.removeEventListener("click", k), document.body.removeEventListener("wheel", k);
+    }), q(() => n.items, () => {
+      t.value = ge(n.items);
     }, {
       deep: !0
     }), e.expose({
-      elementRef: r
-    }), () => b("div", {
+      elementRef: s
+    }), () => g("div", {
       class: l.value,
-      ref: r
-    }, [b("div", {
-      ref: u,
-      class: i.value
-    }, [b("div", {
-      ref: h,
+      ref: s
+    }, [g("div", {
+      ref: i,
+      class: c.value
+    }, [g("div", {
+      ref: p,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.filter((f) => f.visible).map((f) => f.children && f.children.length > 0 ? d(f) : I(f)), T.value && d(S.value)])])]);
+    }, [t.value.filter((C) => C.visible).map((C) => C.children && C.children.length > 0 ? f(C) : _(C)), b.value && f(w.value)])])]);
   }
 });
-function $t(n, e) {
-  const t = V("design-item-context"), r = V("toolbar-item-handler", () => {
+function _t(n, e) {
+  const t = V("design-item-context"), s = V("toolbar-item-handler", () => {
   });
-  function u() {
-    r && r();
+  function i() {
+    s && s();
   }
-  function h(s) {
+  function p(r) {
     const o = {
       "dropdown-menu": !0
     };
-    if (s.class) {
-      const a = s.menuClass.split(" ");
-      a && a.length && a.reduce((m, B) => (m[B] = !0, m), o);
+    if (r.class) {
+      const a = r.menuClass.split(" ");
+      a && a.length && a.reduce((m, M) => (m[M] = !0, m), o);
     }
     return o;
   }
-  function g(s) {
+  function u(r) {
     const o = {
-      disabled: !s.enable,
+      disabled: !r.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, a = s.dropdownClass.split(" ");
-    return a && a.length && a.reduce((m, B) => (m[B] = !0, m), o), o;
+    }, a = r.dropdownClass.split(" ");
+    return a && a.length && a.reduce((m, M) => (m[M] = !0, m), o), o;
   }
-  function D(s) {
+  function y(r) {
     const o = {
-      disabled: !s.enable,
+      disabled: !r.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0
-    }, a = s.class.split(" ");
-    return a && a.length && a.reduce((m, B) => (m[B] = !0, m), o), o;
-  }
-  let S;
-  const y = /* @__PURE__ */ new Map();
-  function T(s, o, a) {
-    var B;
-    ((B = s.target) == null ? void 0 : B.id) === o.id && s.stopPropagation();
+    }, a = r.class.split(" ");
+    return a && a.length && a.reduce((m, M) => (m[M] = !0, m), o), o;
+  }
+  let w;
+  const h = /* @__PURE__ */ new Map();
+  function b(r, o, a) {
+    var M;
+    ((M = r.target) == null ? void 0 : M.id) === o.id && r.stopPropagation();
     const m = a ? a.id : "__top_item__";
-    if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded ? y.set(m, o) : y.delete(m)), y.has(m) && y.get(m) !== o) {
-      const E = y.get(m);
-      E && (E.expanded = !1);
+    if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded ? h.set(m, o) : h.delete(m)), h.has(m) && h.get(m) !== o) {
+      const D = h.get(m);
+      D && (D.expanded = !1);
     }
   }
-  function l(s) {
-    s && (s.stopPropagation(), s.preventDefault());
+  function l(r) {
+    r && (r.stopPropagation(), r.preventDefault());
   }
-  function i() {
+  function c() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((o) => o.classList.remove("dgComponentFocused"));
-    const s = document.getElementsByClassName("dgComponentSelected");
-    Array.from(s).forEach((o) => o.classList.remove("dgComponentSelected"));
+    const r = document.getElementsByClassName("dgComponentSelected");
+    Array.from(r).forEach((o) => o.classList.remove("dgComponentSelected"));
   }
-  function d(s) {
-    s.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function f(r) {
+    r.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function c(s) {
+  function v(r) {
     const {
       buttons: o = []
     } = t.schema;
     let a = [];
-    o.forEach((E) => {
-      a = a.concat(E.children || []);
+    o.forEach((D) => {
+      a = a.concat(D.children || []);
     });
-    const m = a.findIndex((E) => E.id === s), B = m === -1 ? null : a[m];
+    const m = a.findIndex((D) => D.id === r), M = m === -1 ? null : a[m];
     return {
       index: m,
-      item: B
+      item: M
     };
   }
-  function C(s) {
+  function k(r) {
     const {
       buttons: o = []
-    } = t.schema, a = o.findIndex((B) => B.id === s), m = a === -1 ? null : o[a];
+    } = t.schema, a = o.findIndex((M) => M.id === r), m = a === -1 ? null : o[a];
     return {
       index: a,
       item: m
     };
   }
-  function w(s) {
+  function A(r) {
     var m;
     t.schema;
     const {
       index: o,
       item: a
-    } = c(s);
+    } = v(r);
     (m = t == null ? void 0 : t.setupContext) == null || m.emit("selectionChange", a == null ? void 0 : a.type, a);
   }
-  const j = function(s) {
+  const $ = function(r) {
     const {
       componentType: o
-    } = s, a = U(o, s), m = o.toLowerCase().replace("-", "_");
+    } = r, a = Q(o, r), m = o.toLowerCase().replace("-", "_");
     return a && !a.id && a.type === o && (a.id = `${m}_${Math.random().toString().slice(2, 6)}`), a;
-  }, I = function() {
-    const s = {
+  }, _ = function() {
+    const r = {
       componentType: "response-toolbar-item",
       parentComponentInstance: e.value,
       targetPosition: -1
     };
-    return j(s);
+    return $(r);
   };
-  function P(s, o) {
-    l(s), i(), d(s), w(o.id);
+  function T(r, o) {
+    l(r), c(), f(r), A(o.id);
   }
-  function A(s, o, a) {
-    l(s);
-    const m = o.id, B = a && a.id, {
-      buttons: E = []
+  function B(r, o, a) {
+    l(r);
+    const m = o.id, M = a && a.id, {
+      buttons: D = []
     } = t.schema;
-    if (!B)
+    if (!M)
       return;
     const {
-      index: R
-    } = C(B);
-    if (R === -1)
+      index: E
+    } = k(M);
+    if (E === -1)
       return;
     const {
       index: L
-    } = c(m);
-    L !== -1 && (E[R].children.splice(L, 1), u());
+    } = v(m);
+    L !== -1 && (D[E].children.splice(L, 1), i());
   }
-  function $(s, o, a) {
-    l(s);
+  function P(r, o, a) {
+    l(r);
     const m = a && a.id, {
-      buttons: B = []
+      buttons: M = []
     } = t.schema;
     if (!m)
       return;
     const {
-      index: E
-    } = C(m);
-    if (E === -1)
+      index: D
+    } = k(m);
+    if (D === -1)
       return;
-    const R = I(), L = Object.assign({}, R, {
+    const E = _(), L = Object.assign({}, E, {
       text: o.text
     });
-    B[E].children.push(L), u();
+    M[D].children.push(L), i();
   }
-  function v(s, o, a) {
-    l(s);
+  function x(r, o, a) {
+    l(r);
     const m = a && a.id, {
-      buttons: B = []
+      buttons: M = []
     } = t.schema;
     if (!m)
       return;
     const {
-      index: E
-    } = C(m);
-    if (E === -1)
+      index: D
+    } = k(m);
+    if (D === -1)
       return;
-    const R = I(), L = Object.assign({}, R, {
+    const E = _(), L = Object.assign({}, E, {
       text: "按钮"
     });
-    B[E].children.push(L), u();
+    M[D].children.push(L), i();
   }
-  function f(s, o) {
-    return b("div", {
+  function C(r, o) {
+    return g("div", {
       class: "component-btn-group"
-    }, [b("div", null, [b("div", {
+    }, [g("div", null, [g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (a) => A(a, s, o)
-    }, [b("i", {
+      onClick: (a) => B(a, r, o)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), b("div", {
+    }, null)]), g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (a) => $(a, s, o)
-    }, [b("i", {
+      onClick: (a) => P(a, r, o)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), b("div", {
+    }, null)]), g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (a) => v(a, s, o)
-    }, [b("i", {
+      onClick: (a) => x(a, r, o)
+    }, [g("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), b("span", {
+    }, null), g("span", {
       style: "font-size:13px;margin:auto"
-    }, [Q("新增同级")])])])]);
+    }, [J("新增同级")])])])]);
   }
-  function x(s) {
-    return s.children.map((o) => o.children && o.children.length ? b("li", {
-      class: g(o),
+  function I(r) {
+    return r.children.map((o) => o.children && o.children.length ? g("li", {
+      class: u(o),
       id: o.id,
-      onClick: (a) => o.enable && T(a, o, s)
-    }, [b("span", {
+      onClick: (a) => o.enable && b(a, o, r)
+    }, [g("span", {
       id: o.id,
-      class: D(o),
-      onMouseover: (a) => o.enable && T(a, o, s)
-    }, [o.text, b("i", {
+      class: y(o),
+      onMouseover: (a) => o.enable && b(a, o, r)
+    }, [o.text, g("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), S(o, o)]) : b("li", {
-      class: D(o),
+    }, null)]), w(o, o)]) : g("li", {
+      class: y(o),
       id: o.id,
-      onClick: (a) => P(a, o)
-    }, [f(o, s), n.shouldShowIcon(o) && b("i", {
+      onClick: (a) => T(a, o)
+    }, [C(o, r), n.shouldShowIcon(o) && g("i", {
       class: n.iconClass(o)
     }, null), o.text]));
   }
-  function k(s, o, a) {
+  function O(r, o, a) {
     const m = {
-      display: s.expanded ? "block" : "none",
+      display: r.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, B = document.getElementsByTagName("body")[0].getClientRects()[0].width, E = o, R = E == null ? void 0 : E.getClientRects();
-    if (E && R && R.length) {
+    }, M = document.getElementsByTagName("body")[0].getClientRects()[0].width, D = o, E = D == null ? void 0 : D.getClientRects();
+    if (D && E && E.length) {
       const {
         top: L,
-        width: N,
-        left: _,
+        width: j,
+        left: F,
         right: W,
-        height: q
-      } = R[0], te = Math.ceil(q + L);
-      m.top = `${te}px`, m.left = `${_}px`;
-      const Re = s.id + "_menu", ne = o ? o.querySelector("#" + Re) : null;
-      if (ne) {
-        m.display === "block" && (ne.style.display = "block");
-        const fe = ne.getBoundingClientRect();
+        height: G
+      } = E[0], Re = Math.ceil(G + L);
+      m.top = `${Re}px`, m.left = `${F}px`;
+      const Ae = r.id + "_menu", te = o ? o.querySelector("#" + Ae) : null;
+      if (te) {
+        m.display === "block" && (te.style.display = "block");
+        const de = te.getBoundingClientRect();
         if (a) {
           m.top = `${L - 6}px`;
-          const Ie = Math.ceil(N + _);
-          m.left = `${Ie}px`;
+          const Oe = Math.ceil(j + F);
+          m.left = `${Oe}px`;
         }
-        B - _ - N < fe.width && (m.left = `${(a ? _ : W) - fe.width}px`);
+        M - F - j < de.width && (m.left = `${(a ? F : W) - de.width}px`);
       }
     }
     return m;
   }
-  S = function(s, o) {
-    var E, R;
-    const a = ve(), m = o ? o.id : s.id, B = (R = (E = a == null ? void 0 : a.exposed) == null ? void 0 : E.elementRef.value) == null ? void 0 : R.querySelector("#" + m);
-    return b("ul", {
-      class: h(s),
-      style: k(s, B, o),
-      id: s.id + "_menu"
-    }, [x(s)]);
+  w = function(r, o) {
+    var D, E;
+    const a = be(), m = o ? o.id : r.id, M = (E = (D = a == null ? void 0 : a.exposed) == null ? void 0 : D.elementRef.value) == null ? void 0 : E.querySelector("#" + m);
+    return g("ul", {
+      class: p(r),
+      style: O(r, M, o),
+      id: r.id + "_menu"
+    }, [I(r)]);
   };
-  function p() {
-    y.forEach((s) => {
-      s.expanded = !1;
-    }), y.clear();
+  function d() {
+    h.forEach((r) => {
+      r.expanded = !1;
+    }), h.clear();
   }
   return {
-    renderDropdownMenu: S,
-    clearAllDropDownMenu: p
+    renderDropdownMenu: w,
+    clearAllDropDownMenu: d
   };
 }
 function Nt(n, e, t) {
-  const r = M(n.alignment), {
-    renderDropdownMenu: u,
-    clearAllDropDownMenu: h
-  } = $t(e, t), g = V("design-item-context"), D = V("toolbar-item-handler", () => {
+  const s = S(n.alignment), {
+    renderDropdownMenu: i,
+    clearAllDropDownMenu: p
+  } = _t(e, t), u = V("design-item-context"), y = V("toolbar-item-handler", () => {
   });
-  function S() {
-    D && D();
+  function w() {
+    y && y();
   }
-  function y(p) {
-    const s = {
+  function h(d) {
+    const r = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
-      "f-btn-ml": r.value === "right",
-      "f-btn-mr": r.value === "left"
-    }, o = p.dropdownClass.split(" ");
-    return o && o.length && o.reduce((a, m) => (a[m] = !0, a), s), s;
+      "f-btn-ml": s.value === "right",
+      "f-btn-mr": s.value === "left"
+    }, o = d.dropdownClass.split(" ");
+    return o && o.length && o.reduce((a, m) => (a[m] = !0, a), r), r;
   }
-  function T(p) {
-    const s = {
+  function b(d) {
+    const r = {
       btn: !0,
-      disabled: !p.enable,
+      disabled: !d.enable,
       "position-relative": !0,
       "farris-component": !0,
       "f-rt-btn": !0,
-      "btn-icontext": !!(p.icon && p.icon.trim())
+      "btn-icontext": !!(d.icon && d.icon.trim())
     };
-    if (p.class) {
-      const o = p.class.split(" ");
-      o && o.length && o.reduce((a, m) => (a[m] = !0, a), s);
+    if (d.class) {
+      const o = d.class.split(" ");
+      o && o.length && o.reduce((a, m) => (a[m] = !0, a), r);
     }
-    return s;
+    return r;
   }
-  function l(p) {
-    p && (p.stopPropagation(), p.preventDefault());
+  function l(d) {
+    d && (d.stopPropagation(), d.preventDefault());
   }
-  function i(p, s) {
-    l(p);
-    const o = s.expanded;
-    document.body.click(), s.expanded = !o;
+  function c(d, r) {
+    l(d);
+    const o = r.expanded;
+    document.body.click(), r.expanded = !o;
   }
-  const d = function(p) {
+  const f = function(d) {
     const {
-      componentType: s
-    } = p, o = U(s, p), a = s.toLowerCase().replace("-", "_");
-    return o && !o.id && o.type === s && (o.id = `${a}_${Math.random().toString().slice(2, 6)}`), o;
-  }, c = function() {
-    const p = {
+      componentType: r
+    } = d, o = Q(r, d), a = r.toLowerCase().replace("-", "_");
+    return o && !o.id && o.type === r && (o.id = `${a}_${Math.random().toString().slice(2, 6)}`), o;
+  }, v = function() {
+    const d = {
       componentType: "response-toolbar-item",
       parentComponentInstance: t.value,
       targetPosition: -1
     };
-    return d(p);
+    return f(d);
   };
-  function C(p) {
-    const s = g.schema.buttons || g.schema.contents, o = s == null ? void 0 : s.findIndex((m) => m.id === p), a = o === -1 ? null : s[o];
+  function k(d) {
+    const r = u.schema.buttons || u.schema.contents, o = r == null ? void 0 : r.findIndex((m) => m.id === d), a = o === -1 ? null : r[o];
     return {
       index: o,
       toolbarItem: a
     };
   }
-  function w(p, s) {
-    var R;
+  function A(d, r) {
+    var E;
     const {
       index: o,
       toolbarItem: a
-    } = C(s);
+    } = k(r);
     if (o === -1)
       return;
-    const m = a.text || "按钮", B = c(), E = Object.assign({}, B, {
+    const m = a.text || "按钮", M = v(), D = Object.assign({}, M, {
       text: m
     });
-    (R = g.schema.buttons) == null || R.push(E), S();
+    (E = u.schema.buttons) == null || E.push(D), w();
   }
-  function j(p, s) {
+  function $(d, r) {
     const {
       index: o,
       toolbarItem: a
-    } = C(s);
+    } = k(r);
     if (o === -1)
       return;
-    const m = a.text || "按钮", B = c(), E = Object.assign({}, B, {
+    const m = a.text || "按钮", M = v(), D = Object.assign({}, M, {
       text: m
-    }), R = g.schema.buttons[o].children || [];
-    R.push(E), g.schema.buttons[o].children = R, S();
+    }), E = u.schema.buttons[o].children || [];
+    E.push(D), u.schema.buttons[o].children = E, w();
   }
-  function I(p, s) {
-    const o = g.schema.buttons || g.schema.contents, a = o == null ? void 0 : o.findIndex((m) => m.id === s);
-    a !== -1 && (o.splice(a, 1), S());
+  function _(d, r) {
+    const o = u.schema.buttons || u.schema.contents, a = o == null ? void 0 : o.findIndex((m) => m.id === r);
+    a !== -1 && (o.splice(a, 1), w());
   }
-  function P(p) {
-    return b("div", {
+  function T(d) {
+    return g("div", {
       class: "component-btn-group"
-    }, [b("div", null, [b("div", {
+    }, [g("div", null, [g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (s) => I(s, p)
-    }, [b("i", {
+      onClick: (r) => _(r, d)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), b("div", {
+    }, null)]), g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (s) => w(s, p)
-    }, [b("i", {
+      onClick: (r) => A(r, d)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), b("div", {
+    }, null)]), g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (s) => j(s, p)
-    }, [b("i", {
+      onClick: (r) => $(r, d)
+    }, [g("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), b("span", {
+    }, null), g("span", {
       style: "font-size:13px;margin:auto"
-    }, [Q("新增子级")])])])]);
+    }, [J("新增子级")])])])]);
   }
-  function A() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((s) => s.classList.remove("dgComponentFocused"));
-    const p = document.getElementsByClassName("dgComponentSelected");
-    Array.from(p).forEach((s) => s.classList.remove("dgComponentSelected"));
+  function B() {
+    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((r) => r.classList.remove("dgComponentFocused"));
+    const d = document.getElementsByClassName("dgComponentSelected");
+    Array.from(d).forEach((r) => r.classList.remove("dgComponentSelected"));
   }
-  function $(p) {
-    p.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function P(d) {
+    d.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function v(p) {
+  function x(d) {
     var m;
-    const s = g.schema.buttons || g.schema.contents, o = s == null ? void 0 : s.findIndex((B) => B.id === p);
+    const r = u.schema.buttons || u.schema.contents, o = r == null ? void 0 : r.findIndex((M) => M.id === d);
     if (o === -1)
       return;
-    const a = s[o];
-    (m = g == null ? void 0 : g.setupContext) == null || m.emit("selectionChange", "response-toolbar-item", a);
-  }
-  function f(p, s) {
-    l(p), A(), $(p), l(p), i(p, s), v(s.id);
-  }
-  function x(p) {
-    return b("div", {
-      id: p.id,
-      class: y(p)
-    }, [b("div", {
-      class: T(p),
+    const a = r[o];
+    (m = u == null ? void 0 : u.setupContext) == null || m.emit("selectionChange", "response-toolbar-item", a);
+  }
+  function C(d, r) {
+    l(d), B(), P(d), l(d), c(d, r), x(r.id);
+  }
+  function I(d) {
+    return g("div", {
+      id: d.id,
+      class: h(d)
+    }, [g("div", {
+      class: b(d),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (s) => p.enable && f(s, p)
-    }, [P(p.id), e.shouldShowIcon(p) && b("i", {
-      class: e.iconClass(p)
-    }, null), b("span", null, [p.text]), b("i", {
+      onClick: (r) => d.enable && C(r, d)
+    }, [T(d.id), e.shouldShowIcon(d) && g("i", {
+      class: e.iconClass(d)
+    }, null), g("span", null, [d.text]), g("i", {
       class: "f-icon f-icon-arrow-chevron-down",
       style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), u(p)]);
-  }
-  function k() {
-    h();
+    }, null)]), i(d)]);
   }
-  return {
-    renderToolbarDropdown: x,
-    clearAllDropDown: k
-  };
-}
-function _t() {
-  function n(e) {
-    var u, h;
-    if (!e)
-      return !1;
-    const t = ((u = e.targetContainer) == null ? void 0 : u.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!t)
-      return !1;
-    const r = (h = t.schema.appearance) == null ? void 0 : h.class;
-    if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const g = t.schema.type, D = (g === "response-form" || g === "content-container") && r && r.includes("farris-form");
-      if (t.schema.type !== "response-layout-item" && !D)
-        return !1;
-    }
-    return e.controlType !== "field-set";
+  function O() {
+    p();
   }
   return {
-    basalDragulaRuleForContainer: n
+    renderToolbarDropdown: I,
+    clearAllDropDown: O
   };
 }
-const Ft = "https://json-schema.org/draft/2020-12/schema", Lt = "https://farris-design.gitee.io/dragging-rules.schema.json", Vt = "Dragging Rules", Wt = "The rules of designer canvas", Ut = "object", qt = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-section-form": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          },
-                                          "f-section-grid": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      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"
-  }
-}, Ht = {
-  $schema: Ft,
-  $id: Lt,
-  title: Vt,
-  description: Wt,
-  type: Ut,
-  properties: qt
-}, se = /* @__PURE__ */ new Map();
-function Me() {
-  function n(c, C, w, j) {
-    var I;
-    if (typeof w == "number")
-      return ((I = j[c]) == null ? void 0 : I.length) === w;
-    if (typeof w == "object") {
-      const P = Object.keys(w)[0], A = w[P];
-      if (P === "not")
-        return Number(j[c].length) !== Number(A);
-      if (P === "moreThan")
-        return Number(j[c].length) >= Number(A);
-      if (P === "lessThan")
-        return Number(j[c].length) <= Number(A);
-    }
-    return !1;
-  }
-  function e(c, C, w, j) {
-    return typeof w == "boolean" ? j.childrenClassList.includes(C) === !!w : !1;
-  }
-  function t(c, C, w, j) {
-    return typeof w == "boolean" ? j.parentClassList.includes(C) === !!w : !1;
-  }
-  function r(c, C, w, j) {
-    return typeof w == "boolean" ? j.parentClassList.includes(C) === !!w : !1;
-  }
-  const u = /* @__PURE__ */ new Map([
-    ["length", n],
-    ["hasChildren", e],
-    ["hasSibling", r],
-    ["hasParent", t]
-  ]);
-  function h(c, C) {
-    const w = c;
-    return typeof C == "number" ? [{ target: w, operator: "length", param: null, value: Number(C) }] : typeof C == "object" ? Object.keys(C).map((j) => {
-      if (j === "length")
-        return { target: w, operator: "length", param: null, value: C[j] };
-      const I = j, P = C[j];
-      return { target: w, operator: c === "children" ? "hasChildren" : c === "parent" ? "hasParent" : "hasSibling", param: I, value: P };
-    }) : [];
-  }
-  function g(c, C) {
-    if (u.has(c.operator)) {
-      const w = u.get(c.operator);
-      return w && w(c.target, c.param, c.value, C) || !1;
-    }
-    return !1;
-  }
-  function D(c, C) {
-    return Object.keys(c).reduce((P, A) => {
-      const $ = h(A, c[A]);
-      return P.push(...$), P;
-    }, []).reduce((P, A) => P && g(A, C), !0);
-  }
-  function S(c, C) {
-    const w = Object.keys(c), j = w.includes("allOf"), I = w.includes("anyOf"), P = j || I, v = (P ? c[P ? j ? "allOf" : "anyOf" : "allOf"] : [c]).map((x) => D(x, C));
-    return j ? !v.includes(!1) : v.includes(!0);
-  }
-  function y(c, C) {
-    const w = c.const;
-    return w ? typeof w == "boolean" ? w : typeof w == "object" ? S(w, C) : !1 : !1;
-  }
-  function T(c) {
-    return (C) => {
-      const w = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return c && c.properties && Object.keys(c.properties).reduce((j, I) => {
-        const P = c.properties[I];
-        return j[I] = y(P, C), j;
-      }, w), w;
-    };
-  }
-  function l(c, C, w) {
-    if (C.type === "object" && C.properties) {
-      const { rules: j, contents: I } = C.properties;
-      w.set(c, T(j)), I && Object.keys(I.properties).forEach(
-        (P) => l(P, I.properties[P], w)
-      );
-    }
-  }
-  function i() {
-    const { properties: c } = Ht;
-    Object.keys(c).forEach((C) => {
-      l(C, c[C], se);
-    });
-  }
-  function d(c, C) {
-    const w = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return se.has(c) ? se.get(c)(C) : w;
-  }
-  return i(), { getRuleValue: d };
-}
-class zt extends ee {
+class Ft extends ee {
   constructor(e, t) {
     super(e, t);
   }
@@ -2528,85 +1797,40 @@ class zt extends ee {
     };
   }
 }
-function Gt(n, e, t, r) {
-  const u = Me(), h = M(!1), g = M(!1);
-  let D = !0, S = !1, y;
-  function T(v) {
-    return y && y.componentClassList && y.componentClassList.includes("f-form-layout") && y.componentClassList.includes("farris-form") ? v.sourceType === "control" && v.controlCategory === "input" || v.sourceType === "move" && v.controlType === "form-group" : !0;
-  }
-  function l(v) {
-    return !_t().basalDragulaRuleForContainer(v) || !D || !T(v), !1;
-  }
-  function i() {
-    h.value = !1, g.value = !1;
-    const v = n, f = v.appearance && v.appearance.class || "", x = f.split(" "), k = v.buttons || [], p = k.length ? k[0] : null, s = p && p.appearance ? p.appearance.class : "", o = s ? s.split(" ") : [], a = k.length ? k.reduce((_, W) => {
-      const q = W && W.appearance ? W.appearance.class : "", te = q ? q.split(" ") : [];
-      return _.push(...te), _;
-    }, []) : [], m = t == null ? void 0 : t.schema, B = m && m.appearance && m.appearance.class || "", E = B ? B.split(" ") : [];
-    y = {
-      componentClass: f,
-      componentClassList: x,
-      childContents: k,
-      firstChildContent: p,
-      firstChildClass: s,
-      firstChildClassList: o,
-      parent: m,
-      parentClass: B,
-      parentClassList: E,
-      children: k,
-      childrenClassList: a
-    };
-    const { canAccept: R, fixed: L, hidePadding: N } = u.getRuleValue(x[0], y);
-    return D = R, S = N, !0;
-  }
-  function d(v) {
-  }
-  function c() {
-    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function C(v, f) {
-    return f.text = v.label, f;
+function Lt(n, e) {
+  const t = n.schema;
+  function s(b) {
+    return !1;
   }
-  function w(v, f, x) {
-    const k = n;
-    if ((k.appearance && k.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const o = String(v.innerText), a = U("form-group");
-      return a.editor = x, a.label = o, a;
-    }
-    return x;
+  function i(b, l) {
+    return l.text = b.label, l;
   }
-  function j() {
+  function p() {
     return !1;
   }
-  function I() {
+  function u() {
     return !1;
   }
-  function P() {
+  function y() {
     return !0;
   }
-  function A() {
-    return S;
+  function w() {
+    return !0;
   }
-  function $(v) {
-    return new zt(v, e).getPropertyConfig(n);
+  function h(b) {
+    return new Ft(b, e).getPropertyConfig(t);
   }
   return {
-    canAccepts: l,
-    checkCanAddComponent: P,
-    checkCanDeleteComponent: I,
-    checkCanMoveComponent: j,
-    getStyles: c,
-    hideNestedPaddingInDesginerView: A,
-    onAcceptNewChildElement: w,
-    onAcceptMovedChildElement: d,
-    onResolveNewComponentSchema: C,
-    resolveComponentContext: i,
-    getPropsConfig: $,
-    triggerBelongedComponentToMoveWhenMoved: h,
-    triggerBelongedComponentToDeleteWhenDeleted: g
+    canAccepts: s,
+    checkCanAddComponent: y,
+    checkCanDeleteComponent: u,
+    checkCanMoveComponent: p,
+    hideNestedPaddingInDesginerView: w,
+    onResolveNewComponentSchema: i,
+    getPropsConfig: h
   };
 }
-const Jt = {
+const Vt = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -2619,12 +1843,12 @@ const Jt = {
    * 组件值
    */
   modelValue: { type: Object }
-}, X = M(0);
-function Qt(n, e) {
-  const t = e.getBoundingClientRect(), r = n.getBoundingClientRect(), u = r.top >= t.top, h = r.top <= t.bottom;
-  return u && h;
+}, X = S(0);
+function Ut(n, e) {
+  const t = e.getBoundingClientRect(), s = n.getBoundingClientRect(), i = s.top >= t.top, p = s.top <= t.bottom;
+  return i && p;
 }
-function Xt(n) {
+function Wt(n) {
   if (!n)
     return;
   let e;
@@ -2633,240 +1857,232 @@ function Xt(n) {
   const t = e.getBoundingClientRect();
   if (t.width === 0 && t.height === 0)
     return;
-  const r = e.querySelector(".component-btn-group");
-  if (r) {
-    if (!Qt(e, n)) {
-      r.style.display = "none";
+  const s = e.querySelector(".component-btn-group");
+  if (s) {
+    if (!Ut(e, n)) {
+      s.style.display = "none";
       return;
     }
-    r.style.display = "";
-    const h = r.getBoundingClientRect(), g = r.querySelector("div");
-    if (g) {
-      const D = g.getBoundingClientRect();
-      g.style.top = h.top + "px", g.style.left = h.left - D.width + "px";
+    s.style.display = "";
+    const p = s.getBoundingClientRect(), u = s.querySelector("div");
+    if (u) {
+      const y = u.getBoundingClientRect();
+      u.style.top = p.top + "px", u.style.left = p.left - y.width + "px";
     }
   }
 }
-function Yt(n, e, t) {
-  var $;
-  function r() {
+function qt(n, e, t) {
+  var B;
+  function s() {
   }
-  const u = "", h = M();
-  function g() {
+  const i = "", p = S();
+  function u() {
     return !0;
   }
-  function D() {
+  function y() {
     return !1;
   }
-  function S() {
+  function w() {
     return !0;
   }
-  function y() {
+  function h() {
     return !0;
   }
-  function T() {
+  function b() {
     return !0;
   }
-  function l(v) {
-    if (!v || !v.value)
+  function l(P) {
+    if (!P || !P.value)
       return null;
-    const f = M(v == null ? void 0 : v.value.parent), x = l(f);
-    return x || null;
+    const x = S(P == null ? void 0 : P.value.parent), C = l(x);
+    return C || null;
   }
-  function i(v = e) {
-    const { componentInstance: f, designerItemElementRef: x } = v;
-    return !f || !f.value ? null : f.value.canMove || f.value.canAdd || f.value.canDelete ? x : i(v.parent);
+  function c(P = e) {
+    const { componentInstance: x, designerItemElementRef: C } = P;
+    return !x || !x.value ? null : x.value.canMove || x.value.canAdd || x.value.canDelete ? C : c(P.parent);
   }
-  function d(v) {
+  function f(P) {
     return !!t;
   }
-  function c() {
+  function v() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function C() {
-  }
-  function w(v, f) {
+  function k() {
   }
-  function j(v) {
-    const { componentType: f } = v;
-    let x = U(f, v);
-    const k = f.toLowerCase().replace("-", "_");
-    return x && !x.id && x.type === f && (x.id = `${k}_${Math.random().toString().slice(2, 6)}`), x;
+  function A(P, x) {
   }
-  function I(v, f) {
-    const x = String(v.getAttribute("data-controltype")), k = v.getAttribute("data-feature"), p = k ? JSON.parse(k) : {};
-    p.parentComponentInstance = h.value;
-    let s = U(x, p);
-    const o = x.toLowerCase().replace("-", "_");
-    return s && !s.id && s.type === x && (s.id = `${o}_${Math.random().toString().slice(2, 6)}`), s;
+  function $(P) {
+    const { componentType: x } = P;
+    let C = Q(x, P);
+    const I = x.toLowerCase().replace("-", "_");
+    return C && !C.id && C.type === x && (C.id = `${I}_${Math.random().toString().slice(2, 6)}`), C;
   }
-  function P(v) {
+  function _(P) {
   }
-  function A(...v) {
+  function T(...P) {
     return [];
   }
-  return h.value = {
-    canMove: g(),
-    canSelectParent: D(),
-    canAdd: y(),
-    canDelete: S(),
-    canNested: !T(),
+  return p.value = {
+    canMove: u(),
+    canSelectParent: y(),
+    canAdd: h(),
+    canDelete: w(),
+    canNested: !b(),
     contents: [],
     elementRef: n,
-    parent: ($ = e.parent) == null ? void 0 : $.componentInstance,
+    parent: (B = e.parent) == null ? void 0 : B.componentInstance,
     schema: e.schema,
-    styles: u,
-    canAccepts: d,
+    styles: i,
+    canAccepts: f,
     getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: i,
-    getDraggingDisplayText: c,
-    getPropConfig: A,
-    getDragScopeElement: C,
-    onAcceptMovedChildElement: w,
-    onAcceptNewChildElement: I,
-    onChildElementMovedOut: P,
-    addNewChildComponentSchema: j,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: M(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: M(!1)
-  }, h;
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: v,
+    getPropConfig: T,
+    getDragScopeElement: k,
+    onAcceptMovedChildElement: A,
+    onChildElementMovedOut: _,
+    addNewChildComponentSchema: $,
+    updateDragAndDropRules: s,
+    triggerBelongedComponentToMoveWhenMoved: S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: S(!1)
+  }, p;
 }
-const ke = /* @__PURE__ */ z({
+const Ee = /* @__PURE__ */ U({
   name: "FDesignerInnerItem",
-  props: Jt,
+  props: Vt,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   setup(n, e) {
-    const t = M(n.canMove), r = M(n.canAdd), u = M(n.canDelete), h = M(!1), g = M(n.contentKey), D = M(n.childType), S = M(n.childLabel), y = M(n.modelValue), T = M(""), l = M(), i = V("canvas-dragula"), d = M(), c = V("design-item-context"), C = {
+    const t = S(n.canMove), s = S(n.canAdd), i = S(n.canDelete), p = S(!1), u = S(n.contentKey), y = S(n.childType), w = S(n.childLabel), h = S(n.modelValue), b = S(""), l = S(), c = V("canvas-dragula"), f = S(), v = V("design-item-context"), k = {
       designerItemElementRef: l,
-      componentInstance: d,
-      schema: y.value,
-      parent: c,
+      componentInstance: f,
+      schema: h.value,
+      parent: v,
       setupContext: e
     };
-    Ne("design-item-context", C);
-    const w = F(() => ({
+    _e("design-item-context", k);
+    const A = N(() => ({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
       "flex-fill": n.id == "root-component",
-      "position-relative": t.value || u.value,
-      "farris-nested": h.value,
+      "position-relative": t.value || i.value,
+      "farris-nested": p.value,
       "can-move": t.value,
       "d-none": l.value && l.value.classList.contains("d-none")
-    })), j = F(() => {
+    })), $ = N(() => {
       const o = {};
-      return T.value && T.value.split(";").reduce((a, m) => {
-        const [B, E] = m.split(":");
-        return B && (a[B] = E), a;
+      return b.value && b.value.split(";").reduce((a, m) => {
+        const [M, D] = m.split(":");
+        return M && (a[M] = D), a;
       }, o), o;
     });
-    function I(o, a) {
-      if (c && c.schema[g.value]) {
-        const m = c.schema[g.value].findIndex((B) => B.id === a.id);
+    function _(o, a) {
+      if (v && v.schema[u.value]) {
+        const m = v.schema[u.value].findIndex((M) => M.id === a.id);
         if (m > -1) {
-          const B = c.schema[g.value].length, E = c.schema[g.value][m % B];
-          c.designerItemElementRef.value.querySelector(`#${E.id}-design-item`), c.schema[g.value].splice(m, 1), c.componentInstance.value.updateDragAndDropRules(), X.value++, e.emit("removeComponent");
+          const M = v.schema[u.value].length, D = v.schema[u.value][m % M];
+          v.designerItemElementRef.value.querySelector(`#${D.id}-design-item`), v.schema[u.value].splice(m, 1), v.componentInstance.value.updateDragAndDropRules(), X.value++, e.emit("removeComponent");
         }
       }
     }
-    function P(o) {
-      if (d.value.addNewChildComponentSchema) {
+    function T(o) {
+      if (f.value.addNewChildComponentSchema) {
         const a = {
-          componentType: D.value,
-          label: S.value,
-          parentComponentInstance: d.value,
+          componentType: y.value,
+          label: w.value,
+          parentComponentInstance: f.value,
           targetPosition: -1
-        }, m = d.value.addNewChildComponentSchema(a);
-        y.value[g.value].push(m), e.emit("addComponent");
+        }, m = f.value.addNewChildComponentSchema(a);
+        h.value[u.value].push(m), e.emit("addComponent");
       }
     }
-    function A() {
-      return r.value && b("div", {
+    function B() {
+      return s.value && g("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
         onClick: (o) => {
-          P();
+          T();
         }
-      }, [b("i", {
+      }, [g("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function $(o) {
-      return u.value && b("div", {
+    function P(o) {
+      return i.value && g("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: Fe((a) => I(a, o), ["stop"])
-      }, [b("i", {
+        onClick: Fe((a) => _(a, o), ["stop"])
+      }, [g("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function v() {
-      return t.value && b("div", {
+    function x() {
+      return t.value && g("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [b("i", {
+      }, [g("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function f(o) {
-      return b("div", {
+    function C(o) {
+      return g("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [b("div", null, [A(), v(), $(o)])]);
+      }, [g("div", null, [B(), x(), P(o)])]);
     }
-    G(() => n.modelValue, (o) => {
-      y.value = o, C.schema = o;
+    q(() => n.modelValue, (o) => {
+      h.value = o, k.schema = o;
     });
-    function x(o) {
+    function I(o) {
       const a = o.target;
-      Xt(a);
+      Wt(a);
     }
-    function k() {
+    function O() {
       var o, a;
-      (a = (o = y.value) == null ? void 0 : o.contents) != null && a.length && l.value && l.value.addEventListener("scroll", x);
+      (a = (o = h.value) == null ? void 0 : o.contents) != null && a.length && l.value && l.value.addEventListener("scroll", I);
     }
-    function p() {
-      const o = l.value, a = M(o.children[1]);
-      return Yt(a, C).value;
+    function d() {
+      const o = l.value, a = S(o.children[1]);
+      return qt(a, k).value;
     }
     H(() => {
       if (l.value) {
-        const o = l.value.querySelector(`[data-dragref='${y.value.id}-container']`);
-        d.value = o && o.componentInstance ? o.componentInstance.value : p(), i && o && i.attachComponents(o, y.value), h.value = d.value.canNested !== void 0 ? d.value.canNested : h.value, r.value = d.value.canAdd !== void 0 ? d.value.canAdd : r.value, u.value = d.value.canDelete !== void 0 ? d.value.canDelete : u.value, t.value = d.value.canMove !== void 0 ? d.value.canMove : t.value, T.value = d.value.styles || "", l.value && (l.value.componentInstance = d, l.value.designItemContext = C);
+        const o = l.value.querySelector(`[data-dragref='${h.value.id}-container']`);
+        f.value = o && o.componentInstance ? o.componentInstance.value : d(), c && o && c.attachComponents(o, h.value), p.value = f.value.canNested !== void 0 ? f.value.canNested : p.value, s.value = f.value.canAdd !== void 0 ? f.value.canAdd : s.value, i.value = f.value.canDelete !== void 0 ? f.value.canDelete : i.value, t.value = f.value.canMove !== void 0 ? f.value.canMove : t.value, b.value = f.value.styles || "", l.value && (l.value.componentInstance = f, l.value.designItemContext = k);
       }
-      k(), X.value++;
-    }), _e(() => {
-      l.value && l.value.removeEventListener("scroll", x);
+      O(), X.value++;
+    }), Ne(() => {
+      l.value && l.value.removeEventListener("scroll", I);
     });
-    function s(o) {
+    function r(o) {
       Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((m) => m.classList.remove("dgComponentFocused")), o && (o.preventDefault(), o.stopPropagation());
       const a = l.value;
       if (a) {
         const m = document.getElementsByClassName("dgComponentSelected");
         if (!(m && m.length === 1 && m[0] === l.value)) {
-          Array.from(m).forEach((R) => R.classList.remove("dgComponentSelected")), a.classList.add("dgComponentFocused"), e.emit("selectionChange", y.value.type, y.value, n.componentId, d.value);
-          const E = d.value.getDraggableDesignItemElement(C);
-          E && E.value && E.value.classList.add("dgComponentSelected");
+          Array.from(m).forEach((E) => E.classList.remove("dgComponentSelected")), a.classList.add("dgComponentFocused"), e.emit("selectionChange", h.value.type, h.value, n.componentId, f.value);
+          const D = f.value.getDraggableDesignItemElement(k);
+          D && D.value && D.value.classList.add("dgComponentSelected");
         }
       }
       X.value++;
     }
-    return () => b("div", {
+    return () => g("div", {
       id: `${n.id}-design-item`,
       ref: l,
-      class: w.value,
-      style: j.value,
-      onClick: s
-    }, [f(y.value), e.slots.default && e.slots.default()]);
+      class: A.value,
+      style: $.value,
+      onClick: r
+    }, [C(h.value), e.slots.default && e.slots.default()]);
   }
 });
-class Zt extends ee {
+class Ht extends ee {
   constructor(e, t) {
     super(e, t);
   }
@@ -2917,45 +2133,45 @@ class Zt extends ee {
           title: "style样式"
         }
       },
-      setPropertyRelates(t, r) {
+      setPropertyRelates(t, s) {
       }
     };
   }
   getEventPropConfig(e) {
     const t = [
       {
-        label: "click",
+        label: "onClick",
         name: "点击事件"
       }
     ];
-    var r = this;
-    const u = r.eventsEditorUtils.formProperties(e, r.viewModelId, t), h = {};
-    h[r.viewModelId] = {
+    var s = this;
+    const i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), p = {};
+    p[s.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: u
+        initialData: i
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: h,
+      properties: p,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(g, D) {
-        const S = g.propertyValue;
-        delete e[r.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, S.events, S));
+      setPropertyRelates(u, y) {
+        const w = u.propertyValue;
+        delete e[s.viewModelId], w && (w.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, w.events, w));
       }
     };
   }
 }
-class Kt extends ee {
+class zt extends ee {
   constructor(e, t) {
     super(e, t);
   }
   getPropertyConfig(e) {
-    return this.getBasicPropConfig(), this.getAppearanceProperties(e), this.getEventPropConfig(e), this.propertyConfig;
+    return this.getBasicPropConfig(), this.getAppearanceProperties(e), this.getbBehaviorConfig(), this.getEventPropConfig(e), this.propertyConfig;
   }
   getBasicPropConfig() {
     this.propertyConfig.categories.basic = {
@@ -2993,6 +2209,20 @@ class Kt extends ee {
       }
     };
   }
+  getbBehaviorConfig() {
+    this.propertyConfig.categories.behavior = {
+      title: "行为",
+      description: "Behavior",
+      properties: {
+        disabled: {
+          title: "禁用状态",
+          type: "boolean",
+          description: "按钮禁用状态",
+          refreshPanelAfterChanged: !0
+        }
+      }
+    };
+  }
   getAppearanceProperties(e) {
     this.propertyConfig.categories.appearance = {
       title: "样式",
@@ -3001,12 +2231,8 @@ class Kt extends ee {
         class: {
           title: "class",
           type: "string",
-          description: ""
-        },
-        style: {
-          title: "style",
-          type: "string",
-          description: ""
+          description: "",
+          $converter: "/converter/appearance.converter"
         }
       }
     };
@@ -3014,280 +2240,250 @@ class Kt extends ee {
   getEventPropConfig(e) {
     const t = [
       {
-        label: "click",
+        label: "onClick",
         name: "点击事件"
       }
-    ], r = this, u = r.eventsEditorUtils.formProperties(e, r.viewModelId, t), h = {};
-    h[r.viewModelId] = {
+    ], s = this, i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), p = {};
+    p[s.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: u
+        initialData: i
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: h,
+      properties: p,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(g, D) {
-        const S = g.propertyValue;
-        delete e[r.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, S.events, S));
+      setPropertyRelates(u, y) {
+        const w = u.propertyValue;
+        delete e[s.viewModelId], w && (w.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, w.events, w));
       }
     };
   }
 }
-function en(n, e) {
-  Me();
-  const t = M(!1), r = M(!1);
-  let u = !1, h = !1;
-  function g(w) {
+function Gt(n, e) {
+  function t(y) {
     return !1;
   }
-  function D(w) {
-  }
-  function S() {
-    return "";
-  }
-  function y(w, j) {
-    return j.text = w.label, j;
-  }
-  function T(w, j, I) {
-    const P = n.schema;
-    if ((P.appearance && P.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const v = String(w.innerText), f = U("form-group");
-      return f.editor = I, f.label = v, f;
-    }
-    return I;
-  }
-  function l() {
+  function s() {
     return !1;
   }
   function i() {
-    return !h;
+    return !0;
   }
-  function d() {
+  function p() {
     return !1;
   }
-  function c() {
-    return u;
-  }
-  function C(w) {
-    let j;
+  function u(y) {
+    let w;
     switch (n.schema.type) {
       case "tab-toolbar-item":
-        j = new Zt(w, e);
+        w = new Ht(y, e);
         break;
       default:
-        j = new Kt(w, e);
+        w = new zt(y, e);
     }
-    return j.getPropertyConfig(n.schema);
+    return w.getPropertyConfig(n.schema);
   }
   return {
-    canAccepts: g,
-    checkCanAddComponent: d,
+    canAccepts: t,
+    checkCanMoveComponent: s,
     checkCanDeleteComponent: i,
-    checkCanMoveComponent: l,
-    getStyles: S,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptNewChildElement: T,
-    onAcceptMovedChildElement: D,
-    onResolveNewComponentSchema: y,
-    getPropsConfig: C,
-    triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: r
+    checkCanAddComponent: p,
+    getPropsConfig: u
   };
 }
-const Ae = /* @__PURE__ */ z({
+const Be = /* @__PURE__ */ U({
   name: "FResponseToolbarItemDesign",
-  props: xe,
+  props: Me,
   emits: ["Click"],
   setup(n, e) {
-    M(), M();
-    const t = M(n.alignment), r = {
+    S(), S();
+    const t = S(n.alignment), s = {
       id: "__more_buttons__",
       text: "More"
-    }, u = M(new J(r));
-    F(() => u.value.children.length > 0);
-    const h = M(), g = V("designer-host-service"), D = V("design-item-context"), S = en(D, g), y = Ce(h, D, S);
+    }, i = S(new z(s));
+    N(() => i.value.children.length > 0);
+    const p = S(), u = V("designer-host-service"), y = V("design-item-context"), w = Gt(y, u), h = Ce(p, y, w);
     V("toolbar-item-handler", () => {
     }), H(() => {
-      h.value.componentInstance = y;
-    }), e.expose(y.value);
-    function T() {
-      const d = {
+      p.value.componentInstance = h;
+    }), e.expose(h.value);
+    function b() {
+      const f = {
         "f-icon": !0
-      }, c = n.icon ? n.icon.trim() : "";
-      return Y(d, c);
+      }, v = n.icon ? n.icon.trim() : "";
+      return Y(f, v);
     }
     function l() {
       return !!(n.icon && n.icon.trim());
     }
-    function i() {
-      const d = {
+    function c() {
+      const f = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": t.value === "right",
         "f-btn-mr": t.value === "left",
-        "btn-icontext": !!(n.icon && n.icon.trim())
+        "btn-icontext": !!(n.icon && n.icon.trim()),
+        disabled: n.disabled === !0
       };
-      return Y(d, n.class);
+      return Y(f, n.class);
     }
-    return H(() => {
-    }), ie(() => {
-    }), () => b("div", {
-      ref: h,
-      "data-dragref": `${D.schema.id}-container`,
+    return () => g("div", {
+      ref: p,
+      "data-dragref": `${y.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [b("button", {
+    }, [g("button", {
       type: "button",
-      class: i(),
+      class: c(),
       id: n.id
-    }, [l() && b("i", {
-      class: T()
+    }, [l() && g("i", {
+      class: b()
     }, null), n.text])]);
   }
-}), Be = /* @__PURE__ */ z({
+}), Ie = /* @__PURE__ */ U({
   name: "FResponseToolbarDesign",
-  props: Bt,
+  props: At,
   emits: ["Click"],
   setup(n, e) {
-    const t = M(n.items);
-    let r = new Array(t.value.length).fill(M());
-    const u = M(), h = M(), g = M(n.alignment), D = {
+    const t = S(n.items);
+    let s = new Array(t.value.length).fill(S());
+    const i = S(), p = S(), u = S(n.alignment), y = {
       id: "__more_buttons__",
       text: "More"
-    }, S = M(new J(D)), y = Ee();
-    F(() => S.value.children.length > 0);
-    const T = M(), l = V("designer-host-service"), i = V("design-item-context"), d = Gt(i.schema, l, i), c = Ce(T, i, d);
+    }, w = S(new z(y)), h = xe();
+    N(() => w.value.children.length > 0);
+    const b = S(), l = V("designer-host-service"), c = V("design-item-context"), f = Lt(c, l), v = Ce(b, c, f);
     V("toolbar-item-handler", () => {
     }), H(() => {
-      T.value.componentInstance = c;
-    }), e.expose(c.value);
-    const C = F(() => Y({
+      b.value.componentInstance = v;
+    }), e.expose(v.value);
+    const k = N(() => Y({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    }, n.customClass)), w = F(() => ({
+    }, n.customClass)), A = N(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": g.value === "right",
-      "justify-content-start": g.value === "left"
+      "justify-content-end": u.value === "right",
+      "justify-content-start": u.value === "left"
     })), {
-      renderToolbarDropdown: j,
-      clearAllDropDown: I
-    } = Nt(n, y, c);
-    function P() {
-      t.value.filter((p) => p.children && p.children.length > 0).forEach((p) => {
-        p.expanded = !1;
-      }), S.value.expanded = !1, I();
+      renderToolbarDropdown: $,
+      clearAllDropDown: _
+    } = Nt(n, h, v);
+    function T() {
+      t.value.filter((d) => d.children && d.children.length > 0).forEach((d) => {
+        d.expanded = !1;
+      }), w.value.expanded = !1, _();
     }
-    const A = /* @__PURE__ */ new Map(), $ = [];
-    function v(p) {
-      const s = h.value;
-      let o = p;
-      const a = Array.from(s.children), m = a[a.length - 1].id === "__more_buttons__" ? a[a.length - 1] : null;
+    const B = /* @__PURE__ */ new Map(), P = [];
+    function x(d) {
+      const r = p.value;
+      let o = d;
+      const a = Array.from(r.children), m = a[a.length - 1].id === "__more_buttons__" ? a[a.length - 1] : null;
       if (m) {
-        const N = m.computedStyleMap().get("margin-left"), _ = m.computedStyleMap().get("margin-right"), W = (N ? N.value : 0) + m.getBoundingClientRect().width + (_ ? _.value : 0);
+        const j = m.computedStyleMap().get("margin-left"), F = m.computedStyleMap().get("margin-right"), W = (j ? j.value : 0) + m.getBoundingClientRect().width + (F ? F.value : 0);
         o -= W;
       }
-      const B = a.filter((N) => N.id !== "__more_buttons__");
-      for (const N of B) {
-        const _ = N.computedStyleMap().get("margin-left"), W = N.computedStyleMap().get("margin-right"), q = (_ ? _.value : 0) + N.getBoundingClientRect().width + (W ? W.value : 0);
-        o < q ? (A.set(N.id, !0), $.push({
-          id: N.id,
-          width: q
-        })) : o -= q;
+      const M = a.filter((j) => j.id !== "__more_buttons__");
+      for (const j of M) {
+        const F = j.computedStyleMap().get("margin-left"), W = j.computedStyleMap().get("margin-right"), G = (F ? F.value : 0) + j.getBoundingClientRect().width + (W ? W.value : 0);
+        o < G ? (B.set(j.id, !0), P.push({
+          id: j.id,
+          width: G
+        })) : o -= G;
       }
-      if ($.length)
-        for (let N = $.length - 1; N >= 0; N--) {
-          const _ = $[N].width;
-          if (o >= _)
-            o -= _, A.delete($[N].id), $.pop();
+      if (P.length)
+        for (let j = P.length - 1; j >= 0; j--) {
+          const F = P[j].width;
+          if (o >= F)
+            o -= F, B.delete(P[j].id), P.pop();
           else
             break;
         }
-      const E = Object.assign({}, S.value);
-      E.children = [];
-      const R = new J(E), L = t.value.reduce((N, _) => (A.has(_.id) && R.children.push(_), _.visible = !A.has(_.id), N.push(_), N), []);
-      S.value = R, t.value = L;
+      const D = Object.assign({}, w.value);
+      D.children = [];
+      const E = new z(D), L = t.value.reduce((j, F) => (B.has(F.id) && E.children.push(F), F.visible = !B.has(F.id), j.push(F), j), []);
+      w.value = E, t.value = L;
     }
-    const f = new ResizeObserver((p) => {
-      if (p.length) {
-        const o = p[0].contentRect.width, m = h.value.getBoundingClientRect().width;
-        (o < m || $.length) && v(o);
+    const C = new ResizeObserver((d) => {
+      if (d.length) {
+        const o = d[0].contentRect.width, m = p.value.getBoundingClientRect().width;
+        (o < m || P.length) && x(o);
       }
     });
     H(() => {
-      const p = u.value;
-      f.observe(p), document.body.addEventListener("click", P);
-    }), ie(() => {
-      f.disconnect(), document.body.removeEventListener("click", P);
-    }), G(() => n.items, () => {
+      const d = i.value;
+      C.observe(d), document.body.addEventListener("click", T);
+    }), ye(() => {
+      C.disconnect(), document.body.removeEventListener("click", T);
+    }), q(() => n.items, () => {
       t.value = n.items;
     }, {
       deep: !0
-    }), G(t, (p) => {
-      r = new Array(t.value.length).fill(M());
+    }), q(t, (d) => {
+      s = new Array(t.value.length).fill(S());
     });
-    function x(p, s, o, a) {
-      i && i.setupContext && i.setupContext.emit("selectionChange", p, s, o, a);
+    function I(d, r, o, a) {
+      c && c.setupContext && c.setupContext.emit("selectionChange", d, r, o, a);
     }
-    function k() {
-      const p = h.value.querySelector(".dgComponentFocused.dgComponentSelected");
-      p == null || p.classList.remove("dgComponentSelected"), p == null || p.classList.remove("dgComponentFocused");
+    function O() {
+      const d = p.value.querySelector(".dgComponentFocused.dgComponentSelected");
+      d == null || d.classList.remove("dgComponentSelected"), d == null || d.classList.remove("dgComponentFocused");
     }
-    return () => b("div", {
-      ref: T,
-      "data-dragref": `${i.schema.id}-container`,
-      class: C.value
-    }, [b("div", {
-      ref: u,
-      class: w.value
-    }, [b("div", {
-      ref: h,
+    return () => g("div", {
+      ref: b,
+      "data-dragref": `${c.schema.id}-container`,
+      class: k.value
+    }, [g("div", {
+      ref: i,
+      class: A.value
+    }, [g("div", {
+      ref: p,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.map((p, s) => b(ke, {
-      ref: r[s],
+    }, [t.value.map((d, r) => g(Ee, {
+      ref: s[r],
       class: "p-0 display-inline-block",
-      modelValue: p,
-      "onUpdate:modelValue": (o) => p = o,
+      modelValue: d,
+      "onUpdate:modelValue": (o) => d = o,
       canMove: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
       componentId: n.componentId,
-      id: p.id,
+      id: d.id,
       style: "padding:0 !important;display:inline-block",
-      onSelectionChange: x,
-      onRemoveComponent: k
+      onSelectionChange: I,
+      onRemoveComponent: O
     }, {
       default: () => {
         var o;
-        return [b(Ae, {
-          id: p.id,
-          disable: p.disable,
-          text: p.text,
-          icon: p.icon,
-          class: ((o = p.appearance) == null ? void 0 : o.class) || "btn-secondary",
+        return [g(Be, {
+          id: d.id,
+          disabled: d.disabled,
+          text: d.text,
+          icon: d.icon,
+          class: ((o = d.appearance) == null ? void 0 : o.class) || "btn-secondary",
           alignment: n.alignment || "right",
           componentId: n.componentId
         }, null)];
       }
     }))])])]);
   }
-}), be = de;
+}), me = ce;
 Z.register = (n, e, t) => {
-  n["response-toolbar"] = Z, e["response-toolbar"] = de;
+  n["response-toolbar"] = Z, e["response-toolbar"] = ce;
 };
 Z.registerDesigner = (n, e, t) => {
-  n["response-toolbar"] = Be, e["response-toolbar"] = de, n["response-toolbar-item"] = Ae, e["response-toolbar-item"] = Rt;
+  n["response-toolbar"] = Ie, e["response-toolbar"] = ce, n["response-toolbar-item"] = Be, e["response-toolbar-item"] = Ot;
 };
-We(Z);
-const tn = {
+Ve(Z);
+const Jt = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   type: { type: String, default: "" },
@@ -3302,103 +2498,104 @@ const tn = {
    */
   modelValue: { type: Object },
   ignore: { type: Boolean, default: !1 }
-}, ye = /* @__PURE__ */ z({
+}, he = /* @__PURE__ */ U({
   name: "FDesignerTemplateItem",
-  props: tn,
+  props: Jt,
   emits: ["selectionChange"],
   setup(n, e) {
-    const t = M(), r = F(() => ({
+    const t = S(), s = N(() => ({
       "farris-component": !0
     }));
-    function u(h) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((D) => D.classList.remove("dgComponentFocused")), h && (h.preventDefault(), h.stopPropagation());
-      const g = t.value;
-      if (g) {
-        const D = document.getElementsByClassName("dgComponentSelected");
-        D && D.length === 1 && D[0] === t.value || (Array.from(D).forEach((y) => y.classList.remove("dgComponentSelected")), g.classList.add("dgComponentFocused"));
+    function i(p) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((y) => y.classList.remove("dgComponentFocused")), p && (p.preventDefault(), p.stopPropagation());
+      const u = t.value;
+      if (u) {
+        const y = document.getElementsByClassName("dgComponentSelected");
+        y && y.length === 1 && y[0] === t.value || (Array.from(y).forEach((h) => h.classList.remove("dgComponentSelected")), u.classList.add("dgComponentFocused"));
       }
       X.value++;
     }
-    return () => b("div", {
+    return () => g("div", {
       id: `${n.id}-design-item`,
       ref: t,
-      class: r.value,
-      onClick: u
+      class: s.value,
+      onClick: i
     }, [e.slots.default && e.slots.default()]);
   }
-}), nn = /* @__PURE__ */ z({
+}), Qt = /* @__PURE__ */ U({
   name: "FPageHeaderDesign",
   props: st,
   emits: ["Click"],
   setup(n, e) {
-    const t = M(), r = V("designer-host-service"), u = V("design-item-context"), h = at(u.schema, r), g = rt(t, u, h), D = M(u.schema.toolbar || {
+    const t = S(), s = V("designer-host-service"), i = V("design-item-context"), p = lt(i.schema, s), u = it(t, i, p), y = S(i.schema.toolbar || {
       type: "response-toolbar",
       buttons: []
-    }), S = M(be(D.value));
+    }), w = S(me(y.value));
     H(() => {
-      t.value.componentInstance = g;
-    }), G(() => u.schema.toolbar, () => {
-      D.value = u.schema.toolbar || {
+      t.value.componentInstance = u;
+    }), q(() => i.schema.toolbar, () => {
+      y.value = i.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, S.value = be(D.value);
+      }, w.value = me(y.value);
     }, {
       deep: !0
     });
-    const y = F(() => [...S.value.items]);
-    function T(l, i, d, c) {
-      u && u.setupContext && u.setupContext.emit("selectionChange", l, i, d, c);
+    const h = N(() => [...w.value.items]);
+    function b(l, c, f, v) {
+      i && i.setupContext && i.setupContext.emit("selectionChange", l, c, f, v);
     }
-    return e.expose(g.value), () => b("div", {
+    return e.expose(u.value), () => g("div", {
       ref: t
-    }, [b("nav", {
+    }, [g("nav", {
       class: "f-page-header-base"
-    }, [b("div", {
+    }, [g("div", {
       class: "f-title"
-    }, [b(ye, null, {
-      default: () => [b("span", {
+    }, [g(he, null, {
+      default: () => [g("span", {
         class: "f-title-icon f-text-orna-manage"
-      }, [b("i", {
+      }, [g("i", {
         class: n.icon
       }, null)])]
-    }), b(ye, null, {
-      default: () => [b("h4", {
+    }), g(he, null, {
+      default: () => [g("h4", {
         class: "f-title-text"
       }, [n.title])]
-    })]), b(ke, {
+    })]), g(Ee, {
       class: "col-6 text-right",
-      modelValue: D.value,
-      "onUpdate:modelValue": (l) => D.value = l,
+      modelValue: y.value,
+      "onUpdate:modelValue": (l) => y.value = l,
       canAdd: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
-      id: D.value.id,
+      id: y.value.id,
       componentId: n.componentId,
-      onSelectionChange: T
+      onSelectionChange: b
     }, {
-      default: () => [b(Be, {
+      default: () => [g(Ie, {
         customClass: "w-100",
-        items: y.value,
+        items: h.value,
         componentId: n.componentId
       }, null)]
     })])]);
   }
-}), pn = {
+}), nn = {
   install(n) {
-    n.component(oe.name, oe);
+    n.component(ne.name, ne);
   },
-  register(n, e, t, r) {
-    n["page-header"] = oe, e["page-header"] = ge;
+  register(n, e, t, s) {
+    n["page-header"] = ne, e["page-header"] = pe, s["page-header"] = { eventHandlerResolver: rt };
   },
   registerDesigner(n, e, t) {
-    n["page-header"] = nn, e["page-header"] = ge;
+    n["page-header"] = Qt, e["page-header"] = pe;
   }
 };
 export {
-  oe as PageHeader,
-  pn as default,
+  ne as PageHeader,
+  nn as default,
+  rt as eventHandlerResolver,
   st as pageHeaderDesignerProps,
-  pe as pageHeaderProps,
-  ge as propsResolver
+  ae as pageHeaderProps,
+  pe as propsResolver
 };