@farris/ui-vue 1.2.7 → 1.2.8

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

@@ -1,109 +1,107 @@
 var Re = Object.defineProperty;
 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";
+import { defineComponent as z, ref as x, computed as F, watch as G, createVNode as h, createTextVNode as Q, getCurrentInstance as ye, onMounted as H, onUnmounted as re, inject as V, provide as Ne, onBeforeUnmount as $e, withModifiers as _e } from "vue";
+import { cloneDeep as Fe } from "lodash-es";
+import Le from "../response-toolbar/index.esm.js";
+import { useDesignerInnerComponent as ve } from "../designer-canvas/index.esm.js";
+import { withInstall as Ve } from "../common/index.esm.js";
 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;
+  const { properties: e, title: t } = n, r = Object.keys(e).reduce((u, g) => (u[g] = e[g].type === "object" && e[g].properties ? ae(e[g]) : Fe(e[g].default), u), {});
+  return r.id = `${t}-${Date.now()}`, r;
 }
-function z(n, e = {}) {
+function U(n, e = {}) {
   const t = ie[n];
   if (t) {
-    let s = ae(t);
-    const p = Ce[n];
-    return s = p ? p({ getSchemaByType: z }, s, e) : s, s;
+    let r = ae(t);
+    const u = Ce[n];
+    return r = u ? u({ getSchemaByType: U }, r, e) : r, r;
   }
   return null;
 }
 function We(n, e) {
   const t = ae(e);
-  return Object.keys(n).reduce((s, p) => (s[p] = n[p], s), t), t;
+  return Object.keys(n).reduce((r, u) => (r[u] && typeof r[u] == "object" ? Object.assign(r[u], n[u]) : r[u] = n[u], r), t), t;
 }
-function ze(n, e) {
-  return Object.keys(n).filter((s) => n[s] != null).reduce((s, p) => {
-    if (e.has(p)) {
-      const u = e.get(p);
-      if (typeof u == "string")
-        s[u] = n[p];
+function Ue(n, e) {
+  return Object.keys(n).filter((r) => n[r] != null).reduce((r, u) => {
+    if (e.has(u)) {
+      const g = e.get(u);
+      if (typeof g == "string")
+        r[g] = n[u];
       else {
-        const h = u(p, n[p], n);
-        Object.assign(s, h);
+        const v = g(u, n[u], n);
+        Object.assign(r, v);
       }
     } else
-      s[p] = n[p];
-    return s;
+      r[u] = n[u];
+    return r;
   }, {});
 }
-function He(n, e, t = /* @__PURE__ */ new Map()) {
-  const s = We(n, e);
-  return ze(s, t);
+function qe(n, e, t = /* @__PURE__ */ new Map()) {
+  const r = We(n, e);
+  return Ue(r, t);
 }
-function qe(n = {}) {
-  function e(g, T, l, a) {
+function He(n = {}) {
+  function e(b, T, l, a) {
     if (typeof l == "number")
-      return a[g].length === l;
+      return a[b].length === l;
     if (typeof l == "object") {
-      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);
+      const d = Object.keys(l)[0], i = l[d];
+      if (d === "not")
+        return Number(a[b].length) !== Number(i);
+      if (d === "moreThan")
+        return Number(a[b].length) >= Number(i);
+      if (d === "lessThan")
+        return Number(a[b].length) <= Number(i);
     }
     return !1;
   }
-  function t(g, T, l, a) {
-    return a[g] && a[g].propertyValue && String(a[g].propertyValue.value) === String(l);
+  function t(b, T, l, a) {
+    return a[b] && a[b].propertyValue && String(a[b].propertyValue.value) === String(l);
   }
-  const s = /* @__PURE__ */ new Map([
+  const r = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  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) => {
+  Object.keys(n).reduce((b, T) => (b.set(T, n[T]), b), r);
+  function u(b, T) {
+    const l = b;
+    return typeof T == "number" ? [{ target: l, operator: "length", param: null, value: Number(T) }] : typeof T == "boolean" ? [{ target: l, operator: "getProperty", param: b, value: !!T }] : typeof T == "object" ? Object.keys(T).map((a) => {
       if (a === "length")
         return { target: l, operator: "length", param: null, value: T[a] };
-      const f = a, i = T[a];
-      return { target: l, operator: "getProperty", param: f, value: i };
+      const d = a, i = T[a];
+      return { target: l, operator: "getProperty", param: d, value: i };
     }) : [];
   }
-  function u(g) {
-    return Object.keys(g).reduce((l, a) => {
-      const f = p(a, g[a]);
-      return l.push(...f), l;
+  function g(b) {
+    return Object.keys(b).reduce((l, a) => {
+      const d = u(a, b[a]);
+      return l.push(...d), l;
     }, []);
   }
-  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;
+  function v(b, T) {
+    if (r.has(b.operator)) {
+      const l = r.get(b.operator);
+      return l && l(b.target, b.param, b.value, T) || !1;
     }
     return !1;
   }
-  function P(g, T) {
-    return u(g).reduce((f, i) => f && h(i, T), !0);
+  function D(b, T) {
+    return g(b).reduce((d, i) => d && v(i, T), !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);
+  function E(b, T) {
+    const l = Object.keys(b), a = l.includes("allOf"), d = l.includes("anyOf"), i = a || d, j = (i ? b[i ? a ? "allOf" : "anyOf" : "allOf"] : [b]).map((P) => D(P, T));
+    return a ? !j.includes(!1) : j.includes(!0);
   }
-  return { parseValueSchema: k };
+  return { parseValueSchema: E };
 }
-const E = {
-  Button: { type: "Button", name: "按钮", icon: "Button" },
-  ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
+const Z = {
+  button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
-  "response-toolbar-item": { type: "response-toolbar-item", name: "工具栏项", icon: "Button" },
+  "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" },
   lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
@@ -114,118 +112,47 @@ const E = {
   "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
   "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
   "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
-  /** 暂时没用 */
-  FlexLayout: { type: "FlexLayout", name: "弹性布局" },
-  /** 暂时没用 */
-  FlowLayout: { type: "FlowLayout", name: "流布局" },
-  ResponseLayout: { type: "ResponseLayout", name: "布局容器", icon: "ResponseLayout3" },
-  ResponseLayoutItem: { type: "ResponseLayoutItem", name: "布局", icon: "ResponseLayout1" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
   "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
-  TreeGridField: { type: "TreeGridField", name: "树表格列" },
-  FieldSet: { type: "FieldSet", name: "分组", icon: "FieldSet" },
-  Form: { type: "Form", name: "卡片面板", icon: "Form" },
-  QueryForm: { type: "QueryForm", name: "查询面板", icon: "Form" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
   "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
-  Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
-  Module: { type: "Module", name: "模块", icon: "Module" },
+  module: { type: "Module", name: "模块", icon: "Module" },
   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" },
   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" },
-  HtmlTemplate: { type: "HtmlTemplate", name: "模版容器", icon: "HtmlTemplate" },
-  ListView: { type: "ListView", name: "列表", icon: "ListView" },
-  RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
-  TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
-  TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
   section: { type: "section", name: "分组面板", icon: "Section" },
-  SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
-  SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
-  QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
-  FormHeader: { type: "FormHeader", name: "翻页" },
-  Splitter: { type: "Splitter", name: "分栏面板", icon: "Splitter" },
-  SplitterPane: { type: "SplitterPane", name: "分栏面板项", dependentParentControl: "Splitter" },
-  WizardDetail: { type: "WizardDetail", name: "向导详情页" },
-  WizardDetailContainer: { type: "WizardDetailContainer", name: "向导详情容器" },
-  Wizard: { type: "Wizard", name: "向导", icon: "Wizard" },
-  MultiSelect: { type: "MultiSelect", name: "数据分配", icon: "MultiSelect" },
-  Steps: { type: "Steps", name: "步骤条", icon: "Steps" },
-  avatar: { type: "avatar", name: "头像", icon: "Avatar" },
-  ListFilter: { type: "ListFilter", name: "筛选条", icon: "ListFilter" },
-  ListNav: { type: "ListNav", name: "列表导航", icon: "ListNav" },
-  NumberRange: { type: "NumberRange", name: "数字区间选择", icon: "NumericBox" },
-  Scrollspy: { type: "Scrollspy", name: "滚动监听", icon: "Scrollspy" },
-  LanguageTextBox: { type: "LanguageTextBox", name: "多语言输入框", icon: "LanguageTextBox" },
-  ComponentRef: { type: "ComponentRef", name: "组件引用节点" },
-  FileUpload: { type: "FileUpload", name: "附件上传", icon: "FileUpload" },
-  FilePreview: { type: "FilePreview", name: "附件预览", icon: "FilePreview" },
-  ViewChange: { type: "ViewChange", name: "多视图切换", icon: "Button" },
-  MultiViewContainer: { type: "MultiViewContainer", name: "多视图", icon: "MultiViewContainer" },
-  MultiViewItem: { type: "MultiViewItem", name: "多视图项", dependentParentControl: "MultiViewContainer" },
-  Footer: { type: "Footer", name: "页脚" },
-  DiscussionEditor: { type: "DiscussionEditor", name: "评论编辑区", icon: "DiscussionEditor" },
-  DiscussionList: { type: "DiscussionList", name: "评论列表", icon: "DiscussionList" },
-  NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
-  Tags: { type: "Tags", name: "标记组", icon: "Tags" },
-  Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "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" },
-  Table: { type: "Table", name: "表格", icon: "DataGrid" },
-  LoopContainer: { type: "LoopContainer", name: "循环容器", icon: "ContentContainer" },
-  FileUploadPreview: { type: "FileUploadPreview", name: "附件上传预览", icon: "FileUpload" },
-  DynamicArea: { type: "DynamicArea", name: "动态区域", icon: "ContentContainer" },
-  DynamicAreaItem: { type: "DynamicAreaItem", name: "动态区域项", icon: "ContentContainer" },
-  TabToolbar: { type: "TabToolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  HeaderToolBar: { type: "HeaderToolBar", name: "头部组件工具栏", icon: "HeaderToolBar" },
-  ModalFooterToolBar: { type: "ModalFooterToolBar", name: "底部组件工具栏", icon: "ModalFooterToolBar" },
-  HeaderToolBarItem: { type: "HeaderToolBarItem", name: "头部组件工具栏按钮", icon: "HeaderToolBarItem" },
-  ModalFooterToolBarItem: { type: "ModalFooterToolBarItem", name: "底部组件工具栏按钮", icon: "ModalFooterToolBarItem" },
-  OrganizationSelector: { type: "OrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  AdminOrganizationSelector: { type: "AdminOrganizationSelector", name: "组织选择", icon: "OrganizationSelector" },
-  EmployeeSelector: { type: "EmployeeSelector", name: "人员选择", icon: "PersonnelSelector" },
-  OaRelation: { type: "OaRelation", name: "关联行政审批", icon: "TextBox" },
-  CitySelector: { type: "CitySelector", name: "城市选择", icon: "CitySelector" },
-  ExtIntergration: { type: "ExtIntergration", name: "外部服务集成", icon: "ViewModel" },
-  AppointmentCalendar: { type: "AppointmentCalendar", name: "预约日历", icon: "DateBox" },
-  /** 查询类 start */
-  Charts: { type: "Charts", name: "图表", icon: "Charts" },
-  QdpFramework: { type: "QdpFramework", name: "查询结果工具栏", icon: "QdpFramework" },
-  SpreadSheet: { type: "SpreadSheet", name: "查询表格控件", icon: "Charts" },
-  QdpConditionDialog: { type: "QdpConditionDialog", name: "查询筛选对话框", icon: "ContentContainer" },
-  QdpConditionDialogTab: { type: "QdpConditionDialogTab", name: "查询筛选标签页", icon: "Tab" },
-  /** 查询类 end */
-  /** 审批类 start */
-  ApprovalLogs: { type: "ApprovalLogs", name: "审批记录", icon: "ApprovalLogs" },
-  ApprovalComments: { type: "ApprovalComments", name: "审批意见", icon: "shenpiyijian" }
-  /** 审批类 end */
-}, we = {}, Ge = {};
-qe();
-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);
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
+}, we = {}, ze = {};
+He();
+function ce(n, e, t = /* @__PURE__ */ new Map(), r = (v, D, E) => D, u = {}, g = (v) => v) {
+  return ie[e.title] = e, Ce[e.title] = r, we[e.title] = u, ze[e.title] = g, (v = {}) => {
+    const D = qe(v, e, t), E = Object.keys(n).reduce((b, T) => (b[T] = n[T].default, b), {});
+    return Object.assign(E, D);
   };
 }
-function Qe(n, e) {
+function Ge(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-function Xe(n, e) {
+function Je(n, e) {
   return { buttons: e.buttons };
 }
-const Ye = /* @__PURE__ */ new Map([
-  ["appearance", Qe],
-  ["toolbar", Xe]
-]), Ze = "https://json-schema.org/draft/2020-12/schema", Ke = "https://farris-design.gitee.io/page-header.schema.json", Je = "page-header", et = "A Farris Container Component", tt = "object", nt = {
+const Qe = /* @__PURE__ */ new Map([
+  ["appearance", Ge],
+  ["toolbar", Je]
+]), Xe = "https://json-schema.org/draft/2020-12/schema", Ye = "https://farris-design.gitee.io/page-header.schema.json", Ze = "page-header", Ke = "A Farris Container Component", et = "object", tt = {
   id: {
     description: "The unique identifier for a Page Header",
     type: "string"
@@ -333,15 +260,15 @@ const Ye = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !1
   }
-}, ot = {
-  $schema: Ze,
-  $id: Ke,
-  title: Je,
-  description: et,
-  type: tt,
-  properties: nt
+}, nt = {
+  $schema: Xe,
+  $id: Ye,
+  title: Ze,
+  description: Ke,
+  type: et,
+  properties: tt
 };
-function rt(n, e, t) {
+function ot(n, e, t) {
   return e.title = "标题", e;
 }
 const le = {
@@ -375,187 +302,187 @@ const le = {
   nextPaginationDisabled: { type: Boolean, default: !1 }
 }, st = Object.assign({}, le, {
   componentId: { type: String, default: "" }
-}), fe = ce(le, ot, Ye, rt), ne = /* @__PURE__ */ G({
+}), fe = ce(le, nt, Qe, ot), ne = /* @__PURE__ */ z({
   name: "FPageHeader",
   props: le,
   emits: ["Click", "PrePaginationClick", "NextPaginationClick"],
   setup(n, e) {
-    const t = B(n.buttons), s = (S, A) => {
-      e.emit("Click", S, A);
+    const t = x(n.buttons), r = (P, A) => {
+      e.emit("Click", P, A);
     };
-    function p(S, A) {
-      S && A && A.split(" ").reduce((v, m) => (v[m] = !0, v), S);
+    function u(P, A) {
+      P && A && A.split(" ").reduce((y, f) => (y[f] = !0, y), P);
     }
-    const u = V(() => {
-      const S = {
+    const g = F(() => {
+      const P = {
         "f-page-header": !0
       };
-      return p(S, n.customClass), S;
-    }), h = V(() => {
-      const S = {
+      return u(P, n.customClass), P;
+    }), v = F(() => {
+      const P = {
         "f-title-icon": !0
       };
-      return p(S, n.iconClass), S;
-    }), P = V(() => {
-      const S = {
+      return u(P, n.iconClass), P;
+    }), D = F(() => {
+      const P = {
         "f-icon": !0
       };
-      return p(S, n.icon), S;
-    }), k = V(() => {
-      const S = {
+      return u(P, n.icon), P;
+    }), E = F(() => {
+      const P = {
         "f-title": !0
       };
-      return p(S, n.titleContentClass), S;
-    }), g = V(() => {
-      const S = {
+      return u(P, n.titleContentClass), P;
+    }), b = F(() => {
+      const P = {
         "f-content": !0
       };
-      return p(S, n.contentClass), S;
-    }), T = V(() => {
-      const S = {
+      return u(P, n.contentClass), P;
+    }), T = F(() => {
+      const P = {
         "f-content": !0
       };
-      return p(S, n.downContentClass), S;
-    }), l = V(() => ({
+      return u(P, n.downContentClass), P;
+    }), l = F(() => ({
       "f-icon f-icon-arrow-w": !0,
       "f-state-disabled": n.prePaginationDisabled
-    })), a = V(() => ({
+    })), a = F(() => ({
       "f-icon f-icon-arrow-e": !0,
       "f-state-disabled": n.nextPaginationDisabled
     }));
-    function f(S) {
-      n.prePaginationDisabled || e.emit("PrePaginationClick", S);
+    function d(P) {
+      n.prePaginationDisabled || e.emit("PrePaginationClick", P);
     }
-    function i(S) {
-      n.nextPaginationDisabled || e.emit("NextPaginationClick", S);
+    function i(P) {
+      n.nextPaginationDisabled || e.emit("NextPaginationClick", P);
     }
     function C() {
-      return e.slots.titleContent ? b("div", {
-        class: k.value
-      }, [Y(" "), e.slots.titleContent()]) : b("div", {
+      return e.slots.titleContent ? h("div", {
+        class: E.value
+      }, [Q(" "), e.slots.titleContent()]) : h("div", {
         class: "f-title"
-      }, [n.showIcon && n.icon ? b("span", {
-        class: h.value
-      }, [b("i", {
-        class: P.value
-      }, null)]) : "", b("h4", {
+      }, [n.showIcon && n.icon ? h("span", {
+        class: v.value
+      }, [h("i", {
+        class: D.value
+      }, null)]) : "", h("h4", {
         class: "f-title-text"
-      }, [n.title]), n.subTitle ? b("h5", {
+      }, [n.title]), n.subTitle ? h("h5", {
         class: "f-title-subtitle"
-      }, [n.subTitle]) : "", n.showPagination ? b("div", {
+      }, [n.subTitle]) : "", n.showPagination ? h("div", {
         class: "f-title-pagination"
-      }, [b("span", {
+      }, [h("span", {
         class: l.value,
-        onClick: f
-      }, null), b("span", {
+        onClick: d
+      }, null), h("span", {
         class: a.value,
         onClick: i
       }, null)]) : ""]);
     }
     function w() {
-      return e.slots.content ? b("div", {
-        class: g.value
-      }, [Y(" "), e.slots.content()]) : "";
+      return e.slots.content ? h("div", {
+        class: b.value
+      }, [Q(" "), e.slots.content()]) : "";
     }
-    function M() {
+    function j() {
       if (n.buttons && n.buttons.length > 0)
-        return b(_e, {
+        return h(Le, {
           customClass: n.buttonClass,
           items: t.value,
-          onClick: s
+          onClick: r
         }, null);
     }
     function R() {
-      return e.slots.downContent ? b("div", {
+      return e.slots.downContent ? h("div", {
         class: T.value
-      }, [Y(" "), e.slots.downContent()]) : "";
+      }, [Q(" "), e.slots.downContent()]) : "";
     }
-    return Q(() => n.buttons, (S) => {
-      t.value = S;
+    return G(() => n.buttons, (P) => {
+      t.value = P;
     }, {
       deep: !0
-    }), () => b("div", {
-      class: u.value
-    }, [b("nav", {
+    }), () => h("div", {
+      class: g.value
+    }, [h("nav", {
       class: "f-page-header-base"
-    }, [C(), w(), M()]), R()]);
+    }, [C(), w(), j()]), R()]);
   }
 });
-function it(n, e, t) {
-  var L;
-  function s() {
+function rt(n, e, t) {
+  var N;
+  function r() {
     t != null && t.resolveComponentContext && t.resolveComponentContext();
   }
-  s();
-  const p = t && t.getStyles && t.getStyles() || "", u = t && t.getDesignerClass && t.getDesignerClass() || "", h = B();
-  function P() {
+  r();
+  const u = t && t.getStyles && t.getStyles() || "", g = t && t.getDesignerClass && t.getDesignerClass() || "", v = x();
+  function D() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function k() {
+  function E() {
     return !1;
   }
-  function g() {
+  function b() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
   function T() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(v) {
-    if (!v || !v.value)
+  function l(y) {
+    if (!y || !y.value)
       return null;
-    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;
+    if (y.value.schema && y.value.schema.type === "component")
+      return y.value;
+    const f = x(y == null ? void 0 : y.value.parent), S = l(f);
+    return S || null;
   }
-  function a(v = e) {
-    const { componentInstance: m, designerItemElementRef: D } = v;
-    return !m || !m.value ? null : m.value.canMove ? D : a(v.parent);
+  function a(y = e) {
+    const { componentInstance: f, designerItemElementRef: S } = y;
+    return !f || !f.value ? null : f.value.canMove ? S : a(y.parent);
   }
-  function f(v) {
-    return !!t && t.canAccepts(v);
+  function d(y) {
+    return !!t && t.canAccepts(y);
   }
   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 C() {
   }
-  function w(v, m) {
-    m && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(m);
+  function w(y, f) {
+    f && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(f);
   }
-  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 j(y) {
+    const { componentType: f } = y;
+    let S = U(f, y);
+    t && t.onResolveNewComponentSchema && (S = t.onResolveNewComponentSchema(y, S));
+    const k = f.toLowerCase().replace("-", "_");
+    return S && !S.id && S.type === f && (S.id = `${k}_${Math.random().toString().slice(2, 6)}`), S;
   }
-  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(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 R(y, f) {
+    const S = String(y.getAttribute("data-controltype")), k = y.getAttribute("data-feature"), p = k ? JSON.parse(k) : {};
+    p.parentComponentInstance = v.value;
+    let s = U(S, p);
+    t && t.onAcceptNewChildElement && (s = t.onAcceptNewChildElement(y, f, s));
+    const o = S.toLowerCase().replace("-", "_");
+    return s && !s.id && s.type === S && (s.id = `${o}_${Math.random().toString().slice(2, 6)}`), s;
   }
-  function S(v) {
+  function P(y) {
   }
-  function A(...v) {
+  function A(...y) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...v);
+      return t.getPropsConfig(...y);
   }
-  return h.value = {
-    canMove: P(),
-    canSelectParent: k(),
-    canDelete: g(),
+  return v.value = {
+    canMove: D(),
+    canSelectParent: E(),
+    canDelete: b(),
     canNested: !T(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (L = e == null ? void 0 : e.parent) == null ? void 0 : L.componentInstance,
+    parent: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: p,
-    designerClass: u,
-    canAccepts: f,
+    styles: u,
+    designerClass: g,
+    canAccepts: d,
     getBelongedComponentInstance: l,
     getDraggableDesignItemElement: a,
     getDraggingDisplayText: i,
@@ -563,78 +490,14 @@ function it(n, e, t) {
     getDragScopeElement: C,
     onAcceptMovedChildElement: w,
     onAcceptNewChildElement: R,
-    onChildElementMovedOut: S,
-    addNewChildComponentSchema: M,
-    updateDragAndDropRules: s,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || B(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || B(!1)
-  }, h;
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: j,
+    updateDragAndDropRules: r,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || x(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || x(!1)
+  }, v;
 }
-class Te {
-  static getEditorTypesByMDataType(e) {
-    const t = this.fieldControlTypeMapping[e];
-    return t || [{ key: "", value: "" }];
-  }
-}
-/**
- * <字段类型,可配置的控件类型列表>的映射
- */
-O(Te, "fieldControlTypeMapping", {
-  String: [
-    { key: E["input-group"].type, value: E["input-group"].name },
-    { key: E.lookup.type, value: E.lookup.name },
-    { key: E.Image.type, value: E.Image.name },
-    { key: E["date-picker"].type, value: E["date-picker"].name },
-    { key: E["check-box"].type, value: E["check-box"].name },
-    { key: E["radio-group"].type, value: E["radio-group"].name },
-    { key: E["combo-list"].type, value: E["combo-list"].name },
-    { key: E.textarea.type, value: E.textarea.name }
-    // { key: DgControl.Tags.type, value: DgControl.Tags.name },
-  ],
-  Text: [
-    { key: E.textarea.type, value: E.textarea.name },
-    { key: E.avatar.type, value: E.avatar.name },
-    { key: E.lookup.type, value: E.lookup.name }
-  ],
-  Decimal: [
-    { key: E["number-spinner"].type, value: E["number-spinner"].name }
-  ],
-  Integer: [
-    { key: E["number-spinner"].type, value: E["number-spinner"].name }
-  ],
-  Number: [
-    { key: E["number-spinner"].type, value: E["number-spinner"].name }
-  ],
-  BigNumber: [
-    { key: E["number-spinner"].type, value: E["number-spinner"].name }
-  ],
-  Date: [
-    { key: E["date-picker"].type, value: E["date-picker"].name }
-  ],
-  DateTime: [
-    { key: E["date-picker"].type, value: E["date-picker"].name }
-  ],
-  Boolean: [
-    { key: E.switch.type, value: E.switch.name },
-    { key: E["check-box"].type, value: E["check-box"].name }
-  ],
-  Enum: [
-    { key: E["combo-list"].type, value: E["combo-list"].name },
-    { key: E["radio-group"].type, value: E["radio-group"].name }
-  ],
-  Object: [
-    { key: E.lookup.type, value: E.lookup.name },
-    { key: E["combo-list"].type, value: E["combo-list"].name },
-    { key: E["radio-group"].type, value: E["radio-group"].name }
-  ],
-  EmployeeSelector: [
-    { key: E.EmployeeSelector.type, value: E.EmployeeSelector.name }
-  ],
-  AdminOrganizationSelector: [
-    { key: E.AdminOrganizationSelector.type, value: E.AdminOrganizationSelector.name }
-  ]
-});
-class J {
+class K {
   constructor(e, t) {
     O(this, "componentId");
     O(this, "viewModelId");
@@ -651,8 +514,8 @@ class J {
       type: "object",
       categories: {}
     });
-    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;
+    var r;
+    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
   }
   getTableInfo() {
     var e;
@@ -662,8 +525,8 @@ class J {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = s.fields.find((p) => p.id === t);
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((u) => u.id === t);
       }
       e.updateOn = this.designViewModelField.updateOn;
     }
@@ -671,9 +534,7 @@ class J {
   changeFieldEditorType(e, t) {
   }
   getBasicPropConfig(e) {
-    var s, p;
-    var t = this;
-    return this.setDesignViewModelField(e), {
+    return {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -686,69 +547,17 @@ class J {
         type: {
           description: "组件类型",
           title: "控件类型",
-          type: "string",
-          refreshPanelAfterChanged: !0,
-          $converter: "/converter/change-editor.converter",
+          type: "select",
           editor: {
             type: "combo-list",
-            textField: "value",
-            valueField: "key",
-            data: Te.getEditorTypesByMDataType(((p = (s = t.designViewModelField) == null ? void 0 : s.type) == null ? void 0 : p.name) || ""),
-            editable: !1
+            textField: "name",
+            valueField: "value",
+            data: [{ value: e.type, name: Z[e.type].name }]
           }
-        },
-        label: {
-          title: "标签",
-          type: "string",
-          $converter: "/converter/form-group-label.converter"
         }
-      },
-      setPropertyRelates(u, h) {
-        if (u)
-          switch (u && u.propertyID) {
-            case "type": {
-              t.changeControlType(e, u);
-              break;
-            }
-          }
       }
     };
   }
-  /**
-  * 卡片控件：切换控件类型后事件
-  * @param propertyData 控件DOM属性
-  * @param newControlType 新控件类型
-  */
-  changeControlType(e, t) {
-    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 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: s
-      },
-      name: this.designViewModelField.name,
-      require: this.designViewModelField.require,
-      readonly: this.designViewModelField.readonly
-    }, !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(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: (f = P.editor) == null ? void 0 : f.visible
-    }), u.contents.splice(h, 1, k);
-  }
   getAppearanceConfig(e = null) {
     return {
       title: "样式",
@@ -765,38 +574,12 @@ class J {
           type: "string",
           description: "组件的样式",
           $converter: "/converter/appearance.converter"
-        },
-        responseLayout: {
-          description: "响应式列宽",
-          title: "响应式列宽",
-          type: "boolean",
-          visible: !1,
-          editor: {
-            type: "response-layout-editor-setting"
-          },
-          $converter: "/converter/response-form-layout.converter"
         }
       }
     };
   }
-  /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-  getControlParentContainer(e, t) {
-    let s;
-    if (!t || !t.contents || t.contents.length === 0)
-      return null;
-    for (const p of t.contents) {
-      if (p.id === e)
-        return s = t, t;
-      if (s = this.getControlParentContainer(e, p), s)
-        return s;
-    }
-  }
 }
-class at extends J {
+class it extends K {
   constructor(e, t) {
     super(e, t);
   }
@@ -822,7 +605,7 @@ class at extends J {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "page-header", value: E["page-header"].name }]
+            data: [{ key: "page-header", value: Z["page-header"].name }]
           }
         },
         icon: {
@@ -862,7 +645,7 @@ class at extends J {
         label: "click",
         name: "点击事件"
       }
-    ], s = this, p = s.eventsEditorUtils.formProperties(e, s.viewModelId, t);
+    ], r = this, u = r.eventsEditorUtils.formProperties(e, r.viewModelId, t);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
@@ -870,7 +653,7 @@ class at extends J {
         "data-grid-component-viewmodel": {
           type: "events-editor",
           editor: {
-            initialData: p
+            initialData: u
           }
         }
       },
@@ -878,30 +661,38 @@ class at extends J {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      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));
+      setPropertyRelates(g, v) {
+        const D = g.propertyValue;
+        delete e[r.viewModelId], D && (D.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, D.events, D));
       }
     };
   }
 }
-function ct(n, e) {
-  function t(u) {
+function at(n, e) {
+  function t(D) {
     return !1;
   }
-  function s() {
+  function r() {
+    return !1;
+  }
+  function u() {
+    return !1;
+  }
+  function g() {
     return !0;
   }
-  function p(u) {
-    return new at(u, e).getPropertyConfig(n);
+  function v(D) {
+    return new it(D, e).getPropertyConfig(n);
   }
   return {
     canAccepts: t,
-    hideNestedPaddingInDesginerView: s,
-    getPropsConfig: p
+    hideNestedPaddingInDesginerView: g,
+    getPropsConfig: v,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: u
   };
 }
-class Se {
+class Te {
   constructor(e) {
     /** 工具栏项标识 */
     O(this, "id", "");
@@ -946,13 +737,13 @@ class Se {
       "tipsText",
       "onClick"
     ];
-    Object.keys(e).filter((s) => t.indexOf(s) > -1).forEach((s) => {
-      this[s] = e[s];
+    Object.keys(e).filter((r) => t.indexOf(r) > -1).forEach((r) => {
+      this[r] = e[r];
     });
   }
   /** 是否可用 */
   get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : V(() => !0);
+    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : F(() => !0);
   }
   /** 设置宽度 */
   setWidth(e) {
@@ -963,7 +754,7 @@ class Se {
     return this.visible ? this.width : !1;
   }
 }
-class lt extends Se {
+class ct extends Te {
   constructor(e) {
     super(e);
   }
@@ -971,12 +762,12 @@ class lt extends Se {
 function Pe() {
   function n(e) {
     const 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 e.reduce((r, u) => (u.children && u.children.length > 0 ? r.push(new J(u)) : r.push(new ct(u)), r), t), t;
   }
   return { buildResponseToolbarItems: n };
 }
-const { buildResponseToolbarItems: pt } = Pe();
-class X extends Se {
+const { buildResponseToolbarItems: lt } = Pe();
+class J extends Te {
   constructor(t) {
     super(t);
     O(this, "placement", "");
@@ -989,19 +780,19 @@ class X extends Se {
     O(this, "split", !1);
     O(this, "children", []);
     O(this, "expanded", !1);
-    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 = pt(t.children));
+    const r = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
+    Object.keys(t).filter((u) => r.indexOf(u) > -1).forEach((u) => {
+      this[u] = t[u];
+    }), t.children && t.children.length && (this.children = lt(t.children));
   }
 }
 const De = /* @__PURE__ */ new Map([
   ["buttons", "items"]
 ]);
-function ke(n, e, t) {
+function Se(n, e, t) {
   return e;
 }
-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 = {
+const pt = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-design.gitee.io/response-toolbar.schema.json", dt = "response-toolbar", ft = "A Farris Toolbar Component", mt = "object", gt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -1039,14 +830,14 @@ const dt = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-
   "type",
   "buttons"
 ], bt = {
-  $schema: dt,
+  $schema: pt,
   $id: ut,
-  title: ft,
-  description: mt,
-  type: gt,
-  properties: yt,
+  title: dt,
+  description: ft,
+  type: mt,
+  properties: gt,
   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 = {
+}, yt = "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", Pt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -1088,15 +879,15 @@ const dt = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-
   "id",
   "type",
   "text"
-], re = {
-  $schema: vt,
-  $id: Ct,
-  title: wt,
-  description: Tt,
-  type: St,
+], se = {
+  $schema: yt,
+  $id: vt,
+  title: Ct,
+  description: wt,
+  type: Tt,
   properties: Pt,
   required: Dt
-}, kt = "response-toolbar-item", Mt = "A Farris Container Component", xt = "object", Et = {
+}, St = "response-toolbar-item", jt = "A Farris Container Component", Et = "object", Mt = {
   basic: {
     title: "基本信息",
     description: "Basic Infomation",
@@ -1130,10 +921,10 @@ const dt = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-
     }
   }
 }, me = {
-  title: kt,
-  description: Mt,
-  type: xt,
-  categories: Et
+  title: St,
+  description: jt,
+  type: Et,
+  categories: Mt
 }, pe = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
@@ -1143,38 +934,38 @@ const dt = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-
     default: []
   }
 };
-ie[re.title] = re;
+ie[se.title] = se;
 we[me.title] = me;
-const Bt = Object.assign({}, pe, {
+const xt = Object.assign({}, pe, {
   componentId: { type: String, default: "" }
-}), de = ce(
+}), ue = ce(
   pe,
   bt,
   De,
-  ke
-), Me = {
+  Se
+), je = {
   id: { type: String, default: "" },
   items: { type: Object, default: {} },
   text: { type: String, default: "" },
   disabled: { type: Boolean, default: !1 },
   icon: { type: String, default: "" },
   componentId: { type: String, default: "" }
-}, jt = ce(
-  Me,
-  re,
+}, kt = ce(
+  je,
+  se,
   De,
-  ke
+  Se
 );
-function xe() {
+function Ee() {
   function n(t) {
-    const s = {
+    const r = {
       "f-icon": !0
     };
     if (t.icon) {
-      const p = t.icon.trim().split(" ");
-      p && p.length && p.reduce((u, h) => (u[h] = !0, u), s);
+      const u = t.icon.trim().split(" ");
+      u && u.length && u.reduce((g, v) => (g[v] = !0, g), r);
     }
-    return s;
+    return r;
   }
   function e(t) {
     return !!(t.icon && t.icon.trim());
@@ -1187,8 +978,8 @@ function At(n) {
       "dropdown-menu": !0
     };
     if (l.class) {
-      const f = l.menuClass.split(" ");
-      f && f.length && f.reduce((i, C) => (i[C] = !0, i), a);
+      const d = l.menuClass.split(" ");
+      d && d.length && d.reduce((i, C) => (i[C] = !0, i), a);
     }
     return a;
   }
@@ -1197,117 +988,117 @@ function At(n) {
       disabled: !l.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, f = l.dropdownClass.split(" ");
-    return f && f.length && f.reduce((i, C) => (i[C] = !0, i), a), a;
+    }, d = l.dropdownClass.split(" ");
+    return d && d.length && d.reduce((i, C) => (i[C] = !0, i), a), a;
   }
-  function s(l) {
+  function r(l) {
     const a = {
       disabled: !l.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0
-    }, f = l.class.split(" ");
-    return f && f.length && f.reduce((i, C) => (i[C] = !0, i), a), a;
+    }, d = l.class.split(" ");
+    return d && d.length && d.reduce((i, C) => (i[C] = !0, i), a), a;
   }
-  let p;
-  const u = /* @__PURE__ */ new Map();
-  function h(l, a, f) {
+  let u;
+  const g = /* @__PURE__ */ new Map();
+  function v(l, a, d) {
     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);
+    const i = d ? d.id : "__top_item__";
+    if (a.children && a.children.length && (a.expanded = !a.expanded, a.expanded ? g.set(i, a) : g.delete(i)), g.has(i) && g.get(i) !== a) {
+      const w = g.get(i);
       w && (w.expanded = !1);
     }
   }
-  function P(l, a) {
+  function D(l, a) {
     document.body.click(), a.enable && a.onClick(l, a.id);
   }
-  function k(l) {
-    return l.children.map((a) => a.children && a.children.length ? b("li", {
+  function E(l) {
+    return l.children.map((a) => a.children && a.children.length ? h("li", {
       class: t(a),
       id: a.id,
-      onClick: (f) => a.enable && h(f, a, l)
-    }, [b("span", {
+      onClick: (d) => a.enable && v(d, a, l)
+    }, [h("span", {
       id: a.id,
-      class: s(a),
-      onMouseover: (f) => a.enable && h(f, a, l)
-    }, [a.text, b("i", {
+      class: r(a),
+      onMouseover: (d) => a.enable && v(d, a, l)
+    }, [a.text, h("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), p(a, a)]) : b("li", {
-      class: s(a),
+    }, null)]), u(a, a)]) : h("li", {
+      class: r(a),
       id: a.id,
-      onClick: (f) => P(f, a),
-      onMouseover: (f) => a.enable && h(f, a, l)
-    }, [n.shouldShowIcon(a) && b("i", {
+      onClick: (d) => D(d, a),
+      onMouseover: (d) => a.enable && v(d, a, l)
+    }, [n.shouldShowIcon(a) && h("i", {
       class: n.iconClass(a)
     }, null), a.text]));
   }
-  function g(l, a, f) {
+  function b(l, a, d) {
     const i = {
       display: l.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, C = document.getElementsByTagName("body")[0].getClientRects()[0].width, w = a, M = w == null ? void 0 : w.getClientRects();
-    if (w && M && M.length) {
+    }, C = document.getElementsByTagName("body")[0].getClientRects()[0].width, w = a, j = w == null ? void 0 : w.getClientRects();
+    if (w && j && j.length) {
       const {
         top: R,
-        width: S,
+        width: P,
         left: A,
-        right: L,
-        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) {
-        i.display === "block" && (j.style.display = "block");
-        const d = j.getBoundingClientRect();
-        if (f) {
+        right: N,
+        height: y
+      } = j[0], f = Math.ceil(y + R);
+      i.top = `${f}px`, i.left = `${A}px`;
+      const S = l.id + "_menu", k = a ? a.querySelector("#" + S) : null;
+      if (k) {
+        i.display === "block" && (k.style.display = "block");
+        const p = k.getBoundingClientRect();
+        if (d) {
           i.top = `${R - 6}px`;
-          const r = Math.ceil(S + A);
-          i.left = `${r}px`;
+          const s = Math.ceil(P + A);
+          i.left = `${s}px`;
         }
-        C - A - S < d.width && (i.left = `${(f ? A : L) - d.width}px`);
+        C - A - P < p.width && (i.left = `${(d ? A : N) - p.width}px`);
       }
     }
     return i;
   }
-  p = function(l, a) {
-    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", {
+  u = function(l, a) {
+    var w, j;
+    const d = ye(), i = a ? a.id : l.id, C = (j = (w = d == null ? void 0 : d.exposed) == null ? void 0 : w.elementRef.value) == null ? void 0 : j.querySelector("#" + i);
+    return h("ul", {
       class: e(l),
-      style: g(l, C, a),
+      style: b(l, C, a),
       id: l.id + "_menu"
-    }, [k(l)]);
+    }, [E(l)]);
   };
   function T() {
-    u.forEach((l) => {
+    g.forEach((l) => {
       l.expanded = !1;
-    }), u.clear();
+    }), g.clear();
   }
   return {
-    renderDropdownMenu: p,
+    renderDropdownMenu: u,
     clearAllDropDownMenu: T
   };
 }
-function It(n, e) {
-  const t = B(n.alignment), {
-    renderDropdownMenu: s,
-    clearAllDropDownMenu: p
+function Bt(n, e) {
+  const t = x(n.alignment), {
+    renderDropdownMenu: r,
+    clearAllDropDownMenu: u
   } = At(e);
-  function u(T) {
+  function g(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((f, i) => (f[i] = !0, f), l), l;
+    return a && a.length && a.reduce((d, i) => (d[i] = !0, d), l), l;
   }
-  function h(T) {
+  function v(T) {
     const l = {
       btn: !0,
       disabled: !T.enable,
@@ -1316,598 +1107,598 @@ function It(n, e) {
     };
     if (T.class) {
       const a = T.class.split(" ");
-      a && a.length && a.reduce((f, i) => (f[i] = !0, f), l);
+      a && a.length && a.reduce((d, i) => (d[i] = !0, d), l);
     }
     return l;
   }
-  function P(T, l) {
+  function D(T, l) {
     T.stopPropagation();
     const a = l.expanded;
     document.body.click(), l.expanded = !a;
   }
-  function k(T) {
-    return b("div", {
+  function E(T) {
+    return h("div", {
       id: T.id,
-      class: u(T)
-    }, [b("div", {
-      class: h(T),
+      class: g(T)
+    }, [h("div", {
+      class: v(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) && b("i", {
+      onClick: (l) => T.enable && D(l, T)
+    }, [e.shouldShowIcon(T) && h("i", {
       class: e.iconClass(T)
-    }, null), b("span", null, [T.text]), b("i", {
+    }, null), h("span", null, [T.text]), h("i", {
       class: "f-icon f-icon-arrow-chevron-down",
       style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), s(T)]);
+    }, null)]), r(T)]);
   }
-  function g() {
-    p();
+  function b() {
+    u();
   }
   return {
-    renderToolbarDropdown: k,
-    clearAllDropDown: g
+    renderToolbarDropdown: E,
+    clearAllDropDown: b
   };
 }
 const {
   buildResponseToolbarItems: ge
-} = Pe(), K = /* @__PURE__ */ G({
+} = Pe(), Y = /* @__PURE__ */ z({
   name: "FResponseToolbar",
   props: pe,
   emits: ["click"],
   setup(n, e) {
-    const t = B(ge(n.items)), s = B(), p = B(), u = B(), h = B(n.alignment), P = {
+    const t = x(ge(n.items)), r = x(), u = x(), g = x(), v = x(n.alignment), D = {
       id: "__more_buttons__",
       text: "更多"
-    }, k = B(new X(P)), g = xe(), T = V(() => k.value.children.length > 0), l = V(() => {
-      const m = {
+    }, E = x(new J(D)), b = Ee(), T = F(() => E.value.children.length > 0), l = F(() => {
+      const f = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0
       };
       if (n.customClass) {
-        const D = n.customClass.split(" ");
-        D && D.length && D.reduce((j, d) => (j[d] = !0, j), m);
+        const S = n.customClass.split(" ");
+        S && S.length && S.reduce((k, p) => (k[p] = !0, k), f);
       }
-      return m;
-    }), a = V(() => ({
+      return f;
+    }), a = F(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": h.value === "right",
-      "justify-content-start": h.value === "left"
+      "justify-content-end": v.value === "right",
+      "justify-content-start": v.value === "left"
     })), {
-      renderToolbarDropdown: f,
+      renderToolbarDropdown: d,
       clearAllDropDown: i
-    } = It(n, g);
+    } = Bt(n, b);
     function C() {
-      t.value.filter((m) => m.children && m.children.length > 0).forEach((m) => {
-        m.expanded = !1;
-      }), k.value.expanded = !1, i();
+      t.value.filter((f) => f.children && f.children.length > 0).forEach((f) => {
+        f.expanded = !1;
+      }), E.value.expanded = !1, i();
     }
-    function w(m) {
-      const D = {
+    function w(f) {
+      const S = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": h.value === "right",
-        "f-btn-mr": h.value === "left",
-        "btn-icontext": !!(m.icon && m.icon.trim())
+        "f-btn-ml": v.value === "right",
+        "f-btn-mr": v.value === "left",
+        "btn-icontext": !!(f.icon && f.icon.trim())
       };
-      if (m.class) {
-        const j = m.class.split(" ");
-        j && j.length && j.reduce((d, r) => (d[r] = !0, d), D);
+      if (f.class) {
+        const k = f.class.split(" ");
+        k && k.length && k.reduce((p, s) => (p[s] = !0, p), S);
       }
-      return D;
+      return S;
     }
-    function M(m, D) {
-      document.body.click(), D.onClick(m, D.id), e.emit("click", m, D.id);
+    function j(f, S) {
+      document.body.click(), S.onClick(f, S.id), e.emit("click", f, S.id);
     }
-    function R(m) {
-      return b("button", {
+    function R(f) {
+      return h("button", {
         type: "button",
-        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]);
+        class: w(f),
+        id: f.id,
+        disabled: !f.enable,
+        onClick: (S) => j(S, f)
+      }, [b.shouldShowIcon(f) && h("i", {
+        class: b.iconClass(f)
+      }, null), f.text]);
     }
-    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 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 P = /* @__PURE__ */ new Map(), A = [];
+    function N(f) {
+      const S = g.value;
+      let k = f;
+      const p = Array.from(S.children), s = p[p.length - 1].id === "__more_buttons__" ? p[p.length - 1] : null;
+      if (s) {
+        const M = s.computedStyleMap().get("margin-left"), I = s.computedStyleMap().get("margin-right"), L = (M ? M.value : 0) + s.getBoundingClientRect().width + (I ? I.value : 0);
+        k -= L;
       }
-      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;
+      const o = p.filter((M) => M.id !== "__more_buttons__");
+      for (const M of o) {
+        const I = M.computedStyleMap().get("margin-left"), L = M.computedStyleMap().get("margin-right"), $ = (I ? I.value : 0) + M.getBoundingClientRect().width + (L ? L.value : 0);
+        k < $ ? (P.set(M.id, !0), A.push({
+          id: M.id,
+          width: $
+        })) : k -= $;
       }
       if (A.length)
-        for (let x = A.length - 1; x >= 0; x--) {
-          const F = A[x].width;
-          if (j >= F)
-            j -= F, S.delete(A[x].id), A.pop();
+        for (let M = A.length - 1; M >= 0; M--) {
+          const I = A[M].width;
+          if (k >= I)
+            k -= I, P.delete(A[M].id), A.pop();
           else
             break;
         }
-      const c = Object.assign({}, k.value);
+      const c = Object.assign({}, E.value);
       c.children = [];
-      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 m = new J(c), B = t.value.reduce((M, I) => (P.has(I.id) && m.children.push(I), I.visible = !P.has(I.id), M.push(I), M), []);
+      E.value = m, t.value = B;
     }
-    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());
+    const y = new ResizeObserver((f) => {
+      if (f.length) {
+        const k = f[0].contentRect.width, s = g.value.getBoundingClientRect().width;
+        (k < s || A.length) && (N(k), C());
       }
     });
-    return q(() => {
-      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, () => {
+    return H(() => {
+      const f = u.value;
+      y.observe(f), document.body.addEventListener("click", C), document.body.addEventListener("wheel", C);
+    }), re(() => {
+      y.disconnect(), document.body.removeEventListener("click", C), document.body.removeEventListener("wheel", C);
+    }), G(() => n.items, () => {
       t.value = ge(n.items);
     }, {
       deep: !0
     }), e.expose({
-      elementRef: s
-    }), () => b("div", {
+      elementRef: r
+    }), () => h("div", {
       class: l.value,
-      ref: s
-    }, [b("div", {
-      ref: p,
-      class: a.value
-    }, [b("div", {
+      ref: r
+    }, [h("div", {
       ref: u,
+      class: a.value
+    }, [h("div", {
+      ref: g,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.filter((m) => m.visible).map((m) => m.children && m.children.length > 0 ? f(m) : R(m)), T.value && f(k.value)])])]);
+    }, [t.value.filter((f) => f.visible).map((f) => f.children && f.children.length > 0 ? d(f) : R(f)), T.value && d(E.value)])])]);
   }
 });
-function Ft(n, e) {
-  const t = U("design-item-context"), s = U("toolbar-item-handler", () => {
+function It(n, e) {
+  const t = V("design-item-context"), r = V("toolbar-item-handler", () => {
   });
-  function p() {
-    s && s();
+  function u() {
+    r && r();
   }
-  function u(r) {
+  function g(s) {
     const o = {
       "dropdown-menu": !0
     };
-    if (r.class) {
-      const c = r.menuClass.split(" ");
-      c && c.length && c.reduce((y, I) => (y[I] = !0, y), o);
+    if (s.class) {
+      const c = s.menuClass.split(" ");
+      c && c.length && c.reduce((m, B) => (m[B] = !0, m), o);
     }
     return o;
   }
-  function h(r) {
+  function v(s) {
     const o = {
-      disabled: !r.enable,
+      disabled: !s.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, c = r.dropdownClass.split(" ");
-    return c && c.length && c.reduce((y, I) => (y[I] = !0, y), o), o;
+    }, c = s.dropdownClass.split(" ");
+    return c && c.length && c.reduce((m, B) => (m[B] = !0, m), o), o;
   }
-  function P(r) {
+  function D(s) {
     const o = {
-      disabled: !r.enable,
+      disabled: !s.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, I) => (y[I] = !0, y), o), o;
-  }
-  let k;
-  const g = /* @__PURE__ */ new Map();
-  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 (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);
+    }, c = s.class.split(" ");
+    return c && c.length && c.reduce((m, B) => (m[B] = !0, m), o), o;
+  }
+  let E;
+  const b = /* @__PURE__ */ new Map();
+  function T(s, o, c) {
+    var B;
+    ((B = s.target) == null ? void 0 : B.id) === o.id && s.stopPropagation();
+    const m = c ? c.id : "__top_item__";
+    if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded ? b.set(m, o) : b.delete(m)), b.has(m) && b.get(m) !== o) {
+      const M = b.get(m);
+      M && (M.expanded = !1);
     }
   }
-  function l(r) {
-    r && (r.stopPropagation(), r.preventDefault());
+  function l(s) {
+    s && (s.stopPropagation(), s.preventDefault());
   }
   function a() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((o) => o.classList.remove("dgComponentFocused"));
-    const r = document.getElementsByClassName("dgComponentSelected");
-    Array.from(r).forEach((o) => o.classList.remove("dgComponentSelected"));
+    const s = document.getElementsByClassName("dgComponentSelected");
+    Array.from(s).forEach((o) => o.classList.remove("dgComponentSelected"));
   }
-  function f(r) {
-    r.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function d(s) {
+    s.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function i(r) {
+  function i(s) {
     const {
       buttons: o = []
     } = t.schema;
     let c = [];
-    o.forEach((x) => {
-      c = c.concat(x.children || []);
+    o.forEach((M) => {
+      c = c.concat(M.children || []);
     });
-    const y = c.findIndex((x) => x.id === r), I = y === -1 ? null : c[y];
+    const m = c.findIndex((M) => M.id === s), B = m === -1 ? null : c[m];
     return {
-      index: y,
-      item: I
+      index: m,
+      item: B
     };
   }
-  function C(r) {
+  function C(s) {
     const {
       buttons: o = []
-    } = t.schema, c = o.findIndex((I) => I.id === r), y = c === -1 ? null : o[c];
+    } = t.schema, c = o.findIndex((B) => B.id === s), m = c === -1 ? null : o[c];
     return {
       index: c,
-      item: y
+      item: m
     };
   }
-  function w(r) {
-    var y;
+  function w(s) {
+    var m;
     t.schema;
     const {
       index: o,
       item: c
-    } = i(r);
-    (y = t == null ? void 0 : t.setupContext) == null || y.emit("selectionChange", c == null ? void 0 : c.type, c);
+    } = i(s);
+    (m = t == null ? void 0 : t.setupContext) == null || m.emit("selectionChange", c == null ? void 0 : c.type, c);
   }
-  const M = function(r) {
+  const j = function(s) {
     const {
       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;
+    } = s, c = U(o, s), m = o.toLowerCase().replace("-", "_");
+    return c && !c.id && c.type === o && (c.id = `${m}_${Math.random().toString().slice(2, 6)}`), c;
   }, R = function() {
-    const r = {
+    const s = {
       componentType: "response-toolbar-item",
       parentComponentInstance: e.value,
       targetPosition: -1
     };
-    return M(r);
+    return j(s);
   };
-  function S(r, o) {
-    l(r), a(), f(r), w(o.id);
+  function P(s, o) {
+    l(s), a(), d(s), w(o.id);
   }
-  function A(r, o, c) {
-    l(r);
-    const y = o.id, I = c && c.id, {
-      buttons: x = []
+  function A(s, o, c) {
+    l(s);
+    const m = o.id, B = c && c.id, {
+      buttons: M = []
     } = t.schema;
-    if (!I)
+    if (!B)
       return;
     const {
-      index: F
-    } = C(I);
-    if (F === -1)
+      index: I
+    } = C(B);
+    if (I === -1)
       return;
     const {
-      index: _
-    } = i(y);
-    _ !== -1 && (x[F].children.splice(_, 1), p());
-  }
-  function L(r, o, c) {
-    l(r);
-    const y = c && c.id, {
-      buttons: I = []
+      index: L
+    } = i(m);
+    L !== -1 && (M[I].children.splice(L, 1), u());
+  }
+  function N(s, o, c) {
+    l(s);
+    const m = c && c.id, {
+      buttons: B = []
     } = t.schema;
-    if (!y)
+    if (!m)
       return;
     const {
-      index: x
-    } = C(y);
-    if (x === -1)
+      index: M
+    } = C(m);
+    if (M === -1)
       return;
-    const F = R(), _ = Object.assign({}, F, {
+    const I = R(), L = Object.assign({}, I, {
       text: o.text
     });
-    I[x].children.push(_), p();
+    B[M].children.push(L), u();
   }
-  function v(r, o, c) {
-    l(r);
-    const y = c && c.id, {
-      buttons: I = []
+  function y(s, o, c) {
+    l(s);
+    const m = c && c.id, {
+      buttons: B = []
     } = t.schema;
-    if (!y)
+    if (!m)
       return;
     const {
-      index: x
-    } = C(y);
-    if (x === -1)
+      index: M
+    } = C(m);
+    if (M === -1)
       return;
-    const F = R(), _ = Object.assign({}, F, {
+    const I = R(), L = Object.assign({}, I, {
       text: "按钮"
     });
-    I[x].children.push(_), p();
+    B[M].children.push(L), u();
   }
-  function m(r, o) {
-    return b("div", {
+  function f(s, o) {
+    return h("div", {
       class: "component-btn-group"
-    }, [b("div", null, [b("div", {
+    }, [h("div", null, [h("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (c) => A(c, r, o)
-    }, [b("i", {
+      onClick: (c) => A(c, s, o)
+    }, [h("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), b("div", {
+    }, null)]), h("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (c) => L(c, r, o)
-    }, [b("i", {
+      onClick: (c) => N(c, s, o)
+    }, [h("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), b("div", {
+    }, null)]), h("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (c) => v(c, r, o)
-    }, [b("i", {
+      onClick: (c) => y(c, s, o)
+    }, [h("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), b("span", {
+    }, null), h("span", {
       style: "font-size:13px;margin:auto"
-    }, [Y("新增同级")])])])]);
+    }, [Q("新增同级")])])])]);
   }
-  function D(r) {
-    return r.children.map((o) => o.children && o.children.length ? b("li", {
-      class: h(o),
+  function S(s) {
+    return s.children.map((o) => o.children && o.children.length ? h("li", {
+      class: v(o),
       id: o.id,
-      onClick: (c) => o.enable && T(c, o, r)
-    }, [b("span", {
+      onClick: (c) => o.enable && T(c, o, s)
+    }, [h("span", {
       id: o.id,
-      class: P(o),
-      onMouseover: (c) => o.enable && T(c, o, r)
-    }, [o.text, b("i", {
+      class: D(o),
+      onMouseover: (c) => o.enable && T(c, o, s)
+    }, [o.text, h("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), k(o, o)]) : b("li", {
-      class: P(o),
+    }, null)]), E(o, o)]) : h("li", {
+      class: D(o),
       id: o.id,
-      onClick: (c) => S(c, o)
-    }, [m(o, r), n.shouldShowIcon(o) && b("i", {
+      onClick: (c) => P(c, o)
+    }, [f(o, s), n.shouldShowIcon(o) && h("i", {
       class: n.iconClass(o)
     }, null), o.text]));
   }
-  function j(r, o, c) {
-    const y = {
-      display: r.expanded ? "block" : "none",
+  function k(s, o, c) {
+    const m = {
+      display: s.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, I = document.getElementsByTagName("body")[0].getClientRects()[0].width, x = o, F = x == null ? void 0 : x.getClientRects();
-    if (x && F && F.length) {
+    }, B = document.getElementsByTagName("body")[0].getClientRects()[0].width, M = o, I = M == null ? void 0 : M.getClientRects();
+    if (M && I && I.length) {
       const {
-        top: _,
-        width: N,
-        left: $,
+        top: L,
+        width: $,
+        left: _,
         right: W,
-        height: H
-      } = F[0], ee = Math.ceil(H + _);
-      y.top = `${ee}px`, y.left = `${$}px`;
-      const Ie = r.id + "_menu", te = o ? o.querySelector("#" + Ie) : null;
+        height: q
+      } = I[0], ee = Math.ceil(q + L);
+      m.top = `${ee}px`, m.left = `${_}px`;
+      const Be = s.id + "_menu", te = o ? o.querySelector("#" + Be) : null;
       if (te) {
-        y.display === "block" && (te.style.display = "block");
-        const ue = te.getBoundingClientRect();
+        m.display === "block" && (te.style.display = "block");
+        const de = te.getBoundingClientRect();
         if (c) {
-          y.top = `${_ - 6}px`;
-          const Fe = Math.ceil(N + $);
-          y.left = `${Fe}px`;
+          m.top = `${L - 6}px`;
+          const Ie = Math.ceil($ + _);
+          m.left = `${Ie}px`;
         }
-        I - $ - N < ue.width && (y.left = `${(c ? $ : W) - ue.width}px`);
+        B - _ - $ < de.width && (m.left = `${(c ? _ : W) - de.width}px`);
       }
     }
-    return y;
-  }
-  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)]);
+    return m;
+  }
+  E = function(s, o) {
+    var M, I;
+    const c = ye(), m = o ? o.id : s.id, B = (I = (M = c == null ? void 0 : c.exposed) == null ? void 0 : M.elementRef.value) == null ? void 0 : I.querySelector("#" + m);
+    return h("ul", {
+      class: g(s),
+      style: k(s, B, o),
+      id: s.id + "_menu"
+    }, [S(s)]);
   };
-  function d() {
-    g.forEach((r) => {
-      r.expanded = !1;
-    }), g.clear();
+  function p() {
+    b.forEach((s) => {
+      s.expanded = !1;
+    }), b.clear();
   }
   return {
-    renderDropdownMenu: k,
-    clearAllDropDownMenu: d
+    renderDropdownMenu: E,
+    clearAllDropDownMenu: p
   };
 }
 function Rt(n, e, t) {
-  const s = B(n.alignment), {
-    renderDropdownMenu: p,
-    clearAllDropDownMenu: u
-  } = Ft(e, t), h = U("design-item-context"), P = U("toolbar-item-handler", () => {
+  const r = x(n.alignment), {
+    renderDropdownMenu: u,
+    clearAllDropDownMenu: g
+  } = It(e, t), v = V("design-item-context"), D = V("toolbar-item-handler", () => {
   });
-  function k() {
-    P && P();
+  function E() {
+    D && D();
   }
-  function g(d) {
-    const r = {
+  function b(p) {
+    const s = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
-      "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;
+      "f-btn-ml": r.value === "right",
+      "f-btn-mr": r.value === "left"
+    }, o = p.dropdownClass.split(" ");
+    return o && o.length && o.reduce((c, m) => (c[m] = !0, c), s), s;
   }
-  function T(d) {
-    const r = {
+  function T(p) {
+    const s = {
       btn: !0,
-      disabled: !d.enable,
+      disabled: !p.enable,
       "position-relative": !0,
       "farris-component": !0,
       "f-rt-btn": !0,
-      "btn-icontext": !!(d.icon && d.icon.trim())
+      "btn-icontext": !!(p.icon && p.icon.trim())
     };
-    if (d.class) {
-      const o = d.class.split(" ");
-      o && o.length && o.reduce((c, y) => (c[y] = !0, c), r);
+    if (p.class) {
+      const o = p.class.split(" ");
+      o && o.length && o.reduce((c, m) => (c[m] = !0, c), s);
     }
-    return r;
+    return s;
   }
-  function l(d) {
-    d && (d.stopPropagation(), d.preventDefault());
+  function l(p) {
+    p && (p.stopPropagation(), p.preventDefault());
   }
-  function a(d, r) {
-    l(d);
-    const o = r.expanded;
-    document.body.click(), r.expanded = !o;
+  function a(p, s) {
+    l(p);
+    const o = s.expanded;
+    document.body.click(), s.expanded = !o;
   }
-  const f = function(d) {
+  const d = function(p) {
     const {
-      componentType: r
-    } = 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;
+      componentType: s
+    } = p, o = U(s, p), c = s.toLowerCase().replace("-", "_");
+    return o && !o.id && o.type === s && (o.id = `${c}_${Math.random().toString().slice(2, 6)}`), o;
   }, i = function() {
-    const d = {
+    const p = {
       componentType: "response-toolbar-item",
       parentComponentInstance: t.value,
       targetPosition: -1
     };
-    return f(d);
+    return d(p);
   };
-  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];
+  function C(p) {
+    const s = v.schema.buttons || v.schema.contents, o = s == null ? void 0 : s.findIndex((m) => m.id === p), c = o === -1 ? null : s[o];
     return {
       index: o,
       toolbarItem: c
     };
   }
-  function w(d, r) {
-    var F;
+  function w(p, s) {
+    var I;
     const {
       index: o,
       toolbarItem: c
-    } = C(r);
+    } = C(s);
     if (o === -1)
       return;
-    const y = c.text || "按钮", I = i(), x = Object.assign({}, I, {
-      text: y
+    const m = c.text || "按钮", B = i(), M = Object.assign({}, B, {
+      text: m
     });
-    (F = h.schema.buttons) == null || F.push(x), k();
+    (I = v.schema.buttons) == null || I.push(M), E();
   }
-  function M(d, r) {
+  function j(p, s) {
     const {
       index: o,
       toolbarItem: c
-    } = C(r);
+    } = C(s);
     if (o === -1)
       return;
-    const y = c.text || "按钮", I = i(), x = Object.assign({}, I, {
-      text: y
-    }), F = h.schema.buttons[o].children || [];
-    F.push(x), h.schema.buttons[o].children = F, k();
+    const m = c.text || "按钮", B = i(), M = Object.assign({}, B, {
+      text: m
+    }), I = v.schema.buttons[o].children || [];
+    I.push(M), v.schema.buttons[o].children = I, E();
   }
-  function R(d, r) {
-    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 R(p, s) {
+    const o = v.schema.buttons || v.schema.contents, c = o == null ? void 0 : o.findIndex((m) => m.id === s);
+    c !== -1 && (o.splice(c, 1), E());
   }
-  function S(d) {
-    return b("div", {
+  function P(p) {
+    return h("div", {
       class: "component-btn-group"
-    }, [b("div", null, [b("div", {
+    }, [h("div", null, [h("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (r) => R(r, d)
-    }, [b("i", {
+      onClick: (s) => R(s, p)
+    }, [h("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), b("div", {
+    }, null)]), h("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (r) => w(r, d)
-    }, [b("i", {
+      onClick: (s) => w(s, p)
+    }, [h("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), b("div", {
+    }, null)]), h("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (r) => M(r, d)
-    }, [b("i", {
+      onClick: (s) => j(s, p)
+    }, [h("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), b("span", {
+    }, null), h("span", {
       style: "font-size:13px;margin:auto"
-    }, [Y("新增子级")])])])]);
+    }, [Q("新增子级")])])])]);
   }
   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"));
+    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((s) => s.classList.remove("dgComponentFocused"));
+    const p = document.getElementsByClassName("dgComponentSelected");
+    Array.from(p).forEach((s) => s.classList.remove("dgComponentSelected"));
   }
-  function L(d) {
-    d.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function N(p) {
+    p.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function v(d) {
-    var y;
-    const r = h.schema.buttons || h.schema.contents, o = r == null ? void 0 : r.findIndex((I) => I.id === d);
+  function y(p) {
+    var m;
+    const s = v.schema.buttons || v.schema.contents, o = s == null ? void 0 : s.findIndex((B) => B.id === p);
     if (o === -1)
       return;
-    const c = r[o];
-    (y = h == null ? void 0 : h.setupContext) == null || y.emit("selectionChange", "response-toolbar-item", c);
-  }
-  function m(d, r) {
-    l(d), A(), L(d), l(d), a(d, r), v(r.id);
-  }
-  function D(d) {
-    return b("div", {
-      id: d.id,
-      class: g(d)
-    }, [b("div", {
-      class: T(d),
+    const c = s[o];
+    (m = v == null ? void 0 : v.setupContext) == null || m.emit("selectionChange", "response-toolbar-item", c);
+  }
+  function f(p, s) {
+    l(p), A(), N(p), l(p), a(p, s), y(s.id);
+  }
+  function S(p) {
+    return h("div", {
+      id: p.id,
+      class: b(p)
+    }, [h("div", {
+      class: T(p),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (r) => d.enable && m(r, d)
-    }, [S(d.id), e.shouldShowIcon(d) && b("i", {
-      class: e.iconClass(d)
-    }, null), b("span", null, [d.text]), b("i", {
+      onClick: (s) => p.enable && f(s, p)
+    }, [P(p.id), e.shouldShowIcon(p) && h("i", {
+      class: e.iconClass(p)
+    }, null), h("span", null, [p.text]), h("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)]);
+    }, null)]), u(p)]);
   }
-  function j() {
-    u();
+  function k() {
+    g();
   }
   return {
-    renderToolbarDropdown: D,
-    clearAllDropDown: j
+    renderToolbarDropdown: S,
+    clearAllDropDown: k
   };
 }
 function Ot() {
   function n(e) {
-    var p, u;
+    var u, g;
     if (!e)
       return !1;
-    const t = ((p = e.targetContainer) == null ? void 0 : p.componentInstance) && e.targetContainer.componentInstance.value;
+    const t = ((u = e.targetContainer) == null ? void 0 : u.componentInstance) && e.targetContainer.componentInstance.value;
     if (!t)
       return !1;
-    const s = (u = t.schema.appearance) == null ? void 0 : u.class;
+    const r = (g = t.schema.appearance) == null ? void 0 : g.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      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)
+      const v = t.schema.type, D = (v === "response-form" || v === "content-container") && r && r.includes("farris-form");
+      if (t.schema.type !== "response-layout-item" && !D)
         return !1;
     }
     return e.controlType !== "field-set";
@@ -1916,7 +1707,7 @@ function Ot() {
     basalDragulaRuleForContainer: n
   };
 }
-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 = {
+const Nt = "https://json-schema.org/draft/2020-12/schema", $t = "https://farris-design.gitee.io/dragging-rules.schema.json", _t = "Dragging Rules", Ft = "The rules of designer canvas", Lt = "object", Vt = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -2480,106 +2271,106 @@ const Lt = "https://json-schema.org/draft/2020-12/schema", Nt = "https://farris-
     description: "",
     type: "object"
   }
-}, Wt = [], zt = {
-  $schema: Lt,
-  $id: Nt,
-  title: $t,
-  description: Vt,
-  type: _t,
-  properties: Ut,
+}, Wt = [], Ut = {
+  $schema: Nt,
+  $id: $t,
+  title: _t,
+  description: Ft,
+  type: Lt,
+  properties: Vt,
   required: Wt
 }, oe = /* @__PURE__ */ new Map();
-function Ee() {
-  function n(i, C, w, M) {
+function Me() {
+  function n(i, C, w, j) {
     var R;
     if (typeof w == "number")
-      return ((R = M[i]) == null ? void 0 : R.length) === w;
+      return ((R = j[i]) == null ? void 0 : R.length) === w;
     if (typeof w == "object") {
-      const S = Object.keys(w)[0], A = w[S];
-      if (S === "not")
-        return Number(M[i].length) !== Number(A);
-      if (S === "moreThan")
-        return Number(M[i].length) >= Number(A);
-      if (S === "lessThan")
-        return Number(M[i].length) <= Number(A);
+      const P = Object.keys(w)[0], A = w[P];
+      if (P === "not")
+        return Number(j[i].length) !== Number(A);
+      if (P === "moreThan")
+        return Number(j[i].length) >= Number(A);
+      if (P === "lessThan")
+        return Number(j[i].length) <= Number(A);
     }
     return !1;
   }
-  function e(i, C, w, M) {
-    return typeof w == "boolean" ? M.childrenClassList.includes(C) === !!w : !1;
+  function e(i, C, w, j) {
+    return typeof w == "boolean" ? j.childrenClassList.includes(C) === !!w : !1;
   }
-  function t(i, C, w, M) {
-    return typeof w == "boolean" ? M.parentClassList.includes(C) === !!w : !1;
+  function t(i, C, w, j) {
+    return typeof w == "boolean" ? j.parentClassList.includes(C) === !!w : !1;
   }
-  function s(i, C, w, M) {
-    return typeof w == "boolean" ? M.parentClassList.includes(C) === !!w : !1;
+  function r(i, C, w, j) {
+    return typeof w == "boolean" ? j.parentClassList.includes(C) === !!w : !1;
   }
-  const p = /* @__PURE__ */ new Map([
+  const u = /* @__PURE__ */ new Map([
     ["length", n],
     ["hasChildren", e],
-    ["hasSibling", s],
+    ["hasSibling", r],
     ["hasParent", t]
   ]);
-  function u(i, C) {
+  function g(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 };
+    return typeof C == "number" ? [{ target: w, operator: "length", param: null, value: Number(C) }] : typeof C == "object" ? Object.keys(C).map((j) => {
+      if (j === "length")
+        return { target: w, operator: "length", param: null, value: C[j] };
+      const R = j, P = C[j];
+      return { target: w, operator: i === "children" ? "hasChildren" : i === "parent" ? "hasParent" : "hasSibling", param: R, value: P };
     }) : [];
   }
-  function h(i, C) {
-    if (p.has(i.operator)) {
-      const w = p.get(i.operator);
+  function v(i, C) {
+    if (u.has(i.operator)) {
+      const w = u.get(i.operator);
       return w && w(i.target, i.param, i.value, C) || !1;
     }
     return !1;
   }
-  function P(i, C) {
-    return Object.keys(i).reduce((S, A) => {
-      const L = u(A, i[A]);
-      return S.push(...L), S;
-    }, []).reduce((S, A) => S && h(A, C), !0);
+  function D(i, C) {
+    return Object.keys(i).reduce((P, A) => {
+      const N = g(A, i[A]);
+      return P.push(...N), P;
+    }, []).reduce((P, A) => P && v(A, C), !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 E(i, C) {
+    const w = Object.keys(i), j = w.includes("allOf"), R = w.includes("anyOf"), P = j || R, y = (P ? i[P ? j ? "allOf" : "anyOf" : "allOf"] : [i]).map((S) => D(S, C));
+    return j ? !y.includes(!1) : y.includes(!0);
   }
-  function g(i, C) {
+  function b(i, C) {
     const w = i.const;
-    return w ? typeof w == "boolean" ? w : typeof w == "object" ? k(w, C) : !1 : !1;
+    return w ? typeof w == "boolean" ? w : typeof w == "object" ? E(w, C) : !1 : !1;
   }
   function T(i) {
     return (C) => {
       const w = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return i && i.properties && Object.keys(i.properties).reduce((M, R) => {
-        const S = i.properties[R];
-        return M[R] = g(S, C), M;
+      return i && i.properties && Object.keys(i.properties).reduce((j, R) => {
+        const P = i.properties[R];
+        return j[R] = b(P, C), j;
       }, w), w;
     };
   }
   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)
+      const { rules: j, contents: R } = C.properties;
+      w.set(i, T(j)), R && Object.keys(R.properties).forEach(
+        (P) => l(P, R.properties[P], w)
       );
     }
   }
   function a() {
-    const { properties: i } = zt;
+    const { properties: i } = Ut;
     Object.keys(i).forEach((C) => {
       l(C, i[C], oe);
     });
   }
-  function f(i, C) {
+  function d(i, C) {
     const w = { canAccept: !0, fixed: !1, hidePadding: !0 };
     return oe.has(i) ? oe.get(i)(C) : w;
   }
-  return a(), { getRuleValue: f };
+  return a(), { getRuleValue: d };
 }
-class Ht extends J {
+class qt extends K {
   constructor(e, t) {
     super(e, t);
   }
@@ -2605,7 +2396,7 @@ class Ht extends J {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar", value: E["response-toolbar"].name }]
+            data: [{ key: "response-toolbar", value: Z["response-toolbar"].name }]
           }
         }
       }
@@ -2648,85 +2439,85 @@ class Ht extends J {
     };
   }
 }
-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 Ht(n, e, t, r) {
+  const u = Me(), g = x(!1), v = x(!1);
+  let D = !0, E = !1, b;
+  function T(y) {
+    return b && b.componentClassList && b.componentClassList.includes("f-form-layout") && b.componentClassList.includes("farris-form") ? y.sourceType === "control" && y.controlCategory === "input" || y.sourceType === "move" && y.controlType === "form-group" : !0;
   }
-  function l(v) {
-    return !Ot().basalDragulaRuleForContainer(v) || !P || !T(v), !1;
+  function l(y) {
+    return !Ot().basalDragulaRuleForContainer(y) || !D || !T(y), !1;
   }
   function a() {
-    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, I = y && y.appearance && y.appearance.class || "", x = I ? I.split(" ") : [];
-    g = {
-      componentClass: m,
-      componentClassList: D,
-      childContents: j,
-      firstChildContent: d,
-      firstChildClass: r,
+    g.value = !1, v.value = !1;
+    const y = n, f = y.appearance && y.appearance.class || "", S = f.split(" "), k = y.buttons || [], p = k.length ? k[0] : null, s = p && p.appearance ? p.appearance.class : "", o = s ? s.split(" ") : [], c = k.length ? k.reduce((_, W) => {
+      const q = W && W.appearance ? W.appearance.class : "", ee = q ? q.split(" ") : [];
+      return _.push(...ee), _;
+    }, []) : [], m = t == null ? void 0 : t.schema, B = m && m.appearance && m.appearance.class || "", M = B ? B.split(" ") : [];
+    b = {
+      componentClass: f,
+      componentClassList: S,
+      childContents: k,
+      firstChildContent: p,
+      firstChildClass: s,
       firstChildClassList: o,
-      parent: y,
-      parentClass: I,
-      parentClassList: x,
-      children: j,
+      parent: m,
+      parentClass: B,
+      parentClassList: M,
+      children: k,
       childrenClassList: c
     };
-    const { canAccept: F, fixed: _, hidePadding: N } = p.getRuleValue(D[0], g);
-    return P = F, k = N, !0;
+    const { canAccept: I, fixed: L, hidePadding: $ } = u.getRuleValue(S[0], b);
+    return D = I, E = $, !0;
   }
-  function f(v) {
+  function d(y) {
   }
   function i() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function C(v, m) {
-    return m.text = v.label, m;
+  function C(y, f) {
+    return f.text = y.label, f;
   }
-  function w(v, m, D) {
-    const j = n;
-    if ((j.appearance && j.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const o = String(v.innerText), c = z("form-group");
-      return c.editor = D, c.label = o, c;
+  function w(y, f, S) {
+    const k = n;
+    if ((k.appearance && k.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const o = String(y.innerText), c = U("form-group");
+      return c.editor = S, c.label = o, c;
     }
-    return D;
+    return S;
   }
-  function M() {
+  function j() {
     return !1;
   }
   function R() {
     return !1;
   }
-  function S() {
+  function P() {
     return !0;
   }
   function A() {
-    return k;
+    return E;
   }
-  function L(v) {
-    return new Ht(v, e).getPropertyConfig(n);
+  function N(y) {
+    return new qt(y, e).getPropertyConfig(n);
   }
   return {
     canAccepts: l,
-    checkCanAddComponent: S,
+    checkCanAddComponent: P,
     checkCanDeleteComponent: R,
-    checkCanMoveComponent: M,
+    checkCanMoveComponent: j,
     getStyles: i,
     hideNestedPaddingInDesginerView: A,
     onAcceptNewChildElement: w,
-    onAcceptMovedChildElement: f,
+    onAcceptMovedChildElement: d,
     onResolveNewComponentSchema: C,
     resolveComponentContext: a,
-    getPropsConfig: L,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: h
+    getPropsConfig: N,
+    triggerBelongedComponentToMoveWhenMoved: g,
+    triggerBelongedComponentToDeleteWhenDeleted: v
   };
 }
-const Gt = {
+const zt = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -2739,12 +2530,12 @@ const Gt = {
    * 组件值
    */
   modelValue: { type: Object }
-}, Z = B(0);
-function Qt(n, e) {
-  const t = e.getBoundingClientRect(), s = n.getBoundingClientRect(), p = s.top >= t.top, u = s.top <= t.bottom;
-  return p && u;
+}, X = x(0);
+function Gt(n, e) {
+  const t = e.getBoundingClientRect(), r = n.getBoundingClientRect(), u = r.top >= t.top, g = r.top <= t.bottom;
+  return u && g;
 }
-function Xt(n) {
+function Jt(n) {
   if (!n)
     return;
   let e;
@@ -2753,51 +2544,51 @@ function Xt(n) {
   const t = e.getBoundingClientRect();
   if (t.width === 0 && t.height === 0)
     return;
-  const s = e.querySelector(".component-btn-group");
-  if (s) {
-    if (!Qt(e, n)) {
-      s.style.display = "none";
+  const r = e.querySelector(".component-btn-group");
+  if (r) {
+    if (!Gt(e, n)) {
+      r.style.display = "none";
       return;
     }
-    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";
+    r.style.display = "";
+    const g = r.getBoundingClientRect(), v = r.querySelector("div");
+    if (v) {
+      const D = v.getBoundingClientRect();
+      v.style.top = g.top + "px", v.style.left = g.left - D.width + "px";
     }
   }
 }
-function Yt(n, e, t) {
-  var L;
-  function s() {
+function Qt(n, e, t) {
+  var N;
+  function r() {
   }
-  const p = "", u = B();
-  function h() {
+  const u = "", g = x();
+  function v() {
     return !0;
   }
-  function P() {
+  function D() {
     return !1;
   }
-  function k() {
+  function E() {
     return !0;
   }
-  function g() {
+  function b() {
     return !0;
   }
   function T() {
     return !0;
   }
-  function l(v) {
-    if (!v || !v.value)
+  function l(y) {
+    if (!y || !y.value)
       return null;
-    const m = B(v == null ? void 0 : v.value.parent), D = l(m);
-    return D || null;
+    const f = x(y == null ? void 0 : y.value.parent), S = l(f);
+    return S || null;
   }
-  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 a(y = e) {
+    const { componentInstance: f, designerItemElementRef: S } = y;
+    return !f || !f.value ? null : f.value.canMove || f.value.canAdd || f.value.canDelete ? S : a(y.parent);
   }
-  function f(v) {
+  function d(y) {
     return !!t;
   }
   function i() {
@@ -2805,38 +2596,38 @@ function Yt(n, e, t) {
   }
   function C() {
   }
-  function w(v, m) {
+  function w(y, f) {
   }
-  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 j(y) {
+    const { componentType: f } = y;
+    let S = U(f, y);
+    const k = f.toLowerCase().replace("-", "_");
+    return S && !S.id && S.type === f && (S.id = `${k}_${Math.random().toString().slice(2, 6)}`), S;
   }
-  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 o = D.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === D && (r.id = `${o}_${Math.random().toString().slice(2, 6)}`), r;
+  function R(y, f) {
+    const S = String(y.getAttribute("data-controltype")), k = y.getAttribute("data-feature"), p = k ? JSON.parse(k) : {};
+    p.parentComponentInstance = g.value;
+    let s = U(S, p);
+    const o = S.toLowerCase().replace("-", "_");
+    return s && !s.id && s.type === S && (s.id = `${o}_${Math.random().toString().slice(2, 6)}`), s;
   }
-  function S(v) {
+  function P(y) {
   }
-  function A(...v) {
+  function A(...y) {
     return [];
   }
-  return u.value = {
-    canMove: h(),
-    canSelectParent: P(),
-    canAdd: g(),
-    canDelete: k(),
+  return g.value = {
+    canMove: v(),
+    canSelectParent: D(),
+    canAdd: b(),
+    canDelete: E(),
     canNested: !T(),
     contents: [],
     elementRef: n,
-    parent: (L = e.parent) == null ? void 0 : L.componentInstance,
+    parent: (N = e.parent) == null ? void 0 : N.componentInstance,
     schema: e.schema,
-    styles: p,
-    canAccepts: f,
+    styles: u,
+    canAccepts: d,
     getBelongedComponentInstance: l,
     getDraggableDesignItemElement: a,
     getDraggingDisplayText: i,
@@ -2844,149 +2635,149 @@ function Yt(n, e, t) {
     getDragScopeElement: C,
     onAcceptMovedChildElement: w,
     onAcceptNewChildElement: R,
-    onChildElementMovedOut: S,
-    addNewChildComponentSchema: M,
-    updateDragAndDropRules: s,
-    triggerBelongedComponentToMoveWhenMoved: B(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: B(!1)
-  }, u;
+    onChildElementMovedOut: P,
+    addNewChildComponentSchema: j,
+    updateDragAndDropRules: r,
+    triggerBelongedComponentToMoveWhenMoved: x(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: x(!1)
+  }, g;
 }
-const Be = /* @__PURE__ */ G({
+const xe = /* @__PURE__ */ z({
   name: "FDesignerInnerItem",
-  props: Gt,
+  props: zt,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   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 = {
+    const t = x(n.canMove), r = x(n.canAdd), u = x(n.canDelete), g = x(!1), v = x(n.contentKey), D = x(n.childType), E = x(n.childLabel), b = x(n.modelValue), T = x(""), l = x(), a = V("canvas-dragula"), d = x(), i = V("design-item-context"), C = {
       designerItemElementRef: l,
-      componentInstance: f,
-      schema: g.value,
+      componentInstance: d,
+      schema: b.value,
       parent: i,
       setupContext: e
     };
-    Le("design-item-context", C);
-    const w = V(() => ({
+    Ne("design-item-context", C);
+    const w = F(() => ({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
       "flex-fill": n.id == "root-component",
-      "position-relative": t.value || p.value,
-      "farris-nested": u.value,
+      "position-relative": t.value || u.value,
+      "farris-nested": g.value,
       "can-move": t.value,
       "d-none": l.value && l.value.classList.contains("d-none")
-    })), M = V(() => {
+    })), j = F(() => {
       const o = {};
-      return T.value && T.value.split(";").reduce((c, y) => {
-        const [I, x] = y.split(":");
-        return I && (c[I] = x), c;
+      return T.value && T.value.split(";").reduce((c, m) => {
+        const [B, M] = m.split(":");
+        return B && (c[B] = M), c;
       }, o), o;
     });
     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 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");
+      if (i && i.schema[v.value]) {
+        const m = i.schema[v.value].findIndex((B) => B.id === c.id);
+        if (m > -1) {
+          const B = i.schema[v.value].length, M = i.schema[v.value][m % B];
+          i.designerItemElementRef.value.querySelector(`#${M.id}-design-item`), i.schema[v.value].splice(m, 1), i.componentInstance.value.updateDragAndDropRules(), X.value++, e.emit("removeComponent");
         }
       }
     }
-    function S(o) {
-      if (f.value.addNewChildComponentSchema) {
+    function P(o) {
+      if (d.value.addNewChildComponentSchema) {
         const c = {
-          componentType: P.value,
-          label: k.value,
-          parentComponentInstance: f.value,
+          componentType: D.value,
+          label: E.value,
+          parentComponentInstance: d.value,
           targetPosition: -1
-        }, y = f.value.addNewChildComponentSchema(c);
-        g.value[h.value].push(y), e.emit("addComponent");
+        }, m = d.value.addNewChildComponentSchema(c);
+        b.value[v.value].push(m), e.emit("addComponent");
       }
     }
     function A() {
-      return s.value && b("div", {
+      return r.value && h("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
         onClick: (o) => {
-          S();
+          P();
         }
-      }, [b("i", {
+      }, [h("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function L(o) {
-      return p.value && b("div", {
+    function N(o) {
+      return u.value && h("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: $e((c) => R(c, o), ["stop"])
-      }, [b("i", {
+        onClick: _e((c) => R(c, o), ["stop"])
+      }, [h("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function v() {
-      return t.value && b("div", {
+    function y() {
+      return t.value && h("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [b("i", {
+      }, [h("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function m(o) {
-      return b("div", {
+    function f(o) {
+      return h("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [b("div", null, [A(), v(), L(o)])]);
+      }, [h("div", null, [A(), y(), N(o)])]);
     }
-    Q(() => n.modelValue, (o) => {
-      g.value = o, C.schema = o;
+    G(() => n.modelValue, (o) => {
+      b.value = o, C.schema = o;
     });
-    function D(o) {
+    function S(o) {
       const c = o.target;
-      Xt(c);
+      Jt(c);
     }
-    function j() {
+    function k() {
       var o, c;
-      (c = (o = g.value) == null ? void 0 : o.contents) != null && c.length && l.value && l.value.addEventListener("scroll", D);
+      (c = (o = b.value) == null ? void 0 : o.contents) != null && c.length && l.value && l.value.addEventListener("scroll", S);
     }
-    function d() {
-      const o = l.value, c = B(o.children[1]);
-      return Yt(c, C).value;
+    function p() {
+      const o = l.value, c = x(o.children[1]);
+      return Qt(c, C).value;
     }
-    q(() => {
+    H(() => {
       if (l.value) {
-        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);
+        const o = l.value.querySelector(`[data-dragref='${b.value.id}-container']`);
+        d.value = o && o.componentInstance ? o.componentInstance.value : p(), a && o && a.attachComponents(o, b.value), g.value = d.value.canNested !== void 0 ? d.value.canNested : g.value, r.value = d.value.canAdd !== void 0 ? d.value.canAdd : r.value, u.value = d.value.canDelete !== void 0 ? d.value.canDelete : u.value, t.value = d.value.canMove !== void 0 ? d.value.canMove : t.value, T.value = d.value.styles || "", l.value && (l.value.componentInstance = d, l.value.designItemContext = C);
       }
-      j(), Z.value++;
-    }), Ne(() => {
-      l.value && l.value.removeEventListener("scroll", D);
+      k(), X.value++;
+    }), $e(() => {
+      l.value && l.value.removeEventListener("scroll", S);
     });
-    function r(o) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((y) => y.classList.remove("dgComponentFocused")), o && (o.preventDefault(), o.stopPropagation());
+    function s(o) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((m) => m.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, n.componentId, f.value);
-          const x = f.value.getDraggableDesignItemElement(C);
-          x && x.value && x.value.classList.add("dgComponentSelected");
+        const m = document.getElementsByClassName("dgComponentSelected");
+        if (!(m && m.length === 1 && m[0] === l.value)) {
+          Array.from(m).forEach((I) => I.classList.remove("dgComponentSelected")), c.classList.add("dgComponentFocused"), e.emit("selectionChange", b.value.type, b.value, n.componentId, d.value);
+          const M = d.value.getDraggableDesignItemElement(C);
+          M && M.value && M.value.classList.add("dgComponentSelected");
         }
       }
-      Z.value++;
+      X.value++;
     }
-    return () => b("div", {
+    return () => h("div", {
       id: `${n.id}-design-item`,
       ref: l,
       class: w.value,
-      style: M.value,
-      onClick: r
-    }, [m(g.value), e.slots.default && e.slots.default()]);
+      style: j.value,
+      onClick: s
+    }, [f(b.value), e.slots.default && e.slots.default()]);
   }
 });
-class Zt extends J {
+class Xt extends K {
   constructor(e, t) {
     super(e, t);
   }
@@ -3037,7 +2828,7 @@ class Zt extends J {
           title: "style样式"
         }
       },
-      setPropertyRelates(t, s) {
+      setPropertyRelates(t, r) {
       }
     };
   }
@@ -3048,29 +2839,29 @@ class Zt extends J {
         name: "点击事件"
       }
     ];
-    var s = this;
-    const p = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
-    u[s.viewModelId] = {
+    var r = this;
+    const u = r.eventsEditorUtils.formProperties(e, r.viewModelId, t), g = {};
+    g[r.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: p
+        initialData: u
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: u,
+      properties: g,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      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));
+      setPropertyRelates(v, D) {
+        const E = v.propertyValue;
+        delete e[r.viewModelId], E && (E.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, E.events, E));
       }
     };
   }
 }
-class Kt extends J {
+class Yt extends K {
   constructor(e, t) {
     super(e, t);
   }
@@ -3096,7 +2887,7 @@ class Kt extends J {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar-item", value: E["response-toolbar-item"].name }]
+            data: [{ key: "response-toolbar-item", value: Z["response-toolbar-item"].name }]
           }
         },
         text: {
@@ -3121,47 +2912,47 @@ class Kt extends J {
         label: "click",
         name: "点击事件"
       }
-    ], s = this, p = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), u = {};
-    u[s.viewModelId] = {
+    ], r = this, u = r.eventsEditorUtils.formProperties(e, r.viewModelId, t), g = {};
+    g[r.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: p
+        initialData: u
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: u,
+      properties: g,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      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));
+      setPropertyRelates(v, D) {
+        const E = v.propertyValue;
+        delete e[r.viewModelId], E && (E.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, E.events, E));
       }
     };
   }
 }
-function Jt(n, e) {
-  Ee();
-  const t = B(!1), s = B(!1);
-  let p = !1, u = !1;
-  function h(w) {
+function Zt(n, e) {
+  Me();
+  const t = x(!1), r = x(!1);
+  let u = !1, g = !1;
+  function v(w) {
     return !1;
   }
-  function P(w) {
+  function D(w) {
   }
-  function k() {
+  function E() {
     return "";
   }
-  function g(w, M) {
-    return M.text = w.label, M;
+  function b(w, j) {
+    return j.text = w.label, j;
   }
-  function T(w, M, R) {
-    const S = n.schema;
-    if ((S.appearance && S.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const v = String(w.innerText), m = z("form-group");
-      return m.editor = R, m.label = v, m;
+  function T(w, j, R) {
+    const P = n.schema;
+    if ((P.appearance && P.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const y = String(w.innerText), f = U("form-group");
+      return f.editor = R, f.label = y, f;
     }
     return R;
   }
@@ -3169,71 +2960,71 @@ function Jt(n, e) {
     return !1;
   }
   function a() {
-    return !u;
+    return !g;
   }
-  function f() {
+  function d() {
     return !1;
   }
   function i() {
-    return p;
+    return u;
   }
   function C(w) {
-    let M;
+    let j;
     switch (n.schema.type) {
       case "tab-toolbar-item":
-        M = new Zt(w, e);
+        j = new Xt(w, e);
         break;
       default:
-        M = new Kt(w, e);
+        j = new Yt(w, e);
     }
-    return M.getPropertyConfig(n.schema);
+    return j.getPropertyConfig(n.schema);
   }
   return {
-    canAccepts: h,
-    checkCanAddComponent: f,
+    canAccepts: v,
+    checkCanAddComponent: d,
     checkCanDeleteComponent: a,
     checkCanMoveComponent: l,
-    getStyles: k,
+    getStyles: E,
     hideNestedPaddingInDesginerView: i,
     onAcceptNewChildElement: T,
-    onAcceptMovedChildElement: P,
-    onResolveNewComponentSchema: g,
+    onAcceptMovedChildElement: D,
+    onResolveNewComponentSchema: b,
     getPropsConfig: C,
     triggerBelongedComponentToMoveWhenMoved: t,
-    triggerBelongedComponentToDeleteWhenDeleted: s
+    triggerBelongedComponentToDeleteWhenDeleted: r
   };
 }
-const je = /* @__PURE__ */ G({
+const ke = /* @__PURE__ */ z({
   name: "FResponseToolbarItemDesign",
-  props: Me,
+  props: je,
   emits: ["Click"],
   setup(n, e) {
-    B(), B();
-    const t = B(n.alignment), s = {
+    x(), x();
+    const t = x(n.alignment), r = {
       id: "__more_buttons__",
       text: "More"
-    }, p = B(new X(s));
-    V(() => p.value.children.length > 0);
-    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(() => {
-      u.value.componentInstance = g;
-    }), e.expose(g.value);
+    }, u = x(new J(r));
+    F(() => u.value.children.length > 0);
+    const g = x(), v = V("designer-host-service"), D = V("design-item-context"), E = Zt(D, v), b = ve(g, D, E);
+    V("toolbar-item-handler", () => {
+    }), H(() => {
+      g.value.componentInstance = b;
+    }), e.expose(b.value);
     function T() {
-      const f = {
+      const d = {
         "f-icon": !0
       };
       if (n.icon) {
         const i = n.icon.trim().split(" ");
-        i && i.length && i.reduce((C, w) => (C[w] = !0, C), f);
+        i && i.length && i.reduce((C, w) => (C[w] = !0, C), d);
       }
-      return f;
+      return d;
     }
     function l() {
       return !!(n.icon && n.icon.trim());
     }
     function a() {
-      const f = {
+      const d = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": t.value === "right",
@@ -3242,159 +3033,159 @@ const je = /* @__PURE__ */ G({
       };
       if (n.class) {
         const i = n.class.split(" ");
-        i && i.length && i.reduce((C, w) => (C[w] = !0, C), f);
+        i && i.length && i.reduce((C, w) => (C[w] = !0, C), d);
       }
-      return f;
+      return d;
     }
-    return q(() => {
-    }), se(() => {
-    }), () => b("div", {
-      ref: u,
-      "data-dragref": `${P.schema.id}-container`,
+    return H(() => {
+    }), re(() => {
+    }), () => h("div", {
+      ref: g,
+      "data-dragref": `${D.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [b("button", {
+    }, [h("button", {
       type: "button",
       class: a(),
       id: n.id
-    }, [l() && b("i", {
+    }, [l() && h("i", {
       class: T()
     }, null), n.text])]);
   }
-}), Ae = /* @__PURE__ */ G({
+}), Ae = /* @__PURE__ */ z({
   name: "FResponseToolbarDesign",
-  props: Bt,
+  props: xt,
   emits: ["Click"],
   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 = {
+    const t = x(n.items);
+    let r = new Array(t.value.length).fill(x());
+    const u = x(), g = x(), v = x(n.alignment), D = {
       id: "__more_buttons__",
       text: "More"
-    }, 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(() => {
+    }, E = x(new J(D)), b = Ee();
+    F(() => E.value.children.length > 0);
+    const T = x(), l = V("designer-host-service"), a = V("design-item-context"), d = Ht(a.schema, l, a), i = ve(T, a, d);
+    V("toolbar-item-handler", () => {
+    }), H(() => {
       T.value.componentInstance = i;
     }), e.expose(i.value);
-    const C = V(() => ({
+    const C = F(() => ({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    })), w = V(() => ({
+    })), w = F(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": h.value === "right",
-      "justify-content-start": h.value === "left"
+      "justify-content-end": v.value === "right",
+      "justify-content-start": v.value === "left"
     })), {
-      renderToolbarDropdown: M,
+      renderToolbarDropdown: j,
       clearAllDropDown: R
-    } = Rt(n, g, i);
-    function S() {
-      t.value.filter((d) => d.children && d.children.length > 0).forEach((d) => {
-        d.expanded = !1;
-      }), k.value.expanded = !1, R();
+    } = Rt(n, b, i);
+    function P() {
+      t.value.filter((p) => p.children && p.children.length > 0).forEach((p) => {
+        p.expanded = !1;
+      }), E.value.expanded = !1, R();
     }
-    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);
+    const A = /* @__PURE__ */ new Map(), N = [];
+    function y(p) {
+      const s = g.value;
+      let o = p;
+      const c = Array.from(s.children), m = c[c.length - 1].id === "__more_buttons__" ? c[c.length - 1] : null;
+      if (m) {
+        const $ = m.computedStyleMap().get("margin-left"), _ = m.computedStyleMap().get("margin-right"), W = ($ ? $.value : 0) + m.getBoundingClientRect().width + (_ ? _.value : 0);
         o -= W;
       }
-      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);
-        o < H ? (A.set(N.id, !0), L.push({
-          id: N.id,
-          width: H
-        })) : o -= H;
+      const B = c.filter(($) => $.id !== "__more_buttons__");
+      for (const $ of B) {
+        const _ = $.computedStyleMap().get("margin-left"), W = $.computedStyleMap().get("margin-right"), q = (_ ? _.value : 0) + $.getBoundingClientRect().width + (W ? W.value : 0);
+        o < q ? (A.set($.id, !0), N.push({
+          id: $.id,
+          width: q
+        })) : o -= q;
       }
-      if (L.length)
-        for (let N = L.length - 1; N >= 0; N--) {
-          const $ = L[N].width;
-          if (o >= $)
-            o -= $, A.delete(L[N].id), L.pop();
+      if (N.length)
+        for (let $ = N.length - 1; $ >= 0; $--) {
+          const _ = N[$].width;
+          if (o >= _)
+            o -= _, A.delete(N[$].id), N.pop();
           else
             break;
         }
-      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 M = Object.assign({}, E.value);
+      M.children = [];
+      const I = new J(M), L = t.value.reduce(($, _) => (A.has(_.id) && I.children.push(_), _.visible = !A.has(_.id), $.push(_), $), []);
+      E.value = I, t.value = L;
     }
-    const m = new ResizeObserver((d) => {
-      if (d.length) {
-        const o = d[0].contentRect.width, y = u.value.getBoundingClientRect().width;
-        (o < y || L.length) && v(o);
+    const f = new ResizeObserver((p) => {
+      if (p.length) {
+        const o = p[0].contentRect.width, m = g.value.getBoundingClientRect().width;
+        (o < m || N.length) && y(o);
       }
     });
-    q(() => {
-      const d = p.value;
-      m.observe(d), document.body.addEventListener("click", S);
-    }), se(() => {
-      m.disconnect(), document.body.removeEventListener("click", S);
-    }), Q(() => n.items, () => {
+    H(() => {
+      const p = u.value;
+      f.observe(p), document.body.addEventListener("click", P);
+    }), re(() => {
+      f.disconnect(), document.body.removeEventListener("click", P);
+    }), G(() => n.items, () => {
       t.value = n.items;
     }, {
       deep: !0
-    }), Q(t, (d) => {
-      s = new Array(t.value.length).fill(B());
+    }), G(t, (p) => {
+      r = new Array(t.value.length).fill(x());
     });
-    function D(d, r, o, c) {
-      a && a.setupContext && a.setupContext.emit("selectionChange", d, r, o, c);
+    function S(p, s, o, c) {
+      a && a.setupContext && a.setupContext.emit("selectionChange", p, s, o, c);
     }
-    function j() {
-      const d = u.value.querySelector(".dgComponentFocused.dgComponentSelected");
-      d == null || d.classList.remove("dgComponentSelected"), d == null || d.classList.remove("dgComponentFocused");
+    function k() {
+      const p = g.value.querySelector(".dgComponentFocused.dgComponentSelected");
+      p == null || p.classList.remove("dgComponentSelected"), p == null || p.classList.remove("dgComponentFocused");
     }
-    return () => b("div", {
+    return () => h("div", {
       ref: T,
       "data-dragref": `${a.schema.id}-container`,
       class: C.value
-    }, [b("div", {
-      ref: p,
-      class: w.value
-    }, [b("div", {
+    }, [h("div", {
       ref: u,
+      class: w.value
+    }, [h("div", {
+      ref: g,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.map((d, r) => b(Be, {
-      ref: s[r],
+    }, [t.value.map((p, s) => h(xe, {
+      ref: r[s],
       class: "p-0 display-inline-block",
-      modelValue: d,
-      "onUpdate:modelValue": (o) => d = o,
+      modelValue: p,
+      "onUpdate:modelValue": (o) => p = o,
       canMove: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
       componentId: n.componentId,
-      id: d.id,
+      id: p.id,
       style: "padding:0 !important;display:inline-block",
-      onSelectionChange: D,
-      onRemoveComponent: j
+      onSelectionChange: S,
+      onRemoveComponent: k
     }, {
-      default: () => [b(je, {
-        id: d.id,
-        disable: d.disable,
-        text: d.text,
-        icon: d.icon,
+      default: () => [h(ke, {
+        id: p.id,
+        disable: p.disable,
+        text: p.text,
+        icon: p.icon,
         componentId: n.componentId
       }, null)]
     }))])])]);
   }
-}), ye = de;
-K.register = (n, e, t) => {
-  n["response-toolbar"] = K, e["response-toolbar"] = de;
+}), he = ue;
+Y.register = (n, e, t) => {
+  n["response-toolbar"] = Y, e["response-toolbar"] = ue;
 };
-K.registerDesigner = (n, e, t) => {
-  n["response-toolbar"] = Ae, e["response-toolbar"] = de, n["response-toolbar-item"] = je, e["response-toolbar-item"] = jt;
+Y.registerDesigner = (n, e, t) => {
+  n["response-toolbar"] = Ae, e["response-toolbar"] = ue, n["response-toolbar-item"] = ke, e["response-toolbar-item"] = kt;
 };
-Ue(K);
-const en = {
+Ve(Y);
+const Kt = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   type: { type: String, default: "" },
@@ -3409,101 +3200,102 @@ const en = {
    */
   modelValue: { type: Object },
   ignore: { type: Boolean, default: !1 }
-}, he = /* @__PURE__ */ G({
+}, be = /* @__PURE__ */ z({
   name: "FDesignerTemplateItem",
-  props: en,
+  props: Kt,
   emits: ["selectionChange"],
   setup(n, e) {
-    const t = B(), s = V(() => ({
+    const t = x(), r = F(() => ({
       "farris-component": !0
     }));
-    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")), h.classList.add("dgComponentFocused"));
+    function u(g) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((D) => D.classList.remove("dgComponentFocused")), g && (g.preventDefault(), g.stopPropagation());
+      const v = t.value;
+      if (v) {
+        const D = document.getElementsByClassName("dgComponentSelected");
+        D && D.length === 1 && D[0] === t.value || (Array.from(D).forEach((b) => b.classList.remove("dgComponentSelected")), v.classList.add("dgComponentFocused"));
       }
-      Z.value++;
+      X.value++;
     }
-    return () => b("div", {
+    return () => h("div", {
       id: `${n.id}-design-item`,
       ref: t,
-      class: s.value,
-      onClick: p
+      class: r.value,
+      onClick: u
     }, [e.slots.default && e.slots.default()]);
   }
-}), tn = /* @__PURE__ */ G({
+}), en = /* @__PURE__ */ z({
   name: "FPageHeaderDesign",
   props: st,
   emits: ["Click"],
   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 || {
+    const t = x(), r = V("designer-host-service"), u = V("design-item-context"), g = at(u.schema, r), v = rt(t, u, g), D = x(u.schema.toolbar || {
       type: "response-toolbar",
       buttons: []
-    }), k = B(ye(P.value));
-    q(() => {
-      t.value.componentInstance = h;
-    }), Q(() => p.schema.toolbar, () => {
-      P.value = p.schema.toolbar || {
+    }), E = x(he(D.value));
+    H(() => {
+      t.value.componentInstance = v;
+    }), G(() => u.schema.toolbar, () => {
+      D.value = u.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, k.value = ye(P.value);
+      }, E.value = he(D.value);
     }, {
       deep: !0
     });
-    const g = V(() => [...k.value.items]);
-    function T(l, a, f, i) {
-      p && p.setupContext && p.setupContext.emit("selectionChange", l, a, f, i);
+    const b = F(() => [...E.value.items]);
+    function T(l, a, d, i) {
+      u && u.setupContext && u.setupContext.emit("selectionChange", l, a, d, i);
     }
-    return e.expose(h.value), () => b("div", {
+    return e.expose(v.value), () => h("div", {
       ref: t
-    }, [b("nav", {
+    }, [h("nav", {
       class: "f-page-header-base"
-    }, [b("div", {
+    }, [h("div", {
       class: "f-title"
-    }, [b(he, null, {
-      default: () => [b("span", {
+    }, [h(be, null, {
+      default: () => [h("span", {
         class: "f-title-icon f-text-orna-manage"
-      }, [b("i", {
+      }, [h("i", {
         class: n.icon
       }, null)])]
-    }), b(he, null, {
-      default: () => [b("h4", {
+    }), h(be, null, {
+      default: () => [h("h4", {
         class: "f-title-text"
       }, [n.title])]
-    })]), b(Be, {
-      class: "col-5",
-      modelValue: P.value,
-      "onUpdate:modelValue": (l) => P.value = l,
+    })]), h(xe, {
+      class: "col-6 text-right",
+      modelValue: D.value,
+      "onUpdate:modelValue": (l) => D.value = l,
       canAdd: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
-      id: P.value.id,
+      id: D.value.id,
       componentId: n.componentId,
       onSelectionChange: T
     }, {
-      default: () => [b(Ae, {
-        items: g.value,
+      default: () => [h(Ae, {
+        customClass: "w-100",
+        items: b.value,
         componentId: n.componentId
       }, null)]
     })])]);
   }
-}), ln = {
+}), cn = {
   install(n) {
     n.component(ne.name, ne);
   },
-  register(n, e, t, s) {
+  register(n, e, t, r) {
     n["page-header"] = ne, e["page-header"] = fe;
   },
   registerDesigner(n, e, t) {
-    n["page-header"] = tn, e["page-header"] = fe;
+    n["page-header"] = en, e["page-header"] = fe;
   }
 };
 export {
   ne as PageHeader,
-  ln as default,
+  cn as default,
   st as pageHeaderDesignerProps,
   le as pageHeaderProps,
   fe as propsResolver