@farris/ui-vue 1.3.4 → 1.3.6

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

@@ -1,51 +1,65 @@
 var Ie = Object.defineProperty;
 var Ae = (o, e, t) => e in o ? Ie(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var R = (o, e, t) => Ae(o, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as W, ref as M, computed as F, watch as z, createVNode as m, createTextVNode as X, getCurrentInstance as he, onMounted as G, onUnmounted as be, inject as V, provide as Oe, onBeforeUnmount as je, withModifiers as _e } from "vue";
-import { isPlainObject as ue, cloneDeep as ye } from "lodash-es";
+import { defineComponent as U, ref as M, computed as F, watch as z, createVNode as g, createTextVNode as X, getCurrentInstance as be, onMounted as G, onUnmounted as ye, inject as V, provide as Oe, onBeforeUnmount as je, withModifiers as _e } from "vue";
+import { isPlainObject as pe, cloneDeep as re } from "lodash-es";
 import $e from "../response-toolbar/index.esm.js";
 import { getCustomClass as Z, withInstall as Fe } from "../common/index.esm.js";
 import { useDesignerInnerComponent as ve } from "../designer-canvas/index.esm.js";
 const Ce = {}, we = {};
-function re(o) {
-  const { properties: e, title: t, ignore: s } = o, i = s && Array.isArray(s), u = Object.keys(e).reduce((d, g) => ((!i || !s.find((w) => w === g)) && (d[g] = e[g].type === "object" && e[g].properties ? re(e[g]) : ye(e[g].default)), d), {});
-  if (t && (!i || !s.find((d) => d === "id"))) {
+function ie(o) {
+  const { properties: e, title: t, ignore: s } = o, r = s && Array.isArray(s), u = Object.keys(e).reduce((d, m) => ((!r || !s.find((w) => w === m)) && (d[m] = e[m].type === "object" && e[m].properties ? ie(e[m]) : re(e[m].default)), d), {});
+  if (t && (!r || !s.find((d) => d === "id"))) {
     const d = t.toLowerCase().replace(/-/g, "_");
     u.id = `${d}_${Math.random().toString().slice(2, 6)}`;
   }
   return u;
 }
+function Ne(o) {
+  const { properties: e, title: t, required: s } = o;
+  if (s && Array.isArray(s)) {
+    const r = s.reduce((u, d) => (u[d] = e[d].type === "object" && e[d].properties ? ie(e[d]) : re(e[d].default), u), {});
+    if (t && s.find((u) => u === "id")) {
+      const u = t.toLowerCase().replace(/-/g, "_");
+      r.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return r;
+  }
+  return {
+    type: t
+  };
+}
 function Y(o, e = {}, t) {
   const s = Ce[o];
   if (s) {
-    let i = re(s);
+    let r = Ne(s);
     const u = we[o];
-    return i = u ? u({ getSchemaByType: Y }, i, e, t) : i, i;
+    return r = u ? u({ getSchemaByType: Y }, r, e, t) : r, r;
   }
   return null;
 }
-function Ne(o, e) {
-  const t = re(e);
-  return Object.keys(t).reduce((s, i) => (s[i] && ue(s[i]) && ue(o[i] || !o[i]) ? Object.assign(s[i], o[i] || {}) : s[i] = o[i], s), t), t;
-}
 function Le(o, e) {
-  return Object.keys(o).filter((s) => o[s] != null).reduce((s, i) => {
-    if (e.has(i)) {
-      const u = e.get(i);
+  const t = ie(e);
+  return Object.keys(t).reduce((s, r) => (Object.prototype.hasOwnProperty.call(o, r) && (s[r] && pe(s[r]) && pe(o[r] || !o[r]) ? Object.assign(s[r], o[r] || {}) : s[r] = o[r]), s), t), t;
+}
+function Ve(o, e) {
+  return Object.keys(o).filter((s) => o[s] != null).reduce((s, r) => {
+    if (e.has(r)) {
+      const u = e.get(r);
       if (typeof u == "string")
-        s[u] = o[i];
+        s[u] = o[r];
       else {
-        const d = u(i, o[i], o);
+        const d = u(r, o[r], o);
         Object.assign(s, d);
       }
     } else
-      s[i] = o[i];
+      s[r] = o[r];
     return s;
   }, {});
 }
-function Ve(o, e, t = /* @__PURE__ */ new Map()) {
-  const s = Ne(o, e);
-  return Le(s, t);
+function qe(o, e, t = /* @__PURE__ */ new Map()) {
+  const s = Le(o, e);
+  return Ve(s, t);
 }
 function Ue(o = {}) {
   function e(h, b, c, l) {
@@ -70,7 +84,7 @@ function Ue(o = {}) {
     ["getProperty", t]
   ]);
   Object.keys(o).reduce((h, b) => (h.set(b, o[b]), h), s);
-  function i(h, b) {
+  function r(h, b) {
     const c = h;
     return typeof b == "number" ? [{ target: c, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: c, operator: "getProperty", param: h, value: !!b }] : typeof b == "object" ? Object.keys(b).map((l) => {
       if (l === "length")
@@ -81,7 +95,7 @@ function Ue(o = {}) {
   }
   function u(h) {
     return Object.keys(h).reduce((c, l) => {
-      const f = i(l, h[l]);
+      const f = r(l, h[l]);
       return c.push(...f), c;
     }, []);
   }
@@ -92,11 +106,11 @@ function Ue(o = {}) {
     }
     return !1;
   }
-  function g(h, b) {
+  function m(h, b) {
     return u(h).reduce((f, v) => f && d(v, b), !0);
   }
   function w(h, b) {
-    const c = Object.keys(h), l = c.includes("allOf"), f = c.includes("anyOf"), v = l || f, j = (v ? h[v ? l ? "allOf" : "anyOf" : "allOf"] : [h]).map((D) => g(D, b));
+    const c = Object.keys(h), l = c.includes("allOf"), f = c.includes("anyOf"), v = l || f, j = (v ? h[v ? l ? "allOf" : "anyOf" : "allOf"] : [h]).map((T) => m(T, b));
     return l ? !j.includes(!1) : j.includes(!0);
   }
   return { parseValueSchema: w };
@@ -141,45 +155,45 @@ const ee = {
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
-}, We = {}, qe = {};
+}, We = {}, He = {};
 Ue();
-function ie(o, e, t = /* @__PURE__ */ new Map(), s = (d, g, w, h) => g, i = {}, u = (d) => d) {
-  return Ce[e.title] = e, we[e.title] = s, We[e.title] = i, qe[e.title] = u, (d = {}) => {
-    const g = Ve(d, e, t), w = Object.keys(o).reduce((h, b) => (h[b] = o[b].default, h), {});
-    return Object.assign(w, g);
+function ae(o, e, t = /* @__PURE__ */ new Map(), s = (d, m, w, h) => m, r = {}, u = (d) => d) {
+  return Ce[e.title] = e, we[e.title] = s, We[e.title] = r, He[e.title] = u, (d = {}) => {
+    const m = qe(d, e, t), w = Object.keys(o).reduce((h, b) => (h[b] = o[b].default, h), {});
+    return Object.assign(w, m);
   };
 }
 function Pe(o, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-function He(o, e) {
-  var s, i;
+function ze(o, e) {
+  var s, r;
   const t = [];
   return e == null || e.buttons.map((u) => {
     const d = {};
-    Object.keys(u).map((g) => {
+    Object.keys(u).map((m) => {
       var w;
-      g === "appearance" ? d.class = ((w = u[g]) == null ? void 0 : w.class) || "" : d[g] = u[g];
+      m === "appearance" ? d.class = ((w = u[m]) == null ? void 0 : w.class) || "" : d[m] = u[m];
     }), t.push(d);
-  }), (s = e.appearance) != null && s.class ? { buttons: t, buttonClass: (i = e.appearance) == null ? void 0 : i.class } : { buttons: t };
+  }), (s = e.appearance) != null && s.class ? { buttons: t, buttonClass: (r = e.appearance) == null ? void 0 : r.class } : { buttons: t };
 }
-function ze() {
+function Ge() {
   function o(e, t) {
-    var g;
-    const s = (g = e.toolbar) == null ? void 0 : g.buttons;
+    var m;
+    const s = (m = e.toolbar) == null ? void 0 : m.buttons;
     if (!s || s.length < 1)
       return null;
-    const [i, u] = t.payloads, d = s.find((w) => w.id === u);
+    const [r, u] = t.payloads, d = s.find((w) => w.id === u);
     return d ? d.onClick || d.click : null;
   }
   return {
     resolve: o
   };
 }
-const Ge = /* @__PURE__ */ new Map([
+const Qe = /* @__PURE__ */ new Map([
   ["appearance", Pe],
-  ["toolbar", He]
-]), Qe = "https://json-schema.org/draft/2020-12/schema", Je = "https://farris-design.gitee.io/page-header.schema.json", Xe = "page-header", Ye = "A Farris Container Component", Ze = "object", Ke = {
+  ["toolbar", ze]
+]), Je = "https://json-schema.org/draft/2020-12/schema", Xe = "https://farris-design.gitee.io/page-header.schema.json", Ye = "page-header", Ze = "A Farris Container Component", Ke = "object", et = {
   id: {
     description: "The unique identifier for a Page Header",
     type: "string"
@@ -297,18 +311,22 @@ const Ge = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !1
   }
-}, et = {
-  $schema: Qe,
-  $id: Je,
-  title: Xe,
-  description: Ye,
-  type: Ze,
-  properties: Ke
+}, tt = [
+  "id",
+  "type"
+], nt = {
+  $schema: Je,
+  $id: Xe,
+  title: Ye,
+  description: Ze,
+  type: Ke,
+  properties: et,
+  required: tt
 };
-function tt(o, e, t) {
+function ot(o, e, t) {
   return e.title = "标题", e;
 }
-const ae = {
+const ce = {
   /** 组件自定义样式 */
   customClass: { type: String, default: "" },
   /** 是否显示图标 */
@@ -337,49 +355,49 @@ const ae = {
   prePaginationDisabled: { type: Boolean, default: !0 },
   /** 向后翻页是否禁用 */
   nextPaginationDisabled: { type: Boolean, default: !1 }
-}, nt = Object.assign({}, ae, {
+}, st = Object.assign({}, ce, {
   componentId: { type: String, default: "" }
-}), pe = ie(ae, et, Ge, tt), ot = ze(), oe = /* @__PURE__ */ W({
+}), fe = ae(ce, nt, Qe, ot), rt = Ge(), oe = /* @__PURE__ */ U({
   name: "FPageHeader",
-  props: ae,
+  props: ce,
   emits: ["click", "prePaginationClick", "nextPaginationClick"],
   setup(o, e) {
-    const t = M(o.buttons), s = (D, I) => {
-      e.emit("click", D, I);
+    const t = M(o.buttons), s = (T, I) => {
+      e.emit("click", T, I);
     };
-    function i(D, I) {
-      D && I && I.split(" ").reduce((k, y) => (k[y] = !0, k), D);
+    function r(T, I) {
+      T && I && I.split(" ").reduce((k, y) => (k[y] = !0, k), T);
     }
     const u = F(() => {
-      const D = {
+      const T = {
         "f-page-header": !0
       };
-      return i(D, o.customClass), D;
+      return r(T, o.customClass), T;
     }), d = F(() => {
-      const D = {
+      const T = {
         "f-title-icon": !0
       };
-      return i(D, o.iconClass), D;
-    }), g = F(() => {
-      const D = {
+      return r(T, o.iconClass), T;
+    }), m = F(() => {
+      const T = {
         "f-icon": !0
       };
-      return i(D, o.icon), D;
+      return r(T, o.icon), T;
     }), w = F(() => {
-      const D = {
+      const T = {
         "f-title": !0
       };
-      return i(D, o.titleContentClass), D;
+      return r(T, o.titleContentClass), T;
     }), h = F(() => {
-      const D = {
+      const T = {
         "f-content": !0
       };
-      return i(D, o.contentClass), D;
+      return r(T, o.contentClass), T;
     }), b = F(() => {
-      const D = {
+      const T = {
         "f-content": !0
       };
-      return i(D, o.downContentClass), D;
+      return r(T, o.downContentClass), T;
     }), c = F(() => ({
       "f-icon f-icon-arrow-w": !0,
       "f-state-disabled": o.prePaginationDisabled
@@ -387,71 +405,71 @@ const ae = {
       "f-icon f-icon-arrow-e": !0,
       "f-state-disabled": o.nextPaginationDisabled
     }));
-    function f(D) {
-      o.prePaginationDisabled || e.emit("prePaginationClick", D);
+    function f(T) {
+      o.prePaginationDisabled || e.emit("prePaginationClick", T);
     }
-    function v(D) {
-      o.nextPaginationDisabled || e.emit("nextPaginationClick", D);
+    function v(T) {
+      o.nextPaginationDisabled || e.emit("nextPaginationClick", T);
     }
     function E() {
-      return e.slots.titleContent ? m("div", {
+      return e.slots.titleContent ? g("div", {
         class: w.value
-      }, [X(" "), e.slots.titleContent()]) : m("div", {
+      }, [X(" "), e.slots.titleContent()]) : g("div", {
         class: "f-title"
-      }, [o.showIcon && o.icon ? m("span", {
+      }, [o.showIcon && o.icon ? g("span", {
         class: d.value
-      }, [m("i", {
-        class: g.value
-      }, null)]) : "", m("h4", {
+      }, [g("i", {
+        class: m.value
+      }, null)]) : "", g("h4", {
         class: "f-title-text"
-      }, [o.title]), o.subTitle ? m("h5", {
+      }, [o.title]), o.subTitle ? g("h5", {
         class: "f-title-subtitle"
-      }, [o.subTitle]) : "", o.showPagination ? m("div", {
+      }, [o.subTitle]) : "", o.showPagination ? g("div", {
         class: "f-title-pagination"
-      }, [m("span", {
+      }, [g("span", {
         class: c.value,
         onClick: f
-      }, null), m("span", {
+      }, null), g("span", {
         class: l.value,
         onClick: v
       }, null)]) : ""]);
     }
     function O() {
-      return e.slots.content ? m("div", {
+      return e.slots.content ? g("div", {
         class: h.value
       }, [X(" "), e.slots.content()]) : "";
     }
     function j() {
       if (o.buttons && o.buttons.length > 0)
-        return m($e, {
+        return g($e, {
           customClass: o.buttonClass,
           items: t.value,
           onClick: s
         }, null);
     }
     function _() {
-      return e.slots.downContent ? m("div", {
+      return e.slots.downContent ? g("div", {
         class: b.value
       }, [X(" "), e.slots.downContent()]) : "";
     }
-    return z(() => o.buttons, (D) => {
-      t.value = D;
+    return z(() => o.buttons, (T) => {
+      t.value = T;
     }, {
       deep: !0
-    }), () => m("div", {
+    }), () => g("div", {
       class: u.value
-    }, [m("nav", {
+    }, [g("nav", {
       class: "f-page-header-base"
     }, [E(), O(), j()]), _()]);
   }
 });
-function st(o, e, t) {
+function it(o, e, t) {
   var I;
-  const s = t && t.getStyles && t.getStyles() || "", i = t && t.getDesignerClass && t.getDesignerClass() || "", u = M();
+  const s = t && t.getStyles && t.getStyles() || "", r = t && t.getDesignerClass && t.getDesignerClass() || "", u = M();
   function d() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function g() {
+  function m() {
     return !1;
   }
   function w() {
@@ -496,7 +514,7 @@ function st(o, e, t) {
     if (t && t.getPropsConfig)
       return t.getPropsConfig(...S);
   }
-  function D() {
+  function T() {
     t && t.onRemoveComponent && t.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((S) => {
       var x;
       let k = S.id;
@@ -507,7 +525,7 @@ function st(o, e, t) {
   }
   return u.value = {
     canMove: d(),
-    canSelectParent: g(),
+    canSelectParent: m(),
     canDelete: w(),
     canNested: !h(),
     contents: e == null ? void 0 : e.schema.contents,
@@ -515,7 +533,7 @@ function st(o, e, t) {
     parent: (I = e == null ? void 0 : e.parent) == null ? void 0 : I.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: s,
-    designerClass: i,
+    designerClass: r,
     canAccepts: l,
     getBelongedComponentInstance: b,
     getDraggableDesignItemElement: c,
@@ -527,7 +545,7 @@ function st(o, e, t) {
     addNewChildComponentSchema: O,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1),
-    onRemoveComponent: D
+    onRemoveComponent: T
   }, u;
 }
 class te {
@@ -559,8 +577,8 @@ class te {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = i.fields.find((u) => u.id === t);
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((u) => u.id === t);
       }
       e.updateOn = (s = this.designViewModelField) == null ? void 0 : s.updateOn;
     }
@@ -622,11 +640,11 @@ class te {
     const s = t && t.parent && t.parent.schema;
     if (!s)
       return;
-    const i = s.contents.findIndex((d) => d.id === e), u = ye(s.contents[i]);
-    s.contents.splice(i, 1), s.contents.splice(i, 0, u);
+    const r = s.contents.findIndex((d) => d.id === e), u = re(s.contents[r]);
+    s.contents.splice(r, 1), s.contents.splice(r, 0, u);
   }
 }
-class rt extends te {
+class at extends te {
   constructor(e, t) {
     super(e, t);
   }
@@ -696,7 +714,7 @@ class rt extends te {
         label: "click",
         name: "点击事件"
       }
-    ], s = this, i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t);
+    ], s = this, r = s.eventsEditorUtils.formProperties(e, s.viewModelId, t);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
@@ -704,7 +722,7 @@ class rt extends te {
         "data-grid-component-viewmodel": {
           type: "events-editor",
           editor: {
-            initialData: i
+            initialData: r
           }
         }
       },
@@ -713,34 +731,34 @@ class rt extends te {
       tabId: "commands",
       tabName: "交互",
       setPropertyRelates(u, d) {
-        const g = u.propertyValue;
-        delete e[s.viewModelId], g && (g.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, g.events, g));
+        const m = u.propertyValue;
+        delete e[s.viewModelId], m && (m.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, m.events, m));
       }
     };
   }
 }
-function it(o, e) {
-  function t(g) {
+function ct(o, e) {
+  function t(m) {
     return !1;
   }
   function s() {
     return !1;
   }
-  function i() {
+  function r() {
     return !1;
   }
   function u() {
     return !0;
   }
-  function d(g) {
-    return new rt(g, e).getPropertyConfig(o);
+  function d(m) {
+    return new at(m, e).getPropertyConfig(o);
   }
   return {
     canAccepts: t,
     hideNestedPaddingInDesginerView: u,
     getPropsConfig: d,
     checkCanDeleteComponent: s,
-    checkCanMoveComponent: i
+    checkCanMoveComponent: r
   };
 }
 class Se {
@@ -805,19 +823,19 @@ class Se {
     return this.visible ? this.width : !1;
   }
 }
-class at extends Se {
+class lt extends Se {
   constructor(e) {
     super(e);
   }
 }
-function Te() {
+function De() {
   function o(e) {
     const t = [];
-    return e.reduce((s, i) => (i.children && i.children.length > 0 ? s.push(new Q(i)) : s.push(new at(i)), s), t), t;
+    return e.reduce((s, r) => (r.children && r.children.length > 0 ? s.push(new Q(r)) : s.push(new lt(r)), s), t), t;
   }
   return { buildResponseToolbarItems: o };
 }
-const { buildResponseToolbarItems: ct } = Te();
+const { buildResponseToolbarItems: dt } = De();
 class Q extends Se {
   constructor(t) {
     super(t);
@@ -832,25 +850,25 @@ class Q extends Se {
     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 = ct(t.children));
+    Object.keys(t).filter((r) => s.indexOf(r) > -1).forEach((r) => {
+      this[r] = t[r];
+    }), t.children && t.children.length && (this.children = dt(t.children));
   }
 }
-const lt = /* @__PURE__ */ new Map([
+const ut = /* @__PURE__ */ new Map([
   ["buttons", "items"],
   ["appearance", Pe]
 ]);
-function dt(o, e) {
+function pt(o, e) {
   return { class: e.class, style: e.style };
 }
-const ut = /* @__PURE__ */ new Map([
-  ["appearance", dt]
+const ft = /* @__PURE__ */ new Map([
+  ["appearance", pt]
 ]);
-function De(o, e, t) {
+function Te(o, e, t) {
   return e;
 }
-const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-design.gitee.io/response-toolbar.schema.json", mt = "response-toolbar", gt = "A Farris Toolbar Component", ht = "object", bt = {
+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"
@@ -880,19 +898,19 @@ const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
     type: "array",
     default: []
   }
-}, yt = [
+}, Ct = [
   "id",
   "type",
   "buttons"
-], vt = {
-  $schema: pt,
-  $id: ft,
-  title: mt,
-  description: gt,
-  type: ht,
-  properties: bt,
-  required: yt
-}, Ct = "https://json-schema.org/draft/2020-12/schema", wt = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Pt = "response-toolbar-item", St = "A Farris Toolbar Item Component", Tt = "object", Dt = {
+], wt = {
+  $schema: gt,
+  $id: mt,
+  title: ht,
+  description: bt,
+  type: yt,
+  properties: vt,
+  required: Ct
+}, Pt = "https://json-schema.org/draft/2020-12/schema", St = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Dt = "response-toolbar-item", Tt = "A Farris Toolbar Item Component", Mt = "object", kt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -937,19 +955,19 @@ const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
     type: "string",
     default: ""
   }
-}, Mt = [
+}, Et = [
   "id",
   "type",
   "text"
-], kt = {
-  $schema: Ct,
-  $id: wt,
-  title: Pt,
-  description: St,
-  type: Tt,
-  properties: Dt,
-  required: Mt
-}, ce = {
+], xt = {
+  $schema: Pt,
+  $id: St,
+  title: Dt,
+  description: Tt,
+  type: Mt,
+  properties: kt,
+  required: Et
+}, le = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
   alignment: { Type: String, default: "right" },
@@ -957,13 +975,13 @@ const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
     Type: Array,
     default: []
   }
-}, Et = Object.assign({}, ce, {
+}, Bt = Object.assign({}, le, {
   componentId: { type: String, default: "" }
-}), le = ie(
-  ce,
-  vt,
-  lt,
-  De
+}), de = ae(
+  le,
+  wt,
+  ut,
+  Te
 ), Me = {
   id: { type: String, default: "" },
   items: { type: Object, default: {} },
@@ -973,11 +991,11 @@ const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
   icon: { type: String, default: "" },
   componentId: { type: String, default: "" },
   alignment: { Type: String, default: "right" }
-}, xt = ie(
+}, Rt = ae(
   Me,
-  kt,
-  ut,
-  De
+  xt,
+  ft,
+  Te
 );
 function ke() {
   function o(t) {
@@ -985,8 +1003,8 @@ function ke() {
       "f-icon": !0
     };
     if (t.icon) {
-      const i = t.icon.trim().split(" ");
-      i && i.length && i.reduce((u, d) => (u[d] = !0, u), s);
+      const r = t.icon.trim().split(" ");
+      r && r.length && r.reduce((u, d) => (u[d] = !0, u), s);
     }
     return s;
   }
@@ -995,7 +1013,7 @@ function ke() {
   }
   return { iconClass: o, shouldShowIcon: e };
 }
-function Bt(o) {
+function It(o) {
   function e(c) {
     const l = {
       "dropdown-menu": !0
@@ -1022,7 +1040,7 @@ function Bt(o) {
     }, f = c.class.split(" ");
     return f && f.length && f.reduce((v, E) => (v[E] = !0, v), l), l;
   }
-  let i;
+  let r;
   const u = /* @__PURE__ */ new Map();
   function d(c, l, f) {
     var E;
@@ -1033,27 +1051,27 @@ function Bt(o) {
       O && (O.expanded = !1);
     }
   }
-  function g(c, l) {
+  function m(c, l) {
     document.body.click(), l.enable && l.onClick(c, l.id);
   }
   function w(c) {
-    return c.children.map((l) => l.children && l.children.length ? m("li", {
+    return c.children.map((l) => l.children && l.children.length ? g("li", {
       class: t(l),
       id: l.id,
       onClick: (f) => l.enable && d(f, l, c)
-    }, [m("span", {
+    }, [g("span", {
       id: l.id,
       class: s(l),
       onMouseover: (f) => l.enable && d(f, l, c)
-    }, [l.text, m("i", {
+    }, [l.text, g("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), i(l, l)]) : m("li", {
+    }, null)]), r(l, l)]) : g("li", {
       class: s(l),
       id: l.id,
-      onClick: (f) => g(f, l),
+      onClick: (f) => m(f, l),
       onMouseover: (f) => l.enable && d(f, l, c)
-    }, [o.shouldShowIcon(l) && m("i", {
+    }, [o.shouldShowIcon(l) && g("i", {
       class: o.iconClass(l)
     }, null), l.text]));
   }
@@ -1068,7 +1086,7 @@ function Bt(o) {
     if (O && j && j.length) {
       const {
         top: _,
-        width: D,
+        width: T,
         left: I,
         right: S,
         height: k
@@ -1080,18 +1098,18 @@ function Bt(o) {
         const C = A.getBoundingClientRect();
         if (f) {
           v.top = `${_ - 6}px`;
-          const r = Math.ceil(D + I);
-          v.left = `${r}px`;
+          const i = Math.ceil(T + I);
+          v.left = `${i}px`;
         }
-        E - I - D < C.width && (v.left = `${(f ? I : S) - C.width}px`);
+        E - I - T < C.width && (v.left = `${(f ? I : S) - C.width}px`);
       }
     }
     return v;
   }
-  i = function(c, l) {
+  r = function(c, l) {
     var O, j;
-    const f = he(), v = l ? l.id : c.id, E = (j = (O = f == null ? void 0 : f.exposed) == null ? void 0 : O.elementRef.value) == null ? void 0 : j.querySelector("#" + v);
-    return m("ul", {
+    const f = be(), v = l ? l.id : c.id, E = (j = (O = f == null ? void 0 : f.exposed) == null ? void 0 : O.elementRef.value) == null ? void 0 : j.querySelector("#" + v);
+    return g("ul", {
       class: e(c),
       style: h(c, E, l),
       id: c.id + "_menu"
@@ -1103,15 +1121,15 @@ function Bt(o) {
     }), u.clear();
   }
   return {
-    renderDropdownMenu: i,
+    renderDropdownMenu: r,
     clearAllDropDownMenu: b
   };
 }
-function Rt(o, e) {
+function At(o, e) {
   const t = M(o.alignment), {
     renderDropdownMenu: s,
-    clearAllDropDownMenu: i
-  } = Bt(e);
+    clearAllDropDownMenu: r
+  } = It(e);
   function u(b) {
     const c = {
       "btn-group": !0,
@@ -1134,28 +1152,28 @@ function Rt(o, e) {
     }
     return c;
   }
-  function g(b, c) {
+  function m(b, c) {
     b.stopPropagation();
     const l = c.expanded;
     document.body.click(), c.expanded = !l;
   }
   function w(b) {
-    return m("div", {
+    return g("div", {
       id: b.id,
       class: u(b)
-    }, [m("div", {
+    }, [g("div", {
       class: d(b),
       style: "display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",
-      onClick: (c) => b.enable && g(c, b)
-    }, [e.shouldShowIcon(b) && m("i", {
+      onClick: (c) => b.enable && m(c, b)
+    }, [e.shouldShowIcon(b) && g("i", {
       class: e.iconClass(b)
-    }, null), m("span", null, [b.text]), m("i", {
+    }, 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)]), s(b)]);
   }
   function h() {
-    i();
+    r();
   }
   return {
     renderToolbarDropdown: w,
@@ -1163,16 +1181,16 @@ function Rt(o, e) {
   };
 }
 const {
-  buildResponseToolbarItems: fe
-} = Te(), K = /* @__PURE__ */ W({
+  buildResponseToolbarItems: ge
+} = De(), K = /* @__PURE__ */ U({
   name: "FResponseToolbar",
-  props: ce,
+  props: le,
   emits: ["click"],
   setup(o, e) {
-    const t = M(fe(o.items)), s = M(), i = M(), u = M(), d = M(o.alignment), g = {
+    const t = M(ge(o.items)), s = M(), r = M(), u = M(), d = M(o.alignment), m = {
       id: "__more_buttons__",
       text: "更多"
-    }, w = M(new Q(g)), h = ke(), b = F(() => w.value.children.length > 0), c = F(() => Z({
+    }, w = M(new Q(m)), h = ke(), b = F(() => w.value.children.length > 0), c = F(() => Z({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
@@ -1185,7 +1203,7 @@ const {
     })), {
       renderToolbarDropdown: f,
       clearAllDropDown: v
-    } = Rt(o, h);
+    } = At(o, h);
     function E() {
       t.value.filter((y) => y.children && y.children.length > 0).forEach((y) => {
         y.expanded = !1;
@@ -1201,7 +1219,7 @@ const {
       };
       if (y.class) {
         const A = y.class.split(" ");
-        A && A.length && A.reduce((C, r) => (C[r] = !0, C), x);
+        A && A.length && A.reduce((C, i) => (C[i] = !0, C), x);
       }
       return x;
     }
@@ -1209,133 +1227,133 @@ const {
       document.body.click(), typeof x.onClick == "function" && x.onClick(y, x.id), e.emit("click", y, x.id);
     }
     function _(y) {
-      return m("button", {
+      return g("button", {
         type: "button",
         class: O(y),
         id: y.id,
         disabled: !y.enable,
         onClick: (x) => j(x, y)
-      }, [h.shouldShowIcon(y) && m("i", {
+      }, [h.shouldShowIcon(y) && g("i", {
         class: h.iconClass(y)
       }, null), y.text]);
     }
-    const D = /* @__PURE__ */ new Map(), I = [];
+    const T = /* @__PURE__ */ new Map(), I = [];
     function S(y) {
       const x = u.value;
       let A = y;
-      const C = Array.from(x.children), r = C[C.length - 1].id === "__more_buttons__" ? C[C.length - 1] : null;
-      if (r) {
-        const P = r.computedStyleMap().get("margin-left"), B = r.computedStyleMap().get("margin-right"), N = (P ? P.value : 0) + r.getBoundingClientRect().width + (B ? B.value : 0);
+      const C = Array.from(x.children), i = C[C.length - 1].id === "__more_buttons__" ? C[C.length - 1] : null;
+      if (i) {
+        const P = i.computedStyleMap().get("margin-left"), B = i.computedStyleMap().get("margin-right"), N = (P ? P.value : 0) + i.getBoundingClientRect().width + (B ? B.value : 0);
         A -= N;
       }
       const n = C.filter((P) => P.id !== "__more_buttons__");
       for (const P of n) {
-        const B = P.computedStyleMap().get("margin-left"), N = P.computedStyleMap().get("margin-right"), U = (B ? B.value : 0) + P.getBoundingClientRect().width + (N ? N.value : 0);
-        A < U ? (D.set(P.id, !0), I.push({
+        const B = P.computedStyleMap().get("margin-left"), N = P.computedStyleMap().get("margin-right"), q = (B ? B.value : 0) + P.getBoundingClientRect().width + (N ? N.value : 0);
+        A < q ? (T.set(P.id, !0), I.push({
           id: P.id,
-          width: U
-        })) : A -= U;
+          width: q
+        })) : A -= q;
       }
       if (I.length)
         for (let P = I.length - 1; P >= 0; P--) {
           const B = I[P].width;
           if (A >= B)
-            A -= B, D.delete(I[P].id), I.pop();
+            A -= B, T.delete(I[P].id), I.pop();
           else
             break;
         }
       const a = Object.assign({}, w.value);
       a.children = [];
-      const p = new Q(a), T = t.value.reduce((P, B) => (D.has(B.id) && p.children.push(B), B.visible = !D.has(B.id), P.push(B), P), []);
-      w.value = p, t.value = T;
+      const p = new Q(a), D = t.value.reduce((P, B) => (T.has(B.id) && p.children.push(B), B.visible = !T.has(B.id), P.push(B), P), []);
+      w.value = p, t.value = D;
     }
     const k = new ResizeObserver((y) => {
       if (y.length) {
-        const A = y[0].contentRect.width, r = u.value.getBoundingClientRect().width;
-        (A < r || I.length) && (S(A), E());
+        const A = y[0].contentRect.width, i = u.value.getBoundingClientRect().width;
+        (A < i || I.length) && (S(A), E());
       }
     });
     return G(() => {
-      const y = i.value;
+      const y = r.value;
       k.observe(y), document.body.addEventListener("click", E), document.body.addEventListener("wheel", E);
-    }), be(() => {
+    }), ye(() => {
       k.disconnect(), document.body.removeEventListener("click", E), document.body.removeEventListener("wheel", E);
     }), z(() => o.items, () => {
-      t.value = fe(o.items);
+      t.value = ge(o.items);
     }, {
       deep: !0
     }), e.expose({
       elementRef: s
-    }), () => m("div", {
+    }), () => g("div", {
       class: c.value,
       ref: s
-    }, [m("div", {
-      ref: i,
+    }, [g("div", {
+      ref: r,
       class: l.value
-    }, [m("div", {
+    }, [g("div", {
       ref: u,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
     }, [t.value.filter((y) => y.visible).map((y) => y.children && y.children.length > 0 ? f(y) : _(y)), b.value && f(w.value)])])]);
   }
 });
-function It(o, e) {
+function Ot(o, e) {
   const t = V("design-item-context"), s = V("toolbar-item-handler", () => {
   });
-  function i() {
+  function r() {
     s && s();
   }
-  function u(r) {
+  function u(i) {
     const n = {
       "dropdown-menu": !0
     };
-    if (r.class) {
-      const a = r.menuClass.split(" ");
-      a && a.length && a.reduce((p, T) => (p[T] = !0, p), n);
+    if (i.class) {
+      const a = i.menuClass.split(" ");
+      a && a.length && a.reduce((p, D) => (p[D] = !0, p), n);
     }
     return n;
   }
-  function d(r) {
+  function d(i) {
     const n = {
-      disabled: !r.enable,
+      disabled: !i.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, a = r.dropdownClass.split(" ");
-    return a && a.length && a.reduce((p, T) => (p[T] = !0, p), n), n;
+    }, a = i.dropdownClass.split(" ");
+    return a && a.length && a.reduce((p, D) => (p[D] = !0, p), n), n;
   }
-  function g(r) {
+  function m(i) {
     const n = {
-      disabled: !r.enable,
+      disabled: !i.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0
-    }, a = r.class.split(" ");
-    return a && a.length && a.reduce((p, T) => (p[T] = !0, p), n), n;
+    }, a = i.class.split(" ");
+    return a && a.length && a.reduce((p, D) => (p[D] = !0, p), n), n;
   }
   let w;
   const h = /* @__PURE__ */ new Map();
-  function b(r, n, a) {
-    var T;
-    ((T = r.target) == null ? void 0 : T.id) === n.id && r.stopPropagation();
+  function b(i, n, a) {
+    var D;
+    ((D = i.target) == null ? void 0 : D.id) === n.id && i.stopPropagation();
     const p = a ? a.id : "__top_item__";
     if (n.children && n.children.length && (n.expanded = !n.expanded, n.expanded ? h.set(p, n) : h.delete(p)), h.has(p) && h.get(p) !== n) {
       const P = h.get(p);
       P && (P.expanded = !1);
     }
   }
-  function c(r) {
-    r && (r.stopPropagation(), r.preventDefault());
+  function c(i) {
+    i && (i.stopPropagation(), i.preventDefault());
   }
   function l() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((n) => n.classList.remove("dgComponentFocused"));
-    const r = document.getElementsByClassName("dgComponentSelected");
-    Array.from(r).forEach((n) => n.classList.remove("dgComponentSelected"));
+    const i = document.getElementsByClassName("dgComponentSelected");
+    Array.from(i).forEach((n) => n.classList.remove("dgComponentSelected"));
   }
-  function f(r) {
-    r.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function f(i) {
+    i.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function v(r) {
+  function v(i) {
     const {
       buttons: n = []
     } = t.schema;
@@ -1343,67 +1361,67 @@ function It(o, e) {
     n.forEach((P) => {
       a = a.concat(P.children || []);
     });
-    const p = a.findIndex((P) => P.id === r), T = p === -1 ? null : a[p];
+    const p = a.findIndex((P) => P.id === i), D = p === -1 ? null : a[p];
     return {
       index: p,
-      item: T
+      item: D
     };
   }
-  function E(r) {
+  function E(i) {
     const {
       buttons: n = []
-    } = t.schema, a = n.findIndex((T) => T.id === r), p = a === -1 ? null : n[a];
+    } = t.schema, a = n.findIndex((D) => D.id === i), p = a === -1 ? null : n[a];
     return {
       index: a,
       item: p
     };
   }
-  function O(r) {
+  function O(i) {
     var p;
     t.schema;
     const {
       index: n,
       item: a
-    } = v(r);
+    } = v(i);
     (p = t == null ? void 0 : t.setupContext) == null || p.emit("selectionChange", a == null ? void 0 : a.type, a);
   }
-  const j = function(r) {
+  const j = function(i) {
     const {
       componentType: n
-    } = r, a = Y(n, r), p = n.toLowerCase().replace("-", "_");
+    } = i, a = Y(n, i), p = n.toLowerCase().replace("-", "_");
     return a && !a.id && a.type === n && (a.id = `${p}_${Math.random().toString().slice(2, 6)}`), a;
   }, _ = function() {
-    const r = {
+    const i = {
       componentType: "response-toolbar-item",
       parentComponentInstance: e.value,
       targetPosition: -1
     };
-    return j(r);
+    return j(i);
   };
-  function D(r, n) {
-    c(r), l(), f(r), O(n.id);
+  function T(i, n) {
+    c(i), l(), f(i), O(n.id);
   }
-  function I(r, n, a) {
-    c(r);
-    const p = n.id, T = a && a.id, {
+  function I(i, n, a) {
+    c(i);
+    const p = n.id, D = a && a.id, {
       buttons: P = []
     } = t.schema;
-    if (!T)
+    if (!D)
       return;
     const {
       index: B
-    } = E(T);
+    } = E(D);
     if (B === -1)
       return;
     const {
       index: N
     } = v(p);
-    N !== -1 && (P[B].children.splice(N, 1), i());
+    N !== -1 && (P[B].children.splice(N, 1), r());
   }
-  function S(r, n, a) {
-    c(r);
+  function S(i, n, a) {
+    c(i);
     const p = a && a.id, {
-      buttons: T = []
+      buttons: D = []
     } = t.schema;
     if (!p)
       return;
@@ -1415,12 +1433,12 @@ function It(o, e) {
     const B = _(), N = Object.assign({}, B, {
       text: n.text
     });
-    T[P].children.push(N), i();
+    D[P].children.push(N), r();
   }
-  function k(r, n, a) {
-    c(r);
+  function k(i, n, a) {
+    c(i);
     const p = a && a.id, {
-      buttons: T = []
+      buttons: D = []
     } = t.schema;
     if (!p)
       return;
@@ -1432,105 +1450,105 @@ function It(o, e) {
     const B = _(), N = Object.assign({}, B, {
       text: "按钮"
     });
-    T[P].children.push(N), i();
+    D[P].children.push(N), r();
   }
-  function y(r, n) {
-    return m("div", {
+  function y(i, n) {
+    return g("div", {
       class: "component-btn-group"
-    }, [m("div", null, [m("div", {
+    }, [g("div", null, [g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (a) => I(a, r, n)
-    }, [m("i", {
+      onClick: (a) => I(a, i, n)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), m("div", {
+    }, null)]), g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (a) => S(a, r, n)
-    }, [m("i", {
+      onClick: (a) => S(a, i, n)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), m("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) => k(a, r, n)
-    }, [m("i", {
+      onClick: (a) => k(a, i, n)
+    }, [g("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), m("span", {
+    }, null), g("span", {
       style: "font-size:13px;margin:auto"
     }, [X("新增同级")])])])]);
   }
-  function x(r) {
-    return r.children.map((n) => n.children && n.children.length ? m("li", {
+  function x(i) {
+    return i.children.map((n) => n.children && n.children.length ? g("li", {
       class: d(n),
       id: n.id,
-      onClick: (a) => n.enable && b(a, n, r)
-    }, [m("span", {
+      onClick: (a) => n.enable && b(a, n, i)
+    }, [g("span", {
       id: n.id,
-      class: g(n),
-      onMouseover: (a) => n.enable && b(a, n, r)
-    }, [n.text, m("i", {
+      class: m(n),
+      onMouseover: (a) => n.enable && b(a, n, i)
+    }, [n.text, g("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), w(n, n)]) : m("li", {
-      class: g(n),
+    }, null)]), w(n, n)]) : g("li", {
+      class: m(n),
       id: n.id,
-      onClick: (a) => D(a, n)
-    }, [y(n, r), o.shouldShowIcon(n) && m("i", {
+      onClick: (a) => T(a, n)
+    }, [y(n, i), o.shouldShowIcon(n) && g("i", {
       class: o.iconClass(n)
     }, null), n.text]));
   }
-  function A(r, n, a) {
+  function A(i, n, a) {
     const p = {
-      display: r.expanded ? "block" : "none",
+      display: i.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, T = document.getElementsByTagName("body")[0].getClientRects()[0].width, P = n, B = P == null ? void 0 : P.getClientRects();
+    }, D = document.getElementsByTagName("body")[0].getClientRects()[0].width, P = n, B = P == null ? void 0 : P.getClientRects();
     if (P && B && B.length) {
       const {
         top: N,
-        width: U,
-        left: q,
+        width: q,
+        left: W,
         right: $,
         height: L
       } = B[0], H = Math.ceil(L + N);
-      p.top = `${H}px`, p.left = `${q}px`;
-      const J = r.id + "_menu", ne = n ? n.querySelector("#" + J) : null;
+      p.top = `${H}px`, p.left = `${W}px`;
+      const J = i.id + "_menu", ne = n ? n.querySelector("#" + J) : null;
       if (ne) {
         p.display === "block" && (ne.style.display = "block");
-        const de = ne.getBoundingClientRect();
+        const ue = ne.getBoundingClientRect();
         if (a) {
           p.top = `${N - 6}px`;
-          const Re = Math.ceil(U + q);
+          const Re = Math.ceil(q + W);
           p.left = `${Re}px`;
         }
-        T - q - U < de.width && (p.left = `${(a ? q : $) - de.width}px`);
+        D - W - q < ue.width && (p.left = `${(a ? W : $) - ue.width}px`);
       }
     }
     return p;
   }
-  w = function(r, n) {
+  w = function(i, n) {
     var P, B;
-    const a = he(), p = n ? n.id : r.id, T = (B = (P = a == null ? void 0 : a.exposed) == null ? void 0 : P.elementRef.value) == null ? void 0 : B.querySelector("#" + p);
-    return m("ul", {
-      class: u(r),
-      style: A(r, T, n),
-      id: r.id + "_menu"
-    }, [x(r)]);
+    const a = be(), p = n ? n.id : i.id, D = (B = (P = a == null ? void 0 : a.exposed) == null ? void 0 : P.elementRef.value) == null ? void 0 : B.querySelector("#" + p);
+    return g("ul", {
+      class: u(i),
+      style: A(i, D, n),
+      id: i.id + "_menu"
+    }, [x(i)]);
   };
   function C() {
-    h.forEach((r) => {
-      r.expanded = !1;
+    h.forEach((i) => {
+      i.expanded = !1;
     }), h.clear();
   }
   return {
@@ -1538,26 +1556,26 @@ function It(o, e) {
     clearAllDropDownMenu: C
   };
 }
-function At(o, e, t) {
+function jt(o, e, t) {
   const s = M(o.alignment), {
-    renderDropdownMenu: i,
+    renderDropdownMenu: r,
     clearAllDropDownMenu: u
-  } = It(e, t), d = V("design-item-context"), g = V("toolbar-item-handler", () => {
+  } = Ot(e, t), d = V("design-item-context"), m = V("toolbar-item-handler", () => {
   });
   function w() {
-    g && g();
+    m && m();
   }
   function h(C) {
-    const r = {
+    const i = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": s.value === "right",
       "f-btn-mr": s.value === "left"
     }, n = C.dropdownClass.split(" ");
-    return n && n.length && n.reduce((a, p) => (a[p] = !0, a), r), r;
+    return n && n.length && n.reduce((a, p) => (a[p] = !0, a), i), i;
   }
   function b(C) {
-    const r = {
+    const i = {
       btn: !0,
       disabled: !C.enable,
       "position-relative": !0,
@@ -1567,23 +1585,23 @@ function At(o, e, t) {
     };
     if (C.class) {
       const n = C.class.split(" ");
-      n && n.length && n.reduce((a, p) => (a[p] = !0, a), r);
+      n && n.length && n.reduce((a, p) => (a[p] = !0, a), i);
     }
-    return r;
+    return i;
   }
   function c(C) {
     C && (C.stopPropagation(), C.preventDefault());
   }
-  function l(C, r) {
+  function l(C, i) {
     c(C);
-    const n = r.expanded;
-    document.body.click(), r.expanded = !n;
+    const n = i.expanded;
+    document.body.click(), i.expanded = !n;
   }
   const f = function(C) {
     const {
-      componentType: r
-    } = C, n = Y(r, C), a = r.toLowerCase().replace("-", "_");
-    return n && !n.id && n.type === r && (n.id = `${a}_${Math.random().toString().slice(2, 6)}`), n;
+      componentType: i
+    } = C, n = Y(i, C), a = i.toLowerCase().replace("-", "_");
+    return n && !n.id && n.type === i && (n.id = `${a}_${Math.random().toString().slice(2, 6)}`), n;
   }, v = function() {
     const C = {
       componentType: "response-toolbar-item",
@@ -1593,108 +1611,108 @@ function At(o, e, t) {
     return f(C);
   };
   function E(C) {
-    const r = d.schema.buttons || d.schema.contents, n = r == null ? void 0 : r.findIndex((p) => p.id === C), a = n === -1 ? null : r[n];
+    const i = d.schema.buttons || d.schema.contents, n = i == null ? void 0 : i.findIndex((p) => p.id === C), a = n === -1 ? null : i[n];
     return {
       index: n,
       toolbarItem: a
     };
   }
-  function O(C, r) {
+  function O(C, i) {
     var B;
     const {
       index: n,
       toolbarItem: a
-    } = E(r);
+    } = E(i);
     if (n === -1)
       return;
-    const p = a.text || "按钮", T = v(), P = Object.assign({}, T, {
+    const p = a.text || "按钮", D = v(), P = Object.assign({}, D, {
       text: p
     });
     (B = d.schema.buttons) == null || B.push(P), w();
   }
-  function j(C, r) {
+  function j(C, i) {
     const {
       index: n,
       toolbarItem: a
-    } = E(r);
+    } = E(i);
     if (n === -1)
       return;
-    const p = a.text || "按钮", T = v(), P = Object.assign({}, T, {
+    const p = a.text || "按钮", D = v(), P = Object.assign({}, D, {
       text: p
     }), B = d.schema.buttons[n].children || [];
     B.push(P), d.schema.buttons[n].children = B, w();
   }
-  function _(C, r) {
-    const n = d.schema.buttons || d.schema.contents, a = n == null ? void 0 : n.findIndex((p) => p.id === r);
+  function _(C, i) {
+    const n = d.schema.buttons || d.schema.contents, a = n == null ? void 0 : n.findIndex((p) => p.id === i);
     a !== -1 && (n.splice(a, 1), w());
   }
-  function D(C) {
-    return m("div", {
+  function T(C) {
+    return g("div", {
       class: "component-btn-group"
-    }, [m("div", null, [m("div", {
+    }, [g("div", null, [g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (r) => _(r, C)
-    }, [m("i", {
+      onClick: (i) => _(i, C)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), m("div", {
+    }, null)]), g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (r) => O(r, C)
-    }, [m("i", {
+      onClick: (i) => O(i, C)
+    }, [g("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), m("div", {
+    }, null)]), g("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (r) => j(r, C)
-    }, [m("i", {
+      onClick: (i) => j(i, C)
+    }, [g("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), m("span", {
+    }, null), g("span", {
       style: "font-size:13px;margin:auto"
     }, [X("新增子级")])])])]);
   }
   function I() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((r) => r.classList.remove("dgComponentFocused"));
+    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((i) => i.classList.remove("dgComponentFocused"));
     const C = document.getElementsByClassName("dgComponentSelected");
-    Array.from(C).forEach((r) => r.classList.remove("dgComponentSelected"));
+    Array.from(C).forEach((i) => i.classList.remove("dgComponentSelected"));
   }
   function S(C) {
     C.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
   function k(C) {
     var p;
-    const r = d.schema.buttons || d.schema.contents, n = r == null ? void 0 : r.findIndex((T) => T.id === C);
+    const i = d.schema.buttons || d.schema.contents, n = i == null ? void 0 : i.findIndex((D) => D.id === C);
     if (n === -1)
       return;
-    const a = r[n];
+    const a = i[n];
     (p = d == null ? void 0 : d.setupContext) == null || p.emit("selectionChange", "response-toolbar-item", a);
   }
-  function y(C, r) {
-    c(C), I(), S(C), c(C), l(C, r), k(r.id);
+  function y(C, i) {
+    c(C), I(), S(C), c(C), l(C, i), k(i.id);
   }
   function x(C) {
-    return m("div", {
+    return g("div", {
       id: C.id,
       class: h(C)
-    }, [m("div", {
+    }, [g("div", {
       class: b(C),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (r) => C.enable && y(r, C)
-    }, [D(C.id), e.shouldShowIcon(C) && m("i", {
+      onClick: (i) => C.enable && y(i, C)
+    }, [T(C.id), e.shouldShowIcon(C) && g("i", {
       class: e.iconClass(C)
-    }, null), m("span", null, [C.text]), m("i", {
+    }, null), g("span", null, [C.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)]), i(C)]);
+    }, null)]), r(C)]);
   }
   function A() {
     u();
@@ -1704,7 +1722,7 @@ function At(o, e, t) {
     clearAllDropDown: A
   };
 }
-class Ot extends te {
+class _t extends te {
   constructor(e, t) {
     super(e, t);
   }
@@ -1787,12 +1805,12 @@ class Ot extends te {
     };
   }
 }
-function jt(o, e) {
+function $t(o, e) {
   const t = o.schema;
   function s(b) {
     return !1;
   }
-  function i(b, c) {
+  function r(b, c) {
     return c.text = b.label, c;
   }
   function u() {
@@ -1801,26 +1819,26 @@ function jt(o, e) {
   function d() {
     return !1;
   }
-  function g() {
+  function m() {
     return !0;
   }
   function w() {
     return !0;
   }
   function h(b) {
-    return new Ot(b, e).getPropertyConfig(t);
+    return new _t(b, e).getPropertyConfig(t);
   }
   return {
     canAccepts: s,
-    checkCanAddComponent: g,
+    checkCanAddComponent: m,
     checkCanDeleteComponent: d,
     checkCanMoveComponent: u,
     hideNestedPaddingInDesginerView: w,
-    onResolveNewComponentSchema: i,
+    onResolveNewComponentSchema: r,
     getPropsConfig: h
   };
 }
-const _t = {
+const Ft = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -1834,11 +1852,11 @@ const _t = {
    */
   modelValue: { type: Object }
 }, se = M(0);
-function $t(o, e) {
-  const t = e.getBoundingClientRect(), s = o.getBoundingClientRect(), i = s.top >= t.top, u = s.top <= t.bottom;
-  return i && u;
+function Nt(o, e) {
+  const t = e.getBoundingClientRect(), s = o.getBoundingClientRect(), r = s.top >= t.top, u = s.top <= t.bottom;
+  return r && u;
 }
-function Ft(o) {
+function Lt(o) {
   if (!o)
     return;
   let e;
@@ -1849,28 +1867,28 @@ function Ft(o) {
     return;
   const s = e.querySelector(".component-btn-group");
   if (s) {
-    if (!$t(e, o)) {
+    if (!Nt(e, o)) {
       s.style.display = "none";
       return;
     }
     s.style.display = "";
     const u = s.getBoundingClientRect(), d = s.querySelector("div");
     if (d) {
-      const g = d.getBoundingClientRect();
-      d.style.top = u.top + "px", d.style.left = u.left - g.width + "px";
+      const m = d.getBoundingClientRect();
+      d.style.top = u.top + "px", d.style.left = u.left - m.width + "px";
     }
   }
 }
-function Nt(o, e, t) {
+function Vt(o, e, t) {
   var I;
-  const s = "", i = M();
+  const s = "", r = M();
   function u() {
     return !0;
   }
   function d() {
     return !1;
   }
-  function g() {
+  function m() {
     return !0;
   }
   function w() {
@@ -1910,13 +1928,13 @@ function Nt(o, e, t) {
   function _(...S) {
     return [];
   }
-  function D() {
+  function T() {
   }
-  return i.value = {
+  return r.value = {
     canMove: u(),
     canSelectParent: d(),
     canAdd: w(),
-    canDelete: g(),
+    canDelete: m(),
     canNested: !h(),
     contents: [],
     elementRef: o,
@@ -1932,17 +1950,17 @@ function Nt(o, e, t) {
     onAcceptMovedChildElement: E,
     onChildElementMovedOut: j,
     addNewChildComponentSchema: O,
-    onRemoveComponent: D,
+    onRemoveComponent: T,
     triggerBelongedComponentToMoveWhenMoved: M(!1),
     triggerBelongedComponentToDeleteWhenDeleted: M(!1)
-  }, i;
+  }, r;
 }
-const Ee = /* @__PURE__ */ W({
+const Ee = /* @__PURE__ */ U({
   name: "FDesignerInnerItem",
-  props: _t,
+  props: Ft,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   setup(o, e) {
-    const t = M(o.canMove), s = M(o.canAdd), i = M(o.canDelete), u = M(!1), d = M(o.contentKey), g = M(o.childType), w = M(o.childLabel), h = M(o.modelValue), b = M(""), c = M(), l = V("canvas-dragula"), f = M(), v = V("design-item-context"), E = {
+    const t = M(o.canMove), s = M(o.canAdd), r = M(o.canDelete), u = M(!1), d = M(o.contentKey), m = M(o.childType), w = M(o.childLabel), h = M(o.modelValue), b = M(""), c = M(), l = V("canvas-dragula"), f = M(), v = V("design-item-context"), E = {
       designerItemElementRef: c,
       componentInstance: f,
       schema: h.value,
@@ -1954,30 +1972,30 @@ const Ee = /* @__PURE__ */ W({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
       "flex-fill": o.id === "root-component",
-      "position-relative": t.value || i.value,
+      "position-relative": t.value || r.value,
       "farris-nested": u.value,
       "can-move": t.value,
       "d-none": c.value && c.value.classList.contains("d-none")
     })), j = F(() => {
       const n = {};
       return b.value && b.value.split(";").reduce((a, p) => {
-        const [T, P] = p.split(":");
-        return T && (a[T] = P), a;
+        const [D, P] = p.split(":");
+        return D && (a[D] = P), a;
       }, n), n;
     });
     function _(n, a) {
       if (v && v.schema[d.value]) {
-        const p = v.schema[d.value].findIndex((T) => T.id === a.id);
+        const p = v.schema[d.value].findIndex((D) => D.id === a.id);
         if (p > -1) {
-          const T = v.schema[d.value].length, P = v.schema[d.value][p % T];
+          const D = v.schema[d.value].length, P = v.schema[d.value][p % D];
           v.designerItemElementRef.value.querySelector(`#${P.id}-design-item`), v.schema[d.value].splice(p, 1), se.value++, e.emit("removeComponent");
         }
       }
     }
-    function D(n) {
+    function T(n) {
       if (f.value.addNewChildComponentSchema) {
         const a = {
-          componentType: g.value,
+          componentType: m.value,
           label: w.value,
           parentComponentInstance: f.value,
           targetPosition: -1
@@ -1986,52 +2004,52 @@ const Ee = /* @__PURE__ */ W({
       }
     }
     function I() {
-      return s.value && m("div", {
+      return s.value && g("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
         onClick: (n) => {
-          D();
+          T();
         }
-      }, [m("i", {
+      }, [g("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
     function S(n) {
-      return i.value && m("div", {
+      return r.value && g("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
         onClick: _e((a) => _(a, n), ["stop"])
-      }, [m("i", {
+      }, [g("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
     function k() {
-      return t.value && m("div", {
+      return t.value && g("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [m("i", {
+      }, [g("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
     function y(n) {
-      return m("div", {
+      return g("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [m("div", null, [I(), k(), S(n)])]);
+      }, [g("div", null, [I(), k(), S(n)])]);
     }
     z(() => o.modelValue, (n) => {
       h.value = n, E.schema = n;
     });
     function x(n) {
       const a = n.target;
-      Ft(a);
+      Lt(a);
     }
     function A() {
       var n, a;
@@ -2039,39 +2057,39 @@ const Ee = /* @__PURE__ */ W({
     }
     function C() {
       const n = c.value, a = M(n.children[1]);
-      return Nt(a, E).value;
+      return Vt(a, E).value;
     }
     G(() => {
       if (c.value) {
         const n = c.value.querySelector(`[data-dragref='${h.value.id}-container']`);
-        f.value = n && n.componentInstance ? n.componentInstance.value : C(), l && n && l.attachComponents(n, h.value), u.value = f.value.canNested !== void 0 ? f.value.canNested : u.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 || "", c.value && (c.value.componentInstance = f, c.value.designItemContext = E);
+        f.value = n && n.componentInstance ? n.componentInstance.value : C(), l && n && l.attachComponents(n, h.value), u.value = f.value.canNested !== void 0 ? f.value.canNested : u.value, s.value = f.value.canAdd !== void 0 ? f.value.canAdd : s.value, r.value = f.value.canDelete !== void 0 ? f.value.canDelete : r.value, t.value = f.value.canMove !== void 0 ? f.value.canMove : t.value, b.value = f.value.styles || "", c.value && (c.value.componentInstance = f, c.value.designItemContext = E);
       }
       A(), se.value++;
     }), je(() => {
       c.value && c.value.removeEventListener("scroll", x);
     });
-    function r(n) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((T) => T.classList.remove("dgComponentFocused")), n && (n.preventDefault(), n.stopPropagation());
+    function i(n) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((D) => D.classList.remove("dgComponentFocused")), n && (n.preventDefault(), n.stopPropagation());
       let a = E.designerItemElementRef;
       const p = c.value;
       if (p) {
-        const T = document.getElementsByClassName("dgComponentSelected");
-        T && T.length === 1 && T[0] === c.value || (Array.from(T).forEach((B) => B.classList.remove("dgComponentSelected")), p.classList.add("dgComponentFocused"), e.emit("selectionChange", h.value.type, h.value, o.componentId, f.value), a = f.value.getDraggableDesignItemElement(E), a && a.value && a.value.classList.add("dgComponentSelected"));
+        const D = document.getElementsByClassName("dgComponentSelected");
+        D && D.length === 1 && D[0] === c.value || (Array.from(D).forEach((B) => B.classList.remove("dgComponentSelected")), p.classList.add("dgComponentFocused"), e.emit("selectionChange", h.value.type, h.value, o.componentId, f.value), a = f.value.getDraggableDesignItemElement(E), a && a.value && a.value.classList.add("dgComponentSelected"));
       }
       x({
         target: a == null ? void 0 : a.value
       });
     }
-    return () => m("div", {
+    return () => g("div", {
       id: `${o.id}-design-item`,
       ref: c,
       class: O.value,
       style: j.value,
-      onClick: r
+      onClick: i
     }, [y(h.value), e.slots.default && e.slots.default()]);
   }
 });
-class Lt extends te {
+class qt extends te {
   constructor(e, t) {
     super(e, t);
   }
@@ -2132,11 +2150,11 @@ class Lt extends te {
         label: "onClick",
         name: "点击事件"
       }
-    ], s = this, i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
+    ], s = this, r = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
     u[s.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: i
+        initialData: r
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
@@ -2146,14 +2164,14 @@ class Lt extends te {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(d, g) {
+      setPropertyRelates(d, m) {
         const w = d.propertyValue;
         delete e[s.viewModelId], w && (w.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, w.events, w));
       }
     };
   }
 }
-class Vt extends te {
+class Ut extends te {
   constructor(e, t) {
     super(e, t);
   }
@@ -2230,11 +2248,11 @@ class Vt extends te {
         label: "onClick",
         name: "点击事件"
       }
-    ], s = this, i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
+    ], s = this, r = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
     u[s.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: i
+        initialData: r
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
@@ -2244,46 +2262,46 @@ class Vt extends te {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(d, g) {
+      setPropertyRelates(d, m) {
         const w = d.propertyValue;
         delete e[s.viewModelId], w && (w.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, w.events, w));
       }
     };
   }
 }
-function Ut(o, e) {
-  function t(g) {
+function Wt(o, e) {
+  function t(m) {
     return !1;
   }
   function s() {
     return !1;
   }
-  function i() {
+  function r() {
     return !0;
   }
   function u() {
     return !1;
   }
-  function d(g) {
+  function d(m) {
     let w;
     switch (o.schema.type) {
       case "tab-toolbar-item":
-        w = new Lt(g, e);
+        w = new qt(m, e);
         break;
       default:
-        w = new Vt(g, e);
+        w = new Ut(m, e);
     }
     return w.getPropertyConfig(o.schema);
   }
   return {
     canAccepts: t,
     checkCanMoveComponent: s,
-    checkCanDeleteComponent: i,
+    checkCanDeleteComponent: r,
     checkCanAddComponent: u,
     getPropsConfig: d
   };
 }
-const xe = /* @__PURE__ */ W({
+const xe = /* @__PURE__ */ U({
   name: "FResponseToolbarItemDesign",
   props: Me,
   emits: ["Click"],
@@ -2292,9 +2310,9 @@ const xe = /* @__PURE__ */ W({
     const t = M(o.alignment), s = {
       id: "__more_buttons__",
       text: "More"
-    }, i = M(new Q(s));
-    F(() => i.value.children.length > 0);
-    const u = M(), d = V("designer-host-service"), g = V("design-item-context"), w = Ut(g, d), h = ve(u, g, w);
+    }, r = M(new Q(s));
+    F(() => r.value.children.length > 0);
+    const u = M(), d = V("designer-host-service"), m = V("design-item-context"), w = Wt(m, d), h = ve(u, m, w);
     V("toolbar-item-handler", () => {
     }), G(() => {
       u.value.componentInstance = h;
@@ -2319,32 +2337,32 @@ const xe = /* @__PURE__ */ W({
       };
       return Z(f, o.class);
     }
-    return () => m("div", {
+    return () => g("div", {
       ref: u,
-      "data-dragref": `${g.schema.id}-container`,
+      "data-dragref": `${m.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [m("button", {
+    }, [g("button", {
       type: "button",
       class: l(),
       id: o.id
-    }, [c() && m("i", {
+    }, [c() && g("i", {
       class: b()
     }, null), o.text])]);
   }
-}), Be = /* @__PURE__ */ W({
+}), Be = /* @__PURE__ */ U({
   name: "FResponseToolbarDesign",
-  props: Et,
+  props: Bt,
   emits: ["Click"],
   setup(o, e) {
     const t = M(o.items);
     let s = new Array(t.value.length).fill(M());
-    const i = M(), u = M(), d = M(o.alignment), g = {
+    const r = M(), u = M(), d = M(o.alignment), m = {
       id: "__more_buttons__",
       text: "More"
-    }, w = M(new Q(g)), h = ke();
+    }, w = M(new Q(m)), h = ke();
     F(() => w.value.children.length > 0);
-    const b = M(), c = V("designer-host-service"), l = V("design-item-context"), f = jt(l, c), v = ve(b, l, f), E = V("toolbar-item-handler", () => {
+    const b = M(), c = V("designer-host-service"), l = V("design-item-context"), f = $t(l, c), v = ve(b, l, f), E = V("toolbar-item-handler", () => {
     });
     G(() => {
       b.value.componentInstance = v;
@@ -2362,9 +2380,9 @@ const xe = /* @__PURE__ */ W({
       "justify-content-end": d.value === "right",
       "justify-content-start": d.value === "left"
     })), {
-      renderToolbarDropdown: D,
+      renderToolbarDropdown: T,
       clearAllDropDown: I
-    } = At(o, h, v);
+    } = jt(o, h, v);
     function S() {
       t.value.filter((n) => n.children && n.children.length > 0).forEach((n) => {
         n.expanded = !1;
@@ -2374,12 +2392,12 @@ const xe = /* @__PURE__ */ W({
     function x(n) {
       const a = u.value;
       let p = n;
-      const T = Array.from(a.children), P = T[T.length - 1].id === "__more_buttons__" ? T[T.length - 1] : null;
+      const D = Array.from(a.children), P = D[D.length - 1].id === "__more_buttons__" ? D[D.length - 1] : null;
       if (P) {
         const $ = P.computedStyleMap().get("margin-left"), L = P.computedStyleMap().get("margin-right"), H = ($ ? $.value : 0) + P.getBoundingClientRect().width + (L ? L.value : 0);
         p -= H;
       }
-      const B = T.filter(($) => $.id !== "__more_buttons__");
+      const B = D.filter(($) => $.id !== "__more_buttons__");
       for (const $ of B) {
         const L = $.computedStyleMap().get("margin-left"), H = $.computedStyleMap().get("margin-right"), J = (L ? L.value : 0) + $.getBoundingClientRect().width + (H ? H.value : 0);
         p < J ? (k.set($.id, !0), y.push({
@@ -2397,8 +2415,8 @@ const xe = /* @__PURE__ */ W({
         }
       const N = Object.assign({}, w.value);
       N.children = [];
-      const U = new Q(N), q = t.value.reduce(($, L) => (k.has(L.id) && U.children.push(L), L.visible = !k.has(L.id), $.push(L), $), []);
-      w.value = U, t.value = q;
+      const q = new Q(N), W = t.value.reduce(($, L) => (k.has(L.id) && q.children.push(L), L.visible = !k.has(L.id), $.push(L), $), []);
+      w.value = q, t.value = W;
     }
     const A = new ResizeObserver((n) => {
       if (n.length) {
@@ -2407,9 +2425,9 @@ const xe = /* @__PURE__ */ W({
       }
     });
     G(() => {
-      const n = i.value;
+      const n = r.value;
       A.observe(n), document.body.addEventListener("click", S);
-    }), be(() => {
+    }), ye(() => {
       A.disconnect(), document.body.removeEventListener("click", S);
     }), z(() => o.items, () => {
       t.value = o.items;
@@ -2418,25 +2436,25 @@ const xe = /* @__PURE__ */ W({
     }), z(t, (n) => {
       s = new Array(t.value.length).fill(M());
     });
-    function C(n, a, p, T) {
-      l && l.setupContext && l.setupContext.emit("selectionChange", n, a, p, T);
+    function C(n, a, p, D) {
+      l && l.setupContext && l.setupContext.emit("selectionChange", n, a, p, D);
     }
-    function r() {
+    function i() {
       const n = u.value.querySelector(".dgComponentFocused.dgComponentSelected");
       n == null || n.classList.remove("dgComponentSelected"), n == null || n.classList.remove("dgComponentFocused"), O();
     }
-    return () => m("div", {
+    return () => g("div", {
       ref: b,
       "data-dragref": `${l.schema.id}-container`,
       class: j.value
-    }, [m("div", {
-      ref: i,
+    }, [g("div", {
+      ref: r,
       class: _.value
-    }, [m("div", {
+    }, [g("div", {
       ref: u,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.map((n, a) => m(Ee, {
+    }, [t.value.map((n, a) => g(Ee, {
       ref: s[a],
       class: "p-0 display-inline-block",
       modelValue: n,
@@ -2449,11 +2467,11 @@ const xe = /* @__PURE__ */ W({
       id: n.id,
       style: "padding:0 !important;display:inline-block",
       onSelectionChange: C,
-      onRemoveComponent: r
+      onRemoveComponent: i
     }, {
       default: () => {
         var p;
-        return [m(xe, {
+        return [g(xe, {
           id: n.id,
           disabled: n.disabled,
           text: n.text,
@@ -2465,15 +2483,15 @@ const xe = /* @__PURE__ */ W({
       }
     }))])])]);
   }
-}), me = le;
+}), me = de;
 K.register = (o, e, t) => {
-  o["response-toolbar"] = K, e["response-toolbar"] = le;
+  o["response-toolbar"] = K, e["response-toolbar"] = de;
 };
 K.registerDesigner = (o, e, t) => {
-  o["response-toolbar"] = Be, e["response-toolbar"] = le, o["response-toolbar-item"] = xe, e["response-toolbar-item"] = xt;
+  o["response-toolbar"] = Be, e["response-toolbar"] = de, o["response-toolbar-item"] = xe, e["response-toolbar-item"] = Rt;
 };
 Fe(K);
-const Wt = {
+const Ht = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   type: { type: String, default: "" },
@@ -2488,104 +2506,104 @@ const Wt = {
    */
   modelValue: { type: Object },
   ignore: { type: Boolean, default: !1 }
-}, ge = /* @__PURE__ */ W({
+}, he = /* @__PURE__ */ U({
   name: "FDesignerTemplateItem",
-  props: Wt,
+  props: Ht,
   emits: ["selectionChange"],
   setup(o, e) {
     const t = M(), s = F(() => ({
       "farris-component": !0
     }));
-    function i(u) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((g) => g.classList.remove("dgComponentFocused")), u && (u.preventDefault(), u.stopPropagation());
+    function r(u) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((m) => m.classList.remove("dgComponentFocused")), u && (u.preventDefault(), u.stopPropagation());
       const d = t.value;
       if (d) {
-        const g = document.getElementsByClassName("dgComponentSelected");
-        g && g.length === 1 && g[0] === t.value || (Array.from(g).forEach((h) => h.classList.remove("dgComponentSelected")), d.classList.add("dgComponentFocused"));
+        const m = document.getElementsByClassName("dgComponentSelected");
+        m && m.length === 1 && m[0] === t.value || (Array.from(m).forEach((h) => h.classList.remove("dgComponentSelected")), d.classList.add("dgComponentFocused"));
       }
       se.value++;
     }
-    return () => m("div", {
+    return () => g("div", {
       id: `${o.id}-design-item`,
       ref: t,
       class: s.value,
-      onClick: i
+      onClick: r
     }, [e.slots.default && e.slots.default()]);
   }
-}), qt = /* @__PURE__ */ W({
+}), zt = /* @__PURE__ */ U({
   name: "FPageHeaderDesign",
-  props: nt,
+  props: st,
   emits: ["click"],
   setup(o, e) {
-    const t = M(), s = V("designer-host-service"), i = V("design-item-context"), u = it(i.schema, s), d = st(t, i, u), g = M(i.schema.toolbar || {
+    const t = M(), s = V("designer-host-service"), r = V("design-item-context"), u = ct(r.schema, s), d = it(t, r, u), m = M(r.schema.toolbar || {
       type: "response-toolbar",
       buttons: []
-    }), w = M(me(g.value));
+    }), w = M(me(m.value));
     G(() => {
       t.value.componentInstance = d;
-    }), z(() => i.schema.toolbar, () => {
-      g.value = i.schema.toolbar || {
+    }), z(() => r.schema.toolbar, () => {
+      m.value = r.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, w.value = me(g.value);
+      }, w.value = me(m.value);
     }, {
       deep: !0
     });
     const h = F(() => [...w.value.items]);
     function b(c, l, f, v) {
-      i && i.setupContext && i.setupContext.emit("selectionChange", c, l, f, v);
+      r && r.setupContext && r.setupContext.emit("selectionChange", c, l, f, v);
     }
-    return e.expose(d.value), () => m("div", {
+    return e.expose(d.value), () => g("div", {
       ref: t
-    }, [m("nav", {
+    }, [g("nav", {
       class: "f-page-header-base"
-    }, [m("div", {
+    }, [g("div", {
       class: "f-title"
-    }, [m(ge, null, {
-      default: () => [m("span", {
+    }, [g(he, null, {
+      default: () => [g("span", {
         class: "f-title-icon f-text-orna-manage"
-      }, [m("i", {
+      }, [g("i", {
         class: o.icon
       }, null)])]
-    }), m(ge, null, {
-      default: () => [m("h4", {
+    }), g(he, null, {
+      default: () => [g("h4", {
         class: "f-title-text"
       }, [o.title])]
-    })]), m(Ee, {
+    })]), g(Ee, {
       class: "col-6 text-right",
-      modelValue: g.value,
-      "onUpdate:modelValue": (c) => g.value = c,
+      modelValue: m.value,
+      "onUpdate:modelValue": (c) => m.value = c,
       canAdd: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
-      id: g.value.id,
+      id: m.value.id,
       componentId: o.componentId,
       onSelectionChange: b
     }, {
-      default: () => [m(Be, {
+      default: () => [g(Be, {
         customClass: "w-100",
         items: h.value,
         componentId: o.componentId
       }, null)]
     })])]);
   }
-}), Yt = {
+}), Kt = {
   install(o) {
     o.component(oe.name, oe);
   },
   register(o, e, t, s) {
-    o["page-header"] = oe, e["page-header"] = pe, s["page-header"] = { eventHandlerResolver: ot };
+    o["page-header"] = oe, e["page-header"] = fe, s["page-header"] = { eventHandlerResolver: rt };
   },
   registerDesigner(o, e, t) {
-    o["page-header"] = qt, e["page-header"] = pe;
+    o["page-header"] = zt, e["page-header"] = fe;
   }
 };
 export {
   oe as PageHeader,
-  Yt as default,
-  ot as eventHandlerResolver,
-  nt as pageHeaderDesignerProps,
-  ae as pageHeaderProps,
-  pe as propsResolver
+  Kt as default,
+  rt as eventHandlerResolver,
+  st as pageHeaderDesignerProps,
+  ce as pageHeaderProps,
+  fe as propsResolver
 };