@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/designer/response-toolbar/index.esm.js

@@ -1,23 +1,23 @@
-var Ot = Object.defineProperty;
-var jt = (e, b, t) => b in e ? Ot(e, b, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[b] = t;
-var ee = (e, b, t) => jt(e, typeof b != "symbol" ? b + "" : b, t);
-import { getCustomClass as ie, useGuid as At, withInstall as _t } from "../../components/common/index.esm.js";
-import { resolveAppearance as $t, createPropsResolver as st, createResponseToolbarEventHandlerResolver as Lt, getSchemaByType as lt } from "../../components/dynamic-resolver/index.esm.js";
-import { responseToolbarProps as at } from "../../components/response-toolbar/index.esm.js";
-import { computed as de, createVNode as N, Teleport as Nt, getCurrentInstance as Ft, reactive as Se, withDirectives as ke, resolveDirective as Pe, ref as re, defineComponent as qe, watch as De, onMounted as ze, onUnmounted as ct, nextTick as Ce, inject as we, provide as Wt, createTextVNode as qt } from "vue";
-import { LocaleService as zt } from "../../components/locale/index.esm.js";
-import { canvasChanged as Ne, useDesignerInnerComponent as Gt, FDesignerInnerItem as Ut, useDesignerComponent as Yt, setPositionForSelectedElement as Xt } from "../../components/designer-canvas/index.esm.js";
-import { BaseControlProperty as ut } from "../../components/property-panel/index.esm.js";
-import { isPlainObject as tt, cloneDeep as xe } from "lodash-es";
-import { TabToolbarItemProperty as Ht } from "../../components/tabs/index.esm.js";
-const Vt = /* @__PURE__ */ new Map([
+var Bt = Object.defineProperty;
+var jt = (e, m, t) => m in e ? Bt(e, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[m] = t;
+var J = (e, m, t) => jt(e, typeof m != "symbol" ? m + "" : m, t);
+import { getCustomClass as re, isMobilePhone as At, useGuid as _t, withInstall as $t } from "../../components/common/index.esm.js";
+import { resolveAppearance as Lt, createPropsResolver as lt, createResponseToolbarEventHandlerResolver as Nt, getSchemaByType as at } from "../../components/dynamic-resolver/index.esm.js";
+import { responseToolbarProps as ct } from "../../components/response-toolbar/index.esm.js";
+import { computed as fe, createVNode as L, Teleport as Ft, getCurrentInstance as Wt, reactive as Pe, withDirectives as Ee, resolveDirective as Me, ref as oe, defineComponent as ze, watch as ke, onMounted as Ge, onUnmounted as ut, nextTick as Te, inject as xe, provide as qt, createTextVNode as zt } from "vue";
+import { LocaleService as Gt } from "../../components/locale/index.esm.js";
+import { canvasChanged as Fe, useDesignerInnerComponent as Ut, FDesignerInnerItem as Yt, useDesignerComponent as Xt, setPositionForSelectedElement as Ht } from "../../components/designer-canvas/index.esm.js";
+import { BaseControlProperty as dt } from "../../components/property-panel/index.esm.js";
+import { isPlainObject as nt, cloneDeep as Ce } from "lodash-es";
+import { TabToolbarItemProperty as Vt } from "../tabs/index.esm.js";
+const Qt = /* @__PURE__ */ new Map([
   ["buttons", "items"],
-  ["appearance", $t]
+  ["appearance", Lt]
 ]);
-function dt(e, b, t) {
-  return b;
+function ft(e, m, t) {
+  return m;
 }
-const Qt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-design.gitee.io/response-toolbar.schema.json", Jt = "response-toolbar", Kt = "A Farris Toolbar Component", en = "object", tn = {
+const Zt = "https://json-schema.org/draft/2020-12/schema", Jt = "https://farris-design.gitee.io/response-toolbar.schema.json", Kt = "response-toolbar", en = "A Farris Toolbar Component", tn = "object", nn = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -56,22 +56,22 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-
     type: "boolean",
     default: !0
   }
-}, nn = [
+}, on = [
   "id",
   "type",
   "buttons"
-], on = {
+], rn = {
   onClick: "点击事件"
-}, rn = {
-  $schema: Qt,
-  $id: Zt,
-  title: Jt,
-  description: Kt,
-  type: en,
-  properties: tn,
-  required: nn,
-  events: on
-}, sn = "https://json-schema.org/draft/2020-12/schema", ln = "https://farris-design.gitee.io/response-toolbar-item.schema.json", an = "response-toolbar-item", cn = "A Farris Toolbar Item Component", un = "object", dn = {
+}, sn = {
+  $schema: Zt,
+  $id: Jt,
+  title: Kt,
+  description: en,
+  type: tn,
+  properties: nn,
+  required: on,
+  events: rn
+}, ln = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-design.gitee.io/response-toolbar-item.schema.json", cn = "response-toolbar-item", un = "A Farris Toolbar Item Component", dn = "object", fn = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -141,33 +141,33 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-
     type: "boolean",
     default: !1
   }
-}, fn = [
+}, pn = [
   "id",
   "type",
   "text"
-], pn = {
+], hn = {
   onClick: "点击事件"
-}, hn = {
-  $schema: sn,
-  $id: ln,
-  title: an,
-  description: cn,
-  type: un,
-  properties: dn,
-  required: fn,
-  events: pn
-}, gn = Object.assign({}, at, {
+}, gn = {
+  $schema: ln,
+  $id: an,
+  title: cn,
+  description: un,
+  type: dn,
+  properties: fn,
+  required: pn,
+  events: hn
+}, bn = Object.assign({}, ct, {
   componentId: { type: String, default: "" }
-}), Ge = st(
-  at,
-  rn,
-  Vt,
-  dt
-), ft = {
+}), Ue = lt(
+  ct,
+  sn,
+  Qt,
+  ft
+), vn = {
   id: { type: String, default: "" },
   item: { type: Object, default: {} },
   items: { type: Object, default: {} },
-  class: { type: String, default: "btn-secondary" },
+  class: { type: String, default: "" },
   text: { type: String, default: "" },
   disabled: { type: Boolean, default: !1 },
   icon: { type: String, default: "" },
@@ -175,18 +175,22 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-
   // 是否展开子级
   expanded: { type: Boolean, default: !1 },
   alignment: { Type: String, default: "right" },
-  // 下拉按钮分离
   split: { type: Boolean, default: !1 },
   // 是否下拉
   isDP: { type: Boolean, default: !1 },
   // 是否下拉项
   isDPItem: { type: Boolean, default: !1 }
-}, bn = st(
-  ft,
-  hn,
+}, pt = Object.assign({}, vn, {
+  item: { type: Object, default: {} },
+  items: { type: Object, default: {} },
+  class: { type: String, default: "btn-secondary" },
+  alignment: { Type: String, default: "right" }
+}), mn = lt(
+  pt,
+  gn,
   void 0,
-  dt
-), vn = Lt(), mn = {
+  ft
+), yn = Nt(), wn = {
   id: { type: String, default: "" },
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
@@ -198,40 +202,40 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-
   /** 控制是否可见 */
   visible: { type: Boolean, default: !0 }
 };
-class pt {
-  constructor(b) {
+class ht {
+  constructor(m) {
     /** 工具栏项标识 */
-    ee(this, "id", "");
+    J(this, "id", "");
     /** 工具栏项自定义样式 */
-    ee(this, "class", "btn-secondary");
+    J(this, "class", "btn-secondary");
     /** 图标 */
-    ee(this, "icon", "");
+    J(this, "icon", "");
     /** 所属分组 */
-    ee(this, "groupId", "");
+    J(this, "groupId", "");
     /** 收藏顺序 */
-    ee(this, "order", -1);
+    J(this, "order", -1);
     /** 是否作为下拉菜单的顶层按钮 */
-    ee(this, "asDropDownTop", !1);
+    J(this, "asDropDownTop", !1);
     /** 文本 */
-    ee(this, "text", "");
+    J(this, "text", "");
     /** 是否可见原值 */
-    ee(this, "visible", !0);
+    J(this, "visible", !0);
     /** 控制界面是否显示 */
-    ee(this, "shown", !0);
-    ee(this, "responsed", !1);
+    J(this, "shown", !0);
+    J(this, "responsed", !1);
     /** 是否启用提示消息 */
-    ee(this, "tipsEnable", !1);
+    J(this, "tipsEnable", !1);
     /** 提示消息内容 */
-    ee(this, "tipsText", "");
+    J(this, "tipsText", "");
     /** 记录宽度 */
-    ee(this, "width", 0);
+    J(this, "width", 0);
     /** 下拉时的样式名 */
-    ee(this, "dropdownClass", "");
-    ee(this, "onClick", () => {
+    J(this, "dropdownClass", "");
+    J(this, "onClick", () => {
     });
-    ee(this, "options");
+    J(this, "options");
     var h, c;
-    this.options = b;
+    this.options = m;
     const t = [
       "id",
       "class",
@@ -249,238 +253,239 @@ class pt {
       "dropdownClass",
       "onClick"
     ];
-    Object.keys(b).filter((r) => t.indexOf(r) > -1).forEach((r) => {
-      r === "visible" ? this[r] = b[r] === void 0 ? !0 : b[r] : this[r] = b[r];
-    }), this.shown = this.visible, (h = b.appearance) != null && h.class && (this.class = (c = b.appearance) == null ? void 0 : c.class);
+    Object.keys(m).filter((r) => t.indexOf(r) > -1).forEach((r) => {
+      r === "visible" ? this[r] = m[r] === void 0 ? !0 : m[r] : this[r] = m[r];
+    }), this.shown = this.visible, (h = m.appearance) != null && h.class && (this.class = (c = m.appearance) == null ? void 0 : c.class);
   }
   /** 是否可用 */
   get enable() {
-    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : de(() => !0);
+    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : fe(() => !0);
   }
   /** 设置宽度 */
-  setWidth(b) {
-    this.width = parseInt(b, 10);
+  setWidth(m) {
+    this.width = parseInt(m, 10);
   }
   /** 获取宽度 */
   getWidth() {
     return this.visible ? this.width : !1;
   }
 }
-class yn extends pt {
-  constructor(b) {
-    super(b);
+class xn extends ht {
+  constructor(m) {
+    super(m);
   }
 }
-function ht() {
-  function e(b) {
+function gt() {
+  function e(m) {
     const t = [];
-    return b.reduce((h, c) => (c.children && c.children.length > 0 ? h.push(new Ie(c)) : h.push(new yn(c)), h), t), t;
+    return m.reduce((h, c) => (c.children && c.children.length > 0 ? h.push(new Ie(c)) : h.push(new xn(c)), h), t), t;
   }
   return { buildResponseToolbarItems: e };
 }
-const { buildResponseToolbarItems: wn } = ht();
-class Ie extends pt {
+const { buildResponseToolbarItems: Cn } = gt();
+class Ie extends ht {
   constructor(t) {
     super(t);
-    ee(this, "placement", "");
+    J(this, "placement", "");
     // 下拉位置
     /** 是否可见 */
-    ee(this, "visible", !0);
+    J(this, "visible", !0);
     /** 下拉class */
-    ee(this, "dropdownClass", "");
+    J(this, "dropdownClass", "");
     /** 下拉菜单class */
-    ee(this, "menuClass", "");
+    J(this, "menuClass", "");
     /** 是否用分开的下拉按钮 */
-    ee(this, "split", !1);
-    ee(this, "children", []);
-    ee(this, "expanded", !1);
-    ee(this, "shown", !0);
+    J(this, "split", !1);
+    J(this, "children", []);
+    J(this, "expanded", !1);
+    J(this, "shown", !0);
     const h = ["visible", "icon", "isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
     Object.keys(t).filter((c) => h.indexOf(c) > -1).forEach((c) => {
       c === "visible" ? this[c] = t[c] === void 0 ? !0 : t[c] : this[c] = t[c];
-    }), this.shown = this.visible, t.children && t.children.length && (this.children = wn(t.children));
+    }), this.shown = this.visible, t.children && t.children.length && (this.children = Cn(t.children));
   }
 }
-function Ue() {
+function Ye() {
   function e(t) {
     const h = {
       "f-icon": !0
     };
     if (t.icon) {
       const c = t.icon.trim().split(" ");
-      c && c.length && c.reduce((r, D) => (r[D] = !0, r), h);
+      c && c.length && c.reduce((r, T) => (r[T] = !0, r), h);
     }
     return h;
   }
-  function b(t) {
+  function m(t) {
     return !!(t.icon && t.icon.trim());
   }
-  return { iconClass: e, shouldShowIcon: b };
+  return { iconClass: e, shouldShowIcon: m };
 }
-function xn(e, b) {
-  function t(g) {
-    return ie({
+function Tn(e, m) {
+  function t(p) {
+    return re({
       "dropdown-menu": !0
-    }, g.menuClass);
+    }, p.menuClass);
   }
-  function h(g) {
+  function h(p) {
     const o = {
-      disabled: !g.enable,
+      disabled: !p.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0,
       "text-truncate": !0
     };
-    return ie(o, g.dropdownClass);
+    return re(o, p.dropdownClass);
   }
-  function c(g) {
+  function c(p) {
     const o = {
-      disabled: !g.enable,
+      disabled: !p.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "text-truncate": !0
     };
-    return ie(o, g.dropdownClass);
+    return re(o, p.dropdownClass);
   }
-  function r(g) {
+  function r(p) {
     const o = {
-      disabled: !g.enable,
+      disabled: !p.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "text-truncate": !0,
-      "f-rt-toggle": !g.split,
-      "btn-icontext": !!(g.icon && g.icon.trim()),
-      "dropdown-toggle": !g.split
+      "f-rt-toggle": !p.split,
+      "btn-icontext": !!(p.icon && p.icon.trim()),
+      "dropdown-toggle": !p.split,
+      "btn-secondary": !0
     };
-    return ie(o, g.dropdownClass);
+    return re(o, p.dropdownClass);
   }
-  function D(g) {
+  function T(p) {
     const o = {
       "f-rt-btn": !0,
       "text-truncate": !0,
-      "btn-icontext": !!(g.icon && g.icon.trim()),
+      "btn-icontext": !!(p.icon && p.icon.trim()),
       "d-block": !0
     };
-    return ie(o, g.dropdownClass);
+    return re(o, p.dropdownClass);
   }
-  let m;
-  const v = /* @__PURE__ */ new Map();
-  let S = "";
-  function P(g) {
-    S = "#" + g;
-  }
-  function d(g, o, $) {
-    g.stopPropagation();
-    const T = $ ? $.id : "__top_item__";
+  let x;
+  const g = /* @__PURE__ */ new Map();
+  let E = "";
+  function P(p) {
+    E = "#" + p;
+  }
+  function u(p, o, F) {
+    p.stopPropagation();
+    const I = F ? F.id : "__top_item__";
     if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded)) {
-      if (v.has(T) && v.get(T) !== o) {
-        const f = v.get(T);
-        f && (f.expanded = !1, v.delete(T));
+      if (g.has(I) && g.get(I) !== o) {
+        const f = g.get(I);
+        f && (f.expanded = !1, g.delete(I));
       }
-      v.set(T, o);
+      g.set(I, o);
     }
   }
-  function l(g, o) {
-    document.body.click(), o.enable && (g.stopPropagation(), typeof o.onClick == "function" && o.onClick(g, o.id), e.emit("click", g, o.id));
+  function l(p, o) {
+    document.body.click(), o.enable && (p.stopPropagation(), typeof o.onClick == "function" && o.onClick(p, o.id), e.emit("click", p, o.id));
   }
-  function u(g, o) {
-    const $ = g.target;
-    $.className.indexOf("dropdown-item") < 0 || ($.title = $.scrollWidth > $.clientWidth ? o : "");
+  function d(p, o) {
+    const F = p.target;
+    F.className.indexOf("dropdown-item") < 0 || (F.title = F.scrollWidth > F.clientWidth ? o : "");
   }
-  function i(g, o, $) {
+  function i(p, o, F) {
     if (o.tipsEnable && o.tipsText) {
-      const T = Se({
+      const I = Pe({
         content: o.tipsText,
         enable: o.tipsEnable
       });
-      return ke(N("li", {
+      return Ee(L("li", {
         class: c(o),
         id: o.id,
-        key: o.id + "_" + $,
+        key: o.id + "_" + F,
         onClick: (f) => l(f, o)
-      }, [N("span", {
-        class: D(o)
-      }, [b.shouldShowIcon(o) && N("i", {
-        class: b.iconClass(o)
-      }, null), o.text])]), [[Pe("tooltip"), T]]);
+      }, [L("span", {
+        class: T(o)
+      }, [m.shouldShowIcon(o) && L("i", {
+        class: m.iconClass(o)
+      }, null), o.text])]), [[Me("tooltip"), I]]);
     }
-    return N("li", {
+    return L("li", {
       class: c(o),
       id: o.id,
-      onClick: (T) => l(T, o)
-    }, [N("span", {
-      class: D(o),
-      onMouseenter: (T) => u(T, o.text)
-    }, [b.shouldShowIcon(o) && N("i", {
-      class: b.iconClass(o)
+      onClick: (I) => l(I, o)
+    }, [L("span", {
+      class: T(o),
+      onMouseenter: (I) => d(I, o.text)
+    }, [m.shouldShowIcon(o) && L("i", {
+      class: m.iconClass(o)
     }, null), o.text])]);
   }
-  function n(g, o, $) {
-    o.enable && (typeof o.onClick == "function" && $.onClick(g, o.id), e.emit("click", g, o.id), $.split || d(g, o, $));
+  function n(p, o, F) {
+    o.enable && (typeof o.onClick == "function" && F.onClick(p, o.id), e.emit("click", p, o.id), F.split || u(p, o, F));
   }
-  function k(g, o, $) {
-    g && g.stopPropagation(), d(g, o, $);
+  function S(p, o, F) {
+    p && p.stopPropagation(), u(p, o, F);
   }
-  function B(g, o) {
-    g.stopPropagation();
-    const $ = o.id;
-    if (o.children && o.children.length && o.expanded && v.has($)) {
-      const T = v.get($);
-      T && (T.expanded = !1, v.delete($));
+  function B(p, o) {
+    p.stopPropagation();
+    const F = o.id;
+    if (o.children && o.children.length && o.expanded && g.has(F)) {
+      const I = g.get(F);
+      I && (I.expanded = !1, g.delete(F));
     }
   }
-  function M(g, o, $) {
+  function G(p, o, F) {
     if (o.tipsEnable && o.tipsText) {
-      const T = Se({
+      const I = Pe({
         content: o.tipsText,
         enable: o.tipsEnable
       });
-      return N("li", {
+      return L("li", {
         class: h(o),
         id: o.id,
-        key: o.id + "_" + $,
-        onClick: (f) => n(f, o, g)
-      }, [ke(N("span", {
+        key: o.id + "_" + F,
+        onClick: (f) => n(f, o, p)
+      }, [Ee(L("span", {
         class: r(o)
-      }, [b.shouldShowIcon(o) && N("i", {
-        class: b.iconClass(o)
-      }, null), o.text]), [[Pe("tooltip"), T]]), o.split && N("span", {
+      }, [m.shouldShowIcon(o) && L("i", {
+        class: m.iconClass(o)
+      }, null), o.text]), [[Me("tooltip"), I]]), o.split && L("span", {
         class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-        onClick: (f) => k(f, o, g)
-      }, null), m(o, o)]);
+        onClick: (f) => S(f, o, p)
+      }, null), x(o, o)]);
     }
-    return N("li", {
+    return L("li", {
       class: h(o),
       id: o.id,
-      onClick: (T) => n(T, o, g),
-      onMouseenter: (T) => u(T, o.text)
-    }, [N("span", {
+      onClick: (I) => n(I, o, p),
+      onMouseenter: (I) => d(I, o.text)
+    }, [L("span", {
       class: r(o)
-    }, [b.shouldShowIcon(o) && N("i", {
-      class: b.iconClass(o)
-    }, null), o.text]), o.split && N("span", {
+    }, [m.shouldShowIcon(o) && L("i", {
+      class: m.iconClass(o)
+    }, null), o.text]), o.split && L("span", {
       class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-      onClick: (T) => k(T, o, g)
-    }, null), m(o, o)]);
+      onClick: (I) => S(I, o, p)
+    }, null), x(o, o)]);
   }
-  function j(g) {
-    return g.children.filter((o) => o.visible).map((o, $) => o.children && o.children.length ? M(g, o, $) : i(g, o, $));
+  function j(p) {
+    return p.children.filter((o) => o.visible).map((o, F) => o.children && o.children.length ? G(p, o, F) : i(p, o, F));
   }
-  function w(g, o) {
-    if (!g)
+  function D(p, o) {
+    if (!p)
       return 1080;
-    let $ = -1;
-    const T = g.children.length;
-    for (let f = 0; f < T; f++)
-      if (g.children[f].id === o) {
-        $ = f;
+    let F = -1;
+    const I = p.children.length;
+    for (let f = 0; f < I; f++)
+      if (p.children[f].id === o) {
+        F = f;
         break;
       }
-    return 1080 + T - $;
+    return 1080 + I - F;
   }
-  function y(g, o, $) {
-    var z, H;
-    const T = {
-      display: g.expanded ? "block" : "none",
+  function b(p, o, F) {
+    var W, Y;
+    const I = {
+      display: p.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       minWidth: "120px",
@@ -488,92 +493,95 @@ function xn(e, b) {
       // 先用固定zIndex,后期会统一调用动态的zIndex
       overflowY: "auto",
       maxHeight: "none"
-    }, f = document.querySelector(S);
+    }, f = document.querySelector(E);
     if (!f)
-      return T;
-    const x = Ft();
-    let s = (H = (z = x == null ? void 0 : x.exposed) == null ? void 0 : z.elementRef.value) == null ? void 0 : H.querySelector("#" + o);
+      return I;
+    const y = Wt();
+    let s = (Y = (W = y == null ? void 0 : y.exposed) == null ? void 0 : W.elementRef.value) == null ? void 0 : Y.querySelector("#" + o);
     if (s || (s = f == null ? void 0 : f.querySelector("#" + o)), !s)
-      return T;
-    const p = window.innerWidth, C = window.innerHeight, A = s == null ? void 0 : s.getClientRects();
-    if (s && A && A.length) {
+      return I;
+    const v = window.innerWidth, k = window.innerHeight, M = s == null ? void 0 : s.getClientRects();
+    if (s && M && M.length) {
       const {
-        top: Y,
-        width: L,
-        left: F,
-        right: Q,
-        height: V
-      } = A[0], Z = Math.ceil(V + Y);
-      T.top = `${Z}px`, T.left = `${F}px`;
-      const W = g.id + "_menu", I = (s == null ? void 0 : s.querySelector("#" + W)) || (f == null ? void 0 : f.querySelector("#" + W)) || null;
-      if (I) {
-        I.style.visibility = "hidden", I.style.display = "block";
-        const U = I.offsetHeight;
-        T.zIndex = g.expanded ? w(f, W) : 1080, T.display === "block" && (I.style.display = "block");
-        const G = I.getBoundingClientRect();
-        if ($) {
-          T.top = `${Y - 6}px`;
-          const O = Math.ceil(L + F);
-          T.left = `${O}px`;
+        top: X,
+        width: $,
+        left: N,
+        right: V,
+        height: U
+      } = M[0], H = Math.ceil(U + X);
+      I.top = `${H}px`, I.left = `${N}px`;
+      const q = p.id + "_menu", te = (s == null ? void 0 : s.querySelector("#" + q)) || (f == null ? void 0 : f.querySelector("#" + q)) || null;
+      if (te) {
+        te.style.visibility = "hidden", te.style.display = "block";
+        const ae = te.offsetHeight;
+        I.zIndex = p.expanded ? D(f, q) : 1080, I.display === "block" && (te.style.display = "block");
+        const w = te.getBoundingClientRect();
+        if (F) {
+          I.top = `${X - 6}px`;
+          const C = Math.ceil($ + N);
+          I.left = `${C}px`;
         }
-        p - F - L < G.width && (T.left = `${($ ? F : Q) - G.width}px`), C - Y - V < U ? Y > U ? (T.top = `${Y - U - 6}px`, T.maxHeight = `${Y - 16}px`) : (T.maxHeight = `${C - Z}px`, Y > C - Y - V && (T.top = "10px", T.maxHeight = `${Y - 16}px`)) : T.maxHeight = `${C - Z}px`, I.style.visibility = "visible";
+        v - N - $ < w.width && (I.left = `${(F ? N : V) - w.width}px`), k - X - U < ae ? X > ae ? (I.top = `${X - ae - 6}px`, I.maxHeight = `${X - 16}px`) : (I.maxHeight = `${k - H}px`, X > k - X - U && (I.top = "10px", I.maxHeight = `${X - 16}px`)) : I.maxHeight = `${k - H}px`, te.style.visibility = "visible";
       }
     }
-    return T;
+    return I;
   }
-  m = function(g, o) {
-    const $ = o ? o.id : g.id;
-    return N(Nt, {
-      to: S,
-      disabled: !g.expanded
+  x = function(p, o) {
+    const F = o ? o.id : p.id;
+    return L(Ft, {
+      to: E,
+      disabled: !p.expanded
     }, {
-      default: () => [N("ul", {
-        class: t(g),
-        style: y(g, $, o),
-        id: g.id + "_menu",
-        onWheel: (T) => B(T, g)
-      }, [j(g)])]
+      default: () => [L("ul", {
+        class: t(p),
+        style: b(p, F, o),
+        id: p.id + "_menu",
+        onWheel: (I) => B(I, p)
+      }, [j(p)])]
     });
   };
-  function _() {
-    v.forEach((g) => {
-      g.expanded = !1;
-    }), v.clear();
+  function O() {
+    g.forEach((p) => {
+      p.expanded = !1;
+    }), g.clear();
   }
   return {
-    renderDropdownMenu: m,
-    clearAllDropDownMenu: _,
+    renderDropdownMenu: x,
+    clearAllDropDownMenu: O,
     updateContainerId: P
   };
 }
-function Cn(e, b, t) {
-  const h = re(e.alignment), {
+function Dn(e, m, t) {
+  const h = oe(e.alignment), {
     renderDropdownMenu: c,
     clearAllDropDownMenu: r,
-    updateContainerId: D
-  } = xn(b, t);
-  function m(n) {
-    const k = {
+    updateContainerId: T
+  } = Tn(m, t);
+  function x(n) {
+    const S = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": h.value === "right" || h.value === "center",
       "f-btn-mr": h.value === "left"
     };
-    return ie(k, n.dropdownClass);
+    return re(S, n.dropdownClass);
   }
-  function v(n) {
-    const k = {
+  function g(n) {
+    const S = {
       btn: !0,
       disabled: !n.enable,
       "f-rt-btn": !0,
-      "btn-icontext": !!(n.icon && n.icon.trim()),
+      "btn-icontext": !!(n.icon && n.icon.trim()) && n.text,
+      // 图标+文本
       "f-rt-toggle": !n.split,
-      "dropdown-toggle": !n.split
+      "dropdown-toggle": !n.split,
+      "f-btn-icon": n.icon && !n.text
+      // 只有图标
     };
-    return ie(k, n.class);
+    return re(S, n.class);
   }
-  function S(n) {
-    return ie({
+  function E(n) {
+    return re({
       btn: !0,
       "dropdown-toggle": !0,
       "dropdown-toggle-split": !0
@@ -587,98 +595,98 @@ function Cn(e, b, t) {
       "border-radius": "6px"
     };
   }
-  function d(n, k) {
+  function u(n, S) {
     n.stopPropagation();
-    const B = k.expanded;
-    document.body.click(), typeof k.onClick == "function" && k.onClick(n, k.id), b.emit("click", n, k.id), k.split || (k.expanded = !B);
+    const B = S.expanded;
+    document.body.click(), typeof S.onClick == "function" && S.onClick(n, S.id), m.emit("click", n, S.id), S.split || (S.expanded = !B);
   }
-  function l(n, k) {
+  function l(n, S) {
     n.stopPropagation();
-    const B = k.expanded;
-    document.body.click(), k.expanded = !B;
+    const B = S.expanded;
+    document.body.click(), S.expanded = !B;
   }
-  function u(n, k = !0) {
+  function d(n, S = !0) {
     if (n.tipsEnable && n.tipsText) {
-      const B = Se({
+      const B = Pe({
         content: n.tipsText,
         enable: n.tipsEnable
       });
-      return N("div", {
+      return L("div", {
         id: n.id,
-        class: m(n)
-      }, [ke(N("div", {
-        class: v(n),
+        class: x(n)
+      }, [Ee(L("div", {
+        class: g(n),
         style: P(n),
-        onClick: (M) => n.enable && d(M, n)
-      }, [t.shouldShowIcon(n) && N("i", {
+        onClick: (G) => n.enable && u(G, n)
+      }, [t.shouldShowIcon(n) && L("i", {
         class: t.iconClass(n)
-      }, null), N("span", null, [n.text])]), [[Pe("tooltip"), B]]), n.split && N("button", {
-        class: S(n),
+      }, null), n.text && L("span", null, [n.text])]), [[Me("tooltip"), B]]), n.split && L("button", {
+        class: E(n),
         style: "border-radius:0 6px 6px 0;",
-        onClick: (M) => l(M, n)
-      }, null), k && c(n)]);
+        onClick: (G) => l(G, n)
+      }, null), S && c(n)]);
     }
-    return N("div", {
+    return L("div", {
       id: n.id,
-      class: m(n)
-    }, [N("div", {
-      class: v(n),
+      class: x(n)
+    }, [L("div", {
+      class: g(n),
       style: P(n),
-      onClick: (B) => n.enable && d(B, n)
-    }, [t.shouldShowIcon(n) && N("i", {
+      onClick: (B) => n.enable && u(B, n)
+    }, [t.shouldShowIcon(n) && L("i", {
       class: t.iconClass(n)
-    }, null), N("span", null, [n.text])]), n.split && N("button", {
-      class: S(n),
+    }, null), n.text && L("span", null, [n.text])]), n.split && L("button", {
+      class: E(n),
       style: "border-radius:0 6px 6px 0;",
       onClick: (B) => l(B, n)
-    }, null), k && c(n)]);
+    }, null), S && c(n)]);
   }
   function i() {
     r();
   }
   return {
-    renderToolbarDropdown: u,
+    renderToolbarDropdown: d,
     clearAllDropDown: i,
-    updateContainerId: D
+    updateContainerId: T
   };
 }
 const {
-  buildResponseToolbarItems: nt
-} = ht(), Tn = /* @__PURE__ */ qe({
+  buildResponseToolbarItems: ot
+} = gt(), Sn = /* @__PURE__ */ ze({
   name: "FResponseToolbar",
-  props: mn,
+  props: wn,
   emits: ["click"],
-  setup(e, b) {
-    const t = re(nt(e.items)), h = re(), c = re(), r = re(), D = {
+  setup(e, m) {
+    const t = oe(ot(e.items)), h = oe(), c = oe(), r = oe(), T = At(), x = {
       id: "__more_buttons__",
-      text: zt.getLocaleValue("responseToolbar.more")
-    }, m = re(new Ie(D)), v = {
-      id: D.id + "width",
-      text: D.text
-    }, S = re(-1), P = Ue();
-    let d = !1;
+      text: T ? "" : Gt.getLocaleValue("responseToolbar.more"),
+      icon: T ? "f-icon-more-horizontal" : ""
+    }, g = oe(new Ie(x)), E = Object.assign({}, x, {
+      id: x.id + "width"
+    }), P = oe(-1), u = Ye();
+    let l = !1;
     const {
-      guid: l,
-      uuid: u
-    } = At(), i = e.id ? e.id : "toolbar-" + l(), n = re(), k = "dropdown-container-" + i + "-" + u(4), {
-      renderToolbarDropdown: B,
-      clearAllDropDown: M,
-      updateContainerId: j
-    } = Cn(e, b, P);
-    j(k);
-    const w = de(() => m.value.children.length > 0), y = de(() => e.visible ? m.value.children.length > 0 ? !0 : t.value.findIndex((I) => I.shown && I.children && I.children.length > 0) > -1 : !1);
-    function _() {
-      e.visible && !n.value && document && (n.value = document.createElement("div"), n.value.id = k, document.body.appendChild(n.value));
+      guid: d,
+      uuid: i
+    } = _t(), n = e.id ? e.id : "toolbar-" + d(), S = oe(), B = "dropdown-container-" + n + "-" + i(4), {
+      renderToolbarDropdown: G,
+      clearAllDropDown: j,
+      updateContainerId: D
+    } = Dn(e, m, u);
+    D(B);
+    const b = fe(() => g.value.children.length > 0), O = fe(() => e.visible ? g.value.children.length > 0 ? !0 : t.value.findIndex((w) => w.shown && w.children && w.children.length > 0) > -1 : !1);
+    function p() {
+      e.visible && !S.value && document && (S.value = document.createElement("div"), S.value.id = B, document.body.appendChild(S.value));
     }
-    _();
-    function g() {
-      n.value && document.body.contains(n.value) && (document.body.removeChild(n.value), n.value = null);
+    p();
+    function o() {
+      S.value && document.body.contains(S.value) && (document.body.removeChild(S.value), S.value = null);
     }
-    De(y, (I, U) => {
-      I ? _() : g();
+    ke(O, (w, C) => {
+      w ? p() : o();
     });
-    const o = de(() => {
-      const I = {
+    const F = fe(() => {
+      const w = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0,
@@ -686,8 +694,8 @@ const {
         "f-response-toolbar-lg": e.buttonSize === "lg",
         "d-none": !e.visible
       };
-      return ie(I, e.customClass);
-    }), $ = de(() => ({
+      return re(w, e.customClass);
+    }), I = fe(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
@@ -695,196 +703,211 @@ const {
       "justify-content-start": e.alignment === "left",
       "justify-content-center": e.alignment === "center"
     }));
-    function T(I) {
-      I && I.target.closest("ul.dropdown-menu") && I.type === "wheel" || (t.value.filter((U) => U.children && U.children.length > 0).forEach((U) => {
-        U.expanded = !1;
-      }), m.value.expanded = !1, M());
+    function f(w) {
+      w && w.target.closest("ul.dropdown-menu") && w.type === "wheel" || (t.value.filter((C) => C.children && C.children.length > 0).forEach((C) => {
+        C.expanded = !1;
+      }), g.value.expanded = !1, j());
     }
-    function f(I, U) {
-      var X;
-      const G = {
+    function y(w, C) {
+      var ee;
+      const _ = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": e.alignment === "right" || U > 0 && e.alignment === "center",
+        "f-btn-ml": e.alignment === "right" || C > 0 && e.alignment === "center",
         "f-btn-mr": e.alignment === "left",
-        "btn-icontext": !!(I.icon && I.icon.trim())
-      }, O = ((X = I == null ? void 0 : I.appearance) == null ? void 0 : X.class) || I.class || "btn-secondary";
-      return ie(G, O);
+        "btn-icontext": !!(w.icon && w.icon.trim())
+      }, K = ((ee = w == null ? void 0 : w.appearance) == null ? void 0 : ee.class) || w.class || "btn-secondary";
+      return re(_, K);
     }
-    function x(I, U) {
-      document.body.click(), typeof U.onClick == "function" && U.onClick(I, U.id), b.emit("click", I, U.id);
+    function s(w, C) {
+      document.body.click(), typeof C.onClick == "function" && C.onClick(w, C.id), m.emit("click", w, C.id);
     }
-    function s(I, U) {
-      if (I.tipsEnable && I.tipsText) {
-        const G = Se({
-          content: I.tipsText,
-          enable: I.tipsEnable
+    function v(w, C) {
+      if (w.tipsEnable && w.tipsText) {
+        const _ = Pe({
+          content: w.tipsText,
+          enable: w.tipsEnable
         });
-        return ke(N("button", {
+        return Ee(L("button", {
           type: "button",
-          class: f(I, U),
-          id: I.id,
-          disabled: !I.enable,
-          onClick: (O) => x(O, I)
-        }, [P.shouldShowIcon(I) && N("i", {
-          class: P.iconClass(I)
-        }, null), I.text]), [[Pe("tooltip"), G]]);
+          class: y(w, C),
+          id: w.id,
+          disabled: !w.enable,
+          onClick: (K) => s(K, w)
+        }, [u.shouldShowIcon(w) && L("i", {
+          class: u.iconClass(w)
+        }, null), w.text]), [[Me("tooltip"), _]]);
       }
-      return N("button", {
+      return L("button", {
         type: "button",
-        class: f(I, U),
-        id: I.id,
-        disabled: !I.enable,
-        onClick: (G) => x(G, I)
-      }, [P.shouldShowIcon(I) && N("i", {
-        class: P.iconClass(I)
-      }, null), I.text]);
+        class: y(w, C),
+        id: w.id,
+        disabled: !w.enable,
+        onClick: (_) => s(_, w)
+      }, [u.shouldShowIcon(w) && L("i", {
+        class: u.iconClass(w)
+      }, null), w.text]);
     }
-    let p = /* @__PURE__ */ new Map(), C = [];
-    function A(I) {
-      const U = Math.ceil(parseFloat(getComputedStyle(I).getPropertyValue("margin-left"))), G = Math.ceil(parseFloat(getComputedStyle(I).getPropertyValue("margin-right")));
-      return (U || 0) + I.getBoundingClientRect().width + (G || 0);
+    let k = /* @__PURE__ */ new Map(), M = [];
+    function W(w) {
+      const C = Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-left"))), _ = Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-right")));
+      return (C || 0) + w.getBoundingClientRect().width + (_ || 0);
     }
-    function z(I, U, G) {
-      if (U < S.value) {
-        let O = G - 1;
-        for (; O >= 0; O--) {
-          const X = I[O], ne = A(X);
-          if (U += ne, U >= S.value)
+    function Y(w, C, _) {
+      if (C < P.value) {
+        let K = _ - 1;
+        for (; K >= 0; K--) {
+          const ee = w[K], ne = W(ee);
+          if (C += ne, C >= P.value)
             break;
         }
-        G = O;
+        _ = K;
       }
-      return U -= S.value, G = G < 0 ? 0 : G, {
-        start: G,
-        space: U
+      return C -= P.value, _ = _ < 0 ? 0 : _, {
+        start: _,
+        space: C
       };
     }
-    function H(I) {
-      const U = r.value;
-      let G = I;
-      const X = Array.from(U.children).filter((ae) => ae.id !== "__more_buttons__"), ne = X.length;
-      let oe = !1, te = 0;
-      for (; te < ne; te++) {
-        const ae = X[te], he = A(ae);
-        if (he <= G)
-          G -= he;
+    function X(w) {
+      const C = r.value;
+      let _ = w;
+      const ee = Array.from(C.children).filter((ce) => ce.id !== "__more_buttons__"), ne = ee.length;
+      let ye = !1, se = 0;
+      for (; se < ne; se++) {
+        const ce = ee[se], we = W(ce);
+        if (we <= _)
+          _ -= we;
         else {
-          const me = z(X, G, te);
-          te = me.start, G = me.space, oe = !0;
+          const he = Y(ee, _, se);
+          se = he.start, _ = he.space, ye = !0;
           break;
         }
       }
-      if (!oe && C.length > 0) {
-        const ae = z(X, G, te);
-        te = ae.start, G = ae.space;
+      if (!ye && M.length > 0) {
+        const ce = Y(ee, _, se);
+        se = ce.start, _ = ce.space;
       }
-      const ye = C.length > 0;
-      for (; te < ne; te++) {
-        const ae = X[te], he = A(ae);
-        p.set(ae.id, !0);
-        const me = C.find((Me) => Me.id === ae.id);
-        me ? me.width = he : C[ye ? "unshift" : "push"]({
-          id: ae.id,
-          width: he
+      const De = M.length > 0;
+      for (; se < ne; se++) {
+        const ce = ee[se], we = W(ce);
+        k.set(ce.id, !0);
+        const he = M.find((Oe) => Oe.id === ce.id);
+        he ? he.width = we : M[De ? "unshift" : "push"]({
+          id: ce.id,
+          width: we
         });
       }
-      return G;
+      return _;
+    }
+    function $() {
+      k = /* @__PURE__ */ new Map(), M = [];
     }
-    function Y(I) {
-      let U = H(I);
-      if (C.length) {
-        let ne = 0;
-        for (; ne < C.length; ne++) {
-          const oe = e.items.find((te) => te.id === C[ne].id);
-          if (oe && oe.visible !== !1) {
-            const te = C[ne].width;
-            if (U >= te || ne === C.length - 1 && U + S.value >= te)
-              U -= te;
+    function N(w = !1) {
+      const C = Object.assign({}, g.value);
+      C.children = [];
+      const _ = new Ie(C), K = t.value.reduce((ee, ne) => {
+        const ye = e.items.find((se) => se.id === ne.id);
+        return w ? (_.children.push(ne), ne.shown = !1, ee) : (k.has(ne.id) ? (_.children.push(ne), ne.shown = !1) : ne.shown = ye.visible !== !1, ee.push(ne), ee);
+      }, []);
+      g.value = _, t.value = K;
+    }
+    function V(w) {
+      if (T) {
+        $(), N(!0);
+        return;
+      }
+      let C = X(w);
+      if (M.length) {
+        let _ = 0;
+        for (; _ < M.length; _++) {
+          const K = e.items.find((ee) => ee.id === M[_].id);
+          if (K && K.visible !== !1) {
+            const ee = M[_].width;
+            if (C >= ee || _ === M.length - 1 && C + P.value >= ee)
+              C -= ee;
             else
               break;
           }
         }
-        for (let oe = 0; oe < ne; oe++)
-          p.delete(C[oe].id);
-        C.splice(0, ne - 1);
+        for (let K = 0; K < _; K++)
+          k.delete(M[K].id);
+        M.splice(0, _ - 1);
       }
-      const G = Object.assign({}, m.value);
-      G.children = [];
-      const O = new Ie(G), X = t.value.reduce((ne, oe) => {
-        const te = e.items.find((ye) => ye.id === oe.id);
-        return p.has(oe.id) ? (O.children.push(oe), oe.shown = !1) : oe.shown = te.visible !== !1, ne.push(oe), ne;
-      }, []);
-      m.value = O, t.value = X;
+      N();
     }
-    function L(I = -1) {
-      if (I === 0 || !r.value || !c.value)
-        return;
-      I < 0 && (I = c.value.getBoundingClientRect().width);
-      const U = r.value.getBoundingClientRect().width;
-      (I >= 0 && I < U || C.length) && (Y(I), T());
-    }
-    function F() {
-      return S.value < 0 && N("div", {
-        style: "position:absolute;top:-30px;visibility:hidden;"
-      }, [B(new Ie(v))]);
+    function U() {
+      if (h.value && P.value < 0) {
+        const w = h.value.querySelector("#" + E.id);
+        if (!w)
+          return;
+        w.getBoundingClientRect().width === 0 ? P.value = -1 : P.value = W(w);
+      }
     }
-    const Q = new ResizeObserver((I) => {
-      if (I.length) {
-        const G = I[0].contentRect.width;
-        L(G);
+    function H(w = -1) {
+      if (w === 0 || !r.value || !c.value)
+        return;
+      w < 0 && (w = c.value.getBoundingClientRect().width);
+      const C = r.value.getBoundingClientRect().width;
+      if (T) {
+        V(w), f();
+        return;
       }
-    });
-    function V() {
-      p = /* @__PURE__ */ new Map(), C = [];
+      (w >= 0 && w < C || M.length) && (U(), V(w), f());
     }
-    function Z() {
-      c.value && !d && (Q.observe(c.value), d = !0);
+    function q() {
+      return P.value < 0 && L("div", {
+        style: "position:fixed;top:-40px;visibility:hidden;"
+      }, [G(new Ie(E))]);
     }
-    function W() {
-      if (h.value && S.value < 0) {
-        const I = h.value.querySelector("#" + v.id);
-        I && (S.value = A(I));
+    const te = new ResizeObserver((w) => {
+      if (w.length) {
+        if (T)
+          return;
+        const _ = w[0].contentRect.width;
+        H(_);
       }
+    });
+    function ae() {
+      c.value && !l && (te.observe(c.value), l = !0);
     }
-    return ze(() => {
-      W(), L(), Z(), document.body.addEventListener("click", T), document.body.addEventListener("wheel", T);
-    }), ct(() => {
-      Q.disconnect(), g(), document.body.removeEventListener("click", T), document.body.removeEventListener("wheel", T);
-    }), De(() => e.items, () => {
-      t.value = nt(e.items), m.value.children = [], Ce(() => {
-        V(), L();
+    return Ge(() => {
+      U(), H(), ae(), document.body.addEventListener("click", f), document.body.addEventListener("wheel", f);
+    }), ut(() => {
+      te.disconnect(), o(), document.body.removeEventListener("click", f), document.body.removeEventListener("wheel", f);
+    }), ke(() => e.items, () => {
+      t.value = ot(e.items), g.value.children = [], Te(() => {
+        U(), $(), H();
       });
     }, {
       deep: !0
-    }), De(() => e.visible, (I) => {
-      I && Ce(() => {
-        W(), L(), Z();
+    }), ke(() => e.visible, (w) => {
+      w && Te(() => {
+        U(), H(), ae();
       });
-    }), b.expose({
+    }), m.expose({
       elementRef: h
-    }), () => N("div", {
-      class: o.value,
-      id: i,
+    }), () => L("div", {
+      class: F.value,
+      id: n,
       ref: h,
       style: {
-        "overflow-y": S.value < 0 ? "hidden" : "initial"
+        "overflow-y": P.value < 0 ? "hidden" : "initial"
       }
-    }, [e.visible && F(), e.visible && N("div", {
+    }, [e.visible && q(), e.visible && L("div", {
       ref: c,
-      class: $.value
-    }, [N("div", {
+      class: I.value
+    }, [L("div", {
       ref: r,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.filter((I) => I.shown).map((I, U) => I.children && I.children.length > 0 ? B(I) : s(I, U)), w.value && B(m.value)])])]);
+    }, [t.value.filter((w) => w.shown).map((w, C) => w.children && w.children.length > 0 ? G(w) : v(w, C)), b.value && G(g.value)])])]);
   }
 });
-class Dn extends ut {
+class kn extends dt {
   constructor(t, h, c = "response-toolbar") {
     super(t, h);
     // 有三类值 response-toolbar、section-toolbar、tab-toolbar
-    ee(this, "toolbarType", "response-toolbar");
+    J(this, "toolbarType", "response-toolbar");
     this.toolbarType = c;
   }
   getPropertyConfig(t) {
@@ -938,51 +961,61 @@ class Dn extends ut {
     };
   }
 }
-function In(e, b, t) {
+function In(e, m, t) {
   const h = e.schema;
   function c() {
-    var n;
+    var n, S, B;
     let i = ((n = e.parent) == null ? void 0 : n.schema.type) || "";
-    ["page-header", "tabs", "section"].findIndex((k) => k === i) === -1 && (i = ""), t.toolbarPosition = i;
+    i === "drawer" && (((S = e.parent) == null ? void 0 : S.schema.headerToolbar.id) === h.id ? i = "drawer-header-toolbar" : ((B = e.parent) == null ? void 0 : B.schema.footerToolbar.id) === h.id && (i = "drawer-footer-toolbar")), ["page-header", "tabs", "section", "drawer-header-toolbar", "drawer-footer-toolbar"].findIndex((G) => G === i) === -1 && (i = ""), t.toolbarPosition = i;
   }
   c();
   function r(i) {
     return !1;
   }
-  function D(i, n) {
+  function T(i, n) {
     return n.text = i.label, n;
   }
-  function m() {
+  function x() {
     return !1;
   }
-  function v() {
+  function g() {
     return !1;
   }
-  function S() {
+  function E() {
     return !1;
   }
   function P() {
     return !0;
   }
-  function d(i) {
-    return new Dn(i, b, h.type).getPropertyConfig(h);
+  function u(i) {
+    return new kn(i, m, h.type).getPropertyConfig(h);
   }
   function l(i) {
-    var M;
+    var G;
     i && (i.stopPropagation(), i.preventDefault());
     const { schema: n } = e;
     n.buttons || (n.buttons = []);
-    let k = "";
+    let S = "";
     if (n.type)
-      k = n.type + "-item";
-    else {
-      const j = (M = e.parent) == null ? void 0 : M.schema.type;
-      k = j === "tabs" ? "tab-toolbar-item" : j === "section" ? "section-toolbar-item" : "response-toolbar-item";
-    }
-    const B = lt(k);
+      S = n.type + "-item";
+    else
+      switch ((G = e.parent) == null ? void 0 : G.schema.type) {
+        case "tabs":
+          S = "tab-toolbar-item";
+          break;
+        case "section":
+          S = "section-toolbar-item";
+          break;
+        case "drawer":
+          S = "drawer-toolbar-item";
+          break;
+        default:
+          S = "response-toolbar-item";
+      }
+    const B = at(S);
     B.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, n.buttons.push(B), t.updateToolbarItems(), t.changeSelectedId("");
   }
-  function u() {
+  function d() {
     return [
       {
         id: "appendItem",
@@ -995,292 +1028,292 @@ function In(e, b, t) {
   }
   return {
     canAccepts: r,
-    checkCanAddComponent: S,
-    checkCanDeleteComponent: v,
-    checkCanMoveComponent: m,
+    checkCanAddComponent: E,
+    checkCanDeleteComponent: g,
+    checkCanMoveComponent: x,
     hideNestedPaddingInDesginerView: P,
-    onResolveNewComponentSchema: D,
-    getPropsConfig: d,
-    getCustomButtons: u
+    onResolveNewComponentSchema: T,
+    getPropsConfig: u,
+    getCustomButtons: d
   };
 }
-var ve = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Sn(e) {
+var me = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Pn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function Te(e) {
+function Se(e) {
   throw new Error('Could not dynamically require "' + e + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var gt = { exports: {} };
-(function(e, b) {
+var bt = { exports: {} };
+(function(e, m) {
   (function(t) {
     e.exports = t();
   })(function() {
     return (/* @__PURE__ */ function() {
       function t(h, c, r) {
-        function D(S, P) {
-          if (!c[S]) {
-            if (!h[S]) {
-              var d = typeof Te == "function" && Te;
-              if (!P && d) return d(S, !0);
-              if (m) return m(S, !0);
-              var l = new Error("Cannot find module '" + S + "'");
+        function T(E, P) {
+          if (!c[E]) {
+            if (!h[E]) {
+              var u = typeof Se == "function" && Se;
+              if (!P && u) return u(E, !0);
+              if (x) return x(E, !0);
+              var l = new Error("Cannot find module '" + E + "'");
               throw l.code = "MODULE_NOT_FOUND", l;
             }
-            var u = c[S] = { exports: {} };
-            h[S][0].call(u.exports, function(i) {
-              var n = h[S][1][i];
-              return D(n || i);
-            }, u, u.exports, t, h, c, r);
+            var d = c[E] = { exports: {} };
+            h[E][0].call(d.exports, function(i) {
+              var n = h[E][1][i];
+              return T(n || i);
+            }, d, d.exports, t, h, c, r);
           }
-          return c[S].exports;
+          return c[E].exports;
         }
-        for (var m = typeof Te == "function" && Te, v = 0; v < r.length; v++) D(r[v]);
-        return D;
+        for (var x = typeof Se == "function" && Se, g = 0; g < r.length; g++) T(r[g]);
+        return T;
       }
       return t;
     }())({
       1: [function(t, h, c) {
-        var r = {}, D = "(?:^|\\s)", m = "(?:\\s|$)";
-        function v(d) {
-          var l = r[d];
-          return l ? l.lastIndex = 0 : r[d] = l = new RegExp(D + d + m, "g"), l;
+        var r = {}, T = "(?:^|\\s)", x = "(?:\\s|$)";
+        function g(u) {
+          var l = r[u];
+          return l ? l.lastIndex = 0 : r[u] = l = new RegExp(T + u + x, "g"), l;
         }
-        function S(d, l) {
-          var u = d.className;
-          u.length ? v(l).test(u) || (d.className += " " + l) : d.className = l;
+        function E(u, l) {
+          var d = u.className;
+          d.length ? g(l).test(d) || (u.className += " " + l) : u.className = l;
         }
-        function P(d, l) {
-          d.className = d.className.replace(v(l), " ").trim();
+        function P(u, l) {
+          u.className = u.className.replace(g(l), " ").trim();
         }
         h.exports = {
-          add: S,
+          add: E,
           rm: P
         };
       }, {}],
       2: [function(t, h, c) {
         (function(r) {
-          var D = t("contra/emitter"), m = t("crossvent"), v = t("./classes"), S = document, P = S.documentElement;
-          function d(f, x) {
+          var T = t("contra/emitter"), x = t("crossvent"), g = t("./classes"), E = document, P = E.documentElement;
+          function u(f, y) {
             var s = arguments.length;
-            s === 1 && Array.isArray(f) === !1 && (x = f, f = []);
-            var p, C, A, z, H, Y, L, F, Q, V = null, Z, W, I = !1, U = 0, G, O = x || {};
-            O.moves === void 0 && (O.moves = M), O.accepts === void 0 && (O.accepts = M), O.invalid === void 0 && (O.invalid = yt), O.containers === void 0 && (O.containers = f || []), O.isContainer === void 0 && (O.isContainer = B), O.copy === void 0 && (O.copy = !1), O.copySortSource === void 0 && (O.copySortSource = !1), O.revertOnSpill === void 0 && (O.revertOnSpill = !1), O.removeOnSpill === void 0 && (O.removeOnSpill = !1), O.direction === void 0 && (O.direction = "vertical"), O.ignoreInputTextSelection === void 0 && (O.ignoreInputTextSelection = !0), O.mirrorContainer === void 0 && (O.mirrorContainer = S.body);
-            var X = D({
-              containers: O.containers,
+            s === 1 && Array.isArray(f) === !1 && (y = f, f = []);
+            var v, k, M, W, Y, X, $, N, V, U = null, H, q, te = !1, ae = 0, w, C = y || {};
+            C.moves === void 0 && (C.moves = G), C.accepts === void 0 && (C.accepts = G), C.invalid === void 0 && (C.invalid = yt), C.containers === void 0 && (C.containers = f || []), C.isContainer === void 0 && (C.isContainer = B), C.copy === void 0 && (C.copy = !1), C.copySortSource === void 0 && (C.copySortSource = !1), C.revertOnSpill === void 0 && (C.revertOnSpill = !1), C.removeOnSpill === void 0 && (C.removeOnSpill = !1), C.direction === void 0 && (C.direction = "vertical"), C.ignoreInputTextSelection === void 0 && (C.ignoreInputTextSelection = !0), C.mirrorContainer === void 0 && (C.mirrorContainer = E.body);
+            var _ = T({
+              containers: C.containers,
               start: mt,
-              end: Xe,
-              cancel: Ze,
-              remove: Qe,
-              destroy: ae,
-              canMove: vt,
+              end: He,
+              cancel: Je,
+              remove: Ze,
+              destroy: se,
+              canMove: Oe,
               dragging: !1
             });
-            return O.removeOnSpill === !0 && X.on("over", xt).on("out", Ct), oe(), X;
-            function ne(a) {
-              return X.containers.indexOf(a) !== -1 || O.isContainer(a);
+            return C.removeOnSpill === !0 && _.on("over", xt).on("out", Ct), ee(), _;
+            function K(a) {
+              return _.containers.indexOf(a) !== -1 || C.isContainer(a);
             }
-            function oe(a) {
-              var E = a ? "remove" : "add";
-              i(P, E, "mousedown", me), i(P, E, "mouseup", Be);
+            function ee(a) {
+              var R = a ? "remove" : "add";
+              i(P, R, "mousedown", ce), i(P, R, "mouseup", Be);
             }
-            function te(a) {
-              var E = a ? "remove" : "add";
-              i(P, E, "mousemove", Me);
+            function ne(a) {
+              var R = a ? "remove" : "add";
+              i(P, R, "mousemove", we);
             }
             function ye(a) {
-              var E = a ? "remove" : "add";
-              m[E](P, "selectstart", he), m[E](P, "click", he);
+              var R = a ? "remove" : "add";
+              x[R](P, "selectstart", De), x[R](P, "click", De);
             }
-            function ae() {
-              oe(!0), Be({});
+            function se() {
+              ee(!0), Be({});
             }
-            function he(a) {
-              Z && a.preventDefault();
+            function De(a) {
+              H && a.preventDefault();
             }
-            function me(a) {
-              z = a.clientX, H = a.clientY;
-              var E = n(a) !== 1 || a.metaKey || a.ctrlKey;
-              if (!E) {
-                var R = a.target, q = Re(R);
-                q && (Z = q, te(), a.type === "mousedown" && (_(R) ? R.focus() : a.preventDefault()));
+            function ce(a) {
+              W = a.clientX, Y = a.clientY;
+              var R = n(a) !== 1 || a.metaKey || a.ctrlKey;
+              if (!R) {
+                var A = a.target, z = he(A);
+                z && (H = z, ne(), a.type === "mousedown" && (O(A) ? A.focus() : a.preventDefault()));
               }
             }
-            function Me(a) {
-              if (Z) {
+            function we(a) {
+              if (H) {
                 if (n(a) === 0) {
                   Be({});
                   return;
                 }
-                if (!(a.clientX !== void 0 && Math.abs(a.clientX - z) <= (O.slideFactorX || 0) && a.clientY !== void 0 && Math.abs(a.clientY - H) <= (O.slideFactorY || 0))) {
-                  if (O.ignoreInputTextSelection) {
-                    var E = T("clientX", a) || 0, R = T("clientY", a) || 0, q = S.elementFromPoint(E, R);
-                    if (_(q))
+                if (!(a.clientX !== void 0 && Math.abs(a.clientX - W) <= (C.slideFactorX || 0) && a.clientY !== void 0 && Math.abs(a.clientY - Y) <= (C.slideFactorY || 0))) {
+                  if (C.ignoreInputTextSelection) {
+                    var R = I("clientX", a) || 0, A = I("clientY", a) || 0, z = E.elementFromPoint(R, A);
+                    if (O(z))
                       return;
                   }
-                  var J = Z;
-                  te(!0), ye(), Xe(), Ye(J), v.add(F || A, "gu-transit"), Dt(), Tt(), U = 0, Ae(a);
+                  var Q = H;
+                  ne(!0), ye(), He(), Xe(Q), g.add(N || M, "gu-transit"), Dt(), Tt(), ae = 0, _e(a);
                 }
               }
             }
-            function Re(a) {
-              if (!(X.dragging && p) && !ne(a)) {
-                for (var E = a; y(a) && ne(y(a)) === !1; )
-                  if (O.invalid(a, E) || (a = y(a), !a))
+            function he(a) {
+              if (!(_.dragging && v) && !K(a)) {
+                for (var R = a; b(a) && K(b(a)) === !1; )
+                  if (C.invalid(a, R) || (a = b(a), !a))
                     return;
-                var R = y(a);
-                if (R && !O.invalid(a, E)) {
-                  var q = O.moves(a, R, E, o(a));
-                  if (q)
+                var A = b(a);
+                if (A && !C.invalid(a, R)) {
+                  var z = C.moves(a, A, R, o(a));
+                  if (z)
                     return {
                       item: a,
-                      source: R
+                      source: A
                     };
                 }
               }
             }
-            function vt(a) {
-              return !!Re(a);
+            function Oe(a) {
+              return !!he(a);
             }
             function mt(a) {
-              var E = Re(a);
-              E && Ye(E);
+              var R = he(a);
+              R && Xe(R);
             }
-            function Ye(a) {
-              Bt(a.item, a.source) && (F = a.item.cloneNode(!0), X.emit("cloned", F, a.item, "copy")), C = a.source, A = a.item, Y = L = o(a.item), X.dragging = !0, X.emit("drag", A, C);
+            function Xe(a) {
+              Ot(a.item, a.source) && (N = a.item.cloneNode(!0), _.emit("cloned", N, a.item, "copy")), k = a.source, M = a.item, X = $ = o(a.item), _.dragging = !0, _.emit("drag", M, k);
             }
             function yt() {
               return !1;
             }
-            function Xe() {
-              if (X.dragging) {
-                var a = F || A;
-                Ve(a, y(a));
+            function He() {
+              if (_.dragging) {
+                var a = N || M;
+                Qe(a, b(a));
               }
             }
-            function He() {
-              Z = !1, te(!0), ye(!0);
+            function Ve() {
+              H = !1, ne(!0), ye(!0);
             }
             function Be(a) {
-              if (He(), !!X.dragging) {
-                var E = F || A, R = T("clientX", a) || 0, q = T("clientY", a) || 0, J = k(p, R, q), K = Je(J, R, q);
-                K && (F && O.copySortSource || !F || K !== C) ? Ve(E, K) : O.removeOnSpill ? Qe() : Ze();
+              if (Ve(), !!_.dragging) {
+                var R = N || M, A = I("clientX", a) || 0, z = I("clientY", a) || 0, Q = S(v, A, z), Z = Ke(Q, A, z);
+                Z && (N && C.copySortSource || !N || Z !== k) ? Qe(R, Z) : C.removeOnSpill ? Ze() : Je();
               }
             }
-            function Ve(a, E) {
-              var R = y(a);
-              F && O.copySortSource && E === C && R.removeChild(A), je(E) ? X.emit("cancel", a, C) : X.emit("drop", a, E, C, L), Oe();
+            function Qe(a, R) {
+              var A = b(a);
+              N && C.copySortSource && R === k && A.removeChild(M), Ae(R) ? _.emit("cancel", a, k) : _.emit("drop", a, R, k, $), je();
             }
-            function Qe() {
-              if (X.dragging) {
-                var a = F || A, E = y(a);
-                E && E.removeChild(a), X.emit(F ? "cancel" : "remove", a, E, C), Oe();
+            function Ze() {
+              if (_.dragging) {
+                var a = N || M, R = b(a);
+                R && R.removeChild(a), _.emit(N ? "cancel" : "remove", a, R, k), je();
               }
             }
-            function Ze(a) {
-              if (X.dragging) {
-                var E = arguments.length > 0 ? a : O.revertOnSpill, R = F || A, q = y(R), J = je(q);
-                J === !1 && E && (F ? q && q.removeChild(F) : C.insertBefore(R, Y)), J || E ? X.emit("cancel", R, C, C) : X.emit("drop", R, q, C, L), Oe();
+            function Je(a) {
+              if (_.dragging) {
+                var R = arguments.length > 0 ? a : C.revertOnSpill, A = N || M, z = b(A), Q = Ae(z);
+                Q === !1 && R && (N ? z && z.removeChild(N) : k.insertBefore(A, X)), Q || R ? _.emit("cancel", A, k, k) : _.emit("drop", A, z, k, $), je();
               }
             }
-            function Oe() {
-              var a = F || A;
-              He(), It(), St(), a && v.rm(a, "gu-transit"), Q && clearTimeout(Q), X.dragging = !1, V && X.emit("out", a, V, C), X.emit("dragend", a, U), C = A = F = Y = L = Q = V = null;
+            function je() {
+              var a = N || M;
+              Ve(), St(), kt(), a && g.rm(a, "gu-transit"), V && clearTimeout(V), _.dragging = !1, U && _.emit("out", a, U, k), _.emit("dragend", a, ae), k = M = N = X = $ = V = U = null;
             }
-            function je(a, E) {
-              var R;
-              return E !== void 0 ? R = E : p ? R = L : R = o(F || A), a === C && R === Y;
+            function Ae(a, R) {
+              var A;
+              return R !== void 0 ? A = R : v ? A = $ : A = o(N || M), a === k && A === X;
             }
-            function Je(a, E, R) {
-              for (var q = a; q && !J(); )
-                q = y(q);
-              return q;
-              function J() {
-                var K = ne(q);
-                if (K === !1)
+            function Ke(a, R, A) {
+              for (var z = a; z && !Q(); )
+                z = b(z);
+              return z;
+              function Q() {
+                var Z = K(z);
+                if (Z === !1)
                   return !1;
-                var pe = Ke(q, a), ce = et(q, pe, E, R), fe = je(q, ce);
-                return fe ? !0 : O.accepts(A, q, C, ce);
+                var ge = et(z, a), ue = tt(z, ge, R, A), pe = Ae(z, ue);
+                return pe ? !0 : C.accepts(M, z, k, ue);
               }
             }
-            function Ae(a) {
-              if (!p)
+            function _e(a) {
+              if (!v)
                 return;
               a.preventDefault();
-              var E = T("clientX", a) || 0, R = T("clientY", a) || 0;
-              p.style.left = E - 2 + "px", p.style.top = R - 2 + "px";
-              var q = F || A, J = k(p, E, R), K = Je(J, E, R), pe = K !== null && K !== V;
-              (pe || K === null) && (ue(), V = K, be()), Rt(J, R);
-              var ce = y(q);
-              if (K === C && F && !O.copySortSource) {
-                ce && ce.removeChild(q);
+              var R = I("clientX", a) || 0, A = I("clientY", a) || 0;
+              v.style.left = R - 2 + "px", v.style.top = A - 2 + "px";
+              var z = N || M, Q = S(v, R, A), Z = Ke(Q, R, A), ge = Z !== null && Z !== U;
+              (ge || Z === null) && (de(), U = Z, ve()), Rt(Q, A);
+              var ue = b(z);
+              if (Z === k && N && !C.copySortSource) {
+                ue && ue.removeChild(z);
                 return;
               }
-              var fe, ge = Ke(K, J);
-              if (I = kt(ge, K), ge !== null)
-                fe = et(K, ge, E, R);
-              else if (O.revertOnSpill === !0 && !F)
-                fe = Y, K = C;
+              var pe, be = et(Z, Q);
+              if (te = It(be, Z), be !== null)
+                pe = tt(Z, be, R, A);
+              else if (C.revertOnSpill === !0 && !N)
+                pe = X, Z = k;
               else {
-                F && ce && ce.removeChild(q), F && W && (W.style.display = "none");
+                N && ue && ue.removeChild(z), N && q && (q.style.display = "none");
                 return;
               }
-              W.style.display = "block", wt(fe, q, pe), fe ? Et(ge, fe) : Mt(K);
-              function se(le) {
-                X.emit(le, q, V, C);
+              q.style.display = "block", wt(pe, z, ge), pe ? Et(be, pe) : Mt(Z);
+              function ie(le) {
+                _.emit(le, z, U, k);
               }
-              function be() {
-                pe && se("over");
+              function ve() {
+                ge && ie("over");
               }
-              function ue() {
-                V && se("out");
+              function de() {
+                U && ie("out");
               }
             }
-            function wt(a, E, R) {
-              (a === E || a === o(E)) && (L = o(E)), (a === null && R || a !== E && a !== o(E)) && (L = a);
+            function wt(a, R, A) {
+              (a === R || a === o(R)) && ($ = o(R)), (a === null && A || a !== R && a !== o(R)) && ($ = a);
             }
             function xt(a) {
-              v.rm(a, "gu-hide");
+              g.rm(a, "gu-hide");
             }
             function Ct(a) {
-              X.dragging && v.add(a, "gu-hide");
+              _.dragging && g.add(a, "gu-hide");
             }
             function Tt() {
-              p || (p = document.createElement("div"), p.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", p.innerHTML = O.getMirrorText && O.getMirrorText(A) || "控件", v.add(p, "gu-mirror"), O.mirrorContainer.appendChild(p), i(P, "add", "mousemove", Ae), v.add(O.mirrorContainer, "gu-unselectable"), X.emit("cloned", p, A, "mirror"));
+              v || (v = document.createElement("div"), v.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", v.innerHTML = C.getMirrorText && C.getMirrorText(M) || "控件", g.add(v, "gu-mirror"), C.mirrorContainer.appendChild(v), i(P, "add", "mousemove", _e), g.add(C.mirrorContainer, "gu-unselectable"), _.emit("cloned", v, M, "mirror"));
             }
             function Dt() {
-              if (W = document.createElement("div"), v.add(W, "gu-insertion"), A) {
-                var a = A.getBoundingClientRect();
-                W.style.left = a.left + "px", W.style.top = a.top + "px";
+              if (q = document.createElement("div"), g.add(q, "gu-insertion"), M) {
+                var a = M.getBoundingClientRect();
+                q.style.left = a.left + "px", q.style.top = a.top + "px";
               }
-              I = !1, O.mirrorContainer.appendChild(W);
-            }
-            function It() {
-              p && (v.rm(O.mirrorContainer, "gu-unselectable"), i(P, "remove", "mousemove", Ae), y(p).removeChild(p), p = null);
+              te = !1, C.mirrorContainer.appendChild(q);
             }
             function St() {
-              W && (y(W).removeChild(W), W = null);
+              v && (g.rm(C.mirrorContainer, "gu-unselectable"), i(P, "remove", "mousemove", _e), b(v).removeChild(v), v = null);
+            }
+            function kt() {
+              q && (b(q).removeChild(q), q = null);
             }
-            function Ke(a, E) {
-              for (var R = E; R !== a && y(R) !== a; )
-                R = y(R);
-              return R === P ? null : R;
+            function et(a, R) {
+              for (var A = R; A !== a && b(A) !== a; )
+                A = b(A);
+              return A === P ? null : A;
             }
-            function kt(a, E) {
-              if (!E)
-                return I;
-              var R = a || E && E.lastElementChild;
+            function It(a, R) {
               if (!R)
+                return te;
+              var A = a || R && R.lastElementChild;
+              if (!A)
                 return !0;
-              var q = getComputedStyle(a), J = /^inline/.test(q.getPropertyValue("display")) || /^(left|right)$/.test(q.getPropertyValue("float"));
-              if (J)
+              var z = getComputedStyle(a), Q = /^inline/.test(z.getPropertyValue("display")) || /^(left|right)$/.test(z.getPropertyValue("float"));
+              if (Q)
                 return !0;
-              if (E) {
-                var K = getComputedStyle(E), pe = K.getPropertyValue("display");
-                if (/flex$/.test(pe)) {
-                  var ce = K.getPropertyValue("flex-direction") || "row";
-                  if (ce === "row" || ce === "row-reverse")
-                    return !Pt(E);
+              if (R) {
+                var Z = getComputedStyle(R), ge = Z.getPropertyValue("display");
+                if (/flex$/.test(ge)) {
+                  var ue = Z.getPropertyValue("flex-direction") || "row";
+                  if (ue === "row" || ue === "row-reverse")
+                    return !Pt(R);
                 }
                 return !1;
               }
@@ -1289,114 +1322,114 @@ var gt = { exports: {} };
             function Pt(a) {
               if (!a.children || !a.children.length)
                 return !1;
-              for (const E of Array.from(a.children)) {
-                const q = (E.className && E.className.split(" ") || []).filter((J) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(J));
-                if (!q.length)
+              for (const R of Array.from(a.children)) {
+                const z = (R.className && R.className.split(" ") || []).filter((Q) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(Q));
+                if (!z.length)
                   return !1;
-                for (const J of q) {
-                  const K = J.slice(J.lastIndexOf("-") + 1);
-                  if (parseInt(K, 10) !== 12)
+                for (const Q of z) {
+                  const Z = Q.slice(Q.lastIndexOf("-") + 1);
+                  if (parseInt(Z, 10) !== 12)
                     return !1;
                 }
               }
               return !0;
             }
-            function Et(a, E) {
-              const R = E.getBoundingClientRect();
-              if (W.style.left = R.left + "px", W.style.top = R.top + "px", I) {
-                if (W.style.height = R.height + "px", W.style.width = "4px", a) {
-                  const q = a.getBoundingClientRect();
-                  q.top !== R.top && (W.style.left = q.right + "px", W.style.top = q.top + "px", W.style.height = q.height + "px");
+            function Et(a, R) {
+              const A = R.getBoundingClientRect();
+              if (q.style.left = A.left + "px", q.style.top = A.top + "px", te) {
+                if (q.style.height = A.height + "px", q.style.width = "4px", a) {
+                  const z = a.getBoundingClientRect();
+                  z.top !== A.top && (q.style.left = z.right + "px", q.style.top = z.top + "px", q.style.height = z.height + "px");
                 }
-              } else if (W.style.height = "4px", W.style.width = R.width + "px", G) {
-                const q = G.getBoundingClientRect();
-                R.top < q.top && (W.style.display = "none");
+              } else if (q.style.height = "4px", q.style.width = A.width + "px", w) {
+                const z = w.getBoundingClientRect();
+                A.top < z.top && (q.style.display = "none");
               }
-              E === A && A && (W.style.display = "none");
+              R === M && M && (q.style.display = "none");
             }
             function Mt(a) {
-              L = null;
-              var E = a.lastElementChild;
-              if (E) {
-                var R = E.getBoundingClientRect();
-                I ? (W.style.left = R.right + "px", W.style.top = R.top + "px", W.style.height = R.height + "px", W.style.width = "4px") : (W.style.left = R.left + "px", W.style.top = R.bottom + "px", W.style.height = "4px", W.style.width = R.width + "px"), E === A && A && (W.style.display = "none");
+              $ = null;
+              var R = a.lastElementChild;
+              if (R) {
+                var A = R.getBoundingClientRect();
+                te ? (q.style.left = A.right + "px", q.style.top = A.top + "px", q.style.height = A.height + "px", q.style.width = "4px") : (q.style.left = A.left + "px", q.style.top = A.bottom + "px", q.style.height = "4px", q.style.width = A.width + "px"), R === M && M && (q.style.display = "none");
               } else
-                W.style.display = "none";
+                q.style.display = "none";
             }
-            function Rt(a, E) {
-              if (!O.mirrorContainer.contains(a) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (G = l(a), !G || !G.contains(a)))
+            function Rt(a, R) {
+              if (!C.mirrorContainer.contains(a) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (w = l(a), !w || !w.contains(a)))
                 return;
-              const R = document.querySelector(".dgComponentSelected"), q = G.getBoundingClientRect();
-              if (E - 30 < q.top && G.scrollTop > 0) {
-                let J = G.scrollTop < 10 ? G.scrollTop : 10;
-                G.scrollBy(0, -1 * J), R && G.contains(R) && (U = U + -1 * J);
+              const A = document.querySelector(".dgComponentSelected"), z = w.getBoundingClientRect();
+              if (R - 30 < z.top && w.scrollTop > 0) {
+                let Q = w.scrollTop < 10 ? w.scrollTop : 10;
+                w.scrollBy(0, -1 * Q), A && w.contains(A) && (ae = ae + -1 * Q);
               }
-              if (E + 30 > q.bottom && G.scrollTop < G.scrollHeight - G.clientHeight) {
-                const J = G.scrollHeight - G.clientHeight - G.scrollTop;
-                let K = J < 10 ? J : 10;
-                G.scrollBy(0, K), R && G.contains(R) && (U = U + K);
+              if (R + 30 > z.bottom && w.scrollTop < w.scrollHeight - w.clientHeight) {
+                const Q = w.scrollHeight - w.clientHeight - w.scrollTop;
+                let Z = Q < 10 ? Q : 10;
+                w.scrollBy(0, Z), A && w.contains(A) && (ae = ae + Z);
               }
             }
-            function et(a, E, R, q) {
-              var J = O.direction === "horizontal", K = O.direction === "mixed", pe = E !== a ? fe() : ce();
-              return pe;
-              function ce() {
-                var se = a.children.length, be, ue, le;
-                for (be = 0; be < se; be++)
-                  if (ue = a.children[be], le = ue.getBoundingClientRect(), J && le.left + le.width / 2 > R || !K && !J && le.top + le.height / 2 > q || K && le.left + le.width > R && le.top + le.height > q)
-                    return ue;
+            function tt(a, R, A, z) {
+              var Q = C.direction === "horizontal", Z = C.direction === "mixed", ge = R !== a ? pe() : ue();
+              return ge;
+              function ue() {
+                var ie = a.children.length, ve, de, le;
+                for (ve = 0; ve < ie; ve++)
+                  if (de = a.children[ve], le = de.getBoundingClientRect(), Q && le.left + le.width / 2 > A || !Z && !Q && le.top + le.height / 2 > z || Z && le.left + le.width > A && le.top + le.height > z)
+                    return de;
                 return null;
               }
-              function fe() {
-                var se = E.getBoundingClientRect();
-                if (K) {
-                  var be = q - se.top, ue = R - se.left, le = se.bottom - q, _e = se.right - R, $e = Math.min(ue, _e, be, le), Le;
-                  return I ? Le = _e < ue : Le = le === $e || _e === $e || ue === $e, ge(Le);
+              function pe() {
+                var ie = R.getBoundingClientRect();
+                if (Z) {
+                  var ve = z - ie.top, de = A - ie.left, le = ie.bottom - z, $e = ie.right - A, Le = Math.min(de, $e, ve, le), Ne;
+                  return te ? Ne = $e < de : Ne = le === Le || $e === Le || de === Le, be(Ne);
                 }
-                return ge(J ? R > se.left + j(se) / 2 : q > se.top + w(se) / 2);
+                return be(Q ? A > ie.left + j(ie) / 2 : z > ie.top + D(ie) / 2);
               }
-              function ge(se) {
-                return se ? o(E) : E;
+              function be(ie) {
+                return ie ? o(R) : R;
               }
             }
-            function Bt(a, E) {
-              return typeof O.copy == "boolean" ? O.copy : O.copy(a, E);
+            function Ot(a, R) {
+              return typeof C.copy == "boolean" ? C.copy : C.copy(a, R);
             }
           }
           function l(f) {
-            const x = Array.from(window.scrollContainerList);
-            if (x.length === 1) {
-              const p = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(p);
+            const y = Array.from(window.scrollContainerList);
+            if (y.length === 1) {
+              const v = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(v);
             }
-            const s = u(x);
-            for (const p of s)
-              if (p.contains(f))
-                return p;
+            const s = d(y);
+            for (const v of s)
+              if (v.contains(f))
+                return v;
             return null;
           }
-          function u(f) {
-            const x = [];
+          function d(f) {
+            const y = [];
             return f.forEach((s) => {
-              const p = document.getElementById(s);
-              p && x.push(p);
-            }), x.sort((s, p) => s.contains(p) ? 1 : p.contains(s) ? -1 : 0), x;
+              const v = document.getElementById(s);
+              v && y.push(v);
+            }), y.sort((s, v) => s.contains(v) ? 1 : v.contains(s) ? -1 : 0), y;
           }
-          function i(f, x, s, p) {
-            var C = {
+          function i(f, y, s, v) {
+            var k = {
               mouseup: "touchend",
               mousedown: "touchstart",
               mousemove: "touchmove"
-            }, A = {
+            }, M = {
               mouseup: "pointerup",
               mousedown: "pointerdown",
               mousemove: "pointermove"
-            }, z = {
+            }, W = {
               mouseup: "MSPointerUp",
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            r.navigator.pointerEnabled ? m[x](f, A[s], p) : r.navigator.msPointerEnabled ? m[x](f, z[s], p) : (m[x](f, C[s], p), m[x](f, s, p));
+            r.navigator.pointerEnabled ? x[y](f, M[s], v) : r.navigator.msPointerEnabled ? x[y](f, W[s], v) : (x[y](f, k[s], v), x[y](f, s, v));
           }
           function n(f) {
             if (f.touches !== void 0)
@@ -1405,39 +1438,39 @@ var gt = { exports: {} };
               return f.which;
             if (f.buttons !== void 0)
               return f.buttons;
-            var x = f.button;
-            if (x !== void 0)
-              return x & 1 ? 1 : x & 2 ? 3 : x & 4 ? 2 : 0;
+            var y = f.button;
+            if (y !== void 0)
+              return y & 1 ? 1 : y & 2 ? 3 : y & 4 ? 2 : 0;
           }
-          function k(f, x, s) {
+          function S(f, y, s) {
             f = f || {};
-            var p = f.className || "", C;
-            return f.className += " gu-hide", C = S.elementFromPoint(x, s), f.className = p, C;
+            var v = f.className || "", k;
+            return f.className += " gu-hide", k = E.elementFromPoint(y, s), f.className = v, k;
           }
           function B() {
             return !1;
           }
-          function M() {
+          function G() {
             return !0;
           }
           function j(f) {
             return f.width || f.right - f.left;
           }
-          function w(f) {
+          function D(f) {
             return f.height || f.bottom - f.top;
           }
-          function y(f) {
-            return f.parentNode === S ? null : f.parentNode;
+          function b(f) {
+            return f.parentNode === E ? null : f.parentNode;
           }
-          function _(f) {
-            return f.tagName === "INPUT" || f.tagName === "TEXTAREA" || f.tagName === "SELECT" || g(f);
+          function O(f) {
+            return f.tagName === "INPUT" || f.tagName === "TEXTAREA" || f.tagName === "SELECT" || p(f);
           }
-          function g(f) {
-            return !f || f.contentEditable === "false" ? !1 : f.contentEditable === "true" ? !0 : g(y(f));
+          function p(f) {
+            return !f || f.contentEditable === "false" ? !1 : f.contentEditable === "true" ? !0 : p(b(f));
           }
           function o(f) {
-            return f.nextElementSibling || x();
-            function x() {
+            return f.nextElementSibling || y();
+            function y() {
               var s = f;
               do
                 s = s.nextSibling;
@@ -1445,260 +1478,260 @@ var gt = { exports: {} };
               return s;
             }
           }
-          function $(f) {
+          function F(f) {
             return f.targetTouches && f.targetTouches.length ? f.targetTouches[0] : f.changedTouches && f.changedTouches.length ? f.changedTouches[0] : f;
           }
-          function T(f, x) {
-            var s = $(x), p = {
+          function I(f, y) {
+            var s = F(y), v = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return f in p && !(f in s) && p[f] in s && (f = p[f]), s[f];
+            return f in v && !(f in s) && v[f] in s && (f = v[f]), s[f];
           }
-          h.exports = d;
-        }).call(this, typeof ve < "u" ? ve : typeof self < "u" ? self : typeof window < "u" ? window : {});
+          h.exports = u;
+        }).call(this, typeof me < "u" ? me : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
       3: [function(t, h, c) {
-        h.exports = function(D, m) {
-          return Array.prototype.slice.call(D, m);
+        h.exports = function(T, x) {
+          return Array.prototype.slice.call(T, x);
         };
       }, {}],
       4: [function(t, h, c) {
         var r = t("ticky");
-        h.exports = function(m, v, S) {
-          m && r(function() {
-            m.apply(S || null, v || []);
+        h.exports = function(x, g, E) {
+          x && r(function() {
+            x.apply(E || null, g || []);
           });
         };
       }, { ticky: 10 }],
       5: [function(t, h, c) {
-        var r = t("atoa"), D = t("./debounce");
-        h.exports = function(v, S) {
-          var P = S || {}, d = {};
-          return v === void 0 && (v = {}), v.on = function(l, u) {
-            return d[l] ? d[l].push(u) : d[l] = [u], v;
-          }, v.once = function(l, u) {
-            return u._once = !0, v.on(l, u), v;
-          }, v.off = function(l, u) {
+        var r = t("atoa"), T = t("./debounce");
+        h.exports = function(g, E) {
+          var P = E || {}, u = {};
+          return g === void 0 && (g = {}), g.on = function(l, d) {
+            return u[l] ? u[l].push(d) : u[l] = [d], g;
+          }, g.once = function(l, d) {
+            return d._once = !0, g.on(l, d), g;
+          }, g.off = function(l, d) {
             var i = arguments.length;
             if (i === 1)
-              delete d[l];
+              delete u[l];
             else if (i === 0)
-              d = {};
+              u = {};
             else {
-              var n = d[l];
+              var n = u[l];
               if (!n)
-                return v;
-              n.splice(n.indexOf(u), 1);
+                return g;
+              n.splice(n.indexOf(d), 1);
             }
-            return v;
-          }, v.emit = function() {
+            return g;
+          }, g.emit = function() {
             var l = r(arguments);
-            return v.emitterSnapshot(l.shift()).apply(this, l);
-          }, v.emitterSnapshot = function(l) {
-            var u = (d[l] || []).slice(0);
+            return g.emitterSnapshot(l.shift()).apply(this, l);
+          }, g.emitterSnapshot = function(l) {
+            var d = (u[l] || []).slice(0);
             return function() {
-              var i = r(arguments), n = this || v;
-              if (l === "error" && P.throws !== !1 && !u.length)
+              var i = r(arguments), n = this || g;
+              if (l === "error" && P.throws !== !1 && !d.length)
                 throw i.length === 1 ? i[0] : i;
-              return u.forEach(function(B) {
-                P.async ? D(B, i, n) : B.apply(n, i), B._once && v.off(l, B);
-              }), v;
+              return d.forEach(function(B) {
+                P.async ? T(B, i, n) : B.apply(n, i), B._once && g.off(l, B);
+              }), g;
             };
-          }, v;
+          }, g;
         };
       }, { "./debounce": 4, atoa: 3 }],
       6: [function(t, h, c) {
         (function(r) {
-          var D = t("custom-event"), m = t("./eventmap"), v = r.document, S = l, P = i, d = [];
-          r.addEventListener || (S = u, P = n), h.exports = {
-            add: S,
+          var T = t("custom-event"), x = t("./eventmap"), g = r.document, E = l, P = i, u = [];
+          r.addEventListener || (E = d, P = n), h.exports = {
+            add: E,
             remove: P,
-            fabricate: k
+            fabricate: S
           };
-          function l(y, _, g, o) {
-            return y.addEventListener(_, g, o);
+          function l(b, O, p, o) {
+            return b.addEventListener(O, p, o);
           }
-          function u(y, _, g) {
-            return y.attachEvent("on" + _, M(y, _, g));
+          function d(b, O, p) {
+            return b.attachEvent("on" + O, G(b, O, p));
           }
-          function i(y, _, g, o) {
-            return y.removeEventListener(_, g, o);
+          function i(b, O, p, o) {
+            return b.removeEventListener(O, p, o);
           }
-          function n(y, _, g) {
-            var o = j(y, _, g);
+          function n(b, O, p) {
+            var o = j(b, O, p);
             if (o)
-              return y.detachEvent("on" + _, o);
+              return b.detachEvent("on" + O, o);
           }
-          function k(y, _, g) {
-            var o = m.indexOf(_) === -1 ? T() : $();
-            y.dispatchEvent ? y.dispatchEvent(o) : y.fireEvent("on" + _, o);
-            function $() {
+          function S(b, O, p) {
+            var o = x.indexOf(O) === -1 ? I() : F();
+            b.dispatchEvent ? b.dispatchEvent(o) : b.fireEvent("on" + O, o);
+            function F() {
               var f;
-              return v.createEvent ? (f = v.createEvent("Event"), f.initEvent(_, !0, !0)) : v.createEventObject && (f = v.createEventObject()), f;
+              return g.createEvent ? (f = g.createEvent("Event"), f.initEvent(O, !0, !0)) : g.createEventObject && (f = g.createEventObject()), f;
             }
-            function T() {
-              return new D(_, { detail: g });
+            function I() {
+              return new T(O, { detail: p });
             }
           }
-          function B(y, _, g) {
-            return function($) {
-              var T = $ || r.event;
-              T.target = T.target || T.srcElement, T.preventDefault = T.preventDefault || function() {
-                T.returnValue = !1;
-              }, T.stopPropagation = T.stopPropagation || function() {
-                T.cancelBubble = !0;
-              }, T.which = T.which || T.keyCode, g.call(y, T);
+          function B(b, O, p) {
+            return function(F) {
+              var I = F || r.event;
+              I.target = I.target || I.srcElement, I.preventDefault = I.preventDefault || function() {
+                I.returnValue = !1;
+              }, I.stopPropagation = I.stopPropagation || function() {
+                I.cancelBubble = !0;
+              }, I.which = I.which || I.keyCode, p.call(b, I);
             };
           }
-          function M(y, _, g) {
-            var o = j(y, _, g) || B(y, _, g);
-            return d.push({
+          function G(b, O, p) {
+            var o = j(b, O, p) || B(b, O, p);
+            return u.push({
               wrapper: o,
-              element: y,
-              type: _,
-              fn: g
+              element: b,
+              type: O,
+              fn: p
             }), o;
           }
-          function j(y, _, g) {
-            var o = w(y, _, g);
+          function j(b, O, p) {
+            var o = D(b, O, p);
             if (o) {
-              var $ = d[o].wrapper;
-              return d.splice(o, 1), $;
+              var F = u[o].wrapper;
+              return u.splice(o, 1), F;
             }
           }
-          function w(y, _, g) {
-            var o, $;
-            for (o = 0; o < d.length; o++)
-              if ($ = d[o], $.element === y && $.type === _ && $.fn === g)
+          function D(b, O, p) {
+            var o, F;
+            for (o = 0; o < u.length; o++)
+              if (F = u[o], F.element === b && F.type === O && F.fn === p)
                 return o;
           }
-        }).call(this, typeof ve < "u" ? ve : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof me < "u" ? me : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
       7: [function(t, h, c) {
         (function(r) {
-          var D = [], m = "", v = /^on/;
-          for (m in r)
-            v.test(m) && D.push(m.slice(2));
-          h.exports = D;
-        }).call(this, typeof ve < "u" ? ve : typeof self < "u" ? self : typeof window < "u" ? window : {});
+          var T = [], x = "", g = /^on/;
+          for (x in r)
+            g.test(x) && T.push(x.slice(2));
+          h.exports = T;
+        }).call(this, typeof me < "u" ? me : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       8: [function(t, h, c) {
         (function(r) {
-          var D = r.CustomEvent;
-          function m() {
+          var T = r.CustomEvent;
+          function x() {
             try {
-              var v = new D("cat", { detail: { foo: "bar" } });
-              return v.type === "cat" && v.detail.foo === "bar";
+              var g = new T("cat", { detail: { foo: "bar" } });
+              return g.type === "cat" && g.detail.foo === "bar";
             } catch {
             }
             return !1;
           }
-          h.exports = m() ? D : (
+          h.exports = x() ? T : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(S, P) {
-              var d = document.createEvent("CustomEvent");
-              return P ? d.initCustomEvent(S, P.bubbles, P.cancelable, P.detail) : d.initCustomEvent(S, !1, !1, void 0), d;
+            typeof document < "u" && typeof document.createEvent == "function" ? function(E, P) {
+              var u = document.createEvent("CustomEvent");
+              return P ? u.initCustomEvent(E, P.bubbles, P.cancelable, P.detail) : u.initCustomEvent(E, !1, !1, void 0), u;
             } : (
               // IE <= 8
-              function(S, P) {
-                var d = document.createEventObject();
-                return d.type = S, P ? (d.bubbles = !!P.bubbles, d.cancelable = !!P.cancelable, d.detail = P.detail) : (d.bubbles = !1, d.cancelable = !1, d.detail = void 0), d;
+              function(E, P) {
+                var u = document.createEventObject();
+                return u.type = E, P ? (u.bubbles = !!P.bubbles, u.cancelable = !!P.cancelable, u.detail = P.detail) : (u.bubbles = !1, u.cancelable = !1, u.detail = void 0), u;
               }
             )
           );
-        }).call(this, typeof ve < "u" ? ve : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof me < "u" ? me : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       9: [function(t, h, c) {
-        var r = h.exports = {}, D, m;
-        function v() {
+        var r = h.exports = {}, T, x;
+        function g() {
           throw new Error("setTimeout has not been defined");
         }
-        function S() {
+        function E() {
           throw new Error("clearTimeout has not been defined");
         }
         (function() {
           try {
-            typeof setTimeout == "function" ? D = setTimeout : D = v;
+            typeof setTimeout == "function" ? T = setTimeout : T = g;
           } catch {
-            D = v;
+            T = g;
           }
           try {
-            typeof clearTimeout == "function" ? m = clearTimeout : m = S;
+            typeof clearTimeout == "function" ? x = clearTimeout : x = E;
           } catch {
-            m = S;
+            x = E;
           }
         })();
-        function P(w) {
-          if (D === setTimeout)
-            return setTimeout(w, 0);
-          if ((D === v || !D) && setTimeout)
-            return D = setTimeout, setTimeout(w, 0);
+        function P(D) {
+          if (T === setTimeout)
+            return setTimeout(D, 0);
+          if ((T === g || !T) && setTimeout)
+            return T = setTimeout, setTimeout(D, 0);
           try {
-            return D(w, 0);
+            return T(D, 0);
           } catch {
             try {
-              return D.call(null, w, 0);
+              return T.call(null, D, 0);
             } catch {
-              return D.call(this, w, 0);
+              return T.call(this, D, 0);
             }
           }
         }
-        function d(w) {
-          if (m === clearTimeout)
-            return clearTimeout(w);
-          if ((m === S || !m) && clearTimeout)
-            return m = clearTimeout, clearTimeout(w);
+        function u(D) {
+          if (x === clearTimeout)
+            return clearTimeout(D);
+          if ((x === E || !x) && clearTimeout)
+            return x = clearTimeout, clearTimeout(D);
           try {
-            return m(w);
+            return x(D);
           } catch {
             try {
-              return m.call(null, w);
+              return x.call(null, D);
             } catch {
-              return m.call(this, w);
+              return x.call(this, D);
             }
           }
         }
-        var l = [], u = !1, i, n = -1;
-        function k() {
-          !u || !i || (u = !1, i.length ? l = i.concat(l) : n = -1, l.length && B());
+        var l = [], d = !1, i, n = -1;
+        function S() {
+          !d || !i || (d = !1, i.length ? l = i.concat(l) : n = -1, l.length && B());
         }
         function B() {
-          if (!u) {
-            var w = P(k);
-            u = !0;
-            for (var y = l.length; y; ) {
-              for (i = l, l = []; ++n < y; )
+          if (!d) {
+            var D = P(S);
+            d = !0;
+            for (var b = l.length; b; ) {
+              for (i = l, l = []; ++n < b; )
                 i && i[n].run();
-              n = -1, y = l.length;
+              n = -1, b = l.length;
             }
-            i = null, u = !1, d(w);
+            i = null, d = !1, u(D);
           }
         }
-        r.nextTick = function(w) {
-          var y = new Array(arguments.length - 1);
+        r.nextTick = function(D) {
+          var b = new Array(arguments.length - 1);
           if (arguments.length > 1)
-            for (var _ = 1; _ < arguments.length; _++)
-              y[_ - 1] = arguments[_];
-          l.push(new M(w, y)), l.length === 1 && !u && P(B);
+            for (var O = 1; O < arguments.length; O++)
+              b[O - 1] = arguments[O];
+          l.push(new G(D, b)), l.length === 1 && !d && P(B);
         };
-        function M(w, y) {
-          this.fun = w, this.array = y;
+        function G(D, b) {
+          this.fun = D, this.array = b;
         }
-        M.prototype.run = function() {
+        G.prototype.run = function() {
           this.fun.apply(null, this.array);
         }, r.title = "browser", r.browser = !0, r.env = {}, r.argv = [], r.version = "", r.versions = {};
         function j() {
         }
-        r.on = j, r.addListener = j, r.once = j, r.off = j, r.removeListener = j, r.removeAllListeners = j, r.emit = j, r.prependListener = j, r.prependOnceListener = j, r.listeners = function(w) {
+        r.on = j, r.addListener = j, r.once = j, r.off = j, r.removeListener = j, r.removeAllListeners = j, r.emit = j, r.prependListener = j, r.prependOnceListener = j, r.listeners = function(D) {
           return [];
-        }, r.binding = function(w) {
+        }, r.binding = function(D) {
           throw new Error("process.binding is not supported");
         }, r.cwd = function() {
           return "/";
-        }, r.chdir = function(w) {
+        }, r.chdir = function(D) {
           throw new Error("process.chdir is not supported");
         }, r.umask = function() {
           return 0;
@@ -1706,274 +1739,281 @@ var gt = { exports: {} };
       }, {}],
       10: [function(t, h, c) {
         (function(r) {
-          var D = typeof r == "function", m;
-          D ? m = function(v) {
-            r(v);
-          } : m = function(v) {
-            setTimeout(v, 0);
-          }, h.exports = m;
+          var T = typeof r == "function", x;
+          T ? x = function(g) {
+            r(g);
+          } : x = function(g) {
+            setTimeout(g, 0);
+          }, h.exports = x;
         }).call(this, t("timers").setImmediate);
       }, { timers: 11 }],
       11: [function(t, h, c) {
-        (function(r, D) {
-          var m = t("process/browser.js").nextTick, v = Function.prototype.apply, S = Array.prototype.slice, P = {}, d = 0;
+        (function(r, T) {
+          var x = t("process/browser.js").nextTick, g = Function.prototype.apply, E = Array.prototype.slice, P = {}, u = 0;
           c.setTimeout = function() {
-            return new l(v.call(setTimeout, window, arguments), clearTimeout);
+            return new l(g.call(setTimeout, window, arguments), clearTimeout);
           }, c.setInterval = function() {
-            return new l(v.call(setInterval, window, arguments), clearInterval);
-          }, c.clearTimeout = c.clearInterval = function(u) {
-            u.close();
+            return new l(g.call(setInterval, window, arguments), clearInterval);
+          }, c.clearTimeout = c.clearInterval = function(d) {
+            d.close();
           };
-          function l(u, i) {
-            this._id = u, this._clearFn = i;
+          function l(d, i) {
+            this._id = d, this._clearFn = i;
           }
           l.prototype.unref = l.prototype.ref = function() {
           }, l.prototype.close = function() {
             this._clearFn.call(window, this._id);
-          }, c.enroll = function(u, i) {
-            clearTimeout(u._idleTimeoutId), u._idleTimeout = i;
-          }, c.unenroll = function(u) {
-            clearTimeout(u._idleTimeoutId), u._idleTimeout = -1;
-          }, c._unrefActive = c.active = function(u) {
-            clearTimeout(u._idleTimeoutId);
-            var i = u._idleTimeout;
-            i >= 0 && (u._idleTimeoutId = setTimeout(function() {
-              u._onTimeout && u._onTimeout();
+          }, c.enroll = function(d, i) {
+            clearTimeout(d._idleTimeoutId), d._idleTimeout = i;
+          }, c.unenroll = function(d) {
+            clearTimeout(d._idleTimeoutId), d._idleTimeout = -1;
+          }, c._unrefActive = c.active = function(d) {
+            clearTimeout(d._idleTimeoutId);
+            var i = d._idleTimeout;
+            i >= 0 && (d._idleTimeoutId = setTimeout(function() {
+              d._onTimeout && d._onTimeout();
             }, i));
-          }, c.setImmediate = typeof r == "function" ? r : function(u) {
-            var i = d++, n = arguments.length < 2 ? !1 : S.call(arguments, 1);
-            return P[i] = !0, m(function() {
-              P[i] && (n ? u.apply(null, n) : u.call(null), c.clearImmediate(i));
+          }, c.setImmediate = typeof r == "function" ? r : function(d) {
+            var i = u++, n = arguments.length < 2 ? !1 : E.call(arguments, 1);
+            return P[i] = !0, x(function() {
+              P[i] && (n ? d.apply(null, n) : d.call(null), c.clearImmediate(i));
             }), i;
-          }, c.clearImmediate = typeof D == "function" ? D : function(u) {
-            delete P[u];
+          }, c.clearImmediate = typeof T == "function" ? T : function(d) {
+            delete P[d];
           };
         }).call(this, t("timers").setImmediate, t("timers").clearImmediate);
       }, { "process/browser.js": 9, timers: 11 }]
     }, {}, [2])(2);
   });
-})(gt);
-var kn = gt.exports;
-const ot = /* @__PURE__ */ Sn(kn);
-function Pn(e) {
-  let b;
-  function t(c, r, D, m) {
-    const v = e.schema;
-    if (!(v != null && v.buttons))
+})(bt);
+var En = bt.exports;
+const rt = /* @__PURE__ */ Pn(En);
+function Mn(e) {
+  let m;
+  function t(c, r, T, x) {
+    const g = e.schema;
+    if (!(g != null && g.buttons))
       return;
-    let S;
-    if (D) {
-      const u = D.getAttribute("id");
-      S = Array.from(r.children).findIndex((i) => i.getAttribute("id") === u);
+    let E;
+    if (T) {
+      const d = T.getAttribute("id");
+      E = Array.from(r.children).findIndex((i) => i.getAttribute("id") === d);
     } else
-      S = Array.from(r.children).length;
-    const P = c.getAttribute("id"), d = Array.from(r.children).findIndex((u) => u.getAttribute("id") === P), l = v.buttons[d];
-    d !== S && d > -1 && S > -1 && (d < S && (S = S - 1), v.buttons.splice(d, 1), v.buttons.splice(S, 0, l), m(), Ce(() => {
-      const u = r.querySelector(".dgComponentSelected");
-      u != null && u.className.includes("dgComponentSelected") && (u.classList.remove("dgComponentSelected"), u.classList.remove("dgComponentFocused"), u.click()), Ne.value++;
+      E = Array.from(r.children).length;
+    const P = c.getAttribute("id"), u = Array.from(r.children).findIndex((d) => d.getAttribute("id") === P), l = g.buttons[u];
+    u !== E && u > -1 && E > -1 && (u < E && (E = E - 1), g.buttons.splice(u, 1), g.buttons.splice(E, 0, l), x(), Te(() => {
+      const d = r.querySelector(".dgComponentSelected");
+      d != null && d.className.includes("dgComponentSelected") && (d.classList.remove("dgComponentSelected"), d.classList.remove("dgComponentFocused"), d.click()), Fe.value++;
     }));
   }
-  function h(c, r, D) {
-    b && b.destroy(), !(!ot || !c || !r) && (b = ot([c], {
+  function h(c, r, T) {
+    m && m.destroy(), !(!rt || !c || !r) && (m = rt([c], {
       mirrorContainer: r,
       direction: "horizontal",
-      getMirrorText(m) {
-        return m.innerText;
+      getMirrorText(x) {
+        return x.innerText;
       },
       // 判断是否可移动
-      moves(m, v, S) {
+      moves(x, g, E) {
         let P = !0;
-        return S.classList.contains("dropdown-item") ? (P = !1, P) : (m.classList.contains("no-drag") && (P = !1), P);
+        return E.classList.contains("dropdown-item") ? (P = !1, P) : (x.classList.contains("no-drag") && (P = !1), P);
       }
-    }).on("drop", (m, v, S, P) => t(m, v, P, D)));
+    }).on("drop", (x, g, E, P) => t(x, g, P, T)));
   }
   return {
-    dragulaInstance: b,
+    dragulaInstance: m,
     initDragula: h
   };
 }
-function En(e, b, t) {
+function Rn(e, m, t) {
   const {
     renderToolbarItemDesigner: h,
     actionHandlers: c
   } = t;
   let r;
-  function D(M) {
-    r = M;
-  }
-  function m(M, j = null) {
-    const w = b.value.find((y) => y.id === M.id);
-    if (w.isDP)
-      if (document.body.click(), typeof j == "boolean")
-        w.expanded = j;
+  function T(j) {
+    r = j;
+  }
+  function x(j, D = null) {
+    const b = m.value.find((O) => O.id === j.id);
+    if (b.isDP)
+      if (document.body.click(), typeof D == "boolean")
+        b.expanded = D;
       else {
-        const y = M.expanded;
-        w.expanded = !y;
+        const O = j.expanded;
+        b.expanded = !O;
       }
   }
-  c.toggleDropdownMenu = m;
-  function v(M) {
-    var w;
-    const j = {
+  c.toggleDropdownMenu = x;
+  function g(j) {
+    var b;
+    const D = {
       "dropdown-menu": !0
     };
-    if (M.class) {
-      const y = (w = M.menuClass) == null ? void 0 : w.split(" ");
-      y && y.length && y.reduce((_, g) => (_[g] = !0, _), j);
+    if (j.class) {
+      const O = (b = j.menuClass) == null ? void 0 : b.split(" ");
+      O && O.length && O.reduce((p, o) => (p[o] = !0, p), D);
     }
-    return j;
+    return D;
   }
-  function S(M) {
-    var y;
-    const j = {
-      disabled: M.disabled === !1,
+  function E(j) {
+    var O;
+    const D = {
+      disabled: j.disabled === !1,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0,
       "text-truncate": !0
-    }, w = (y = M.dropdownClass) == null ? void 0 : y.split(" ");
-    return w && w.length && w.reduce((_, g) => (_[g] = !0, _), j), j;
+    }, b = (O = j.dropdownClass) == null ? void 0 : O.split(" ");
+    return b && b.length && b.reduce((p, o) => (p[o] = !0, p), D), D;
   }
-  function P(M) {
-    const j = {
+  function P(j) {
+    const D = {
       disabled: !1,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0,
       "text-truncate": !0
-    }, w = (M.class || "").split(" ");
-    return w && w.length && w.reduce((y, _) => (y[_] = !0, y), j), j;
+    }, b = (j.class || "").split(" ");
+    return b && b.length && b.reduce((O, p) => (O[p] = !0, O), D), D;
   }
-  let d;
+  let u;
   const l = /* @__PURE__ */ new Map();
-  function u(M, j, w) {
-    M.stopPropagation();
-    const y = w ? w.id : "__top_item__";
-    if (j.children && j.children.length && (j.expanded = !j.expanded, j.expanded)) {
-      if (l.has(y) && l.get(y) !== j) {
-        const _ = l.get(y);
-        _ && (_.expanded = !1, l.delete(y));
+  function d(j, D, b) {
+    j.stopPropagation();
+    const O = b ? b.id : "__top_item__";
+    if (D.children && D.children.length && (D.expanded = !D.expanded, D.expanded)) {
+      if (l.has(O) && l.get(O) !== D) {
+        const p = l.get(O);
+        p && (p.expanded = !1, l.delete(O));
       }
-      l.set(y, j);
+      l.set(O, D);
     }
   }
-  function i(M) {
-    var j;
-    return (j = M.children) == null ? void 0 : j.map((w, y) => w.children && w.children.length ? N("li", {
-      class: S(w),
-      id: w.id
-    }, [N("span", {
-      class: P(w),
-      onClick: (_) => u(_, w, M)
-    }, [w.text, N("i", {
+  function i(j) {
+    var D;
+    return (D = j.children) == null ? void 0 : D.map((b, O) => b.children && b.children.length ? L("li", {
+      class: E(b),
+      id: b.id
+    }, [L("span", {
+      class: P(b),
+      onClick: (p) => d(p, b, j)
+    }, [b.text, L("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), d(w, w)]) : h(w, y, !0));
+    }, null)]), u(b, b)]) : h(b, O, !0));
   }
-  function n(M, j, w, y) {
+  function n(j) {
+    return j === "page-header" || j === "drawer-header-toolbar";
+  }
+  function S(j, D, b, O) {
     const {
-      height: o,
-      left: $,
-      top: T
-    } = y[0], {
-      width: f,
-      height: x
-    } = w.getBoundingClientRect(), {
-      marginTop: s,
-      marginBottom: p
-    } = getComputedStyle(w), C = Math.ceil(parseFloat(s)) + Math.ceil(parseFloat(p)), A = T + o, z = j == null ? void 0 : j.getBoundingClientRect();
-    function H() {
-      let Q = 0, V = "left";
-      const Z = z ? z.right : window.innerWidth, W = z ? z.left : 0;
-      return Q = Z - $ - 10, Z - $ < f && $ - W > Z - $ && (V = "right", Q = $ - W - 10), {
-        hposition: V,
-        maxWidth: Math.min(Q, 300)
+      height: F,
+      left: I,
+      top: f
+    } = O[0], {
+      width: y,
+      height: s
+    } = b.getBoundingClientRect(), {
+      marginTop: v,
+      marginBottom: k
+    } = getComputedStyle(b), M = Math.ceil(parseFloat(v)) + Math.ceil(parseFloat(k)), W = f + F, Y = D == null ? void 0 : D.getBoundingClientRect();
+    function X() {
+      let U = 0, H = "left";
+      const q = Y ? Y.right : window.innerWidth, te = Y ? Y.left : 0;
+      return U = q - I - 10, q - I < y && I - te > q - I && (H = "right", U = I - te - 10), {
+        hposition: H,
+        maxWidth: Math.min(U, 300)
       };
     }
-    let Y = 0, L = "bottom";
-    if (M === "tabs" || M === "section")
-      Y = j.getBoundingClientRect().bottom - A - C - 10;
+    let $ = 0, N = "bottom";
+    if (j === "tabs" || j === "section")
+      $ = D.getBoundingClientRect().bottom - W - M - 10;
     else {
-      const Q = z ? z.bottom : window.innerHeight;
-      Y = M === "page-header" ? Q - A : T, Y = Y - C - 10, L = M === "page-header" ? "bottom" : "top";
+      const U = Y ? Y.bottom : window.innerHeight;
+      $ = n(j) ? U - W : f, $ = $ - M - 10, N = n(j) ? "bottom" : "top";
     }
-    const F = H();
+    const V = X();
     return {
-      position: L + "-" + F.hposition,
-      maxWidth: F.maxWidth,
-      maxHeight: Y
+      position: N + "-" + V.hposition,
+      maxWidth: V.maxWidth,
+      maxHeight: $
     };
   }
-  function k(M) {
-    var g, o, $;
-    const j = "300px", w = {
-      display: M.expanded === !0 ? "block" : "none",
+  function B(j) {
+    var o, F, I, f;
+    const D = "300px", b = {
+      display: j.expanded === !0 ? "block" : "none",
       position: "absolute",
-      maxWidth: j,
+      maxWidth: D,
       minWidth: "120px"
     };
     if (!(r != null && r.value))
-      return w;
-    const y = r.value.querySelector("#" + M.id), _ = y == null ? void 0 : y.getClientRects();
-    if (y && _ && _.length > 0) {
-      const T = y ? y.querySelector("#" + M.id + "_menu") : null;
-      if (!T || M.expanded !== !0)
-        return w;
-      T.style.visibility = "hidden", T.style.display = "block", T.style.maxHeight = "auto", T.style.maxWidth = j;
-      let f;
+      return b;
+    const O = r.value.querySelector("#" + j.id), p = O == null ? void 0 : O.getClientRects();
+    if (O && p && p.length > 0) {
+      const y = O ? O.querySelector("#" + j.id + "_menu") : null;
+      if (!y || j.expanded !== !0)
+        return b;
+      y.style.visibility = "hidden", y.style.display = "block", y.style.maxHeight = "auto", y.style.maxWidth = D;
+      let s;
       switch (c.toolbarPosition) {
         case "tabs":
-          f = (g = r.value) == null ? void 0 : g.closest(".farris-tabs");
+          s = (o = r.value) == null ? void 0 : o.closest(".farris-tabs");
           break;
         case "section":
-          f = (o = r.value) == null ? void 0 : o.closest(".f-section");
+          s = (F = r.value) == null ? void 0 : F.closest(".f-section");
+          break;
+        case "drawer-header-toolbar":
+        case "drawer-footer-toolbar":
+          s = (I = r.value) == null ? void 0 : I.closest(".f-drawer-container");
           break;
         default:
-          f = ($ = r.value) == null ? void 0 : $.closest(".f-page");
+          s = (f = r.value) == null ? void 0 : f.closest(".f-page");
       }
-      const x = n(c.toolbarPosition, f, T, _), {
-        position: s,
-        maxHeight: p,
-        maxWidth: C
-      } = x;
-      T.style.visibility = "visible";
-      const A = {
-        left: s.indexOf("left") > -1 ? 0 : "unset",
-        right: s.indexOf("left") > -1 ? "unset" : 0,
-        bottom: s.indexOf("bottom") > -1 ? "unset" : "100%",
-        top: s.indexOf("bottom") > -1 ? "!00%" : "unset",
-        maxWidth: C ? C + "px" : "300px",
-        maxHeight: p ? p + "px" : "auto",
-        overflowY: p ? "auto" : "unset"
+      const v = S(c.toolbarPosition, s, y, p), {
+        position: k,
+        maxHeight: M,
+        maxWidth: W
+      } = v;
+      y.style.visibility = "visible";
+      const Y = {
+        left: k.indexOf("left") > -1 ? 0 : "unset",
+        right: k.indexOf("left") > -1 ? "unset" : 0,
+        bottom: k.indexOf("bottom") > -1 ? "unset" : "100%",
+        top: k.indexOf("bottom") > -1 ? "!00%" : "unset",
+        maxWidth: W ? W + "px" : "300px",
+        maxHeight: M ? M + "px" : "auto",
+        overflowY: M ? "auto" : "unset"
       };
-      Object.assign(w, A);
+      Object.assign(b, Y);
     }
-    return w;
-  }
-  c.changeMenuPosition = k, d = function(M, j) {
-    return N("ul", {
-      class: v(M),
-      style: k(M),
-      id: M.id + "_menu"
-    }, [i(M)]);
+    return b;
+  }
+  c.changeMenuPosition = B, u = function(j, D) {
+    return L("ul", {
+      class: g(j),
+      style: B(j),
+      id: j.id + "_menu"
+    }, [i(j)]);
   };
-  function B(M = "") {
-    M && l.has(M) ? l.forEach((j, w) => {
-      w !== M && (j.expanded = !1, l.delete(w));
-    }) : (l.forEach((j) => {
-      j.expanded = !1;
+  function G(j = "") {
+    j && l.has(j) ? l.forEach((D, b) => {
+      b !== j && (D.expanded = !1, l.delete(b));
+    }) : (l.forEach((D) => {
+      D.expanded = !1;
     }), l.clear());
   }
   return {
-    renderDropdownMenu: d,
-    clearAllDropDownMenu: B,
-    setResponseToolbarRef: D
+    renderDropdownMenu: u,
+    clearAllDropDownMenu: G,
+    setResponseToolbarRef: T
   };
 }
-class Mn extends ut {
+class On extends dt {
   constructor(t, h, c = "response-toolbar-item") {
     super(t, h);
-    ee(this, "toolbarType", "response-toolbar-item");
+    J(this, "toolbarType", "response-toolbar-item");
     this.toolbarType = c;
   }
   /**
@@ -2059,133 +2099,133 @@ class Mn extends ut {
         label: "onClick",
         name: "点击事件"
       }
-    ], c = this, r = c.eventsEditorUtils.formProperties(t, c.viewModelId, h), D = c.createBaseEventProperty(r);
+    ], c = this, r = c.eventsEditorUtils.formProperties(t, c.viewModelId, h), T = c.createBaseEventProperty(r);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: D,
+      properties: T,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(m, v) {
-        const S = m.propertyValue;
-        delete t[c.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(t, c.viewModelId, S.events, S));
+      setPropertyRelates(x, g) {
+        const E = x.propertyValue;
+        delete t[c.viewModelId], E && (E.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(t, c.viewModelId, E.events, E));
       }
     };
   }
 }
-function Fe(e, b) {
+function We(e, m) {
   if (!e)
     return !1;
-  const t = b || [];
+  const t = m || [];
   return (t == null ? void 0 : t.findIndex((c) => c.id === e)) === -1;
 }
-function rt(e, b) {
-  const t = b || [];
+function it(e, m) {
+  const t = m || [];
   let h = { parentIndex: -1, itemIndex: -1 };
   return t.some((c, r) => {
     if (c.children && c.children.length > 0) {
-      const D = c.children.findIndex((m) => m.id === e);
-      return D > -1 ? (h = { parentIndex: r, itemIndex: D }, !0) : !1;
+      const T = c.children.findIndex((x) => x.id === e);
+      return T > -1 ? (h = { parentIndex: r, itemIndex: T }, !0) : !1;
     }
   }), h;
 }
-function it(e, b) {
-  const t = b || [];
+function st(e, m) {
+  const t = m || [];
   let h = { parentIndex: -1, itemIndex: -1 };
   const c = t == null ? void 0 : t.findIndex((r) => r.id === e);
-  return c > -1 ? { parent: null, item: t[c] } : (t.some((r, D) => {
+  return c > -1 ? { parent: null, item: t[c] } : (t.some((r, T) => {
     if (r.children && r.children.length > 0) {
-      const m = r.children.findIndex((v) => v.id === e);
-      return m > -1 ? (h = { parentIndex: D, itemIndex: m }, !0) : !1;
+      const x = r.children.findIndex((g) => g.id === e);
+      return x > -1 ? (h = { parentIndex: T, itemIndex: x }, !0) : !1;
     }
   }), h.parentIndex < 0 ? { parent: null, item: null } : { parent: t[h.parentIndex], item: t[h.parentIndex].children[h.itemIndex] });
 }
-function Rn(e, b) {
-  const t = b || [], h = t == null ? void 0 : t.findIndex((c) => c.id === e);
+function Bn(e, m) {
+  const t = m || [], h = t == null ? void 0 : t.findIndex((c) => c.id === e);
   return h > -1 && t[h].children && t[h].children.length > 0 ? t[h].expanded === !0 : !1;
 }
-function Bn(e, b) {
+function jn(e, m) {
   let t;
-  function h(d) {
-    const { properties: l, title: u, ignore: i } = d, n = i && Array.isArray(i), k = Object.keys(l).reduce((B, M) => ((!n || !i.find((j) => j === M)) && (B[M] = l[M].type === "object" && l[M].properties ? h(l[M]) : xe(l[M].default)), B), {});
-    if (u && (!n || !i.find((B) => B === "id"))) {
-      const B = u.toLowerCase().replace(/-/g, "_");
-      k.id = `${B}_${Math.random().toString().slice(2, 6)}`;
+  function h(u) {
+    const { properties: l, title: d, ignore: i } = u, n = i && Array.isArray(i), S = Object.keys(l).reduce((B, G) => ((!n || !i.find((j) => j === G)) && (B[G] = l[G].type === "object" && l[G].properties ? h(l[G]) : Ce(l[G].default)), B), {});
+    if (d && (!n || !i.find((B) => B === "id"))) {
+      const B = d.toLowerCase().replace(/-/g, "_");
+      S.id = `${B}_${Math.random().toString().slice(2, 6)}`;
     }
-    return k;
+    return S;
   }
-  function c(d) {
-    const { properties: l, title: u, required: i } = d;
+  function c(u) {
+    const { properties: l, title: d, required: i } = u;
     if (i && Array.isArray(i)) {
-      const n = i.reduce((k, B) => (k[B] = l[B].type === "object" && l[B].properties ? h(l[B]) : xe(l[B].default), k), {});
-      if (u && i.find((k) => k === "id")) {
-        const k = u.toLowerCase().replace(/-/g, "_");
-        n.id = `${k}_${Math.random().toString().slice(2, 6)}`;
+      const n = i.reduce((S, B) => (S[B] = l[B].type === "object" && l[B].properties ? h(l[B]) : Ce(l[B].default), S), {});
+      if (d && i.find((S) => S === "id")) {
+        const S = d.toLowerCase().replace(/-/g, "_");
+        n.id = `${S}_${Math.random().toString().slice(2, 6)}`;
       }
       return n;
     }
     return {
-      type: u
+      type: d
     };
   }
-  function r(d, l = {}, u) {
-    const i = e[d];
+  function r(u, l = {}, d) {
+    const i = e[u];
     if (i) {
       let n = c(i);
-      const k = b[d];
-      return n = k ? k({ getSchemaByType: r }, n, l, u) : n, t != null && t.appendIdentifyForNewControl && t.appendIdentifyForNewControl(n), n;
+      const S = m[u];
+      return n = S ? S({ getSchemaByType: r }, n, l, d) : n, t != null && t.appendIdentifyForNewControl && t.appendIdentifyForNewControl(n), n;
     }
     return null;
   }
-  function D(d, l) {
-    const u = h(l);
-    return Object.keys(u).reduce((i, n) => (Object.prototype.hasOwnProperty.call(d, n) && (i[n] && tt(i[n]) && tt(d[n] || !d[n]) ? Object.assign(i[n], d[n] || {}) : i[n] = d[n]), i), u), u;
+  function T(u, l) {
+    const d = h(l);
+    return Object.keys(d).reduce((i, n) => (Object.prototype.hasOwnProperty.call(u, n) && (i[n] && nt(i[n]) && nt(u[n] || !u[n]) ? Object.assign(i[n], u[n] || {}) : i[n] = u[n]), i), d), d;
   }
-  function m(d, l) {
-    return Object.keys(d).filter((i) => d[i] != null).reduce((i, n) => {
+  function x(u, l) {
+    return Object.keys(u).filter((i) => u[i] != null).reduce((i, n) => {
       if (l.has(n)) {
-        const k = l.get(n);
-        if (typeof k == "string")
-          i[k] = d[n];
+        const S = l.get(n);
+        if (typeof S == "string")
+          i[S] = u[n];
         else {
-          const B = k(n, d[n], d);
+          const B = S(n, u[n], u);
           Object.assign(i, B);
         }
       } else
-        i[n] = d[n];
+        i[n] = u[n];
       return i;
     }, {});
   }
-  function v(d, l, u = /* @__PURE__ */ new Map()) {
-    const i = D(d, l);
-    return m(i, u);
+  function g(u, l, d = /* @__PURE__ */ new Map()) {
+    const i = T(u, l);
+    return x(i, d);
   }
-  function S(d) {
-    var u;
-    const l = d.type;
+  function E(u) {
+    var d;
+    const l = u.type;
     if (l) {
       const i = e[l];
       if (!i)
-        return d;
-      const n = D(d, i), k = ((u = d.editor) == null ? void 0 : u.type) || "";
-      if (k) {
-        const B = e[k], M = D(d.editor, B);
-        n.editor = M;
+        return u;
+      const n = T(u, i), S = ((d = u.editor) == null ? void 0 : d.type) || "";
+      if (S) {
+        const B = e[S], G = T(u.editor, B);
+        n.editor = G;
       }
       return n;
     }
-    return d;
+    return u;
   }
-  function P(d) {
-    t = d;
+  function P(u) {
+    t = u;
   }
-  return { getSchemaByType: r, resolveSchemaWithDefaultValue: S, resolveSchemaToProps: v, mappingSchemaToProps: m, setDesignerContext: P };
+  return { getSchemaByType: r, resolveSchemaWithDefaultValue: E, resolveSchemaToProps: g, mappingSchemaToProps: x, setDesignerContext: P };
 }
-const On = {}, jn = {}, { getSchemaByType: An } = Bn(On, jn);
-function _n(e, b, t) {
-  function h(x) {
+const An = {}, _n = {}, { getSchemaByType: $n } = jn(An, _n);
+function Ln(e, m, t) {
+  function h(y) {
     return !1;
   }
   function c() {
@@ -2194,160 +2234,160 @@ function _n(e, b, t) {
   function r() {
     return !1;
   }
-  function D() {
+  function T() {
     return !1;
   }
-  function m() {
+  function x() {
     return t.toolbarContext.schema.buttons || [];
   }
-  function v(x, s = "") {
+  function g(y, s = "") {
     setTimeout(() => {
-      var z, H;
-      const p = (z = e.parent) == null ? void 0 : z.designerItemElementRef.value;
-      let C;
-      s && (C = p == null ? void 0 : p.querySelector("#" + s));
-      const A = (H = C || p) == null ? void 0 : H.querySelector("#" + x);
-      A == null || A.click();
+      var W, Y;
+      const v = (W = e.parent) == null ? void 0 : W.designerItemElementRef.value;
+      let k;
+      s && (k = v == null ? void 0 : v.querySelector("#" + s));
+      const M = (Y = k || v) == null ? void 0 : Y.querySelector("#" + y);
+      M == null || M.click();
     }, 0);
   }
-  function S(x, s) {
+  function E(y, s) {
     s.disabled && s.disabled.expressionId && (s.disabled.expressionId = `${s.id}_disabled`), s.visible && s.visible.expressionId && (s.visible.expressionId = `${s.id}_visible`);
-    const p = b.formSchemaUtils.getExpressions(), C = p.find((z) => z.target === x.id);
-    if (!C || !C.rules || !C.rules.length)
+    const v = m.formSchemaUtils.getExpressions(), k = v.find((W) => W.target === y.id);
+    if (!k || !k.rules || !k.rules.length)
       return;
-    const A = {
+    const M = {
       target: s.id,
       rules: [],
       targetType: "Button"
     };
-    C.rules.forEach((z) => {
-      const H = Object.assign(xe(z), {
-        id: `${s.id}_${z.type}`
+    k.rules.forEach((W) => {
+      const Y = Object.assign(Ce(W), {
+        id: `${s.id}_${W.type}`
       });
-      A.rules.push(H);
-    }), p.push(A);
+      M.rules.push(Y);
+    }), v.push(M);
   }
   function P() {
-    var C;
-    const x = e.schema, s = Object.assign(
-      xe(x),
+    var k;
+    const y = e.schema, s = Object.assign(
+      Ce(y),
       {
         id: `${e.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
         onClick: null
       }
     );
-    (C = b == null ? void 0 : b.designerContext) != null && C.appendIdentifyForNewControl && b.designerContext.appendIdentifyForNewControl(s);
-    let p = [];
-    return s.children && s.children.length && (p = s.children.map((A) => {
-      var H;
-      const z = xe(A);
+    (k = m == null ? void 0 : m.designerContext) != null && k.appendIdentifyForNewControl && m.designerContext.appendIdentifyForNewControl(s);
+    let v = [];
+    return s.children && s.children.length && (v = s.children.map((M) => {
+      var Y;
+      const W = Ce(M);
       return Object.assign(
-        z,
+        W,
         {
           id: `${e.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
           onClick: null
         }
-      ), (H = b == null ? void 0 : b.designerContext) != null && H.appendIdentifyForNewControl && b.designerContext.appendIdentifyForNewControl(z), S(A, z), z;
-    }), s.children = p), S(x, s), s;
+      ), (Y = m == null ? void 0 : m.designerContext) != null && Y.appendIdentifyForNewControl && m.designerContext.appendIdentifyForNewControl(W), E(M, W), W;
+    }), s.children = v), E(y, s), s;
   }
-  function d() {
-    const x = e.schema.type || "response-toolbar-item", s = An(x), p = x.toLowerCase().replace("-", "_");
-    return s && !s.id && s.type === x && (s.id = `${p}_${Math.random().toString().slice(2, 6)}`, s.text = "按钮"), s;
+  function u() {
+    const y = e.schema.type || "response-toolbar-item", s = $n(y), v = y.toLowerCase().replace("-", "_");
+    return s && !s.id && s.type === y && (s.id = `${v}_${Math.random().toString().slice(2, 6)}`, s.text = "按钮"), s;
   }
-  function l(x) {
-    const s = m(), p = s == null ? void 0 : s.findIndex((A) => A.id === x), C = p === -1 ? null : s[p];
-    return { index: p, toolbarItem: C };
+  function l(y) {
+    const s = x(), v = s == null ? void 0 : s.findIndex((M) => M.id === y), k = v === -1 ? null : s[v];
+    return { index: v, toolbarItem: k };
   }
-  function u() {
-    const x = e.schema.id, s = m();
-    return Fe(x, s);
+  function d() {
+    const y = e.schema.id, s = x();
+    return We(y, s);
   }
-  function i(x) {
-    const s = b.formSchemaUtils.getExpressions();
+  function i(y) {
+    const s = m.formSchemaUtils.getExpressions();
     if (!s || !s.length)
       return;
-    const p = (C) => {
-      const A = s && s.findIndex((z) => z.target === C.id);
-      A > -1 && s.splice(A, 1);
+    const v = (k) => {
+      const M = s && s.findIndex((W) => W.target === k.id);
+      M > -1 && s.splice(M, 1);
     };
-    p(x), x.children && x.children.length && x.children.forEach((C) => {
-      p(C);
+    v(y), y.children && y.children.length && y.children.forEach((k) => {
+      v(k);
     });
   }
-  function n(x) {
-    t.changeSelectedId(x);
+  function n(y) {
+    t.changeSelectedId(y);
   }
-  function k(x) {
-    b.formSchemaUtils.removeCommunicationInComponent(x), x.children && x.children.length && x.children.forEach((s) => {
-      b.formSchemaUtils.removeCommunicationInComponent(s);
+  function S(y) {
+    m.formSchemaUtils.removeCommunicationInComponent(y), y.children && y.children.length && y.children.forEach((s) => {
+      m.formSchemaUtils.removeCommunicationInComponent(s);
     });
   }
   function B() {
-    var C, A, z;
-    if ((C = b == null ? void 0 : b.designerContext) != null && C.checkCanDeleteControl && !b.designerContext.checkCanDeleteControl(e.schema))
+    var k, M, W;
+    if ((k = m == null ? void 0 : m.designerContext) != null && k.checkCanDeleteControl && !m.designerContext.checkCanDeleteControl(e.schema))
       return;
-    const x = m(), { parentIndex: s, itemIndex: p } = rt(e.schema.id, x);
-    s === -1 || p === -1 || (i(e.schema), k(e.schema), x[s].children.splice(p, 1), t.updateToolbarItems(), (A = e.setupContext) == null || A.emit("removeComponent"), (z = e.setupContext) == null || z.emit("selectionChange"), Ne.value++);
+    const y = x(), { parentIndex: s, itemIndex: v } = it(e.schema.id, y);
+    s === -1 || v === -1 || (i(e.schema), S(e.schema), y[s].children.splice(v, 1), t.updateToolbarItems(), (M = e.setupContext) == null || M.emit("removeComponent"), (W = e.setupContext) == null || W.emit("selectionChange"), Fe.value++);
   }
-  function M() {
-    var C, A, z;
-    if ((C = b == null ? void 0 : b.designerContext) != null && C.checkCanDeleteControl && !b.designerContext.checkCanDeleteControl(e.schema))
+  function G() {
+    var k, M, W;
+    if ((k = m == null ? void 0 : m.designerContext) != null && k.checkCanDeleteControl && !m.designerContext.checkCanDeleteControl(e.schema))
       return;
-    const x = e.schema.id, s = m(), p = s == null ? void 0 : s.findIndex((H) => H.id === x);
-    p !== -1 && (i(s[p]), k(s[p]), s == null || s.splice(p, 1), t.updateToolbarItems(), (A = e.setupContext) == null || A.emit("removeComponent"), (z = e.setupContext) == null || z.emit("selectionChange"), Ne.value++);
+    const y = e.schema.id, s = x(), v = s == null ? void 0 : s.findIndex((Y) => Y.id === y);
+    v !== -1 && (i(s[v]), S(s[v]), s == null || s.splice(v, 1), t.updateToolbarItems(), (M = e.setupContext) == null || M.emit("removeComponent"), (W = e.setupContext) == null || W.emit("selectionChange"), Fe.value++);
   }
-  function j(x = "Append") {
-    var H;
-    const s = m(), { parentIndex: p, itemIndex: C } = rt(e.schema.id, s);
-    if (p === -1 || C === -1)
+  function j(y = "Append") {
+    var Y;
+    const s = x(), { parentIndex: v, itemIndex: k } = it(e.schema.id, s);
+    if (v === -1 || k === -1)
       return;
-    const A = d(), z = x === "Copy" ? P() : Object.assign({}, A);
-    s[p].children.splice(C + 1, 0, z), t.updateToolbarItems(), n(z.id), (H = e.setupContext) == null || H.emit("addComponent");
-  }
-  function w(x, s) {
-    const { index: p } = l(s);
-    if (p === -1)
-      return { index: p, schema: null };
-    const C = d(), A = x === "Copy" ? P() : Object.assign({}, C);
-    return { index: p, schema: A };
-  }
-  function y() {
-    var C;
-    const x = e.schema.id, { index: s, schema: p } = w("Copy", x);
-    p && (m().splice(s + 1, 0, p), t.updateToolbarItems(), v(p.id), (C = e.setupContext) == null || C.emit("addComponent"));
-  }
-  function _() {
-    var C;
-    const x = e.schema.id, { index: s, schema: p } = w("Append", x);
-    if (p && e.parent) {
-      const z = m()[s].children || [];
-      z.push(p);
-      const H = m();
-      H[s].children = z, t.updateToolbarItems(), n(p.id), (C = e.setupContext) == null || C.emit("addComponent");
+    const M = u(), W = y === "Copy" ? P() : Object.assign({}, M);
+    s[v].children.splice(k + 1, 0, W), t.updateToolbarItems(), n(W.id), (Y = e.setupContext) == null || Y.emit("addComponent");
+  }
+  function D(y, s) {
+    const { index: v } = l(s);
+    if (v === -1)
+      return { index: v, schema: null };
+    const k = u(), M = y === "Copy" ? P() : Object.assign({}, k);
+    return { index: v, schema: M };
+  }
+  function b() {
+    var k;
+    const y = e.schema.id, { index: s, schema: v } = D("Copy", y);
+    v && (x().splice(s + 1, 0, v), t.updateToolbarItems(), g(v.id), (k = e.setupContext) == null || k.emit("addComponent"));
+  }
+  function O() {
+    var k;
+    const y = e.schema.id, { index: s, schema: v } = D("Append", y);
+    if (v && e.parent) {
+      const W = x()[s].children || [];
+      W.push(v);
+      const Y = x();
+      Y[s].children = W, t.updateToolbarItems(), n(v.id), (k = e.setupContext) == null || k.emit("addComponent");
     }
   }
-  function g(x) {
+  function p(y) {
     let s;
     switch (e.schema.type) {
       case "tab-toolbar-item":
-        s = new Ht(x, b);
+        s = new Vt(y, m);
         break;
       default:
-        s = new Mn(x, b, e.schema.type);
+        s = new On(y, m, e.schema.type);
     }
-    return s.getPropertyConfig(e.schema, u());
+    return s.getPropertyConfig(e.schema, d());
   }
-  function o(x) {
-    x.stopPropagation(), x.stopImmediatePropagation();
+  function o(y) {
+    y.stopPropagation(), y.stopImmediatePropagation();
   }
-  function $() {
-    const x = [{
+  function F() {
+    const y = [{
       id: "delete",
       title: "删除",
       text: "",
       icon: "f-icon-yxs_delete",
       onClick: (s) => {
-        o(s), u() ? B() : M();
+        o(s), d() ? B() : G();
       }
     }, {
       id: "copy",
@@ -2355,13 +2395,13 @@ function _n(e, b, t) {
       icon: "f-icon-yxs_copy",
       onClick: (s) => {
         o(s);
-        const { activeElement: p } = document, C = p ? p.tagName.toLowerCase() : "";
-        C && C === "input" || C === "textarea" ? (p == null || p.blur(), Ce(() => {
-          u() ? j("Copy") : y();
-        })) : u() ? j("Copy") : y();
+        const { activeElement: v } = document, k = v ? v.tagName.toLowerCase() : "";
+        k && k === "input" || k === "textarea" ? (v == null || v.blur(), Te(() => {
+          d() ? j("Copy") : b();
+        })) : d() ? j("Copy") : b();
       }
     }];
-    return x.push(u() ? {
+    return y.push(d() ? {
       id: "appendSiblingButton",
       title: "",
       text: "新增同级",
@@ -2375,31 +2415,32 @@ function _n(e, b, t) {
       text: "新增子级",
       icon: "f-icon-plus-circle",
       onClick: (s) => {
-        o(s), _();
+        o(s), O();
       }
-    }), x;
+    }), y;
   }
-  function T() {
-    const { schema: x } = e;
-    i(x);
+  function I() {
+    const { schema: y } = e;
+    i(y);
   }
   function f() {
-    var x, s, p, C;
-    if (e && b) {
-      const { formSchemaUtils: A } = b, { schema: z } = e;
-      switch (z.type) {
+    var y, s, v, k;
+    if (e && m) {
+      const { formSchemaUtils: M } = m, { schema: W } = e;
+      switch (W.type) {
         case "response-toolbar-item": {
-          A.getControlBasicInfoMap().set(z.id, {
-            componentTitle: z.text,
-            parentPathName: z.text
+          M.getControlBasicInfoMap().set(W.id, {
+            componentTitle: W.text,
+            parentPathName: W.text
           });
           break;
         }
         case "tab-toolbar-item":
-        case "section-toolbar-item": {
-          let H;
-          const Y = (x = e.parent) == null ? void 0 : x.parent;
-          (Y == null ? void 0 : Y.schema.type) === "tabs" || (Y == null ? void 0 : Y.schema.type) === "section" ? H = (s = Y.componentInstance) == null ? void 0 : s.value : H = (C = (p = Y == null ? void 0 : Y.parent) == null ? void 0 : p.componentInstance) == null ? void 0 : C.value, H != null && H.setComponentBasicInfoMap && H.setComponentBasicInfoMap();
+        case "section-toolbar-item":
+        case "drawer-toolbar-item": {
+          let Y;
+          const X = (y = e.parent) == null ? void 0 : y.parent;
+          (X == null ? void 0 : X.schema.type) === "tabs" || (X == null ? void 0 : X.schema.type) === "section" || (X == null ? void 0 : X.schema.type) === "drawer" ? Y = (s = X.componentInstance) == null ? void 0 : s.value : Y = (k = (v = X == null ? void 0 : X.parent) == null ? void 0 : v.componentInstance) == null ? void 0 : k.value, Y != null && Y.setComponentBasicInfoMap && Y.setComponentBasicInfoMap();
         }
       }
     }
@@ -2408,33 +2449,33 @@ function _n(e, b, t) {
     canAccepts: h,
     checkCanMoveComponent: c,
     checkCanDeleteComponent: r,
-    checkCanAddComponent: D,
-    getPropsConfig: g,
-    getCustomButtons: $,
-    onRemoveComponent: T,
+    checkCanAddComponent: T,
+    getPropsConfig: p,
+    getCustomButtons: F,
+    onRemoveComponent: I,
     setComponentBasicInfoMap: f
   };
 }
-const bt = /* @__PURE__ */ qe({
+const vt = /* @__PURE__ */ ze({
   name: "FResponseToolbarItemDesign",
-  props: ft,
+  props: pt,
   emits: ["Click", "dropdown", "clearAll"],
-  setup(e, b) {
-    const t = re(e.alignment), h = Ue(), c = re(), r = we("designer-host-service"), D = we("design-item-context"), m = we("toolbar-item-action"), v = _n(D, r, m), S = Gt(c, D, v);
-    ze(() => {
-      c.value.componentInstance = S;
-    }), b.expose(S.value);
+  setup(e, m) {
+    const t = oe(e.alignment), h = Ye(), c = oe(), r = xe("designer-host-service"), T = xe("design-item-context"), x = xe("toolbar-item-action"), g = Ln(T, r, x), E = Ut(c, T, g);
+    Ge(() => {
+      c.value.componentInstance = E;
+    }), m.expose(E.value);
     function P() {
-      const w = {
+      const D = {
         "f-icon": !0
-      }, y = e.icon ? e.icon.trim() : "";
-      return ie(w, y);
+      }, b = e.icon ? e.icon.trim() : "";
+      return re(D, b);
     }
-    function d() {
+    function u() {
       return !!(e.icon && e.icon.trim());
     }
-    const l = de(() => {
-      const w = {
+    const l = fe(() => {
+      const D = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": !e.isDP && (t.value === "right" || t.value === "center"),
@@ -2445,8 +2486,8 @@ const bt = /* @__PURE__ */ qe({
         "text-truncate": !0
         // 'f-rt-toggle':props.isDP&&!props.split
       };
-      return ie(w, e.class);
-    }), u = de(() => e.split ? {
+      return re(D, e.class);
+    }), d = fe(() => e.split ? {
       display: "flex",
       "align-items": "center"
     } : {
@@ -2456,17 +2497,17 @@ const bt = /* @__PURE__ */ qe({
       "padding-right": "0.1rem",
       "border-top-right-radius": "6px",
       "border-bottom-right-radius": "6px"
-    }), i = de(() => {
-      const w = {
+    }), i = fe(() => {
+      const D = {
         btn: !0,
         "dropdown-toggle": !0,
         "f-btn-mr": t.value === "left",
         "dropdown-toggle-split": !0,
         "no-drag": !0
       };
-      return ie(w, e.class);
-    }), n = de(() => {
-      let w = {
+      return re(D, e.class);
+    }), n = fe(() => {
+      let D = {
         btn: !e.isDPItem,
         // 不是下拉按钮，不是下拉项
         disabled: e.disabled === !0,
@@ -2478,10 +2519,10 @@ const bt = /* @__PURE__ */ qe({
         // 保证内部层级不被拖拽
         "no-drag": !0
       };
-      return e.isDPItem || (w = ie(w, e.class || "")), e.isDP && (w = ie(w, e.dropdownClass || "")), w;
+      return e.isDPItem || (D = re(D, e.class || "")), e.isDP && (D = re(D, e.dropdownClass || "")), D;
     });
-    function k(w, y) {
-      y && y.stopPropagation(), b.emit(w, {
+    function S(D, b) {
+      b && b.stopPropagation(), m.emit(D, {
         id: e.id,
         isDP: e.isDP
       });
@@ -2495,92 +2536,92 @@ const bt = /* @__PURE__ */ qe({
         "f-btn-mr": t.value === "left"
       };
     }
-    function M() {
-      return N("div", {
+    function G() {
+      return L("div", {
         ref: c,
-        "data-dragref": `${D.schema.id}-container`,
+        "data-dragref": `${T.schema.id}-container`,
         class: "farris-component position-relative",
         style: "display:inline-block!important;"
-      }, [N("div", {
+      }, [L("div", {
         class: B(),
         id: e.id
-      }, [N("div", {
+      }, [L("div", {
         class: l.value,
-        style: u.value,
-        onClick: () => k("clearAll")
-      }, [h.shouldShowIcon(e) && N("i", {
+        style: d.value,
+        onClick: () => S("clearAll")
+      }, [h.shouldShowIcon(e) && L("i", {
         class: h.iconClass(e)
-      }, null), N("span", null, [e.text]), !e.split && N("span", {
+      }, null), L("span", null, [e.text]), !e.split && L("span", {
         class: "f-icon f-icon-arrow-chevron-down",
         style: "margin:0 0.5rem 0 0.25rem;",
-        onClick: (w) => k("dropdown", w)
-      }, null)]), e.split && N("button", {
+        onClick: (D) => S("dropdown", D)
+      }, null)]), e.split && L("button", {
         class: i.value,
         style: "border-radius:0 6px 6px 0;",
-        onClick: (w) => k("dropdown", w)
-      }, null), m.renderDropdownMenu(e.item, e.item)])]);
+        onClick: (D) => S("dropdown", D)
+      }, null), x.renderDropdownMenu(e.item, e.item)])]);
     }
     function j() {
-      return N("li", {
+      return L("li", {
         ref: c,
-        "data-dragref": `${D.schema.id}-container`,
+        "data-dragref": `${T.schema.id}-container`,
         id: e.id,
         class: n.value
-      }, [h.shouldShowIcon(e) && N("i", {
+      }, [h.shouldShowIcon(e) && L("i", {
         class: h.iconClass(e)
       }, null), e.text]);
     }
-    return () => e.isDP ? M() : e.isDPItem ? j() : N("div", {
+    return () => e.isDP ? G() : e.isDPItem ? j() : L("div", {
       ref: c,
-      "data-dragref": `${D.schema.id}-container`,
+      "data-dragref": `${T.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [N("button", {
+    }, [L("button", {
       type: "button",
       class: l.value,
       id: e.id,
-      onClick: () => k("clearAll")
-    }, [d() && N("i", {
+      onClick: () => S("clearAll")
+    }, [u() && L("i", {
       class: P()
     }, null), e.text])]);
   }
 });
-function $n(e, b, t, h) {
-  function c(l, u, i, n) {
-    h.changeSelectedId((u == null ? void 0 : u.id) || ""), t && t.setupContext && t.setupContext.emit("selectionChange", l, u, i, n);
+function Nn(e, m, t, h) {
+  function c(l, d, i, n) {
+    h.changeSelectedId((d == null ? void 0 : d.id) || ""), t && t.setupContext && t.setupContext.emit("selectionChange", l, d, i, n);
   }
   function r() {
   }
-  function D(l) {
-    const u = l.expanded;
-    h.clearAllDropdown(), h.toggleDropdownMenu(l, !u);
+  function T(l) {
+    const d = l.expanded;
+    h.clearAllDropdown(), h.toggleDropdownMenu(l, !d);
   }
-  function m(l) {
+  function x(l) {
     h.clearAllDropdown(l.isDP ? l.id : "");
   }
-  function v(l, u = "") {
-    const i = e.items || [], n = u || l, k = i.find((B) => B.id === n);
-    return u ? k.children.find((B) => B.id === l) : k;
+  function g(l, d = "") {
+    const i = e.items || [], n = d || l, S = i.find((B) => B.id === n);
+    return d ? S.children.find((B) => B.id === l) : S;
   }
-  function S(l, u = !1) {
-    if (!u)
+  function E(l, d = !1) {
+    if (!d)
       return;
     const i = l.target;
     i != null && i.classList.contains("dgComponentFocused") && (i == null || i.classList.add("dgComponentSelected"));
   }
-  function P(l, u = !1) {
-    if (!u)
+  function P(l, d = !1) {
+    if (!d)
       return;
     const i = l.target;
     i != null && i.classList.contains("dgComponentFocused") && (i == null || i.classList.remove("dgComponentSelected"));
   }
-  function d(l, u, i = !1) {
-    const n = v(l.id, l.parent), k = re(n);
-    return N(Ut, {
+  function u(l, d, i = !1) {
+    const n = g(l.id, l.parent), S = oe(n);
+    return L(Yt, {
       key: n.id,
       class: ["p-0", i ? "d-block no-drag" : "d-inline-block"],
-      modelValue: k.value,
-      "onUpdate:modelValue": (B) => k.value = B,
+      modelValue: S.value,
+      "onUpdate:modelValue": (B) => S.value = B,
       canMove: !1,
       childType: "response-toolbar-item",
       childLabel: "按钮",
@@ -2589,12 +2630,12 @@ function $n(e, b, t, h) {
       id: n.id,
       onSelectionChange: c,
       onRemoveComponent: r,
-      onMouseenter: (B) => S(B, i),
+      onMouseenter: (B) => E(B, i),
       onMouseleave: (B) => P(B, i)
     }, {
       default: () => {
         var B;
-        return [N(bt, {
+        return [L(vt, {
           id: n.id,
           disabled: n.disabled,
           text: n.text,
@@ -2605,25 +2646,25 @@ function $n(e, b, t, h) {
           isDPItem: l.isDPItem,
           class: ((B = l.appearance) == null ? void 0 : B.class) || "btn-secondary",
           alignment: e.alignment || "right",
-          onDropdown: () => D(l),
-          onClearAll: (M) => m(M),
+          onDropdown: () => T(l),
+          onClearAll: (G) => x(G),
           componentId: e.componentId
         }, null)];
       }
     });
   }
   return {
-    renderToolbarItemDesigner: d,
+    renderToolbarItemDesigner: u,
     actionHandlers: h
   };
 }
-function We(e, b = !1, t = "") {
+function qe(e, m = !1, t = "") {
   const h = [];
   return e.reduce((c, r) => {
     if (r.children && r.children.length > 0) {
-      const D = We(r.children, !0, r.id);
+      const T = qe(r.children, !0, r.id);
       c.push(Object.assign({}, r, {
-        children: D,
+        children: T,
         isDPItem: !1,
         isDP: !0,
         parent: "",
@@ -2631,134 +2672,134 @@ function We(e, b = !1, t = "") {
       }));
     } else
       c.push(Object.assign({}, r, {
-        isDPItem: b,
+        isDPItem: m,
         isDP: !1,
         parent: t
       }));
     return c;
   }, h), h;
 }
-const Ee = /* @__PURE__ */ qe({
+const Re = /* @__PURE__ */ ze({
   name: "FResponseToolbarDesign",
-  props: gn,
+  props: bn,
   emits: ["Click"],
-  setup(e, b) {
-    const t = re(We(e.items)), h = re(), c = re(), r = re(), D = re("");
-    let m = 0;
-    const v = 15, S = we("designer-host-service"), P = we("design-item-context"), d = {
-      clearAllDropdown: (L) => {
+  setup(e, m) {
+    const t = oe(qe(e.items)), h = oe(), c = oe(), r = oe(), T = oe("");
+    let x = 0;
+    const g = 15, E = xe("designer-host-service"), P = xe("design-item-context"), u = {
+      clearAllDropdown: ($) => {
       },
-      toggleDropdownMenu: (L) => {
+      toggleDropdownMenu: ($) => {
       },
       updateToolbarItems: () => {
       },
-      changeSelectedId: (L) => {
-        D.value = L;
+      changeSelectedId: ($) => {
+        T.value = $;
       },
-      renderDropdownMenu: (L, F) => {
+      renderDropdownMenu: ($, N) => {
       },
       toolbarContext: P,
-      changeMenuPosition: (L, F, Q) => ({}),
+      changeMenuPosition: ($, N, V) => ({}),
       toolbarPosition: ""
-    }, l = In(P, S, d), u = Yt(r, P, l), i = we("toolbar-item-handler"), {
+    }, l = In(P, E, u), d = Xt(r, P, l), i = xe("toolbar-item-handler"), {
       initDragula: n,
-      dragulaInstance: k
-    } = Pn(P), B = Ue(), M = $n(e, c, P, d), j = En(B, t, M), {
-      renderToolbarItemDesigner: w
-    } = M, {
-      clearAllDropDownMenu: y,
-      renderDropdownMenu: _,
-      setResponseToolbarRef: g
+      dragulaInstance: S
+    } = Mn(P), B = Ye(), G = Nn(e, c, P, u), j = Rn(B, t, G), {
+      renderToolbarItemDesigner: D
+    } = G, {
+      clearAllDropDownMenu: b,
+      renderDropdownMenu: O,
+      setResponseToolbarRef: p
     } = j;
-    Wt("toolbar-item-action", d), d.renderDropdownMenu = _, g(r), i && (i.changeSelectedId = function(L) {
-      D.value = L;
+    qt("toolbar-item-action", u), u.renderDropdownMenu = O, p(r), i && (i.changeSelectedId = function($) {
+      T.value = $;
     });
     function o() {
-      const L = c.value.querySelector(".dgComponentSelected");
-      L && Xt(L);
+      const $ = c.value.querySelector(".dgComponentSelected");
+      $ && Ht($);
     }
-    function $() {
-      if (D.value)
-        if (Fe(D.value, t.value)) {
+    function F() {
+      if (T.value)
+        if (We(T.value, t.value)) {
           const {
-            parent: L,
-            item: F
-          } = it(D.value, t.value);
-          L && (d.toggleDropdownMenu(L, !0), setTimeout(() => {
-            var Z;
-            const Q = r.value.querySelector("#" + L.id), V = Q == null ? void 0 : Q.querySelector("#" + F.id);
-            (((Z = V == null ? void 0 : V.parentElement) == null ? void 0 : Z.className) || "").indexOf("dgComponentFocused") < 0 && (V == null || V.click());
+            parent: $,
+            item: N
+          } = st(T.value, t.value);
+          $ && (u.toggleDropdownMenu($, !0), setTimeout(() => {
+            var H;
+            const V = r.value.querySelector("#" + $.id), U = V == null ? void 0 : V.querySelector("#" + N.id);
+            (((H = U == null ? void 0 : U.parentElement) == null ? void 0 : H.className) || "").indexOf("dgComponentFocused") < 0 && (U == null || U.click());
           }, 0));
         } else
           o();
     }
-    function T(L = "") {
-      t.value.filter((F) => F.id !== L && F.children && F.children.length > 0).forEach((F) => {
-        F.expanded = !1;
-      }), y(L);
+    function I($ = "") {
+      t.value.filter((N) => N.id !== $ && N.children && N.children.length > 0).forEach((N) => {
+        N.expanded = !1;
+      }), b($);
     }
-    d.clearAllDropdown = T;
+    u.clearAllDropdown = I;
     function f() {
       i && i.updateToolbarItems && i.updateToolbarItems();
     }
-    d.updateToolbarItems = f;
-    function x(L) {
-      if (L) {
-        const F = r.value.querySelector("#" + L.id), Q = F.querySelector("#" + L.id + "_menu"), V = d.changeMenuPosition(L, F);
-        Object.keys(V).forEach((Z) => {
-          Q.style[Z] = V[Z];
+    u.updateToolbarItems = f;
+    function y($) {
+      if ($) {
+        const N = r.value.querySelector("#" + $.id), V = N.querySelector("#" + $.id + "_menu"), U = u.changeMenuPosition($, N);
+        Object.keys(U).forEach((H) => {
+          V.style[H] = U[H];
         });
       }
     }
     function s() {
-      const Q = c.value.clientWidth, V = c.value.querySelectorAll(".farris-component>.f-rt-btn");
-      V && V.forEach((W) => {
-        W.style.maxWidth = Q - 12 + "px";
+      const V = c.value.clientWidth, U = c.value.querySelectorAll(".farris-component>.f-rt-btn");
+      U && U.forEach((q) => {
+        q.style.maxWidth = V - 12 + "px";
       });
-      const Z = c.value.querySelectorAll(".farris-component>.f-rt-dropdown");
-      Z && Z.forEach((W) => {
-        W.querySelector(".dropdown-toggle-split") ? W.querySelector(".f-rt-btn").style.maxWidth = Q - 38 + "px" : W.style.maxWidth = Q - 12 + "px";
+      const H = c.value.querySelectorAll(".farris-component>.f-rt-dropdown");
+      H && H.forEach((q) => {
+        q.querySelector(".dropdown-toggle-split") ? q.querySelector(".f-rt-btn").style.maxWidth = V - 38 + "px" : q.style.maxWidth = V - 12 + "px";
       });
     }
-    const p = new ResizeObserver((L) => {
-      var F;
-      if (L.length) {
-        const V = L[0].contentRect.width;
-        if (V === 0) {
-          m = 0;
+    const v = new ResizeObserver(($) => {
+      var N;
+      if ($.length) {
+        const U = $[0].contentRect.width;
+        if (U === 0) {
+          x = 0;
           return;
         }
-        if (Math.abs(V - m) > v) {
-          if (m = V, Fe(D.value, t.value)) {
+        if (Math.abs(U - x) > g) {
+          if (x = U, We(T.value, t.value)) {
             const {
-              parent: Z,
-              item: W
-            } = it(D.value, t.value);
-            x(Z);
-          } else if (Rn(D.value, t.value)) {
-            const Z = (F = t.value) == null ? void 0 : F.find((W) => W.id === D.value);
-            x(Z);
+              parent: H,
+              item: q
+            } = st(T.value, t.value);
+            y(H);
+          } else if (Bn(T.value, t.value)) {
+            const H = (N = t.value) == null ? void 0 : N.find((q) => q.id === T.value);
+            y(H);
           } else
-            T();
+            I();
           s();
         }
       }
     });
-    ze(() => {
-      p.observe(r.value), m = r.value.clientWidth, r.value.componentInstance = u, n(c.value, h.value, f);
-    }), ct(() => {
-      p.disconnect(), k && k.destroy && k.destroy();
-    }), b.expose(u.value);
-    const C = de(() => {
-      const L = {
+    Ge(() => {
+      v.observe(r.value), x = r.value.clientWidth, r.value.componentInstance = d, n(c.value, h.value, f);
+    }), ut(() => {
+      v.disconnect(), S && S.destroy && S.destroy();
+    }), m.expose(d.value);
+    const k = fe(() => {
+      const $ = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0,
         "f-response-toolbar-sm": e.buttonSize === "sm",
         "f-response-toolbar-lg": e.buttonSize === "lg"
       };
-      return ie(L, e.customClass);
-    }), A = de(() => ({
+      return re($, e.customClass);
+    }), M = fe(() => ({
       "text-left": e.alignment === "left",
       "text-right": e.alignment === "right",
       "justify-content-end": e.alignment === "right",
@@ -2767,67 +2808,81 @@ const Ee = /* @__PURE__ */ qe({
       "no-drag": !0,
       "w-100": !0
     }));
-    De(() => e.items, () => {
-      t.value = We(e.items), Ce(() => {
-        $(), s();
+    ke(() => e.items, () => {
+      t.value = qe(e.items), Te(() => {
+        F(), s();
       });
     }, {
       deep: !0
     });
-    function z(L) {
-      L && (L.stopPropagation(), L.preventDefault());
+    function W($) {
+      $ && ($.stopPropagation(), $.preventDefault());
       const {
-        schema: F
+        schema: N
       } = P;
-      F.buttons || (F.buttons = []);
-      const Q = lt("response-toolbar-item");
-      Q.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, Q.appearance = {
-        class: "btn btn-secondary"
-      }, F.buttons.push(Q);
+      N.buttons || (N.buttons = []);
+      let V = "";
+      switch (u.toolbarPosition) {
+        case "drawer-header-toolbar":
+        case "drawer-footer-toolbar":
+          V = "drawer-toolbar-item";
+          break;
+        case "tabs":
+          V = "tab-toolbar-item";
+          break;
+        case "section":
+          V = "section-toolbar-item";
+          break;
+        default:
+          V = "response-toolbar-item";
+      }
+      const U = at(V);
+      U.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, N.buttons.push(U);
     }
-    function H() {
-      return N("li", {
+    function Y() {
+      return L("li", {
         style: "border-width: 1px;border-style: dashed;display: inline-block;padding: 0 8px;line-height: 24px; border-radius: 3px; cursor: default;color: #B4BCCC;",
-        onClick: z
-      }, [N("span", {
+        onClick: W
+      }, [L("span", {
         class: "f-icon f-icon-amplification mr-1",
         style: "font-size: 12px;"
-      }, null), N("span", {
+      }, null), L("span", {
         class: "farris-tag-add-text"
-      }, [qt("添加按钮")])]);
+      }, [zt("添加按钮")])]);
     }
-    function Y() {
-      return t.value.map((L, F) => w(L, F));
+    function X() {
+      return t.value.map(($, N) => D($, N));
     }
     return () => {
-      var L;
-      return N("div", {
+      var $;
+      return L("div", {
         ref: r,
         "data-dragref": `${P.schema.id}-container`,
-        class: C.value,
+        class: k.value,
         id: e.id
-      }, [N("div", {
+      }, [L("div", {
         ref: h,
-        class: A.value,
-        onClick: (F) => T(F)
-      }, [N("div", {
+        class: M.value,
+        onClick: (N) => I(N)
+      }, [L("div", {
         ref: c,
         class: "d-block f-response-content"
-      }, [(L = t.value) != null && L.length ? Y() : H()])])]);
+      }, [($ = t.value) != null && $.length ? X() : Y()])])]);
     };
   }
-}), Hn = Ge;
-Ee.register = (e, b, t, h) => {
-  e["response-toolbar"] = Tn, b["response-toolbar"] = Ge, h["response-toolbar"] = { eventHandlerResolver: vn };
+}), Qn = Ue;
+Re.register = (e, m, t, h) => {
+  e["response-toolbar"] = Sn, m["response-toolbar"] = Ue, h["response-toolbar"] = { eventHandlerResolver: yn };
 };
-Ee.registerDesigner = (e, b, t) => {
-  e["response-toolbar"] = Ee, b["response-toolbar"] = Ge, e["response-toolbar-item"] = bt, b["response-toolbar-item"] = bn;
+Re.registerDesigner = (e, m, t) => {
+  e["response-toolbar"] = Re, m["response-toolbar"] = Ue, e["response-toolbar-item"] = vt, m["response-toolbar-item"] = mn;
 };
-const Vn = _t(Ee);
+const Zn = $t(Re);
 export {
-  Ee as FResponseToolbarDesign,
-  bt as FResponseToolbarItemDesign,
-  Vn as default,
-  Hn as responseToolbarResolver,
-  dt as schemaResolver
+  Re as FResponseToolbarDesign,
+  vt as FResponseToolbarItemDesign,
+  vn as commonToolbarItemDesignProps,
+  Zn as default,
+  Qn as responseToolbarResolver,
+  ft as schemaResolver
 };