@farris/ui-vue 1.1.0 → 1.1.1

package/response-toolbar/index.esm.js

@@ -1,1526 +0,0 @@
-var Se = Object.defineProperty;
-var Me = (l, o, n) => o in l ? Se(l, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[o] = n;
-var j = (l, o, n) => (Me(l, typeof o != "symbol" ? o + "" : o, n), n);
-import { computed as X, getCurrentInstance as ge, createVNode as h, ref as W, defineComponent as ye, onMounted as ce, onUnmounted as ve, watch as we, inject as Z, createTextVNode as le } from "vue";
-import { cloneDeep as ke } from "lodash-es";
-class Ce {
-  constructor(o) {
-    /** 工具栏项标识 */
-    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, "responsed", !1);
-    /** 是否启用提示消息 */
-    j(this, "tipsEnable", !1);
-    /** 提示消息内容 */
-    j(this, "tipsText", "");
-    /** 记录宽度 */
-    j(this, "width", 0);
-    j(this, "onClick", () => {
-    });
-    j(this, "options");
-    this.options = o;
-    const n = [
-      "id",
-      "class",
-      "icon",
-      "groupId",
-      "order",
-      "asDropDownTop",
-      "text",
-      "isDP",
-      "visible",
-      "responsed",
-      "width",
-      "tipsEnable",
-      "tipsText",
-      "onClick"
-    ];
-    Object.keys(o).filter((m) => n.indexOf(m) > -1).forEach((m) => {
-      this[m] = o[m];
-    });
-  }
-  /** 是否可用 */
-  get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : X(() => !0);
-  }
-  /** 设置宽度 */
-  setWidth(o) {
-    this.width = parseInt(o, 10);
-  }
-  /** 获取宽度 */
-  getWidth() {
-    return this.visible ? this.width : !1;
-  }
-}
-class Be extends Ce {
-  constructor(o) {
-    super(o);
-  }
-}
-function ae() {
-  function l(o) {
-    const n = [];
-    return o.reduce((m, b) => (b.children && b.children.length > 0 ? m.push(new ee(b)) : m.push(new Be(b)), m), n), n;
-  }
-  return { buildResponseToolbarItems: l };
-}
-const { buildResponseToolbarItems: Oe } = ae();
-class ee extends Ce {
-  constructor(n) {
-    super(n);
-    j(this, "placement", "");
-    // 下拉位置
-    /** 下拉class */
-    j(this, "dropdownClass", "");
-    /** 下拉菜单class */
-    j(this, "menuClass", "");
-    /** 是否用分开的下拉按钮 */
-    j(this, "split", !1);
-    j(this, "children", []);
-    j(this, "expanded", !1);
-    const m = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(n).filter((b) => m.indexOf(b) > -1).forEach((b) => {
-      this[b] = n[b];
-    }), n.children && n.children.length && (this.children = Oe(n.children));
-  }
-}
-class yt {
-  constructor(o, n) {
-    j(this, "id");
-    j(this, "name");
-    /** 记录元素的Id */
-    j(this, "presetId", []);
-    /** 记录转变为下拉时元素的位置 */
-    j(this, "responsedIndex", []);
-    /** 记录宽度 */
-    j(this, "width");
-    this.id = o, this.name = n, this.width = 0;
-  }
-  // 设置宽度
-  setWidth(o) {
-    this.width = parseInt(o + "", 10);
-  }
-  // 获取宽度
-  getWidth() {
-    return this.width;
-  }
-  // 更新presetIndex
-  setPreset(o) {
-    Array.isArray(o) ? this.presetId = this.presetId.concat(o) : this.presetId.push(o);
-  }
-  // 清除preset
-  delPreset() {
-    this.presetId = [];
-  }
-  // 删除
-  removeResponsed(o) {
-    this.responsedIndex.splice(o, 1);
-  }
-  // 更新responsedIndex
-  setResponsed(o) {
-    Array.isArray(o) ? this.responsedIndex = this.responsedIndex.concat(o) : this.responsedIndex.push(o);
-  }
-  // 是否已经开始处理响应式
-  isResponsing() {
-    return this.responsedIndex.length > 0;
-  }
-  // 是否已经处理完响应式
-  isResponsed() {
-    return this.presetId.length === this.responsedIndex.length;
-  }
-}
-const de = {}, Te = {};
-function ue(l) {
-  const { properties: o, title: n } = l, m = Object.keys(o).reduce((b, x) => (b[x] = o[x].type === "object" && o[x].properties ? ue(o[x]) : ke(o[x].default), b), {});
-  return m.id = `${n}-${Date.now()}`, m;
-}
-function K(l, o = {}) {
-  const n = de[l];
-  if (n) {
-    let m = ue(n);
-    const b = Te[l];
-    return m = b ? b({ getSchemaByType: K }, m, o) : m, m;
-  }
-  return null;
-}
-function _e(l, o) {
-  const n = ue(o);
-  return Object.keys(l).reduce((m, b) => (m[b] = l[b], m), n), n;
-}
-function je(l, o) {
-  return Object.keys(l).filter((m) => l[m] != null).reduce((m, b) => {
-    if (o.has(b)) {
-      const x = o.get(b);
-      if (typeof x == "string")
-        m[x] = l[b];
-      else {
-        const T = x(b, l[b], l);
-        Object.assign(m, T);
-      }
-    } else
-      m[b] = l[b];
-    return m;
-  }, {});
-}
-function $e(l, o, n = /* @__PURE__ */ new Map()) {
-  const m = _e(l, o);
-  return je(m, n);
-}
-function Pe(l = {}) {
-  function o(y, u, r, s) {
-    if (typeof r == "number")
-      return s[y].length === r;
-    if (typeof r == "object") {
-      const p = Object.keys(r)[0], g = r[p];
-      if (p === "not")
-        return Number(s[y].length) !== Number(g);
-      if (p === "moreThan")
-        return Number(s[y].length) >= Number(g);
-      if (p === "lessThan")
-        return Number(s[y].length) <= Number(g);
-    }
-    return !1;
-  }
-  function n(y, u, r, s) {
-    return s[u] && s[u].propertyValue && String(s[u].propertyValue.value) === String(r);
-  }
-  const m = /* @__PURE__ */ new Map([
-    ["length", o],
-    ["getProperty", n]
-  ]);
-  Object.keys(l).reduce((y, u) => (y.set(u, l[u]), y), m);
-  function b(y, u) {
-    const r = y;
-    return typeof u == "number" ? [{ target: r, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: r, operator: "getProperty", param: y, value: !!u }] : typeof u == "object" ? Object.keys(u).map((s) => {
-      if (s === "length")
-        return { target: r, operator: "length", param: null, value: u[s] };
-      const p = s, g = u[s];
-      return { target: r, operator: y, param: p, value: g };
-    }) : [];
-  }
-  function x(y) {
-    return Object.keys(y).reduce((r, s) => {
-      const p = b(s, y[s]);
-      return r.push(...p), r;
-    }, []);
-  }
-  function T(y, u) {
-    if (m.has(y.operator)) {
-      const r = m.get(y.operator);
-      return r && r(y.target, y.param, y.value, u) || !1;
-    }
-    return !1;
-  }
-  function $(y, u) {
-    return x(y).reduce((p, g) => p && T(g, u), !0);
-  }
-  function _(y, u) {
-    const r = Object.keys(y), s = r.includes("allOf"), p = r.includes("anyOf"), g = s || p, N = (g ? y[g ? s ? "allOf" : "anyOf" : "allOf"] : [y]).map((R) => $(R, u));
-    return s ? !N.includes(!1) : N.includes(!0);
-  }
-  return { parseValueSchema: _ };
-}
-const xe = {}, Ae = {};
-Pe();
-function Ne(l, o, n = /* @__PURE__ */ new Map(), m = (T, $, _) => $, b = {}, x = (T) => T) {
-  return de[o.title] = o, Te[o.title] = m, xe[o.title] = b, Ae[o.title] = x, (T = {}) => {
-    const $ = $e(T, o, n), _ = Object.keys(l).reduce((y, u) => (y[u] = l[u].default, y), {});
-    return Object.assign(_, $);
-  };
-}
-const Ie = /* @__PURE__ */ new Map([
-  ["buttons", "items"]
-]);
-function Re(l, o, n) {
-  return o;
-}
-const Le = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/response-toolbar.schema.json", Fe = "response-toolbar", ze = "A Farris Toolbar Component", Ve = "object", qe = {
-  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"
-      },
-      style: {
-        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: []
-  }
-}, He = [
-  "id",
-  "type",
-  "buttons"
-], Ge = {
-  $schema: Le,
-  $id: We,
-  title: Fe,
-  description: ze,
-  type: Ve,
-  properties: qe,
-  required: He
-}, Je = "https://json-schema.org/draft/2020-12/schema", Ue = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Qe = "response-toolbar-item", Xe = "A Farris Toolbar Item Component", Ye = "object", Ze = {
-  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"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  text: {
-    description: "The items of Response Toolbar.",
-    type: "string",
-    default: ""
-  },
-  icon: {
-    description: "The icon of response toolbar item.",
-    type: "string",
-    default: ""
-  }
-}, Ke = [
-  "id",
-  "type",
-  "text"
-], fe = {
-  $schema: Je,
-  $id: Ue,
-  title: Qe,
-  description: Xe,
-  type: Ye,
-  properties: Ze,
-  required: Ke
-}, et = "response-toolbar", tt = "A Farris Component", nt = "object", ot = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        title: "类型",
-        type: "enum",
-        description: "The type of a component.",
-        editor: {
-          type: "combo-list",
-          data: []
-        }
-      }
-    }
-  },
-  behavior: {
-    title: "行为",
-    description: "",
-    properties: {
-      alignment: {
-        title: "对齐方式",
-        description: "The alignment of Response Toolbar Button.",
-        type: "enum",
-        editor: {
-          type: "combo-list",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "right",
-              name: "右对齐"
-            },
-            {
-              value: "left",
-              name: "左对齐"
-            }
-          ]
-        }
-      },
-      buttons: {
-        title: "按钮",
-        description: "The items of Response Toolbar.",
-        type: "array",
-        default: [],
-        $converter: "/converter/buttons.converter"
-      }
-    }
-  }
-}, st = {
-  title: et,
-  description: tt,
-  type: nt,
-  categories: ot
-}, rt = "response-toolbar-item", ct = "A Farris Container Component", it = "object", lt = {
-  basic: {
-    title: "基本信息",
-    description: "Basic Infomation",
-    properties: {
-      id: {
-        title: "标识",
-        type: "string",
-        description: "The identifier of a component.",
-        readonly: !0
-      },
-      type: {
-        title: "类型",
-        type: "enum",
-        description: "The type of a component.",
-        editor: {
-          type: "combo-list",
-          data: []
-        }
-      },
-      text: {
-        title: "文本",
-        type: "string",
-        description: ""
-      },
-      icon: {
-        title: "图标",
-        type: "string",
-        description: ""
-      }
-    }
-  }
-}, he = {
-  title: rt,
-  description: ct,
-  type: it,
-  categories: lt
-}, pe = {
-  /**  组件自定义样式 */
-  customClass: { type: String, default: "" },
-  alignment: { Type: String, default: "right" },
-  items: {
-    Type: Array,
-    default: []
-  }
-};
-de[fe.title] = fe;
-xe[he.title] = he;
-const ie = Ne(
-  pe,
-  Ge,
-  Ie,
-  Re,
-  st
-);
-function De() {
-  function l(n) {
-    const m = {
-      "f-icon": !0
-    };
-    if (n.icon) {
-      const b = n.icon.trim().split(" ");
-      b && b.length && b.reduce((x, T) => (x[T] = !0, x), m);
-    }
-    return m;
-  }
-  function o(n) {
-    return !!(n.icon && n.icon.trim());
-  }
-  return { iconClass: l, shouldShowIcon: o };
-}
-function at(l) {
-  function o(r) {
-    const s = {
-      "dropdown-menu": !0
-    };
-    if (r.class) {
-      const p = r.menuClass.split(" ");
-      p && p.length && p.reduce((g, k) => (g[k] = !0, g), s);
-    }
-    return s;
-  }
-  function n(r) {
-    const s = {
-      disabled: !r.enable,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0
-    }, p = r.dropdownClass.split(" ");
-    return p && p.length && p.reduce((g, k) => (g[k] = !0, g), s), s;
-  }
-  function m(r) {
-    const s = {
-      disabled: !r.enable,
-      "dropdown-item": !0,
-      "f-rt-btn": !0
-    }, p = r.class.split(" ");
-    return p && p.length && p.reduce((g, k) => (g[k] = !0, g), s), s;
-  }
-  let b;
-  const x = /* @__PURE__ */ new Map();
-  function T(r, s, p) {
-    var k;
-    ((k = r.target) == null ? void 0 : k.id) === s.id && r.stopPropagation();
-    const g = p ? p.id : "__top_item__";
-    if (s.children && s.children.length && (s.expanded = !s.expanded, s.expanded ? x.set(g, s) : x.delete(g)), x.has(g) && x.get(g) !== s) {
-      const P = x.get(g);
-      P && (P.expanded = !1);
-    }
-  }
-  function $(r, s) {
-    document.body.click(), s.enable && s.onClick(r, s.id);
-  }
-  function _(r) {
-    return r.children.map((s) => s.children && s.children.length ? h("li", {
-      class: n(s),
-      id: s.id,
-      onClick: (p) => s.enable && T(p, s, r)
-    }, [h("span", {
-      id: s.id,
-      class: m(s),
-      onMouseover: (p) => s.enable && T(p, s, r)
-    }, [s.text, h("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), b(s, s)]) : h("li", {
-      class: m(s),
-      id: s.id,
-      onClick: (p) => $(p, s),
-      onMouseover: (p) => s.enable && T(p, s, r)
-    }, [l.shouldShowIcon(s) && h("i", {
-      class: l.iconClass(s)
-    }, null), s.text]));
-  }
-  function y(r, s, p) {
-    const g = {
-      display: r.expanded ? "block" : "none",
-      position: "fixed",
-      maxWidth: "300px",
-      width: "auto",
-      minWidth: "120px"
-    }, k = document.getElementsByTagName("body")[0].getClientRects()[0].width, P = s, N = P == null ? void 0 : P.getClientRects();
-    if (P && N && N.length) {
-      const {
-        top: z,
-        width: R,
-        left: I,
-        right: q,
-        height: S
-      } = N[0], f = Math.ceil(S + z);
-      g.top = `${f}px`, g.left = `${I}px`;
-      const D = r.id + "_menu", B = s ? s.querySelector("#" + D) : null;
-      if (B) {
-        g.display === "block" && (B.style.display = "block");
-        const i = B.getBoundingClientRect();
-        if (p) {
-          g.top = `${z - 6}px`;
-          const e = Math.ceil(R + I);
-          g.left = `${e}px`;
-        }
-        k - I - R < i.width && (g.left = `${(p ? I : q) - i.width}px`);
-      }
-    }
-    return g;
-  }
-  b = function(r, s) {
-    var P, N;
-    const p = ge(), g = s ? s.id : r.id, k = (N = (P = p == null ? void 0 : p.exposed) == null ? void 0 : P.elementRef.value) == null ? void 0 : N.querySelector("#" + g);
-    return h("ul", {
-      class: o(r),
-      style: y(r, k, s),
-      id: r.id + "_menu"
-    }, [_(r)]);
-  };
-  function u() {
-    x.forEach((r) => {
-      r.expanded = !1;
-    }), x.clear();
-  }
-  return {
-    renderDropdownMenu: b,
-    clearAllDropDownMenu: u
-  };
-}
-function dt(l, o) {
-  const n = W(l.alignment), {
-    renderDropdownMenu: m,
-    clearAllDropDownMenu: b
-  } = at(o);
-  function x(u) {
-    const r = {
-      "btn-group": !0,
-      "f-rt-dropdown": !0,
-      "f-btn-ml": n.value === "right",
-      "f-btn-mr": n.value === "left"
-    }, s = u.dropdownClass.split(" ");
-    return s && s.length && s.reduce((p, g) => (p[g] = !0, p), r), r;
-  }
-  function T(u) {
-    const r = {
-      btn: !0,
-      disabled: !u.enable,
-      "f-rt-btn": !0,
-      "btn-icontext": !!(u.icon && u.icon.trim())
-    };
-    if (u.class) {
-      const s = u.class.split(" ");
-      s && s.length && s.reduce((p, g) => (p[g] = !0, p), r);
-    }
-    return r;
-  }
-  function $(u, r) {
-    u.stopPropagation();
-    const s = r.expanded;
-    document.body.click(), r.expanded = !s;
-  }
-  function _(u) {
-    return h("div", {
-      id: u.id,
-      class: x(u)
-    }, [h("div", {
-      class: T(u),
-      style: "display: flex;padding-right: 0.1rem;",
-      onClick: (r) => u.enable && $(r, u)
-    }, [o.shouldShowIcon(u) && h("i", {
-      class: o.iconClass(u)
-    }, null), h("span", null, [u.text]), h("i", {
-      class: "f-icon f-icon-arrow-chevron-down",
-      style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), m(u)]);
-  }
-  function y() {
-    b();
-  }
-  return {
-    renderToolbarDropdown: _,
-    clearAllDropDown: y
-  };
-}
-const {
-  buildResponseToolbarItems: me
-} = ae(), re = /* @__PURE__ */ ye({
-  name: "FResponseToolbar",
-  props: pe,
-  emits: [],
-  setup(l, o) {
-    const n = W(me(l.items)), m = W(), b = W(), x = W(), T = W(l.alignment), $ = {
-      id: "__more_buttons__",
-      text: "更多"
-    }, _ = W(new ee($)), y = De(), u = X(() => _.value.children.length > 0), r = X(() => {
-      const f = {
-        "f-toolbar": !0,
-        "f-response-toolbar": !0,
-        "position-relative": !0
-      };
-      if (l.customClass) {
-        const D = l.customClass.split(" ");
-        D && D.length && D.reduce((B, i) => (B[i] = !0, B), f);
-      }
-      return f;
-    }), s = X(() => ({
-      "d-flex": !0,
-      "flex-nowrap": !0,
-      "justify-content-end": T.value === "right",
-      "justify-content-start": T.value === "left"
-    })), {
-      renderToolbarDropdown: p,
-      clearAllDropDown: g
-    } = dt(l, y);
-    function k() {
-      n.value.filter((f) => f.children && f.children.length > 0).forEach((f) => {
-        f.expanded = !1;
-      }), _.value.expanded = !1, g();
-    }
-    function P(f) {
-      const D = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": T.value === "right",
-        "f-btn-mr": T.value === "left",
-        "btn-icontext": !!(f.icon && f.icon.trim())
-      };
-      if (f.class) {
-        const B = f.class.split(" ");
-        B && B.length && B.reduce((i, e) => (i[e] = !0, i), D);
-      }
-      return D;
-    }
-    function N(f, D) {
-      document.body.click(), D.onClick(f, D.id);
-    }
-    function z(f) {
-      return h("button", {
-        type: "button",
-        class: P(f),
-        id: f.id,
-        disabled: !f.enable,
-        onClick: (D) => N(D, f)
-      }, [y.shouldShowIcon(f) && h("i", {
-        class: y.iconClass(f)
-      }, null), f.text]);
-    }
-    const R = /* @__PURE__ */ new Map(), I = [];
-    function q(f) {
-      const D = x.value;
-      let B = f;
-      const i = Array.from(D.children), e = i[i.length - 1].id === "__more_buttons__" ? i[i.length - 1] : null;
-      if (e) {
-        const v = e.computedStyleMap().get("margin-left"), E = e.computedStyleMap().get("margin-right"), F = (v ? v.value : 0) + e.getBoundingClientRect().width + (E ? E.value : 0);
-        B -= F;
-      }
-      const t = i.filter((v) => v.id !== "__more_buttons__");
-      for (const v of t) {
-        const E = v.computedStyleMap().get("margin-left"), F = v.computedStyleMap().get("margin-right"), J = (E ? E.value : 0) + v.getBoundingClientRect().width + (F ? F.value : 0);
-        B < J ? (R.set(v.id, !0), I.push({
-          id: v.id,
-          width: J
-        })) : B -= J;
-      }
-      if (I.length)
-        for (let v = I.length - 1; v >= 0; v--) {
-          const E = I[v].width;
-          if (B >= E)
-            B -= E, R.delete(I[v].id), I.pop();
-          else
-            break;
-        }
-      const c = Object.assign({}, _.value);
-      c.children = [];
-      const d = new ee(c), M = n.value.reduce((v, E) => (R.has(E.id) && d.children.push(E), E.visible = !R.has(E.id), v.push(E), v), []);
-      _.value = d, n.value = M;
-    }
-    const S = new ResizeObserver((f) => {
-      if (f.length) {
-        const B = f[0].contentRect.width, e = x.value.getBoundingClientRect().width;
-        (B < e || I.length) && (q(B), k());
-      }
-    });
-    return ce(() => {
-      const f = b.value;
-      S.observe(f), document.body.addEventListener("click", k), document.body.addEventListener("wheel", k);
-    }), ve(() => {
-      S.disconnect(), document.body.removeEventListener("click", k), document.body.removeEventListener("wheel", k);
-    }), we(() => l.items, () => {
-      n.value = me(l.items);
-    }), o.expose({
-      elementRef: m
-    }), () => h("div", {
-      class: r.value,
-      ref: m
-    }, [h("div", {
-      ref: b,
-      class: s.value
-    }, [h("div", {
-      ref: x,
-      class: "d-inline-block f-response-content",
-      style: "white-space: nowrap;"
-    }, [n.value.filter((f) => f.visible).map((f) => f.children && f.children.length > 0 ? p(f) : z(f)), u.value && p(_.value)])])]);
-  }
-});
-function ut(l, o) {
-  const n = Z("design-item-context"), m = Z("toolbar-item-handler", null);
-  function b() {
-    m && m();
-  }
-  function x(e) {
-    const t = {
-      "dropdown-menu": !0
-    };
-    if (e.class) {
-      const c = e.menuClass.split(" ");
-      c && c.length && c.reduce((d, M) => (d[M] = !0, d), t);
-    }
-    return t;
-  }
-  function T(e) {
-    const t = {
-      disabled: !e.enable,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0
-    }, c = e.dropdownClass.split(" ");
-    return c && c.length && c.reduce((d, M) => (d[M] = !0, d), t), t;
-  }
-  function $(e) {
-    const t = {
-      disabled: !e.enable,
-      "dropdown-item": !0,
-      "f-rt-btn": !0,
-      "position-relative": !0,
-      "farris-component": !0
-    }, c = e.class.split(" ");
-    return c && c.length && c.reduce((d, M) => (d[M] = !0, d), t), t;
-  }
-  let _;
-  const y = /* @__PURE__ */ new Map();
-  function u(e, t, c) {
-    var M;
-    ((M = e.target) == null ? void 0 : M.id) === t.id && e.stopPropagation();
-    const d = c ? c.id : "__top_item__";
-    if (t.children && t.children.length && (t.expanded = !t.expanded, t.expanded ? y.set(d, t) : y.delete(d)), y.has(d) && y.get(d) !== t) {
-      const v = y.get(d);
-      v && (v.expanded = !1);
-    }
-  }
-  function r(e) {
-    e && (e.stopPropagation(), e.preventDefault());
-  }
-  function s() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((t) => t.classList.remove("dgComponentFocused"));
-    const e = document.getElementsByClassName("dgComponentSelected");
-    Array.from(e).forEach((t) => t.classList.remove("dgComponentSelected"));
-  }
-  function p(e) {
-    e.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-  }
-  function g(e) {
-    const {
-      buttons: t = []
-    } = n.schema;
-    let c = [];
-    t.forEach((v) => {
-      c = c.concat(v.children || []);
-    });
-    const d = c.findIndex((v) => v.id === e), M = d === -1 ? null : c[d];
-    return {
-      index: d,
-      item: M
-    };
-  }
-  function k(e) {
-    const {
-      buttons: t = []
-    } = n.schema, c = t.findIndex((M) => M.id === e), d = c === -1 ? null : t[c];
-    return {
-      index: c,
-      item: d
-    };
-  }
-  function P(e) {
-    var d;
-    n.schema;
-    const {
-      index: t,
-      item: c
-    } = g(e);
-    (d = n == null ? void 0 : n.setupContext) == null || d.emit("selectionChange", c == null ? void 0 : c.type, c);
-  }
-  const N = function(e) {
-    const {
-      componentType: t
-    } = e, c = K(t, e), d = t.toLowerCase().replace("-", "_");
-    return c && !c.id && c.type === t && (c.id = `${d}_${Math.random().toString().slice(2, 6)}`), c;
-  }, z = function() {
-    const e = {
-      componentType: "response-toolbar-item",
-      parentComponentInstance: o.value,
-      targetPosition: -1
-    };
-    return N(e);
-  };
-  function R(e, t) {
-    r(e), s(), p(e), P(t.id);
-  }
-  function I(e, t, c) {
-    r(e);
-    const d = t.id, M = c && c.id, {
-      buttons: v = []
-    } = n.schema;
-    if (!M)
-      return;
-    const {
-      index: E
-    } = k(M);
-    if (E === -1)
-      return;
-    const {
-      index: F
-    } = g(d);
-    F !== -1 && (v[E].children.splice(F, 1), b());
-  }
-  function q(e, t, c) {
-    r(e);
-    const d = c && c.id, {
-      buttons: M = []
-    } = n.schema;
-    if (!d)
-      return;
-    const {
-      index: v
-    } = k(d);
-    if (v === -1)
-      return;
-    const E = z(), F = Object.assign({}, E, {
-      text: t.text
-    });
-    M[v].children.push(F), b();
-  }
-  function S(e, t, c) {
-    r(e);
-    const d = c && c.id, {
-      buttons: M = []
-    } = n.schema;
-    if (!d)
-      return;
-    const {
-      index: v
-    } = k(d);
-    if (v === -1)
-      return;
-    const E = z(), F = Object.assign({}, E, {
-      text: "按钮"
-    });
-    M[v].children.push(F), b();
-  }
-  function f(e, t) {
-    return h("div", {
-      class: "component-btn-group"
-    }, [h("div", null, [h("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "删除",
-      ref: "removeButton",
-      style: "position:static;",
-      onClick: (c) => I(c, e, t)
-    }, [h("i", {
-      class: "f-icon f-icon-yxs_delete"
-    }, null)]), h("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "复制",
-      ref: "copyButton",
-      style: "position:static;",
-      onClick: (c) => q(c, e, t)
-    }, [h("i", {
-      class: "f-icon f-icon-yxs_copy"
-    }, null)]), h("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "新增同级",
-      ref: "appendSame",
-      style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (c) => S(c, e, t)
-    }, [h("i", {
-      class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), h("span", {
-      style: "font-size:13px;margin:auto"
-    }, [le("新增同级")])])])]);
-  }
-  function D(e) {
-    return e.children.map((t) => t.children && t.children.length ? h("li", {
-      class: T(t),
-      id: t.id,
-      onClick: (c) => t.enable && u(c, t, e)
-    }, [h("span", {
-      id: t.id,
-      class: $(t),
-      onMouseover: (c) => t.enable && u(c, t, e)
-    }, [t.text, h("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), _(t, t)]) : h("li", {
-      class: $(t),
-      id: t.id,
-      onClick: (c) => R(c, t)
-    }, [f(t, e), l.shouldShowIcon(t) && h("i", {
-      class: l.iconClass(t)
-    }, null), t.text]));
-  }
-  function B(e, t, c) {
-    const d = {
-      display: e.expanded ? "block" : "none",
-      position: "fixed",
-      maxWidth: "300px",
-      width: "auto",
-      minWidth: "120px"
-    }, M = document.getElementsByTagName("body")[0].getClientRects()[0].width, v = t, E = v == null ? void 0 : v.getClientRects();
-    if (v && E && E.length) {
-      const {
-        top: F,
-        width: J,
-        left: H,
-        right: G,
-        height: oe
-      } = E[0], te = Math.ceil(oe + F);
-      d.top = `${te}px`, d.left = `${H}px`;
-      const a = e.id + "_menu", w = t ? t.querySelector("#" + a) : null;
-      if (w) {
-        d.display === "block" && (w.style.display = "block");
-        const C = w.getBoundingClientRect();
-        if (c) {
-          d.top = `${F - 6}px`;
-          const O = Math.ceil(J + H);
-          d.left = `${O}px`;
-        }
-        M - H - J < C.width && (d.left = `${(c ? H : G) - C.width}px`);
-      }
-    }
-    return d;
-  }
-  _ = function(e, t) {
-    var v, E;
-    const c = ge(), d = t ? t.id : e.id, M = (E = (v = c == null ? void 0 : c.exposed) == null ? void 0 : v.elementRef.value) == null ? void 0 : E.querySelector("#" + d);
-    return h("ul", {
-      class: x(e),
-      style: B(e, M, t),
-      id: e.id + "_menu"
-    }, [D(e)]);
-  };
-  function i() {
-    y.forEach((e) => {
-      e.expanded = !1;
-    }), y.clear();
-  }
-  return {
-    renderDropdownMenu: _,
-    clearAllDropDownMenu: i
-  };
-}
-function pt(l, o, n) {
-  const m = W(l.alignment), {
-    renderDropdownMenu: b,
-    clearAllDropDownMenu: x
-  } = ut(o, n), T = Z("design-item-context"), $ = Z("toolbar-item-handler", null);
-  function _() {
-    $ && $();
-  }
-  function y(i) {
-    const e = {
-      "btn-group": !0,
-      "f-rt-dropdown": !0,
-      "f-btn-ml": m.value === "right",
-      "f-btn-mr": m.value === "left"
-    }, t = i.dropdownClass.split(" ");
-    return t && t.length && t.reduce((c, d) => (c[d] = !0, c), e), e;
-  }
-  function u(i) {
-    const e = {
-      btn: !0,
-      disabled: !i.enable,
-      "position-relative": !0,
-      "farris-component": !0,
-      "f-rt-btn": !0,
-      "btn-icontext": !!(i.icon && i.icon.trim())
-    };
-    if (i.class) {
-      const t = i.class.split(" ");
-      t && t.length && t.reduce((c, d) => (c[d] = !0, c), e);
-    }
-    return e;
-  }
-  function r(i) {
-    i && (i.stopPropagation(), i.preventDefault());
-  }
-  function s(i, e) {
-    r(i);
-    const t = e.expanded;
-    document.body.click(), e.expanded = !t;
-  }
-  const p = function(i) {
-    const {
-      componentType: e
-    } = i, t = K(e, i), c = e.toLowerCase().replace("-", "_");
-    return t && !t.id && t.type === e && (t.id = `${c}_${Math.random().toString().slice(2, 6)}`), t;
-  }, g = function() {
-    const i = {
-      componentType: "response-toolbar-item",
-      parentComponentInstance: n.value,
-      targetPosition: -1
-    };
-    return p(i);
-  };
-  function k(i) {
-    const e = T.schema.buttons || T.schema.contents, t = e == null ? void 0 : e.findIndex((d) => d.id === i), c = t === -1 ? null : e[t];
-    return {
-      index: t,
-      toolbarItem: c
-    };
-  }
-  function P(i, e) {
-    var E;
-    const {
-      index: t,
-      toolbarItem: c
-    } = k(e);
-    if (t === -1)
-      return;
-    const d = c.text || "按钮", M = g(), v = Object.assign({}, M, {
-      text: d
-    });
-    (E = T.schema.buttons) == null || E.push(v), _();
-  }
-  function N(i, e) {
-    const {
-      index: t,
-      toolbarItem: c
-    } = k(e);
-    if (t === -1)
-      return;
-    const d = c.text || "按钮", M = g(), v = Object.assign({}, M, {
-      text: d
-    }), E = T.schema.buttons[t].children || [];
-    E.push(v), T.schema.buttons[t].children = E, _();
-  }
-  function z(i, e) {
-    const t = T.schema.buttons || T.schema.contents, c = t == null ? void 0 : t.findIndex((d) => d.id === e);
-    c !== -1 && (t.splice(c, 1), _());
-  }
-  function R(i) {
-    return h("div", {
-      class: "component-btn-group"
-    }, [h("div", null, [h("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "删除",
-      ref: "removeButton",
-      style: "position:static;",
-      onClick: (e) => z(e, i)
-    }, [h("i", {
-      class: "f-icon f-icon-yxs_delete"
-    }, null)]), h("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "复制",
-      ref: "copyButton",
-      style: "position:static;",
-      onClick: (e) => P(e, i)
-    }, [h("i", {
-      class: "f-icon f-icon-yxs_copy"
-    }, null)]), h("div", {
-      role: "button",
-      class: "btn component-settings-button",
-      title: "新增子级",
-      ref: "appendChildButton",
-      style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (e) => N(e, i)
-    }, [h("i", {
-      class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), h("span", {
-      style: "font-size:13px;margin:auto"
-    }, [le("新增子级")])])])]);
-  }
-  function I() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((e) => e.classList.remove("dgComponentFocused"));
-    const i = document.getElementsByClassName("dgComponentSelected");
-    Array.from(i).forEach((e) => e.classList.remove("dgComponentSelected"));
-  }
-  function q(i) {
-    i.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-  }
-  function S(i) {
-    var d;
-    const e = T.schema.buttons || T.schema.contents, t = e == null ? void 0 : e.findIndex((M) => M.id === i);
-    if (t === -1)
-      return;
-    const c = e[t];
-    (d = T == null ? void 0 : T.setupContext) == null || d.emit("selectionChange", "response-toolbar-item", c);
-  }
-  function f(i, e) {
-    r(i), I(), q(i), r(i), s(i, e), S(e.id);
-  }
-  function D(i) {
-    return h("div", {
-      id: i.id,
-      class: y(i)
-    }, [h("div", {
-      class: u(i),
-      style: "display: flex;padding-right: 0.1rem;",
-      onClick: (e) => i.enable && f(e, i)
-    }, [R(i.id), o.shouldShowIcon(i) && h("i", {
-      class: o.iconClass(i)
-    }, null), h("span", null, [i.text]), h("i", {
-      class: "f-icon f-icon-arrow-chevron-down",
-      style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), b(i)]);
-  }
-  function B() {
-    x();
-  }
-  return {
-    renderToolbarDropdown: D,
-    clearAllDropDown: B
-  };
-}
-function ft(l, o, n) {
-  var q;
-  function m() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  m();
-  const b = n && n.getStyles && n.getStyles() || "", x = n && n.getDesignerClass && n.getDesignerClass() || "", T = W();
-  function $() {
-    return (o == null ? void 0 : o.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function _() {
-    return !1;
-  }
-  function y() {
-    return (o == null ? void 0 : o.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function u() {
-    return (o == null ? void 0 : o.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function r(S) {
-    if (!S || !S.value)
-      return null;
-    if (S.value.schema && S.value.schema.type === "component")
-      return S.value;
-    const f = W(S == null ? void 0 : S.value.parent), D = r(f);
-    return D || null;
-  }
-  function s(S = o) {
-    const { componentInstance: f, designerItemElementRef: D } = S;
-    return !f || !f.value ? null : f.value.canMove ? D : s(S.parent);
-  }
-  function p(S) {
-    return !!n && n.canAccepts(S);
-  }
-  function g() {
-    return (o == null ? void 0 : o.schema.label) || (o == null ? void 0 : o.schema.title) || (o == null ? void 0 : o.schema.name);
-  }
-  function k() {
-  }
-  function P(S, f) {
-    f && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(f);
-  }
-  function N(S) {
-    const { componentType: f } = S;
-    let D = K(f, S);
-    n && n.onResolveNewComponentSchema && (D = n.onResolveNewComponentSchema(S, D));
-    const B = f.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === f && (D.id = `${B}_${Math.random().toString().slice(2, 6)}`), D;
-  }
-  function z(S, f) {
-    const D = String(S.getAttribute("data-controltype")), B = S.getAttribute("data-feature"), i = B ? JSON.parse(B) : {};
-    i.parentComponentInstance = T.value;
-    let e = K(D, i);
-    n && n.onAcceptNewChildElement && (e = n.onAcceptNewChildElement(S, f, e));
-    const t = D.toLowerCase().replace("-", "_");
-    return e && !e.id && e.type === D && (e.id = `${t}_${Math.random().toString().slice(2, 6)}`), e;
-  }
-  function R(S) {
-  }
-  function I() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return T.value = {
-    canMove: $(),
-    canSelectParent: _(),
-    canDelete: y(),
-    canNested: !u(),
-    contents: o == null ? void 0 : o.schema.contents,
-    elementRef: l,
-    parent: (q = o == null ? void 0 : o.parent) == null ? void 0 : q.componentInstance,
-    schema: o == null ? void 0 : o.schema,
-    styles: b,
-    designerClass: x,
-    canAccepts: p,
-    getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: s,
-    getDraggingDisplayText: g,
-    getPropConfig: I,
-    getDragScopeElement: k,
-    onAcceptMovedChildElement: P,
-    onAcceptNewChildElement: z,
-    onChildElementMovedOut: R,
-    addNewChildComponentSchema: N,
-    updateDragAndDropRules: m,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || W(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || W(!1)
-  }, T;
-}
-const {
-  buildResponseToolbarItems: be
-} = ae(), ht = /* @__PURE__ */ ye({
-  name: "FResponseToolbarDesign",
-  props: pe,
-  emits: ["Click"],
-  setup(l, o) {
-    const n = W(be(l.items)), m = W(), b = W(), x = W(l.alignment), T = {
-      id: "__more_buttons__",
-      text: "More"
-    }, $ = W(new ee(T)), _ = De(), y = X(() => $.value.children.length > 0), u = W(), r = Z("design-item-context"), s = ft(u, r), p = Z("toolbar-item-handler", null);
-    ce(() => {
-      u.value.componentInstance = s;
-    }), o.expose({
-      elementRef: u
-    });
-    function g() {
-      p && p();
-    }
-    const k = X(() => ({
-      "f-toolbar": !0,
-      "f-response-toolbar": !0,
-      "position-relative": !0
-    })), P = X(() => ({
-      "d-flex": !0,
-      "flex-nowrap": !0,
-      "justify-content-end": x.value === "right",
-      "justify-content-start": x.value === "left"
-    })), {
-      renderToolbarDropdown: N,
-      clearAllDropDown: z
-    } = pt(l, _, s);
-    function R() {
-      n.value.filter((a) => a.children && a.children.length > 0).forEach((a) => {
-        a.expanded = !1;
-      }), $.value.expanded = !1, z();
-    }
-    function I(a) {
-      const w = {
-        "f-icon": !0
-      };
-      if (a.icon) {
-        const C = a.icon.trim().split(" ");
-        C && C.length && C.reduce((O, A) => (O[A] = !0, O), w);
-      }
-      return w;
-    }
-    function q(a) {
-      return !!(a.icon && a.icon.trim());
-    }
-    function S(a) {
-      const w = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": x.value === "right",
-        "f-btn-mr": x.value === "left",
-        "btn-icontext": !!(a.icon && a.icon.trim())
-      };
-      if (a.class) {
-        const C = a.class.split(" ");
-        C && C.length && C.reduce((O, A) => (O[A] = !0, O), w);
-      }
-      return w;
-    }
-    function f(a) {
-      a && (a.stopPropagation(), a.preventDefault());
-    }
-    function D() {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((w) => w.classList.remove("dgComponentFocused"));
-      const a = document.getElementsByClassName("dgComponentSelected");
-      Array.from(a).forEach((w) => w.classList.remove("dgComponentSelected"));
-    }
-    function B(a) {
-      a.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
-    }
-    function i(a) {
-      var A;
-      const w = r.schema.buttons || r.schema.contents, C = w == null ? void 0 : w.findIndex((Q) => Q.id === a);
-      if (C === -1)
-        return;
-      const O = w[C];
-      (A = r == null ? void 0 : r.setupContext) == null || A.emit("selectionChange", "response-toolbar-item", O);
-    }
-    const e = function(a) {
-      const {
-        componentType: w
-      } = a, C = K(w, a), O = w.toLowerCase().replace("-", "_");
-      return C && !C.id && C.type === w && (C.id = `${O}_${Math.random().toString().slice(2, 6)}`), C;
-    }, t = function() {
-      const a = {
-        componentType: "response-toolbar-item",
-        parentComponentInstance: s.value,
-        targetPosition: -1
-      };
-      return e(a);
-    };
-    function c(a, w) {
-      D(), B(a), f(a), i(w);
-    }
-    function d(a, w) {
-      const C = r.schema.buttons || r.schema.contents, O = C == null ? void 0 : C.findIndex((A) => A.id === w);
-      O !== -1 && (C.splice(O, 1), g());
-    }
-    function M(a) {
-      const w = r.schema.buttons || r.schema.contents, C = w == null ? void 0 : w.findIndex((A) => A.id === a), O = C === -1 ? null : w[C];
-      return {
-        index: C,
-        toolbarItem: O
-      };
-    }
-    function v(a, w) {
-      var U;
-      const {
-        index: C,
-        toolbarItem: O
-      } = M(w);
-      if (C === -1)
-        return;
-      const A = O.text || "按钮", Q = t(), Y = Object.assign({}, Q, {
-        text: A
-      });
-      (U = r.schema.buttons) == null || U.push(Y), g();
-    }
-    function E(a, w) {
-      const {
-        index: C,
-        toolbarItem: O
-      } = M(w);
-      if (C === -1)
-        return;
-      const A = O.text || "按钮", Q = t(), Y = Object.assign({}, Q, {
-        text: A
-      }), U = r.schema.buttons[C].items || [];
-      U.push(Y), r.schema.buttons[C].children = U, g();
-    }
-    function F(a) {
-      return h("div", {
-        class: "component-btn-group"
-      }, [h("div", null, [h("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "删除",
-        ref: "removeButton",
-        style: "position:static;",
-        onClick: (w) => d(w, a)
-      }, [h("i", {
-        class: "f-icon f-icon-yxs_delete"
-      }, null)]), h("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "复制",
-        ref: "copyButton",
-        style: "position:static;",
-        onClick: (w) => v(w, a)
-      }, [h("i", {
-        class: "f-icon f-icon-yxs_copy"
-      }, null)]), h("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "新增子级",
-        ref: "appendChildButton",
-        style: "width:85px!important;padding:0 5px;position:static;",
-        onClick: (w) => E(w, a)
-      }, [h("i", {
-        class: "f-icon f-icon-plus-circle text-white mr-1"
-      }, null), h("span", {
-        style: "font-size:13px;margin:auto"
-      }, [le("新增子级")])])])]);
-    }
-    function J(a) {
-      return h("div", {
-        class: "farris-component position-relative",
-        style: "display:inline-block!important;",
-        onClick: (w) => c(w, a.id)
-      }, [F(a.id), h("button", {
-        type: "button",
-        class: S(a),
-        id: a.id,
-        disabled: !a.enable
-      }, [q(a) && h("i", {
-        class: I(a)
-      }, null), a.text])]);
-    }
-    const H = /* @__PURE__ */ new Map(), G = [];
-    function oe(a) {
-      const w = b.value;
-      let C = a;
-      const O = Array.from(w.children), A = O[O.length - 1].id === "__more_buttons__" ? O[O.length - 1] : null;
-      if (A) {
-        const L = A.computedStyleMap().get("margin-left"), V = A.computedStyleMap().get("margin-right"), ne = (L ? L.value : 0) + A.getBoundingClientRect().width + (V ? V.value : 0);
-        C -= ne;
-      }
-      const Q = O.filter((L) => L.id !== "__more_buttons__");
-      for (const L of Q) {
-        const V = L.computedStyleMap().get("margin-left"), ne = L.computedStyleMap().get("margin-right"), se = (V ? V.value : 0) + L.getBoundingClientRect().width + (ne ? ne.value : 0);
-        C < se ? (H.set(L.id, !0), G.push({
-          id: L.id,
-          width: se
-        })) : C -= se;
-      }
-      if (G.length)
-        for (let L = G.length - 1; L >= 0; L--) {
-          const V = G[L].width;
-          if (C >= V)
-            C -= V, H.delete(G[L].id), G.pop();
-          else
-            break;
-        }
-      const Y = Object.assign({}, $.value);
-      Y.children = [];
-      const U = new ee(Y), Ee = n.value.reduce((L, V) => (H.has(V.id) && U.children.push(V), V.visible = !H.has(V.id), L.push(V), L), []);
-      $.value = U, n.value = Ee;
-    }
-    const te = new ResizeObserver((a) => {
-      if (a.length) {
-        const C = a[0].contentRect.width, A = b.value.getBoundingClientRect().width;
-        (C < A || G.length) && oe(C);
-      }
-    });
-    return ce(() => {
-      const a = m.value;
-      te.observe(a), document.body.addEventListener("click", R);
-    }), ve(() => {
-      te.disconnect(), document.body.removeEventListener("click", R);
-    }), we(() => l.items, () => {
-      n.value = be(l.items);
-    }), () => h("div", {
-      ref: u,
-      class: k.value
-    }, [h("div", {
-      ref: m,
-      class: P.value
-    }, [h("div", {
-      ref: b,
-      class: "d-inline-block f-response-content",
-      style: "white-space: nowrap;"
-    }, [n.value.filter((a) => a.visible).map((a) => a.children && a.children.length > 0 ? N(a) : J(a)), y.value && N($.value)])])]);
-  }
-}), vt = ie, wt = {
-  install(l) {
-    l.component(re.name, re);
-  },
-  register(l, o, n) {
-    l["response-toolbar"] = re, o["response-toolbar"] = ie;
-  },
-  registerDesigner(l, o, n) {
-    l["response-toolbar"] = ht, o["response-toolbar"] = ie;
-  }
-};
-export {
-  re as ResponseToolbar,
-  ee as ResponseToolbarDropDownItem,
-  yt as ResponseToolbarGroup,
-  Be as ResponseToolbarItem,
-  wt as default,
-  vt as responseToolbarResolver
-};