@farris/ui-vue 1.5.7 → 1.5.8

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

@@ -0,0 +1,3015 @@
+var Lt = Object.defineProperty;
+var $t = (e, c, n) => c in e ? Lt(e, c, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[c] = n;
+var J = (e, c, n) => $t(e, typeof c != "symbol" ? c + "" : c, n);
+import { getCustomClass as te, withInstall as Nt } from "../../components/common/index.esm.js";
+import { resolveAppearance as Wt, createPropsResolver as ot, createResponseToolbarEventHandlerResolver as Ft, getSchemaByType as Le } from "../../components/dynamic-resolver/index.esm.js";
+import { responseToolbarProps as rt } from "../../components/response-toolbar/index.esm.js";
+import { computed as ie, getCurrentInstance as qt, createVNode as A, reactive as be, withDirectives as ye, resolveDirective as Ce, ref as U, defineComponent as Te, onMounted as Se, onUnmounted as it, watch as we, nextTick as ge, inject as ue, provide as st, onBeforeUnmount as Ht, withModifiers as zt, createTextVNode as Vt } from "vue";
+import { canvasChanged as lt, useDesignerInnerComponent as Gt, useDesignerComponent as Yt, setPositionForSelectedElement as Ut } from "../../components/designer-canvas/index.esm.js";
+import { BaseControlProperty as at } from "../../components/property-panel/index.esm.js";
+import { cloneDeep as he } from "lodash-es";
+import { TabToolbarItemProperty as Xt } from "../../components/tabs/index.esm.js";
+const Qt = /* @__PURE__ */ new Map([
+  ["buttons", "items"],
+  ["appearance", Wt]
+]);
+function ct(e, c, n) {
+  return c;
+}
+const Jt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-design.gitee.io/response-toolbar.schema.json", Kt = "response-toolbar", en = "A Farris Toolbar Component", tn = "object", nn = {
+  id: {
+    description: "The unique identifier for a Response Toolbar",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Response Toolbar",
+    type: "string",
+    default: "response-toolbar"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string",
+        default: ""
+      }
+    }
+  },
+  alignment: {
+    description: "The alignment of Response Toolbar Button.",
+    type: "string",
+    default: "right"
+  },
+  buttons: {
+    description: "The items of Response Toolbar.",
+    type: "array",
+    default: []
+  },
+  buttonSize: {
+    type: "string",
+    default: ""
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, on = [
+  "id",
+  "type",
+  "buttons"
+], rn = {
+  onClick: "点击事件"
+}, sn = {
+  $schema: Jt,
+  $id: Zt,
+  title: Kt,
+  description: en,
+  type: tn,
+  properties: nn,
+  required: on,
+  events: rn
+}, ln = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-design.gitee.io/response-toolbar-item.schema.json", cn = "response-toolbar-item", un = "A Farris Toolbar Item Component", dn = "object", fn = {
+  id: {
+    description: "The unique identifier for a Response Toolbar",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Response Toolbar",
+    type: "string",
+    default: "response-toolbar-item"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string",
+        default: ""
+      }
+    }
+  },
+  alignment: {
+    description: "对齐",
+    type: "string",
+    default: "right"
+  },
+  text: {
+    description: "文本",
+    type: "string",
+    default: "按钮"
+  },
+  icon: {
+    description: "图标",
+    type: "string",
+    default: ""
+  },
+  disabled: {
+    description: "禁用",
+    type: "boolean",
+    default: !1
+  },
+  visible: {
+    description: "是否可见",
+    type: "boolean",
+    default: !0
+  },
+  onClick: {
+    description: "点击事件",
+    type: "string",
+    default: ""
+  },
+  tipsEnable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tipsText: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  dropdownClass: {
+    description: "处于下拉菜单时的样式",
+    type: "string",
+    default: ""
+  },
+  split: {
+    description: "",
+    type: "boolean",
+    default: !1
+  }
+}, pn = [
+  "id",
+  "type",
+  "text"
+], hn = {
+  $schema: ln,
+  $id: an,
+  title: cn,
+  description: un,
+  type: dn,
+  properties: fn,
+  required: pn
+}, gn = Object.assign({}, rt, {
+  componentId: { type: String, default: "" }
+}), $e = ot(
+  rt,
+  sn,
+  Qt,
+  ct
+), ut = {
+  id: { type: String, default: "" },
+  item: { type: Object, default: {} },
+  items: { type: Object, default: {} },
+  class: { type: String, default: "btn-secondary" },
+  text: { type: String, default: "" },
+  disabled: { type: Boolean, default: !1 },
+  icon: { type: String, default: "" },
+  componentId: { type: String, default: "" },
+  // 是否展开子级
+  expanded: { type: Boolean, default: !1 },
+  alignment: { Type: String, default: "right" },
+  // 下拉按钮分离
+  split: { type: Boolean, default: !1 },
+  // 是否下拉
+  isDP: { type: Boolean, default: !1 },
+  // 是否下拉项
+  isDPItem: { type: Boolean, default: !1 }
+}, vn = ot(
+  ut,
+  hn,
+  void 0,
+  ct
+), mn = Ft(), bn = {
+  id: { type: String, default: "" },
+  /**  组件自定义样式 */
+  customClass: { type: String, default: "" },
+  alignment: { Type: String, default: "right" },
+  items: {
+    Type: Array,
+    default: []
+  },
+  /** 控制是否可见 */
+  visible: { type: Boolean, default: !0 }
+};
+class dt {
+  constructor(c) {
+    /** 工具栏项标识 */
+    J(this, "id", "");
+    /** 工具栏项自定义样式 */
+    J(this, "class", "btn-secondary");
+    /** 图标 */
+    J(this, "icon", "");
+    /** 所属分组 */
+    J(this, "groupId", "");
+    /** 收藏顺序 */
+    J(this, "order", -1);
+    /** 是否作为下拉菜单的顶层按钮 */
+    J(this, "asDropDownTop", !1);
+    /** 文本 */
+    J(this, "text", "");
+    /** 是否可见原值 */
+    J(this, "visible", !0);
+    /** 控制界面是否显示 */
+    J(this, "shown", !0);
+    J(this, "responsed", !1);
+    /** 是否启用提示消息 */
+    J(this, "tipsEnable", !1);
+    /** 提示消息内容 */
+    J(this, "tipsText", "");
+    /** 记录宽度 */
+    J(this, "width", 0);
+    /** 下拉时的样式名 */
+    J(this, "dropdownClass", "");
+    J(this, "onClick", () => {
+    });
+    J(this, "options");
+    var a, l;
+    this.options = c;
+    const n = [
+      "id",
+      "class",
+      "icon",
+      "groupId",
+      "order",
+      "asDropDownTop",
+      "text",
+      "isDP",
+      "visible",
+      "responsed",
+      "width",
+      "tipsEnable",
+      "tipsText",
+      "dropdownClass",
+      "onClick"
+    ];
+    Object.keys(c).filter((s) => n.indexOf(s) > -1).forEach((s) => {
+      s === "visible" ? this[s] = c[s] === void 0 ? !0 : c[s] : this[s] = c[s];
+    }), this.shown = this.visible, (a = c.appearance) != null && a.class && (this.class = (l = c.appearance) == null ? void 0 : l.class);
+  }
+  /** 是否可用 */
+  get enable() {
+    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : ie(() => !0);
+  }
+  /** 设置宽度 */
+  setWidth(c) {
+    this.width = parseInt(c, 10);
+  }
+  /** 获取宽度 */
+  getWidth() {
+    return this.visible ? this.width : !1;
+  }
+}
+class yn extends dt {
+  constructor(c) {
+    super(c);
+  }
+}
+function ft() {
+  function e(c) {
+    const n = [];
+    return c.reduce((a, l) => (l.children && l.children.length > 0 ? a.push(new me(l)) : a.push(new yn(l)), a), n), n;
+  }
+  return { buildResponseToolbarItems: e };
+}
+const { buildResponseToolbarItems: Cn } = ft();
+class me extends dt {
+  constructor(n) {
+    super(n);
+    J(this, "placement", "");
+    // 下拉位置
+    /** 是否可见 */
+    J(this, "visible", !0);
+    /** 下拉class */
+    J(this, "dropdownClass", "");
+    /** 下拉菜单class */
+    J(this, "menuClass", "");
+    /** 是否用分开的下拉按钮 */
+    J(this, "split", !1);
+    J(this, "children", []);
+    J(this, "expanded", !1);
+    J(this, "shown", !0);
+    const a = ["visible", "icon", "isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
+    Object.keys(n).filter((l) => a.indexOf(l) > -1).forEach((l) => {
+      l === "visible" ? this[l] = n[l] === void 0 ? !0 : n[l] : this[l] = n[l];
+    }), this.shown = this.visible, n.children && n.children.length && (this.children = Cn(n.children));
+  }
+}
+function Ne() {
+  function e(n) {
+    const a = {
+      "f-icon": !0
+    };
+    if (n.icon) {
+      const l = n.icon.trim().split(" ");
+      l && l.length && l.reduce((s, p) => (s[p] = !0, s), a);
+    }
+    return a;
+  }
+  function c(n) {
+    return !!(n.icon && n.icon.trim());
+  }
+  return { iconClass: e, shouldShowIcon: c };
+}
+function wn(e, c) {
+  function n(i) {
+    return te({
+      "dropdown-menu": !0
+    }, i.menuClass);
+  }
+  function a(i) {
+    const t = {
+      disabled: !i.enable,
+      "dropdown-submenu": !0,
+      "f-rt-dropdown": !0,
+      "text-truncate": !0
+    };
+    return te(t, i.dropdownClass);
+  }
+  function l(i) {
+    const t = {
+      disabled: !i.enable,
+      "dropdown-item": !0,
+      "f-rt-btn": !0,
+      "text-truncate": !0
+    };
+    return te(t, i.dropdownClass);
+  }
+  function s(i) {
+    const t = {
+      disabled: !i.enable,
+      "dropdown-item": !0,
+      "f-rt-btn": !0,
+      "text-truncate": !0,
+      "f-rt-toggle": !i.split,
+      "btn-icontext": !!(i.icon && i.icon.trim()),
+      "dropdown-toggle": !i.split
+    };
+    return te(t, i.dropdownClass);
+  }
+  function p(i) {
+    const t = {
+      "f-rt-btn": !0,
+      "text-truncate": !0,
+      "btn-icontext": !!(i.icon && i.icon.trim()),
+      "d-block": !0
+    };
+    return te(t, i.dropdownClass);
+  }
+  let h;
+  const g = /* @__PURE__ */ new Map();
+  function x(i, t, b) {
+    i.stopPropagation();
+    const C = b ? b.id : "__top_item__";
+    if (t.children && t.children.length && (t.expanded = !t.expanded, t.expanded)) {
+      if (g.has(C) && g.get(C) !== t) {
+        const k = g.get(C);
+        k && (k.expanded = !1, g.delete(C));
+      }
+      g.set(C, t);
+    }
+  }
+  function I(i, t) {
+    document.body.click(), t.enable && (i.stopPropagation(), typeof t.onClick == "function" && t.onClick(i, t.id), e.emit("click", i, t.id));
+  }
+  function y(i, t) {
+    const b = i.target;
+    b.className.indexOf("dropdown-item") < 0 || (b.title = b.scrollWidth > b.clientWidth ? t : "");
+  }
+  function m(i, t, b) {
+    if (t.tipsEnable && t.tipsText) {
+      const C = be({
+        content: t.tipsText,
+        enable: t.tipsEnable
+      });
+      return ye(A("li", {
+        class: l(t),
+        id: t.id,
+        key: t.id + "_" + b,
+        onClick: (k) => I(k, t)
+      }, [A("span", {
+        class: p(t)
+      }, [c.shouldShowIcon(t) && A("i", {
+        class: c.iconClass(t)
+      }, null), t.text])]), [[Ce("tooltip"), C]]);
+    }
+    return A("li", {
+      class: l(t),
+      id: t.id,
+      onClick: (C) => I(C, t)
+    }, [A("span", {
+      class: p(t),
+      onMouseenter: (C) => y(C, t.text)
+    }, [c.shouldShowIcon(t) && A("i", {
+      class: c.iconClass(t)
+    }, null), t.text])]);
+  }
+  function f(i, t, b) {
+    t.enable && (typeof t.onClick == "function" && b.onClick(i, t.id), e.emit("click", i, t.id), b.split || x(i, t, b));
+  }
+  function r(i, t, b) {
+    i && i.stopPropagation(), x(i, t, b);
+  }
+  function S(i, t) {
+    i.stopPropagation();
+    const b = t.id;
+    if (t.children && t.children.length && t.expanded && g.has(b)) {
+      const C = g.get(b);
+      C && (C.expanded = !1, g.delete(b));
+    }
+  }
+  function L(i, t, b) {
+    if (t.tipsEnable && t.tipsText) {
+      const C = be({
+        content: t.tipsText,
+        enable: t.tipsEnable
+      });
+      return A("li", {
+        class: a(t),
+        id: t.id,
+        key: t.id + "_" + b,
+        onClick: (k) => f(k, t, i)
+      }, [ye(A("span", {
+        class: s(t)
+      }, [c.shouldShowIcon(t) && A("i", {
+        class: c.iconClass(t)
+      }, null), t.text]), [[Ce("tooltip"), C]]), t.split && A("span", {
+        class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
+        onClick: (k) => r(k, t, i)
+      }, null), h(t, t)]);
+    }
+    return A("li", {
+      class: a(t),
+      id: t.id,
+      onClick: (C) => f(C, t, i),
+      onMouseenter: (C) => y(C, t.text)
+    }, [A("span", {
+      class: s(t)
+    }, [c.shouldShowIcon(t) && A("i", {
+      class: c.iconClass(t)
+    }, null), t.text]), t.split && A("span", {
+      class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
+      onClick: (C) => r(C, t, i)
+    }, null), h(t, t)]);
+  }
+  function W(i) {
+    return i.children.filter((t) => t.visible).map((t, b) => t.children && t.children.length ? L(i, t, b) : m(i, t, b));
+  }
+  function _(i, t, b) {
+    const C = {
+      display: i.expanded ? "block" : "none",
+      position: "fixed",
+      maxWidth: "300px",
+      minWidth: "120px",
+      zIndex: 1040,
+      overflowY: "auto",
+      maxHeight: "none"
+    }, k = window.innerWidth, z = window.innerHeight, v = t, o = v == null ? void 0 : v.getClientRects();
+    if (v && o && o.length) {
+      const {
+        top: T,
+        width: P,
+        left: d,
+        right: D,
+        height: M
+      } = o[0], w = Math.ceil(M + T);
+      C.top = `${w}px`, C.left = `${d}px`;
+      const q = i.id + "_menu", F = t ? t.querySelector("#" + q) : null;
+      if (F) {
+        F.style.visibility = "hidden", F.style.display = "block";
+        const O = F.offsetHeight;
+        C.display === "block" && (F.style.display = "block");
+        const j = F.getBoundingClientRect();
+        if (b) {
+          C.top = `${T - 6}px`;
+          const G = Math.ceil(P + d);
+          C.left = `${G}px`;
+        }
+        k - d - P < j.width && (C.left = `${(b ? d : D) - j.width}px`), z - T - M < O ? T > O ? (C.top = `${T - O - 6}px`, C.maxHeight = `${T - 16}px`) : (C.maxHeight = `${z - w}px`, T > z - T - M && (C.top = "10px", C.maxHeight = `${T - 16}px`)) : C.maxHeight = `${z - w}px`, F.style.visibility = "visible";
+      }
+    }
+    return C;
+  }
+  h = function(i, t) {
+    var z, v;
+    const b = qt(), C = t ? t.id : i.id, k = (v = (z = b == null ? void 0 : b.exposed) == null ? void 0 : z.elementRef.value) == null ? void 0 : v.querySelector("#" + C);
+    return A("ul", {
+      class: n(i),
+      style: _(i, k, t),
+      id: i.id + "_menu",
+      onWheel: (o) => S(o, i)
+    }, [W(i)]);
+  };
+  function B() {
+    g.forEach((i) => {
+      i.expanded = !1;
+    }), g.clear();
+  }
+  return {
+    renderDropdownMenu: h,
+    clearAllDropDownMenu: B
+  };
+}
+function xn(e, c, n) {
+  const a = U(e.alignment), {
+    renderDropdownMenu: l,
+    clearAllDropDownMenu: s
+  } = wn(c, n);
+  function p(r) {
+    const S = {
+      "btn-group": !0,
+      "f-rt-dropdown": !0,
+      "f-btn-ml": a.value === "right" || a.value === "center",
+      "f-btn-mr": a.value === "left"
+    };
+    return te(S, r.dropdownClass);
+  }
+  function h(r) {
+    const S = {
+      btn: !0,
+      disabled: !r.enable,
+      "f-rt-btn": !0,
+      "btn-icontext": !!(r.icon && r.icon.trim()),
+      "f-rt-toggle": !r.split,
+      "dropdown-toggle": !r.split
+    };
+    return te(S, r.class);
+  }
+  function g(r) {
+    return te({
+      btn: !0,
+      "dropdown-toggle": !0,
+      "dropdown-toggle-split": !0
+    }, r.class);
+  }
+  function x(r) {
+    return r.split ? {
+      display: "flex"
+    } : {
+      display: "flex",
+      "border-radius": "6px"
+    };
+  }
+  function I(r, S) {
+    r.stopPropagation();
+    const L = S.expanded;
+    document.body.click(), typeof S.onClick == "function" && S.onClick(r, S.id), c.emit("click", r, S.id), S.split || (S.expanded = !L);
+  }
+  function y(r, S) {
+    r.stopPropagation();
+    const L = S.expanded;
+    document.body.click(), S.expanded = !L;
+  }
+  function m(r, S = !0) {
+    if (r.tipsEnable && r.tipsText) {
+      const L = be({
+        content: r.tipsText,
+        enable: r.tipsEnable
+      });
+      return A("div", {
+        id: r.id,
+        class: p(r)
+      }, [ye(A("div", {
+        class: h(r),
+        style: x(r),
+        onClick: (W) => r.enable && I(W, r)
+      }, [n.shouldShowIcon(r) && A("i", {
+        class: n.iconClass(r)
+      }, null), A("span", null, [r.text])]), [[Ce("tooltip"), L]]), r.split && A("button", {
+        class: g(r),
+        style: "border-radius:0 6px 6px 0;",
+        onClick: (W) => y(W, r)
+      }, null), S && l(r)]);
+    }
+    return A("div", {
+      id: r.id,
+      class: p(r)
+    }, [A("div", {
+      class: h(r),
+      style: x(r),
+      onClick: (L) => r.enable && I(L, r)
+    }, [n.shouldShowIcon(r) && A("i", {
+      class: n.iconClass(r)
+    }, null), A("span", null, [r.text])]), r.split && A("button", {
+      class: g(r),
+      style: "border-radius:0 6px 6px 0;",
+      onClick: (L) => y(L, r)
+    }, null), S && l(r)]);
+  }
+  function f() {
+    s();
+  }
+  return {
+    renderToolbarDropdown: m,
+    clearAllDropDown: f
+  };
+}
+const {
+  buildResponseToolbarItems: Ze
+} = ft(), Tn = /* @__PURE__ */ Te({
+  name: "FResponseToolbar",
+  props: bn,
+  emits: ["click"],
+  setup(e, c) {
+    const n = U(Ze(e.items)), a = U(), l = U(), s = U(), p = {
+      id: "__more_buttons__",
+      text: "更多"
+    }, h = U(new me(p)), g = {
+      id: p.id + "width",
+      text: p.text
+    }, x = U(-1), I = Ne();
+    let y = !1;
+    const m = ie(() => h.value.children.length > 0), f = ie(() => {
+      const w = {
+        "f-toolbar": !0,
+        "f-response-toolbar": !0,
+        "position-relative": !0,
+        "f-response-toolbar-sm": e.buttonSize === "sm",
+        "f-response-toolbar-lg": e.buttonSize === "lg",
+        "d-none": !e.visible
+      };
+      return te(w, e.customClass);
+    }), r = ie(() => ({
+      "w-100": !0,
+      "d-flex": !0,
+      "flex-nowrap": !0,
+      "justify-content-end": e.alignment === "right",
+      "justify-content-start": e.alignment === "left",
+      "justify-content-center": e.alignment === "center"
+    })), {
+      renderToolbarDropdown: S,
+      clearAllDropDown: L
+    } = xn(e, c, I);
+    function W(w) {
+      w && w.target.closest("ul.dropdown-menu") && w.type === "wheel" || (n.value.filter((q) => q.children && q.children.length > 0).forEach((q) => {
+        q.expanded = !1;
+      }), h.value.expanded = !1, L());
+    }
+    function _(w, q) {
+      var j;
+      const F = {
+        btn: !0,
+        "f-rt-btn": !0,
+        "f-btn-ml": e.alignment === "right" || q > 0 && e.alignment === "center",
+        "f-btn-mr": e.alignment === "left",
+        "btn-icontext": !!(w.icon && w.icon.trim())
+      }, O = ((j = w == null ? void 0 : w.appearance) == null ? void 0 : j.class) || w.class || "btn-secondary";
+      return te(F, O);
+    }
+    function B(w, q) {
+      document.body.click(), typeof q.onClick == "function" && q.onClick(w, q.id), c.emit("click", w, q.id);
+    }
+    function i(w, q) {
+      if (w.tipsEnable && w.tipsText) {
+        const F = be({
+          content: w.tipsText,
+          enable: w.tipsEnable
+        });
+        return ye(A("button", {
+          type: "button",
+          class: _(w, q),
+          id: w.id,
+          disabled: !w.enable,
+          onClick: (O) => B(O, w)
+        }, [I.shouldShowIcon(w) && A("i", {
+          class: I.iconClass(w)
+        }, null), w.text]), [[Ce("tooltip"), F]]);
+      }
+      return A("button", {
+        type: "button",
+        class: _(w, q),
+        id: w.id,
+        disabled: !w.enable,
+        onClick: (F) => B(F, w)
+      }, [I.shouldShowIcon(w) && A("i", {
+        class: I.iconClass(w)
+      }, null), w.text]);
+    }
+    let t = /* @__PURE__ */ new Map(), b = [];
+    function C(w) {
+      const q = Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-left"))), F = Math.ceil(parseFloat(getComputedStyle(w).getPropertyValue("margin-right")));
+      return (q || 0) + w.getBoundingClientRect().width + (F || 0);
+    }
+    function k(w, q, F) {
+      if (q < x.value) {
+        let O = F - 1;
+        for (; O >= 0; O--) {
+          const j = w[O], G = C(j);
+          if (q += G, q >= x.value)
+            break;
+        }
+        F = O;
+      }
+      return q -= x.value, {
+        start: F,
+        space: q
+      };
+    }
+    function z(w) {
+      const q = s.value;
+      let F = w;
+      const j = Array.from(q.children).filter((ee) => ee.id !== "__more_buttons__"), G = j.length;
+      let V = !1, Y = 0;
+      for (; Y < G; Y++) {
+        const ee = j[Y], se = C(ee);
+        if (se <= F)
+          F -= se;
+        else {
+          const Z = k(j, F, Y);
+          Y = Z.start, F = Z.space, V = !0;
+          break;
+        }
+      }
+      if (!V && b.length > 0) {
+        const ee = k(j, F, Y);
+        Y = ee.start, F = ee.space;
+      }
+      const H = b.length > 0;
+      for (; Y < G; Y++) {
+        const ee = j[Y], se = C(ee);
+        t.set(ee.id, !0), b[H ? "unshift" : "push"]({
+          id: ee.id,
+          width: se
+        });
+      }
+      return F;
+    }
+    function v(w) {
+      let q = z(w);
+      if (b.length) {
+        let G = 0;
+        for (; G < b.length; G++) {
+          const V = e.items.find((Y) => Y.id === b[G].id);
+          if (V && V.visible !== !1) {
+            const Y = b[G].width;
+            if (q >= Y || G === b.length - 1 && q + x.value >= Y)
+              q -= Y;
+            else
+              break;
+          }
+        }
+        for (let V = 0; V < G; V++)
+          t.delete(b[V].id);
+        b.splice(0, G - 1);
+      }
+      const F = Object.assign({}, h.value);
+      F.children = [];
+      const O = new me(F), j = n.value.reduce((G, V) => {
+        const Y = e.items.find((H) => H.id === V.id);
+        return t.has(V.id) ? (O.children.push(V), V.shown = !1) : V.shown = Y.visible !== !1, G.push(V), G;
+      }, []);
+      h.value = O, n.value = j;
+    }
+    function o(w = -1) {
+      if (w === 0 || !s.value || !l.value)
+        return;
+      w < 0 && (w = l.value.getBoundingClientRect().width);
+      const q = s.value.getBoundingClientRect().width;
+      (w >= 0 && w < q || b.length) && (v(w), W());
+    }
+    function T() {
+      return x.value < 0 && A("div", {
+        style: "position:absolute;top:-30px;visibility:hidden;"
+      }, [S(new me(g))]);
+    }
+    const P = new ResizeObserver((w) => {
+      if (w.length) {
+        const F = w[0].contentRect.width;
+        o(F);
+      }
+    });
+    function d() {
+      t = /* @__PURE__ */ new Map(), b = [];
+    }
+    function D() {
+      l.value && !y && (P.observe(l.value), y = !0);
+    }
+    function M() {
+      if (a.value && x.value < 0) {
+        const w = a.value.querySelector("#" + g.id);
+        w && (x.value = C(w));
+      }
+    }
+    return Se(() => {
+      M(), o(), D(), document.body.addEventListener("click", W), document.body.addEventListener("wheel", W);
+    }), it(() => {
+      P.disconnect(), document.body.removeEventListener("click", W), document.body.removeEventListener("wheel", W);
+    }), we(() => e.items, () => {
+      n.value = Ze(e.items), h.value.children = [], ge(() => {
+        d(), o();
+      });
+    }, {
+      deep: !0
+    }), we(() => e.visible, (w) => {
+      w && ge(() => {
+        M(), o(), D();
+      });
+    }), c.expose({
+      elementRef: a
+    }), () => A("div", {
+      class: f.value,
+      id: e.id,
+      ref: a,
+      style: {
+        "overflow-y": x.value < 0 ? "hidden" : "initial"
+      }
+    }, [e.visible && T(), e.visible && A("div", {
+      ref: l,
+      class: r.value
+    }, [A("div", {
+      ref: s,
+      class: "d-inline-block f-response-content",
+      style: "white-space: nowrap;"
+    }, [n.value.filter((w) => w.shown).map((w, q) => w.children && w.children.length > 0 ? S(w) : i(w, q)), m.value && S(h.value)])])]);
+  }
+});
+class Sn extends at {
+  constructor(n, a, l = "response-toolbar") {
+    super(n, a);
+    // 有三类值 response-toolbar、section-toolbar、tab-toolbar
+    J(this, "toolbarType", "response-toolbar");
+    this.toolbarType = l;
+  }
+  getPropertyConfig(n) {
+    return this.propertyConfig.categories.basic = this.getBasicPropConfig(n), this.toolbarType !== "tab-toolbar" && this.getAppearancePropConfig(n), this.toolbarType === "response-toolbar" && (this.propertyConfig.categories.behavior = this.getBehaviorConfig(n)), this.propertyConfig;
+  }
+  getAppearancePropConfig(n) {
+    this.propertyConfig.categories.appearance = {
+      title: "外观",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
+  }
+  getBehaviorProperties(n) {
+    this.propertyConfig.categories.behavior = {
+      title: "行为",
+      description: "",
+      properties: {
+        alignment: {
+          title: "对齐方式",
+          description: "在工具栏区域内按钮组的位置",
+          type: "enum",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            data: [
+              {
+                value: "left",
+                name: "左对齐"
+              },
+              {
+                value: "center",
+                name: "居中"
+              },
+              {
+                value: "right",
+                name: "右对齐"
+              }
+            ]
+          }
+        }
+      }
+    };
+  }
+}
+function Dn(e, c, n) {
+  const a = e.schema;
+  function l() {
+    var S;
+    let r = ((S = e.parent) == null ? void 0 : S.schema.type) || "";
+    ["page-header", "tabs", "section"].findIndex((L) => L === r) === -1 && (r = ""), n.toolbarPosition = r;
+  }
+  l();
+  function s(r) {
+    return !1;
+  }
+  function p(r, S) {
+    return S.text = r.label, S;
+  }
+  function h() {
+    return !1;
+  }
+  function g() {
+    return !1;
+  }
+  function x() {
+    return !1;
+  }
+  function I() {
+    return !0;
+  }
+  function y(r) {
+    return new Sn(r, c, a.type).getPropertyConfig(a);
+  }
+  function m(r) {
+    var _;
+    r && (r.stopPropagation(), r.preventDefault());
+    const { schema: S } = e;
+    S.buttons || (S.buttons = []);
+    let L = "";
+    if (S.type)
+      L = S.type + "-item";
+    else {
+      const B = (_ = e.parent) == null ? void 0 : _.schema.type;
+      L = B === "tabs" ? "tab-toolbar-item" : B === "section" ? "section-toolbar-item" : "response-toolbar-item";
+    }
+    const W = Le(L);
+    W.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, S.buttons.push(W), n.updateToolbarItems(), n.changeSelectedId("");
+  }
+  function f() {
+    return [
+      {
+        id: "appendItem",
+        title: "新增按钮",
+        text: "",
+        icon: "f-icon f-icon-plus-circle text-white",
+        onClick: (r) => m(r)
+      }
+    ];
+  }
+  return {
+    canAccepts: s,
+    checkCanAddComponent: x,
+    checkCanDeleteComponent: g,
+    checkCanMoveComponent: h,
+    hideNestedPaddingInDesginerView: I,
+    onResolveNewComponentSchema: p,
+    getPropsConfig: y,
+    getCustomButtons: f
+  };
+}
+var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function In(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function ve(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 pt = { exports: {} };
+(function(e, c) {
+  (function(n) {
+    e.exports = n();
+  })(function() {
+    return (/* @__PURE__ */ function() {
+      function n(a, l, s) {
+        function p(x, I) {
+          if (!l[x]) {
+            if (!a[x]) {
+              var y = typeof ve == "function" && ve;
+              if (!I && y) return y(x, !0);
+              if (h) return h(x, !0);
+              var m = new Error("Cannot find module '" + x + "'");
+              throw m.code = "MODULE_NOT_FOUND", m;
+            }
+            var f = l[x] = { exports: {} };
+            a[x][0].call(f.exports, function(r) {
+              var S = a[x][1][r];
+              return p(S || r);
+            }, f, f.exports, n, a, l, s);
+          }
+          return l[x].exports;
+        }
+        for (var h = typeof ve == "function" && ve, g = 0; g < s.length; g++) p(s[g]);
+        return p;
+      }
+      return n;
+    }())({
+      1: [function(n, a, l) {
+        var s = {}, p = "(?:^|\\s)", h = "(?:\\s|$)";
+        function g(y) {
+          var m = s[y];
+          return m ? m.lastIndex = 0 : s[y] = m = new RegExp(p + y + h, "g"), m;
+        }
+        function x(y, m) {
+          var f = y.className;
+          f.length ? g(m).test(f) || (y.className += " " + m) : y.className = m;
+        }
+        function I(y, m) {
+          y.className = y.className.replace(g(m), " ").trim();
+        }
+        a.exports = {
+          add: x,
+          rm: I
+        };
+      }, {}],
+      2: [function(n, a, l) {
+        (function(s) {
+          var p = n("contra/emitter"), h = n("crossvent"), g = n("./classes"), x = document, I = x.documentElement;
+          function y(o, T) {
+            var P = arguments.length;
+            P === 1 && Array.isArray(o) === !1 && (T = o, o = []);
+            var d, D, M, w, q, F, O, j, G, V = null, Y, H, ee = !1, se = 0, Z, $ = T || {};
+            $.moves === void 0 && ($.moves = _), $.accepts === void 0 && ($.accepts = _), $.invalid === void 0 && ($.invalid = Tt), $.containers === void 0 && ($.containers = o || []), $.isContainer === void 0 && ($.isContainer = W), $.copy === void 0 && ($.copy = !1), $.copySortSource === void 0 && ($.copySortSource = !1), $.revertOnSpill === void 0 && ($.revertOnSpill = !1), $.removeOnSpill === void 0 && ($.removeOnSpill = !1), $.direction === void 0 && ($.direction = "vertical"), $.ignoreInputTextSelection === void 0 && ($.ignoreInputTextSelection = !0), $.mirrorContainer === void 0 && ($.mirrorContainer = x.body);
+            var K = p({
+              containers: $.containers,
+              start: xt,
+              end: ze,
+              cancel: Ue,
+              remove: Ye,
+              destroy: bt,
+              canMove: wt,
+              dragging: !1
+            });
+            return $.removeOnSpill === !0 && K.on("over", Dt).on("out", It), We(), K;
+            function De(u) {
+              return K.containers.indexOf(u) !== -1 || $.isContainer(u);
+            }
+            function We(u) {
+              var E = u ? "remove" : "add";
+              r(I, E, "mousedown", yt), r(I, E, "mouseup", Ee);
+            }
+            function Ie(u) {
+              var E = u ? "remove" : "add";
+              r(I, E, "mousemove", Ct);
+            }
+            function Fe(u) {
+              var E = u ? "remove" : "add";
+              h[E](I, "selectstart", qe), h[E](I, "click", qe);
+            }
+            function bt() {
+              We(!0), Ee({});
+            }
+            function qe(u) {
+              Y && u.preventDefault();
+            }
+            function yt(u) {
+              w = u.clientX, q = u.clientY;
+              var E = S(u) !== 1 || u.metaKey || u.ctrlKey;
+              if (!E) {
+                var R = u.target, N = Pe(R);
+                N && (Y = N, Ie(), u.type === "mousedown" && (b(R) ? R.focus() : u.preventDefault()));
+              }
+            }
+            function Ct(u) {
+              if (Y) {
+                if (S(u) === 0) {
+                  Ee({});
+                  return;
+                }
+                if (!(u.clientX !== void 0 && Math.abs(u.clientX - w) <= ($.slideFactorX || 0) && u.clientY !== void 0 && Math.abs(u.clientY - q) <= ($.slideFactorY || 0))) {
+                  if ($.ignoreInputTextSelection) {
+                    var E = v("clientX", u) || 0, R = v("clientY", u) || 0, N = x.elementFromPoint(E, R);
+                    if (b(N))
+                      return;
+                  }
+                  var X = Y;
+                  Ie(!0), Fe(), ze(), He(X), g.add(j || M, "gu-transit"), Et(), Pt(), se = 0, Be(u);
+                }
+              }
+            }
+            function Pe(u) {
+              if (!(K.dragging && d) && !De(u)) {
+                for (var E = u; t(u) && De(t(u)) === !1; )
+                  if ($.invalid(u, E) || (u = t(u), !u))
+                    return;
+                var R = t(u);
+                if (R && !$.invalid(u, E)) {
+                  var N = $.moves(u, R, E, k(u));
+                  if (N)
+                    return {
+                      item: u,
+                      source: R
+                    };
+                }
+              }
+            }
+            function wt(u) {
+              return !!Pe(u);
+            }
+            function xt(u) {
+              var E = Pe(u);
+              E && He(E);
+            }
+            function He(u) {
+              jt(u.item, u.source) && (j = u.item.cloneNode(!0), K.emit("cloned", j, u.item, "copy")), D = u.source, M = u.item, F = O = k(u.item), K.dragging = !0, K.emit("drag", M, D);
+            }
+            function Tt() {
+              return !1;
+            }
+            function ze() {
+              if (K.dragging) {
+                var u = j || M;
+                Ge(u, t(u));
+              }
+            }
+            function Ve() {
+              Y = !1, Ie(!0), Fe(!0);
+            }
+            function Ee(u) {
+              if (Ve(), !!K.dragging) {
+                var E = j || M, R = v("clientX", u) || 0, N = v("clientY", u) || 0, X = L(d, R, N), Q = Xe(X, R, N);
+                Q && (j && $.copySortSource || !j || Q !== D) ? Ge(E, Q) : $.removeOnSpill ? Ye() : Ue();
+              }
+            }
+            function Ge(u, E) {
+              var R = t(u);
+              j && $.copySortSource && E === D && R.removeChild(M), Me(E) ? K.emit("cancel", u, D) : K.emit("drop", u, E, D, O), ke();
+            }
+            function Ye() {
+              if (K.dragging) {
+                var u = j || M, E = t(u);
+                E && E.removeChild(u), K.emit(j ? "cancel" : "remove", u, E, D), ke();
+              }
+            }
+            function Ue(u) {
+              if (K.dragging) {
+                var E = arguments.length > 0 ? u : $.revertOnSpill, R = j || M, N = t(R), X = Me(N);
+                X === !1 && E && (j ? N && N.removeChild(j) : D.insertBefore(R, F)), X || E ? K.emit("cancel", R, D, D) : K.emit("drop", R, N, D, O), ke();
+              }
+            }
+            function ke() {
+              var u = j || M;
+              Ve(), kt(), Mt(), u && g.rm(u, "gu-transit"), G && clearTimeout(G), K.dragging = !1, V && K.emit("out", u, V, D), K.emit("dragend", u, se), D = M = j = F = O = G = V = null;
+            }
+            function Me(u, E) {
+              var R;
+              return E !== void 0 ? R = E : d ? R = O : R = k(j || M), u === D && R === F;
+            }
+            function Xe(u, E, R) {
+              for (var N = u; N && !X(); )
+                N = t(N);
+              return N;
+              function X() {
+                var Q = De(N);
+                if (Q === !1)
+                  return !1;
+                var ce = Qe(N, u), re = Je(N, ce, E, R), ae = Me(N, re);
+                return ae ? !0 : $.accepts(M, N, D, re);
+              }
+            }
+            function Be(u) {
+              if (!d)
+                return;
+              u.preventDefault();
+              var E = v("clientX", u) || 0, R = v("clientY", u) || 0;
+              d.style.left = E - 2 + "px", d.style.top = R - 2 + "px";
+              var N = j || M, X = L(d, E, R), Q = Xe(X, E, R), ce = Q !== null && Q !== V;
+              (ce || Q === null) && (le(), V = Q, fe()), _t(X, R);
+              var re = t(N);
+              if (Q === D && j && !$.copySortSource) {
+                re && re.removeChild(N);
+                return;
+              }
+              var ae, de = Qe(Q, X);
+              if (ee = Bt(de, Q), de !== null)
+                ae = Je(Q, de, E, R);
+              else if ($.revertOnSpill === !0 && !j)
+                ae = F, Q = D;
+              else {
+                j && re && re.removeChild(N), j && H && (H.style.display = "none");
+                return;
+              }
+              H.style.display = "block", St(ae, N, ce), ae ? At(de, ae) : Ot(Q);
+              function ne(oe) {
+                K.emit(oe, N, V, D);
+              }
+              function fe() {
+                ce && ne("over");
+              }
+              function le() {
+                V && ne("out");
+              }
+            }
+            function St(u, E, R) {
+              (u === E || u === k(E)) && (O = k(E)), (u === null && R || u !== E && u !== k(E)) && (O = u);
+            }
+            function Dt(u) {
+              g.rm(u, "gu-hide");
+            }
+            function It(u) {
+              K.dragging && g.add(u, "gu-hide");
+            }
+            function Pt() {
+              d || (d = document.createElement("div"), d.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;", d.innerHTML = $.getMirrorText && $.getMirrorText(M) || "控件", g.add(d, "gu-mirror"), $.mirrorContainer.appendChild(d), r(I, "add", "mousemove", Be), g.add($.mirrorContainer, "gu-unselectable"), K.emit("cloned", d, M, "mirror"));
+            }
+            function Et() {
+              if (H = document.createElement("div"), g.add(H, "gu-insertion"), M) {
+                var u = M.getBoundingClientRect();
+                H.style.left = u.left + "px", H.style.top = u.top + "px";
+              }
+              ee = !1, $.mirrorContainer.appendChild(H);
+            }
+            function kt() {
+              d && (g.rm($.mirrorContainer, "gu-unselectable"), r(I, "remove", "mousemove", Be), t(d).removeChild(d), d = null);
+            }
+            function Mt() {
+              H && (t(H).removeChild(H), H = null);
+            }
+            function Qe(u, E) {
+              for (var R = E; R !== u && t(R) !== u; )
+                R = t(R);
+              return R === I ? null : R;
+            }
+            function Bt(u, E) {
+              if (!E)
+                return ee;
+              var R = u || E && E.lastElementChild;
+              if (!R)
+                return !0;
+              var N = getComputedStyle(u), X = /^inline/.test(N.getPropertyValue("display")) || /^(left|right)$/.test(N.getPropertyValue("float"));
+              if (X)
+                return !0;
+              if (E) {
+                var Q = getComputedStyle(E), ce = Q.getPropertyValue("display");
+                if (/flex$/.test(ce)) {
+                  var re = Q.getPropertyValue("flex-direction") || "row";
+                  if (re === "row" || re === "row-reverse")
+                    return !Rt(E);
+                }
+                return !1;
+              }
+              return !0;
+            }
+            function Rt(u) {
+              if (!u.children || !u.children.length)
+                return !1;
+              for (const E of Array.from(u.children)) {
+                const N = (E.className && E.className.split(" ") || []).filter((X) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(X));
+                if (!N.length)
+                  return !1;
+                for (const X of N) {
+                  const Q = X.slice(X.lastIndexOf("-") + 1);
+                  if (parseInt(Q, 10) !== 12)
+                    return !1;
+                }
+              }
+              return !0;
+            }
+            function At(u, E) {
+              const R = E.getBoundingClientRect();
+              if (H.style.left = R.left + "px", H.style.top = R.top + "px", ee) {
+                if (H.style.height = R.height + "px", H.style.width = "4px", u) {
+                  const N = u.getBoundingClientRect();
+                  N.top !== R.top && (H.style.left = N.right + "px", H.style.top = N.top + "px", H.style.height = N.height + "px");
+                }
+              } else if (H.style.height = "4px", H.style.width = R.width + "px", Z) {
+                const N = Z.getBoundingClientRect();
+                R.top < N.top && (H.style.display = "none");
+              }
+              E === M && M && (H.style.display = "none");
+            }
+            function Ot(u) {
+              O = null;
+              var E = u.lastElementChild;
+              if (E) {
+                var R = E.getBoundingClientRect();
+                ee ? (H.style.left = R.right + "px", H.style.top = R.top + "px", H.style.height = R.height + "px", H.style.width = "4px") : (H.style.left = R.left + "px", H.style.top = R.bottom + "px", H.style.height = "4px", H.style.width = R.width + "px"), E === M && M && (H.style.display = "none");
+              } else
+                H.style.display = "none";
+            }
+            function _t(u, E) {
+              if (!$.mirrorContainer.contains(u) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (Z = m(u), !Z || !Z.contains(u)))
+                return;
+              const R = document.querySelector(".dgComponentSelected"), N = Z.getBoundingClientRect();
+              if (E - 30 < N.top && Z.scrollTop > 0) {
+                let X = Z.scrollTop < 10 ? Z.scrollTop : 10;
+                Z.scrollBy(0, -1 * X), R && Z.contains(R) && (se = se + -1 * X);
+              }
+              if (E + 30 > N.bottom && Z.scrollTop < Z.scrollHeight - Z.clientHeight) {
+                const X = Z.scrollHeight - Z.clientHeight - Z.scrollTop;
+                let Q = X < 10 ? X : 10;
+                Z.scrollBy(0, Q), R && Z.contains(R) && (se = se + Q);
+              }
+            }
+            function Je(u, E, R, N) {
+              var X = $.direction === "horizontal", Q = $.direction === "mixed", ce = E !== u ? ae() : re();
+              return ce;
+              function re() {
+                var ne = u.children.length, fe, le, oe;
+                for (fe = 0; fe < ne; fe++)
+                  if (le = u.children[fe], oe = le.getBoundingClientRect(), X && oe.left + oe.width / 2 > R || !Q && !X && oe.top + oe.height / 2 > N || Q && oe.left + oe.width > R && oe.top + oe.height > N)
+                    return le;
+                return null;
+              }
+              function ae() {
+                var ne = E.getBoundingClientRect();
+                if (Q) {
+                  var fe = N - ne.top, le = R - ne.left, oe = ne.bottom - N, Re = ne.right - R, Ae = Math.min(le, Re, fe, oe), Oe;
+                  return ee ? Oe = Re < le : Oe = oe === Ae || Re === Ae || le === Ae, de(Oe);
+                }
+                return de(X ? R > ne.left + B(ne) / 2 : N > ne.top + i(ne) / 2);
+              }
+              function de(ne) {
+                return ne ? k(E) : E;
+              }
+            }
+            function jt(u, E) {
+              return typeof $.copy == "boolean" ? $.copy : $.copy(u, E);
+            }
+          }
+          function m(o) {
+            const T = Array.from(window.scrollContainerList);
+            if (T.length === 1) {
+              const d = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(d);
+            }
+            const P = f(T);
+            for (const d of P)
+              if (d.contains(o))
+                return d;
+            return null;
+          }
+          function f(o) {
+            const T = [];
+            return o.forEach((P) => {
+              const d = document.getElementById(P);
+              d && T.push(d);
+            }), T.sort((P, d) => P.contains(d) ? 1 : d.contains(P) ? -1 : 0), T;
+          }
+          function r(o, T, P, d) {
+            var D = {
+              mouseup: "touchend",
+              mousedown: "touchstart",
+              mousemove: "touchmove"
+            }, M = {
+              mouseup: "pointerup",
+              mousedown: "pointerdown",
+              mousemove: "pointermove"
+            }, w = {
+              mouseup: "MSPointerUp",
+              mousedown: "MSPointerDown",
+              mousemove: "MSPointerMove"
+            };
+            s.navigator.pointerEnabled ? h[T](o, M[P], d) : s.navigator.msPointerEnabled ? h[T](o, w[P], d) : (h[T](o, D[P], d), h[T](o, P, d));
+          }
+          function S(o) {
+            if (o.touches !== void 0)
+              return o.touches.length;
+            if (o.which !== void 0 && o.which !== 0)
+              return o.which;
+            if (o.buttons !== void 0)
+              return o.buttons;
+            var T = o.button;
+            if (T !== void 0)
+              return T & 1 ? 1 : T & 2 ? 3 : T & 4 ? 2 : 0;
+          }
+          function L(o, T, P) {
+            o = o || {};
+            var d = o.className || "", D;
+            return o.className += " gu-hide", D = x.elementFromPoint(T, P), o.className = d, D;
+          }
+          function W() {
+            return !1;
+          }
+          function _() {
+            return !0;
+          }
+          function B(o) {
+            return o.width || o.right - o.left;
+          }
+          function i(o) {
+            return o.height || o.bottom - o.top;
+          }
+          function t(o) {
+            return o.parentNode === x ? null : o.parentNode;
+          }
+          function b(o) {
+            return o.tagName === "INPUT" || o.tagName === "TEXTAREA" || o.tagName === "SELECT" || C(o);
+          }
+          function C(o) {
+            return !o || o.contentEditable === "false" ? !1 : o.contentEditable === "true" ? !0 : C(t(o));
+          }
+          function k(o) {
+            return o.nextElementSibling || T();
+            function T() {
+              var P = o;
+              do
+                P = P.nextSibling;
+              while (P && P.nodeType !== 1);
+              return P;
+            }
+          }
+          function z(o) {
+            return o.targetTouches && o.targetTouches.length ? o.targetTouches[0] : o.changedTouches && o.changedTouches.length ? o.changedTouches[0] : o;
+          }
+          function v(o, T) {
+            var P = z(T), d = {
+              pageX: "clientX",
+              // IE8
+              pageY: "clientY"
+              // IE8
+            };
+            return o in d && !(o in P) && d[o] in P && (o = d[o]), P[o];
+          }
+          a.exports = y;
+        }).call(this, typeof pe < "u" ? pe : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
+      3: [function(n, a, l) {
+        a.exports = function(p, h) {
+          return Array.prototype.slice.call(p, h);
+        };
+      }, {}],
+      4: [function(n, a, l) {
+        var s = n("ticky");
+        a.exports = function(h, g, x) {
+          h && s(function() {
+            h.apply(x || null, g || []);
+          });
+        };
+      }, { ticky: 10 }],
+      5: [function(n, a, l) {
+        var s = n("atoa"), p = n("./debounce");
+        a.exports = function(g, x) {
+          var I = x || {}, y = {};
+          return g === void 0 && (g = {}), g.on = function(m, f) {
+            return y[m] ? y[m].push(f) : y[m] = [f], g;
+          }, g.once = function(m, f) {
+            return f._once = !0, g.on(m, f), g;
+          }, g.off = function(m, f) {
+            var r = arguments.length;
+            if (r === 1)
+              delete y[m];
+            else if (r === 0)
+              y = {};
+            else {
+              var S = y[m];
+              if (!S)
+                return g;
+              S.splice(S.indexOf(f), 1);
+            }
+            return g;
+          }, g.emit = function() {
+            var m = s(arguments);
+            return g.emitterSnapshot(m.shift()).apply(this, m);
+          }, g.emitterSnapshot = function(m) {
+            var f = (y[m] || []).slice(0);
+            return function() {
+              var r = s(arguments), S = this || g;
+              if (m === "error" && I.throws !== !1 && !f.length)
+                throw r.length === 1 ? r[0] : r;
+              return f.forEach(function(W) {
+                I.async ? p(W, r, S) : W.apply(S, r), W._once && g.off(m, W);
+              }), g;
+            };
+          }, g;
+        };
+      }, { "./debounce": 4, atoa: 3 }],
+      6: [function(n, a, l) {
+        (function(s) {
+          var p = n("custom-event"), h = n("./eventmap"), g = s.document, x = m, I = r, y = [];
+          s.addEventListener || (x = f, I = S), a.exports = {
+            add: x,
+            remove: I,
+            fabricate: L
+          };
+          function m(t, b, C, k) {
+            return t.addEventListener(b, C, k);
+          }
+          function f(t, b, C) {
+            return t.attachEvent("on" + b, _(t, b, C));
+          }
+          function r(t, b, C, k) {
+            return t.removeEventListener(b, C, k);
+          }
+          function S(t, b, C) {
+            var k = B(t, b, C);
+            if (k)
+              return t.detachEvent("on" + b, k);
+          }
+          function L(t, b, C) {
+            var k = h.indexOf(b) === -1 ? v() : z();
+            t.dispatchEvent ? t.dispatchEvent(k) : t.fireEvent("on" + b, k);
+            function z() {
+              var o;
+              return g.createEvent ? (o = g.createEvent("Event"), o.initEvent(b, !0, !0)) : g.createEventObject && (o = g.createEventObject()), o;
+            }
+            function v() {
+              return new p(b, { detail: C });
+            }
+          }
+          function W(t, b, C) {
+            return function(z) {
+              var v = z || s.event;
+              v.target = v.target || v.srcElement, v.preventDefault = v.preventDefault || function() {
+                v.returnValue = !1;
+              }, v.stopPropagation = v.stopPropagation || function() {
+                v.cancelBubble = !0;
+              }, v.which = v.which || v.keyCode, C.call(t, v);
+            };
+          }
+          function _(t, b, C) {
+            var k = B(t, b, C) || W(t, b, C);
+            return y.push({
+              wrapper: k,
+              element: t,
+              type: b,
+              fn: C
+            }), k;
+          }
+          function B(t, b, C) {
+            var k = i(t, b, C);
+            if (k) {
+              var z = y[k].wrapper;
+              return y.splice(k, 1), z;
+            }
+          }
+          function i(t, b, C) {
+            var k, z;
+            for (k = 0; k < y.length; k++)
+              if (z = y[k], z.element === t && z.type === b && z.fn === C)
+                return k;
+          }
+        }).call(this, typeof pe < "u" ? pe : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, { "./eventmap": 7, "custom-event": 8 }],
+      7: [function(n, a, l) {
+        (function(s) {
+          var p = [], h = "", g = /^on/;
+          for (h in s)
+            g.test(h) && p.push(h.slice(2));
+          a.exports = p;
+        }).call(this, typeof pe < "u" ? pe : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, {}],
+      8: [function(n, a, l) {
+        (function(s) {
+          var p = s.CustomEvent;
+          function h() {
+            try {
+              var g = new p("cat", { detail: { foo: "bar" } });
+              return g.type === "cat" && g.detail.foo === "bar";
+            } catch {
+            }
+            return !1;
+          }
+          a.exports = h() ? p : (
+            // IE >= 9
+            typeof document < "u" && typeof document.createEvent == "function" ? function(x, I) {
+              var y = document.createEvent("CustomEvent");
+              return I ? y.initCustomEvent(x, I.bubbles, I.cancelable, I.detail) : y.initCustomEvent(x, !1, !1, void 0), y;
+            } : (
+              // IE <= 8
+              function(x, I) {
+                var y = document.createEventObject();
+                return y.type = x, I ? (y.bubbles = !!I.bubbles, y.cancelable = !!I.cancelable, y.detail = I.detail) : (y.bubbles = !1, y.cancelable = !1, y.detail = void 0), y;
+              }
+            )
+          );
+        }).call(this, typeof pe < "u" ? pe : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      }, {}],
+      9: [function(n, a, l) {
+        var s = a.exports = {}, p, h;
+        function g() {
+          throw new Error("setTimeout has not been defined");
+        }
+        function x() {
+          throw new Error("clearTimeout has not been defined");
+        }
+        (function() {
+          try {
+            typeof setTimeout == "function" ? p = setTimeout : p = g;
+          } catch {
+            p = g;
+          }
+          try {
+            typeof clearTimeout == "function" ? h = clearTimeout : h = x;
+          } catch {
+            h = x;
+          }
+        })();
+        function I(i) {
+          if (p === setTimeout)
+            return setTimeout(i, 0);
+          if ((p === g || !p) && setTimeout)
+            return p = setTimeout, setTimeout(i, 0);
+          try {
+            return p(i, 0);
+          } catch {
+            try {
+              return p.call(null, i, 0);
+            } catch {
+              return p.call(this, i, 0);
+            }
+          }
+        }
+        function y(i) {
+          if (h === clearTimeout)
+            return clearTimeout(i);
+          if ((h === x || !h) && clearTimeout)
+            return h = clearTimeout, clearTimeout(i);
+          try {
+            return h(i);
+          } catch {
+            try {
+              return h.call(null, i);
+            } catch {
+              return h.call(this, i);
+            }
+          }
+        }
+        var m = [], f = !1, r, S = -1;
+        function L() {
+          !f || !r || (f = !1, r.length ? m = r.concat(m) : S = -1, m.length && W());
+        }
+        function W() {
+          if (!f) {
+            var i = I(L);
+            f = !0;
+            for (var t = m.length; t; ) {
+              for (r = m, m = []; ++S < t; )
+                r && r[S].run();
+              S = -1, t = m.length;
+            }
+            r = null, f = !1, y(i);
+          }
+        }
+        s.nextTick = function(i) {
+          var t = new Array(arguments.length - 1);
+          if (arguments.length > 1)
+            for (var b = 1; b < arguments.length; b++)
+              t[b - 1] = arguments[b];
+          m.push(new _(i, t)), m.length === 1 && !f && I(W);
+        };
+        function _(i, t) {
+          this.fun = i, this.array = t;
+        }
+        _.prototype.run = function() {
+          this.fun.apply(null, this.array);
+        }, s.title = "browser", s.browser = !0, s.env = {}, s.argv = [], s.version = "", s.versions = {};
+        function B() {
+        }
+        s.on = B, s.addListener = B, s.once = B, s.off = B, s.removeListener = B, s.removeAllListeners = B, s.emit = B, s.prependListener = B, s.prependOnceListener = B, s.listeners = function(i) {
+          return [];
+        }, s.binding = function(i) {
+          throw new Error("process.binding is not supported");
+        }, s.cwd = function() {
+          return "/";
+        }, s.chdir = function(i) {
+          throw new Error("process.chdir is not supported");
+        }, s.umask = function() {
+          return 0;
+        };
+      }, {}],
+      10: [function(n, a, l) {
+        (function(s) {
+          var p = typeof s == "function", h;
+          p ? h = function(g) {
+            s(g);
+          } : h = function(g) {
+            setTimeout(g, 0);
+          }, a.exports = h;
+        }).call(this, n("timers").setImmediate);
+      }, { timers: 11 }],
+      11: [function(n, a, l) {
+        (function(s, p) {
+          var h = n("process/browser.js").nextTick, g = Function.prototype.apply, x = Array.prototype.slice, I = {}, y = 0;
+          l.setTimeout = function() {
+            return new m(g.call(setTimeout, window, arguments), clearTimeout);
+          }, l.setInterval = function() {
+            return new m(g.call(setInterval, window, arguments), clearInterval);
+          }, l.clearTimeout = l.clearInterval = function(f) {
+            f.close();
+          };
+          function m(f, r) {
+            this._id = f, this._clearFn = r;
+          }
+          m.prototype.unref = m.prototype.ref = function() {
+          }, m.prototype.close = function() {
+            this._clearFn.call(window, this._id);
+          }, l.enroll = function(f, r) {
+            clearTimeout(f._idleTimeoutId), f._idleTimeout = r;
+          }, l.unenroll = function(f) {
+            clearTimeout(f._idleTimeoutId), f._idleTimeout = -1;
+          }, l._unrefActive = l.active = function(f) {
+            clearTimeout(f._idleTimeoutId);
+            var r = f._idleTimeout;
+            r >= 0 && (f._idleTimeoutId = setTimeout(function() {
+              f._onTimeout && f._onTimeout();
+            }, r));
+          }, l.setImmediate = typeof s == "function" ? s : function(f) {
+            var r = y++, S = arguments.length < 2 ? !1 : x.call(arguments, 1);
+            return I[r] = !0, h(function() {
+              I[r] && (S ? f.apply(null, S) : f.call(null), l.clearImmediate(r));
+            }), r;
+          }, l.clearImmediate = typeof p == "function" ? p : function(f) {
+            delete I[f];
+          };
+        }).call(this, n("timers").setImmediate, n("timers").clearImmediate);
+      }, { "process/browser.js": 9, timers: 11 }]
+    }, {}, [2])(2);
+  });
+})(pt);
+var Pn = pt.exports;
+const Ke = /* @__PURE__ */ In(Pn);
+function En(e) {
+  let c;
+  function n(l, s, p, h) {
+    const g = e.schema;
+    if (!(g != null && g.buttons))
+      return;
+    let x;
+    if (p) {
+      const f = p.getAttribute("id");
+      x = Array.from(s.children).findIndex((r) => r.getAttribute("id") === f);
+    } else
+      x = Array.from(s.children).length;
+    const I = l.getAttribute("id"), y = Array.from(s.children).findIndex((f) => f.getAttribute("id") === I), m = g.buttons[y];
+    y !== x && y > -1 && x > -1 && (y < x && (x = x - 1), g.buttons.splice(y, 1), g.buttons.splice(x, 0, m), h(), ge(() => {
+      const f = s.querySelector(".dgComponentSelected");
+      f != null && f.className.includes("dgComponentSelected") && (f.classList.remove("dgComponentSelected"), f.classList.remove("dgComponentFocused"), f.click()), lt.value++;
+    }));
+  }
+  function a(l, s, p) {
+    c && c.destroy(), !(!Ke || !l || !s) && (c = Ke([l], {
+      mirrorContainer: s,
+      direction: "horizontal",
+      getMirrorText(h) {
+        return h.innerText;
+      },
+      // 判断是否可移动
+      moves(h, g, x) {
+        let I = !0;
+        return x.classList.contains("dropdown-item") ? (I = !1, I) : (h.classList.contains("no-drag") && (I = !1), I);
+      }
+    }).on("drop", (h, g, x, I) => n(h, g, I, p)));
+  }
+  return {
+    dragulaInstance: c,
+    initDragula: a
+  };
+}
+function kn(e, c, n) {
+  const {
+    renderToolbarItemDesigner: a,
+    actionHandlers: l
+  } = n;
+  let s;
+  function p(_) {
+    s = _;
+  }
+  function h(_, B = null) {
+    const i = c.value.find((t) => t.id === _.id);
+    if (i.isDP)
+      if (document.body.click(), typeof B == "boolean")
+        i.expanded = B;
+      else {
+        const t = _.expanded;
+        i.expanded = !t;
+      }
+  }
+  l.toggleDropdownMenu = h;
+  function g(_) {
+    var i;
+    const B = {
+      "dropdown-menu": !0
+    };
+    if (_.class) {
+      const t = (i = _.menuClass) == null ? void 0 : i.split(" ");
+      t && t.length && t.reduce((b, C) => (b[C] = !0, b), B);
+    }
+    return B;
+  }
+  function x(_) {
+    var t;
+    const B = {
+      disabled: _.disabled === !1,
+      "dropdown-submenu": !0,
+      "f-rt-dropdown": !0,
+      "text-truncate": !0
+    }, i = (t = _.dropdownClass) == null ? void 0 : t.split(" ");
+    return i && i.length && i.reduce((b, C) => (b[C] = !0, b), B), B;
+  }
+  function I(_) {
+    const B = {
+      disabled: !1,
+      "dropdown-item": !0,
+      "f-rt-btn": !0,
+      "position-relative": !0,
+      "farris-component": !0,
+      "text-truncate": !0
+    }, i = (_.class || "").split(" ");
+    return i && i.length && i.reduce((t, b) => (t[b] = !0, t), B), B;
+  }
+  let y;
+  const m = /* @__PURE__ */ new Map();
+  function f(_, B, i) {
+    _.stopPropagation();
+    const t = i ? i.id : "__top_item__";
+    if (B.children && B.children.length && (B.expanded = !B.expanded, B.expanded)) {
+      if (m.has(t) && m.get(t) !== B) {
+        const b = m.get(t);
+        b && (b.expanded = !1, m.delete(t));
+      }
+      m.set(t, B);
+    }
+  }
+  function r(_) {
+    var B;
+    return (B = _.children) == null ? void 0 : B.map((i, t) => i.children && i.children.length ? A("li", {
+      class: x(i),
+      id: i.id
+    }, [A("span", {
+      class: I(i),
+      onClick: (b) => f(b, i, _)
+    }, [i.text, A("i", {
+      class: "f-icon f-icon-arrow-chevron-right",
+      style: "display: inline-block;float: right;line-height: 1.25rem;"
+    }, null)]), y(i, i)]) : a(i, t, !0));
+  }
+  function S(_, B, i, t) {
+    const {
+      height: k,
+      left: z,
+      top: v
+    } = t[0], {
+      width: o,
+      height: T
+    } = i.getBoundingClientRect(), {
+      marginTop: P,
+      marginBottom: d
+    } = getComputedStyle(i), D = Math.ceil(parseFloat(P)) + Math.ceil(parseFloat(d)), M = v + k, w = B == null ? void 0 : B.getBoundingClientRect();
+    function q() {
+      let G = 0, V = "left";
+      const Y = w ? w.right : window.innerWidth, H = w ? w.left : 0;
+      return G = Y - z - 10, Y - z < o && z - H > Y - z && (V = "right", G = z - H - 10), {
+        hposition: V,
+        maxWidth: Math.min(G, 300)
+      };
+    }
+    let F = 0, O = "bottom";
+    if (_ === "tabs" || _ === "section")
+      F = B.getBoundingClientRect().bottom - M - D - 10;
+    else {
+      const G = w ? w.bottom : window.innerHeight;
+      F = _ === "page-header" ? G - M : v, F = F - D - 10, O = _ === "page-header" ? "bottom" : "top";
+    }
+    const j = q();
+    return {
+      position: O + "-" + j.hposition,
+      maxWidth: j.maxWidth,
+      maxHeight: F
+    };
+  }
+  function L(_) {
+    var C, k, z;
+    const B = "300px", i = {
+      display: _.expanded === !0 ? "block" : "none",
+      position: "absolute",
+      maxWidth: B,
+      minWidth: "120px"
+    };
+    if (!(s != null && s.value))
+      return i;
+    const t = s.value.querySelector("#" + _.id), b = t == null ? void 0 : t.getClientRects();
+    if (t && b && b.length > 0) {
+      const v = t ? t.querySelector("#" + _.id + "_menu") : null;
+      if (!v || _.expanded !== !0)
+        return i;
+      v.style.visibility = "hidden", v.style.display = "block", v.style.maxHeight = "auto", v.style.maxWidth = B;
+      let o;
+      switch (l.toolbarPosition) {
+        case "tabs":
+          o = (C = s.value) == null ? void 0 : C.closest(".farris-tabs");
+          break;
+        case "section":
+          o = (k = s.value) == null ? void 0 : k.closest(".f-section");
+          break;
+        default:
+          o = (z = s.value) == null ? void 0 : z.closest(".f-page");
+      }
+      const T = S(l.toolbarPosition, o, v, b), {
+        position: P,
+        maxHeight: d,
+        maxWidth: D
+      } = T;
+      v.style.visibility = "visible";
+      const M = {
+        left: P.indexOf("left") > -1 ? 0 : "unset",
+        right: P.indexOf("left") > -1 ? "unset" : 0,
+        bottom: P.indexOf("bottom") > -1 ? "unset" : "100%",
+        top: P.indexOf("bottom") > -1 ? "!00%" : "unset",
+        maxWidth: D ? D + "px" : "300px",
+        maxHeight: d ? d + "px" : "auto",
+        overflowY: d ? "auto" : "unset"
+      };
+      Object.assign(i, M);
+    }
+    return i;
+  }
+  l.changeMenuPosition = L, y = function(_, B) {
+    return A("ul", {
+      class: g(_),
+      style: L(_),
+      id: _.id + "_menu"
+    }, [r(_)]);
+  };
+  function W(_ = "") {
+    _ && m.has(_) ? m.forEach((B, i) => {
+      i !== _ && (B.expanded = !1, m.delete(i));
+    }) : (m.forEach((B) => {
+      B.expanded = !1;
+    }), m.clear());
+  }
+  return {
+    renderDropdownMenu: y,
+    clearAllDropDownMenu: W,
+    setResponseToolbarRef: p
+  };
+}
+const Mn = {
+  id: { type: String, default: "" },
+  componentId: { type: String, default: "" },
+  canAdd: { type: Boolean, default: !1 },
+  canDelete: { type: Boolean, default: !1 },
+  canMove: { type: Boolean, default: !1 },
+  contentKey: { type: String, default: "contents" },
+  childLabel: { type: String, default: "" },
+  childType: { type: String, default: "" },
+  /**
+   * 组件值
+   */
+  modelValue: { type: Object }
+}, et = U(0);
+function Bn(e, c) {
+  const n = c.getBoundingClientRect(), a = e.getBoundingClientRect(), l = a.top >= n.top, s = a.top <= n.bottom;
+  return l && s;
+}
+function Rn(e) {
+  const c = e.querySelector(".component-btn-group");
+  if (!c)
+    return;
+  c.style.display = "";
+  const n = c.getBoundingClientRect();
+  if (!(n.top === 0 && n.left === 0)) {
+    const a = c.querySelector("div");
+    if (a) {
+      const l = a.getBoundingClientRect();
+      a.style.top = n.top + "px";
+      let s = n.left - l.width;
+      const p = document.querySelector(".editorDiv");
+      if (p) {
+        const h = p.getBoundingClientRect();
+        s < h.left && ({ left: s } = e.getBoundingClientRect());
+      }
+      a.style.left = s + "px";
+    }
+  }
+}
+function An(e) {
+  if (!window.scrollContainerList)
+    return;
+  const c = Array.from(window.scrollContainerList);
+  if (c.length && c.length === 1) {
+    const n = c[0], a = document.querySelector(`[id=${n}]`);
+    if (a && a.contains(e))
+      return a;
+  }
+}
+function ht(e) {
+  if (!e)
+    return;
+  const c = e.getBoundingClientRect();
+  if (c.width === 0 && c.height === 0)
+    return;
+  const n = e.querySelector(".component-btn-group");
+  if (n) {
+    let a = !0;
+    const l = An(e);
+    if (l && (a = Bn(e, l)), !a) {
+      n.style.display = "none";
+      return;
+    }
+    Rn(e);
+  }
+}
+function On(e) {
+  if (!e)
+    return;
+  let c;
+  e.className.includes("dgComponentSelected") ? c = e : c = e.querySelector(".dgComponentSelected"), c && ht(c);
+}
+const _n = {}, jn = {};
+function gt(e) {
+  const { properties: c, title: n, ignore: a } = e, l = a && Array.isArray(a), s = Object.keys(c).reduce((p, h) => ((!l || !a.find((g) => g === h)) && (p[h] = c[h].type === "object" && c[h].properties ? gt(c[h]) : he(c[h].default)), p), {});
+  if (n && (!l || !a.find((p) => p === "id"))) {
+    const p = n.toLowerCase().replace(/-/g, "_");
+    s.id = `${p}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return s;
+}
+function Ln(e) {
+  const { properties: c, title: n, required: a } = e;
+  if (a && Array.isArray(a)) {
+    const l = a.reduce((s, p) => (s[p] = c[p].type === "object" && c[p].properties ? gt(c[p]) : he(c[p].default), s), {});
+    if (n && a.find((s) => s === "id")) {
+      const s = n.toLowerCase().replace(/-/g, "_");
+      l.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return l;
+  }
+  return {
+    type: n
+  };
+}
+function vt(e, c = {}, n) {
+  const a = _n[e];
+  if (a) {
+    let l = Ln(a);
+    const s = jn[e];
+    return l = s ? s({ getSchemaByType: vt }, l, c, n) : l, l;
+  }
+  return null;
+}
+function $n(e, c, n) {
+  var b;
+  const a = "", l = U();
+  function s() {
+    return !0;
+  }
+  function p() {
+    return !1;
+  }
+  function h() {
+    return !0;
+  }
+  function g() {
+    return !0;
+  }
+  function x() {
+    return !0;
+  }
+  function I(C) {
+    if (!C || !C.value)
+      return null;
+    const k = U(C == null ? void 0 : C.value.parent), z = I(k);
+    return z || null;
+  }
+  function y(C = c) {
+    var o;
+    const { componentInstance: k, designerItemElementRef: z } = C;
+    if (!k || !k.value)
+      return null;
+    const { getCustomButtons: v } = k.value;
+    return k.value.canMove || k.value.canAdd || k.value.canDelete || v && ((o = v()) != null && o.length) ? z : y(C.parent);
+  }
+  function m() {
+  }
+  function f(C) {
+    return !!n;
+  }
+  function r() {
+    return (c == null ? void 0 : c.schema.label) || (c == null ? void 0 : c.schema.title) || (c == null ? void 0 : c.schema.name);
+  }
+  function S() {
+  }
+  function L(C, k) {
+  }
+  function W(C) {
+    const { componentType: k } = C, z = ue("designer-host-service");
+    let v = vt(k, C, z);
+    const o = k.toLowerCase().replace(/-/g, "_");
+    return v && !v.id && v.type === k && (v.id = `${o}_${Math.random().toString().slice(2, 6)}`), v;
+  }
+  function _(C) {
+  }
+  function B(...C) {
+    return [];
+  }
+  function i() {
+  }
+  function t(C) {
+  }
+  return l.value = {
+    canMove: s(),
+    canSelectParent: p(),
+    canAdd: g(),
+    canDelete: h(),
+    canNested: !x(),
+    contents: [],
+    elementRef: e,
+    parent: (b = c.parent) == null ? void 0 : b.componentInstance,
+    schema: c.schema,
+    styles: a,
+    canAccepts: f,
+    getBelongedComponentInstance: I,
+    getDraggableDesignItemElement: y,
+    getDraggingDisplayText: r,
+    getPropConfig: B,
+    getDragScopeElement: S,
+    onAcceptMovedChildElement: L,
+    onChildElementMovedOut: _,
+    addNewChildComponentSchema: W,
+    onRemoveComponent: i,
+    triggerBelongedComponentToMoveWhenMoved: U(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: U(!1),
+    onPropertyChanged: t,
+    getCustomButtons: m
+  }, l;
+}
+const Nn = /* @__PURE__ */ Te({
+  name: "FDesignerInnerItem",
+  props: Mn,
+  emits: ["selectionChange", "addComponent", "removeComponent", "clickButton"],
+  setup(e, c) {
+    const n = U(e.canMove), a = U(e.canAdd), l = U(e.canDelete), s = U(!1), p = U(e.contentKey), h = U(e.childType), g = U(e.childLabel), x = U(e.modelValue), I = U(""), y = U(), m = ue("canvas-dragula"), f = U(), r = ue("design-item-context"), S = {
+      designerItemElementRef: y,
+      componentInstance: f,
+      schema: x.value,
+      parent: r,
+      setupContext: c
+    };
+    st("design-item-context", S);
+    const L = ie(() => {
+      var M;
+      const d = ((M = f.value) == null ? void 0 : M.getCustomButtons) && f.value.getCustomButtons();
+      return {
+        "farris-component": !0,
+        // 受position-relative影响，整个容器的高度不能被撑起
+        "flex-fill": e.id === "root-component",
+        "position-relative": n.value || l.value || (d == null ? void 0 : d.length),
+        "farris-nested": s.value,
+        "can-move": n.value,
+        "d-none": y.value && y.value.classList.contains("d-none")
+      };
+    }), W = ie(() => {
+      const d = {};
+      return I.value && I.value.split(";").reduce((D, M) => {
+        const [w, q] = M.split(":");
+        return w && (D[w] = q), D;
+      }, d), d;
+    });
+    function _(d, D) {
+      if (r && r.schema[p.value]) {
+        const M = r.schema[p.value].findIndex((w) => w.id === D.id);
+        if (M > -1) {
+          const w = r.schema[p.value].length, q = r.schema[p.value][M % w];
+          r.designerItemElementRef.value.querySelector(`#${q.id}-design-item`), r.schema[p.value].splice(M, 1), et.value++, c.emit("removeComponent"), c.emit("selectionChange");
+        }
+      }
+    }
+    function B(d) {
+      if (f.value.addNewChildComponentSchema) {
+        const D = {
+          componentType: h.value,
+          label: g.value,
+          parentComponentInstance: f.value,
+          targetPosition: -1
+        }, M = f.value.addNewChildComponentSchema(D);
+        x.value[p.value].push(M), c.emit("addComponent");
+      }
+    }
+    function i() {
+      return a.value && A("div", {
+        role: "button",
+        class: "btn component-settings-button",
+        title: "新增",
+        ref: "removeComponent",
+        onClick: (d) => {
+          B();
+        }
+      }, [A("i", {
+        class: "f-icon f-icon-plus-circle"
+      }, null)]);
+    }
+    function t(d) {
+      return l.value && A("div", {
+        role: "button",
+        class: "btn component-settings-button",
+        title: "删除",
+        ref: "removeComponent",
+        onClick: zt((D) => _(D, d), ["stop"])
+      }, [A("i", {
+        class: "f-icon f-icon-yxs_delete"
+      }, null)]);
+    }
+    function b() {
+      return n.value && A("div", {
+        role: "button",
+        class: "btn component-settings-button",
+        title: "移动",
+        ref: "moveComponent"
+      }, [A("i", {
+        "data-dragging-icon": "true",
+        class: "cmp_move f-icon f-icon-yxs_move"
+      }, null)]);
+    }
+    function C() {
+      var D;
+      const d = ((D = f.value) == null ? void 0 : D.getCustomButtons) && f.value.getCustomButtons();
+      return d && !!d.length && d.map((M) => A("div", {
+        role: "button",
+        class: `btn component-settings-button ${M.class || ""} ${M.text ? "settings-button-extend" : ""}`,
+        title: M.title,
+        ref: M.id,
+        onClick: (w) => M.onClick && M.onClick(w)
+      }, [A("i", {
+        class: "f-icon " + M.icon
+      }, null), M.text && A("span", {
+        class: "icon-text"
+      }, [M.text])]));
+    }
+    function k(d) {
+      return A("div", {
+        class: "component-btn-group",
+        "data-noattach": "true"
+      }, [A("div", null, [i(), b(), t(d), C()])]);
+    }
+    we(() => e.modelValue, (d) => {
+      x.value = d, S.schema = d;
+    });
+    function z(d) {
+      window.scrollContainerList || (window.scrollContainerList = /* @__PURE__ */ new Set());
+      const D = d.getAttribute("id");
+      D && window.scrollContainerList.add(D);
+    }
+    function v(d) {
+      const D = d.target;
+      z(D), On(D);
+    }
+    function o() {
+      var d, D;
+      (D = (d = x.value) == null ? void 0 : d.contents) != null && D.length && y.value && y.value.addEventListener("scroll", v);
+    }
+    function T() {
+      const d = y.value, D = U(d.children[1]);
+      return $n(D, S).value;
+    }
+    Se(() => {
+      if (y.value) {
+        const d = y.value.querySelector(`[data-dragref='${x.value.id}-container']`);
+        f.value = d && d.componentInstance ? d.componentInstance.value : T(), m && d && m.attachComponents(d, x.value), s.value = f.value.canNested !== void 0 ? f.value.canNested : s.value, a.value = f.value.canAdd !== void 0 ? f.value.canAdd : a.value, l.value = f.value.canDelete !== void 0 ? f.value.canDelete : l.value, n.value = f.value.canMove !== void 0 ? f.value.canMove : n.value, I.value = f.value.styles || "", y.value && (y.value.componentInstance = f, y.value.designItemContext = S);
+      }
+      o(), et.value++;
+    }), Ht(() => {
+      y.value && y.value.removeEventListener("scroll", v);
+    });
+    function P(d) {
+      d && (d.preventDefault(), d.stopPropagation());
+      let D = S.designerItemElementRef;
+      const M = y.value;
+      if (M) {
+        const w = document.getElementsByClassName("dgComponentFocused");
+        w && w.length === 1 && w[0] === y.value && y.value.classList.contains("dgComponentSelected") || (Array.from(w).forEach((F) => F.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((F) => F.classList.remove("dgComponentSelected")), M.classList.add("dgComponentFocused"), c.emit("selectionChange", x.value.type, x.value, e.componentId, f.value), f.value.getDraggableDesignItemElement && (D = f.value.getDraggableDesignItemElement(S), D && D.value && D.value.classList.add("dgComponentSelected")));
+      }
+      ht(D == null ? void 0 : D.value);
+    }
+    return () => A("div", {
+      id: `${e.id}-design-item`,
+      ref: y,
+      class: L.value,
+      style: W.value,
+      onClick: P
+    }, [k(x.value), c.slots.default && c.slots.default()]);
+  }
+});
+class Wn extends at {
+  constructor(n, a, l = "response-toolbar-item") {
+    super(n, a);
+    J(this, "toolbarType", "response-toolbar-item");
+    this.toolbarType = l;
+  }
+  /**
+   * 
+   * @param propertyData 
+   * @param isDropdownItem 是否是下拉子项，有些属性在下拉子项上不应该显示 
+   * @returns 
+   */
+  getPropertyConfig(n, a = !1) {
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(n), this.propertyConfig.categories.basic.properties.text = {
+      title: "文本",
+      type: "string",
+      description: "",
+      refreshPanelAfterChanged: !0
+    }, this.propertyConfig.categories.basic.setPropertyRelates = (s) => {
+      if (s)
+        switch (s && s.propertyID) {
+          case "text": {
+            s.needRefreshControlTree = !0;
+            break;
+          }
+        }
+    }, this.getAppearanceProperties(n, a);
+    const l = this.getPropertyEditorParams(n, ["Const", "Variable", "StateMachine", "Expression"], "disabled");
+    return this.propertyConfig.categories.behavior = this.getBehaviorConfig(n, "", {
+      disabled: {
+        title: "禁用",
+        type: "boolean",
+        description: "按钮禁用状态",
+        refreshPanelAfterChanged: !0,
+        editor: l
+      }
+    }), this.getEventPropConfig(n), this.propertyConfig;
+  }
+  getAppearanceProperties(n, a = !1) {
+    this.propertyConfig.categories.appearance = {
+      title: "外观",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "",
+          $converter: "/converter/appearance.converter",
+          visible: !a
+        },
+        // "dropdownClass": {
+        //     "title": "在下拉菜单中的样式",
+        //     "type": "string",
+        //     "description": ""
+        // },
+        icon: {
+          title: "图标",
+          type: "string",
+          description: ""
+        },
+        split: {
+          title: "下拉按钮分离",
+          type: "boolean",
+          description: "启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",
+          visible: !!(n.children && n.children.length > 0)
+        },
+        tipsEnable: {
+          title: "启用提示",
+          type: "boolean",
+          description: "当启用提示时，鼠标滑过按钮会有消息提示框",
+          refreshPanelAfterChanged: !0,
+          visible: this.toolbarType === "response-toolbar-item"
+        },
+        tipsText: {
+          title: "提示消息内容",
+          type: "string",
+          description: "消息提示框内的展示内容",
+          visible: n.tipsEnable === !0
+        }
+      }
+    };
+  }
+  getEventPropConfig(n) {
+    const a = [
+      {
+        label: "onClick",
+        name: "点击事件"
+      }
+    ], l = this, s = l.eventsEditorUtils.formProperties(n, l.viewModelId, a), p = {};
+    p[l.viewModelId] = {
+      type: "events-editor",
+      editor: {
+        initialData: s
+      }
+    }, this.propertyConfig.categories.eventsEditor = {
+      title: "事件",
+      hideTitle: !0,
+      properties: p,
+      // 这个属性，标记当属性变更得时候触发重新更新属性
+      refreshPanelAfterChanged: !0,
+      tabId: "commands",
+      tabName: "交互",
+      setPropertyRelates(h, g) {
+        const x = h.propertyValue;
+        delete n[l.viewModelId], x && (x.setPropertyRelates = this.setPropertyRelates, l.eventsEditorUtils.saveRelatedParameters(n, l.viewModelId, x.events, x));
+      }
+    };
+  }
+}
+function _e(e, c) {
+  if (!e)
+    return !1;
+  const n = c || [];
+  return (n == null ? void 0 : n.findIndex((l) => l.id === e)) === -1;
+}
+function tt(e, c) {
+  const n = c || [];
+  let a = { parentIndex: -1, itemIndex: -1 };
+  return n.some((l, s) => {
+    if (l.children && l.children.length > 0) {
+      const p = l.children.findIndex((h) => h.id === e);
+      return p > -1 ? (a = { parentIndex: s, itemIndex: p }, !0) : !1;
+    }
+  }), a;
+}
+function nt(e, c) {
+  const n = c || [];
+  let a = { parentIndex: -1, itemIndex: -1 };
+  const l = n == null ? void 0 : n.findIndex((s) => s.id === e);
+  return l > -1 ? { parent: null, item: n[l] } : (n.some((s, p) => {
+    if (s.children && s.children.length > 0) {
+      const h = s.children.findIndex((g) => g.id === e);
+      return h > -1 ? (a = { parentIndex: p, itemIndex: h }, !0) : !1;
+    }
+  }), a.parentIndex < 0 ? { parent: null, item: null } : { parent: n[a.parentIndex], item: n[a.parentIndex].children[a.itemIndex] });
+}
+function Fn(e, c) {
+  const n = c || [], a = n == null ? void 0 : n.findIndex((l) => l.id === e);
+  return a > -1 && n[a].children && n[a].children.length > 0 ? n[a].expanded === !0 : !1;
+}
+function qn(e, c, n) {
+  function a(v) {
+    return !1;
+  }
+  function l() {
+    return !1;
+  }
+  function s() {
+    return !1;
+  }
+  function p() {
+    return !1;
+  }
+  function h() {
+    return n.toolbarContext.schema.buttons || [];
+  }
+  function g(v, o = "") {
+    setTimeout(() => {
+      var D, M;
+      const T = (D = e.parent) == null ? void 0 : D.designerItemElementRef.value;
+      let P;
+      o && (P = T == null ? void 0 : T.querySelector("#" + o));
+      const d = (M = P || T) == null ? void 0 : M.querySelector("#" + v);
+      d == null || d.click();
+    }, 0);
+  }
+  function x(v, o) {
+    o.disabled && o.disabled.expressionId && (o.disabled.expressionId = `${o.id}_disabled`), o.visible && o.visible.expressionId && (o.visible.expressionId = `${o.id}_visible`);
+    const T = c.formSchemaUtils.getExpressions(), P = T.find((D) => D.target === v.id);
+    if (!P || !P.rules || !P.rules.length)
+      return;
+    const d = {
+      target: o.id,
+      rules: [],
+      targetType: "Button"
+    };
+    P.rules.forEach((D) => {
+      const M = Object.assign(he(D), {
+        id: `${o.id}_${D.type}`
+      });
+      d.rules.push(M);
+    }), T.push(d);
+  }
+  function I() {
+    const v = e.schema, o = Object.assign(
+      he(v),
+      {
+        id: `${e.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
+        onClick: null
+      }
+    );
+    let T = [];
+    return o.children && o.children.length && (T = o.children.map((P) => {
+      const d = he(P);
+      return Object.assign(
+        d,
+        {
+          id: `${e.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
+          onClick: null
+        }
+      ), x(P, d), d;
+    }), o.children = T), x(v, o), o;
+  }
+  function y() {
+    const v = e.schema.type || "response-toolbar-item", o = Le(v), T = v.toLowerCase().replace("-", "_");
+    return o && !o.id && o.type === v && (o.id = `${T}_${Math.random().toString().slice(2, 6)}`, o.text = "按钮"), o;
+  }
+  function m(v) {
+    const o = h(), T = o == null ? void 0 : o.findIndex((d) => d.id === v), P = T === -1 ? null : o[T];
+    return { index: T, toolbarItem: P };
+  }
+  function f() {
+    const v = e.schema.id, o = h();
+    return _e(v, o);
+  }
+  function r(v) {
+    const o = c.formSchemaUtils.getExpressions();
+    if (!o || !o.length)
+      return;
+    const T = (P) => {
+      const d = o && o.findIndex((D) => D.target === P.id);
+      d > -1 && o.splice(d, 1);
+    };
+    T(v), v.children && v.children.length && v.children.forEach((P) => {
+      T(P);
+    });
+  }
+  function S(v) {
+    n.changeSelectedId(v);
+  }
+  function L() {
+    var P, d;
+    const v = h(), { parentIndex: o, itemIndex: T } = tt(e.schema.id, v);
+    o === -1 || T === -1 || (r(e.schema), v[o].children.splice(T, 1), n.updateToolbarItems(), (P = e.setupContext) == null || P.emit("removeComponent"), (d = e.setupContext) == null || d.emit("selectionChange"));
+  }
+  function W() {
+    var P, d;
+    const v = e.schema.id, o = h(), T = o == null ? void 0 : o.findIndex((D) => D.id === v);
+    T !== -1 && (r(o[T]), o == null || o.splice(T, 1), n.updateToolbarItems(), (P = e.setupContext) == null || P.emit("removeComponent"), (d = e.setupContext) == null || d.emit("selectionChange"), lt.value++);
+  }
+  function _(v = "Append") {
+    var M;
+    const o = h(), { parentIndex: T, itemIndex: P } = tt(e.schema.id, o);
+    if (T === -1 || P === -1)
+      return;
+    const d = y(), D = v === "Copy" ? I() : Object.assign({}, d);
+    o[T].children.splice(P + 1, 0, D), n.updateToolbarItems(), S(D.id), (M = e.setupContext) == null || M.emit("addComponent");
+  }
+  function B(v, o) {
+    const { index: T } = m(o);
+    if (T === -1)
+      return { index: T, schema: null };
+    const P = y(), d = v === "Copy" ? I() : Object.assign({}, P);
+    return { index: T, schema: d };
+  }
+  function i() {
+    var P;
+    const v = e.schema.id, { index: o, schema: T } = B("Copy", v);
+    T && (h().splice(o + 1, 0, T), n.updateToolbarItems(), g(T.id), (P = e.setupContext) == null || P.emit("addComponent"));
+  }
+  function t() {
+    var P;
+    const v = e.schema.id, { index: o, schema: T } = B("Append", v);
+    if (T && e.parent) {
+      const D = h()[o].children || [];
+      D.push(T);
+      const M = h();
+      M[o].children = D, n.updateToolbarItems(), S(T.id), (P = e.setupContext) == null || P.emit("addComponent");
+    }
+  }
+  function b(v) {
+    let o;
+    switch (e.schema.type) {
+      case "tab-toolbar-item":
+        o = new Xt(v, c);
+        break;
+      default:
+        o = new Wn(v, c, e.schema.type);
+    }
+    return o.getPropertyConfig(e.schema, f());
+  }
+  function C(v) {
+    v.stopPropagation(), v.stopImmediatePropagation();
+  }
+  function k() {
+    const v = [{
+      id: "delete",
+      title: "删除",
+      text: "",
+      icon: "f-icon-yxs_delete",
+      onClick: (o) => {
+        C(o), f() ? L() : W();
+      }
+    }, {
+      id: "copy",
+      title: "复制",
+      icon: "f-icon-yxs_copy",
+      onClick: (o) => {
+        C(o);
+        const { activeElement: T } = document, P = T ? T.tagName.toLowerCase() : "";
+        P && P === "input" || P === "textarea" ? (T == null || T.blur(), ge(() => {
+          f() ? _("Copy") : i();
+        })) : f() ? _("Copy") : i();
+      }
+    }];
+    return v.push(f() ? {
+      id: "appendSiblingButton",
+      title: "",
+      text: "新增同级",
+      icon: "f-icon-plus-circle",
+      onClick: (o) => {
+        C(o), _();
+      }
+    } : {
+      id: "appendChildButton",
+      title: "",
+      text: "新增子级",
+      icon: "f-icon-plus-circle",
+      onClick: (o) => {
+        C(o), t();
+      }
+    }), v;
+  }
+  function z() {
+    const { schema: v } = e;
+    r(v);
+  }
+  return {
+    canAccepts: a,
+    checkCanMoveComponent: l,
+    checkCanDeleteComponent: s,
+    checkCanAddComponent: p,
+    getPropsConfig: b,
+    getCustomButtons: k,
+    onRemoveComponent: z
+  };
+}
+const mt = /* @__PURE__ */ Te({
+  name: "FResponseToolbarItemDesign",
+  props: ut,
+  emits: ["Click", "dropdown", "clearAll"],
+  setup(e, c) {
+    const n = U(e.alignment), a = Ne(), l = U(), s = ue("designer-host-service"), p = ue("design-item-context"), h = ue("toolbar-item-action"), g = qn(p, s, h), x = Gt(l, p, g);
+    Se(() => {
+      l.value.componentInstance = x;
+    }), c.expose(x.value);
+    function I() {
+      const i = {
+        "f-icon": !0
+      }, t = e.icon ? e.icon.trim() : "";
+      return te(i, t);
+    }
+    function y() {
+      return !!(e.icon && e.icon.trim());
+    }
+    const m = ie(() => {
+      const i = {
+        btn: !0,
+        "f-rt-btn": !0,
+        "f-btn-ml": !e.isDP && (n.value === "right" || n.value === "center"),
+        "f-btn-mr": !e.isDP && n.value === "left",
+        "btn-icontext": !!(e.icon && e.icon.trim()),
+        disabled: e.disabled === !0,
+        "no-drag": !0,
+        "text-truncate": !0
+        // 'f-rt-toggle':props.isDP&&!props.split
+      };
+      return te(i, e.class);
+    }), f = ie(() => e.split ? {
+      display: "flex",
+      "align-items": "center"
+    } : {
+      display: "flex",
+      "align-items": "center",
+      "border-radius": "6px",
+      "padding-right": "0.1rem",
+      "border-top-right-radius": "6px",
+      "border-bottom-right-radius": "6px"
+    }), r = ie(() => {
+      const i = {
+        btn: !0,
+        "dropdown-toggle": !0,
+        "f-btn-mr": n.value === "left",
+        "dropdown-toggle-split": !0,
+        "no-drag": !0
+      };
+      return te(i, e.class);
+    }), S = ie(() => {
+      let i = {
+        btn: !e.isDPItem,
+        // 不是下拉按钮，不是下拉项
+        disabled: e.disabled === !0,
+        "dropdown-item": e.isDPItem,
+        "f-rt-btn": !0,
+        "text-truncate": !0,
+        "btn-icontext": !e.isDPItem && !!(e.icon && e.icon.trim()),
+        "dropdown-item-icontext": e.isDPItem && !!(e.icon && e.icon.trim()),
+        // 保证内部层级不被拖拽
+        "no-drag": !0
+      };
+      return e.isDPItem || (i = te(i, e.class || "")), e.isDP && (i = te(i, e.dropdownClass || "")), i;
+    });
+    function L(i, t) {
+      t && t.stopPropagation(), c.emit(i, {
+        id: e.id,
+        isDP: e.isDP
+      });
+    }
+    function W() {
+      return {
+        "btn-group": !0,
+        "no-drag": !0,
+        "f-rt-dropdown": !0,
+        "f-btn-ml": n.value === "right" || n.value === "center",
+        "f-btn-mr": n.value === "left"
+      };
+    }
+    function _() {
+      return A("div", {
+        ref: l,
+        "data-dragref": `${p.schema.id}-container`,
+        class: "farris-component position-relative",
+        style: "display:inline-block!important;"
+      }, [A("div", {
+        class: W(),
+        id: e.id
+      }, [A("div", {
+        class: m.value,
+        style: f.value,
+        onClick: () => L("clearAll")
+      }, [a.shouldShowIcon(e) && A("i", {
+        class: a.iconClass(e)
+      }, null), A("span", null, [e.text]), !e.split && A("span", {
+        class: "f-icon f-icon-arrow-chevron-down",
+        style: "margin:0 0.5rem 0 0.25rem;",
+        onClick: (i) => L("dropdown", i)
+      }, null)]), e.split && A("button", {
+        class: r.value,
+        style: "border-radius:0 6px 6px 0;",
+        onClick: (i) => L("dropdown", i)
+      }, null), h.renderDropdownMenu(e.item, e.item)])]);
+    }
+    function B() {
+      return A("li", {
+        ref: l,
+        "data-dragref": `${p.schema.id}-container`,
+        id: e.id,
+        class: S.value
+      }, [a.shouldShowIcon(e) && A("i", {
+        class: a.iconClass(e)
+      }, null), e.text]);
+    }
+    return () => e.isDP ? _() : e.isDPItem ? B() : A("div", {
+      ref: l,
+      "data-dragref": `${p.schema.id}-container`,
+      class: "farris-component position-relative",
+      style: "display:inline-block!important;"
+    }, [A("button", {
+      type: "button",
+      class: m.value,
+      id: e.id,
+      onClick: () => L("clearAll")
+    }, [y() && A("i", {
+      class: I()
+    }, null), e.text])]);
+  }
+});
+function Hn(e, c, n, a) {
+  function l(m, f, r, S) {
+    a.changeSelectedId((f == null ? void 0 : f.id) || ""), n && n.setupContext && n.setupContext.emit("selectionChange", m, f, r, S);
+  }
+  function s() {
+  }
+  function p(m) {
+    const f = m.expanded;
+    a.clearAllDropdown(), a.toggleDropdownMenu(m, !f);
+  }
+  function h(m) {
+    a.clearAllDropdown(m.isDP ? m.id : "");
+  }
+  function g(m, f = "") {
+    const r = e.items || [], S = f || m, L = r.find((W) => W.id === S);
+    return f ? L.children.find((W) => W.id === m) : L;
+  }
+  function x(m, f = !1) {
+    if (!f)
+      return;
+    const r = m.target;
+    r != null && r.classList.contains("dgComponentFocused") && (r == null || r.classList.add("dgComponentSelected"));
+  }
+  function I(m, f = !1) {
+    if (!f)
+      return;
+    const r = m.target;
+    r != null && r.classList.contains("dgComponentFocused") && (r == null || r.classList.remove("dgComponentSelected"));
+  }
+  function y(m, f, r = !1) {
+    const S = g(m.id, m.parent), L = U(S);
+    return A(Nn, {
+      key: S.id,
+      class: ["p-0", r ? "d-block no-drag" : "d-inline-block"],
+      modelValue: L.value,
+      "onUpdate:modelValue": (W) => L.value = W,
+      canMove: !1,
+      childType: "response-toolbar-item",
+      childLabel: "按钮",
+      contentKey: "buttons",
+      componentId: e.componentId,
+      id: S.id,
+      onSelectionChange: l,
+      onRemoveComponent: s,
+      onMouseenter: (W) => x(W, r),
+      onMouseleave: (W) => I(W, r)
+    }, {
+      default: () => {
+        var W;
+        return [A(mt, {
+          id: S.id,
+          disabled: S.disabled,
+          text: S.text,
+          icon: S.icon,
+          isDP: m.isDP,
+          item: m,
+          split: S.split,
+          isDPItem: m.isDPItem,
+          class: ((W = m.appearance) == null ? void 0 : W.class) || "btn-secondary",
+          alignment: e.alignment || "right",
+          onDropdown: () => p(m),
+          onClearAll: (_) => h(_),
+          componentId: e.componentId
+        }, null)];
+      }
+    });
+  }
+  return {
+    renderToolbarItemDesigner: y,
+    actionHandlers: a
+  };
+}
+function je(e, c = !1, n = "") {
+  const a = [];
+  return e.reduce((l, s) => {
+    if (s.children && s.children.length > 0) {
+      const p = je(s.children, !0, s.id);
+      l.push(Object.assign({}, s, {
+        children: p,
+        isDPItem: !1,
+        isDP: !0,
+        parent: "",
+        expanded: !1
+      }));
+    } else
+      l.push(Object.assign({}, s, {
+        isDPItem: c,
+        isDP: !1,
+        parent: n
+      }));
+    return l;
+  }, a), a;
+}
+const xe = /* @__PURE__ */ Te({
+  name: "FResponseToolbarDesign",
+  props: gn,
+  emits: ["Click"],
+  setup(e, c) {
+    const n = U(je(e.items)), a = U(), l = U(), s = U(), p = U("");
+    let h = 0;
+    const g = 15, x = ue("designer-host-service"), I = ue("design-item-context"), y = {
+      clearAllDropdown: (O) => {
+      },
+      toggleDropdownMenu: (O) => {
+      },
+      updateToolbarItems: () => {
+      },
+      changeSelectedId: (O) => {
+        p.value = O;
+      },
+      renderDropdownMenu: (O, j) => {
+      },
+      toolbarContext: I,
+      changeMenuPosition: (O, j, G) => ({}),
+      toolbarPosition: ""
+    }, m = Dn(I, x, y), f = Yt(s, I, m), r = ue("toolbar-item-handler"), {
+      initDragula: S,
+      dragulaInstance: L
+    } = En(I), W = Ne(), _ = Hn(e, l, I, y), B = kn(W, n, _), {
+      renderToolbarItemDesigner: i
+    } = _, {
+      clearAllDropDownMenu: t,
+      renderDropdownMenu: b,
+      setResponseToolbarRef: C
+    } = B;
+    st("toolbar-item-action", y), y.renderDropdownMenu = b, C(s), r && (r.changeSelectedId = function(O) {
+      p.value = O;
+    });
+    function k() {
+      const O = l.value.querySelector(".dgComponentSelected");
+      O && Ut(O);
+    }
+    function z() {
+      if (p.value)
+        if (_e(p.value, n.value)) {
+          const {
+            parent: O,
+            item: j
+          } = nt(p.value, n.value);
+          O && (y.toggleDropdownMenu(O, !0), setTimeout(() => {
+            var Y;
+            const G = s.value.querySelector("#" + O.id), V = G == null ? void 0 : G.querySelector("#" + j.id);
+            (((Y = V == null ? void 0 : V.parentElement) == null ? void 0 : Y.className) || "").indexOf("dgComponentFocused") < 0 && (V == null || V.click());
+          }, 0));
+        } else
+          k();
+    }
+    function v(O = "") {
+      n.value.filter((j) => j.id !== O && j.children && j.children.length > 0).forEach((j) => {
+        j.expanded = !1;
+      }), t(O);
+    }
+    y.clearAllDropdown = v;
+    function o() {
+      r && r.updateToolbarItems && r.updateToolbarItems();
+    }
+    y.updateToolbarItems = o;
+    function T(O) {
+      if (O) {
+        const j = s.value.querySelector("#" + O.id), G = j.querySelector("#" + O.id + "_menu"), V = y.changeMenuPosition(O, j);
+        Object.keys(V).forEach((Y) => {
+          G.style[Y] = V[Y];
+        });
+      }
+    }
+    function P() {
+      const G = l.value.clientWidth, V = l.value.querySelectorAll(".farris-component>.f-rt-btn");
+      V && V.forEach((H) => {
+        H.style.maxWidth = G - 12 + "px";
+      });
+      const Y = l.value.querySelectorAll(".farris-component>.f-rt-dropdown");
+      Y && Y.forEach((H) => {
+        H.querySelector(".dropdown-toggle-split") ? H.querySelector(".f-rt-btn").style.maxWidth = G - 38 + "px" : H.style.maxWidth = G - 12 + "px";
+      });
+    }
+    const d = new ResizeObserver((O) => {
+      var j;
+      if (O.length) {
+        const V = O[0].contentRect.width;
+        if (V === 0) {
+          h = 0;
+          return;
+        }
+        if (Math.abs(V - h) > g) {
+          if (h = V, _e(p.value, n.value)) {
+            const {
+              parent: Y,
+              item: H
+            } = nt(p.value, n.value);
+            T(Y);
+          } else if (Fn(p.value, n.value)) {
+            const Y = (j = n.value) == null ? void 0 : j.find((H) => H.id === p.value);
+            T(Y);
+          } else
+            v();
+          P();
+        }
+      }
+    });
+    Se(() => {
+      d.observe(s.value), h = s.value.clientWidth, s.value.componentInstance = f, S(l.value, a.value, o);
+    }), it(() => {
+      d.disconnect(), L && L.destroy && L.destroy();
+    }), c.expose(f.value);
+    const D = ie(() => {
+      const O = {
+        "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 te(O, e.customClass);
+    }), M = ie(() => ({
+      "text-left": e.alignment === "left",
+      "text-right": e.alignment === "right",
+      "justify-content-end": e.alignment === "right",
+      "justify-content-start": e.alignment === "left",
+      "justify-content-center": e.alignment === "center",
+      "no-drag": !0,
+      "w-100": !0
+    }));
+    we(() => e.items, () => {
+      n.value = je(e.items), ge(() => {
+        z(), P();
+      });
+    }, {
+      deep: !0
+    });
+    function w(O) {
+      O && (O.stopPropagation(), O.preventDefault());
+      const {
+        schema: j
+      } = I;
+      j.buttons || (j.buttons = []);
+      const G = Le("response-toolbar-item");
+      G.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, G.appearance = {
+        class: "btn btn-secondary"
+      }, j.buttons.push(G);
+    }
+    function q() {
+      return A("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
+      }, [A("span", {
+        class: "f-icon f-icon-amplification mr-1",
+        style: "font-size: 12px;"
+      }, null), A("span", {
+        class: "farris-tag-add-text"
+      }, [Vt("添加按钮")])]);
+    }
+    function F() {
+      return n.value.map((O, j) => i(O, j));
+    }
+    return () => {
+      var O;
+      return A("div", {
+        ref: s,
+        "data-dragref": `${I.schema.id}-container`,
+        class: D.value,
+        id: e.id
+      }, [A("div", {
+        ref: a,
+        class: M.value,
+        onClick: (j) => v(j)
+      }, [A("div", {
+        ref: l,
+        class: "d-block f-response-content"
+      }, [(O = n.value) != null && O.length ? F() : q()])])]);
+    };
+  }
+}), Kn = $e;
+xe.register = (e, c, n, a) => {
+  e["response-toolbar"] = Tn, c["response-toolbar"] = $e, a["response-toolbar"] = { eventHandlerResolver: mn };
+};
+xe.registerDesigner = (e, c, n) => {
+  e["response-toolbar"] = xe, c["response-toolbar"] = $e, e["response-toolbar-item"] = mt, c["response-toolbar-item"] = vn;
+};
+const eo = Nt(xe);
+export {
+  xe as FResponseToolbarDesign,
+  mt as FResponseToolbarItemDesign,
+  eo as default,
+  Kn as responseToolbarResolver,
+  ct as schemaResolver
+};