@farris/ui-vue 1.2.5 → 1.2.7

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

@@ -1,108 +1,108 @@
 var Re = Object.defineProperty;
-var Oe = (o, e, t) => e in o ? Re(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var O = (o, e, t) => Oe(o, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as G, ref as B, computed as V, watch as Q, createVNode as h, createTextVNode as Y, getCurrentInstance as be, onMounted as q, onUnmounted as ie, inject as U, provide as Le, onBeforeUnmount as Ne, withModifiers as $e } from "vue";
+var Oe = (n, e, t) => e in n ? Re(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var O = (n, e, t) => Oe(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as G, ref as B, computed as V, watch as Q, createVNode as b, createTextVNode as Y, getCurrentInstance as be, onMounted as q, onUnmounted as se, inject as U, provide as Le, onBeforeUnmount as Ne, withModifiers as $e } from "vue";
 import { cloneDeep as Ve } from "lodash-es";
 import _e from "@farris/ui-vue/components/response-toolbar";
 import { useDesignerInnerComponent as ve } from "@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component";
 import { withInstall as Ue } from "@farris/ui-vue/components/common";
-const se = {}, Ce = {};
-function ae(o) {
-  const { properties: e, title: t } = o, i = Object.keys(e).reduce((p, m) => (p[m] = e[m].type === "object" && e[m].properties ? ae(e[m]) : Ve(e[m].default), p), {});
-  return i.id = `${t}-${Date.now()}`, i;
+const ie = {}, Ce = {};
+function ae(n) {
+  const { properties: e, title: t } = n, s = Object.keys(e).reduce((p, u) => (p[u] = e[u].type === "object" && e[u].properties ? ae(e[u]) : Ve(e[u].default), p), {});
+  return s.id = `${t}-${Date.now()}`, s;
 }
-function z(o, e = {}) {
-  const t = se[o];
+function z(n, e = {}) {
+  const t = ie[n];
   if (t) {
-    let i = ae(t);
-    const p = Ce[o];
-    return i = p ? p({ getSchemaByType: z }, i, e) : i, i;
+    let s = ae(t);
+    const p = Ce[n];
+    return s = p ? p({ getSchemaByType: z }, s, e) : s, s;
   }
   return null;
 }
-function We(o, e) {
+function We(n, e) {
   const t = ae(e);
-  return Object.keys(o).reduce((i, p) => (i[p] = o[p], i), t), t;
+  return Object.keys(n).reduce((s, p) => (s[p] = n[p], s), t), t;
 }
-function ze(o, e) {
-  return Object.keys(o).filter((i) => o[i] != null).reduce((i, p) => {
+function ze(n, e) {
+  return Object.keys(n).filter((s) => n[s] != null).reduce((s, p) => {
     if (e.has(p)) {
-      const m = e.get(p);
-      if (typeof m == "string")
-        i[m] = o[p];
+      const u = e.get(p);
+      if (typeof u == "string")
+        s[u] = n[p];
       else {
-        const b = m(p, o[p], o);
-        Object.assign(i, b);
+        const h = u(p, n[p], n);
+        Object.assign(s, h);
       }
     } else
-      i[p] = o[p];
-    return i;
+      s[p] = n[p];
+    return s;
   }, {});
 }
-function He(o, e, t = /* @__PURE__ */ new Map()) {
-  const i = We(o, e);
-  return ze(i, t);
+function He(n, e, t = /* @__PURE__ */ new Map()) {
+  const s = We(n, e);
+  return ze(s, t);
 }
-function qe(o = {}) {
+function qe(n = {}) {
   function e(g, T, l, a) {
     if (typeof l == "number")
       return a[g].length === l;
     if (typeof l == "object") {
-      const u = Object.keys(l)[0], s = l[u];
-      if (u === "not")
-        return Number(a[g].length) !== Number(s);
-      if (u === "moreThan")
-        return Number(a[g].length) >= Number(s);
-      if (u === "lessThan")
-        return Number(a[g].length) <= Number(s);
+      const f = Object.keys(l)[0], i = l[f];
+      if (f === "not")
+        return Number(a[g].length) !== Number(i);
+      if (f === "moreThan")
+        return Number(a[g].length) >= Number(i);
+      if (f === "lessThan")
+        return Number(a[g].length) <= Number(i);
     }
     return !1;
   }
   function t(g, T, l, a) {
     return a[g] && a[g].propertyValue && String(a[g].propertyValue.value) === String(l);
   }
-  const i = /* @__PURE__ */ new Map([
+  const s = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(o).reduce((g, T) => (g.set(T, o[T]), g), i);
+  Object.keys(n).reduce((g, T) => (g.set(T, n[T]), g), s);
   function p(g, T) {
     const l = g;
     return typeof T == "number" ? [{ target: l, operator: "length", param: null, value: Number(T) }] : typeof T == "boolean" ? [{ target: l, operator: "getProperty", param: g, value: !!T }] : typeof T == "object" ? Object.keys(T).map((a) => {
       if (a === "length")
         return { target: l, operator: "length", param: null, value: T[a] };
-      const u = a, s = T[a];
-      return { target: l, operator: "getProperty", param: u, value: s };
+      const f = a, i = T[a];
+      return { target: l, operator: "getProperty", param: f, value: i };
     }) : [];
   }
-  function m(g) {
+  function u(g) {
     return Object.keys(g).reduce((l, a) => {
-      const u = p(a, g[a]);
-      return l.push(...u), l;
+      const f = p(a, g[a]);
+      return l.push(...f), l;
     }, []);
   }
-  function b(g, T) {
-    if (i.has(g.operator)) {
-      const l = i.get(g.operator);
+  function h(g, T) {
+    if (s.has(g.operator)) {
+      const l = s.get(g.operator);
       return l && l(g.target, g.param, g.value, T) || !1;
     }
     return !1;
   }
   function P(g, T) {
-    return m(g).reduce((u, s) => u && b(s, T), !0);
+    return u(g).reduce((f, i) => f && h(i, T), !0);
   }
-  function M(g, T) {
-    const l = Object.keys(g), a = l.includes("allOf"), u = l.includes("anyOf"), s = a || u, x = (s ? g[s ? a ? "allOf" : "anyOf" : "allOf"] : [g]).map((S) => P(S, T));
-    return a ? !x.includes(!1) : x.includes(!0);
+  function k(g, T) {
+    const l = Object.keys(g), a = l.includes("allOf"), f = l.includes("anyOf"), i = a || f, M = (i ? g[i ? a ? "allOf" : "anyOf" : "allOf"] : [g]).map((S) => P(S, T));
+    return a ? !M.includes(!1) : M.includes(!0);
   }
-  return { parseValueSchema: M };
+  return { parseValueSchema: k };
 }
 const E = {
   Button: { type: "Button", name: "按钮", icon: "Button" },
   ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
-  ToolBar: { type: "ToolBar", name: "工具栏", icon: "ButtonGroup" },
-  ToolBarItem: { type: "ToolBarItem", name: "工具栏项", icon: "Button" },
-  ContentContainer: { type: "ContentContainer", name: "容器", icon: "ContentContainer" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "工具栏项", icon: "Button" },
+  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
   DisplayField: { type: "DisplayField", name: "标签", icon: "DisplayField" },
   "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
   textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
@@ -129,15 +129,15 @@ const E = {
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
   Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
   Module: { type: "Module", name: "模块", icon: "Module" },
-  Component: { type: "Component", name: "组件", icon: "Component" },
+  component: { type: "component", name: "组件", icon: "Component" },
   ExternalContainer: { type: "ExternalContainer", name: "外部容器", icon: "ContentContainer" },
   Image: { type: "Image", name: "图像", icon: "Image" },
   ImageUpload: { type: "ImageUpload", name: "图片上传", icon: "imageupload" },
   HiddenContainer: { type: "HiddenContainer", name: "隐藏区域", icon: "ContentContainer" },
   ModalContainer: { type: "ModalContainer", name: "弹窗容器", icon: "ContentContainer" },
   RouteContainer: { type: "RouteContainer", name: "路由区域", icon: "ContentContainer" },
-  Tab: { type: "Tab", name: "标签页", icon: "Tab" },
-  TabPage: { type: "TabPage", name: "标签页项", dependentParentControl: "Tab" },
+  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
   "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
   Tag: { type: "Tag", name: "Tag", icon: "Tag" },
   Sidebar: { type: "Sidebar", name: "侧边栏", icon: "Sidebar" },
@@ -146,7 +146,7 @@ const E = {
   RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
   TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
   TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
-  Section: { type: "Section", name: "分组面板", icon: "Section" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
   SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
   SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
   QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
@@ -176,7 +176,7 @@ const E = {
   NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
   Tags: { type: "Tags", name: "标记组", icon: "Tags" },
   Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
-  Header: { type: "Header", name: "页头", icon: "Header" },
+  "page-header": { type: "page-header", name: "页头", icon: "Header" },
   ModalFooter: { type: "ModalFooter", name: "弹窗页脚", icon: "ModalFooter" },
   ScrollCollapsibleArea: { type: "ScrollCollapsibleArea", name: "滚动收折区域", icon: "ScrollCollapsibleArea" },
   PersonnelSelector: { type: "PersonnelSelector", name: "人员选择", icon: "PersonnelSelector" },
@@ -210,16 +210,16 @@ const E = {
   /** 审批类 end */
 }, we = {}, Ge = {};
 qe();
-function ce(o, e, t = /* @__PURE__ */ new Map(), i = (b, P, M) => P, p = {}, m = (b) => b) {
-  return se[e.title] = e, Ce[e.title] = i, we[e.title] = p, Ge[e.title] = m, (b = {}) => {
-    const P = He(b, e, t), M = Object.keys(o).reduce((g, T) => (g[T] = o[T].default, g), {});
-    return Object.assign(M, P);
+function ce(n, e, t = /* @__PURE__ */ new Map(), s = (h, P, k) => P, p = {}, u = (h) => h) {
+  return ie[e.title] = e, Ce[e.title] = s, we[e.title] = p, Ge[e.title] = u, (h = {}) => {
+    const P = He(h, e, t), k = Object.keys(n).reduce((g, T) => (g[T] = n[T].default, g), {});
+    return Object.assign(k, P);
   };
 }
-function Qe(o, e) {
+function Qe(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-function Xe(o, e) {
+function Xe(n, e) {
   return { buttons: e.buttons };
 }
 const Ye = /* @__PURE__ */ new Map([
@@ -301,7 +301,7 @@ const Ye = /* @__PURE__ */ new Map([
   buttonClass: {
     description: "",
     type: "string",
-    default: ""
+    default: "col-6"
   },
   titleContentClass: {
     description: "",
@@ -341,7 +341,7 @@ const Ye = /* @__PURE__ */ new Map([
   type: tt,
   properties: nt
 };
-function rt(o, e, t) {
+function rt(n, e, t) {
   return e.title = "标题", e;
 }
 const le = {
@@ -373,123 +373,125 @@ const le = {
   prePaginationDisabled: { type: Boolean, default: !0 },
   /** 向后翻页是否禁用 */
   nextPaginationDisabled: { type: Boolean, default: !1 }
-}, fe = ce(le, ot, Ye, rt), ne = /* @__PURE__ */ G({
+}, st = Object.assign({}, le, {
+  componentId: { type: String, default: "" }
+}), fe = ce(le, ot, Ye, rt), ne = /* @__PURE__ */ G({
   name: "FPageHeader",
   props: le,
   emits: ["Click", "PrePaginationClick", "NextPaginationClick"],
-  setup(o, e) {
-    const t = B(o.buttons), i = (S) => {
-      e.emit("Click", S);
+  setup(n, e) {
+    const t = B(n.buttons), s = (S, A) => {
+      e.emit("Click", S, A);
     };
-    function p(S, I) {
-      S && I && I.split(" ").reduce((C, f) => (C[f] = !0, C), S);
+    function p(S, A) {
+      S && A && A.split(" ").reduce((v, m) => (v[m] = !0, v), S);
     }
-    const m = V(() => {
+    const u = V(() => {
       const S = {
         "f-page-header": !0
       };
-      return p(S, o.customClass), S;
-    }), b = V(() => {
+      return p(S, n.customClass), S;
+    }), h = V(() => {
       const S = {
         "f-title-icon": !0
       };
-      return p(S, o.iconClass), S;
+      return p(S, n.iconClass), S;
     }), P = V(() => {
       const S = {
         "f-icon": !0
       };
-      return p(S, o.icon), S;
-    }), M = V(() => {
+      return p(S, n.icon), S;
+    }), k = V(() => {
       const S = {
         "f-title": !0
       };
-      return p(S, o.titleContentClass), S;
+      return p(S, n.titleContentClass), S;
     }), g = V(() => {
       const S = {
         "f-content": !0
       };
-      return p(S, o.contentClass), S;
+      return p(S, n.contentClass), S;
     }), T = V(() => {
       const S = {
         "f-content": !0
       };
-      return p(S, o.downContentClass), S;
+      return p(S, n.downContentClass), S;
     }), l = V(() => ({
       "f-icon f-icon-arrow-w": !0,
-      "f-state-disabled": o.prePaginationDisabled
+      "f-state-disabled": n.prePaginationDisabled
     })), a = V(() => ({
       "f-icon f-icon-arrow-e": !0,
-      "f-state-disabled": o.nextPaginationDisabled
+      "f-state-disabled": n.nextPaginationDisabled
     }));
-    function u(S) {
-      o.prePaginationDisabled || e.emit("PrePaginationClick", S);
+    function f(S) {
+      n.prePaginationDisabled || e.emit("PrePaginationClick", S);
     }
-    function s(S) {
-      o.nextPaginationDisabled || e.emit("NextPaginationClick", S);
+    function i(S) {
+      n.nextPaginationDisabled || e.emit("NextPaginationClick", S);
     }
-    function v() {
-      return e.slots.titleContent ? h("div", {
-        class: M.value
-      }, [Y(" "), e.slots.titleContent()]) : h("div", {
+    function C() {
+      return e.slots.titleContent ? b("div", {
+        class: k.value
+      }, [Y(" "), e.slots.titleContent()]) : b("div", {
         class: "f-title"
-      }, [o.showIcon && o.icon ? h("span", {
-        class: b.value
-      }, [h("i", {
+      }, [n.showIcon && n.icon ? b("span", {
+        class: h.value
+      }, [b("i", {
         class: P.value
-      }, null)]) : "", h("h4", {
+      }, null)]) : "", b("h4", {
         class: "f-title-text"
-      }, [o.title]), o.subTitle ? h("h5", {
+      }, [n.title]), n.subTitle ? b("h5", {
         class: "f-title-subtitle"
-      }, [o.subTitle]) : "", o.showPagination ? h("div", {
+      }, [n.subTitle]) : "", n.showPagination ? b("div", {
         class: "f-title-pagination"
-      }, [h("span", {
+      }, [b("span", {
         class: l.value,
-        onClick: u
-      }, null), h("span", {
+        onClick: f
+      }, null), b("span", {
         class: a.value,
-        onClick: s
+        onClick: i
       }, null)]) : ""]);
     }
     function w() {
-      return e.slots.content ? h("div", {
+      return e.slots.content ? b("div", {
         class: g.value
       }, [Y(" "), e.slots.content()]) : "";
     }
-    function x() {
-      if (o.buttons && o.buttons.length > 0)
-        return h(_e, {
-          customClass: o.buttonClass,
+    function M() {
+      if (n.buttons && n.buttons.length > 0)
+        return b(_e, {
+          customClass: n.buttonClass,
           items: t.value,
-          onClick: i
+          onClick: s
         }, null);
     }
     function R() {
-      return e.slots.downContent ? h("div", {
+      return e.slots.downContent ? b("div", {
         class: T.value
       }, [Y(" "), e.slots.downContent()]) : "";
     }
-    return Q(() => o.buttons, (S) => {
+    return Q(() => n.buttons, (S) => {
       t.value = S;
     }, {
       deep: !0
-    }), () => h("div", {
-      class: m.value
-    }, [h("nav", {
+    }), () => b("div", {
+      class: u.value
+    }, [b("nav", {
       class: "f-page-header-base"
-    }, [v(), w(), x()]), R()]);
+    }, [C(), w(), M()]), R()]);
   }
 });
-function it(o, e, t) {
+function it(n, e, t) {
   var L;
-  function i() {
+  function s() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  i();
-  const p = t && t.getStyles && t.getStyles() || "", m = t && t.getDesignerClass && t.getDesignerClass() || "", b = B();
+  s();
+  const p = t && t.getStyles && t.getStyles() || "", u = t && t.getDesignerClass && t.getDesignerClass() || "", h = B();
   function P() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function M() {
+  function k() {
     return !1;
   }
   function g() {
@@ -498,79 +500,80 @@ function it(o, e, t) {
   function T() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(C) {
-    if (!C || !C.value)
+  function l(v) {
+    if (!v || !v.value)
       return null;
-    if (C.value.schema && C.value.schema.type === "component")
-      return C.value;
-    const f = B(C == null ? void 0 : C.value.parent), D = l(f);
+    if (v.value.schema && v.value.schema.type === "component")
+      return v.value;
+    const m = B(v == null ? void 0 : v.value.parent), D = l(m);
     return D || null;
   }
-  function a(C = e) {
-    const { componentInstance: f, designerItemElementRef: D } = C;
-    return !f || !f.value ? null : f.value.canMove ? D : a(C.parent);
+  function a(v = e) {
+    const { componentInstance: m, designerItemElementRef: D } = v;
+    return !m || !m.value ? null : m.value.canMove ? D : a(v.parent);
   }
-  function u(C) {
-    return !!t && t.canAccepts(C);
+  function f(v) {
+    return !!t && t.canAccepts(v);
   }
-  function s() {
+  function i() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function v() {
+  function C() {
   }
-  function w(C, f) {
-    f && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(f);
+  function w(v, m) {
+    m && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(m);
   }
-  function x(C) {
-    const { componentType: f } = C;
-    let D = z(f, C);
-    t && t.onResolveNewComponentSchema && (D = t.onResolveNewComponentSchema(C, D));
-    const j = f.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === f && (D.id = `${j}_${Math.random().toString().slice(2, 6)}`), D;
+  function M(v) {
+    const { componentType: m } = v;
+    let D = z(m, v);
+    t && t.onResolveNewComponentSchema && (D = t.onResolveNewComponentSchema(v, D));
+    const j = m.toLowerCase().replace("-", "_");
+    return D && !D.id && D.type === m && (D.id = `${j}_${Math.random().toString().slice(2, 6)}`), D;
   }
-  function R(C, f) {
-    const D = String(C.getAttribute("data-controltype")), j = C.getAttribute("data-feature"), d = j ? JSON.parse(j) : {};
-    d.parentComponentInstance = b.value;
+  function R(v, m) {
+    const D = String(v.getAttribute("data-controltype")), j = v.getAttribute("data-feature"), d = j ? JSON.parse(j) : {};
+    d.parentComponentInstance = h.value;
     let r = z(D, d);
-    t && t.onAcceptNewChildElement && (r = t.onAcceptNewChildElement(C, f, r));
-    const n = D.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === D && (r.id = `${n}_${Math.random().toString().slice(2, 6)}`), r;
+    t && t.onAcceptNewChildElement && (r = t.onAcceptNewChildElement(v, m, r));
+    const o = D.toLowerCase().replace("-", "_");
+    return r && !r.id && r.type === D && (r.id = `${o}_${Math.random().toString().slice(2, 6)}`), r;
   }
-  function S(C) {
+  function S(v) {
   }
-  function I(...C) {
+  function A(...v) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...C);
+      return t.getPropsConfig(...v);
   }
-  return b.value = {
+  return h.value = {
     canMove: P(),
-    canSelectParent: M(),
+    canSelectParent: k(),
     canDelete: g(),
     canNested: !T(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: o,
+    elementRef: n,
     parent: (L = e == null ? void 0 : e.parent) == null ? void 0 : L.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: p,
-    designerClass: m,
-    canAccepts: u,
+    designerClass: u,
+    canAccepts: f,
     getBelongedComponentInstance: l,
     getDraggableDesignItemElement: a,
-    getDraggingDisplayText: s,
-    getPropConfig: I,
-    getDragScopeElement: v,
+    getDraggingDisplayText: i,
+    getPropConfig: A,
+    getDragScopeElement: C,
     onAcceptMovedChildElement: w,
     onAcceptNewChildElement: R,
     onChildElementMovedOut: S,
-    addNewChildComponentSchema: x,
-    updateDragAndDropRules: i,
+    addNewChildComponentSchema: M,
+    updateDragAndDropRules: s,
     triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || B(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || B(!1)
-  }, b;
+  }, h;
 }
 class Te {
   static getEditorTypesByMDataType(e) {
-    return this.fieldControlTypeMapping[e];
+    const t = this.fieldControlTypeMapping[e];
+    return t || [{ key: "", value: "" }];
   }
 }
 /**
@@ -642,20 +645,25 @@ class J {
     O(this, "designViewModelField");
     O(this, "controlCreatorUtils");
     O(this, "designerHostService");
+    O(this, "schemaService", null);
     O(this, "metadataService", null);
     O(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var i;
-    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((i = this.formSchemaUtils) == null ? void 0 : i.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService;
+    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;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(e) {
     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((p) => p.id === t);
+        const s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = s.fields.find((p) => p.id === t);
       }
       e.updateOn = this.designViewModelField.updateOn;
     }
@@ -663,6 +671,7 @@ class J {
   changeFieldEditorType(e, t) {
   }
   getBasicPropConfig(e) {
+    var s, p;
     var t = this;
     return this.setDesignViewModelField(e), {
       description: "Basic Information",
@@ -684,7 +693,8 @@ class J {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: Te.getEditorTypesByMDataType(t.designViewModelField.type.name)
+            data: Te.getEditorTypesByMDataType(((p = (s = t.designViewModelField) == null ? void 0 : s.type) == null ? void 0 : p.name) || ""),
+            editable: !1
           }
         },
         label: {
@@ -693,11 +703,11 @@ class J {
           $converter: "/converter/form-group-label.converter"
         }
       },
-      setPropertyRelates(i, p) {
-        if (i)
-          switch (i && i.propertyID) {
+      setPropertyRelates(u, h) {
+        if (u)
+          switch (u && u.propertyID) {
             case "type": {
-              t.changeControlType(e, i);
+              t.changeControlType(e, u);
               break;
             }
           }
@@ -710,34 +720,34 @@ class J {
   * @param newControlType 新控件类型
   */
   changeControlType(e, t) {
-    var g, T, l, a, u;
-    const i = t.propertyValue, p = this.formSchemaUtils.getComponentById(this.componentId);
-    let m = this.getControlParentContainer(e.id, p);
-    if (!m)
+    var g, T, l, a, f;
+    const s = t.propertyValue, p = this.formSchemaUtils.getComponentById(this.componentId);
+    let u = this.getControlParentContainer(e.id, p);
+    if (!u)
       return;
-    const b = m.contents.findIndex((s) => s.id === e.id), P = m.contents[b];
-    let M;
+    const h = u.contents.findIndex((i) => i.id === e.id), P = u.contents[h];
+    let k;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: i
+        $type: s
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), M = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, i)), Object.assign(M, {
+    }, !1), k = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, s)), Object.assign(k, {
       id: P.id,
       appearance: P.appearance,
       size: P.size,
       label: P.label
-    }), Object.assign(M.editor, {
-      isTextArea: M.isTextArea && P.isTextArea,
-      type: i || "",
+    }), Object.assign(k.editor, {
+      isTextArea: k.isTextArea && P.isTextArea,
+      type: s || "",
       placeHolder: (g = P.editor) == null ? void 0 : g.placeHolder,
       holdPlace: (T = P.editor) == null ? void 0 : T.holdPlace,
       readonly: (l = P.editor) == null ? void 0 : l.readonly,
       require: (a = P.editor) == null ? void 0 : a.require,
-      visible: (u = P.editor) == null ? void 0 : u.visible
-    }), m.contents.splice(b, 1, M);
+      visible: (f = P.editor) == null ? void 0 : f.visible
+    }), u.contents.splice(h, 1, k);
   }
   getAppearanceConfig(e = null) {
     return {
@@ -775,39 +785,18 @@ class J {
   * @param domJson 容器
   */
   getControlParentContainer(e, t) {
-    let i;
+    let s;
     if (!t || !t.contents || t.contents.length === 0)
       return null;
     for (const p of t.contents) {
       if (p.id === e)
-        return i = t, t;
-      if (i = this.getControlParentContainer(e, p), i)
-        return i;
+        return s = t, t;
+      if (s = this.getControlParentContainer(e, p), s)
+        return s;
     }
   }
-  getBindingFieldEditorOptions(e) {
-    const t = this.formSchemaUtils.getFormMetadataBasicInfo();
-    return {
-      type: "field-selector",
-      bindingType: { enable: !1 },
-      editorParams: {
-        propertyData: e,
-        formBasicInfo: t
-      },
-      columns: [
-        { field: "name", title: "字段名称" },
-        { field: "bindingField", title: "绑定字段" },
-        { field: "fieldType", title: "字段类型" }
-      ],
-      beforeOpenDialog: (i) => {
-        const p = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        i.instance.loadData(p);
-      },
-      textField: "bindingField"
-    };
-  }
 }
-class st extends J {
+class at extends J {
   constructor(e, t) {
     super(e, t);
   }
@@ -831,7 +820,9 @@ class st extends J {
           description: "The type of a component.",
           editor: {
             type: "combo-list",
-            data: []
+            textField: "value",
+            valueField: "key",
+            data: [{ key: "page-header", value: E["page-header"].name }]
           }
         },
         icon: {
@@ -871,7 +862,7 @@ class st extends J {
         label: "click",
         name: "点击事件"
       }
-    ], i = this, p = i.eventsEditorUtils.formProperties(e, i.viewModelId, t);
+    ], s = this, p = s.eventsEditorUtils.formProperties(e, s.viewModelId, t);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
@@ -887,26 +878,26 @@ class st extends J {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(m, b) {
-        const P = m.propertyValue;
-        delete e[i.viewModelId], P && (P.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(e, i.viewModelId, P.events, P));
+      setPropertyRelates(u, h) {
+        const P = u.propertyValue;
+        delete e[s.viewModelId], P && (P.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, P.events, P));
       }
     };
   }
 }
-function at(o, e) {
-  function t(m) {
+function ct(n, e) {
+  function t(u) {
     return !1;
   }
-  function i() {
+  function s() {
     return !0;
   }
-  function p(m) {
-    return new st(m, e).getPropertyConfig(o);
+  function p(u) {
+    return new at(u, e).getPropertyConfig(n);
   }
   return {
     canAccepts: t,
-    hideNestedPaddingInDesginerView: i,
+    hideNestedPaddingInDesginerView: s,
     getPropsConfig: p
   };
 }
@@ -955,8 +946,8 @@ class Se {
       "tipsText",
       "onClick"
     ];
-    Object.keys(e).filter((i) => t.indexOf(i) > -1).forEach((i) => {
-      this[i] = e[i];
+    Object.keys(e).filter((s) => t.indexOf(s) > -1).forEach((s) => {
+      this[s] = e[s];
     });
   }
   /** 是否可用 */
@@ -972,19 +963,19 @@ class Se {
     return this.visible ? this.width : !1;
   }
 }
-class ct extends Se {
+class lt extends Se {
   constructor(e) {
     super(e);
   }
 }
 function Pe() {
-  function o(e) {
+  function n(e) {
     const t = [];
-    return e.reduce((i, p) => (p.children && p.children.length > 0 ? i.push(new X(p)) : i.push(new ct(p)), i), t), t;
+    return e.reduce((s, p) => (p.children && p.children.length > 0 ? s.push(new X(p)) : s.push(new lt(p)), s), t), t;
   }
-  return { buildResponseToolbarItems: o };
+  return { buildResponseToolbarItems: n };
 }
-const { buildResponseToolbarItems: lt } = Pe();
+const { buildResponseToolbarItems: pt } = Pe();
 class X extends Se {
   constructor(t) {
     super(t);
@@ -998,19 +989,19 @@ class X extends Se {
     O(this, "split", !1);
     O(this, "children", []);
     O(this, "expanded", !1);
-    const i = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(t).filter((p) => i.indexOf(p) > -1).forEach((p) => {
+    const s = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
+    Object.keys(t).filter((p) => s.indexOf(p) > -1).forEach((p) => {
       this[p] = t[p];
-    }), t.children && t.children.length && (this.children = lt(t.children));
+    }), t.children && t.children.length && (this.children = pt(t.children));
   }
 }
 const De = /* @__PURE__ */ new Map([
   ["buttons", "items"]
 ]);
-function Me(o, e, t) {
+function ke(n, e, t) {
   return e;
 }
-const pt = "https://json-schema.org/draft/2020-12/schema", dt = "https://farris-design.gitee.io/response-toolbar.schema.json", ut = "response-toolbar", ft = "A Farris Toolbar Component", mt = "object", gt = {
+const dt = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-design.gitee.io/response-toolbar.schema.json", ft = "response-toolbar", mt = "A Farris Toolbar Component", gt = "object", yt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -1043,19 +1034,19 @@ const pt = "https://json-schema.org/draft/2020-12/schema", dt = "https://farris-
     type: "array",
     default: []
   }
-}, yt = [
+}, ht = [
   "id",
   "type",
   "buttons"
-], ht = {
-  $schema: pt,
-  $id: dt,
-  title: ut,
-  description: ft,
-  type: mt,
-  properties: gt,
-  required: yt
-}, bt = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Ct = "response-toolbar-item", wt = "A Farris Toolbar Item Component", Tt = "object", St = {
+], bt = {
+  $schema: dt,
+  $id: ut,
+  title: ft,
+  description: mt,
+  type: gt,
+  properties: yt,
+  required: ht
+}, vt = "https://json-schema.org/draft/2020-12/schema", Ct = "https://farris-design.gitee.io/response-toolbar-item.schema.json", wt = "response-toolbar-item", Tt = "A Farris Toolbar Item Component", St = "object", Pt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -1088,24 +1079,24 @@ const pt = "https://json-schema.org/draft/2020-12/schema", dt = "https://farris-
     type: "string",
     default: ""
   },
-  onClick: {
+  click: {
     description: "The event of response toolbar item.",
     type: "string",
     default: ""
   }
-}, Pt = [
+}, Dt = [
   "id",
   "type",
   "text"
 ], re = {
-  $schema: bt,
-  $id: vt,
-  title: Ct,
-  description: wt,
-  type: Tt,
-  properties: St,
-  required: Pt
-}, Dt = "response-toolbar-item", Mt = "A Farris Container Component", xt = "object", kt = {
+  $schema: vt,
+  $id: Ct,
+  title: wt,
+  description: Tt,
+  type: St,
+  properties: Pt,
+  required: Dt
+}, kt = "response-toolbar-item", Mt = "A Farris Container Component", xt = "object", Et = {
   basic: {
     title: "基本信息",
     description: "Basic Infomation",
@@ -1139,10 +1130,10 @@ const pt = "https://json-schema.org/draft/2020-12/schema", dt = "https://farris-
     }
   }
 }, me = {
-  title: Dt,
+  title: kt,
   description: Mt,
   type: xt,
-  categories: kt
+  categories: Et
 }, pe = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
@@ -1152,49 +1143,52 @@ const pt = "https://json-schema.org/draft/2020-12/schema", dt = "https://farris-
     default: []
   }
 };
-se[re.title] = re;
+ie[re.title] = re;
 we[me.title] = me;
-const de = ce(
+const Bt = Object.assign({}, pe, {
+  componentId: { type: String, default: "" }
+}), de = ce(
   pe,
-  ht,
+  bt,
   De,
-  Me
-), xe = {
+  ke
+), Me = {
   id: { type: String, default: "" },
   items: { type: Object, default: {} },
   text: { type: String, default: "" },
   disabled: { type: Boolean, default: !1 },
-  icon: { type: String, default: "" }
-}, Et = ce(
-  xe,
+  icon: { type: String, default: "" },
+  componentId: { type: String, default: "" }
+}, jt = ce(
+  Me,
   re,
   De,
-  Me
+  ke
 );
-function ke() {
-  function o(t) {
-    const i = {
+function xe() {
+  function n(t) {
+    const s = {
       "f-icon": !0
     };
     if (t.icon) {
       const p = t.icon.trim().split(" ");
-      p && p.length && p.reduce((m, b) => (m[b] = !0, m), i);
+      p && p.length && p.reduce((u, h) => (u[h] = !0, u), s);
     }
-    return i;
+    return s;
   }
   function e(t) {
     return !!(t.icon && t.icon.trim());
   }
-  return { iconClass: o, shouldShowIcon: e };
+  return { iconClass: n, shouldShowIcon: e };
 }
-function Bt(o) {
+function At(n) {
   function e(l) {
     const a = {
       "dropdown-menu": !0
     };
     if (l.class) {
-      const u = l.menuClass.split(" ");
-      u && u.length && u.reduce((s, v) => (s[v] = !0, s), a);
+      const f = l.menuClass.split(" ");
+      f && f.length && f.reduce((i, C) => (i[C] = !0, i), a);
     }
     return a;
   }
@@ -1203,117 +1197,117 @@ function Bt(o) {
       disabled: !l.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, u = l.dropdownClass.split(" ");
-    return u && u.length && u.reduce((s, v) => (s[v] = !0, s), a), a;
+    }, f = l.dropdownClass.split(" ");
+    return f && f.length && f.reduce((i, C) => (i[C] = !0, i), a), a;
   }
-  function i(l) {
+  function s(l) {
     const a = {
       disabled: !l.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0
-    }, u = l.class.split(" ");
-    return u && u.length && u.reduce((s, v) => (s[v] = !0, s), a), a;
+    }, f = l.class.split(" ");
+    return f && f.length && f.reduce((i, C) => (i[C] = !0, i), a), a;
   }
   let p;
-  const m = /* @__PURE__ */ new Map();
-  function b(l, a, u) {
-    var v;
-    ((v = l.target) == null ? void 0 : v.id) === a.id && l.stopPropagation();
-    const s = u ? u.id : "__top_item__";
-    if (a.children && a.children.length && (a.expanded = !a.expanded, a.expanded ? m.set(s, a) : m.delete(s)), m.has(s) && m.get(s) !== a) {
-      const w = m.get(s);
+  const u = /* @__PURE__ */ new Map();
+  function h(l, a, f) {
+    var C;
+    ((C = l.target) == null ? void 0 : C.id) === a.id && l.stopPropagation();
+    const i = f ? f.id : "__top_item__";
+    if (a.children && a.children.length && (a.expanded = !a.expanded, a.expanded ? u.set(i, a) : u.delete(i)), u.has(i) && u.get(i) !== a) {
+      const w = u.get(i);
       w && (w.expanded = !1);
     }
   }
   function P(l, a) {
     document.body.click(), a.enable && a.onClick(l, a.id);
   }
-  function M(l) {
-    return l.children.map((a) => a.children && a.children.length ? h("li", {
+  function k(l) {
+    return l.children.map((a) => a.children && a.children.length ? b("li", {
       class: t(a),
       id: a.id,
-      onClick: (u) => a.enable && b(u, a, l)
-    }, [h("span", {
+      onClick: (f) => a.enable && h(f, a, l)
+    }, [b("span", {
       id: a.id,
-      class: i(a),
-      onMouseover: (u) => a.enable && b(u, a, l)
-    }, [a.text, h("i", {
+      class: s(a),
+      onMouseover: (f) => a.enable && h(f, a, l)
+    }, [a.text, b("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), p(a, a)]) : h("li", {
-      class: i(a),
+    }, null)]), p(a, a)]) : b("li", {
+      class: s(a),
       id: a.id,
-      onClick: (u) => P(u, a),
-      onMouseover: (u) => a.enable && b(u, a, l)
-    }, [o.shouldShowIcon(a) && h("i", {
-      class: o.iconClass(a)
+      onClick: (f) => P(f, a),
+      onMouseover: (f) => a.enable && h(f, a, l)
+    }, [n.shouldShowIcon(a) && b("i", {
+      class: n.iconClass(a)
     }, null), a.text]));
   }
-  function g(l, a, u) {
-    const s = {
+  function g(l, a, f) {
+    const i = {
       display: l.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, v = document.getElementsByTagName("body")[0].getClientRects()[0].width, w = a, x = w == null ? void 0 : w.getClientRects();
-    if (w && x && x.length) {
+    }, C = document.getElementsByTagName("body")[0].getClientRects()[0].width, w = a, M = w == null ? void 0 : w.getClientRects();
+    if (w && M && M.length) {
       const {
         top: R,
         width: S,
-        left: I,
+        left: A,
         right: L,
-        height: C
-      } = x[0], f = Math.ceil(C + R);
-      s.top = `${f}px`, s.left = `${I}px`;
+        height: v
+      } = M[0], m = Math.ceil(v + R);
+      i.top = `${m}px`, i.left = `${A}px`;
       const D = l.id + "_menu", j = a ? a.querySelector("#" + D) : null;
       if (j) {
-        s.display === "block" && (j.style.display = "block");
+        i.display === "block" && (j.style.display = "block");
         const d = j.getBoundingClientRect();
-        if (u) {
-          s.top = `${R - 6}px`;
-          const r = Math.ceil(S + I);
-          s.left = `${r}px`;
+        if (f) {
+          i.top = `${R - 6}px`;
+          const r = Math.ceil(S + A);
+          i.left = `${r}px`;
         }
-        v - I - S < d.width && (s.left = `${(u ? I : L) - d.width}px`);
+        C - A - S < d.width && (i.left = `${(f ? A : L) - d.width}px`);
       }
     }
-    return s;
+    return i;
   }
   p = function(l, a) {
-    var w, x;
-    const u = be(), s = a ? a.id : l.id, v = (x = (w = u == null ? void 0 : u.exposed) == null ? void 0 : w.elementRef.value) == null ? void 0 : x.querySelector("#" + s);
-    return h("ul", {
+    var w, M;
+    const f = be(), i = a ? a.id : l.id, C = (M = (w = f == null ? void 0 : f.exposed) == null ? void 0 : w.elementRef.value) == null ? void 0 : M.querySelector("#" + i);
+    return b("ul", {
       class: e(l),
-      style: g(l, v, a),
+      style: g(l, C, a),
       id: l.id + "_menu"
-    }, [M(l)]);
+    }, [k(l)]);
   };
   function T() {
-    m.forEach((l) => {
+    u.forEach((l) => {
       l.expanded = !1;
-    }), m.clear();
+    }), u.clear();
   }
   return {
     renderDropdownMenu: p,
     clearAllDropDownMenu: T
   };
 }
-function jt(o, e) {
-  const t = B(o.alignment), {
-    renderDropdownMenu: i,
+function It(n, e) {
+  const t = B(n.alignment), {
+    renderDropdownMenu: s,
     clearAllDropDownMenu: p
-  } = Bt(e);
-  function m(T) {
+  } = At(e);
+  function u(T) {
     const l = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": t.value === "right",
       "f-btn-mr": t.value === "left"
     }, a = T.dropdownClass.split(" ");
-    return a && a.length && a.reduce((u, s) => (u[s] = !0, u), l), l;
+    return a && a.length && a.reduce((f, i) => (f[i] = !0, f), l), l;
   }
-  function b(T) {
+  function h(T) {
     const l = {
       btn: !0,
       disabled: !T.enable,
@@ -1322,7 +1316,7 @@ function jt(o, e) {
     };
     if (T.class) {
       const a = T.class.split(" ");
-      a && a.length && a.reduce((u, s) => (u[s] = !0, u), l);
+      a && a.length && a.reduce((f, i) => (f[i] = !0, f), l);
     }
     return l;
   }
@@ -1331,26 +1325,26 @@ function jt(o, e) {
     const a = l.expanded;
     document.body.click(), l.expanded = !a;
   }
-  function M(T) {
-    return h("div", {
+  function k(T) {
+    return b("div", {
       id: T.id,
-      class: m(T)
-    }, [h("div", {
-      class: b(T),
+      class: u(T)
+    }, [b("div", {
+      class: h(T),
       style: "display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",
       onClick: (l) => T.enable && P(l, T)
-    }, [e.shouldShowIcon(T) && h("i", {
+    }, [e.shouldShowIcon(T) && b("i", {
       class: e.iconClass(T)
-    }, null), h("span", null, [T.text]), h("i", {
+    }, null), b("span", null, [T.text]), b("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(T)]);
+    }, null)]), s(T)]);
   }
   function g() {
     p();
   }
   return {
-    renderToolbarDropdown: M,
+    renderToolbarDropdown: k,
     clearAllDropDown: g
   };
 }
@@ -1359,198 +1353,198 @@ const {
 } = Pe(), K = /* @__PURE__ */ G({
   name: "FResponseToolbar",
   props: pe,
-  emits: [],
-  setup(o, e) {
-    const t = B(ge(o.items)), i = B(), p = B(), m = B(), b = B(o.alignment), P = {
+  emits: ["click"],
+  setup(n, e) {
+    const t = B(ge(n.items)), s = B(), p = B(), u = B(), h = B(n.alignment), P = {
       id: "__more_buttons__",
       text: "更多"
-    }, M = B(new X(P)), g = ke(), T = V(() => M.value.children.length > 0), l = V(() => {
-      const f = {
+    }, k = B(new X(P)), g = xe(), T = V(() => k.value.children.length > 0), l = V(() => {
+      const m = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0
       };
-      if (o.customClass) {
-        const D = o.customClass.split(" ");
-        D && D.length && D.reduce((j, d) => (j[d] = !0, j), f);
+      if (n.customClass) {
+        const D = n.customClass.split(" ");
+        D && D.length && D.reduce((j, d) => (j[d] = !0, j), m);
       }
-      return f;
+      return m;
     }), a = V(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": b.value === "right",
-      "justify-content-start": b.value === "left"
+      "justify-content-end": h.value === "right",
+      "justify-content-start": h.value === "left"
     })), {
-      renderToolbarDropdown: u,
-      clearAllDropDown: s
-    } = jt(o, g);
-    function v() {
-      t.value.filter((f) => f.children && f.children.length > 0).forEach((f) => {
-        f.expanded = !1;
-      }), M.value.expanded = !1, s();
+      renderToolbarDropdown: f,
+      clearAllDropDown: i
+    } = It(n, g);
+    function C() {
+      t.value.filter((m) => m.children && m.children.length > 0).forEach((m) => {
+        m.expanded = !1;
+      }), k.value.expanded = !1, i();
     }
-    function w(f) {
+    function w(m) {
       const D = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": b.value === "right",
-        "f-btn-mr": b.value === "left",
-        "btn-icontext": !!(f.icon && f.icon.trim())
+        "f-btn-ml": h.value === "right",
+        "f-btn-mr": h.value === "left",
+        "btn-icontext": !!(m.icon && m.icon.trim())
       };
-      if (f.class) {
-        const j = f.class.split(" ");
+      if (m.class) {
+        const j = m.class.split(" ");
         j && j.length && j.reduce((d, r) => (d[r] = !0, d), D);
       }
       return D;
     }
-    function x(f, D) {
-      document.body.click(), D.onClick(f, D.id);
+    function M(m, D) {
+      document.body.click(), D.onClick(m, D.id), e.emit("click", m, D.id);
     }
-    function R(f) {
-      return h("button", {
+    function R(m) {
+      return b("button", {
         type: "button",
-        class: w(f),
-        id: f.id,
-        disabled: !f.enable,
-        onClick: (D) => x(D, f)
-      }, [g.shouldShowIcon(f) && h("i", {
-        class: g.iconClass(f)
-      }, null), f.text]);
+        class: w(m),
+        id: m.id,
+        disabled: !m.enable,
+        onClick: (D) => M(D, m)
+      }, [g.shouldShowIcon(m) && b("i", {
+        class: g.iconClass(m)
+      }, null), m.text]);
     }
-    const S = /* @__PURE__ */ new Map(), I = [];
-    function L(f) {
-      const D = m.value;
-      let j = f;
+    const S = /* @__PURE__ */ new Map(), A = [];
+    function L(m) {
+      const D = u.value;
+      let j = m;
       const d = Array.from(D.children), r = d[d.length - 1].id === "__more_buttons__" ? d[d.length - 1] : null;
       if (r) {
-        const k = r.computedStyleMap().get("margin-left"), F = r.computedStyleMap().get("margin-right"), _ = (k ? k.value : 0) + r.getBoundingClientRect().width + (F ? F.value : 0);
+        const x = r.computedStyleMap().get("margin-left"), F = r.computedStyleMap().get("margin-right"), _ = (x ? x.value : 0) + r.getBoundingClientRect().width + (F ? F.value : 0);
         j -= _;
       }
-      const n = d.filter((k) => k.id !== "__more_buttons__");
-      for (const k of n) {
-        const F = k.computedStyleMap().get("margin-left"), _ = k.computedStyleMap().get("margin-right"), N = (F ? F.value : 0) + k.getBoundingClientRect().width + (_ ? _.value : 0);
-        j < N ? (S.set(k.id, !0), I.push({
-          id: k.id,
+      const o = d.filter((x) => x.id !== "__more_buttons__");
+      for (const x of o) {
+        const F = x.computedStyleMap().get("margin-left"), _ = x.computedStyleMap().get("margin-right"), N = (F ? F.value : 0) + x.getBoundingClientRect().width + (_ ? _.value : 0);
+        j < N ? (S.set(x.id, !0), A.push({
+          id: x.id,
           width: N
         })) : j -= N;
       }
-      if (I.length)
-        for (let k = I.length - 1; k >= 0; k--) {
-          const F = I[k].width;
+      if (A.length)
+        for (let x = A.length - 1; x >= 0; x--) {
+          const F = A[x].width;
           if (j >= F)
-            j -= F, S.delete(I[k].id), I.pop();
+            j -= F, S.delete(A[x].id), A.pop();
           else
             break;
         }
-      const c = Object.assign({}, M.value);
+      const c = Object.assign({}, k.value);
       c.children = [];
-      const y = new X(c), A = t.value.reduce((k, F) => (S.has(F.id) && y.children.push(F), F.visible = !S.has(F.id), k.push(F), k), []);
-      M.value = y, t.value = A;
+      const y = new X(c), I = t.value.reduce((x, F) => (S.has(F.id) && y.children.push(F), F.visible = !S.has(F.id), x.push(F), x), []);
+      k.value = y, t.value = I;
     }
-    const C = new ResizeObserver((f) => {
-      if (f.length) {
-        const j = f[0].contentRect.width, r = m.value.getBoundingClientRect().width;
-        (j < r || I.length) && (L(j), v());
+    const v = new ResizeObserver((m) => {
+      if (m.length) {
+        const j = m[0].contentRect.width, r = u.value.getBoundingClientRect().width;
+        (j < r || A.length) && (L(j), C());
       }
     });
     return q(() => {
-      const f = p.value;
-      C.observe(f), document.body.addEventListener("click", v), document.body.addEventListener("wheel", v);
-    }), ie(() => {
-      C.disconnect(), document.body.removeEventListener("click", v), document.body.removeEventListener("wheel", v);
-    }), Q(() => o.items, () => {
-      t.value = ge(o.items);
+      const m = p.value;
+      v.observe(m), document.body.addEventListener("click", C), document.body.addEventListener("wheel", C);
+    }), se(() => {
+      v.disconnect(), document.body.removeEventListener("click", C), document.body.removeEventListener("wheel", C);
+    }), Q(() => n.items, () => {
+      t.value = ge(n.items);
     }, {
       deep: !0
     }), e.expose({
-      elementRef: i
-    }), () => h("div", {
+      elementRef: s
+    }), () => b("div", {
       class: l.value,
-      ref: i
-    }, [h("div", {
+      ref: s
+    }, [b("div", {
       ref: p,
       class: a.value
-    }, [h("div", {
-      ref: m,
+    }, [b("div", {
+      ref: u,
       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 ? u(f) : R(f)), T.value && u(M.value)])])]);
+    }, [t.value.filter((m) => m.visible).map((m) => m.children && m.children.length > 0 ? f(m) : R(m)), T.value && f(k.value)])])]);
   }
 });
-function At(o, e) {
-  const t = U("design-item-context"), i = U("toolbar-item-handler", () => {
+function Ft(n, e) {
+  const t = U("design-item-context"), s = U("toolbar-item-handler", () => {
   });
   function p() {
-    i && i();
+    s && s();
   }
-  function m(r) {
-    const n = {
+  function u(r) {
+    const o = {
       "dropdown-menu": !0
     };
     if (r.class) {
       const c = r.menuClass.split(" ");
-      c && c.length && c.reduce((y, A) => (y[A] = !0, y), n);
+      c && c.length && c.reduce((y, I) => (y[I] = !0, y), o);
     }
-    return n;
+    return o;
   }
-  function b(r) {
-    const n = {
+  function h(r) {
+    const o = {
       disabled: !r.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
     }, c = r.dropdownClass.split(" ");
-    return c && c.length && c.reduce((y, A) => (y[A] = !0, y), n), n;
+    return c && c.length && c.reduce((y, I) => (y[I] = !0, y), o), o;
   }
   function P(r) {
-    const n = {
+    const o = {
       disabled: !r.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0
     }, c = r.class.split(" ");
-    return c && c.length && c.reduce((y, A) => (y[A] = !0, y), n), n;
+    return c && c.length && c.reduce((y, I) => (y[I] = !0, y), o), o;
   }
-  let M;
+  let k;
   const g = /* @__PURE__ */ new Map();
-  function T(r, n, c) {
-    var A;
-    ((A = r.target) == null ? void 0 : A.id) === n.id && r.stopPropagation();
+  function T(r, o, c) {
+    var I;
+    ((I = r.target) == null ? void 0 : I.id) === o.id && r.stopPropagation();
     const y = c ? c.id : "__top_item__";
-    if (n.children && n.children.length && (n.expanded = !n.expanded, n.expanded ? g.set(y, n) : g.delete(y)), g.has(y) && g.get(y) !== n) {
-      const k = g.get(y);
-      k && (k.expanded = !1);
+    if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded ? g.set(y, o) : g.delete(y)), g.has(y) && g.get(y) !== o) {
+      const x = g.get(y);
+      x && (x.expanded = !1);
     }
   }
   function l(r) {
     r && (r.stopPropagation(), r.preventDefault());
   }
   function a() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((n) => n.classList.remove("dgComponentFocused"));
+    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((o) => o.classList.remove("dgComponentFocused"));
     const r = document.getElementsByClassName("dgComponentSelected");
-    Array.from(r).forEach((n) => n.classList.remove("dgComponentSelected"));
+    Array.from(r).forEach((o) => o.classList.remove("dgComponentSelected"));
   }
-  function u(r) {
+  function f(r) {
     r.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function s(r) {
+  function i(r) {
     const {
-      buttons: n = []
+      buttons: o = []
     } = t.schema;
     let c = [];
-    n.forEach((k) => {
-      c = c.concat(k.children || []);
+    o.forEach((x) => {
+      c = c.concat(x.children || []);
     });
-    const y = c.findIndex((k) => k.id === r), A = y === -1 ? null : c[y];
+    const y = c.findIndex((x) => x.id === r), I = y === -1 ? null : c[y];
     return {
       index: y,
-      item: A
+      item: I
     };
   }
-  function v(r) {
+  function C(r) {
     const {
-      buttons: n = []
-    } = t.schema, c = n.findIndex((A) => A.id === r), y = c === -1 ? null : n[c];
+      buttons: o = []
+    } = t.schema, c = o.findIndex((I) => I.id === r), y = c === -1 ? null : o[c];
     return {
       index: c,
       item: y
@@ -1560,141 +1554,141 @@ function At(o, e) {
     var y;
     t.schema;
     const {
-      index: n,
+      index: o,
       item: c
-    } = s(r);
+    } = i(r);
     (y = t == null ? void 0 : t.setupContext) == null || y.emit("selectionChange", c == null ? void 0 : c.type, c);
   }
-  const x = function(r) {
+  const M = function(r) {
     const {
-      componentType: n
-    } = r, c = z(n, r), y = n.toLowerCase().replace("-", "_");
-    return c && !c.id && c.type === n && (c.id = `${y}_${Math.random().toString().slice(2, 6)}`), c;
+      componentType: o
+    } = r, c = z(o, r), y = o.toLowerCase().replace("-", "_");
+    return c && !c.id && c.type === o && (c.id = `${y}_${Math.random().toString().slice(2, 6)}`), c;
   }, R = function() {
     const r = {
       componentType: "response-toolbar-item",
       parentComponentInstance: e.value,
       targetPosition: -1
     };
-    return x(r);
+    return M(r);
   };
-  function S(r, n) {
-    l(r), a(), u(r), w(n.id);
+  function S(r, o) {
+    l(r), a(), f(r), w(o.id);
   }
-  function I(r, n, c) {
+  function A(r, o, c) {
     l(r);
-    const y = n.id, A = c && c.id, {
-      buttons: k = []
+    const y = o.id, I = c && c.id, {
+      buttons: x = []
     } = t.schema;
-    if (!A)
+    if (!I)
       return;
     const {
       index: F
-    } = v(A);
+    } = C(I);
     if (F === -1)
       return;
     const {
       index: _
-    } = s(y);
-    _ !== -1 && (k[F].children.splice(_, 1), p());
+    } = i(y);
+    _ !== -1 && (x[F].children.splice(_, 1), p());
   }
-  function L(r, n, c) {
+  function L(r, o, c) {
     l(r);
     const y = c && c.id, {
-      buttons: A = []
+      buttons: I = []
     } = t.schema;
     if (!y)
       return;
     const {
-      index: k
-    } = v(y);
-    if (k === -1)
+      index: x
+    } = C(y);
+    if (x === -1)
       return;
     const F = R(), _ = Object.assign({}, F, {
-      text: n.text
+      text: o.text
     });
-    A[k].children.push(_), p();
+    I[x].children.push(_), p();
   }
-  function C(r, n, c) {
+  function v(r, o, c) {
     l(r);
     const y = c && c.id, {
-      buttons: A = []
+      buttons: I = []
     } = t.schema;
     if (!y)
       return;
     const {
-      index: k
-    } = v(y);
-    if (k === -1)
+      index: x
+    } = C(y);
+    if (x === -1)
       return;
     const F = R(), _ = Object.assign({}, F, {
       text: "按钮"
     });
-    A[k].children.push(_), p();
+    I[x].children.push(_), p();
   }
-  function f(r, n) {
-    return h("div", {
+  function m(r, o) {
+    return b("div", {
       class: "component-btn-group"
-    }, [h("div", null, [h("div", {
+    }, [b("div", null, [b("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (c) => I(c, r, n)
-    }, [h("i", {
+      onClick: (c) => A(c, r, o)
+    }, [b("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), h("div", {
+    }, null)]), b("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (c) => L(c, r, n)
-    }, [h("i", {
+      onClick: (c) => L(c, r, o)
+    }, [b("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), h("div", {
+    }, null)]), b("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (c) => C(c, r, n)
-    }, [h("i", {
+      onClick: (c) => v(c, r, o)
+    }, [b("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), h("span", {
+    }, null), b("span", {
       style: "font-size:13px;margin:auto"
     }, [Y("新增同级")])])])]);
   }
   function D(r) {
-    return r.children.map((n) => n.children && n.children.length ? h("li", {
-      class: b(n),
-      id: n.id,
-      onClick: (c) => n.enable && T(c, n, r)
-    }, [h("span", {
-      id: n.id,
-      class: P(n),
-      onMouseover: (c) => n.enable && T(c, n, r)
-    }, [n.text, h("i", {
+    return r.children.map((o) => o.children && o.children.length ? b("li", {
+      class: h(o),
+      id: o.id,
+      onClick: (c) => o.enable && T(c, o, r)
+    }, [b("span", {
+      id: o.id,
+      class: P(o),
+      onMouseover: (c) => o.enable && T(c, o, r)
+    }, [o.text, b("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), M(n, n)]) : h("li", {
-      class: P(n),
-      id: n.id,
-      onClick: (c) => S(c, n)
-    }, [f(n, r), o.shouldShowIcon(n) && h("i", {
-      class: o.iconClass(n)
-    }, null), n.text]));
-  }
-  function j(r, n, c) {
+    }, null)]), k(o, o)]) : b("li", {
+      class: P(o),
+      id: o.id,
+      onClick: (c) => S(c, o)
+    }, [m(o, r), n.shouldShowIcon(o) && b("i", {
+      class: n.iconClass(o)
+    }, null), o.text]));
+  }
+  function j(r, o, c) {
     const y = {
       display: r.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, A = document.getElementsByTagName("body")[0].getClientRects()[0].width, k = n, F = k == null ? void 0 : k.getClientRects();
-    if (k && F && F.length) {
+    }, I = document.getElementsByTagName("body")[0].getClientRects()[0].width, x = o, F = x == null ? void 0 : x.getClientRects();
+    if (x && F && F.length) {
       const {
         top: _,
         width: N,
@@ -1703,7 +1697,7 @@ function At(o, e) {
         height: H
       } = F[0], ee = Math.ceil(H + _);
       y.top = `${ee}px`, y.left = `${$}px`;
-      const Ie = r.id + "_menu", te = n ? n.querySelector("#" + Ie) : null;
+      const Ie = r.id + "_menu", te = o ? o.querySelector("#" + Ie) : null;
       if (te) {
         y.display === "block" && (te.style.display = "block");
         const ue = te.getBoundingClientRect();
@@ -1712,17 +1706,17 @@ function At(o, e) {
           const Fe = Math.ceil(N + $);
           y.left = `${Fe}px`;
         }
-        A - $ - N < ue.width && (y.left = `${(c ? $ : W) - ue.width}px`);
+        I - $ - N < ue.width && (y.left = `${(c ? $ : W) - ue.width}px`);
       }
     }
     return y;
   }
-  M = function(r, n) {
-    var k, F;
-    const c = be(), y = n ? n.id : r.id, A = (F = (k = c == null ? void 0 : c.exposed) == null ? void 0 : k.elementRef.value) == null ? void 0 : F.querySelector("#" + y);
-    return h("ul", {
-      class: m(r),
-      style: j(r, A, n),
+  k = function(r, o) {
+    var x, F;
+    const c = be(), y = o ? o.id : r.id, I = (F = (x = c == null ? void 0 : c.exposed) == null ? void 0 : x.elementRef.value) == null ? void 0 : F.querySelector("#" + y);
+    return b("ul", {
+      class: u(r),
+      style: j(r, I, o),
       id: r.id + "_menu"
     }, [D(r)]);
   };
@@ -1732,27 +1726,27 @@ function At(o, e) {
     }), g.clear();
   }
   return {
-    renderDropdownMenu: M,
+    renderDropdownMenu: k,
     clearAllDropDownMenu: d
   };
 }
-function It(o, e, t) {
-  const i = B(o.alignment), {
+function Rt(n, e, t) {
+  const s = B(n.alignment), {
     renderDropdownMenu: p,
-    clearAllDropDownMenu: m
-  } = At(e, t), b = U("design-item-context"), P = U("toolbar-item-handler", () => {
+    clearAllDropDownMenu: u
+  } = Ft(e, t), h = U("design-item-context"), P = U("toolbar-item-handler", () => {
   });
-  function M() {
+  function k() {
     P && P();
   }
   function g(d) {
     const r = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
-      "f-btn-ml": i.value === "right",
-      "f-btn-mr": i.value === "left"
-    }, n = d.dropdownClass.split(" ");
-    return n && n.length && n.reduce((c, y) => (c[y] = !0, c), r), r;
+      "f-btn-ml": s.value === "right",
+      "f-btn-mr": s.value === "left"
+    }, o = d.dropdownClass.split(" ");
+    return o && o.length && o.reduce((c, y) => (c[y] = !0, c), r), r;
   }
   function T(d) {
     const r = {
@@ -1764,8 +1758,8 @@ function It(o, e, t) {
       "btn-icontext": !!(d.icon && d.icon.trim())
     };
     if (d.class) {
-      const n = d.class.split(" ");
-      n && n.length && n.reduce((c, y) => (c[y] = !0, c), r);
+      const o = d.class.split(" ");
+      o && o.length && o.reduce((c, y) => (c[y] = !0, c), r);
     }
     return r;
   }
@@ -1774,93 +1768,93 @@ function It(o, e, t) {
   }
   function a(d, r) {
     l(d);
-    const n = r.expanded;
-    document.body.click(), r.expanded = !n;
+    const o = r.expanded;
+    document.body.click(), r.expanded = !o;
   }
-  const u = function(d) {
+  const f = function(d) {
     const {
       componentType: r
-    } = d, n = z(r, d), c = r.toLowerCase().replace("-", "_");
-    return n && !n.id && n.type === r && (n.id = `${c}_${Math.random().toString().slice(2, 6)}`), n;
-  }, s = function() {
+    } = d, o = z(r, d), c = r.toLowerCase().replace("-", "_");
+    return o && !o.id && o.type === r && (o.id = `${c}_${Math.random().toString().slice(2, 6)}`), o;
+  }, i = function() {
     const d = {
       componentType: "response-toolbar-item",
       parentComponentInstance: t.value,
       targetPosition: -1
     };
-    return u(d);
+    return f(d);
   };
-  function v(d) {
-    const r = b.schema.buttons || b.schema.contents, n = r == null ? void 0 : r.findIndex((y) => y.id === d), c = n === -1 ? null : r[n];
+  function C(d) {
+    const r = h.schema.buttons || h.schema.contents, o = r == null ? void 0 : r.findIndex((y) => y.id === d), c = o === -1 ? null : r[o];
     return {
-      index: n,
+      index: o,
       toolbarItem: c
     };
   }
   function w(d, r) {
     var F;
     const {
-      index: n,
+      index: o,
       toolbarItem: c
-    } = v(r);
-    if (n === -1)
+    } = C(r);
+    if (o === -1)
       return;
-    const y = c.text || "按钮", A = s(), k = Object.assign({}, A, {
+    const y = c.text || "按钮", I = i(), x = Object.assign({}, I, {
       text: y
     });
-    (F = b.schema.buttons) == null || F.push(k), M();
+    (F = h.schema.buttons) == null || F.push(x), k();
   }
-  function x(d, r) {
+  function M(d, r) {
     const {
-      index: n,
+      index: o,
       toolbarItem: c
-    } = v(r);
-    if (n === -1)
+    } = C(r);
+    if (o === -1)
       return;
-    const y = c.text || "按钮", A = s(), k = Object.assign({}, A, {
+    const y = c.text || "按钮", I = i(), x = Object.assign({}, I, {
       text: y
-    }), F = b.schema.buttons[n].children || [];
-    F.push(k), b.schema.buttons[n].children = F, M();
+    }), F = h.schema.buttons[o].children || [];
+    F.push(x), h.schema.buttons[o].children = F, k();
   }
   function R(d, r) {
-    const n = b.schema.buttons || b.schema.contents, c = n == null ? void 0 : n.findIndex((y) => y.id === r);
-    c !== -1 && (n.splice(c, 1), M());
+    const o = h.schema.buttons || h.schema.contents, c = o == null ? void 0 : o.findIndex((y) => y.id === r);
+    c !== -1 && (o.splice(c, 1), k());
   }
   function S(d) {
-    return h("div", {
+    return b("div", {
       class: "component-btn-group"
-    }, [h("div", null, [h("div", {
+    }, [b("div", null, [b("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
       onClick: (r) => R(r, d)
-    }, [h("i", {
+    }, [b("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), h("div", {
+    }, null)]), b("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
       onClick: (r) => w(r, d)
-    }, [h("i", {
+    }, [b("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), h("div", {
+    }, null)]), b("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (r) => x(r, d)
-    }, [h("i", {
+      onClick: (r) => M(r, d)
+    }, [b("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), h("span", {
+    }, null), b("span", {
       style: "font-size:13px;margin:auto"
     }, [Y("新增子级")])])])]);
   }
-  function I() {
+  function A() {
     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"));
@@ -1868,61 +1862,61 @@ function It(o, e, t) {
   function L(d) {
     d.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function C(d) {
+  function v(d) {
     var y;
-    const r = b.schema.buttons || b.schema.contents, n = r == null ? void 0 : r.findIndex((A) => A.id === d);
-    if (n === -1)
+    const r = h.schema.buttons || h.schema.contents, o = r == null ? void 0 : r.findIndex((I) => I.id === d);
+    if (o === -1)
       return;
-    const c = r[n];
-    (y = b == null ? void 0 : b.setupContext) == null || y.emit("selectionChange", "response-toolbar-item", c);
+    const c = r[o];
+    (y = h == null ? void 0 : h.setupContext) == null || y.emit("selectionChange", "response-toolbar-item", c);
   }
-  function f(d, r) {
-    l(d), I(), L(d), l(d), a(d, r), C(r.id);
+  function m(d, r) {
+    l(d), A(), L(d), l(d), a(d, r), v(r.id);
   }
   function D(d) {
-    return h("div", {
+    return b("div", {
       id: d.id,
       class: g(d)
-    }, [h("div", {
+    }, [b("div", {
       class: T(d),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (r) => d.enable && f(r, d)
-    }, [S(d.id), e.shouldShowIcon(d) && h("i", {
+      onClick: (r) => d.enable && m(r, d)
+    }, [S(d.id), e.shouldShowIcon(d) && b("i", {
       class: e.iconClass(d)
-    }, null), h("span", null, [d.text]), h("i", {
+    }, null), b("span", null, [d.text]), b("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)]), p(d)]);
   }
   function j() {
-    m();
+    u();
   }
   return {
     renderToolbarDropdown: D,
     clearAllDropDown: j
   };
 }
-function Ft() {
-  function o(e) {
-    var p, m;
+function Ot() {
+  function n(e) {
+    var p, u;
     if (!e)
       return !1;
     const t = ((p = e.targetContainer) == null ? void 0 : p.componentInstance) && e.targetContainer.componentInstance.value;
     if (!t)
       return !1;
-    const i = (m = t.schema.appearance) == null ? void 0 : m.class;
+    const s = (u = t.schema.appearance) == null ? void 0 : u.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const b = t.schema.type, P = (b === "response-form" || b === "content-container") && i && i.includes("farris-form");
+      const h = t.schema.type, P = (h === "response-form" || h === "content-container") && s && s.includes("farris-form");
       if (t.schema.type !== "response-layout-item" && !P)
         return !1;
     }
     return e.controlType !== "field-set";
   }
   return {
-    basalDragulaRuleForContainer: o
+    basalDragulaRuleForContainer: n
   };
 }
-const Rt = "https://json-schema.org/draft/2020-12/schema", Ot = "https://farris-design.gitee.io/dragging-rules.schema.json", Lt = "Dragging Rules", Nt = "The rules of designer canvas", $t = "object", Vt = {
+const Lt = "https://json-schema.org/draft/2020-12/schema", Nt = "https://farris-design.gitee.io/dragging-rules.schema.json", $t = "Dragging Rules", Vt = "The rules of designer canvas", _t = "object", Ut = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -2486,106 +2480,106 @@ const Rt = "https://json-schema.org/draft/2020-12/schema", Ot = "https://farris-
     description: "",
     type: "object"
   }
-}, _t = [], Ut = {
-  $schema: Rt,
-  $id: Ot,
-  title: Lt,
-  description: Nt,
-  type: $t,
-  properties: Vt,
-  required: _t
+}, Wt = [], zt = {
+  $schema: Lt,
+  $id: Nt,
+  title: $t,
+  description: Vt,
+  type: _t,
+  properties: Ut,
+  required: Wt
 }, oe = /* @__PURE__ */ new Map();
 function Ee() {
-  function o(s, v, w, x) {
+  function n(i, C, w, M) {
     var R;
     if (typeof w == "number")
-      return ((R = x[s]) == null ? void 0 : R.length) === w;
+      return ((R = M[i]) == null ? void 0 : R.length) === w;
     if (typeof w == "object") {
-      const S = Object.keys(w)[0], I = w[S];
+      const S = Object.keys(w)[0], A = w[S];
       if (S === "not")
-        return Number(x[s].length) !== Number(I);
+        return Number(M[i].length) !== Number(A);
       if (S === "moreThan")
-        return Number(x[s].length) >= Number(I);
+        return Number(M[i].length) >= Number(A);
       if (S === "lessThan")
-        return Number(x[s].length) <= Number(I);
+        return Number(M[i].length) <= Number(A);
     }
     return !1;
   }
-  function e(s, v, w, x) {
-    return typeof w == "boolean" ? x.childrenClassList.includes(v) === !!w : !1;
+  function e(i, C, w, M) {
+    return typeof w == "boolean" ? M.childrenClassList.includes(C) === !!w : !1;
   }
-  function t(s, v, w, x) {
-    return typeof w == "boolean" ? x.parentClassList.includes(v) === !!w : !1;
+  function t(i, C, w, M) {
+    return typeof w == "boolean" ? M.parentClassList.includes(C) === !!w : !1;
   }
-  function i(s, v, w, x) {
-    return typeof w == "boolean" ? x.parentClassList.includes(v) === !!w : !1;
+  function s(i, C, w, M) {
+    return typeof w == "boolean" ? M.parentClassList.includes(C) === !!w : !1;
   }
   const p = /* @__PURE__ */ new Map([
-    ["length", o],
+    ["length", n],
     ["hasChildren", e],
-    ["hasSibling", i],
+    ["hasSibling", s],
     ["hasParent", t]
   ]);
-  function m(s, v) {
-    const w = s;
-    return typeof v == "number" ? [{ target: w, operator: "length", param: null, value: Number(v) }] : typeof v == "object" ? Object.keys(v).map((x) => {
-      if (x === "length")
-        return { target: w, operator: "length", param: null, value: v[x] };
-      const R = x, S = v[x];
-      return { target: w, operator: s === "children" ? "hasChildren" : s === "parent" ? "hasParent" : "hasSibling", param: R, value: S };
+  function u(i, C) {
+    const w = i;
+    return typeof C == "number" ? [{ target: w, operator: "length", param: null, value: Number(C) }] : typeof C == "object" ? Object.keys(C).map((M) => {
+      if (M === "length")
+        return { target: w, operator: "length", param: null, value: C[M] };
+      const R = M, S = C[M];
+      return { target: w, operator: i === "children" ? "hasChildren" : i === "parent" ? "hasParent" : "hasSibling", param: R, value: S };
     }) : [];
   }
-  function b(s, v) {
-    if (p.has(s.operator)) {
-      const w = p.get(s.operator);
-      return w && w(s.target, s.param, s.value, v) || !1;
+  function h(i, C) {
+    if (p.has(i.operator)) {
+      const w = p.get(i.operator);
+      return w && w(i.target, i.param, i.value, C) || !1;
     }
     return !1;
   }
-  function P(s, v) {
-    return Object.keys(s).reduce((S, I) => {
-      const L = m(I, s[I]);
+  function P(i, C) {
+    return Object.keys(i).reduce((S, A) => {
+      const L = u(A, i[A]);
       return S.push(...L), S;
-    }, []).reduce((S, I) => S && b(I, v), !0);
+    }, []).reduce((S, A) => S && h(A, C), !0);
   }
-  function M(s, v) {
-    const w = Object.keys(s), x = w.includes("allOf"), R = w.includes("anyOf"), S = x || R, C = (S ? s[S ? x ? "allOf" : "anyOf" : "allOf"] : [s]).map((D) => P(D, v));
-    return x ? !C.includes(!1) : C.includes(!0);
+  function k(i, C) {
+    const w = Object.keys(i), M = w.includes("allOf"), R = w.includes("anyOf"), S = M || R, v = (S ? i[S ? M ? "allOf" : "anyOf" : "allOf"] : [i]).map((D) => P(D, C));
+    return M ? !v.includes(!1) : v.includes(!0);
   }
-  function g(s, v) {
-    const w = s.const;
-    return w ? typeof w == "boolean" ? w : typeof w == "object" ? M(w, v) : !1 : !1;
+  function g(i, C) {
+    const w = i.const;
+    return w ? typeof w == "boolean" ? w : typeof w == "object" ? k(w, C) : !1 : !1;
   }
-  function T(s) {
-    return (v) => {
+  function T(i) {
+    return (C) => {
       const w = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return s && s.properties && Object.keys(s.properties).reduce((x, R) => {
-        const S = s.properties[R];
-        return x[R] = g(S, v), x;
+      return i && i.properties && Object.keys(i.properties).reduce((M, R) => {
+        const S = i.properties[R];
+        return M[R] = g(S, C), M;
       }, w), w;
     };
   }
-  function l(s, v, w) {
-    if (v.type === "object" && v.properties) {
-      const { rules: x, contents: R } = v.properties;
-      w.set(s, T(x)), R && Object.keys(R.properties).forEach(
+  function l(i, C, w) {
+    if (C.type === "object" && C.properties) {
+      const { rules: M, contents: R } = C.properties;
+      w.set(i, T(M)), R && Object.keys(R.properties).forEach(
         (S) => l(S, R.properties[S], w)
       );
     }
   }
   function a() {
-    const { properties: s } = Ut;
-    Object.keys(s).forEach((v) => {
-      l(v, s[v], oe);
+    const { properties: i } = zt;
+    Object.keys(i).forEach((C) => {
+      l(C, i[C], oe);
     });
   }
-  function u(s, v) {
+  function f(i, C) {
     const w = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return oe.has(s) ? oe.get(s)(v) : w;
+    return oe.has(i) ? oe.get(i)(C) : w;
   }
-  return a(), { getRuleValue: u };
+  return a(), { getRuleValue: f };
 }
-class Wt extends J {
+class Ht extends J {
   constructor(e, t) {
     super(e, t);
   }
@@ -2609,7 +2603,9 @@ class Wt extends J {
           description: "The type of a component.",
           editor: {
             type: "combo-list",
-            data: []
+            textField: "value",
+            valueField: "key",
+            data: [{ key: "response-toolbar", value: E["response-toolbar"].name }]
           }
         }
       }
@@ -2652,54 +2648,54 @@ class Wt extends J {
     };
   }
 }
-function zt(o, e, t, i) {
-  const p = Ee(), m = B(!1), b = B(!1);
-  let P = !0, M = !1, g;
-  function T(C) {
-    return g && g.componentClassList && g.componentClassList.includes("f-form-layout") && g.componentClassList.includes("farris-form") ? C.sourceType === "control" && C.controlCategory === "input" || C.sourceType === "move" && C.controlType === "form-group" : !0;
+function qt(n, e, t, s) {
+  const p = Ee(), u = B(!1), h = B(!1);
+  let P = !0, k = !1, g;
+  function T(v) {
+    return g && g.componentClassList && g.componentClassList.includes("f-form-layout") && g.componentClassList.includes("farris-form") ? v.sourceType === "control" && v.controlCategory === "input" || v.sourceType === "move" && v.controlType === "form-group" : !0;
   }
-  function l(C) {
-    return !Ft().basalDragulaRuleForContainer(C) || !P || !T(C), !1;
+  function l(v) {
+    return !Ot().basalDragulaRuleForContainer(v) || !P || !T(v), !1;
   }
   function a() {
-    m.value = !1, b.value = !1;
-    const C = o, f = C.appearance && C.appearance.class || "", D = f.split(" "), j = C.buttons || [], d = j.length ? j[0] : null, r = d && d.appearance ? d.appearance.class : "", n = r ? r.split(" ") : [], c = j.length ? j.reduce(($, W) => {
+    u.value = !1, h.value = !1;
+    const v = n, m = v.appearance && v.appearance.class || "", D = m.split(" "), j = v.buttons || [], d = j.length ? j[0] : null, r = d && d.appearance ? d.appearance.class : "", o = r ? r.split(" ") : [], c = j.length ? j.reduce(($, W) => {
       const H = W && W.appearance ? W.appearance.class : "", ee = H ? H.split(" ") : [];
       return $.push(...ee), $;
-    }, []) : [], y = t == null ? void 0 : t.schema, A = y && y.appearance && y.appearance.class || "", k = A ? A.split(" ") : [];
+    }, []) : [], y = t == null ? void 0 : t.schema, I = y && y.appearance && y.appearance.class || "", x = I ? I.split(" ") : [];
     g = {
-      componentClass: f,
+      componentClass: m,
       componentClassList: D,
       childContents: j,
       firstChildContent: d,
       firstChildClass: r,
-      firstChildClassList: n,
+      firstChildClassList: o,
       parent: y,
-      parentClass: A,
-      parentClassList: k,
+      parentClass: I,
+      parentClassList: x,
       children: j,
       childrenClassList: c
     };
     const { canAccept: F, fixed: _, hidePadding: N } = p.getRuleValue(D[0], g);
-    return P = F, M = N, !0;
+    return P = F, k = N, !0;
   }
-  function u(C) {
+  function f(v) {
   }
-  function s() {
-    return o.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  function i() {
+    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function v(C, f) {
-    return f.text = C.label, f;
+  function C(v, m) {
+    return m.text = v.label, m;
   }
-  function w(C, f, D) {
-    const j = o;
+  function w(v, m, D) {
+    const j = n;
     if ((j.appearance && j.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const n = String(C.innerText), c = z("form-group");
-      return c.editor = D, c.label = n, c;
+      const o = String(v.innerText), c = z("form-group");
+      return c.editor = D, c.label = o, c;
     }
     return D;
   }
-  function x() {
+  function M() {
     return !1;
   }
   function R() {
@@ -2708,29 +2704,29 @@ function zt(o, e, t, i) {
   function S() {
     return !0;
   }
-  function I() {
-    return M;
+  function A() {
+    return k;
   }
-  function L(C) {
-    return new Wt(C, e).getPropertyConfig(o);
+  function L(v) {
+    return new Ht(v, e).getPropertyConfig(n);
   }
   return {
     canAccepts: l,
     checkCanAddComponent: S,
     checkCanDeleteComponent: R,
-    checkCanMoveComponent: x,
-    getStyles: s,
-    hideNestedPaddingInDesginerView: I,
+    checkCanMoveComponent: M,
+    getStyles: i,
+    hideNestedPaddingInDesginerView: A,
     onAcceptNewChildElement: w,
-    onAcceptMovedChildElement: u,
-    onResolveNewComponentSchema: v,
+    onAcceptMovedChildElement: f,
+    onResolveNewComponentSchema: C,
     resolveComponentContext: a,
     getPropsConfig: L,
-    triggerBelongedComponentToMoveWhenMoved: m,
-    triggerBelongedComponentToDeleteWhenDeleted: b
+    triggerBelongedComponentToMoveWhenMoved: u,
+    triggerBelongedComponentToDeleteWhenDeleted: h
   };
 }
-const Ht = {
+const Gt = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -2744,45 +2740,45 @@ const Ht = {
    */
   modelValue: { type: Object }
 }, Z = B(0);
-function qt(o, e) {
-  const t = e.getBoundingClientRect(), i = o.getBoundingClientRect(), p = i.top >= t.top, m = i.top <= t.bottom;
-  return p && m;
+function Qt(n, e) {
+  const t = e.getBoundingClientRect(), s = n.getBoundingClientRect(), p = s.top >= t.top, u = s.top <= t.bottom;
+  return p && u;
 }
-function Gt(o) {
-  if (!o)
+function Xt(n) {
+  if (!n)
     return;
   let e;
-  if (o.className.includes("dgComponentSelected") ? e = o : e = o.querySelector(".dgComponentSelected"), !e)
+  if (n.className.includes("dgComponentSelected") ? e = n : e = n.querySelector(".dgComponentSelected"), !e)
     return;
   const t = e.getBoundingClientRect();
   if (t.width === 0 && t.height === 0)
     return;
-  const i = e.querySelector(".component-btn-group");
-  if (i) {
-    if (!qt(e, o)) {
-      i.style.display = "none";
+  const s = e.querySelector(".component-btn-group");
+  if (s) {
+    if (!Qt(e, n)) {
+      s.style.display = "none";
       return;
     }
-    i.style.display = "";
-    const m = i.getBoundingClientRect(), b = i.querySelector("div");
-    if (b) {
-      const P = b.getBoundingClientRect();
-      b.style.top = m.top + "px", b.style.left = m.left - P.width + "px";
+    s.style.display = "";
+    const u = s.getBoundingClientRect(), h = s.querySelector("div");
+    if (h) {
+      const P = h.getBoundingClientRect();
+      h.style.top = u.top + "px", h.style.left = u.left - P.width + "px";
     }
   }
 }
-function Qt(o, e, t) {
+function Yt(n, e, t) {
   var L;
-  function i() {
+  function s() {
   }
-  const p = "", m = B();
-  function b() {
+  const p = "", u = B();
+  function h() {
     return !0;
   }
   function P() {
     return !1;
   }
-  function M() {
+  function k() {
     return !0;
   }
   function g() {
@@ -2791,204 +2787,206 @@ function Qt(o, e, t) {
   function T() {
     return !0;
   }
-  function l(C) {
-    if (!C || !C.value)
+  function l(v) {
+    if (!v || !v.value)
       return null;
-    const f = B(C == null ? void 0 : C.value.parent), D = l(f);
+    const m = B(v == null ? void 0 : v.value.parent), D = l(m);
     return D || null;
   }
-  function a(C = e) {
-    const { componentInstance: f, designerItemElementRef: D } = C;
-    return !f || !f.value ? null : f.value.canMove || f.value.canAdd || f.value.canDelete ? D : a(C.parent);
+  function a(v = e) {
+    const { componentInstance: m, designerItemElementRef: D } = v;
+    return !m || !m.value ? null : m.value.canMove || m.value.canAdd || m.value.canDelete ? D : a(v.parent);
   }
-  function u(C) {
+  function f(v) {
     return !!t;
   }
-  function s() {
+  function i() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function v() {
+  function C() {
   }
-  function w(C, f) {
+  function w(v, m) {
   }
-  function x(C) {
-    const { componentType: f } = C;
-    let D = z(f, C);
-    const j = f.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === f && (D.id = `${j}_${Math.random().toString().slice(2, 6)}`), D;
+  function M(v) {
+    const { componentType: m } = v;
+    let D = z(m, v);
+    const j = m.toLowerCase().replace("-", "_");
+    return D && !D.id && D.type === m && (D.id = `${j}_${Math.random().toString().slice(2, 6)}`), D;
   }
-  function R(C, f) {
-    const D = String(C.getAttribute("data-controltype")), j = C.getAttribute("data-feature"), d = j ? JSON.parse(j) : {};
-    d.parentComponentInstance = m.value;
+  function R(v, m) {
+    const D = String(v.getAttribute("data-controltype")), j = v.getAttribute("data-feature"), d = j ? JSON.parse(j) : {};
+    d.parentComponentInstance = u.value;
     let r = z(D, d);
-    const n = D.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === D && (r.id = `${n}_${Math.random().toString().slice(2, 6)}`), r;
+    const o = D.toLowerCase().replace("-", "_");
+    return r && !r.id && r.type === D && (r.id = `${o}_${Math.random().toString().slice(2, 6)}`), r;
   }
-  function S(C) {
+  function S(v) {
   }
-  function I() {
+  function A(...v) {
     return [];
   }
-  return m.value = {
-    canMove: b(),
+  return u.value = {
+    canMove: h(),
     canSelectParent: P(),
     canAdd: g(),
-    canDelete: M(),
+    canDelete: k(),
     canNested: !T(),
     contents: [],
-    elementRef: o,
+    elementRef: n,
     parent: (L = e.parent) == null ? void 0 : L.componentInstance,
     schema: e.schema,
     styles: p,
-    canAccepts: u,
+    canAccepts: f,
     getBelongedComponentInstance: l,
     getDraggableDesignItemElement: a,
-    getDraggingDisplayText: s,
-    getPropConfig: I,
-    getDragScopeElement: v,
+    getDraggingDisplayText: i,
+    getPropConfig: A,
+    getDragScopeElement: C,
     onAcceptMovedChildElement: w,
     onAcceptNewChildElement: R,
     onChildElementMovedOut: S,
-    addNewChildComponentSchema: x,
-    updateDragAndDropRules: i,
+    addNewChildComponentSchema: M,
+    updateDragAndDropRules: s,
     triggerBelongedComponentToMoveWhenMoved: B(!1),
     triggerBelongedComponentToDeleteWhenDeleted: B(!1)
-  }, m;
+  }, u;
 }
 const Be = /* @__PURE__ */ G({
   name: "FDesignerInnerItem",
-  props: Ht,
+  props: Gt,
   emits: ["selectionChange", "addComponent", "removeComponent"],
-  setup(o, e) {
-    const t = B(o.canMove), i = B(o.canAdd), p = B(o.canDelete), m = B(!1), b = B(o.contentKey), P = B(o.childType), M = B(o.childLabel), g = B(o.modelValue), T = B(""), l = B(), a = U("canvas-dragula"), u = B(), s = U("design-item-context"), v = {
+  setup(n, e) {
+    const t = B(n.canMove), s = B(n.canAdd), p = B(n.canDelete), u = B(!1), h = B(n.contentKey), P = B(n.childType), k = B(n.childLabel), g = B(n.modelValue), T = B(""), l = B(), a = U("canvas-dragula"), f = B(), i = U("design-item-context"), C = {
       designerItemElementRef: l,
-      componentInstance: u,
+      componentInstance: f,
       schema: g.value,
-      parent: s,
+      parent: i,
       setupContext: e
     };
-    Le("design-item-context", v);
+    Le("design-item-context", C);
     const w = V(() => ({
       "farris-component": !0,
+      // 受position-relative影响，整个容器的高度不能被撑起
+      "flex-fill": n.id == "root-component",
       "position-relative": t.value || p.value,
-      "farris-nested": m.value,
+      "farris-nested": u.value,
       "can-move": t.value,
       "d-none": l.value && l.value.classList.contains("d-none")
-    })), x = V(() => {
-      const n = {};
+    })), M = V(() => {
+      const o = {};
       return T.value && T.value.split(";").reduce((c, y) => {
-        const [A, k] = y.split(":");
-        return A && (c[A] = k), c;
-      }, n), n;
+        const [I, x] = y.split(":");
+        return I && (c[I] = x), c;
+      }, o), o;
     });
-    function R(n, c) {
-      if (s && s.schema[b.value]) {
-        const y = s.schema[b.value].findIndex((A) => A.id === c.id);
+    function R(o, c) {
+      if (i && i.schema[h.value]) {
+        const y = i.schema[h.value].findIndex((I) => I.id === c.id);
         if (y > -1) {
-          const A = s.schema[b.value].length, k = s.schema[b.value][y % A];
-          s.designerItemElementRef.value.querySelector(`#${k.id}-design-item`), s.schema[b.value].splice(y, 1), s.componentInstance.value.updateDragAndDropRules(), Z.value++, e.emit("removeComponent");
+          const I = i.schema[h.value].length, x = i.schema[h.value][y % I];
+          i.designerItemElementRef.value.querySelector(`#${x.id}-design-item`), i.schema[h.value].splice(y, 1), i.componentInstance.value.updateDragAndDropRules(), Z.value++, e.emit("removeComponent");
         }
       }
     }
-    function S(n) {
-      if (u.value.addNewChildComponentSchema) {
+    function S(o) {
+      if (f.value.addNewChildComponentSchema) {
         const c = {
           componentType: P.value,
-          label: M.value,
-          parentComponentInstance: u.value,
+          label: k.value,
+          parentComponentInstance: f.value,
           targetPosition: -1
-        }, y = u.value.addNewChildComponentSchema(c);
-        g.value[b.value].push(y), e.emit("addComponent");
+        }, y = f.value.addNewChildComponentSchema(c);
+        g.value[h.value].push(y), e.emit("addComponent");
       }
     }
-    function I() {
-      return i.value && h("div", {
+    function A() {
+      return s.value && b("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
-        onClick: (n) => {
+        onClick: (o) => {
           S();
         }
-      }, [h("i", {
+      }, [b("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function L(n) {
-      return p.value && h("div", {
+    function L(o) {
+      return p.value && b("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: $e((c) => R(c, n), ["stop"])
-      }, [h("i", {
+        onClick: $e((c) => R(c, o), ["stop"])
+      }, [b("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function C() {
-      return t.value && h("div", {
+    function v() {
+      return t.value && b("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [h("i", {
+      }, [b("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function f(n) {
-      return h("div", {
+    function m(o) {
+      return b("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [h("div", null, [I(), C(), L(n)])]);
+      }, [b("div", null, [A(), v(), L(o)])]);
     }
-    Q(() => o.modelValue, (n) => {
-      g.value = n, v.schema = n;
+    Q(() => n.modelValue, (o) => {
+      g.value = o, C.schema = o;
     });
-    function D(n) {
-      const c = n.target;
-      Gt(c);
+    function D(o) {
+      const c = o.target;
+      Xt(c);
     }
     function j() {
-      var n, c;
-      (c = (n = g.value) == null ? void 0 : n.contents) != null && c.length && l.value && l.value.addEventListener("scroll", D);
+      var o, c;
+      (c = (o = g.value) == null ? void 0 : o.contents) != null && c.length && l.value && l.value.addEventListener("scroll", D);
     }
     function d() {
-      const n = l.value, c = B(n.children[1]);
-      return Qt(c, v).value;
+      const o = l.value, c = B(o.children[1]);
+      return Yt(c, C).value;
     }
     q(() => {
       if (l.value) {
-        const n = l.value.querySelector(`[data-dragref='${g.value.id}-container']`);
-        u.value = n && n.componentInstance ? n.componentInstance.value : d(), a && n && a.attachComponents(n, g.value), m.value = u.value.canNested !== void 0 ? u.value.canNested : m.value, i.value = u.value.canAdd !== void 0 ? u.value.canAdd : i.value, p.value = u.value.canDelete !== void 0 ? u.value.canDelete : p.value, t.value = u.value.canMove !== void 0 ? u.value.canMove : t.value, T.value = u.value.styles || "", l.value && (l.value.componentInstance = u, l.value.designItemContext = v);
+        const o = l.value.querySelector(`[data-dragref='${g.value.id}-container']`);
+        f.value = o && o.componentInstance ? o.componentInstance.value : d(), a && o && a.attachComponents(o, g.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, p.value = f.value.canDelete !== void 0 ? f.value.canDelete : p.value, t.value = f.value.canMove !== void 0 ? f.value.canMove : t.value, T.value = f.value.styles || "", l.value && (l.value.componentInstance = f, l.value.designItemContext = C);
       }
       j(), Z.value++;
     }), Ne(() => {
       l.value && l.value.removeEventListener("scroll", D);
     });
-    function r(n) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((y) => y.classList.remove("dgComponentFocused")), n && (n.preventDefault(), n.stopPropagation());
+    function r(o) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((y) => y.classList.remove("dgComponentFocused")), o && (o.preventDefault(), o.stopPropagation());
       const c = l.value;
       if (c) {
         const y = document.getElementsByClassName("dgComponentSelected");
         if (!(y && y.length === 1 && y[0] === l.value)) {
-          Array.from(y).forEach((F) => F.classList.remove("dgComponentSelected")), c.classList.add("dgComponentFocused"), e.emit("selectionChange", g.value.type, g.value, o.componentId, u.value);
-          const k = u.value.getDraggableDesignItemElement(v);
-          k && k.value && k.value.classList.add("dgComponentSelected");
+          Array.from(y).forEach((F) => F.classList.remove("dgComponentSelected")), c.classList.add("dgComponentFocused"), e.emit("selectionChange", g.value.type, g.value, n.componentId, f.value);
+          const x = f.value.getDraggableDesignItemElement(C);
+          x && x.value && x.value.classList.add("dgComponentSelected");
         }
       }
       Z.value++;
     }
-    return () => h("div", {
-      id: `${o.id}-design-item`,
+    return () => b("div", {
+      id: `${n.id}-design-item`,
       ref: l,
       class: w.value,
-      style: x.value,
+      style: M.value,
       onClick: r
-    }, [f(g.value), e.slots.default && e.slots.default()]);
+    }, [m(g.value), e.slots.default && e.slots.default()]);
   }
 });
-class Xt extends J {
+class Zt extends J {
   constructor(e, t) {
     super(e, t);
   }
@@ -3039,7 +3037,7 @@ class Xt extends J {
           title: "style样式"
         }
       },
-      setPropertyRelates(t, i) {
+      setPropertyRelates(t, s) {
       }
     };
   }
@@ -3050,9 +3048,9 @@ class Xt extends J {
         name: "点击事件"
       }
     ];
-    var i = this;
-    const p = i.eventsEditorUtils.formProperties(e, i.viewModelId, t), m = {};
-    m[i.viewModelId] = {
+    var s = this;
+    const p = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
+    u[s.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: p
@@ -3060,19 +3058,19 @@ class Xt extends J {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: m,
+      properties: u,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(b, P) {
-        const M = b.propertyValue;
-        delete e[i.viewModelId], M && (M.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(e, i.viewModelId, M.events, M));
+      setPropertyRelates(h, P) {
+        const k = h.propertyValue;
+        delete e[s.viewModelId], k && (k.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, k.events, k));
       }
     };
   }
 }
-class Yt extends J {
+class Kt extends J {
   constructor(e, t) {
     super(e, t);
   }
@@ -3096,7 +3094,9 @@ class Yt extends J {
           description: "The type of a component.",
           editor: {
             type: "combo-list",
-            data: []
+            textField: "value",
+            valueField: "key",
+            data: [{ key: "response-toolbar-item", value: E["response-toolbar-item"].name }]
           }
         },
         text: {
@@ -3121,8 +3121,8 @@ class Yt extends J {
         label: "click",
         name: "点击事件"
       }
-    ], i = this, p = i.eventsEditorUtils.formProperties(e, i.viewModelId, t), m = {};
-    m[i.viewModelId] = {
+    ], s = this, p = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
+    u[s.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: p
@@ -3130,38 +3130,38 @@ class Yt extends J {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: m,
+      properties: u,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(b, P) {
-        const M = b.propertyValue;
-        delete e[i.viewModelId], M && (M.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(e, i.viewModelId, M.events, M));
+      setPropertyRelates(h, P) {
+        const k = h.propertyValue;
+        delete e[s.viewModelId], k && (k.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, k.events, k));
       }
     };
   }
 }
-function Zt(o, e) {
+function Jt(n, e) {
   Ee();
-  const t = B(!1), i = B(!1);
-  let p = !1, m = !1;
-  function b(w) {
+  const t = B(!1), s = B(!1);
+  let p = !1, u = !1;
+  function h(w) {
     return !1;
   }
   function P(w) {
   }
-  function M() {
+  function k() {
     return "";
   }
-  function g(w, x) {
-    return x.text = w.label, x;
+  function g(w, M) {
+    return M.text = w.label, M;
   }
-  function T(w, x, R) {
-    const S = o.schema;
+  function T(w, M, R) {
+    const S = n.schema;
     if ((S.appearance && S.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const C = String(w.innerText), f = z("form-group");
-      return f.editor = R, f.label = C, f;
+      const v = String(w.innerText), m = z("form-group");
+      return m.editor = R, m.label = v, m;
     }
     return R;
   }
@@ -3169,231 +3169,232 @@ function Zt(o, e) {
     return !1;
   }
   function a() {
-    return !m;
+    return !u;
   }
-  function u() {
+  function f() {
     return !1;
   }
-  function s() {
+  function i() {
     return p;
   }
-  function v(w) {
-    let x;
-    switch (o.schema.type) {
+  function C(w) {
+    let M;
+    switch (n.schema.type) {
       case "tab-toolbar-item":
-        x = new Xt(w, e);
+        M = new Zt(w, e);
         break;
       default:
-        x = new Yt(w, e);
+        M = new Kt(w, e);
     }
-    return x.getPropertyConfig(o.schema);
+    return M.getPropertyConfig(n.schema);
   }
   return {
-    canAccepts: b,
-    checkCanAddComponent: u,
+    canAccepts: h,
+    checkCanAddComponent: f,
     checkCanDeleteComponent: a,
     checkCanMoveComponent: l,
-    getStyles: M,
-    hideNestedPaddingInDesginerView: s,
+    getStyles: k,
+    hideNestedPaddingInDesginerView: i,
     onAcceptNewChildElement: T,
     onAcceptMovedChildElement: P,
     onResolveNewComponentSchema: g,
-    getPropsConfig: v,
+    getPropsConfig: C,
     triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: i
+    triggerBelongedComponentToDeleteWhenDeleted: s
   };
 }
 const je = /* @__PURE__ */ G({
   name: "FResponseToolbarItemDesign",
-  props: xe,
+  props: Me,
   emits: ["Click"],
-  setup(o, e) {
+  setup(n, e) {
     B(), B();
-    const t = B(o.alignment), i = {
+    const t = B(n.alignment), s = {
       id: "__more_buttons__",
       text: "More"
-    }, p = B(new X(i));
+    }, p = B(new X(s));
     V(() => p.value.children.length > 0);
-    const m = B(), b = U("designer-host-service"), P = U("design-item-context"), M = Zt(P, b), g = ve(m, P, M);
+    const u = B(), h = U("designer-host-service"), P = U("design-item-context"), k = Jt(P, h), g = ve(u, P, k);
     U("toolbar-item-handler", () => {
     }), q(() => {
-      m.value.componentInstance = g;
+      u.value.componentInstance = g;
     }), e.expose(g.value);
     function T() {
-      const u = {
+      const f = {
         "f-icon": !0
       };
-      if (o.icon) {
-        const s = o.icon.trim().split(" ");
-        s && s.length && s.reduce((v, w) => (v[w] = !0, v), u);
+      if (n.icon) {
+        const i = n.icon.trim().split(" ");
+        i && i.length && i.reduce((C, w) => (C[w] = !0, C), f);
       }
-      return u;
+      return f;
     }
     function l() {
-      return !!(o.icon && o.icon.trim());
+      return !!(n.icon && n.icon.trim());
     }
     function a() {
-      const u = {
+      const f = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": t.value === "right",
         "f-btn-mr": t.value === "left",
-        "btn-icontext": !!(o.icon && o.icon.trim())
+        "btn-icontext": !!(n.icon && n.icon.trim())
       };
-      if (o.class) {
-        const s = o.class.split(" ");
-        s && s.length && s.reduce((v, w) => (v[w] = !0, v), u);
+      if (n.class) {
+        const i = n.class.split(" ");
+        i && i.length && i.reduce((C, w) => (C[w] = !0, C), f);
       }
-      return u;
+      return f;
     }
     return q(() => {
-    }), ie(() => {
-    }), () => h("div", {
-      ref: m,
+    }), se(() => {
+    }), () => b("div", {
+      ref: u,
       "data-dragref": `${P.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [h("button", {
+    }, [b("button", {
       type: "button",
       class: a(),
-      id: o.id
-    }, [l() && h("i", {
+      id: n.id
+    }, [l() && b("i", {
       class: T()
-    }, null), o.text])]);
+    }, null), n.text])]);
   }
 }), Ae = /* @__PURE__ */ G({
   name: "FResponseToolbarDesign",
-  props: pe,
+  props: Bt,
   emits: ["Click"],
-  setup(o, e) {
-    const t = B(o.items);
-    let i = new Array(t.value.length).fill(B());
-    const p = B(), m = B(), b = B(o.alignment), P = {
+  setup(n, e) {
+    const t = B(n.items);
+    let s = new Array(t.value.length).fill(B());
+    const p = B(), u = B(), h = B(n.alignment), P = {
       id: "__more_buttons__",
       text: "More"
-    }, M = B(new X(P)), g = ke();
-    V(() => M.value.children.length > 0);
-    const T = B(), l = U("designer-host-service"), a = U("design-item-context"), u = zt(a.schema, l, a), s = ve(T, a, u);
+    }, k = B(new X(P)), g = xe();
+    V(() => k.value.children.length > 0);
+    const T = B(), l = U("designer-host-service"), a = U("design-item-context"), f = qt(a.schema, l, a), i = ve(T, a, f);
     U("toolbar-item-handler", () => {
     }), q(() => {
-      T.value.componentInstance = s;
-    }), e.expose(s.value);
-    const v = V(() => ({
+      T.value.componentInstance = i;
+    }), e.expose(i.value);
+    const C = V(() => ({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
     })), w = V(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": b.value === "right",
-      "justify-content-start": b.value === "left"
+      "justify-content-end": h.value === "right",
+      "justify-content-start": h.value === "left"
     })), {
-      renderToolbarDropdown: x,
+      renderToolbarDropdown: M,
       clearAllDropDown: R
-    } = It(o, g, s);
+    } = Rt(n, g, i);
     function S() {
       t.value.filter((d) => d.children && d.children.length > 0).forEach((d) => {
         d.expanded = !1;
-      }), M.value.expanded = !1, R();
+      }), k.value.expanded = !1, R();
     }
-    const I = /* @__PURE__ */ new Map(), L = [];
-    function C(d) {
-      const r = m.value;
-      let n = d;
+    const A = /* @__PURE__ */ new Map(), L = [];
+    function v(d) {
+      const r = u.value;
+      let o = d;
       const c = Array.from(r.children), y = c[c.length - 1].id === "__more_buttons__" ? c[c.length - 1] : null;
       if (y) {
         const N = y.computedStyleMap().get("margin-left"), $ = y.computedStyleMap().get("margin-right"), W = (N ? N.value : 0) + y.getBoundingClientRect().width + ($ ? $.value : 0);
-        n -= W;
+        o -= W;
       }
-      const A = c.filter((N) => N.id !== "__more_buttons__");
-      for (const N of A) {
+      const I = c.filter((N) => N.id !== "__more_buttons__");
+      for (const N of I) {
         const $ = N.computedStyleMap().get("margin-left"), W = N.computedStyleMap().get("margin-right"), H = ($ ? $.value : 0) + N.getBoundingClientRect().width + (W ? W.value : 0);
-        n < H ? (I.set(N.id, !0), L.push({
+        o < H ? (A.set(N.id, !0), L.push({
           id: N.id,
           width: H
-        })) : n -= H;
+        })) : o -= H;
       }
       if (L.length)
         for (let N = L.length - 1; N >= 0; N--) {
           const $ = L[N].width;
-          if (n >= $)
-            n -= $, I.delete(L[N].id), L.pop();
+          if (o >= $)
+            o -= $, A.delete(L[N].id), L.pop();
           else
             break;
         }
-      const k = Object.assign({}, M.value);
-      k.children = [];
-      const F = new X(k), _ = t.value.reduce((N, $) => (I.has($.id) && F.children.push($), $.visible = !I.has($.id), N.push($), N), []);
-      M.value = F, t.value = _;
+      const x = Object.assign({}, k.value);
+      x.children = [];
+      const F = new X(x), _ = t.value.reduce((N, $) => (A.has($.id) && F.children.push($), $.visible = !A.has($.id), N.push($), N), []);
+      k.value = F, t.value = _;
     }
-    const f = new ResizeObserver((d) => {
+    const m = new ResizeObserver((d) => {
       if (d.length) {
-        const n = d[0].contentRect.width, y = m.value.getBoundingClientRect().width;
-        (n < y || L.length) && C(n);
+        const o = d[0].contentRect.width, y = u.value.getBoundingClientRect().width;
+        (o < y || L.length) && v(o);
       }
     });
     q(() => {
       const d = p.value;
-      f.observe(d), document.body.addEventListener("click", S);
-    }), ie(() => {
-      f.disconnect(), document.body.removeEventListener("click", S);
-    }), Q(() => o.items, () => {
-      t.value = o.items;
+      m.observe(d), document.body.addEventListener("click", S);
+    }), se(() => {
+      m.disconnect(), document.body.removeEventListener("click", S);
+    }), Q(() => n.items, () => {
+      t.value = n.items;
     }, {
       deep: !0
     }), Q(t, (d) => {
-      i = new Array(t.value.length).fill(B());
+      s = new Array(t.value.length).fill(B());
     });
-    function D(d, r, n, c) {
-      a && a.setupContext && a.setupContext.emit("selectionChange", d, r, n, c);
+    function D(d, r, o, c) {
+      a && a.setupContext && a.setupContext.emit("selectionChange", d, r, o, c);
     }
     function j() {
-      const d = m.value.querySelector(".dgComponentFocused.dgComponentSelected");
+      const d = u.value.querySelector(".dgComponentFocused.dgComponentSelected");
       d == null || d.classList.remove("dgComponentSelected"), d == null || d.classList.remove("dgComponentFocused");
     }
-    return () => h("div", {
+    return () => b("div", {
       ref: T,
       "data-dragref": `${a.schema.id}-container`,
-      class: v.value
-    }, [h("div", {
+      class: C.value
+    }, [b("div", {
       ref: p,
       class: w.value
-    }, [h("div", {
-      ref: m,
+    }, [b("div", {
+      ref: u,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.map((d, r) => h(Be, {
-      ref: i[r],
+    }, [t.value.map((d, r) => b(Be, {
+      ref: s[r],
       class: "p-0 display-inline-block",
       modelValue: d,
-      "onUpdate:modelValue": (n) => d = n,
+      "onUpdate:modelValue": (o) => d = o,
       canMove: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
-      componentId: d.id,
+      componentId: n.componentId,
       id: d.id,
       style: "padding:0 !important;display:inline-block",
       onSelectionChange: D,
       onRemoveComponent: j
     }, {
-      default: () => [h(je, {
+      default: () => [b(je, {
         id: d.id,
         disable: d.disable,
         text: d.text,
-        icon: d.icon
+        icon: d.icon,
+        componentId: n.componentId
       }, null)]
     }))])])]);
   }
 }), ye = de;
-K.register = (o, e, t) => {
-  o["response-toolbar"] = K, e["response-toolbar"] = de;
+K.register = (n, e, t) => {
+  n["response-toolbar"] = K, e["response-toolbar"] = de;
 };
-K.registerDesigner = (o, e, t) => {
-  o["response-toolbar"] = Ae, e["response-toolbar"] = de, o["response-toolbar-item"] = je, e["response-toolbar-item"] = Et;
+K.registerDesigner = (n, e, t) => {
+  n["response-toolbar"] = Ae, e["response-toolbar"] = de, n["response-toolbar-item"] = je, e["response-toolbar-item"] = jt;
 };
 Ue(K);
-const Kt = {
+const en = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   type: { type: String, default: "" },
@@ -3410,68 +3411,68 @@ const Kt = {
   ignore: { type: Boolean, default: !1 }
 }, he = /* @__PURE__ */ G({
   name: "FDesignerTemplateItem",
-  props: Kt,
+  props: en,
   emits: ["selectionChange"],
-  setup(o, e) {
-    const t = B(), i = V(() => ({
+  setup(n, e) {
+    const t = B(), s = V(() => ({
       "farris-component": !0
     }));
-    function p(m) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((P) => P.classList.remove("dgComponentFocused")), m && (m.preventDefault(), m.stopPropagation());
-      const b = t.value;
-      if (b) {
+    function p(u) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((P) => P.classList.remove("dgComponentFocused")), u && (u.preventDefault(), u.stopPropagation());
+      const h = t.value;
+      if (h) {
         const P = document.getElementsByClassName("dgComponentSelected");
-        P && P.length === 1 && P[0] === t.value || (Array.from(P).forEach((g) => g.classList.remove("dgComponentSelected")), b.classList.add("dgComponentFocused"));
+        P && P.length === 1 && P[0] === t.value || (Array.from(P).forEach((g) => g.classList.remove("dgComponentSelected")), h.classList.add("dgComponentFocused"));
       }
       Z.value++;
     }
-    return () => h("div", {
-      id: `${o.id}-design-item`,
+    return () => b("div", {
+      id: `${n.id}-design-item`,
       ref: t,
-      class: i.value,
+      class: s.value,
       onClick: p
     }, [e.slots.default && e.slots.default()]);
   }
-}), Jt = /* @__PURE__ */ G({
+}), tn = /* @__PURE__ */ G({
   name: "FPageHeaderDesign",
-  props: le,
+  props: st,
   emits: ["Click"],
-  setup(o, e) {
-    const t = B(), i = U("designer-host-service"), p = U("design-item-context"), m = at(p.schema, i), b = it(t, p, m), P = B(p.schema.toolbar || {
+  setup(n, e) {
+    const t = B(), s = U("designer-host-service"), p = U("design-item-context"), u = ct(p.schema, s), h = it(t, p, u), P = B(p.schema.toolbar || {
       type: "response-toolbar",
       buttons: []
-    }), M = B(ye(P.value));
+    }), k = B(ye(P.value));
     q(() => {
-      t.value.componentInstance = b;
+      t.value.componentInstance = h;
     }), Q(() => p.schema.toolbar, () => {
       P.value = p.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, M.value = ye(P.value);
+      }, k.value = ye(P.value);
     }, {
       deep: !0
     });
-    const g = V(() => [...M.value.items]);
-    function T(l, a, u, s) {
-      p && p.setupContext && p.setupContext.emit("selectionChange", l, a, u, s);
+    const g = V(() => [...k.value.items]);
+    function T(l, a, f, i) {
+      p && p.setupContext && p.setupContext.emit("selectionChange", l, a, f, i);
     }
-    return e.expose(b.value), () => h("div", {
+    return e.expose(h.value), () => b("div", {
       ref: t
-    }, [h("nav", {
+    }, [b("nav", {
       class: "f-page-header-base"
-    }, [h("div", {
+    }, [b("div", {
       class: "f-title"
-    }, [h(he, null, {
-      default: () => [h("span", {
+    }, [b(he, null, {
+      default: () => [b("span", {
         class: "f-title-icon f-text-orna-manage"
-      }, [h("i", {
-        class: o.icon
+      }, [b("i", {
+        class: n.icon
       }, null)])]
-    }), h(he, null, {
-      default: () => [h("h4", {
+    }), b(he, null, {
+      default: () => [b("h4", {
         class: "f-title-text"
-      }, [o.title])]
-    })]), h(Be, {
+      }, [n.title])]
+    })]), b(Be, {
       class: "col-5",
       modelValue: P.value,
       "onUpdate:modelValue": (l) => P.value = l,
@@ -3480,28 +3481,30 @@ const Kt = {
       childLabel: "按钮",
       contentKey: "buttons",
       id: P.value.id,
-      componentId: P.value.id,
+      componentId: n.componentId,
       onSelectionChange: T
     }, {
-      default: () => [h(Ae, {
-        items: g.value
+      default: () => [b(Ae, {
+        items: g.value,
+        componentId: n.componentId
       }, null)]
     })])]);
   }
-}), an = {
-  install(o) {
-    o.component(ne.name, ne);
+}), ln = {
+  install(n) {
+    n.component(ne.name, ne);
   },
-  register(o, e, t, i) {
-    o["page-header"] = ne, e["page-header"] = fe;
+  register(n, e, t, s) {
+    n["page-header"] = ne, e["page-header"] = fe;
   },
-  registerDesigner(o, e, t) {
-    o["page-header"] = Jt, e["page-header"] = fe;
+  registerDesigner(n, e, t) {
+    n["page-header"] = tn, e["page-header"] = fe;
   }
 };
 export {
   ne as PageHeader,
-  an as default,
+  ln as default,
+  st as pageHeaderDesignerProps,
   le as pageHeaderProps,
   fe as propsResolver
 };