@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

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

@@ -1,21 +1,21 @@
 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";
+var jt = (e, v, t) => v in e ? Bt(e, v, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[v] = t;
+var J = (e, v, t) => jt(e, typeof v != "symbol" ? v + "" : v, t);
+import { getCustomClass as ne, isMobilePhone as At, useGuid as _t, withInstall as $t } from "../../components/common/index.esm.js";
+import { resolveAppearance as Lt, createPropsResolver as lt, createResponseToolbarEventHandlerResolver as Ft, 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 { computed as fe, createVNode as L, Teleport as Nt, getCurrentInstance as Wt, reactive as Pe, withDirectives as Ee, resolveDirective as Me, ref as re, defineComponent as ze, watch as Ie, onMounted as Ge, onUnmounted as ut, nextTick as Te, inject as Ce, 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 { canvasChanged as Ne, 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 { isPlainObject as nt, cloneDeep as xe } from "lodash-es";
 import { TabToolbarItemProperty as Vt } from "../../components/tabs/index.esm.js";
 const Qt = /* @__PURE__ */ new Map([
   ["buttons", "items"],
   ["appearance", Lt]
 ]);
-function ft(e, m, t) {
-  return m;
+function ft(e, v, t) {
+  return v;
 }
 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: {
@@ -133,8 +133,7 @@ const Zt = "https://json-schema.org/draft/2020-12/schema", Jt = "https://farris-
   },
   dropdownClass: {
     description: "处于下拉菜单时的样式",
-    type: "string",
-    default: ""
+    type: "string"
   },
   split: {
     description: "",
@@ -179,7 +178,8 @@ const Zt = "https://json-schema.org/draft/2020-12/schema", Jt = "https://farris-
   // 是否下拉
   isDP: { type: Boolean, default: !1 },
   // 是否下拉项
-  isDPItem: { type: Boolean, default: !1 }
+  isDPItem: { type: Boolean, default: !1 },
+  dropdownClass: { Type: String, default: "" }
 }, pt = Object.assign({}, vn, {
   item: { type: Object, default: {} },
   items: { type: Object, default: {} },
@@ -190,7 +190,7 @@ const Zt = "https://json-schema.org/draft/2020-12/schema", Jt = "https://farris-
   gn,
   void 0,
   ft
-), yn = Nt(), wn = {
+), yn = Ft(), wn = {
   id: { type: String, default: "" },
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
@@ -205,7 +205,7 @@ const Zt = "https://json-schema.org/draft/2020-12/schema", Jt = "https://farris-
   buttonSize: { type: String, default: "" }
 };
 class ht {
-  constructor(m) {
+  constructor(v) {
     /** 工具栏项标识 */
     J(this, "id", "");
     /** 工具栏项自定义样式 */
@@ -237,7 +237,7 @@ class ht {
     });
     J(this, "options");
     var h, c;
-    this.options = m;
+    this.options = v;
     const t = [
       "id",
       "class",
@@ -255,37 +255,37 @@ class ht {
       "dropdownClass",
       "onClick"
     ];
-    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);
+    Object.keys(v).filter((r) => t.indexOf(r) > -1).forEach((r) => {
+      r === "visible" ? this[r] = v[r] === void 0 ? !0 : v[r] : this[r] = v[r];
+    }), this.shown = this.visible, (h = v.appearance) != null && h.class && (this.class = (c = v.appearance) == null ? void 0 : c.class), this.class || (this.class = "btn-secondary");
   }
   /** 是否可用 */
   get enable() {
     return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : fe(() => !0);
   }
   /** 设置宽度 */
-  setWidth(m) {
-    this.width = parseInt(m, 10);
+  setWidth(v) {
+    this.width = parseInt(v, 10);
   }
   /** 获取宽度 */
   getWidth() {
     return this.visible ? this.width : !1;
   }
 }
-class xn extends ht {
-  constructor(m) {
-    super(m);
+class Cn extends ht {
+  constructor(v) {
+    super(v);
   }
 }
 function gt() {
-  function e(m) {
+  function e(v) {
     const 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 v.reduce((h, c) => (c.children && c.children.length > 0 ? h.push(new ke(c)) : h.push(new Cn(c)), h), t), t;
   }
   return { buildResponseToolbarItems: e };
 }
-const { buildResponseToolbarItems: Cn } = gt();
-class Ie extends ht {
+const { buildResponseToolbarItems: xn } = gt();
+class ke extends ht {
   constructor(t) {
     super(t);
     J(this, "placement", "");
@@ -304,7 +304,7 @@ class Ie extends ht {
     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 = Cn(t.children));
+    }), this.shown = this.visible, t.children && t.children.length && (this.children = xn(t.children));
   }
 }
 function Ye() {
@@ -318,14 +318,14 @@ function Ye() {
     }
     return h;
   }
-  function m(t) {
+  function v(t) {
     return !!(t.icon && t.icon.trim());
   }
-  return { iconClass: e, shouldShowIcon: m };
+  return { iconClass: e, shouldShowIcon: v };
 }
-function Tn(e, m) {
+function Tn(e, v) {
   function t(p) {
-    return re({
+    return ne({
       "dropdown-menu": !0
     }, p.menuClass);
   }
@@ -336,7 +336,7 @@ function Tn(e, m) {
       "f-rt-dropdown": !0,
       "text-truncate": !0
     };
-    return re(o, p.dropdownClass);
+    return ne(o, p.dropdownClass);
   }
   function c(p) {
     const o = {
@@ -345,7 +345,7 @@ function Tn(e, m) {
       "f-rt-btn": !0,
       "text-truncate": !0
     };
-    return re(o, p.dropdownClass);
+    return ne(o, p.dropdownClass);
   }
   function r(p) {
     const o = {
@@ -358,7 +358,7 @@ function Tn(e, m) {
       "dropdown-toggle": !p.split,
       "btn-secondary": !0
     };
-    return re(o, p.dropdownClass);
+    return ne(o, p.dropdownClass);
   }
   function T(p) {
     const o = {
@@ -367,126 +367,126 @@ function Tn(e, m) {
       "btn-icontext": !!(p.icon && p.icon.trim()),
       "d-block": !0
     };
-    return re(o, p.dropdownClass);
+    return ne(o, p.dropdownClass);
   }
-  let x;
+  let C;
   const g = /* @__PURE__ */ new Map();
   let E = "";
   function P(p) {
     E = "#" + p;
   }
-  function u(p, o, F) {
+  function u(p, o, N) {
     p.stopPropagation();
-    const I = F ? F.id : "__top_item__";
+    const k = N ? N.id : "__top_item__";
     if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded)) {
-      if (g.has(I) && g.get(I) !== o) {
-        const f = g.get(I);
-        f && (f.expanded = !1, g.delete(I));
+      if (g.has(k) && g.get(k) !== o) {
+        const f = g.get(k);
+        f && (f.expanded = !1, g.delete(k));
       }
-      g.set(I, o);
+      g.set(k, o);
     }
   }
   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 d(p, o) {
-    const F = p.target;
-    F.className.indexOf("dropdown-item") < 0 || (F.title = F.scrollWidth > F.clientWidth ? o : "");
+    const N = p.target;
+    N.className.indexOf("dropdown-item") < 0 || (N.title = N.scrollWidth > N.clientWidth ? o : "");
   }
-  function i(p, o, F) {
+  function i(p, o, N) {
     if (o.tipsEnable && o.tipsText) {
-      const I = Pe({
+      const k = Pe({
         content: o.tipsText,
         enable: o.tipsEnable
       });
       return Ee(L("li", {
         class: c(o),
         id: o.id,
-        key: o.id + "_" + F,
+        key: o.id + "_" + N,
         onClick: (f) => l(f, o)
       }, [L("span", {
         class: T(o)
-      }, [m.shouldShowIcon(o) && L("i", {
-        class: m.iconClass(o)
-      }, null), o.text])]), [[Me("tooltip"), I]]);
+      }, [v.shouldShowIcon(o) && L("i", {
+        class: v.iconClass(o)
+      }, null), o.text])]), [[Me("tooltip"), k]]);
     }
     return L("li", {
       class: c(o),
       id: o.id,
-      onClick: (I) => l(I, o)
+      onClick: (k) => l(k, o)
     }, [L("span", {
       class: T(o),
-      onMouseenter: (I) => d(I, o.text)
-    }, [m.shouldShowIcon(o) && L("i", {
-      class: m.iconClass(o)
+      onMouseenter: (k) => d(k, o.text)
+    }, [v.shouldShowIcon(o) && L("i", {
+      class: v.iconClass(o)
     }, null), o.text])]);
   }
-  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 n(p, o, N) {
+    o.enable && (typeof o.onClick == "function" && N.onClick(p, o.id), e.emit("click", p, o.id), N.split || u(p, o, N));
   }
-  function S(p, o, F) {
-    p && p.stopPropagation(), u(p, o, F);
+  function D(p, o, N) {
+    p && p.stopPropagation(), u(p, o, N);
   }
-  function B(p, o) {
+  function O(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));
+    const N = o.id;
+    if (o.children && o.children.length && o.expanded && g.has(N)) {
+      const k = g.get(N);
+      k && (k.expanded = !1, g.delete(N));
     }
   }
-  function G(p, o, F) {
+  function G(p, o, N) {
     if (o.tipsEnable && o.tipsText) {
-      const I = Pe({
+      const k = Pe({
         content: o.tipsText,
         enable: o.tipsEnable
       });
       return L("li", {
         class: h(o),
         id: o.id,
-        key: o.id + "_" + F,
+        key: o.id + "_" + N,
         onClick: (f) => n(f, o, p)
       }, [Ee(L("span", {
         class: r(o)
-      }, [m.shouldShowIcon(o) && L("i", {
-        class: m.iconClass(o)
-      }, null), o.text]), [[Me("tooltip"), I]]), o.split && L("span", {
+      }, [v.shouldShowIcon(o) && L("i", {
+        class: v.iconClass(o)
+      }, null), o.text]), [[Me("tooltip"), k]]), o.split && L("span", {
         class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-        onClick: (f) => S(f, o, p)
-      }, null), x(o, o)]);
+        onClick: (f) => D(f, o, p)
+      }, null), C(o, o)]);
     }
     return L("li", {
       class: h(o),
       id: o.id,
-      onClick: (I) => n(I, o, p),
-      onMouseenter: (I) => d(I, o.text)
+      onClick: (k) => n(k, o, p),
+      onMouseenter: (k) => d(k, o.text)
     }, [L("span", {
       class: r(o)
-    }, [m.shouldShowIcon(o) && L("i", {
-      class: m.iconClass(o)
+    }, [v.shouldShowIcon(o) && L("i", {
+      class: v.iconClass(o)
     }, null), o.text]), o.split && L("span", {
       class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-      onClick: (I) => S(I, o, p)
-    }, null), x(o, o)]);
+      onClick: (k) => D(k, o, p)
+    }, null), C(o, 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 B(p) {
+    return p.children.filter((o) => o.visible).map((o, N) => o.children && o.children.length ? G(p, o, N) : i(p, o, N));
   }
-  function D(p, o) {
+  function S(p, o) {
     if (!p)
       return 1080;
-    let F = -1;
-    const I = p.children.length;
-    for (let f = 0; f < I; f++)
+    let N = -1;
+    const k = p.children.length;
+    for (let f = 0; f < k; f++)
       if (p.children[f].id === o) {
-        F = f;
+        N = f;
         break;
       }
-    return 1080 + I - F;
+    return 1080 + k - N;
   }
-  function b(p, o, F) {
+  function w(p, o, N) {
     var W, Y;
-    const I = {
+    const k = {
       display: p.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
@@ -497,79 +497,79 @@ function Tn(e, m) {
       maxHeight: "none"
     }, f = document.querySelector(E);
     if (!f)
-      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);
+      return k;
+    const m = Wt();
+    let s = (Y = (W = m == null ? void 0 : m.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 I;
-    const v = window.innerWidth, k = window.innerHeight, M = s == null ? void 0 : s.getClientRects();
+      return k;
+    const b = window.innerWidth, I = window.innerHeight, M = s == null ? void 0 : s.getClientRects();
     if (s && M && M.length) {
       const {
         top: X,
-        width: $,
-        left: N,
+        width: _,
+        left: F,
         right: V,
         height: U
       } = M[0], H = Math.ceil(U + X);
-      I.top = `${H}px`, I.left = `${N}px`;
+      k.top = `${H}px`, k.left = `${F}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`;
+        k.zIndex = p.expanded ? S(f, q) : 1080, k.display === "block" && (te.style.display = "block");
+        const y = te.getBoundingClientRect();
+        if (N) {
+          k.top = `${X - 6}px`;
+          const x = Math.ceil(_ + F);
+          k.left = `${x}px`;
         }
-        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";
+        b - F - _ < y.width && (k.left = `${(N ? F : V) - y.width}px`), I - X - U < ae ? X > ae ? (k.top = `${X - ae - 6}px`, k.maxHeight = `${X - 16}px`) : (k.maxHeight = `${I - H}px`, X > I - X - U && (k.top = "10px", k.maxHeight = `${X - 16}px`)) : k.maxHeight = `${I - H}px`, te.style.visibility = "visible";
       }
     }
-    return I;
+    return k;
   }
-  x = function(p, o) {
-    const F = o ? o.id : p.id;
-    return L(Ft, {
+  C = function(p, o) {
+    const N = o ? o.id : p.id;
+    return L(Nt, {
       to: E,
       disabled: !p.expanded
     }, {
       default: () => [L("ul", {
         class: t(p),
-        style: b(p, F, o),
+        style: w(p, N, o),
         id: p.id + "_menu",
-        onWheel: (I) => B(I, p)
-      }, [j(p)])]
+        onWheel: (k) => O(k, p)
+      }, [B(p)])]
     });
   };
-  function O() {
+  function A() {
     g.forEach((p) => {
       p.expanded = !1;
     }), g.clear();
   }
   return {
-    renderDropdownMenu: x,
-    clearAllDropDownMenu: O,
+    renderDropdownMenu: C,
+    clearAllDropDownMenu: A,
     updateContainerId: P
   };
 }
-function Dn(e, m, t) {
-  const h = oe(e.alignment), {
+function Dn(e, v, t) {
+  const h = re(e.alignment), {
     renderDropdownMenu: c,
     clearAllDropDownMenu: r,
     updateContainerId: T
-  } = Tn(m, t);
-  function x(n) {
-    const S = {
+  } = Tn(v, t);
+  function C(n) {
+    const D = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": h.value === "right" || h.value === "center",
       "f-btn-mr": h.value === "left"
     };
-    return re(S, n.dropdownClass);
+    return ne(D, n.dropdownClass);
   }
   function g(n) {
-    const S = {
+    const D = {
       btn: !0,
       disabled: !n.enable,
       "f-rt-btn": !0,
@@ -580,10 +580,10 @@ function Dn(e, m, t) {
       "f-btn-icon": n.icon && !n.text
       // 只有图标
     };
-    return re(S, n.class);
+    return ne(D, n.class);
   }
   function E(n) {
-    return re({
+    return ne({
       btn: !0,
       "dropdown-toggle": !0,
       "dropdown-toggle-split": !0
@@ -597,51 +597,51 @@ function Dn(e, m, t) {
       "border-radius": "6px"
     };
   }
-  function u(n, S) {
+  function u(n, D) {
     n.stopPropagation();
-    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);
+    const O = D.expanded;
+    document.body.click(), typeof D.onClick == "function" && D.onClick(n, D.id), v.emit("click", n, D.id), D.split || (D.expanded = !O);
   }
-  function l(n, S) {
+  function l(n, D) {
     n.stopPropagation();
-    const B = S.expanded;
-    document.body.click(), S.expanded = !B;
+    const O = D.expanded;
+    document.body.click(), D.expanded = !O;
   }
-  function d(n, S = !0) {
+  function d(n, D = !0) {
     if (n.tipsEnable && n.tipsText) {
-      const B = Pe({
+      const O = Pe({
         content: n.tipsText,
         enable: n.tipsEnable
       });
       return L("div", {
         id: n.id,
-        class: x(n)
+        class: C(n)
       }, [Ee(L("div", {
         class: g(n),
         style: P(n),
         onClick: (G) => n.enable && u(G, n)
       }, [t.shouldShowIcon(n) && L("i", {
         class: t.iconClass(n)
-      }, null), n.text && L("span", null, [n.text])]), [[Me("tooltip"), B]]), n.split && L("button", {
+      }, null), n.text && L("span", null, [n.text])]), [[Me("tooltip"), O]]), n.split && L("button", {
         class: E(n),
         style: "border-radius:0 6px 6px 0;",
         onClick: (G) => l(G, n)
-      }, null), S && c(n)]);
+      }, null), D && c(n)]);
     }
     return L("div", {
       id: n.id,
-      class: x(n)
+      class: C(n)
     }, [L("div", {
       class: g(n),
       style: P(n),
-      onClick: (B) => n.enable && u(B, n)
+      onClick: (O) => n.enable && u(O, n)
     }, [t.shouldShowIcon(n) && L("i", {
       class: t.iconClass(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), S && c(n)]);
+      onClick: (O) => l(O, n)
+    }, null), D && c(n)]);
   }
   function i() {
     r();
@@ -658,37 +658,37 @@ const {
   name: "FResponseToolbar",
   props: wn,
   emits: ["click"],
-  setup(e, m) {
-    const t = oe(ot(e.items)), h = oe(), c = oe(), r = oe(), T = At(), x = {
+  setup(e, v) {
+    const t = re(ot(e.items)), h = re(), c = re(), r = re(), T = At(), C = {
       id: "__more_buttons__",
       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();
+    }, g = re(new ke(C)), E = Object.assign({}, C, {
+      id: C.id + "width"
+    }), P = re(-1), u = Ye();
     let l = !1;
     const {
       guid: d,
       uuid: i
-    } = _t(), n = e.id ? e.id : "toolbar-" + d(), S = oe(), B = "dropdown-container-" + n + "-" + i(4), {
+    } = _t(), n = e.id ? e.id : "toolbar-" + d(), D = re(), O = "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);
+      clearAllDropDown: B,
+      updateContainerId: S
+    } = Dn(e, v, u);
+    S(O);
+    const w = fe(() => g.value.children.length > 0), A = fe(() => e.visible ? g.value.children.length > 0 ? !0 : t.value.findIndex((y) => y.shown && y.children && y.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));
+      e.visible && !D.value && document && (D.value = document.createElement("div"), D.value.id = O, document.body.appendChild(D.value));
     }
     p();
     function o() {
-      S.value && document.body.contains(S.value) && (document.body.removeChild(S.value), S.value = null);
+      D.value && document.body.contains(D.value) && (document.body.removeChild(D.value), D.value = null);
     }
-    ke(O, (w, C) => {
-      w ? p() : o();
+    Ie(A, (y, x) => {
+      y ? p() : o();
     });
-    const F = fe(() => {
-      const w = {
+    const N = fe(() => {
+      const y = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0,
@@ -696,8 +696,8 @@ const {
         "f-response-toolbar-lg": e.buttonSize === "lg",
         "d-none": !e.visible
       };
-      return re(w, e.customClass);
-    }), I = fe(() => ({
+      return ne(y, e.customClass);
+    }), k = fe(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
@@ -705,168 +705,168 @@ const {
       "justify-content-start": e.alignment === "left",
       "justify-content-center": e.alignment === "center"
     }));
-    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(y) {
+      y && y.target.closest("ul.dropdown-menu") && y.type === "wheel" || (t.value.filter((x) => x.children && x.children.length > 0).forEach((x) => {
+        x.expanded = !1;
+      }), g.value.expanded = !1, B());
     }
-    function y(w, C) {
+    function m(y, x) {
       var ee;
-      const _ = {
+      const $ = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": e.alignment === "right" || C > 0 && e.alignment === "center",
+        "f-btn-ml": e.alignment === "right" || x > 0 && e.alignment === "center",
         "f-btn-mr": e.alignment === "left",
-        "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);
+        "btn-icontext": !!(y.icon && y.icon.trim())
+      }, K = ((ee = y == null ? void 0 : y.appearance) == null ? void 0 : ee.class) || y.class || "btn-secondary";
+      return ne($, K);
     }
-    function s(w, C) {
-      document.body.click(), typeof C.onClick == "function" && C.onClick(w, C.id), m.emit("click", w, C.id);
+    function s(y, x) {
+      document.body.click(), typeof x.onClick == "function" && x.onClick(y, x.id), v.emit("click", y, x.id);
     }
-    function v(w, C) {
-      if (w.tipsEnable && w.tipsText) {
-        const _ = Pe({
-          content: w.tipsText,
-          enable: w.tipsEnable
+    function b(y, x) {
+      if (y.tipsEnable && y.tipsText) {
+        const $ = Pe({
+          content: y.tipsText,
+          enable: y.tipsEnable
         });
         return Ee(L("button", {
           type: "button",
-          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"), _]]);
+          class: m(y, x),
+          id: y.id,
+          disabled: !y.enable,
+          onClick: (K) => s(K, y)
+        }, [u.shouldShowIcon(y) && L("i", {
+          class: u.iconClass(y)
+        }, null), y.text]), [[Me("tooltip"), $]]);
       }
       return L("button", {
         type: "button",
-        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]);
+        class: m(y, x),
+        id: y.id,
+        disabled: !y.enable,
+        onClick: ($) => s($, y)
+      }, [u.shouldShowIcon(y) && L("i", {
+        class: u.iconClass(y)
+      }, null), y.text]);
     }
-    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);
+    let I = /* @__PURE__ */ new Map(), M = [];
+    function W(y) {
+      const x = Math.ceil(parseFloat(getComputedStyle(y).getPropertyValue("margin-left"))), $ = Math.ceil(parseFloat(getComputedStyle(y).getPropertyValue("margin-right")));
+      return (x || 0) + y.getBoundingClientRect().width + ($ || 0);
     }
-    function Y(w, C, _) {
-      if (C < P.value) {
-        let K = _ - 1;
+    function Y(y, x, $) {
+      if (x < P.value) {
+        let K = $ - 1;
         for (; K >= 0; K--) {
-          const ee = w[K], ne = W(ee);
-          if (C += ne, C >= P.value)
+          const ee = y[K], oe = W(ee);
+          if (x += oe, x >= P.value)
             break;
         }
-        _ = K;
+        $ = K;
       }
-      return C -= P.value, _ = _ < 0 ? 0 : _, {
-        start: _,
-        space: C
+      return x -= P.value, $ = $ < 0 ? 0 : $, {
+        start: $,
+        space: x
       };
     }
-    function X(w) {
-      const C = r.value;
-      let _ = w;
-      const ee = Array.from(C.children).filter((ce) => ce.id !== "__more_buttons__"), ne = ee.length;
+    function X(y) {
+      const x = r.value;
+      let $ = y;
+      const ee = Array.from(x.children).filter((ce) => ce.id !== "__more_buttons__"), oe = ee.length;
       let ye = !1, se = 0;
-      for (; se < ne; se++) {
+      for (; se < oe; se++) {
         const ce = ee[se], we = W(ce);
-        if (we <= _)
-          _ -= we;
+        if (we <= $)
+          $ -= we;
         else {
-          const he = Y(ee, _, se);
-          se = he.start, _ = he.space, ye = !0;
+          const he = Y(ee, $, se);
+          se = he.start, $ = he.space, ye = !0;
           break;
         }
       }
       if (!ye && M.length > 0) {
-        const ce = Y(ee, _, se);
-        se = ce.start, _ = ce.space;
+        const ce = Y(ee, $, se);
+        se = ce.start, $ = ce.space;
       }
       const De = M.length > 0;
-      for (; se < ne; se++) {
+      for (; se < oe; se++) {
         const ce = ee[se], we = W(ce);
-        k.set(ce.id, !0);
+        I.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 _;
+      return $;
     }
-    function $() {
-      k = /* @__PURE__ */ new Map(), M = [];
+    function _() {
+      I = /* @__PURE__ */ new Map(), M = [];
     }
-    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);
+    function F(y = !1) {
+      const x = Object.assign({}, g.value);
+      x.children = [];
+      const $ = new ke(x), K = t.value.reduce((ee, oe) => {
+        const ye = e.items.find((se) => se.id === oe.id);
+        return y ? ($.children.push(oe), oe.shown = !1, ee) : (I.has(oe.id) ? ($.children.push(oe), oe.shown = !1) : oe.shown = ye.visible !== !1, ee.push(oe), ee);
       }, []);
-      g.value = _, t.value = K;
+      g.value = $, t.value = K;
     }
-    function V(w) {
+    function V(y) {
       if (T) {
-        $(), N(!0);
+        _(), F(!0);
         return;
       }
-      let C = X(w);
+      let x = X(y);
       if (M.length) {
-        let _ = 0;
-        for (; _ < M.length; _++) {
-          const K = e.items.find((ee) => ee.id === M[_].id);
+        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;
+            const ee = M[$].width;
+            if (x >= ee || $ === M.length - 1 && x + P.value >= ee)
+              x -= ee;
             else
               break;
           }
         }
-        for (let K = 0; K < _; K++)
-          k.delete(M[K].id);
-        M.splice(0, _ - 1);
+        for (let K = 0; K < $; K++)
+          I.delete(M[K].id);
+        M.splice(0, $ - 1);
       }
-      N();
+      F();
     }
     function U() {
       if (h.value && P.value < 0) {
-        const w = h.value.querySelector("#" + E.id);
-        if (!w)
+        const y = h.value.querySelector("#" + E.id);
+        if (!y)
           return;
-        w.getBoundingClientRect().width === 0 ? P.value = -1 : P.value = W(w);
+        y.getBoundingClientRect().width === 0 ? P.value = -1 : P.value = W(y);
       }
     }
-    function H(w = -1) {
-      if (w === 0 || !r.value || !c.value)
+    function H(y = -1) {
+      if (y === 0 || !r.value || !c.value)
         return;
-      w < 0 && (w = c.value.getBoundingClientRect().width);
-      const C = r.value.getBoundingClientRect().width;
+      y < 0 && (y = c.value.getBoundingClientRect().width);
+      const x = r.value.getBoundingClientRect().width;
       if (T) {
-        V(w), f();
+        V(y), f();
         return;
       }
-      (w >= 0 && w < C || M.length) && (U(), V(w), f());
+      (y >= 0 && y < x || M.length) && (U(), V(y), f());
     }
     function q() {
       return P.value < 0 && L("div", {
         style: "position:fixed;top:-40px;visibility:hidden;"
-      }, [G(new Ie(E))]);
+      }, [G(new ke(E))]);
     }
-    const te = new ResizeObserver((w) => {
-      if (w.length) {
+    const te = new ResizeObserver((y) => {
+      if (y.length) {
         if (T)
           return;
-        const _ = w[0].contentRect.width;
-        H(_);
+        const $ = y[0].contentRect.width;
+        H($);
       }
     });
     function ae() {
@@ -876,20 +876,20 @@ const {
       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, () => {
+    }), Ie(() => e.items, () => {
       t.value = ot(e.items), g.value.children = [], Te(() => {
-        U(), $(), H();
+        U(), _(), H();
       });
     }, {
       deep: !0
-    }), ke(() => e.visible, (w) => {
-      w && Te(() => {
+    }), Ie(() => e.visible, (y) => {
+      y && Te(() => {
         U(), H(), ae();
       });
-    }), m.expose({
+    }), v.expose({
       elementRef: h
     }), () => L("div", {
-      class: F.value,
+      class: N.value,
       id: n,
       ref: h,
       style: {
@@ -897,15 +897,15 @@ const {
       }
     }, [e.visible && q(), e.visible && L("div", {
       ref: c,
-      class: I.value
+      class: k.value
     }, [L("div", {
       ref: r,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [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)])])]);
+    }, [t.value.filter((y) => y.shown).map((y, x) => y.children && y.children.length > 0 ? G(y) : b(y, x)), w.value && G(g.value)])])]);
   }
 });
-class kn extends dt {
+class In extends dt {
   constructor(t, h, c = "response-toolbar") {
     super(t, h);
     // 有三类值 response-toolbar、section-toolbar、tab-toolbar
@@ -963,12 +963,12 @@ class kn extends dt {
     };
   }
 }
-function In(e, m, t) {
+function kn(e, v, t) {
   const h = e.schema;
   function c() {
-    var n, S, B;
+    var n, D, O;
     let i = ((n = e.parent) == null ? void 0 : n.schema.type) || "";
-    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;
+    i === "drawer" && (((D = e.parent) == null ? void 0 : D.schema.headerToolbar.id) === h.id ? i = "drawer-header-toolbar" : ((O = e.parent) == null ? void 0 : O.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) {
@@ -977,7 +977,7 @@ function In(e, m, t) {
   function T(i, n) {
     return n.text = i.label, n;
   }
-  function x() {
+  function C() {
     return !1;
   }
   function g() {
@@ -990,32 +990,32 @@ function In(e, m, t) {
     return !0;
   }
   function u(i) {
-    return new kn(i, m, h.type).getPropertyConfig(h);
+    return new In(i, v, h.type).getPropertyConfig(h);
   }
   function l(i) {
     var G;
     i && (i.stopPropagation(), i.preventDefault());
     const { schema: n } = e;
     n.buttons || (n.buttons = []);
-    let S = "";
+    let D = "";
     if (n.type)
-      S = n.type + "-item";
+      D = n.type + "-item";
     else
       switch ((G = e.parent) == null ? void 0 : G.schema.type) {
         case "tabs":
-          S = "tab-toolbar-item";
+          D = "tab-toolbar-item";
           break;
         case "section":
-          S = "section-toolbar-item";
+          D = "section-toolbar-item";
           break;
         case "drawer":
-          S = "drawer-toolbar-item";
+          D = "drawer-toolbar-item";
           break;
         default:
-          S = "response-toolbar-item";
+          D = "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("");
+    const O = at(D);
+    O.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, n.buttons.push(O), t.updateToolbarItems(), t.changeSelectedId("");
   }
   function d() {
     return [
@@ -1032,7 +1032,7 @@ function In(e, m, t) {
     canAccepts: r,
     checkCanAddComponent: E,
     checkCanDeleteComponent: g,
-    checkCanMoveComponent: x,
+    checkCanMoveComponent: C,
     hideNestedPaddingInDesginerView: P,
     onResolveNewComponentSchema: T,
     getPropsConfig: u,
@@ -1047,7 +1047,7 @@ 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 bt = { exports: {} };
-(function(e, m) {
+(function(e, v) {
   (function(t) {
     e.exports = t();
   })(function() {
@@ -1058,7 +1058,7 @@ var bt = { exports: {} };
             if (!h[E]) {
               var u = typeof Se == "function" && Se;
               if (!P && u) return u(E, !0);
-              if (x) return x(E, !0);
+              if (C) return C(E, !0);
               var l = new Error("Cannot find module '" + E + "'");
               throw l.code = "MODULE_NOT_FOUND", l;
             }
@@ -1070,16 +1070,16 @@ var bt = { exports: {} };
           }
           return c[E].exports;
         }
-        for (var x = typeof Se == "function" && Se, g = 0; g < r.length; g++) T(r[g]);
+        for (var C = typeof Se == "function" && Se, g = 0; g < r.length; g++) T(r[g]);
         return T;
       }
       return t;
     }())({
       1: [function(t, h, c) {
-        var r = {}, T = "(?:^|\\s)", x = "(?:\\s|$)";
+        var r = {}, T = "(?:^|\\s)", C = "(?:\\s|$)";
         function g(u) {
           var l = r[u];
-          return l ? l.lastIndex = 0 : r[u] = l = new RegExp(T + u + x, "g"), l;
+          return l ? l.lastIndex = 0 : r[u] = l = new RegExp(T + u + C, "g"), l;
         }
         function E(u, l) {
           var d = u.className;
@@ -1095,14 +1095,14 @@ var bt = { exports: {} };
       }, {}],
       2: [function(t, h, c) {
         (function(r) {
-          var T = t("contra/emitter"), x = t("crossvent"), g = t("./classes"), E = document, P = E.documentElement;
-          function u(f, y) {
+          var T = t("contra/emitter"), C = t("crossvent"), g = t("./classes"), E = document, P = E.documentElement;
+          function u(f, m) {
             var s = arguments.length;
-            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,
+            s === 1 && Array.isArray(f) === !1 && (m = f, f = []);
+            var b, I, M, W, Y, X, _, F, V, U = null, H, q, te = !1, ae = 0, y, x = m || {};
+            x.moves === void 0 && (x.moves = G), x.accepts === void 0 && (x.accepts = G), x.invalid === void 0 && (x.invalid = yt), x.containers === void 0 && (x.containers = f || []), x.isContainer === void 0 && (x.isContainer = O), x.copy === void 0 && (x.copy = !1), x.copySortSource === void 0 && (x.copySortSource = !1), x.revertOnSpill === void 0 && (x.revertOnSpill = !1), x.removeOnSpill === void 0 && (x.removeOnSpill = !1), x.direction === void 0 && (x.direction = "vertical"), x.ignoreInputTextSelection === void 0 && (x.ignoreInputTextSelection = !0), x.mirrorContainer === void 0 && (x.mirrorContainer = E.body);
+            var $ = T({
+              containers: x.containers,
               start: mt,
               end: He,
               cancel: Je,
@@ -1111,21 +1111,21 @@ var bt = { exports: {} };
               canMove: Oe,
               dragging: !1
             });
-            return C.removeOnSpill === !0 && _.on("over", xt).on("out", Ct), ee(), _;
+            return x.removeOnSpill === !0 && $.on("over", Ct).on("out", xt), ee(), $;
             function K(a) {
-              return _.containers.indexOf(a) !== -1 || C.isContainer(a);
+              return $.containers.indexOf(a) !== -1 || x.isContainer(a);
             }
             function ee(a) {
               var R = a ? "remove" : "add";
               i(P, R, "mousedown", ce), i(P, R, "mouseup", Be);
             }
-            function ne(a) {
+            function oe(a) {
               var R = a ? "remove" : "add";
               i(P, R, "mousemove", we);
             }
             function ye(a) {
               var R = a ? "remove" : "add";
-              x[R](P, "selectstart", De), x[R](P, "click", De);
+              C[R](P, "selectstart", De), C[R](P, "click", De);
             }
             function se() {
               ee(!0), Be({});
@@ -1137,8 +1137,8 @@ var bt = { exports: {} };
               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()));
+                var j = a.target, z = he(j);
+                z && (H = z, oe(), a.type === "mousedown" && (A(j) ? j.focus() : a.preventDefault()));
               }
             }
             function we(a) {
@@ -1147,29 +1147,29 @@ var bt = { exports: {} };
                   Be({});
                   return;
                 }
-                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))
+                if (!(a.clientX !== void 0 && Math.abs(a.clientX - W) <= (x.slideFactorX || 0) && a.clientY !== void 0 && Math.abs(a.clientY - Y) <= (x.slideFactorY || 0))) {
+                  if (x.ignoreInputTextSelection) {
+                    var R = k("clientX", a) || 0, j = k("clientY", a) || 0, z = E.elementFromPoint(R, j);
+                    if (A(z))
                       return;
                   }
                   var Q = H;
-                  ne(!0), ye(), He(), Xe(Q), g.add(N || M, "gu-transit"), Dt(), Tt(), ae = 0, _e(a);
+                  oe(!0), ye(), He(), Xe(Q), g.add(F || M, "gu-transit"), Dt(), Tt(), ae = 0, _e(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))
+              if (!($.dragging && b) && !K(a)) {
+                for (var R = a; w(a) && K(w(a)) === !1; )
+                  if (x.invalid(a, R) || (a = w(a), !a))
                     return;
-                var A = b(a);
-                if (A && !C.invalid(a, R)) {
-                  var z = C.moves(a, A, R, o(a));
+                var j = w(a);
+                if (j && !x.invalid(a, R)) {
+                  var z = x.moves(a, j, R, o(a));
                   if (z)
                     return {
                       item: a,
-                      source: A
+                      source: j
                     };
                 }
               }
@@ -1182,87 +1182,87 @@ var bt = { exports: {} };
               R && Xe(R);
             }
             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);
+              Ot(a.item, a.source) && (F = a.item.cloneNode(!0), $.emit("cloned", F, a.item, "copy")), I = a.source, M = a.item, X = _ = o(a.item), $.dragging = !0, $.emit("drag", M, I);
             }
             function yt() {
               return !1;
             }
             function He() {
-              if (_.dragging) {
-                var a = N || M;
-                Qe(a, b(a));
+              if ($.dragging) {
+                var a = F || M;
+                Qe(a, w(a));
               }
             }
             function Ve() {
-              H = !1, ne(!0), ye(!0);
+              H = !1, oe(!0), ye(!0);
             }
             function Be(a) {
-              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();
+              if (Ve(), !!$.dragging) {
+                var R = F || M, j = k("clientX", a) || 0, z = k("clientY", a) || 0, Q = D(b, j, z), Z = Ke(Q, j, z);
+                Z && (F && x.copySortSource || !F || Z !== I) ? Qe(R, Z) : x.removeOnSpill ? Ze() : Je();
               }
             }
             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();
+              var j = w(a);
+              F && x.copySortSource && R === I && j.removeChild(M), Ae(R) ? $.emit("cancel", a, I) : $.emit("drop", a, R, I, _), je();
             }
             function Ze() {
-              if (_.dragging) {
-                var a = N || M, R = b(a);
-                R && R.removeChild(a), _.emit(N ? "cancel" : "remove", a, R, k), je();
+              if ($.dragging) {
+                var a = F || M, R = w(a);
+                R && R.removeChild(a), $.emit(F ? "cancel" : "remove", a, R, I), je();
               }
             }
             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();
+              if ($.dragging) {
+                var R = arguments.length > 0 ? a : x.revertOnSpill, j = F || M, z = w(j), Q = Ae(z);
+                Q === !1 && R && (F ? z && z.removeChild(F) : I.insertBefore(j, X)), Q || R ? $.emit("cancel", j, I, I) : $.emit("drop", j, z, I, _), je();
               }
             }
             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;
+              var a = F || M;
+              Ve(), St(), It(), a && g.rm(a, "gu-transit"), V && clearTimeout(V), $.dragging = !1, U && $.emit("out", a, U, I), $.emit("dragend", a, ae), I = M = F = X = _ = V = U = null;
             }
             function Ae(a, R) {
-              var A;
-              return R !== void 0 ? A = R : v ? A = $ : A = o(N || M), a === k && A === X;
+              var j;
+              return R !== void 0 ? j = R : b ? j = _ : j = o(F || M), a === I && j === X;
             }
-            function Ke(a, R, A) {
+            function Ke(a, R, j) {
               for (var z = a; z && !Q(); )
-                z = b(z);
+                z = w(z);
               return z;
               function Q() {
                 var Z = K(z);
                 if (Z === !1)
                   return !1;
-                var ge = et(z, a), ue = tt(z, ge, R, A), pe = Ae(z, ue);
-                return pe ? !0 : C.accepts(M, z, k, ue);
+                var ge = et(z, a), ue = tt(z, ge, R, j), pe = Ae(z, ue);
+                return pe ? !0 : x.accepts(M, z, I, ue);
               }
             }
             function _e(a) {
-              if (!v)
+              if (!b)
                 return;
               a.preventDefault();
-              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) {
+              var R = k("clientX", a) || 0, j = k("clientY", a) || 0;
+              b.style.left = R - 2 + "px", b.style.top = j - 2 + "px";
+              var z = F || M, Q = D(b, R, j), Z = Ke(Q, R, j), ge = Z !== null && Z !== U;
+              (ge || Z === null) && (de(), U = Z, ve()), Rt(Q, j);
+              var ue = w(z);
+              if (Z === I && F && !x.copySortSource) {
                 ue && ue.removeChild(z);
                 return;
               }
               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;
+              if (te = kt(be, Z), be !== null)
+                pe = tt(Z, be, R, j);
+              else if (x.revertOnSpill === !0 && !F)
+                pe = X, Z = I;
               else {
-                N && ue && ue.removeChild(z), N && q && (q.style.display = "none");
+                F && ue && ue.removeChild(z), F && q && (q.style.display = "none");
                 return;
               }
               q.style.display = "block", wt(pe, z, ge), pe ? Et(be, pe) : Mt(Z);
               function ie(le) {
-                _.emit(le, z, U, k);
+                $.emit(le, z, U, I);
               }
               function ve() {
                 ge && ie("over");
@@ -1271,41 +1271,41 @@ var bt = { exports: {} };
                 U && ie("out");
               }
             }
-            function wt(a, R, A) {
-              (a === R || a === o(R)) && ($ = o(R)), (a === null && A || a !== R && a !== o(R)) && ($ = a);
+            function wt(a, R, j) {
+              (a === R || a === o(R)) && (_ = o(R)), (a === null && j || a !== R && a !== o(R)) && (_ = a);
             }
-            function xt(a) {
+            function Ct(a) {
               g.rm(a, "gu-hide");
             }
-            function Ct(a) {
-              _.dragging && g.add(a, "gu-hide");
+            function xt(a) {
+              $.dragging && g.add(a, "gu-hide");
             }
             function Tt() {
-              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"));
+              b || (b = document.createElement("div"), b.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;", b.innerHTML = x.getMirrorText && x.getMirrorText(M) || "控件", g.add(b, "gu-mirror"), x.mirrorContainer.appendChild(b), i(P, "add", "mousemove", _e), g.add(x.mirrorContainer, "gu-unselectable"), $.emit("cloned", b, M, "mirror"));
             }
             function Dt() {
               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";
               }
-              te = !1, C.mirrorContainer.appendChild(q);
+              te = !1, x.mirrorContainer.appendChild(q);
             }
             function St() {
-              v && (g.rm(C.mirrorContainer, "gu-unselectable"), i(P, "remove", "mousemove", _e), b(v).removeChild(v), v = null);
+              b && (g.rm(x.mirrorContainer, "gu-unselectable"), i(P, "remove", "mousemove", _e), w(b).removeChild(b), b = null);
             }
-            function kt() {
-              q && (b(q).removeChild(q), q = null);
+            function It() {
+              q && (w(q).removeChild(q), q = null);
             }
             function et(a, R) {
-              for (var A = R; A !== a && b(A) !== a; )
-                A = b(A);
-              return A === P ? null : A;
+              for (var j = R; j !== a && w(j) !== a; )
+                j = w(j);
+              return j === P ? null : j;
             }
-            function It(a, R) {
+            function kt(a, R) {
               if (!R)
                 return te;
-              var A = a || R && R.lastElementChild;
-              if (!A)
+              var j = a || R && R.lastElementChild;
+              if (!j)
                 return !0;
               var z = getComputedStyle(a), Q = /^inline/.test(z.getPropertyValue("display")) || /^(left|right)$/.test(z.getPropertyValue("float"));
               if (Q)
@@ -1337,88 +1337,88 @@ var bt = { exports: {} };
               return !0;
             }
             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 j = R.getBoundingClientRect();
+              if (q.style.left = j.left + "px", q.style.top = j.top + "px", te) {
+                if (q.style.height = j.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");
+                  z.top !== j.top && (q.style.left = z.right + "px", q.style.top = z.top + "px", q.style.height = z.height + "px");
                 }
-              } 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");
+              } else if (q.style.height = "4px", q.style.width = j.width + "px", y) {
+                const z = y.getBoundingClientRect();
+                j.top < z.top && (q.style.display = "none");
               }
               R === M && M && (q.style.display = "none");
             }
             function Mt(a) {
-              $ = null;
+              _ = 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");
+                var j = R.getBoundingClientRect();
+                te ? (q.style.left = j.right + "px", q.style.top = j.top + "px", q.style.height = j.height + "px", q.style.width = "4px") : (q.style.left = j.left + "px", q.style.top = j.bottom + "px", q.style.height = "4px", q.style.width = j.width + "px"), R === M && M && (q.style.display = "none");
               } else
                 q.style.display = "none";
             }
             function Rt(a, R) {
-              if (!C.mirrorContainer.contains(a) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (w = l(a), !w || !w.contains(a)))
+              if (!x.mirrorContainer.contains(a) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (y = l(a), !y || !y.contains(a)))
                 return;
-              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);
+              const j = document.querySelector(".dgComponentSelected"), z = y.getBoundingClientRect();
+              if (R - 30 < z.top && y.scrollTop > 0) {
+                let Q = y.scrollTop < 10 ? y.scrollTop : 10;
+                y.scrollBy(0, -1 * Q), j && y.contains(j) && (ae = ae + -1 * Q);
               }
-              if (R + 30 > z.bottom && w.scrollTop < w.scrollHeight - w.clientHeight) {
-                const Q = w.scrollHeight - w.clientHeight - w.scrollTop;
+              if (R + 30 > z.bottom && y.scrollTop < y.scrollHeight - y.clientHeight) {
+                const Q = y.scrollHeight - y.clientHeight - y.scrollTop;
                 let Z = Q < 10 ? Q : 10;
-                w.scrollBy(0, Z), A && w.contains(A) && (ae = ae + Z);
+                y.scrollBy(0, Z), j && y.contains(j) && (ae = ae + Z);
               }
             }
-            function tt(a, R, A, z) {
-              var Q = C.direction === "horizontal", Z = C.direction === "mixed", ge = R !== a ? pe() : ue();
+            function tt(a, R, j, z) {
+              var Q = x.direction === "horizontal", Z = x.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)
+                  if (de = a.children[ve], le = de.getBoundingClientRect(), Q && le.left + le.width / 2 > j || !Z && !Q && le.top + le.height / 2 > z || Z && le.left + le.width > j && le.top + le.height > z)
                     return de;
                 return null;
               }
               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);
+                  var ve = z - ie.top, de = j - ie.left, le = ie.bottom - z, $e = ie.right - j, Le = Math.min(de, $e, ve, le), Fe;
+                  return te ? Fe = $e < de : Fe = le === Le || $e === Le || de === Le, be(Fe);
                 }
-                return be(Q ? A > ie.left + j(ie) / 2 : z > ie.top + D(ie) / 2);
+                return be(Q ? j > ie.left + B(ie) / 2 : z > ie.top + S(ie) / 2);
               }
               function be(ie) {
                 return ie ? o(R) : R;
               }
             }
             function Ot(a, R) {
-              return typeof C.copy == "boolean" ? C.copy : C.copy(a, R);
+              return typeof x.copy == "boolean" ? x.copy : x.copy(a, R);
             }
           }
           function l(f) {
-            const y = Array.from(window.scrollContainerList);
-            if (y.length === 1) {
-              const v = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(v);
+            const m = Array.from(window.scrollContainerList);
+            if (m.length === 1) {
+              const b = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(b);
             }
-            const s = d(y);
-            for (const v of s)
-              if (v.contains(f))
-                return v;
+            const s = d(m);
+            for (const b of s)
+              if (b.contains(f))
+                return b;
             return null;
           }
           function d(f) {
-            const y = [];
+            const m = [];
             return f.forEach((s) => {
-              const v = document.getElementById(s);
-              v && y.push(v);
-            }), y.sort((s, v) => s.contains(v) ? 1 : v.contains(s) ? -1 : 0), y;
+              const b = document.getElementById(s);
+              b && m.push(b);
+            }), m.sort((s, b) => s.contains(b) ? 1 : b.contains(s) ? -1 : 0), m;
           }
-          function i(f, y, s, v) {
-            var k = {
+          function i(f, m, s, b) {
+            var I = {
               mouseup: "touchend",
               mousedown: "touchstart",
               mousemove: "touchmove"
@@ -1431,7 +1431,7 @@ var bt = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            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));
+            r.navigator.pointerEnabled ? C[m](f, M[s], b) : r.navigator.msPointerEnabled ? C[m](f, W[s], b) : (C[m](f, I[s], b), C[m](f, s, b));
           }
           function n(f) {
             if (f.touches !== void 0)
@@ -1440,39 +1440,39 @@ var bt = { exports: {} };
               return f.which;
             if (f.buttons !== void 0)
               return f.buttons;
-            var y = f.button;
-            if (y !== void 0)
-              return y & 1 ? 1 : y & 2 ? 3 : y & 4 ? 2 : 0;
+            var m = f.button;
+            if (m !== void 0)
+              return m & 1 ? 1 : m & 2 ? 3 : m & 4 ? 2 : 0;
           }
-          function S(f, y, s) {
+          function D(f, m, s) {
             f = f || {};
-            var v = f.className || "", k;
-            return f.className += " gu-hide", k = E.elementFromPoint(y, s), f.className = v, k;
+            var b = f.className || "", I;
+            return f.className += " gu-hide", I = E.elementFromPoint(m, s), f.className = b, I;
           }
-          function B() {
+          function O() {
             return !1;
           }
           function G() {
             return !0;
           }
-          function j(f) {
+          function B(f) {
             return f.width || f.right - f.left;
           }
-          function D(f) {
+          function S(f) {
             return f.height || f.bottom - f.top;
           }
-          function b(f) {
+          function w(f) {
             return f.parentNode === E ? null : f.parentNode;
           }
-          function O(f) {
+          function A(f) {
             return f.tagName === "INPUT" || f.tagName === "TEXTAREA" || f.tagName === "SELECT" || p(f);
           }
           function p(f) {
-            return !f || f.contentEditable === "false" ? !1 : f.contentEditable === "true" ? !0 : p(b(f));
+            return !f || f.contentEditable === "false" ? !1 : f.contentEditable === "true" ? !0 : p(w(f));
           }
           function o(f) {
-            return f.nextElementSibling || y();
-            function y() {
+            return f.nextElementSibling || m();
+            function m() {
               var s = f;
               do
                 s = s.nextSibling;
@@ -1480,31 +1480,31 @@ var bt = { exports: {} };
               return s;
             }
           }
-          function F(f) {
+          function N(f) {
             return f.targetTouches && f.targetTouches.length ? f.targetTouches[0] : f.changedTouches && f.changedTouches.length ? f.changedTouches[0] : f;
           }
-          function I(f, y) {
-            var s = F(y), v = {
+          function k(f, m) {
+            var s = N(m), b = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return f in v && !(f in s) && v[f] in s && (f = v[f]), s[f];
+            return f in b && !(f in s) && b[f] in s && (f = b[f]), s[f];
           }
           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(T, x) {
-          return Array.prototype.slice.call(T, x);
+        h.exports = function(T, C) {
+          return Array.prototype.slice.call(T, C);
         };
       }, {}],
       4: [function(t, h, c) {
         var r = t("ticky");
-        h.exports = function(x, g, E) {
-          x && r(function() {
-            x.apply(E || null, g || []);
+        h.exports = function(C, g, E) {
+          C && r(function() {
+            C.apply(E || null, g || []);
           });
         };
       }, { ticky: 10 }],
@@ -1538,8 +1538,8 @@ var bt = { exports: {} };
               var i = r(arguments), n = this || g;
               if (l === "error" && P.throws !== !1 && !d.length)
                 throw i.length === 1 ? i[0] : i;
-              return d.forEach(function(B) {
-                P.async ? T(B, i, n) : B.apply(n, i), B._once && g.off(l, B);
+              return d.forEach(function(O) {
+                P.async ? T(O, i, n) : O.apply(n, i), O._once && g.off(l, O);
               }), g;
             };
           }, g;
@@ -1547,83 +1547,83 @@ var bt = { exports: {} };
       }, { "./debounce": 4, atoa: 3 }],
       6: [function(t, h, c) {
         (function(r) {
-          var T = t("custom-event"), x = t("./eventmap"), g = r.document, E = l, P = i, u = [];
+          var T = t("custom-event"), C = t("./eventmap"), g = r.document, E = l, P = i, u = [];
           r.addEventListener || (E = d, P = n), h.exports = {
             add: E,
             remove: P,
-            fabricate: S
+            fabricate: D
           };
-          function l(b, O, p, o) {
-            return b.addEventListener(O, p, o);
+          function l(w, A, p, o) {
+            return w.addEventListener(A, p, o);
           }
-          function d(b, O, p) {
-            return b.attachEvent("on" + O, G(b, O, p));
+          function d(w, A, p) {
+            return w.attachEvent("on" + A, G(w, A, p));
           }
-          function i(b, O, p, o) {
-            return b.removeEventListener(O, p, o);
+          function i(w, A, p, o) {
+            return w.removeEventListener(A, p, o);
           }
-          function n(b, O, p) {
-            var o = j(b, O, p);
+          function n(w, A, p) {
+            var o = B(w, A, p);
             if (o)
-              return b.detachEvent("on" + O, o);
+              return w.detachEvent("on" + A, o);
           }
-          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() {
+          function D(w, A, p) {
+            var o = C.indexOf(A) === -1 ? k() : N();
+            w.dispatchEvent ? w.dispatchEvent(o) : w.fireEvent("on" + A, o);
+            function N() {
               var f;
-              return g.createEvent ? (f = g.createEvent("Event"), f.initEvent(O, !0, !0)) : g.createEventObject && (f = g.createEventObject()), f;
+              return g.createEvent ? (f = g.createEvent("Event"), f.initEvent(A, !0, !0)) : g.createEventObject && (f = g.createEventObject()), f;
             }
-            function I() {
-              return new T(O, { detail: p });
+            function k() {
+              return new T(A, { detail: p });
             }
           }
-          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 O(w, A, p) {
+            return function(N) {
+              var k = N || r.event;
+              k.target = k.target || k.srcElement, k.preventDefault = k.preventDefault || function() {
+                k.returnValue = !1;
+              }, k.stopPropagation = k.stopPropagation || function() {
+                k.cancelBubble = !0;
+              }, k.which = k.which || k.keyCode, p.call(w, k);
             };
           }
-          function G(b, O, p) {
-            var o = j(b, O, p) || B(b, O, p);
+          function G(w, A, p) {
+            var o = B(w, A, p) || O(w, A, p);
             return u.push({
               wrapper: o,
-              element: b,
-              type: O,
+              element: w,
+              type: A,
               fn: p
             }), o;
           }
-          function j(b, O, p) {
-            var o = D(b, O, p);
+          function B(w, A, p) {
+            var o = S(w, A, p);
             if (o) {
-              var F = u[o].wrapper;
-              return u.splice(o, 1), F;
+              var N = u[o].wrapper;
+              return u.splice(o, 1), N;
             }
           }
-          function D(b, O, p) {
-            var o, F;
+          function S(w, A, p) {
+            var o, N;
             for (o = 0; o < u.length; o++)
-              if (F = u[o], F.element === b && F.type === O && F.fn === p)
+              if (N = u[o], N.element === w && N.type === A && N.fn === p)
                 return o;
           }
         }).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 T = [], x = "", g = /^on/;
-          for (x in r)
-            g.test(x) && T.push(x.slice(2));
+          var T = [], C = "", g = /^on/;
+          for (C in r)
+            g.test(C) && T.push(C.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 T = r.CustomEvent;
-          function x() {
+          function C() {
             try {
               var g = new T("cat", { detail: { foo: "bar" } });
               return g.type === "cat" && g.detail.foo === "bar";
@@ -1631,7 +1631,7 @@ var bt = { exports: {} };
             }
             return !1;
           }
-          h.exports = x() ? T : (
+          h.exports = C() ? T : (
             // IE >= 9
             typeof document < "u" && typeof document.createEvent == "function" ? function(E, P) {
               var u = document.createEvent("CustomEvent");
@@ -1647,7 +1647,7 @@ var bt = { exports: {} };
         }).call(this, typeof me < "u" ? me : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
       9: [function(t, h, c) {
-        var r = h.exports = {}, T, x;
+        var r = h.exports = {}, T, C;
         function g() {
           throw new Error("setTimeout has not been defined");
         }
@@ -1661,79 +1661,79 @@ var bt = { exports: {} };
             T = g;
           }
           try {
-            typeof clearTimeout == "function" ? x = clearTimeout : x = E;
+            typeof clearTimeout == "function" ? C = clearTimeout : C = E;
           } catch {
-            x = E;
+            C = E;
           }
         })();
-        function P(D) {
+        function P(S) {
           if (T === setTimeout)
-            return setTimeout(D, 0);
+            return setTimeout(S, 0);
           if ((T === g || !T) && setTimeout)
-            return T = setTimeout, setTimeout(D, 0);
+            return T = setTimeout, setTimeout(S, 0);
           try {
-            return T(D, 0);
+            return T(S, 0);
           } catch {
             try {
-              return T.call(null, D, 0);
+              return T.call(null, S, 0);
             } catch {
-              return T.call(this, D, 0);
+              return T.call(this, S, 0);
             }
           }
         }
-        function u(D) {
-          if (x === clearTimeout)
-            return clearTimeout(D);
-          if ((x === E || !x) && clearTimeout)
-            return x = clearTimeout, clearTimeout(D);
+        function u(S) {
+          if (C === clearTimeout)
+            return clearTimeout(S);
+          if ((C === E || !C) && clearTimeout)
+            return C = clearTimeout, clearTimeout(S);
           try {
-            return x(D);
+            return C(S);
           } catch {
             try {
-              return x.call(null, D);
+              return C.call(null, S);
             } catch {
-              return x.call(this, D);
+              return C.call(this, S);
             }
           }
         }
         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 D() {
+          !d || !i || (d = !1, i.length ? l = i.concat(l) : n = -1, l.length && O());
         }
-        function B() {
+        function O() {
           if (!d) {
-            var D = P(S);
+            var S = P(D);
             d = !0;
-            for (var b = l.length; b; ) {
-              for (i = l, l = []; ++n < b; )
+            for (var w = l.length; w; ) {
+              for (i = l, l = []; ++n < w; )
                 i && i[n].run();
-              n = -1, b = l.length;
+              n = -1, w = l.length;
             }
-            i = null, d = !1, u(D);
+            i = null, d = !1, u(S);
           }
         }
-        r.nextTick = function(D) {
-          var b = new Array(arguments.length - 1);
+        r.nextTick = function(S) {
+          var w = new Array(arguments.length - 1);
           if (arguments.length > 1)
-            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);
+            for (var A = 1; A < arguments.length; A++)
+              w[A - 1] = arguments[A];
+          l.push(new G(S, w)), l.length === 1 && !d && P(O);
         };
-        function G(D, b) {
-          this.fun = D, this.array = b;
+        function G(S, w) {
+          this.fun = S, this.array = w;
         }
         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() {
+        function B() {
         }
-        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) {
+        r.on = B, r.addListener = B, r.once = B, r.off = B, r.removeListener = B, r.removeAllListeners = B, r.emit = B, r.prependListener = B, r.prependOnceListener = B, r.listeners = function(S) {
           return [];
-        }, r.binding = function(D) {
+        }, r.binding = function(S) {
           throw new Error("process.binding is not supported");
         }, r.cwd = function() {
           return "/";
-        }, r.chdir = function(D) {
+        }, r.chdir = function(S) {
           throw new Error("process.chdir is not supported");
         }, r.umask = function() {
           return 0;
@@ -1741,17 +1741,17 @@ var bt = { exports: {} };
       }, {}],
       10: [function(t, h, c) {
         (function(r) {
-          var T = typeof r == "function", x;
-          T ? x = function(g) {
+          var T = typeof r == "function", C;
+          T ? C = function(g) {
             r(g);
-          } : x = function(g) {
+          } : C = function(g) {
             setTimeout(g, 0);
-          }, h.exports = x;
+          }, h.exports = C;
         }).call(this, t("timers").setImmediate);
       }, { timers: 11 }],
       11: [function(t, h, c) {
         (function(r, T) {
-          var x = t("process/browser.js").nextTick, g = Function.prototype.apply, E = Array.prototype.slice, P = {}, u = 0;
+          var C = t("process/browser.js").nextTick, g = Function.prototype.apply, E = Array.prototype.slice, P = {}, u = 0;
           c.setTimeout = function() {
             return new l(g.call(setTimeout, window, arguments), clearTimeout);
           }, c.setInterval = function() {
@@ -1777,7 +1777,7 @@ var bt = { exports: {} };
             }, 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() {
+            return P[i] = !0, C(function() {
               P[i] && (n ? d.apply(null, n) : d.call(null), c.clearImmediate(i));
             }), i;
           }, c.clearImmediate = typeof T == "function" ? T : function(d) {
@@ -1791,8 +1791,8 @@ var bt = { exports: {} };
 var En = bt.exports;
 const rt = /* @__PURE__ */ Pn(En);
 function Mn(e) {
-  let m;
-  function t(c, r, T, x) {
+  let v;
+  function t(c, r, T, C) {
     const g = e.schema;
     if (!(g != null && g.buttons))
       return;
@@ -1803,207 +1803,205 @@ function Mn(e) {
     } else
       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(() => {
+    u !== E && u > -1 && E > -1 && (u < E && (E = E - 1), g.buttons.splice(u, 1), g.buttons.splice(E, 0, l), C(), Te(() => {
       const d = r.querySelector(".dgComponentSelected");
-      d != null && d.className.includes("dgComponentSelected") && (d.classList.remove("dgComponentSelected"), d.classList.remove("dgComponentFocused"), d.click()), Fe.value++;
+      d != null && d.className.includes("dgComponentSelected") && (d.classList.remove("dgComponentSelected"), d.classList.remove("dgComponentFocused"), d.click()), Ne.value++;
     }));
   }
   function h(c, r, T) {
-    m && m.destroy(), !(!rt || !c || !r) && (m = rt([c], {
+    v && v.destroy(), !(!rt || !c || !r) && (v = rt([c], {
       mirrorContainer: r,
       direction: "horizontal",
-      getMirrorText(x) {
-        return x.innerText;
+      getMirrorText(C) {
+        return C.innerText;
       },
       // 判断是否可移动
-      moves(x, g, E) {
+      moves(C, g, E) {
         let P = !0;
-        return E.classList.contains("dropdown-item") ? (P = !1, P) : (x.classList.contains("no-drag") && (P = !1), P);
+        return E.classList.contains("dropdown-item") ? (P = !1, P) : (C.classList.contains("no-drag") && (P = !1), P);
       }
-    }).on("drop", (x, g, E, P) => t(x, g, P, T)));
+    }).on("drop", (C, g, E, P) => t(C, g, P, T)));
   }
   return {
-    dragulaInstance: m,
+    dragulaInstance: v,
     initDragula: h
   };
 }
-function Rn(e, m, t) {
+function Rn(e, v, t) {
   const {
     renderToolbarItemDesigner: h,
     actionHandlers: c
   } = t;
   let r;
-  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;
+  function T(B) {
+    r = B;
+  }
+  function C(B, S = null) {
+    const w = v.value.find((A) => A.id === B.id);
+    if (w.isDP)
+      if (document.body.click(), typeof S == "boolean")
+        w.expanded = S;
       else {
-        const O = j.expanded;
-        b.expanded = !O;
+        const A = B.expanded;
+        w.expanded = !A;
       }
   }
-  c.toggleDropdownMenu = x;
-  function g(j) {
-    var b;
-    const D = {
+  c.toggleDropdownMenu = C;
+  function g(B) {
+    var w;
+    const S = {
       "dropdown-menu": !0
     };
-    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);
+    if (B.class) {
+      const A = (w = B.menuClass) == null ? void 0 : w.split(" ");
+      A && A.length && A.reduce((p, o) => (p[o] = !0, p), S);
     }
-    return D;
+    return S;
   }
-  function E(j) {
-    var O;
-    const D = {
-      disabled: j.disabled === !1,
+  function E(B) {
+    const S = {
+      disabled: B.disabled === !1,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0,
       "text-truncate": !0
-    }, b = (O = j.dropdownClass) == null ? void 0 : O.split(" ");
-    return b && b.length && b.reduce((p, o) => (p[o] = !0, p), D), D;
+    };
+    return ne(S, B.dropdownClass || "");
   }
-  function P(j) {
-    const D = {
+  function P(B) {
+    return ne({
       disabled: !1,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0,
       "text-truncate": !0
-    }, b = (j.class || "").split(" ");
-    return b && b.length && b.reduce((O, p) => (O[p] = !0, O), D), D;
+    }, B.class || "");
   }
   let u;
   const l = /* @__PURE__ */ new Map();
-  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));
+  function d(B, S, w) {
+    B.stopPropagation();
+    const A = w ? w.id : "__top_item__";
+    if (S.children && S.children.length && (S.expanded = !S.expanded, S.expanded)) {
+      if (l.has(A) && l.get(A) !== S) {
+        const p = l.get(A);
+        p && (p.expanded = !1, l.delete(A));
       }
-      l.set(O, D);
+      l.set(A, S);
     }
   }
-  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
+  function i(B) {
+    var S;
+    return (S = B.children) == null ? void 0 : S.map((w, A) => w.children && w.children.length ? L("li", {
+      class: E(w),
+      id: w.id
     }, [L("span", {
-      class: P(b),
-      onClick: (p) => d(p, b, j)
-    }, [b.text, L("i", {
+      class: P(w),
+      onClick: (p) => d(p, w, B)
+    }, [w.text, L("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), u(b, b)]) : h(b, O, !0));
+    }, null)]), u(w, w)]) : h(w, A, !0));
   }
-  function n(j) {
-    return j === "page-header" || j === "drawer-header-toolbar";
+  function n(B) {
+    return B === "page-header" || B === "drawer-header-toolbar";
   }
-  function S(j, D, b, O) {
+  function D(B, S, w, A) {
     const {
-      height: F,
-      left: I,
+      height: N,
+      left: k,
       top: f
-    } = O[0], {
-      width: y,
+    } = A[0], {
+      width: m,
       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();
+    } = w.getBoundingClientRect(), {
+      marginTop: b,
+      marginBottom: I
+    } = getComputedStyle(w), M = Math.ceil(parseFloat(b)) + Math.ceil(parseFloat(I)), W = f + N, Y = S == null ? void 0 : S.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), {
+      return U = q - k - 10, q - k < m && k - te > q - k && (H = "right", U = k - te - 10), {
         hposition: H,
         maxWidth: Math.min(U, 300)
       };
     }
-    let $ = 0, N = "bottom";
-    if (j === "tabs" || j === "section")
-      $ = D.getBoundingClientRect().bottom - W - M - 10;
+    let _ = 0, F = "bottom";
+    if (B === "tabs" || B === "section")
+      _ = S.getBoundingClientRect().bottom - W - M - 10;
     else {
       const U = Y ? Y.bottom : window.innerHeight;
-      $ = n(j) ? U - W : f, $ = $ - M - 10, N = n(j) ? "bottom" : "top";
+      _ = n(B) ? U - W : f, _ = _ - M - 10, F = n(B) ? "bottom" : "top";
     }
     const V = X();
     return {
-      position: N + "-" + V.hposition,
+      position: F + "-" + V.hposition,
       maxWidth: V.maxWidth,
-      maxHeight: $
+      maxHeight: _
     };
   }
-  function B(j) {
-    var o, F, I, f;
-    const D = "300px", b = {
-      display: j.expanded === !0 ? "block" : "none",
+  function O(B) {
+    var o, N, k, f;
+    const S = "300px", w = {
+      display: B.expanded === !0 ? "block" : "none",
       position: "absolute",
-      maxWidth: D,
+      maxWidth: S,
       minWidth: "120px"
     };
     if (!(r != null && r.value))
-      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;
+      return w;
+    const A = r.value.querySelector("#" + B.id), p = A == null ? void 0 : A.getClientRects();
+    if (A && p && p.length > 0) {
+      const m = A ? A.querySelector("#" + B.id + "_menu") : null;
+      if (!m || B.expanded !== !0)
+        return w;
+      m.style.visibility = "hidden", m.style.display = "block", m.style.maxHeight = "auto", m.style.maxWidth = S;
       let s;
       switch (c.toolbarPosition) {
         case "tabs":
           s = (o = r.value) == null ? void 0 : o.closest(".farris-tabs");
           break;
         case "section":
-          s = (F = r.value) == null ? void 0 : F.closest(".f-section");
+          s = (N = r.value) == null ? void 0 : N.closest(".f-section");
           break;
         case "drawer-header-toolbar":
         case "drawer-footer-toolbar":
-          s = (I = r.value) == null ? void 0 : I.closest(".f-drawer-container");
+          s = (k = r.value) == null ? void 0 : k.closest(".f-drawer-container");
           break;
         default:
           s = (f = r.value) == null ? void 0 : f.closest(".f-page");
       }
-      const v = S(c.toolbarPosition, s, y, p), {
-        position: k,
+      const b = D(c.toolbarPosition, s, m, p), {
+        position: I,
         maxHeight: M,
         maxWidth: W
-      } = v;
-      y.style.visibility = "visible";
+      } = b;
+      m.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",
+        left: I.indexOf("left") > -1 ? 0 : "unset",
+        right: I.indexOf("left") > -1 ? "unset" : 0,
+        bottom: I.indexOf("bottom") > -1 ? "unset" : "100%",
+        top: I.indexOf("bottom") > -1 ? "!00%" : "unset",
         maxWidth: W ? W + "px" : "300px",
         maxHeight: M ? M + "px" : "auto",
         overflowY: M ? "auto" : "unset"
       };
-      Object.assign(b, Y);
+      Object.assign(w, Y);
     }
-    return b;
+    return w;
   }
-  c.changeMenuPosition = B, u = function(j, D) {
+  c.changeMenuPosition = O, u = function(B, S) {
     return L("ul", {
-      class: g(j),
-      style: B(j),
-      id: j.id + "_menu"
-    }, [i(j)]);
+      class: g(B),
+      style: O(B),
+      id: B.id + "_menu"
+    }, [i(B)]);
   };
-  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;
+  function G(B = "") {
+    B && l.has(B) ? l.forEach((S, w) => {
+      w !== B && (S.expanded = !1, l.delete(w));
+    }) : (l.forEach((S) => {
+      S.expanded = !1;
     }), l.clear());
   }
   return {
@@ -2063,16 +2061,17 @@ class On extends dt {
           parentPropertyID: "appearance",
           visible: !h
         },
-        // "dropdownClass": {
-        //     "title": "在下拉菜单中的样式",
-        //     "type": "string",
-        //     "description": ""
-        // },
         icon: {
           title: "图标",
           type: "string",
           description: ""
         },
+        dropdownClass: {
+          title: "下拉按钮样式",
+          type: "string",
+          description: "下拉按钮样式",
+          visible: !!(t.children && t.children.length > 0)
+        },
         split: {
           title: "下拉按钮分离",
           type: "boolean",
@@ -2110,61 +2109,61 @@ class On extends dt {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(x, g) {
-        const E = x.propertyValue;
+      setPropertyRelates(C, g) {
+        const E = C.propertyValue;
         delete t[c.viewModelId], E && (E.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(t, c.viewModelId, E.events, E));
       }
     };
   }
 }
-function We(e, m) {
+function We(e, v) {
   if (!e)
     return !1;
-  const t = m || [];
+  const t = v || [];
   return (t == null ? void 0 : t.findIndex((c) => c.id === e)) === -1;
 }
-function it(e, m) {
-  const t = m || [];
+function it(e, v) {
+  const t = v || [];
   let h = { parentIndex: -1, itemIndex: -1 };
   return t.some((c, r) => {
     if (c.children && c.children.length > 0) {
-      const T = c.children.findIndex((x) => x.id === e);
+      const T = c.children.findIndex((C) => C.id === e);
       return T > -1 ? (h = { parentIndex: r, itemIndex: T }, !0) : !1;
     }
   }), h;
 }
-function st(e, m) {
-  const t = m || [];
+function st(e, v) {
+  const t = v || [];
   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, T) => {
     if (r.children && r.children.length > 0) {
-      const x = r.children.findIndex((g) => g.id === e);
-      return x > -1 ? (h = { parentIndex: T, itemIndex: x }, !0) : !1;
+      const C = r.children.findIndex((g) => g.id === e);
+      return C > -1 ? (h = { parentIndex: T, itemIndex: C }, !0) : !1;
     }
   }), h.parentIndex < 0 ? { parent: null, item: null } : { parent: t[h.parentIndex], item: t[h.parentIndex].children[h.itemIndex] });
 }
-function Bn(e, m) {
-  const t = m || [], h = t == null ? void 0 : t.findIndex((c) => c.id === e);
+function Bn(e, v) {
+  const t = v || [], 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 jn(e, m) {
+function jn(e, v) {
   let t;
   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)}`;
+    const { properties: l, title: d, ignore: i } = u, n = i && Array.isArray(i), D = Object.keys(l).reduce((O, G) => ((!n || !i.find((B) => B === G)) && (O[G] = l[G].type === "object" && l[G].properties ? h(l[G]) : xe(l[G].default)), O), {});
+    if (d && (!n || !i.find((O) => O === "id"))) {
+      const O = d.toLowerCase().replace(/-/g, "_");
+      D.id = `${O}_${Math.random().toString().slice(2, 6)}`;
     }
-    return S;
+    return D;
   }
   function c(u) {
     const { properties: l, title: d, required: i } = u;
     if (i && Array.isArray(i)) {
-      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)}`;
+      const n = i.reduce((D, O) => (D[O] = l[O].type === "object" && l[O].properties ? h(l[O]) : xe(l[O].default), D), {});
+      if (d && i.find((D) => D === "id")) {
+        const D = d.toLowerCase().replace(/-/g, "_");
+        n.id = `${D}_${Math.random().toString().slice(2, 6)}`;
       }
       return n;
     }
@@ -2176,8 +2175,8 @@ function jn(e, m) {
     const i = e[u];
     if (i) {
       let n = c(i);
-      const S = m[u];
-      return n = S ? S({ getSchemaByType: r }, n, l, d) : n, t != null && t.appendIdentifyForNewControl && t.appendIdentifyForNewControl(n), n;
+      const D = v[u];
+      return n = D ? D({ getSchemaByType: r }, n, l, d) : n, t != null && t.appendIdentifyForNewControl && t.appendIdentifyForNewControl(n), n;
     }
     return null;
   }
@@ -2185,15 +2184,15 @@ function jn(e, m) {
     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 x(u, l) {
+  function C(u, l) {
     return Object.keys(u).filter((i) => u[i] != null).reduce((i, n) => {
       if (l.has(n)) {
-        const S = l.get(n);
-        if (typeof S == "string")
-          i[S] = u[n];
+        const D = l.get(n);
+        if (typeof D == "string")
+          i[D] = u[n];
         else {
-          const B = S(n, u[n], u);
-          Object.assign(i, B);
+          const O = D(n, u[n], u);
+          Object.assign(i, O);
         }
       } else
         i[n] = u[n];
@@ -2202,7 +2201,7 @@ function jn(e, m) {
   }
   function g(u, l, d = /* @__PURE__ */ new Map()) {
     const i = T(u, l);
-    return x(i, d);
+    return C(i, d);
   }
   function E(u) {
     var d;
@@ -2211,9 +2210,9 @@ function jn(e, m) {
       const i = e[l];
       if (!i)
         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);
+      const n = T(u, i), D = ((d = u.editor) == null ? void 0 : d.type) || "";
+      if (D) {
+        const O = e[D], G = T(u.editor, O);
         n.editor = G;
       }
       return n;
@@ -2223,11 +2222,11 @@ function jn(e, m) {
   function P(u) {
     t = u;
   }
-  return { getSchemaByType: r, resolveSchemaWithDefaultValue: E, resolveSchemaToProps: g, mappingSchemaToProps: x, setDesignerContext: P };
+  return { getSchemaByType: r, resolveSchemaWithDefaultValue: E, resolveSchemaToProps: g, mappingSchemaToProps: C, setDesignerContext: P };
 }
 const An = {}, _n = {}, { getSchemaByType: $n } = jn(An, _n);
-function Ln(e, m, t) {
-  function h(y) {
+function Ln(e, v, t) {
+  function h(m) {
     return !1;
   }
   function c() {
@@ -2239,157 +2238,157 @@ function Ln(e, m, t) {
   function T() {
     return !1;
   }
-  function x() {
+  function C() {
     return t.toolbarContext.schema.buttons || [];
   }
-  function g(y, s = "") {
+  function g(m, s = "") {
     setTimeout(() => {
       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);
+      const b = (W = e.parent) == null ? void 0 : W.designerItemElementRef.value;
+      let I;
+      s && (I = b == null ? void 0 : b.querySelector("#" + s));
+      const M = (Y = I || b) == null ? void 0 : Y.querySelector("#" + m);
       M == null || M.click();
     }, 0);
   }
-  function E(y, s) {
+  function E(m, s) {
     s.disabled && s.disabled.expressionId && (s.disabled.expressionId = `${s.id}_disabled`), s.visible && s.visible.expressionId && (s.visible.expressionId = `${s.id}_visible`);
-    const v = m.formSchemaUtils.getExpressions(), k = v.find((W) => W.target === y.id);
-    if (!k || !k.rules || !k.rules.length)
+    const b = v.formSchemaUtils.getExpressions(), I = b.find((W) => W.target === m.id);
+    if (!I || !I.rules || !I.rules.length)
       return;
     const M = {
       target: s.id,
       rules: [],
       targetType: "Button"
     };
-    k.rules.forEach((W) => {
-      const Y = Object.assign(Ce(W), {
+    I.rules.forEach((W) => {
+      const Y = Object.assign(xe(W), {
         id: `${s.id}_${W.type}`
       });
       M.rules.push(Y);
-    }), v.push(M);
+    }), b.push(M);
   }
   function P() {
-    var k;
-    const y = e.schema, s = Object.assign(
-      Ce(y),
+    var I;
+    const m = e.schema, s = Object.assign(
+      xe(m),
       {
         id: `${e.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
         onClick: null
       }
     );
-    (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) => {
+    (I = v == null ? void 0 : v.designerContext) != null && I.appendIdentifyForNewControl && v.designerContext.appendIdentifyForNewControl(s);
+    let b = [];
+    return s.children && s.children.length && (b = s.children.map((M) => {
       var Y;
-      const W = Ce(M);
+      const W = xe(M);
       return Object.assign(
         W,
         {
           id: `${e.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
           onClick: null
         }
-      ), (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;
+      ), (Y = v == null ? void 0 : v.designerContext) != null && Y.appendIdentifyForNewControl && v.designerContext.appendIdentifyForNewControl(W), E(M, W), W;
+    }), s.children = b), E(m, s), 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;
+    const m = e.schema.type || "response-toolbar-item", s = $n(m), b = m.toLowerCase().replace("-", "_");
+    return s && !s.id && s.type === m && (s.id = `${b}_${Math.random().toString().slice(2, 6)}`, s.text = "按钮"), s;
   }
-  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 l(m) {
+    const s = C(), b = s == null ? void 0 : s.findIndex((M) => M.id === m), I = b === -1 ? null : s[b];
+    return { index: b, toolbarItem: I };
   }
   function d() {
-    const y = e.schema.id, s = x();
-    return We(y, s);
+    const m = e.schema.id, s = C();
+    return We(m, s);
   }
-  function i(y) {
-    const s = m.formSchemaUtils.getExpressions();
+  function i(m) {
+    const s = v.formSchemaUtils.getExpressions();
     if (!s || !s.length)
       return;
-    const v = (k) => {
-      const M = s && s.findIndex((W) => W.target === k.id);
+    const b = (I) => {
+      const M = s && s.findIndex((W) => W.target === I.id);
       M > -1 && s.splice(M, 1);
     };
-    v(y), y.children && y.children.length && y.children.forEach((k) => {
-      v(k);
+    b(m), m.children && m.children.length && m.children.forEach((I) => {
+      b(I);
     });
   }
-  function n(y) {
-    t.changeSelectedId(y);
+  function n(m) {
+    t.changeSelectedId(m);
   }
-  function S(y) {
-    m.formSchemaUtils.removeCommunicationInComponent(y), y.children && y.children.length && y.children.forEach((s) => {
-      m.formSchemaUtils.removeCommunicationInComponent(s);
+  function D(m) {
+    v.formSchemaUtils.removeCommunicationInComponent(m), m.children && m.children.length && m.children.forEach((s) => {
+      v.formSchemaUtils.removeCommunicationInComponent(s);
     });
   }
-  function B() {
-    var k, M, W;
-    if ((k = m == null ? void 0 : m.designerContext) != null && k.checkCanDeleteControl && !m.designerContext.checkCanDeleteControl(e.schema))
+  function O() {
+    var I, M, W;
+    if ((I = v == null ? void 0 : v.designerContext) != null && I.checkCanDeleteControl && !v.designerContext.checkCanDeleteControl(e.schema))
       return;
-    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++);
+    const m = C(), { parentIndex: s, itemIndex: b } = it(e.schema.id, m);
+    s === -1 || b === -1 || (i(e.schema), D(e.schema), m[s].children.splice(b, 1), t.updateToolbarItems(), (M = e.setupContext) == null || M.emit("removeComponent"), (W = e.setupContext) == null || W.emit("selectionChange"), Ne.value++);
   }
   function G() {
-    var k, M, W;
-    if ((k = m == null ? void 0 : m.designerContext) != null && k.checkCanDeleteControl && !m.designerContext.checkCanDeleteControl(e.schema))
+    var I, M, W;
+    if ((I = v == null ? void 0 : v.designerContext) != null && I.checkCanDeleteControl && !v.designerContext.checkCanDeleteControl(e.schema))
       return;
-    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++);
+    const m = e.schema.id, s = C(), b = s == null ? void 0 : s.findIndex((Y) => Y.id === m);
+    b !== -1 && (i(s[b]), D(s[b]), s == null || s.splice(b, 1), t.updateToolbarItems(), (M = e.setupContext) == null || M.emit("removeComponent"), (W = e.setupContext) == null || W.emit("selectionChange"), Ne.value++);
   }
-  function j(y = "Append") {
+  function B(m = "Append") {
     var Y;
-    const s = x(), { parentIndex: v, itemIndex: k } = it(e.schema.id, s);
-    if (v === -1 || k === -1)
+    const s = C(), { parentIndex: b, itemIndex: I } = it(e.schema.id, s);
+    if (b === -1 || I === -1)
       return;
-    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");
+    const M = u(), W = m === "Copy" ? P() : Object.assign({}, M);
+    s[b].children.splice(I + 1, 0, W), t.updateToolbarItems(), n(W.id), (Y = e.setupContext) == null || Y.emit("addComponent");
+  }
+  function S(m, s) {
+    const { index: b } = l(s);
+    if (b === -1)
+      return { index: b, schema: null };
+    const I = u(), M = m === "Copy" ? P() : Object.assign({}, I);
+    return { index: b, schema: M };
+  }
+  function w() {
+    var I;
+    const m = e.schema.id, { index: s, schema: b } = S("Copy", m);
+    b && (C().splice(s + 1, 0, b), t.updateToolbarItems(), g(b.id), (I = e.setupContext) == null || I.emit("addComponent"));
+  }
+  function A() {
+    var I;
+    const m = e.schema.id, { index: s, schema: b } = S("Append", m);
+    if (b && e.parent) {
+      const W = C()[s].children || [];
+      W.push(b);
+      const Y = C();
+      Y[s].children = W, t.updateToolbarItems(), n(b.id), (I = e.setupContext) == null || I.emit("addComponent");
     }
   }
-  function p(y) {
+  function p(m) {
     let s;
     switch (e.schema.type) {
       case "tab-toolbar-item":
-        s = new Vt(y, m);
+        s = new Vt(m, v);
         break;
       default:
-        s = new On(y, m, e.schema.type);
+        s = new On(m, v, e.schema.type);
     }
     return s.getPropertyConfig(e.schema, d());
   }
-  function o(y) {
-    y.stopPropagation(), y.stopImmediatePropagation();
+  function o(m) {
+    m.stopPropagation(), m.stopImmediatePropagation();
   }
-  function F() {
-    const y = [{
+  function N() {
+    const m = [{
       id: "delete",
       title: "删除",
       text: "",
       icon: "f-icon-yxs_delete",
       onClick: (s) => {
-        o(s), d() ? B() : G();
+        o(s), d() ? O() : G();
       }
     }, {
       id: "copy",
@@ -2397,19 +2396,19 @@ function Ln(e, m, t) {
       icon: "f-icon-yxs_copy",
       onClick: (s) => {
         o(s);
-        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();
+        const { activeElement: b } = document, I = b ? b.tagName.toLowerCase() : "";
+        I && I === "input" || I === "textarea" ? (b == null || b.blur(), Te(() => {
+          d() ? B("Copy") : w();
+        })) : d() ? B("Copy") : w();
       }
     }];
-    return y.push(d() ? {
+    return m.push(d() ? {
       id: "appendSiblingButton",
       title: "",
       text: "新增同级",
       icon: "f-icon-plus-circle",
       onClick: (s) => {
-        o(s), j();
+        o(s), B();
       }
     } : {
       id: "appendChildButton",
@@ -2417,18 +2416,18 @@ function Ln(e, m, t) {
       text: "新增子级",
       icon: "f-icon-plus-circle",
       onClick: (s) => {
-        o(s), O();
+        o(s), A();
       }
-    }), y;
+    }), m;
   }
-  function I() {
-    const { schema: y } = e;
-    i(y);
+  function k() {
+    const { schema: m } = e;
+    i(m);
   }
   function f() {
-    var y, s, v, k;
-    if (e && m) {
-      const { formSchemaUtils: M } = m, { schema: W } = e;
+    var m, s, b, I;
+    if (e && v) {
+      const { formSchemaUtils: M } = v, { schema: W } = e;
       switch (W.type) {
         case "response-toolbar-item": {
           M.getControlBasicInfoMap().set(W.id, {
@@ -2441,8 +2440,8 @@ function Ln(e, m, t) {
         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();
+          const X = (m = e.parent) == null ? void 0 : m.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 = (I = (b = X == null ? void 0 : X.parent) == null ? void 0 : b.componentInstance) == null ? void 0 : I.value, Y != null && Y.setComponentBasicInfoMap && Y.setComponentBasicInfoMap();
         }
       }
     }
@@ -2453,8 +2452,8 @@ function Ln(e, m, t) {
     checkCanDeleteComponent: r,
     checkCanAddComponent: T,
     getPropsConfig: p,
-    getCustomButtons: F,
-    onRemoveComponent: I,
+    getCustomButtons: N,
+    onRemoveComponent: k,
     setComponentBasicInfoMap: f
   };
 }
@@ -2462,22 +2461,22 @@ const vt = /* @__PURE__ */ ze({
   name: "FResponseToolbarItemDesign",
   props: pt,
   emits: ["Click", "dropdown", "clearAll"],
-  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);
+  setup(e, v) {
+    const t = re(e.alignment), h = Ye(), c = re(), r = Ce("designer-host-service"), T = Ce("design-item-context"), C = Ce("toolbar-item-action"), g = Ln(T, r, C), E = Ut(c, T, g);
     Ge(() => {
       c.value.componentInstance = E;
-    }), m.expose(E.value);
+    }), v.expose(E.value);
     function P() {
-      const D = {
+      const S = {
         "f-icon": !0
-      }, b = e.icon ? e.icon.trim() : "";
-      return re(D, b);
+      }, w = e.icon ? e.icon.trim() : "";
+      return ne(S, w);
     }
     function u() {
       return !!(e.icon && e.icon.trim());
     }
     const l = fe(() => {
-      const D = {
+      const S = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": !e.isDP && (t.value === "right" || t.value === "center"),
@@ -2488,7 +2487,7 @@ const vt = /* @__PURE__ */ ze({
         "text-truncate": !0
         // 'f-rt-toggle':props.isDP&&!props.split
       };
-      return re(D, e.class);
+      return ne(S, e.class);
     }), d = fe(() => e.split ? {
       display: "flex",
       "align-items": "center"
@@ -2500,16 +2499,16 @@ const vt = /* @__PURE__ */ ze({
       "border-top-right-radius": "6px",
       "border-bottom-right-radius": "6px"
     }), i = fe(() => {
-      const D = {
+      const S = {
         btn: !0,
         "dropdown-toggle": !0,
         "f-btn-mr": t.value === "left",
         "dropdown-toggle-split": !0,
         "no-drag": !0
       };
-      return re(D, e.class);
+      return ne(S, e.class);
     }), n = fe(() => {
-      let D = {
+      let S = {
         btn: !e.isDPItem,
         // 不是下拉按钮，不是下拉项
         disabled: e.disabled === !0,
@@ -2521,22 +2520,23 @@ const vt = /* @__PURE__ */ ze({
         // 保证内部层级不被拖拽
         "no-drag": !0
       };
-      return e.isDPItem || (D = re(D, e.class || "")), e.isDP && (D = re(D, e.dropdownClass || "")), D;
+      return e.isDPItem || (S = ne(S, e.class || "")), e.isDP && (S = ne(S, e.dropdownClass || "")), S;
     });
-    function S(D, b) {
-      b && b.stopPropagation(), m.emit(D, {
+    function D(S, w) {
+      w && w.stopPropagation(), v.emit(S, {
         id: e.id,
         isDP: e.isDP
       });
     }
-    function B() {
-      return {
+    function O() {
+      const S = {
         "btn-group": !0,
         "no-drag": !0,
         "f-rt-dropdown": !0,
         "f-btn-ml": t.value === "right" || t.value === "center",
         "f-btn-mr": t.value === "left"
       };
+      return ne(S, e.dropdownClass);
     }
     function G() {
       return L("div", {
@@ -2545,25 +2545,25 @@ const vt = /* @__PURE__ */ ze({
         class: "farris-component position-relative",
         style: "display:inline-block!important;"
       }, [L("div", {
-        class: B(),
+        class: O(),
         id: e.id
       }, [L("div", {
         class: l.value,
         style: d.value,
-        onClick: () => S("clearAll")
+        onClick: () => D("clearAll")
       }, [h.shouldShowIcon(e) && L("i", {
         class: h.iconClass(e)
       }, 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: (D) => S("dropdown", D)
+        onClick: (S) => D("dropdown", S)
       }, null)]), e.split && L("button", {
         class: i.value,
         style: "border-radius:0 6px 6px 0;",
-        onClick: (D) => S("dropdown", D)
-      }, null), x.renderDropdownMenu(e.item, e.item)])]);
+        onClick: (S) => D("dropdown", S)
+      }, null), C.renderDropdownMenu(e.item, e.item)])]);
     }
-    function j() {
+    function B() {
       return L("li", {
         ref: c,
         "data-dragref": `${T.schema.id}-container`,
@@ -2573,7 +2573,7 @@ const vt = /* @__PURE__ */ ze({
         class: h.iconClass(e)
       }, null), e.text]);
     }
-    return () => e.isDP ? G() : e.isDPItem ? j() : L("div", {
+    return () => e.isDP ? G() : e.isDPItem ? B() : L("div", {
       ref: c,
       "data-dragref": `${T.schema.id}-container`,
       class: "farris-component position-relative",
@@ -2582,13 +2582,13 @@ const vt = /* @__PURE__ */ ze({
       type: "button",
       class: l.value,
       id: e.id,
-      onClick: () => S("clearAll")
+      onClick: () => D("clearAll")
     }, [u() && L("i", {
       class: P()
     }, null), e.text])]);
   }
 });
-function Nn(e, m, t, h) {
+function Fn(e, v, 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);
   }
@@ -2598,12 +2598,12 @@ function Nn(e, m, t, h) {
     const d = l.expanded;
     h.clearAllDropdown(), h.toggleDropdownMenu(l, !d);
   }
-  function x(l) {
+  function C(l) {
     h.clearAllDropdown(l.isDP ? l.id : "");
   }
   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;
+    const i = e.items || [], n = d || l, D = i.find((O) => O.id === n);
+    return d ? D.children.find((O) => O.id === l) : D;
   }
   function E(l, d = !1) {
     if (!d)
@@ -2618,12 +2618,12 @@ function Nn(e, m, t, h) {
     i != null && i.classList.contains("dgComponentFocused") && (i == null || i.classList.remove("dgComponentSelected"));
   }
   function u(l, d, i = !1) {
-    const n = g(l.id, l.parent), S = oe(n);
+    const n = g(l.id, l.parent), D = re(n);
     return L(Yt, {
       key: n.id,
       class: ["p-0", i ? "d-block no-drag" : "d-inline-block"],
-      modelValue: S.value,
-      "onUpdate:modelValue": (B) => S.value = B,
+      modelValue: D.value,
+      "onUpdate:modelValue": (O) => D.value = O,
       canMove: !1,
       childType: "response-toolbar-item",
       childLabel: "按钮",
@@ -2632,11 +2632,11 @@ function Nn(e, m, t, h) {
       id: n.id,
       onSelectionChange: c,
       onRemoveComponent: r,
-      onMouseenter: (B) => E(B, i),
-      onMouseleave: (B) => P(B, i)
+      onMouseenter: (O) => E(O, i),
+      onMouseleave: (O) => P(O, i)
     }, {
       default: () => {
-        var B;
+        var O;
         return [L(vt, {
           id: n.id,
           disabled: n.disabled,
@@ -2646,10 +2646,11 @@ function Nn(e, m, t, h) {
           item: l,
           split: n.split,
           isDPItem: l.isDPItem,
-          class: ((B = l.appearance) == null ? void 0 : B.class) || "btn-secondary",
+          class: ((O = l.appearance) == null ? void 0 : O.class) || "btn-secondary",
+          dropdownClass: l.dropdownClass,
           alignment: e.alignment || "right",
           onDropdown: () => T(l),
-          onClearAll: (G) => x(G),
+          onClearAll: (G) => C(G),
           componentId: e.componentId
         }, null)];
       }
@@ -2660,7 +2661,7 @@ function Nn(e, m, t, h) {
     actionHandlers: h
   };
 }
-function qe(e, m = !1, t = "") {
+function qe(e, v = !1, t = "") {
   const h = [];
   return e.reduce((c, r) => {
     if (r.children && r.children.length > 0) {
@@ -2674,7 +2675,7 @@ function qe(e, m = !1, t = "") {
       }));
     } else
       c.push(Object.assign({}, r, {
-        isDPItem: m,
+        isDPItem: v,
         isDP: !1,
         parent: t
       }));
@@ -2685,69 +2686,69 @@ const Re = /* @__PURE__ */ ze({
   name: "FResponseToolbarDesign",
   props: bn,
   emits: ["Click"],
-  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: ($) => {
+  setup(e, v) {
+    const t = re(qe(e.items)), h = re(), c = re(), r = re(), T = re("");
+    let C = 0;
+    const g = 15, E = Ce("designer-host-service"), P = Ce("design-item-context"), u = {
+      clearAllDropdown: (_) => {
       },
-      toggleDropdownMenu: ($) => {
+      toggleDropdownMenu: (_) => {
       },
       updateToolbarItems: () => {
       },
-      changeSelectedId: ($) => {
-        T.value = $;
+      changeSelectedId: (_) => {
+        T.value = _;
       },
-      renderDropdownMenu: ($, N) => {
+      renderDropdownMenu: (_, F) => {
       },
       toolbarContext: P,
-      changeMenuPosition: ($, N, V) => ({}),
+      changeMenuPosition: (_, F, V) => ({}),
       toolbarPosition: ""
-    }, l = In(P, E, u), d = Xt(r, P, l), i = xe("toolbar-item-handler"), {
+    }, l = kn(P, E, u), d = Xt(r, P, l), i = Ce("toolbar-item-handler"), {
       initDragula: n,
-      dragulaInstance: S
-    } = Mn(P), B = Ye(), G = Nn(e, c, P, u), j = Rn(B, t, G), {
-      renderToolbarItemDesigner: D
+      dragulaInstance: D
+    } = Mn(P), O = Ye(), G = Fn(e, c, P, u), B = Rn(O, t, G), {
+      renderToolbarItemDesigner: S
     } = G, {
-      clearAllDropDownMenu: b,
-      renderDropdownMenu: O,
+      clearAllDropDownMenu: w,
+      renderDropdownMenu: A,
       setResponseToolbarRef: p
-    } = j;
-    qt("toolbar-item-action", u), u.renderDropdownMenu = O, p(r), i && (i.changeSelectedId = function($) {
-      T.value = $;
+    } = B;
+    qt("toolbar-item-action", u), u.renderDropdownMenu = A, p(r), i && (i.changeSelectedId = function(_) {
+      T.value = _;
     });
     function o() {
-      const $ = c.value.querySelector(".dgComponentSelected");
-      $ && Ht($);
+      const _ = c.value.querySelector(".dgComponentSelected");
+      _ && Ht(_);
     }
-    function F() {
+    function N() {
       if (T.value)
         if (We(T.value, t.value)) {
           const {
-            parent: $,
-            item: N
+            parent: _,
+            item: F
           } = st(T.value, t.value);
-          $ && (u.toggleDropdownMenu($, !0), setTimeout(() => {
+          _ && (u.toggleDropdownMenu(_, !0), setTimeout(() => {
             var H;
-            const V = r.value.querySelector("#" + $.id), U = V == null ? void 0 : V.querySelector("#" + N.id);
+            const V = r.value.querySelector("#" + _.id), U = V == null ? void 0 : V.querySelector("#" + F.id);
             (((H = U == null ? void 0 : U.parentElement) == null ? void 0 : H.className) || "").indexOf("dgComponentFocused") < 0 && (U == null || U.click());
           }, 0));
         } else
           o();
     }
-    function I($ = "") {
-      t.value.filter((N) => N.id !== $ && N.children && N.children.length > 0).forEach((N) => {
-        N.expanded = !1;
-      }), b($);
+    function k(_ = "") {
+      t.value.filter((F) => F.id !== _ && F.children && F.children.length > 0).forEach((F) => {
+        F.expanded = !1;
+      }), w(_);
     }
-    u.clearAllDropdown = I;
+    u.clearAllDropdown = k;
     function f() {
       i && i.updateToolbarItems && i.updateToolbarItems();
     }
     u.updateToolbarItems = f;
-    function y($) {
-      if ($) {
-        const N = r.value.querySelector("#" + $.id), V = N.querySelector("#" + $.id + "_menu"), U = u.changeMenuPosition($, N);
+    function m(_) {
+      if (_) {
+        const F = r.value.querySelector("#" + _.id), V = F.querySelector("#" + _.id + "_menu"), U = u.changeMenuPosition(_, F);
         Object.keys(U).forEach((H) => {
           V.style[H] = U[H];
         });
@@ -2763,44 +2764,44 @@ const Re = /* @__PURE__ */ ze({
         q.querySelector(".dropdown-toggle-split") ? q.querySelector(".f-rt-btn").style.maxWidth = V - 38 + "px" : q.style.maxWidth = V - 12 + "px";
       });
     }
-    const v = new ResizeObserver(($) => {
-      var N;
-      if ($.length) {
-        const U = $[0].contentRect.width;
+    const b = new ResizeObserver((_) => {
+      var F;
+      if (_.length) {
+        const U = _[0].contentRect.width;
         if (U === 0) {
-          x = 0;
+          C = 0;
           return;
         }
-        if (Math.abs(U - x) > g) {
-          if (x = U, We(T.value, t.value)) {
+        if (Math.abs(U - C) > g) {
+          if (C = U, We(T.value, t.value)) {
             const {
               parent: H,
               item: q
             } = st(T.value, t.value);
-            y(H);
+            m(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);
+            const H = (F = t.value) == null ? void 0 : F.find((q) => q.id === T.value);
+            m(H);
           } else
-            I();
+            k();
           s();
         }
       }
     });
     Ge(() => {
-      v.observe(r.value), x = r.value.clientWidth, r.value.componentInstance = d, n(c.value, h.value, f);
+      b.observe(r.value), C = 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 $ = {
+      b.disconnect(), D && D.destroy && D.destroy();
+    }), v.expose(d.value);
+    const I = 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 re($, e.customClass);
+      return ne(_, e.customClass);
     }), M = fe(() => ({
       "text-left": e.alignment === "left",
       "text-right": e.alignment === "right",
@@ -2810,19 +2811,19 @@ const Re = /* @__PURE__ */ ze({
       "no-drag": !0,
       "w-100": !0
     }));
-    ke(() => e.items, () => {
+    Ie(() => e.items, () => {
       t.value = qe(e.items), Te(() => {
-        F(), s();
+        N(), s();
       });
     }, {
       deep: !0
     });
-    function W($) {
-      $ && ($.stopPropagation(), $.preventDefault());
+    function W(_) {
+      _ && (_.stopPropagation(), _.preventDefault());
       const {
-        schema: N
+        schema: F
       } = P;
-      N.buttons || (N.buttons = []);
+      F.buttons || (F.buttons = []);
       let V = "";
       switch (u.toolbarPosition) {
         case "drawer-header-toolbar":
@@ -2839,10 +2840,10 @@ const Re = /* @__PURE__ */ ze({
           V = "response-toolbar-item";
       }
       const U = at(V);
-      U.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, N.buttons.push(U);
+      U.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, F.buttons.push(U);
     }
     function Y() {
-      return L("li", {
+      return Ce("external-container-id") ? null : 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: W
       }, [L("span", {
@@ -2853,31 +2854,31 @@ const Re = /* @__PURE__ */ ze({
       }, [zt("添加按钮")])]);
     }
     function X() {
-      return t.value.map(($, N) => D($, N));
+      return t.value.map((_, F) => S(_, F));
     }
     return () => {
-      var $;
+      var _;
       return L("div", {
         ref: r,
         "data-dragref": `${P.schema.id}-container`,
-        class: k.value,
+        class: I.value,
         id: e.id
       }, [L("div", {
         ref: h,
         class: M.value,
-        onClick: (N) => I(N)
+        onClick: (F) => k(F)
       }, [L("div", {
         ref: c,
         class: "d-block f-response-content"
-      }, [($ = t.value) != null && $.length ? X() : Y()])])]);
+      }, [(_ = t.value) != null && _.length ? X() : Y()])])]);
     };
   }
 }), Qn = Ue;
-Re.register = (e, m, t, h) => {
-  e["response-toolbar"] = Sn, m["response-toolbar"] = Ue, h["response-toolbar"] = { eventHandlerResolver: yn };
+Re.register = (e, v, t, h) => {
+  e["response-toolbar"] = Sn, v["response-toolbar"] = Ue, h["response-toolbar"] = { eventHandlerResolver: yn };
 };
-Re.registerDesigner = (e, m, t) => {
-  e["response-toolbar"] = Re, m["response-toolbar"] = Ue, e["response-toolbar-item"] = vt, m["response-toolbar-item"] = mn;
+Re.registerDesigner = (e, v, t) => {
+  e["response-toolbar"] = Re, v["response-toolbar"] = Ue, e["response-toolbar-item"] = vt, v["response-toolbar-item"] = mn;
 };
 const Zn = $t(Re);
 export {